/* ===== DASHBOARD / ADMIN PANEL EXTRA STYLES ===== */

.alert-error{
  background:rgba(225,91,63,0.1); color:var(--red);
  border:1px solid rgba(225,91,63,0.3); border-radius:8px;
  padding:12px 16px; font-size:0.88rem; margin-bottom:16px;
}

.notice-box{
  background:rgba(78,158,123,0.08); border:1px solid rgba(78,158,123,0.25);
  border-radius:12px; padding:16px 20px; margin-bottom:30px;
}
.notice-box strong{ color:var(--green); display:block; margin-bottom:6px; }
.notice-box p{ font-size:0.9rem; color:#3a4a5e; }

.dash-grid{ display:grid; gap:18px; grid-template-columns:1fr; }
@media(min-width:760px){ .dash-grid{ grid-template-columns:repeat(3,1fr); } }

.chart-breadcrumb{ font-size:0.85rem; color:#5b6b80; margin-bottom:14px; }
.chart-breadcrumb a{ color:var(--red); font-weight:600; }
.chart-breadcrumb span{ color:var(--ink); font-weight:600; }

.day-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(64px,1fr)); gap:10px; }
.day-pill{
  border-radius:10px; padding:10px 6px; text-align:center; font-weight:700;
  font-family:'JetBrains Mono', monospace; font-size:0.95rem;
}
.day-pill span{ display:block; font-family:'Inter',sans-serif; font-weight:500; font-size:0.68rem; margin-top:4px; }
.day-pill.present{ background:rgba(78,158,123,0.12); color:var(--green); }
.day-pill.absent{ background:rgba(225,91,63,0.12); color:var(--red); }

.table-scroll{ overflow-x:auto; border-radius:14px; }

.mini-btn{
  background:rgba(225,91,63,0.1); color:var(--red); border:none;
  padding:6px 12px; border-radius:6px; font-size:0.78rem; font-weight:600; cursor:pointer;
}
.mini-btn:hover{ background:rgba(225,91,63,0.2); }

/* ---- ADMIN TABS ---- */
.admin-tabs{
  display:flex; gap:8px; overflow-x:auto; margin-bottom:26px;
  border-bottom:1px solid var(--line); padding-bottom:2px;
}
.tab-btn{
  background:none; border:none; padding:10px 16px; font-family:'Inter',sans-serif;
  font-size:0.9rem; font-weight:600; color:#8a95a3; cursor:pointer; white-space:nowrap;
  border-bottom:3px solid transparent; transition:color .15s ease, border-color .15s ease;
}
.tab-btn.active{ color:var(--red); border-bottom-color:var(--red); }
.tab-btn:hover{ color:var(--ink); }

.tab-panel{ display:none; }
.tab-panel.active{ display:block; }

textarea{
  width:100%; padding:12px 14px; border:1px solid var(--line); border-radius:8px;
  font-family:'Inter', sans-serif; font-size:0.92rem; background:var(--paper); color:var(--ink); resize:vertical;
}