/* ============================================================
   ANDOZA ADMIN — minimal · shisha · ColorHunt palitrasi
   admin.css va theme.css'dan keyin yuklanadi.
   ============================================================ */
body{ background:var(--bg) !important; }
.admin-auth-checking{ background:transparent; }

/* ---- Kirish ekrani ---- */
.admin-login-wrap{
  background:
    radial-gradient(700px 500px at 15% 10%, rgba(63,114,175,.22), transparent 65%),
    radial-gradient(600px 460px at 90% 90%, rgba(17,45,78,.16), transparent 65%),
    transparent;
}
.admin-login-shell{
  background:var(--glass-strong); -webkit-backdrop-filter:blur(26px) saturate(160%); backdrop-filter:blur(26px) saturate(160%);
  border:1px solid var(--glass-border); border-radius:30px; box-shadow:0 40px 90px rgba(17,45,78,.22);
}
.admin-login-form-panel .brand{ font-weight:600; letter-spacing:-.02em; }
.admin-login-form-panel h2{ font-weight:800; letter-spacing:-.03em; color:var(--ink); }
.admin-login-visual{
  margin:10px; border-radius:22px;
  background:
    radial-gradient(380px 300px at 80% 0%, rgba(143,179,224,.55), transparent 70%),
    linear-gradient(160deg, #3F72AF 0%, #112D4E 95%);
}
.admin-login-visual::before{ opacity:.12; }
.admin-login-visual-inner h3{ font-weight:700; letter-spacing:-.02em; }

/* ---- Qobiq: yon panel (shisha-navy) ---- */
.admin-shell{ background:transparent; }
.admin-sidebar{
  width:236px; margin:12px 0 12px 12px; height:calc(100vh - 24px); top:12px; border-radius:26px;
  background:
    radial-gradient(260px 220px at 100% 0%, rgba(63,114,175,.55), transparent 70%),
    linear-gradient(175deg, #163a63 0%, #112D4E 70%);
  box-shadow:0 24px 60px rgba(17,45,78,.30), inset 0 1px 0 rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.08); padding:20px 12px;
}
.admin-sidebar-brand{ font-family:'Fraunces',Georgia,serif; font-weight:600; font-size:24px; letter-spacing:-.02em; color:#fff; border-bottom-color:rgba(255,255,255,.1); }
.admin-sidebar .admin-subnav-btn{
  border-left:none; border-radius:14px; padding:11px 14px; color:rgba(219,226,239,.82); gap:12px;
  background:none; border:none; cursor:pointer; position:relative;
}
.admin-sidebar .admin-subnav-btn:hover{ background:rgba(255,255,255,.08); color:#fff; }
.admin-sidebar .admin-subnav-btn.active{
  background:rgba(255,255,255,.14); color:#fff; font-weight:600;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 6px 18px rgba(0,0,0,.18);
  border-left:none;
}
.admin-sidebar .admin-subnav-btn.active::before{
  content:''; position:absolute; left:-12px; top:50%; width:4px; height:20px; margin-top:-10px;
  border-radius:0 4px 4px 0; background:var(--rust-light);
}
.nav-icon{ width:18px; font-size:15px; text-align:center; flex-shrink:0; }
.admin-sidebar .admin-subnav-btn.active .nav-icon{ color:#fff; }
.nav-badge{ background:var(--rust); border-radius:99px; }
.admin-logout-btn{ border-radius:14px; border-color:rgba(255,255,255,.2); }

/* ---- Asosiy qism ---- */
.admin-main{ background:transparent; height:100vh; }
.admin-topbar{
  margin:12px 16px 0; padding:14px 22px; border-radius:20px; top:12px;
  background:var(--glass-strong); -webkit-backdrop-filter:blur(20px) saturate(170%); backdrop-filter:blur(20px) saturate(170%);
  border:1px solid var(--glass-border); box-shadow:0 8px 28px rgba(17,45,78,.08); color:var(--ink-soft);
}
.admin-content{ padding:22px 16px 40px; }
.admin-content h2, .admin-content h3{ color:var(--ink); }
.full-admin-banner{ border-radius:16px; margin:12px 16px 0; }
.admin-back-link{ background:var(--glass-strong); border-radius:14px; }

/* ---- Kartochka / panellar ---- */
.dash-bento-card, .order-detail-panel, .order-detail-info-card, .order-log-card, .catalog-color-card,
.customer-history-stat{
  background:
    radial-gradient(280px circle at var(--mx,-200px) var(--my,-200px), rgba(63,114,175,.13), transparent 70%),
    var(--glass);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border:1px solid var(--glass-border); border-radius:20px; box-shadow:var(--glass-shadow);
  transition:transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s ease;
}
.report-stat{
  background:linear-gradient(145deg, #3F72AF 0%, #112D4E 100%); border-radius:20px; padding:18px 20px;
  box-shadow:0 14px 34px rgba(17,45,78,.22), inset 0 1px 0 rgba(255,255,255,.2);
  transition:transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s ease;
}
.report-stat-value{ font-family:var(--font-head); font-weight:800; letter-spacing:-.03em; font-size:26px; }

/* ---- Jadvallar ---- */
.orders-table{
  background:var(--glass); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border:1px solid var(--glass-border); border-radius:20px; overflow:hidden; box-shadow:var(--glass-shadow);
}
.orders-table thead th{ background:rgba(219,226,239,.55); color:var(--ink-soft); font-family:var(--font-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; border-bottom:1px solid var(--line); }
.orders-table tbody tr{ transition:background .15s ease; }
.orders-table tbody tr:hover{ background:rgba(63,114,175,.07); }
.dash-period-btn{ border-radius:12px; background:var(--glass); }
.dash-period-btn.active{ background:var(--pine); border-color:var(--pine); }
.dash-online-badge{ border-radius:99px; }

@media (max-width:720px){
  .admin-sidebar{ width:auto; margin:10px 10px 0; height:auto; top:auto; border-radius:20px; }
  .admin-sidebar .admin-subnav-btn.active::before{ display:none; }
  .admin-topbar{ margin:10px 10px 0; top:auto; }
  .admin-main{ height:auto; }
}

/* "Saytga qaytish" havolasi topbar bilan to'qnashmasligi uchun pastga o'tkazildi */
@media (min-width:721px){
  .admin-back-link{ top:auto; bottom:18px; right:20px; box-shadow:0 10px 30px rgba(17,45,78,.18); }
}

/* ---- v2: guruhlangan sidebar + Unbounded sarlavhalar ---- */
.admin-nav-label{ font-family:var(--font-body); font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.45); padding:14px 14px 6px; }
.admin-nav-label:first-child{ padding-top:4px; }
.admin-main h1, .admin-main h2, .admin-main h3, .admin-view-title{ font-family:var(--font-head); letter-spacing:-.02em; font-weight:600; }
.admin-main button.primary{ background:var(--brand,#3F72AF); border-radius:14px; }
.admin-main .field input, .admin-main .field select, .admin-main .field textarea{ border-radius:12px; border:1px solid #BFD0E8; background:rgba(255,255,255,.9); }

.admin-sidebar-brand .brand{ color:#fff; }
.admin-sidebar-brand .brand span{ color:#C06A38; }

/* ---- Brend: asl logotip (Fraunces · pine · rust nuqta) ---- */
.admin-login-form-panel .brand{ font-family:'Fraunces',Georgia,serif; font-size:30px; color:#2D5049; }
.admin-login-form-panel .brand span{ color:#C06A38; }
.admin-sidebar-brand span{ color:#C06A38; }