/* TK Buje Piramida — admin panel */

/* ADMIN MODERN COMPACT PANEL */
.admin-modern { display:flex; flex-direction:column; gap:1rem; }
.admin-topline { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; margin-bottom:0.2rem; }
.admin-title { font-family:'Space Grotesk',sans-serif; font-size:1.35rem; font-weight:800; color:var(--text); letter-spacing:-0.3px; }
.admin-subtitle { color:var(--text3); font-size:0.86rem; margin-top:0.25rem; line-height:1.45; }
.admin-status-pill { border-radius:999px; padding:0.45rem 0.75rem; font-size:0.74rem; font-weight:800; letter-spacing:0.8px; white-space:nowrap; }
.admin-status-pill.active { color:var(--green); background:var(--green-glow); border:1px solid rgba(34,197,94,0.28); }
.admin-status-pill.paused { color:var(--gold); background:rgba(245,158,11,0.12); border:1px solid rgba(245,158,11,0.32); }
.admin-tabs { display:flex; gap:0.45rem; overflow-x:auto; padding:0.4rem; background:rgba(255,255,255,0.035); border:1px solid var(--border); border-radius:16px; position:sticky; top:72px; z-index:50; backdrop-filter:blur(18px); }
.admin-tab { flex:0 0 auto; background:transparent; border:none; color:var(--text2); font-family:'Inter',sans-serif; font-size:0.8rem; font-weight:700; padding:0.55rem 0.8rem; border-radius:12px; cursor:pointer; transition:all 0.18s; }
.admin-tab:hover { color:var(--text); background:rgba(255,255,255,0.045); }
.admin-tab.active { color:var(--orange); background:var(--orange-glow); box-shadow:inset 0 0 0 1px rgba(255,107,43,0.25); }
.admin-metrics-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0.75rem; }
.admin-metric-card { background:linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)); border:1px solid var(--border); border-radius:18px; padding:1rem; min-height:120px; display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 12px 28px rgba(0,0,0,0.18); }
.admin-metric-card.orange { border-color:rgba(255,107,43,0.28); }
.admin-metric-card.red { border-color:rgba(239,68,68,0.25); }
.admin-metric-card.green { border-color:rgba(34,197,94,0.25); }
.admin-metric-card.blue { border-color:rgba(59,130,246,0.25); }
.admin-metric-card.gold { border-color:rgba(245,158,11,0.28); }
.admin-metric-label { color:var(--text3); font-size:0.7rem; font-weight:800; text-transform:uppercase; letter-spacing:0.8px; }
.admin-metric-value { font-family:'Space Grotesk',sans-serif; font-size:2rem; font-weight:900; color:var(--orange); line-height:1; margin:0.55rem 0; }
.admin-metric-card.red .admin-metric-value { color:var(--red); }
.admin-metric-card.green .admin-metric-value { color:var(--green); }
.admin-metric-card.blue .admin-metric-value { color:var(--blue); }
.admin-metric-card.gold .admin-metric-value { color:var(--gold); }
.admin-metric-sub { color:var(--text3); font-size:0.78rem; line-height:1.35; }
.admin-two-col { display:grid; grid-template-columns:1fr 1fr; gap:0.85rem; }
.admin-two-col.wide-left { grid-template-columns:1.35fr 0.65fr; }
.admin-panel-card { background:linear-gradient(180deg, rgba(18,31,46,0.66), rgba(13,13,13,0.66)); border:1px solid var(--border); border-radius:18px; overflow:hidden; box-shadow:0 14px 34px rgba(0,0,0,0.18); }
.admin-panel-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:0.9rem 1rem; border-bottom:1px solid var(--border); font-weight:800; color:var(--text); }
.admin-panel-head button, .admin-link-btn { background:none; border:none; color:var(--text2); font-family:'Inter',sans-serif; font-size:0.78rem; font-weight:700; cursor:pointer; transition:color 0.18s; }
.admin-panel-head button:hover, .admin-link-btn:hover { color:var(--orange); }
.admin-link-btn { width:100%; padding:0.85rem 1rem; border-top:1px solid var(--border); text-align:center; }
.admin-action-row, .admin-change-row, .admin-team-row { display:grid; grid-template-columns:44px 1fr auto; gap:0.75rem; align-items:center; padding:0.85rem 1rem; border-bottom:1px solid var(--border); }
.admin-action-row:last-child, .admin-change-row:last-child, .admin-team-row:last-child { border-bottom:none; }
.admin-action-row.important { background:rgba(255,107,43,0.045); }
.admin-row-icon, .admin-change-icon { width:36px; height:36px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(255,107,43,0.1); color:var(--orange); font-size:1rem; font-weight:900; }
.admin-row-icon.red, .admin-change-row.red .admin-change-icon { background:var(--red-glow); color:var(--red); }
.admin-row-icon.gold, .admin-change-row.gold .admin-change-icon { background:rgba(245,158,11,0.12); color:var(--gold); }
.admin-change-row.green .admin-change-icon { background:var(--green-glow); color:var(--green); }
.admin-row-main { min-width:0; }
.admin-row-title { color:var(--text); font-weight:800; font-size:0.9rem; line-height:1.35; }
.admin-row-title span { color:var(--text3); font-weight:600; font-size:0.78rem; margin:0 0.15rem; }
.admin-row-meta { color:var(--text3); font-size:0.78rem; line-height:1.45; margin-top:0.15rem; }
.admin-row-meta strong { color:var(--text2); }
.admin-row-actions { display:flex; gap:0.45rem; flex-wrap:wrap; justify-content:flex-end; align-items:center; }
.admin-change-time { color:var(--text3); font-size:0.72rem; text-align:right; line-height:1.4; min-width:70px; }
.admin-empty-small { color:var(--text3); font-size:0.86rem; padding:1.2rem; text-align:center; }
.admin-note { color:var(--text3); font-size:0.78rem; line-height:1.45; padding:0.8rem 1rem; border-top:1px solid var(--border); background:rgba(255,255,255,0.025); }
.admin-soft-box { padding:1rem; color:var(--text2); font-size:0.86rem; line-height:1.6; }
.admin-soft-box button { margin-top:0.75rem; }
.admin-quick-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0.75rem; padding:1rem; }
.admin-quick-card { text-align:left; background:rgba(255,255,255,0.035); border:1px solid var(--border); border-radius:14px; padding:0.9rem; color:var(--text); cursor:pointer; transition:all 0.18s; }
.admin-quick-card:hover { transform:translateY(-2px); border-color:var(--border2); background:rgba(255,255,255,0.055); }
.admin-quick-card strong { display:block; font-size:0.9rem; margin-bottom:0.25rem; }
.admin-quick-card span { color:var(--text3); font-size:0.76rem; line-height:1.35; }
.admin-small-input { width:74px; padding:0.38rem 0.5rem; background:var(--bg2); border:1px solid var(--border2); border-radius:7px; color:var(--text); font-size:0.78rem; }
.admin-small-btn, .admin-danger-small, .admin-success-small { background:var(--bg3); border:1px solid var(--border2); color:var(--text2); padding:0.38rem 0.65rem; border-radius:7px; cursor:pointer; font-size:0.76rem; font-weight:700; }
.admin-small-btn:hover { color:var(--orange); border-color:rgba(255,107,43,0.35); }
.admin-danger-small { color:var(--red); background:var(--red-glow); border-color:rgba(239,68,68,0.25); }
.admin-success-small { color:var(--green); background:var(--green-glow); border-color:rgba(34,197,94,0.25); }
.admin-trash { background:none; border:none; color:var(--text3); cursor:pointer; font-size:1rem; }
.admin-trash:hover { color:var(--red); }
.admin-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:0.75rem; }
.admin-panel-card .form-group { padding:0 1rem; }
.admin-panel-card .form-group:first-child { padding-top:1rem; }
.admin-panel-card .btn-primary { width:calc(100% - 2rem); margin:0.2rem 1rem 1rem; }
.admin-team-list { max-height:560px; overflow-y:auto; }
.admin-team-row { grid-template-columns:1fr auto; }
@media(max-width:900px) {
  .admin-metrics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-two-col, .admin-two-col.wide-left { grid-template-columns:1fr; }
  .admin-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-action-row, .admin-change-row { grid-template-columns:36px 1fr; }
  .admin-row-actions, .admin-change-time { grid-column:2; justify-content:flex-start; text-align:left; }
}
@media(max-width:700px) {
  .admin-tabs { top:58px; border-radius:14px; }
  .admin-topline { flex-direction:column; align-items:flex-start; }
  .admin-metrics-grid, .admin-quick-grid, .admin-form-grid { grid-template-columns:1fr; }
  .admin-metric-card { min-height:96px; }
  .admin-row-actions { width:100%; }
  .admin-row-actions button { flex:1 1 auto; }
  .admin-team-row { grid-template-columns:1fr; }
}