
/* AZALYS V8 — Dashboard Admin Premium (UI only) */
.az-admin-dashboard-page{
  --az-blue:#0b3f57;
  --az-blue-2:#0f5d72;
  --az-emerald:#087866;
  --az-gold:#c9a24a;
  --az-cream:#fbf7ee;
  --az-ink:#15313f;
  --az-muted:#6e7d86;
  --az-line:rgba(15,63,87,.12);
  --az-shadow:0 22px 60px rgba(9,43,59,.12);
  background:
    radial-gradient(circle at top left, rgba(201,162,74,.14), transparent 34%),
    radial-gradient(circle at bottom right, rgba(8,120,102,.12), transparent 28%),
    linear-gradient(135deg, #f8fbfb 0%, #fbf7ee 100%);
  border-radius:28px;
  padding:18px;
}
.az-admin-dashboard-page .card{border:1px solid var(--az-line); box-shadow:var(--az-shadow);}
.az-admin-hero{
  position:relative; overflow:hidden; border:0!important; min-height:240px; padding:34px!important;
  display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); gap:28px; align-items:center;
  color:white; background:
    linear-gradient(135deg, rgba(7,50,72,.96), rgba(9,96,98,.92)),
    radial-gradient(circle at 80% 15%, rgba(201,162,74,.34), transparent 36%);
}
.az-admin-hero:before{
  content:""; position:absolute; inset:-20%; opacity:.08; pointer-events:none;
  background-image:
    linear-gradient(45deg, transparent 46%, #fff 47%, #fff 53%, transparent 54%),
    linear-gradient(-45deg, transparent 46%, #fff 47%, #fff 53%, transparent 54%);
  background-size:44px 44px;
}
.az-admin-hero-content{position:relative; z-index:1; max-width:760px;}
.az-hero-kicker{display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); color:#fff7dc; font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:12px;}
.az-admin-hero h1{margin:18px 0 12px; color:white; font-size:clamp(30px,4vw,48px); line-height:1.02; letter-spacing:-.04em;}
.az-admin-hero p{margin:0; max-width:620px; color:rgba(255,255,255,.82); font-size:16px; line-height:1.7;}
.az-hero-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px;}
.az-hero-actions .btn.primary{background:linear-gradient(135deg,#c9a24a,#f0d58a); color:#173447; border:0; box-shadow:0 12px 30px rgba(201,162,74,.28);}
.az-hero-actions .btn.ghost{background:rgba(255,255,255,.1); color:white; border:1px solid rgba(255,255,255,.22);}
.az-admin-hero-panel{position:relative; z-index:1; min-height:190px; border-radius:26px; padding:24px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(18px); display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden;}
.az-admin-hero-panel:before{content:"✦"; position:absolute; right:24px; top:18px; font-size:72px; color:rgba(240,213,138,.4);}
.az-admin-hero-panel:after{content:""; position:absolute; width:160px; height:160px; border:1px solid rgba(255,255,255,.14); transform:rotate(45deg); left:-42px; top:-40px;}
.az-hero-badge{align-self:flex-start; padding:7px 10px; border-radius:999px; background:rgba(240,213,138,.18); color:#ffe7a3; font-weight:900; letter-spacing:.16em; font-size:11px;}
.az-admin-hero-panel strong{margin-top:auto; font-size:24px; color:white;}
.az-admin-hero-panel small{margin-top:8px; color:rgba(255,255,255,.72);}
.az-admin-dashboard-root{margin-top:18px;}
.az-pilotage-premium{display:grid; gap:18px;}
.az-kpi-premium-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px;}
.az-kpi-premium{position:relative; overflow:hidden; padding:20px; border-radius:24px; background:rgba(255,255,255,.92); border:1px solid var(--az-line); box-shadow:0 16px 42px rgba(9,43,59,.08);}
.az-kpi-premium:before{content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg,var(--az-blue),var(--az-emerald),var(--az-gold)); opacity:.75;}
.az-kpi-premium small{display:block; color:var(--az-muted); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.06em;}
.az-kpi-premium strong{display:block; margin-top:10px; font-size:34px; line-height:1; color:var(--az-ink); letter-spacing:-.04em;}
.az-kpi-premium span{display:block; margin-top:8px; color:var(--az-muted); font-size:13px;}
.az-kpi-premium button{margin-top:14px;}
.az-kpi-premium.danger:before{background:linear-gradient(90deg,#b42318,#f97316);}
.az-kpi-premium.warning:before{background:linear-gradient(90deg,#c77900,#f0b429);}
.az-kpi-premium.success:before{background:linear-gradient(90deg,#087866,#21a67a);}
.az-workday-card{padding:26px!important; border-radius:28px; background:rgba(255,255,255,.94);}
.az-workday-head{display:flex; justify-content:space-between; gap:20px; align-items:flex-start; margin-bottom:18px;}
.az-workday-head h2{margin:0; color:var(--az-ink); font-size:28px; letter-spacing:-.03em;}
.az-workday-head p{margin:7px 0 0; max-width:680px; color:var(--az-muted); line-height:1.6;}
.az-workday-score{min-width:160px; text-align:center; padding:16px; border-radius:22px; background:linear-gradient(135deg,rgba(8,120,102,.1),rgba(201,162,74,.14)); border:1px solid var(--az-line);}
.az-workday-score strong{display:block; color:var(--az-blue); font-size:28px;}
.az-workday-score span{display:block; color:var(--az-muted); font-size:12px; font-weight:800; text-transform:uppercase;}
.az-dashboard-grid{display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); gap:18px; align-items:start;}
.az-panel-premium{border-radius:26px; padding:22px!important; background:rgba(255,255,255,.92);}
.az-panel-premium h3{margin:0; color:var(--az-ink); font-size:20px; letter-spacing:-.02em;}
.az-panel-premium .muted{line-height:1.55;}
.az-timeline{display:grid; gap:12px; margin-top:16px;}
.az-timeline-item{display:grid; grid-template-columns:42px 1fr auto; gap:12px; align-items:center; padding:14px; border-radius:18px; background:linear-gradient(135deg,#fff,#fbf7ee); border:1px solid var(--az-line);}
.az-timeline-icon{width:42px; height:42px; display:grid; place-items:center; border-radius:16px; background:rgba(15,93,114,.1);}
.az-timeline-item strong{display:block; color:var(--az-ink);}
.az-timeline-item small{display:block; color:var(--az-muted); margin-top:3px;}
.az-timeline-item .btn{white-space:nowrap;}
.az-deadline-list,.az-team-list{display:grid; gap:10px; margin-top:16px;}
.az-deadline{display:flex; justify-content:space-between; gap:12px; align-items:center; padding:13px 14px; border-radius:17px; background:#fff; border:1px solid var(--az-line);}
.az-deadline strong{color:var(--az-ink);}
.az-deadline span{font-size:12px; color:var(--az-muted);}
.az-soft-chart{height:160px; display:flex; align-items:end; gap:10px; padding:14px; margin-top:14px; border-radius:20px; background:linear-gradient(135deg,rgba(11,63,87,.05),rgba(8,120,102,.07)); border:1px solid var(--az-line);}
.az-soft-chart i{flex:1; min-width:18px; border-radius:12px 12px 4px 4px; background:linear-gradient(180deg,var(--az-emerald),var(--az-blue)); opacity:.82;}
.az-table-premium{margin-top:16px; border-radius:18px; overflow:hidden; border:1px solid var(--az-line);}
.az-table-premium table{margin:0;}
.az-table-premium th{background:#f7faf9; color:var(--az-blue); font-size:12px; text-transform:uppercase; letter-spacing:.05em;}
.az-table-premium td strong{display:block; color:var(--az-ink);}
.az-table-premium td small{display:block; color:var(--az-muted); margin-top:3px;}
.az-module-cards{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:16px;}
.az-module-card{padding:14px; border-radius:18px; background:#fff; border:1px solid var(--az-line); display:flex; align-items:center; justify-content:space-between; gap:12px;}
.az-module-card span:first-child{font-size:20px;}
.az-module-card strong{display:block; color:var(--az-ink);}
.az-module-card em{font-style:normal; color:var(--az-muted); font-size:12px;}
.az-settings-premium{border-radius:24px!important; background:rgba(255,255,255,.9);}
.az-settings-premium summary{cursor:pointer; padding:18px 20px;}
@media (max-width:1100px){.az-admin-hero{grid-template-columns:1fr}.az-admin-hero-panel{display:none}.az-kpi-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.az-dashboard-grid{grid-template-columns:1fr}.az-module-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.az-admin-dashboard-page{padding:10px;border-radius:18px}.az-admin-hero{padding:24px!important;border-radius:22px}.az-workday-head{display:block}.az-workday-score{margin-top:14px;text-align:left}.az-kpi-premium-grid,.az-module-cards{grid-template-columns:1fr}.az-timeline-item{grid-template-columns:36px 1fr}.az-timeline-item .btn{grid-column:2}.az-admin-hero h1{font-size:30px}}
