:root{
  --bg:#f4f6f8;
  --panel:#ffffff;
  --panel-soft:#f8fafc;
  --line:#dfe5eb;
  --text:#17212b;
  --muted:#697786;
  --navy:#182433;
  --navy-2:#223248;
  --accent:#2f6fed;
  --accent-soft:#edf3ff;
  --success:#2f855a;
  --success-soft:#edf8f2;
  --warning:#9a6700;
  --warning-soft:#fff8e6;
  --danger:#b42318;
  --danger-soft:#fff0ef;
  --shadow:0 1px 2px rgba(16,24,40,.04),0 2px 8px rgba(16,24,40,.04);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--text);
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.sidebar{
  position:sticky;top:0;height:100vh;
  padding:24px 16px;background:var(--navy);color:#fff;
}
.logo{
  display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;
  margin:0 8px 26px;
}
.logo-mark{
  width:30px;height:30px;border-radius:7px;background:#fff;position:relative;
}
.logo-mark:after{
  content:"";position:absolute;inset:7px;border:2px solid var(--navy);border-radius:3px;
}
.logo small{
  display:block;font-size:9px;letter-spacing:.08em;color:#9fb0c2;
  font-weight:600;margin-top:2px;
}
.nav{display:grid;gap:4px}
.nav a{
  padding:10px 11px;border-radius:7px;color:#c6d0dc;font-size:13px;
  display:flex;justify-content:space-between;align-items:center;
}
.nav a:hover,.nav a.active{background:var(--navy-2);color:#fff}
.nav .count{
  font-size:10px;padding:2px 6px;border-radius:999px;background:#31445c;color:#fff;
}
.sidebar-foot{
  position:absolute;bottom:18px;left:16px;right:16px;
  border-top:1px solid rgba(255,255,255,.09);padding-top:14px;
}
.user-mini{font-size:12px;color:#aebccb;line-height:1.5}
.main{padding:28px 34px 50px;min-width:0}
.topbar{
  display:flex;justify-content:space-between;align-items:flex-start;
  margin-bottom:22px;gap:16px;
}
.eyebrow{
  text-transform:uppercase;letter-spacing:.08em;font-size:10px;
  color:#718096;font-weight:700;
}
h1{font-size:27px;line-height:1.2;margin:5px 0 4px;font-weight:700}
h2{font-size:18px;margin:0 0 14px;font-weight:700}
h3{font-size:14px;margin:0 0 7px;font-weight:700}
.muted{color:var(--muted)}
.grid{display:grid;gap:14px}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{
  background:var(--panel);border:1px solid var(--line);border-radius:10px;
  padding:18px;box-shadow:var(--shadow);
}
.kpi .value{font-size:29px;font-weight:700;margin-top:7px}
.kpi .label{
  font-size:11px;color:var(--muted);text-transform:uppercase;
  letter-spacing:.05em;font-weight:700;
}
.score-card{
  display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;
}
.score-ring{
  --score:68;width:132px;height:132px;border-radius:50%;
  display:grid;place-items:center;
  background:conic-gradient(var(--accent) calc(var(--score)*1%),#e7ebef 0);
  position:relative;
}
.score-ring:after{
  content:"";position:absolute;inset:10px;border-radius:50%;background:#fff;
}
.score-ring .inside{z-index:1;text-align:center}
.score-ring strong{font-size:34px;display:block;color:var(--text)}
.score-ring span{color:var(--muted);font-size:11px}
.progress{height:7px;background:#e9edf1;border-radius:999px;overflow:hidden}
.progress>span{display:block;height:100%;background:var(--accent);border-radius:999px}
.category-row{
  display:grid;grid-template-columns:140px 1fr 42px;align-items:center;
  gap:12px;margin:11px 0;font-size:12px;
}
.badge{
  display:inline-flex;padding:4px 7px;border-radius:6px;font-size:10px;
  font-weight:700;border:1px solid transparent;
}
.badge.good,.badge.done,.badge.approved,.badge.completed{
  background:var(--success-soft);color:var(--success);border-color:#cde9da;
}
.badge.warning,.badge.doing,.badge.pending,.badge.quoted{
  background:var(--warning-soft);color:var(--warning);border-color:#f2dfaa;
}
.badge.missing,.badge.rejected{
  background:var(--danger-soft);color:var(--danger);border-color:#f3cfca;
}
.badge.todo,.badge.approval,.badge.requested{
  background:var(--accent-soft);color:#2459b8;border-color:#cad9f8;
}
.badge.high{background:var(--danger-soft);color:var(--danger)}
.badge.medium{background:var(--warning-soft);color:var(--warning)}
.badge.low{background:var(--success-soft);color:var(--success)}
.list{display:grid;gap:9px}
.list-item{
  border:1px solid var(--line);background:#fff;border-radius:8px;padding:13px;
  display:flex;justify-content:space-between;gap:16px;align-items:flex-start;
}
.list-item p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.actions{display:flex;gap:7px;flex-wrap:wrap}
.btn{
  appearance:none;border:1px solid transparent;cursor:pointer;border-radius:7px;
  padding:9px 12px;background:#edf1f5;color:var(--text);font-weight:600;
  font-size:12px;display:inline-flex;align-items:center;justify-content:center;
}
.btn:hover{background:#e2e8ef}
.btn.primary{background:var(--accent);color:#fff}
.btn.primary:hover{background:#245dc7}
.btn.blue{background:var(--accent);color:#fff}
.btn.danger{background:var(--danger-soft);color:var(--danger);border-color:#f2cbc7}
.btn.ghost{background:#fff;border:1px solid var(--line);color:#394554}
.btn.small{padding:6px 9px;font-size:10px}
form{margin:0}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.field{display:grid;gap:6px}
.field.full{grid-column:1/-1}
label{font-size:11px;color:#4f5d6a;font-weight:700}
input,select,textarea{
  width:100%;border:1px solid #cfd7df;background:#fff;color:var(--text);
  border-radius:7px;padding:10px 11px;outline:none;
}
input:focus,select:focus,textarea:focus{
  border-color:#7ba2ef;box-shadow:0 0 0 3px rgba(47,111,237,.08);
}
textarea{min-height:96px;resize:vertical}
table{width:100%;border-collapse:collapse}
th,td{
  text-align:left;padding:11px 9px;border-bottom:1px solid var(--line);
  font-size:12px;vertical-align:top;
}
th{
  color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em;
}
.flash{
  padding:11px 13px;border-radius:8px;margin-bottom:13px;
  border:1px solid var(--line);font-size:12px;
}
.flash.success{background:var(--success-soft);color:var(--success)}
.flash.error{background:var(--danger-soft);color:var(--danger)}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:30px}
.login-card{
  width:min(430px,100%);padding:28px;border:1px solid var(--line);
  border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.07);
}
.login-card .logo{margin:0 0 25px;color:var(--text)}
.login-card .logo-mark{background:var(--navy)}
.login-card .logo-mark:after{border-color:#fff}
.login-card .logo small{color:var(--muted)}
.login-card h1{font-size:25px}
.login-card .field{margin:12px 0}
.demo-box{
  margin-top:17px;padding:12px;border-radius:8px;background:#f7f9fb;
  border:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.6;
}
.audit-group{margin-bottom:16px}
.audit-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.audit-item{
  display:grid;grid-template-columns:1fr auto;gap:16px;padding:13px;
  border:1px solid var(--line);border-radius:8px;margin-bottom:8px;background:#fff;
}
.audit-item p{font-size:11px;color:var(--muted);margin:5px 0}
.notice{
  padding:13px 14px;border:1px solid #d4def0;background:#f5f8fd;
  border-radius:8px;color:#43556b;font-size:12px;
}
.ai-box{background:#fff;border:1px solid var(--line)}
.ai-answer{
  margin-top:12px;padding:13px;border-radius:8px;background:#f7f9fb;
  border:1px solid var(--line);line-height:1.6;font-size:13px;
}
.customer-pick{display:flex;gap:8px;align-items:center}
.customer-pick select{min-width:220px}
.empty{
  padding:22px;text-align:center;color:var(--muted);
  border:1px dashed #cfd7df;border-radius:8px;
}
.video-card .thumb{
  height:110px;border-radius:7px;background:#edf1f5;
  display:grid;place-items:center;font-size:28px;margin-bottom:11px;color:#5f6c78;
}
.metric-note{font-size:11px;color:var(--muted);margin-top:7px}
.mobile-menu{display:none}
@media(max-width:1050px){
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
  .layout{display:block}.sidebar{display:none}.main{padding:18px 13px 38px}
  .mobile-menu{
    display:flex;overflow:auto;gap:7px;margin:0 -13px 17px;padding:0 13px 10px;
  }
  .mobile-menu a{
    white-space:nowrap;padding:8px 10px;background:#fff;
    border:1px solid var(--line);border-radius:7px;font-size:11px;
  }
  .grid-4,.grid-3,.grid-2,.form-grid{grid-template-columns:1fr}
  .score-card{grid-template-columns:1fr}.score-ring{margin:auto}
  .category-row{grid-template-columns:100px 1fr 36px}
  .topbar{align-items:flex-start;flex-direction:column}
  .list-item,.audit-item{grid-template-columns:1fr;display:grid}
  table{display:block;overflow-x:auto;white-space:nowrap}
  h1{font-size:24px}
}

.message-layout{display:grid;grid-template-columns:minmax(0,850px);gap:14px}
.message-panel{padding:0;overflow:hidden}
.message-head{padding:18px;border-bottom:1px solid var(--line)}
.message-head h2{margin-bottom:4px}
.message-head p{margin:0;font-size:12px}
.message-thread{
  padding:18px;
  min-height:340px;
  max-height:520px;
  overflow-y:auto;
  background:#f8fafc;
  display:grid;
  gap:10px;
  align-content:start;
}
.message-row{display:flex}
.message-row.mine{justify-content:flex-end}
.message-row.theirs{justify-content:flex-start}
.message-bubble{
  max-width:min(680px,82%);
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  font-size:12px;
  line-height:1.55;
}
.message-row.mine .message-bubble{
  background:#edf3ff;
  border-color:#d2def7;
}
.message-meta{
  font-size:9px;
  color:var(--muted);
  margin-bottom:4px;
  font-weight:600;
}
.message-form{
  padding:16px 18px 18px;
  border-top:1px solid var(--line);
  background:#fff;
}
.message-form textarea{min-height:86px}
@media(max-width:780px){
  .message-thread{min-height:300px;max-height:430px;padding:13px}
  .message-bubble{max-width:92%}
}


/* ---------- Customer Premium UI ---------- */
.premium-customer-ui .card{
  border-color:#e8edf3;
}
.premium-customer-ui .topbar h1{
  font-size:26px;
  letter-spacing:-.02em;
}
.customer-hero{
  display:grid;
  grid-template-columns:1fr 160px;
  gap:16px;
  margin-bottom:16px;
  padding:22px;
  border-radius:14px;
  background:linear-gradient(135deg,#192a3d 0%, #223752 48%, #2a4464 100%);
  color:#fff;
  box-shadow:0 10px 28px rgba(17,24,39,.12);
}
.customer-hero-main h2{
  font-size:24px;
  margin:6px 0 8px;
  color:#fff;
}
.customer-hero-main p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:13px;
  line-height:1.6;
  max-width:560px;
}
.customer-hero-eyebrow{
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#c7d4e6;
  font-weight:700;
}
.customer-hero-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}
.customer-hero .btn.primary{
  background:#fff;
  color:#17212b;
}
.customer-hero .btn.ghost{
  background:rgba(255,255,255,.10);
  color:#fff;
  border-color:rgba(255,255,255,.16);
}
.customer-hero-score{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border-radius:12px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
  text-align:center;
  padding:16px;
}
.customer-hero-score span{
  font-size:11px;
  color:#d7e1ec;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.customer-hero-score strong{
  font-size:44px;
  line-height:1;
  margin:8px 0 5px;
  color:#fff;
}
.customer-hero-score small{
  font-size:11px;
  color:#d7e1ec;
}

.premium-customer-ui .kpi.card{
  border-radius:12px;
}
.premium-customer-ui .score-card{
  border-radius:14px;
}
.premium-customer-ui .list-item,
.premium-customer-ui .audit-item,
.premium-customer-ui .message-bubble{
  border-radius:10px;
}
.premium-customer-ui .btn{
  border-radius:8px;
}
.premium-customer-ui .message-row.mine .message-bubble{
  background:#eef4ff;
  border-color:#d7e4fb;
}
.premium-customer-ui .message-thread{
  background:linear-gradient(180deg,#fbfcfd 0%, #f5f7fa 100%);
}
.premium-customer-ui .video-card .thumb{
  background:linear-gradient(135deg,#eff3f8,#e5ebf2);
}

/* ---------- Customer mobile premium ---------- */
@media(max-width:780px){
  body.premium-customer-ui{
    background:linear-gradient(180deg,#eef2f6 0%, #f7f9fb 100%);
  }
  .premium-customer-ui .main{
    padding:14px 12px 92px;
  }
  .premium-customer-ui .topbar{
    margin-bottom:14px;
    gap:10px;
  }
  .premium-customer-ui .topbar h1{
    font-size:24px;
  }
  .premium-customer-ui .topbar .muted{
    font-size:12px;
  }
  .customer-hero{
    grid-template-columns:1fr;
    gap:14px;
    padding:18px 16px;
    border-radius:16px;
    margin-bottom:14px;
    background:linear-gradient(145deg,#172637 0%,#1f3148 50%,#274161 100%);
  }
  .customer-hero-main h2{
    font-size:21px;
    margin-top:4px;
  }
  .customer-hero-main p{
    font-size:12px;
  }
  .customer-hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .customer-hero-actions .btn:last-child{
    grid-column:1/-1;
  }
  .customer-hero-score{
    align-items:flex-start;
    text-align:left;
    padding:14px;
  }
  .customer-hero-score strong{
    font-size:38px;
  }
  .premium-customer-ui .card{
    border-radius:14px;
    padding:15px;
    box-shadow:0 8px 20px rgba(15,23,42,.05);
  }
  .premium-customer-ui .grid{
    gap:12px;
  }
  .premium-customer-ui .kpi .value{
    font-size:28px;
  }
  .premium-customer-ui .score-card{
    padding:16px;
  }
  .premium-customer-ui .score-ring{
    width:118px;
    height:118px;
  }
  .premium-customer-ui .score-ring strong{
    font-size:29px;
  }
  .premium-customer-ui .category-row{
    grid-template-columns:88px 1fr 34px;
    gap:8px;
    font-size:11px;
  }
  .premium-customer-ui .list-item,
  .premium-customer-ui .audit-item{
    padding:12px;
    gap:10px;
  }
  .premium-customer-ui .list-item h3,
  .premium-customer-ui .audit-item h3{
    font-size:14px;
    line-height:1.35;
  }
  .premium-customer-ui .actions{
    gap:6px;
  }

  .customer-mobile-menu{
    position:fixed;
    left:12px;
    right:12px;
    bottom:10px;
    z-index:99;
    display:grid !important;
    grid-template-columns:repeat(5,1fr);
    gap:6px;
    padding:8px;
    margin:0;
    background:rgba(24,36,51,.96);
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    box-shadow:0 12px 34px rgba(15,23,42,.20);
    backdrop-filter:blur(10px);
  }
  .customer-mobile-menu a{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:8px 4px !important;
    background:transparent !important;
    border:none !important;
    color:#b8c4d3 !important;
    border-radius:12px !important;
    font-size:10px !important;
    line-height:1.15;
  }
  .customer-mobile-menu a span{
    font-size:15px;
    line-height:1;
  }
  .customer-mobile-menu a b{
    font-weight:600;
  }
  .customer-mobile-menu a.active{
    background:rgba(255,255,255,.09) !important;
    color:#fff !important;
  }

  .premium-customer-ui .mobile-menu:not(.customer-mobile-menu){
    display:flex;
  }

  .premium-customer-ui .message-panel{
    border-radius:16px;
  }
  .premium-customer-ui .message-head{
    padding:16px;
  }
  .premium-customer-ui .message-thread{
    min-height:300px;
    max-height:52vh;
    padding:14px;
  }
  .premium-customer-ui .message-bubble{
    max-width:90%;
    padding:11px 12px;
  }
  .premium-customer-ui .message-form{
    padding:14px;
  }
}


/* ===== V5 - CUSTOMER SIDE PREMIUM EXPERIENCE ===== */
.premium-customer-ui{
  --customer-bg:#f3f5f8;
  --customer-panel:#ffffff;
  --customer-line:#e5e9ef;
  --customer-dark:#172433;
  --customer-dark-2:#203248;
  --customer-accent:#315f9f;
  --customer-muted:#738091;
}
.premium-customer-ui .sidebar{
  background:linear-gradient(180deg,#172433 0%,#1b2a3b 100%);
}
.premium-customer-ui .logo-mark{
  border-radius:8px;
}
.premium-customer-ui .nav a{
  border-radius:8px;
}
.premium-customer-ui .nav a.active{
  background:#26394f;
}
.premium-customer-ui .customer-plan{
  display:inline-flex;
  margin-top:8px;
  padding:5px 8px;
  border-radius:6px;
  background:rgba(255,255,255,.07);
  color:#cdd7e3;
  font-size:10px;
  font-weight:600;
}
.premium-customer-ui .customer-main{
  background:
    linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0) 180px),
    var(--customer-bg);
}
.premium-customer-ui .topbar{
  padding:2px 0 4px;
}
.premium-customer-ui .topbar h1{
  color:#15202b;
  font-size:28px;
  letter-spacing:-.025em;
}
.premium-customer-ui .eyebrow{
  color:#8a96a4;
}
.premium-customer-ui .card{
  border:1px solid var(--customer-line);
  border-radius:14px;
  box-shadow:0 8px 24px rgba(16,24,40,.035);
}
.premium-customer-ui .card h2{
  letter-spacing:-.015em;
}
.premium-customer-ui .kpi.card{
  position:relative;
  overflow:hidden;
}
.premium-customer-ui .kpi.card:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:#c8d4e4;
}
.premium-customer-ui .kpi .label{
  color:#7b8794;
}
.premium-customer-ui .kpi .value{
  color:#172433;
}
.premium-customer-ui .list-item{
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
@media(hover:hover) and (pointer:fine){
  .premium-customer-ui .list-item:hover{
    border-color:#d4dce6;
    box-shadow:0 8px 18px rgba(16,24,40,.05);
    transform:translateY(-1px);
  }
}
.premium-customer-ui .badge{
  border-radius:999px;
  padding:4px 8px;
}
.premium-customer-ui .btn.primary{
  background:#223a59;
}
.premium-customer-ui .btn.primary:hover{
  background:#1a304a;
}
.premium-customer-ui .btn.ghost{
  background:#fff;
}
.premium-customer-ui .progress>span{
  background:#315f9f;
}
.premium-customer-ui .score-ring{
  background:conic-gradient(#315f9f calc(var(--score)*1%),#e9edf2 0);
}
.customer-contextbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:12px 14px;
  margin-bottom:16px;
  border:1px solid #e4e9ef;
  border-radius:12px;
  background:#fff;
}
.customer-contextbar>div:first-child{
  display:grid;
  gap:2px;
}
.customer-context-label{
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#8a96a4;
  font-weight:700;
}
.customer-contextbar strong{
  font-size:13px;
}
.customer-context-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.customer-context-actions a{
  padding:7px 10px;
  border:1px solid #e1e6ec;
  border-radius:7px;
  background:#f8fafc;
  color:#435063;
  font-size:11px;
  font-weight:600;
}
.customer-section-intro{
  margin-bottom:16px;
  padding:18px 20px;
  border:1px solid #e5e9ef;
  border-radius:14px;
  background:
    linear-gradient(135deg,#ffffff 0%,#f9fbfd 100%);
}
.customer-section-intro span{
  display:block;
  margin-bottom:5px;
  font-size:9px;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:#8290a0;
  font-weight:700;
}
.customer-section-intro h2{
  margin:0 0 6px;
  font-size:19px;
  color:#192534;
}
.customer-section-intro p{
  margin:0;
  color:#718093;
  font-size:12px;
  line-height:1.55;
  max-width:700px;
}
.premium-customer-ui .customer-hero{
  border-radius:18px;
  background:
    linear-gradient(135deg,#172433 0%,#20344c 52%,#294762 100%);
  box-shadow:0 14px 34px rgba(23,36,51,.14);
}
.premium-customer-ui .customer-hero-main h2{
  letter-spacing:-.025em;
}
.premium-customer-ui .customer-hero-score{
  border-radius:14px;
}
.premium-customer-ui .audit-group{
  border-radius:14px;
}
.premium-customer-ui .audit-item{
  background:#fbfcfd;
}
.premium-customer-ui .video-card{
  overflow:hidden;
}
.premium-customer-ui .video-card .thumb{
  height:132px;
  background:
    linear-gradient(135deg,#edf2f7,#dfe7f0);
  color:#4e6175;
}
.premium-customer-ui .message-layout{
  max-width:980px;
}
.premium-customer-ui .message-panel{
  border-radius:16px;
}
.premium-customer-ui .message-head{
  background:#fbfcfd;
}
.premium-customer-ui .message-thread{
  background:
    linear-gradient(180deg,#f8fafc 0%,#f4f7fa 100%);
}
.premium-customer-ui .message-row.mine .message-bubble{
  background:#eaf1fb;
  border-color:#d3dfef;
}
.premium-customer-ui .message-bubble{
  border-radius:12px;
}
.premium-customer-ui .form-grid input,
.premium-customer-ui .form-grid select,
.premium-customer-ui .form-grid textarea,
.premium-customer-ui .message-form textarea{
  border-radius:9px;
}

/* Customer desktop polish */
@media(min-width:781px){
  .premium-customer-ui .main{
    padding-top:30px;
  }
  .premium-customer-ui .grid-4{
    gap:16px;
  }
  .premium-customer-ui .score-card{
    min-height:300px;
  }
  .premium-customer-ui .customer-hero{
    padding:26px 28px;
  }
  .premium-customer-ui .customer-hero-main h2{
    font-size:28px;
  }
}

/* Customer mobile polish kept, but not the main focus */
@media(max-width:780px){
  .premium-customer-ui .customer-contextbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .premium-customer-ui .customer-context-actions{
    width:100%;
  }
  .premium-customer-ui .customer-context-actions a{
    flex:1;
    text-align:center;
  }
  .premium-customer-ui .customer-section-intro{
    padding:15px;
    border-radius:13px;
  }
  .premium-customer-ui .customer-section-intro h2{
    font-size:17px;
  }
}


/* ===== V6 CUSTOMER ELITE THEME ===== */
.premium-customer-ui{
  --elite-bg:#f3f4f6;
  --elite-panel:#ffffff;
  --elite-panel-soft:#fafbfc;
  --elite-line:#e5e7eb;
  --elite-text:#111827;
  --elite-muted:#6b7280;
  --elite-dark:#0f1724;
  --elite-dark-2:#182335;
  --elite-dark-3:#22324b;
  --elite-gold:#d7b56d;
  --elite-gold-2:#b89147;
  --elite-blue:#355c96;
  --elite-blue-soft:#edf3fb;
  --elite-success:#1f7a55;
  --elite-danger:#b42318;
  --elite-warning:#a15c00;
}

.premium-customer-ui body,
body.premium-customer-ui{
  background:linear-gradient(180deg,#f5f6f8 0%,#eef1f4 100%);
  color:var(--elite-text);
}

.premium-customer-ui .sidebar{
  background:linear-gradient(180deg,#0f1724 0%,#162132 52%,#1e2c41 100%);
  border-right:none;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.04);
}
.premium-customer-ui .logo{
  font-weight:800;
  font-size:18px;
  letter-spacing:-.01em;
}
.premium-customer-ui .logo small{
  color:#bcc8d6;
  letter-spacing:.1em;
}
.premium-customer-ui .logo-mark{
  background:linear-gradient(135deg,var(--elite-gold),#f0dfb1);
  box-shadow:0 8px 18px rgba(183,145,71,.25);
}
.premium-customer-ui .logo-mark:after{
  border-color:#fff6e3;
}
.premium-customer-ui .nav{
  gap:7px;
}
.premium-customer-ui .nav a{
  padding:12px 13px;
  border-radius:12px;
  color:#d5deea;
  font-size:13px;
  font-weight:600;
}
.premium-customer-ui .nav a:hover{
  background:rgba(255,255,255,.06);
  color:#fff;
}
.premium-customer-ui .nav a.active{
  background:linear-gradient(135deg,rgba(215,181,109,.18),rgba(255,255,255,.08));
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.premium-customer-ui .nav .count{
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:10px;
}
.premium-customer-ui .user-mini{
  color:#d3dbe7;
}
.premium-customer-ui .customer-plan{
  background:rgba(215,181,109,.16);
  color:#f2dfb2;
  border:1px solid rgba(215,181,109,.18);
}
.premium-customer-ui .main{
  padding-top:34px;
}
.premium-customer-ui .eyebrow{
  color:#8a93a2;
  letter-spacing:.1em;
}
.premium-customer-ui h1{
  color:#111827;
  font-size:30px;
  font-weight:800;
  letter-spacing:-.03em;
}
.premium-customer-ui h2{
  color:#111827;
  font-weight:800;
  letter-spacing:-.02em;
}
.premium-customer-ui h3{
  color:#111827;
  font-weight:750;
}
.premium-customer-ui .muted{
  color:var(--elite-muted);
}
.premium-customer-ui .card{
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%);
  border:1px solid var(--elite-line);
  border-radius:18px;
  box-shadow:
    0 10px 30px rgba(15,23,36,.04),
    0 1px 2px rgba(15,23,36,.04);
}
.premium-customer-ui .kpi.card{
  padding:18px 18px 16px;
  position:relative;
  overflow:hidden;
}
.premium-customer-ui .kpi.card:before{
  content:"";
  position:absolute;
  left:0; top:16px; bottom:16px;
  width:4px;
  background:linear-gradient(180deg,var(--elite-gold),#edd8aa);
  border-radius:0 999px 999px 0;
}
.premium-customer-ui .kpi .label{
  color:#8a93a2;
  font-weight:700;
  letter-spacing:.08em;
}
.premium-customer-ui .kpi .value{
  color:#111827;
  font-size:38px;
  font-weight:800;
}
.premium-customer-ui .metric-note{
  color:#7b8493;
  font-size:12px;
}

/* HERO */
.premium-customer-ui .customer-hero{
  grid-template-columns:minmax(0,1fr) 220px;
  gap:20px;
  padding:28px;
  border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(215,181,109,.24), transparent 28%),
    linear-gradient(135deg,#101826 0%,#172335 52%,#21324a 100%);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 18px 46px rgba(15,23,36,.14);
}
.premium-customer-ui .customer-hero-eyebrow{
  color:#d7c08d;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.premium-customer-ui .customer-hero-main h2{
  color:#fff;
  font-size:34px;
  line-height:1.05;
  margin:8px 0 10px;
  letter-spacing:-.04em;
}
.premium-customer-ui .customer-hero-main p{
  color:rgba(255,255,255,.84);
  font-size:14px;
  line-height:1.7;
  max-width:680px;
}
.premium-customer-ui .customer-hero-actions{
  margin-top:20px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.premium-customer-ui .customer-hero .btn{
  min-height:44px;
  padding:11px 16px;
  font-size:13px;
  font-weight:700;
  border-radius:12px;
}
.premium-customer-ui .customer-hero .btn.primary{
  background:linear-gradient(135deg,var(--elite-gold),#eedcaf);
  color:#1f2937 !important;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 22px rgba(183,145,71,.28);
}
.premium-customer-ui .customer-hero .btn.primary:hover{
  background:linear-gradient(135deg,#dcc17f,#f3e3bc);
  color:#111827 !important;
}
.premium-customer-ui .customer-hero .btn.ghost{
  background:rgba(255,255,255,.08);
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.14);
}
.premium-customer-ui .customer-hero .btn.ghost:hover{
  background:rgba(255,255,255,.14);
  color:#ffffff !important;
}
.premium-customer-ui .customer-hero-score{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  padding:20px 16px;
}
.premium-customer-ui .customer-hero-score span{
  color:#d9e0ea;
  font-size:11px;
  font-weight:700;
}
.premium-customer-ui .customer-hero-score strong{
  font-size:56px;
  margin:10px 0 8px;
  color:#ffffff;
  letter-spacing:-.04em;
}
.premium-customer-ui .customer-hero-score small{
  color:#d9e0ea;
  font-size:12px;
}

/* Context strip and section intros */
.premium-customer-ui .customer-contextbar{
  padding:14px 16px;
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfbfc 100%);
  border:1px solid var(--elite-line);
  box-shadow:0 8px 24px rgba(15,23,36,.035);
}
.premium-customer-ui .customer-context-label{
  color:#8a93a2;
}
.premium-customer-ui .customer-contextbar strong{
  color:#111827;
  font-size:14px;
}
.premium-customer-ui .customer-context-actions a{
  background:#f7f8fa;
  border:1px solid #e5e7eb;
  color:#243043;
  padding:9px 12px;
  border-radius:10px;
  font-weight:700;
}
.premium-customer-ui .customer-section-intro{
  padding:22px;
  border-radius:20px;
  background:
    radial-gradient(circle at top right, rgba(215,181,109,.10), transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#fafbfd 100%);
  border:1px solid var(--elite-line);
  box-shadow:0 10px 28px rgba(15,23,36,.035);
}
.premium-customer-ui .customer-section-intro span{
  color:#9a824e;
  font-weight:800;
}
.premium-customer-ui .customer-section-intro h2{
  font-size:24px;
  margin-bottom:8px;
}
.premium-customer-ui .customer-section-intro p{
  font-size:13px;
  color:#6b7280;
  line-height:1.65;
}

/* Score card and progress */
.premium-customer-ui .score-card{
  border-radius:20px;
  grid-template-columns:180px 1fr;
}
.premium-customer-ui .score-ring{
  width:150px;
  height:150px;
  background:conic-gradient(var(--elite-blue) calc(var(--score)*1%),#e9edf2 0);
  box-shadow:inset 0 0 0 8px #f8fafc;
}
.premium-customer-ui .score-ring:after{
  inset:12px;
  background:#fff;
}
.premium-customer-ui .score-ring strong{
  font-size:42px;
}
.premium-customer-ui .score-ring span{
  font-size:12px;
  color:#7b8493;
}
.premium-customer-ui .progress{
  background:#edf0f3;
  height:9px;
}
.premium-customer-ui .progress>span{
  background:linear-gradient(90deg,#355c96 0%,#4b6fa4 100%);
}
.premium-customer-ui .category-row{
  margin:14px 0;
  font-size:13px;
}
.premium-customer-ui .category-row b{
  color:#111827;
}

/* Lists, tasks, audit */
.premium-customer-ui .list{
  gap:12px;
}
.premium-customer-ui .list-item,
.premium-customer-ui .audit-item{
  background:#ffffff;
  border:1px solid #e7ebf0;
  border-radius:16px;
  padding:16px;
}
.premium-customer-ui .list-item p,
.premium-customer-ui .audit-item p{
  color:#6b7280;
  font-size:13px;
  line-height:1.65;
}
.premium-customer-ui .list-item h3,
.premium-customer-ui .audit-item h3{
  font-size:19px;
  line-height:1.35;
  margin-bottom:2px;
}
.premium-customer-ui .audit-item .actions,
.premium-customer-ui .list-item .actions{
  align-items:flex-start;
}
.premium-customer-ui .badge{
  font-size:11px;
  padding:6px 10px;
  border-radius:999px;
  font-weight:800;
  letter-spacing:.01em;
}
.premium-customer-ui .badge.good,
.premium-customer-ui .badge.done,
.premium-customer-ui .badge.approved,
.premium-customer-ui .badge.completed{
  background:#ecf8f2;
  color:#1f7a55;
  border-color:#bde5d1;
}
.premium-customer-ui .badge.warning,
.premium-customer-ui .badge.doing,
.premium-customer-ui .badge.pending,
.premium-customer-ui .badge.quoted{
  background:#fff7e8;
  color:#a15c00;
  border-color:#f1d39f;
}
.premium-customer-ui .badge.missing,
.premium-customer-ui .badge.rejected{
  background:#fff1f0;
  color:#b42318;
  border-color:#efc6c2;
}
.premium-customer-ui .badge.todo,
.premium-customer-ui .badge.approval,
.premium-customer-ui .badge.requested{
  background:#eef4ff;
  color:#284f91;
  border-color:#cfdbf3;
}
.premium-customer-ui .btn{
  min-height:40px;
  border-radius:12px;
  font-size:12px;
  font-weight:700;
  padding:10px 13px;
}
.premium-customer-ui .btn.primary{
  background:#1f3148;
  color:#ffffff;
  border:1px solid #223752;
}
.premium-customer-ui .btn.primary:hover{
  background:#19293d;
}
.premium-customer-ui .btn.ghost{
  background:#ffffff;
  color:#22324b;
  border:1px solid #d9e0e7;
}
.premium-customer-ui .btn.ghost:hover{
  background:#f8fafc;
}
.premium-customer-ui input,
.premium-customer-ui select,
.premium-customer-ui textarea{
  border-radius:12px;
  border:1px solid #d7dee6;
  min-height:44px;
  color:#111827;
  background:#fff;
}
.premium-customer-ui textarea{
  min-height:110px;
}
.premium-customer-ui input:focus,
.premium-customer-ui select:focus,
.premium-customer-ui textarea:focus{
  border-color:#6c8ec0;
  box-shadow:0 0 0 4px rgba(53,92,150,.10);
}

/* Videos */
.premium-customer-ui .video-card{
  border-radius:18px;
}
.premium-customer-ui .video-card .thumb{
  height:140px;
  border-radius:14px;
  background:
    radial-gradient(circle at top right, rgba(215,181,109,.18), transparent 26%),
    linear-gradient(135deg,#edf1f5 0%,#e2e8ef 100%);
  color:#334155;
  font-size:34px;
}

/* Messages */
.premium-customer-ui .message-panel{
  border-radius:20px;
  overflow:hidden;
}
.premium-customer-ui .message-head{
  padding:20px;
  background:linear-gradient(180deg,#ffffff 0%,#fafbfd 100%);
}
.premium-customer-ui .message-head h2{
  margin-bottom:6px;
}
.premium-customer-ui .message-thread{
  background:
    radial-gradient(circle at top right, rgba(215,181,109,.07), transparent 22%),
    linear-gradient(180deg,#fbfcfd 0%,#f6f8fa 100%);
  padding:18px;
  gap:12px;
}
.premium-customer-ui .message-bubble{
  border-radius:16px;
  border:1px solid #e4e8ed;
  background:#ffffff;
  padding:12px 14px;
  font-size:13px;
  line-height:1.65;
  color:#111827;
}
.premium-customer-ui .message-row.mine .message-bubble{
  background:#eef4fb;
  border-color:#d4deea;
}
.premium-customer-ui .message-meta{
  color:#7b8493;
  font-size:10px;
  font-weight:700;
}
.premium-customer-ui .message-form{
  padding:18px 20px 20px;
  background:#ffffff;
}

/* Better readability on small screens too */
@media(max-width:1050px){
  .premium-customer-ui .customer-hero{
    grid-template-columns:1fr;
  }
  .premium-customer-ui .customer-hero-score{
    align-items:flex-start;
    text-align:left;
  }
}
@media(max-width:780px){
  .premium-customer-ui .main{
    padding:16px 12px 94px;
  }
  .premium-customer-ui h1{
    font-size:25px;
  }
  .premium-customer-ui .customer-hero{
    padding:20px 16px;
    border-radius:20px;
    gap:14px;
  }
  .premium-customer-ui .customer-hero-main h2{
    font-size:27px;
  }
  .premium-customer-ui .customer-hero-main p{
    font-size:13px;
  }
  .premium-customer-ui .customer-hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .premium-customer-ui .customer-hero .btn{
    width:100%;
    justify-content:center;
  }
  .premium-customer-ui .customer-hero-score{
    border-radius:16px;
    padding:16px;
  }
  .premium-customer-ui .customer-hero-score strong{
    font-size:46px;
  }
  .premium-customer-ui .card{
    border-radius:16px;
    padding:15px;
  }
  .premium-customer-ui .kpi .value{
    font-size:31px;
  }
  .premium-customer-ui .score-card{
    grid-template-columns:1fr;
  }
  .premium-customer-ui .score-ring{
    width:130px;
    height:130px;
    margin:auto;
  }
  .premium-customer-ui .score-ring strong{
    font-size:34px;
  }
  .premium-customer-ui .customer-section-intro{
    padding:17px;
    border-radius:16px;
  }
  .premium-customer-ui .customer-section-intro h2{
    font-size:20px;
  }
  .premium-customer-ui .list-item,
  .premium-customer-ui .audit-item{
    padding:14px;
    border-radius:14px;
  }
  .premium-customer-ui .list-item h3,
  .premium-customer-ui .audit-item h3{
    font-size:17px;
  }
  .premium-customer-ui .list-item p,
  .premium-customer-ui .audit-item p{
    font-size:12px;
  }
  .premium-customer-ui .btn{
    min-height:38px;
  }
}


/* V7 MODULES */
.sidebar{display:flex;flex-direction:column}
.sidebar .nav{overflow-y:auto;overflow-x:hidden;padding-right:3px;margin-right:-3px;scrollbar-width:thin}
.sidebar-foot{position:static;margin-top:auto}
.card-kicker{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9a824e;font-weight:800;margin-bottom:6px}
.text-link{font-size:12px;color:#315f9f;font-weight:700}
.hero-score-mini{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);color:#dbe3ed;font-size:11px;width:100%;display:flex;justify-content:space-between}
.hero-score-mini b{color:#fff}
.advisor-note-card{background:radial-gradient(circle at top right,rgba(215,181,109,.11),transparent 26%),linear-gradient(180deg,#fff,#fbfcfd)}
.advisor-note-card p{color:#5f6977;line-height:1.75;font-size:14px}
.customer-focus-grid .card{min-height:220px}
.compact-actions{display:grid;gap:10px}
.compact-action{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid #edf0f3}
.compact-action:last-child{border-bottom:0}
.compact-action>div{display:grid;gap:3px}
.compact-action strong{font-size:13px;color:#172433}
.compact-action small{font-size:10px;color:#7a8594}
.status-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#d7b56d;box-shadow:0 0 0 4px rgba(215,181,109,.12);flex:0 0 auto}
.status-dot.danger{background:#c6534d;box-shadow:0 0 0 4px rgba(198,83,77,.10)}
.goal-row{padding:11px 0;border-bottom:1px solid #edf0f3}
.goal-row:last-child{border-bottom:0}
.goal-row-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.goal-row-top strong{font-size:12px}.goal-row-top span{font-size:11px;color:#6b7280}
.road-mini{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid #edf0f3;align-items:center}
.road-mini:last-child{border-bottom:0}
.road-mini>span{width:11px;height:11px;border:2px solid #cbd4df;border-radius:50%}
.road-mini.done>span{background:#2f855a;border-color:#2f855a}
.road-mini.current>span{background:#d7b56d;border-color:#d7b56d;box-shadow:0 0 0 4px rgba(215,181,109,.12)}
.road-mini>div{display:grid;gap:2px}.road-mini strong{font-size:12px}.road-mini small{font-size:10px;color:#7d8794}

.intro-progress{min-width:110px;padding:12px 15px;border:1px solid #e6e9ee;border-radius:14px;background:#fff;text-align:center}
.intro-progress strong{display:block;font-size:28px;color:#172433}.intro-progress span{font-size:10px;color:#7b8493}
.customer-section-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}
.plan-score{font-size:25px;font-weight:800;color:#172433}
.goal-list{display:grid;gap:12px}
.goal-item{padding:14px;border:1px solid #e7ebf0;border-radius:14px;background:#fff}
.goal-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:10px}
.goal-head>div{display:grid;gap:3px}.goal-head strong{font-size:14px}.goal-head small{font-size:11px;color:#737f8e}.goal-head b{font-size:18px;color:#315f9f}
.goal-admin-row{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}
.goal-admin-row input{max-width:140px}

.evidence-list{display:grid;gap:7px;margin-top:12px}
.evidence-item{padding:10px;border-radius:10px;background:#f8fafc;border:1px solid #e5e9ef;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.evidence-item>div:first-child{display:grid;gap:2px;min-width:190px;flex:1}
.evidence-item strong{font-size:11px}.evidence-item small{font-size:9px;color:#7b8493}
.evidence-review{display:flex;gap:6px;flex-wrap:wrap;width:100%}.evidence-review input{flex:1}
.evidence-upload{margin-top:12px;padding:12px;border:1px dashed #d6dde6;border-radius:12px;background:#fbfcfd}
.evidence-upload label{display:block;margin-bottom:7px}.evidence-upload-row{display:grid;grid-template-columns:1.1fr 1fr auto;gap:7px}

.content-timeline{display:grid;gap:12px}
.content-item-card{display:grid;grid-template-columns:82px minmax(0,1fr) 210px;gap:18px;align-items:start}
.content-date{border-right:1px solid #e6eaf0;text-align:center;padding-right:16px}.content-date strong{display:block;font-size:30px;color:#172433}.content-date span{font-size:10px;color:#7b8493}
.content-main h3{font-size:18px;margin-top:9px}.content-main p{color:#687382;line-height:1.6;font-size:12px}
.content-note{margin-top:10px;padding:9px;border-radius:9px;background:#fff8e8;color:#755314;font-size:11px}
.content-actions textarea{min-height:74px;font-size:12px}
.badge.review{background:#fff7e8;color:#9a6700}.badge.approved{background:#edf8f2;color:#1f7a55}.badge.revision{background:#fff0ef;color:#b42318}.badge.published{background:#eef4ff;color:#284f91}

.report-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}
.report-metrics>div{padding:14px;border:1px solid #e8ecf1;border-radius:12px;background:#fbfcfd;display:grid;gap:4px}
.report-metrics span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#7c8795;font-weight:700}
.report-metrics strong{font-size:23px;color:#172433}
.report-metrics.secondary{margin-top:10px}.report-metrics.secondary strong{font-size:18px}
.report-copy{margin-top:16px}.report-copy>div{padding:16px;border-radius:13px;background:#f8fafc;border:1px solid #e8ecf1}.report-copy p{color:#667281;line-height:1.7;font-size:12px}

.roadmap{position:relative;display:grid;gap:0;max-width:900px}
.roadmap-step{display:grid;grid-template-columns:50px minmax(0,1fr);gap:16px;position:relative;padding-bottom:22px}
.roadmap-step:not(:last-child):before{content:"";position:absolute;left:24px;top:38px;bottom:0;width:2px;background:#e1e6ec}
.roadmap-marker{width:50px;display:flex;justify-content:center;position:relative;z-index:1}
.roadmap-marker span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;border:2px solid #cdd5df;color:#687586;font-weight:800;font-size:12px}
.roadmap-step.done .roadmap-marker span{background:#1f7a55;border-color:#1f7a55;color:#fff}
.roadmap-step.current .roadmap-marker span{background:#d7b56d;border-color:#d7b56d;color:#172433;box-shadow:0 0 0 6px rgba(215,181,109,.14)}
.roadmap-body{background:#fff;border:1px solid #e5e9ef;border-radius:15px;padding:16px}.roadmap-body h2{margin-top:9px;margin-bottom:5px}.roadmap-body p{color:#697686;font-size:12px;line-height:1.6}

.idea-card{display:flex;flex-direction:column;gap:10px}.idea-card h3{font-size:17px}.idea-card form{margin-top:auto}
.package-hero{padding:28px;border-radius:22px;background:radial-gradient(circle at top right,rgba(215,181,109,.22),transparent 28%),linear-gradient(135deg,#111b29,#1c2c41);color:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.package-hero h1{color:#fff;margin:5px 0;font-size:34px}.package-hero p{color:#d5deea;max-width:650px;line-height:1.7}
.package-price{text-align:right}.package-price span{display:block;color:#c6d0dc;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.package-price strong{font-size:30px;color:#f0dfb1}
.package-list{display:grid;gap:10px}.package-list>div{padding:10px 0;border-bottom:1px solid #edf0f3;font-size:13px}.package-list>div:last-child{border-bottom:0}.package-list span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#edf8f2;color:#1f7a55;margin-right:8px;font-weight:800}
.package-usage{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.package-usage strong{font-size:34px;color:#172433}.package-usage span{font-size:11px;color:#7b8493}
.service-price{font-size:24px;font-weight:800;color:#172433;margin:14px 0}

@media(max-width:1050px){
 .content-item-card{grid-template-columns:70px minmax(0,1fr)}
 .content-actions{grid-column:2}
 .evidence-upload-row{grid-template-columns:1fr}
}
@media(max-width:780px){
 .customer-section-intro{align-items:flex-start;flex-direction:column}
 .intro-progress{width:100%;text-align:left}
 .content-item-card{grid-template-columns:1fr}
 .content-date{border-right:0;border-bottom:1px solid #e6eaf0;text-align:left;padding:0 0 9px;display:flex;align-items:baseline;gap:7px}
 .content-date strong{font-size:24px}.content-actions{grid-column:auto}
 .report-metrics{grid-template-columns:1fr 1fr !important}
 .report-copy{grid-template-columns:1fr !important}
 .package-hero{flex-direction:column;padding:20px}.package-price{text-align:left}
 .evidence-upload-row{grid-template-columns:1fr}
}
@media print{
 .sidebar,.mobile-menu,.customer-contextbar,.topbar form,.btn,form{display:none !important}
 .layout{display:block}.main{padding:0}.card{box-shadow:none !important}
 body{background:#fff !important}
}


/* V8 - müşteri bazlı admin çalışma alanı */
.admin-customer-scope{
  display:inline-flex;align-items:center;gap:7px;margin-top:8px;
  padding:7px 10px;border:1px solid #dce4ed;border-radius:9px;
  background:#f4f7fa;
}
.admin-customer-scope span{
  font-size:9px;text-transform:uppercase;letter-spacing:.07em;
  color:#788596;font-weight:700;
}
.admin-customer-scope strong{font-size:12px;color:#172433}
.customer-file-tabs{
  display:flex;gap:6px;overflow-x:auto;padding:7px;
  margin-bottom:16px;background:#fff;border:1px solid #e1e6ec;
  border-radius:12px;scrollbar-width:thin;
}
.customer-file-tabs a{
  white-space:nowrap;padding:9px 11px;border-radius:8px;
  color:#5d6978;font-size:11px;font-weight:700;
}
.customer-file-tabs a:hover{background:#f3f6f9;color:#172433}
.customer-file-tabs a.active{background:#1d2d42;color:#fff}
.customer-file-tabs.compact{margin-top:-5px}
.customer-file-hero{
  display:flex;align-items:center;justify-content:space-between;gap:22px;
  margin-bottom:16px;padding:24px 26px;border-radius:18px;
  background:linear-gradient(135deg,#172433,#263b58);color:#fff;
}
.customer-file-hero h2{color:#fff;font-size:28px;margin:5px 0 4px}
.customer-file-hero p{margin:0;color:#ced8e5;font-size:12px}
.customer-file-stats{display:flex;gap:9px;flex-wrap:wrap}
.customer-file-stats>div{
  min-width:112px;padding:12px 14px;border-radius:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  display:grid;gap:4px;
}
.customer-file-stats span{
  font-size:9px;text-transform:uppercase;letter-spacing:.07em;
  color:#c8d3df;font-weight:700;
}
.customer-file-stats strong{font-size:21px;color:#fff}
.customer-direct-card{border-color:#d5dee9}
.customer-shortcut{
  display:block;transition:transform .15s ease,border-color .15s ease;
}
.customer-shortcut p{color:#748091;font-size:12px}
.customer-shortcut span{
  display:inline-block;margin-top:8px;color:#315f9f;
  font-size:11px;font-weight:700;
}
@media(hover:hover) and (pointer:fine){
  .customer-shortcut:hover{transform:translateY(-2px);border-color:#cbd6e3}
}
@media(max-width:780px){
  .customer-file-hero{align-items:flex-start;flex-direction:column;padding:18px}
  .customer-file-stats{width:100%}
  .customer-file-stats>div{flex:1}
}


/* ===== V9 ADMIN CUSTOMER FILE UI FIX ===== */
.admin-ui .main{
  background:#f5f7fa;
}
.admin-ui .topbar{
  margin-bottom:18px;
}
.admin-ui .topbar h1{
  font-size:28px;
  letter-spacing:-.025em;
}
.admin-ui .admin-customer-scope{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  margin-top:8px !important;
  padding:7px 10px !important;
  background:#eef3f8 !important;
  border:1px solid #dbe4ee !important;
  border-radius:10px !important;
}
.admin-ui .admin-customer-scope span{
  font-size:9px !important;
  text-transform:uppercase;
  letter-spacing:.07em;
  color:#788596 !important;
  font-weight:700;
}
.admin-ui .admin-customer-scope strong{
  color:#172433 !important;
  font-size:12px !important;
}

.admin-ui .customer-file-tabs{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:6px !important;
  overflow-x:auto !important;
  padding:8px !important;
  margin:0 0 18px !important;
  background:#fff !important;
  border:1px solid #dde4ec !important;
  border-radius:13px !important;
  box-shadow:0 4px 14px rgba(16,24,40,.035) !important;
}
.admin-ui .customer-file-tabs a{
  display:inline-flex !important;
  align-items:center !important;
  min-height:36px !important;
  padding:8px 11px !important;
  border-radius:9px !important;
  background:transparent !important;
  color:#5f6d7e !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}
.admin-ui .customer-file-tabs a:hover{
  background:#f2f5f8 !important;
  color:#172433 !important;
}
.admin-ui .customer-file-tabs a.active{
  background:#1d2d42 !important;
  color:#fff !important;
}

.admin-ui .customer-file-hero{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin-bottom:18px !important;
  padding:24px 26px !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at top right,rgba(82,126,180,.22),transparent 30%),
    linear-gradient(135deg,#172433 0%,#20334d 100%) !important;
  color:#fff !important;
  box-shadow:0 14px 32px rgba(23,36,51,.10) !important;
}
.admin-ui .customer-file-hero h2{
  color:#fff !important;
  font-size:28px !important;
  line-height:1.1 !important;
  margin:6px 0 !important;
}
.admin-ui .customer-file-hero p{
  color:#ccd7e4 !important;
  margin:0 !important;
  font-size:12px !important;
}
.admin-ui .customer-file-hero .card-kicker{
  color:#aebed1 !important;
}
.admin-ui .customer-file-stats{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
.admin-ui .customer-file-stats>div{
  min-width:118px !important;
  padding:13px 15px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
.admin-ui .customer-file-stats span{
  display:block !important;
  margin-bottom:4px !important;
  color:#c6d3df !important;
  font-size:9px !important;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-weight:700;
}
.admin-ui .customer-file-stats strong{
  color:#fff !important;
  font-size:22px !important;
}

.admin-ui .customer-direct-card{
  border-color:#dce4ed !important;
  box-shadow:0 7px 20px rgba(16,24,40,.04) !important;
}
.admin-ui .customer-direct-card h2{
  margin-bottom:7px !important;
}
.admin-ui .customer-direct-card .muted{
  margin-top:0 !important;
  line-height:1.55 !important;
}
.admin-ui .customer-shortcut{
  min-height:132px !important;
  display:block !important;
}
.admin-ui .customer-shortcut h3{
  margin-top:5px !important;
  font-size:16px !important;
}
.admin-ui .customer-shortcut p{
  margin:5px 0 !important;
}
.admin-ui .customer-shortcut span{
  display:inline-block !important;
  margin-top:8px !important;
}
.admin-ui .list-item{
  background:#fbfcfd !important;
}
@media(max-width:900px){
  .admin-ui .customer-file-hero{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  .admin-ui .customer-file-stats{
    width:100% !important;
  }
  .admin-ui .customer-file-stats>div{
    flex:1 !important;
  }
}


/* V10 - Custom Analysis Builder */
.analysis-builder{
  border-color:#dce4ed;
}
.analysis-builder .muted{
  margin:3px 0 0;
  font-size:12px;
}
.analysis-score-card{
  position:relative;
}
.score-edit-form{
  display:flex;
  gap:7px;
  margin-top:12px;
  align-items:center;
}
.score-edit-form input{
  width:78px;
  min-height:34px;
  padding:6px 8px;
}
.analysis-admin-editor{
  min-width:min(480px,100%);
}
.analysis-admin-editor>form:first-child{
  width:100%;
}
.analysis-editor-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-bottom:8px;
}
.analysis-editor-grid textarea{
  min-height:70px;
}
.analysis-editor-grid textarea:nth-of-type(1),
.analysis-editor-grid textarea:nth-of-type(2){
  grid-column:1/-1;
}
@media(max-width:1000px){
  .analysis-admin-editor{min-width:100%}
  .audit-item{grid-template-columns:1fr !important}
}
@media(max-width:650px){
  .analysis-editor-grid{grid-template-columns:1fr}
  .analysis-editor-grid textarea{grid-column:auto}
}

/* V10 - Competitor Detail */
.competitor-list{
  display:grid;
  gap:14px;
}
.competitor-card{
  padding:20px;
}
.competitor-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding-bottom:16px;
  border-bottom:1px solid #e8ecf1;
}
.competitor-head h2{
  margin:4px 0 5px;
}
.competitor-core-metrics{
  display:flex;
  gap:8px;
}
.competitor-core-metrics>div{
  min-width:130px;
  padding:11px 13px;
  border:1px solid #e4e9ef;
  border-radius:11px;
  background:#f8fafc;
  display:grid;
  gap:3px;
}
.competitor-core-metrics span,
.competitor-social-grid span{
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.07em;
  color:#788596;
  font-weight:700;
}
.competitor-core-metrics strong{
  font-size:19px;
  color:#172433;
}
.competitor-social-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
  margin-top:15px;
}
.competitor-social-grid>div{
  padding:12px;
  border:1px solid #e6eaf0;
  border-radius:11px;
  background:#fff;
  display:grid;
  gap:4px;
}
.competitor-social-grid strong{
  font-size:18px;
  color:#172433;
}
.competitor-social-grid small{
  font-size:10px;
  color:#6f7b8a;
  line-height:1.35;
}
.competitor-note{
  margin-top:13px;
  padding:11px 12px;
  border-radius:10px;
  background:#f8fafc;
  border:1px solid #e6eaf0;
  color:#667281;
  font-size:12px;
  line-height:1.55;
}
.competitor-delete-form{
  margin-top:12px;
}
@media(max-width:1200px){
  .competitor-social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:780px){
  .competitor-head{flex-direction:column}
  .competitor-core-metrics{width:100%;flex-wrap:wrap}
  .competitor-core-metrics>div{flex:1}
  .competitor-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* =========================================================
   V12 — ELITE VISUAL SYSTEM
   ========================================================= */
:root{
  --elite-navy:#0b1522;
  --elite-navy-2:#12243a;
  --elite-blue:#2563eb;
  --elite-purple:#7c3aed;
  --elite-gold:#d5b66d;
  --elite-text:#142033;
  --elite-muted:#748397;
  --elite-line:#dce5ef;
}

body{
  background:
    radial-gradient(circle at 92% 3%,rgba(37,99,235,.07),transparent 22%),
    radial-gradient(circle at 7% 95%,rgba(124,58,237,.04),transparent 19%),
    linear-gradient(180deg,#f8fafe 0%,#f2f6fa 100%) !important;
}
.sidebar{
  background:
    radial-gradient(circle at 15% 0%,rgba(59,130,246,.13),transparent 30%),
    linear-gradient(180deg,#09131f 0%,#102136 100%) !important;
  box-shadow:12px 0 36px rgba(15,23,42,.10) !important;
}
.main{max-width:1600px;margin:0 auto}

.card{
  position:relative;
  border:1px solid rgba(216,226,237,.96) !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff 0%,#fafcff 100%) !important;
  box-shadow:0 16px 38px rgba(15,23,42,.045),0 2px 8px rgba(15,23,42,.025) !important;
}
.card::after{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.7),transparent 24%);
  opacity:.28;
}
.card>*{position:relative;z-index:1}

.customer-hero{
  position:relative;
  overflow:hidden;
  min-height:235px;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 80% 5%,rgba(59,130,246,.24),transparent 27%),
    radial-gradient(circle at 72% 100%,rgba(213,182,109,.10),transparent 24%),
    linear-gradient(115deg,#07111c 0%,#10243a 48%,#193958 100%) !important;
  box-shadow:0 28px 65px rgba(15,23,42,.18) !important;
}
.customer-hero-main h2{font-size:38px !important;letter-spacing:-.045em !important}
.customer-hero-main p{font-size:14px !important;max-width:720px !important}
.customer-hero-score{
  backdrop-filter:blur(12px);
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)
}

.executive-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:16px 0;
}
.executive-card{
  min-height:112px;
  padding:17px;
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid var(--elite-line);
  border-radius:19px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 11px 28px rgba(15,23,42,.04);
}
.executive-main{
  background:linear-gradient(135deg,#12243a 0%,#1f416b 100%);
  border-color:#1c385a;
}
.executive-symbol{
  width:43px;height:43px;flex:0 0 auto;
  display:grid;place-items:center;
  border-radius:14px;
  background:#edf4ff;color:#2563eb;
  font-size:18px;font-weight:900;
}
.executive-main .executive-symbol{background:rgba(255,255,255,.10);color:#ecdba8}
.executive-card>div:last-child{display:grid;gap:2px}
.executive-card span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#7e8ca0}
.executive-card strong{font-size:25px;color:#142033;letter-spacing:-.035em}
.executive-card small{font-size:10px;color:#778699}
.executive-main span,.executive-main small{color:#c5d2e2}
.executive-main strong{color:#fff}

.premium-chart-grid{align-items:stretch}
.visual-card{
  overflow:hidden;
  background:
    radial-gradient(circle at top right,rgba(37,99,235,.045),transparent 25%),
    linear-gradient(180deg,#fff 0%,#fafcff 100%) !important;
}
.visual-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#2563eb,#7c3aed,#0ea5e9);
}
.visual-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.visual-head h2{margin:4px 0 0;font-size:18px}
.visual-chip{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:7px 11px;border-radius:999px;
  border:1px solid #d7e4fb;
  background:linear-gradient(180deg,#f9fbff 0%,#edf4ff 100%);
  color:#1d4ed8;font-size:10px;font-weight:800;white-space:nowrap;
}
.chart-canvas{position:relative;width:100%}
.radar-canvas,.bar-canvas{height:265px}
.donut-canvas{height:245px}
.report-large{height:315px}
.report-medium,.competitor-chart{height:275px}
.visual-footer{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px
}
.visual-footer>div{
  padding:11px 12px;border:1px solid #e6edf4;border-radius:14px;background:#fbfdff
}
.visual-footer span{display:block;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#8491a2;font-weight:800}
.visual-footer strong{display:block;margin-top:5px;font-size:13px;color:#172438}
.visual-footer small{display:block;margin-top:3px;font-size:9px;color:#7a8798}

.intelligence-strip{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  gap:14px;align-items:center;
  margin-top:16px;padding:16px 18px;
  border:1px solid #dce5ef;border-radius:18px;
  background:
    radial-gradient(circle at right top,rgba(37,99,235,.06),transparent 23%),
    linear-gradient(180deg,#fff 0%,#fafcff 100%);
  box-shadow:0 10px 25px rgba(15,23,42,.035)
}
.intelligence-strip>div{display:grid;gap:3px}
.intelligence-strip span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#8694a6;font-weight:800}
.intelligence-strip strong{font-size:14px;color:#162338}
.intelligence-strip small{font-size:9px;color:#7a8798}
.intelligence-strip i{width:1px;height:35px;background:#e1e7ee}

.customer-kpis .card{border-radius:18px !important}
.customer-kpis .kpi .value{font-size:27px !important}

.list-item,.audit-item,.goal-item,.content-item-card,.competitor-card{
  border-radius:18px !important;
  border:1px solid #e2e9f1 !important;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%) !important;
  box-shadow:0 8px 21px rgba(15,23,42,.025);
}
.badge{border-radius:999px !important;padding:6px 10px !important}

.customer-file-tabs{
  position:sticky;top:10px;z-index:20;
  backdrop-filter:blur(14px);
  background:rgba(255,255,255,.92) !important;
  border-radius:16px !important;
  box-shadow:0 10px 28px rgba(15,23,42,.06) !important;
}
.customer-file-tabs a{border-radius:10px !important}
.customer-file-tabs a.active{
  background:linear-gradient(135deg,#14243a,#24496f) !important;
  color:#fff !important;
  box-shadow:0 8px 16px rgba(15,23,42,.14)
}

.premium-analysis-score{
  overflow:hidden;
  background:
    radial-gradient(circle at top right,rgba(37,99,235,.055),transparent 23%),
    linear-gradient(180deg,#fff 0%,#fbfcff 100%) !important;
}
.premium-analysis-score::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,#d7b56d,#efdca8)
}

.report-visual-grid{grid-template-columns:2fr 1fr 1fr}
.report-trend-card{grid-row:span 1}
.report-premium-hero{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  margin-bottom:16px;padding:26px;border-radius:25px;
  background:
    radial-gradient(circle at 85% 15%,rgba(59,130,246,.22),transparent 29%),
    linear-gradient(135deg,#091421,#15283f 54%,#20415f 100%);
  box-shadow:0 22px 50px rgba(15,23,42,.15);color:#fff
}
.report-premium-hero h1{color:#fff !important;font-size:31px !important;margin:5px 0}
.report-premium-hero p{margin:0;color:#cbd7e4;max-width:650px}
.report-hero-stats{display:flex;gap:8px;flex-wrap:wrap}
.report-hero-stats>div{
  min-width:105px;padding:12px;border-radius:14px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11)
}
.report-hero-stats span{display:block;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#bfccda;font-weight:800}
.report-hero-stats strong{display:block;margin-top:5px;font-size:19px;color:#fff}
.premium-report-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#2563eb,#7c3aed,#0ea5e9)
}

.competitor-scoreboard{
  margin-bottom:16px;padding:20px;border-radius:22px;
  border:1px solid #dce5ef;
  background:
    radial-gradient(circle at top right,rgba(37,99,235,.075),transparent 25%),
    linear-gradient(180deg,#fff 0%,#f9fbff 100%);
  box-shadow:0 14px 34px rgba(15,23,42,.04)
}
.scoreboard-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:15px}
.scoreboard-heading h2{margin:4px 0 4px}
.scoreboard-heading p{margin:0;color:#6e7c8e;font-size:11px}
.scoreboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.scoreboard-item{
  padding:14px;border-radius:16px;border:1px solid #e2e9f1;background:#fff;
  box-shadow:0 8px 20px rgba(15,23,42,.025)
}
.scoreboard-rank{display:block;font-size:9px;color:#8793a4;font-weight:800}
.scoreboard-item>strong{display:block;margin-top:6px;font-size:13px;color:#172438}
.scoreboard-item>b{display:block;margin-top:7px;font-size:25px;color:#1d4ed8}
.scoreboard-item>div{height:6px;margin-top:9px;border-radius:999px;background:#edf1f5;overflow:hidden}
.scoreboard-item>div>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#7c3aed)}

.form-grid input,.form-grid textarea,.form-grid select,
.analysis-editor-grid input,.analysis-editor-grid textarea,.analysis-editor-grid select{
  min-height:46px !important;border-radius:13px !important;
  border:1px solid #d8e2ec !important;background:#fff !important;
}
.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{
  border-color:#78a2ea !important;box-shadow:0 0 0 4px rgba(37,99,235,.08) !important
}
.btn{border-radius:12px !important;font-weight:750 !important}
.btn.primary{
  background:linear-gradient(135deg,#1d4ed8,#2563eb) !important;
  border-color:#1d4ed8 !important;box-shadow:0 10px 22px rgba(37,99,235,.17) !important
}
.btn.primary:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8) !important;transform:translateY(-1px)}

@media(hover:hover) and (pointer:fine){
  .executive-card,.visual-card,.scoreboard-item,.competitor-card,.list-item{
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
  }
  .executive-card:hover,.visual-card:hover,.scoreboard-item:hover,.competitor-card:hover,.list-item:hover{
    transform:translateY(-3px);
    border-color:#cad7e6 !important;
    box-shadow:0 18px 36px rgba(15,23,42,.07) !important
  }
}

@media(max-width:1200px){
  .executive-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .premium-chart-grid,.report-visual-grid{grid-template-columns:1fr !important}
  .intelligence-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .intelligence-strip i{display:none}
  .scoreboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
  .customer-hero-main h2{font-size:29px !important}
  .executive-summary{grid-template-columns:1fr 1fr}
  .intelligence-strip{grid-template-columns:1fr 1fr}
  .visual-footer{grid-template-columns:1fr}
  .report-premium-hero{flex-direction:column;align-items:flex-start;padding:20px}
  .scoreboard-grid{grid-template-columns:1fr 1fr}
  .radar-canvas,.bar-canvas,.competitor-chart{height:240px}
  .donut-canvas{height:220px}
  .report-large,.report-medium{height:255px}
}
@media(max-width:520px){
  .executive-summary,.intelligence-strip,.scoreboard-grid{grid-template-columns:1fr}
}
@media print{
  .report-premium-hero{
    background:#fff !important;color:#111 !important;border:1px solid #ddd;box-shadow:none !important
  }
  .report-premium-hero h1,.report-premium-hero strong{color:#111 !important}
  .report-premium-hero p,.report-premium-hero span{color:#555 !important}
  .premium-report-card{break-inside:avoid}
}


/* =========================================================
   V13 — Wider Layout + Premium Page Background
   ========================================================= */

/* Prevent the grid content from shrink-wrapping on wide screens */
.layout{
  grid-template-columns:220px minmax(0,1fr) !important;
  width:100%;
}

.main{
  width:100% !important;
  max-width:1540px !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:24px 28px 48px !important;
  box-sizing:border-box;
}

/* Premium non-white page surface */
body{
  background:#eaf0f6 !important;
}
.main,
.customer-main{
  background:
    radial-gradient(circle at 92% 3%,rgba(59,130,246,.075),transparent 24%),
    radial-gradient(circle at 8% 96%,rgba(124,58,237,.035),transparent 21%),
    linear-gradient(180deg,#f0f4f8 0%,#e9eff5 100%) !important;
  min-height:100vh;
}

/* Slightly soften pure-white strips so cards stand out */
.customer-contextbar,
.customer-section-intro,
.customer-file-tabs{
  background:rgba(250,252,255,.94) !important;
  backdrop-filter:blur(10px);
}

/* Main cards stay bright and become the visual foreground */
.card{
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
  border-color:#d9e3ed !important;
  box-shadow:
    0 12px 30px rgba(31,49,71,.055),
    0 2px 5px rgba(31,49,71,.025) !important;
}

/* Better scale on desktop */
@media(min-width:1100px){
  .main{
    padding-left:30px !important;
    padding-right:30px !important;
  }

  .grid{
    gap:16px !important;
  }

  .grid-3{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .grid-2{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .customer-section-intro{
    min-height:118px;
    padding:20px 22px !important;
  }

  .analysis-score-grid .analysis-score-card{
    min-height:128px;
    padding:20px !important;
  }

  .analysis-score-card .value{
    font-size:34px !important;
  }

  .audit-group.card{
    padding:20px !important;
  }

  .audit-item{
    padding:17px !important;
  }
}

/* Large desktops: use the available canvas instead of leaving an empty side */
@media(min-width:1500px){
  .main{
    max-width:none !important;
    margin:0 !important;
    padding-left:32px !important;
    padding-right:32px !important;
  }

  .topbar,
  .customer-contextbar,
  .customer-section-intro,
  .customer-file-tabs,
  .customer-hero,
  .executive-summary,
  .premium-chart-grid,
  .intelligence-strip,
  .customer-focus-grid,
  .customer-kpis,
  .card,
  .competitor-scoreboard,
  .report-premium-hero{
    width:100%;
    box-sizing:border-box;
  }
}

/* Keep content pleasantly bounded on very large monitors without shrink-wrap */
@media(min-width:1900px){
  .main{
    padding-left:40px !important;
    padding-right:40px !important;
  }
}

/* Sidebar a little slimmer and cleaner */
.sidebar{
  padding-left:14px !important;
  padding-right:14px !important;
}
.sidebar .nav a{
  padding-left:12px !important;
  padding-right:12px !important;
}

/* More visual separation from page background */
.topbar{
  margin-bottom:18px !important;
}

.customer-contextbar{
  border-color:#d9e3ed !important;
  box-shadow:0 8px 20px rgba(31,49,71,.035);
}

.customer-section-intro{
  border-color:#d9e3ed !important;
  box-shadow:0 10px 24px rgba(31,49,71,.04);
}

/* Mobile/tablet remain compact */
@media(max-width:1099px){
  .layout{
    grid-template-columns:210px minmax(0,1fr) !important;
  }
  .main{
    max-width:none !important;
    padding:20px 18px 44px !important;
  }
}

@media(max-width:780px){
  .main{
    padding:15px 12px 94px !important;
  }
}


/* V14 - Admin approved automatic reporting */
.report-admin-workflow{display:grid;gap:12px;margin-bottom:16px}
.auto-report-card{
  display:flex;justify-content:space-between;align-items:center;gap:22px;
  padding:22px !important;
  background:
    radial-gradient(circle at right top,rgba(37,99,235,.08),transparent 28%),
    linear-gradient(180deg,#fff 0%,#f9fbff 100%) !important
}
.auto-report-card h2{margin:4px 0 7px}
.auto-report-card p{margin:0;max-width:720px;color:#69788a;line-height:1.65;font-size:12px}
.auto-report-action{min-width:300px;display:grid;gap:8px}
.auto-report-action input{min-height:44px;padding:9px 11px;border:1px solid #d8e2ec;border-radius:11px;background:#fff}
.report-flow-steps{
  display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  align-items:center;gap:8px;padding:13px 15px;
  border:1px solid #dce5ef;border-radius:15px;background:#fff
}
.report-flow-steps>i{height:1px;background:#dce3ec;min-width:22px}
.flow-step{display:flex;align-items:center;gap:9px}
.flow-step>span{
  width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;
  border-radius:50%;border:1px solid #d7dfe8;background:#f7f9fb;
  color:#778496;font-size:10px;font-weight:800
}
.flow-step>div{display:grid;gap:1px}
.flow-step strong{font-size:11px;color:#172438}
.flow-step small{font-size:9px;color:#7b8797}
.flow-step.done>span{background:#edf8f2;border-color:#c9e8d9;color:#1f7a55}
.flow-step.current>span{background:#eef4ff;border-color:#cfdcf3;color:#1d4ed8}

.report-status{
  display:inline-flex;margin-top:5px;padding:5px 8px;border-radius:999px;
  font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:800
}
.report-status.draft{background:#fff7e8;color:#9a6700;border:1px solid #f1d39f}
.report-status.published{background:#edf8f2;color:#1f7a55;border:1px solid #c5e5d5}
.report-admin-actions{display:flex;gap:7px;flex-wrap:wrap}
.auto-highlights{
  margin-top:14px;padding:13px 14px;border-radius:12px;
  border:1px solid #dbe6f3;
  background:radial-gradient(circle at top right,rgba(37,99,235,.06),transparent 24%),#f8fbff;
  color:#556476;font-size:11px;line-height:1.7
}
.dashboard-report-callout{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:radial-gradient(circle at top right,rgba(37,99,235,.09),transparent 26%),linear-gradient(180deg,#fff 0%,#f8fbff 100%) !important
}
.dashboard-report-callout h2{margin:4px 0 6px}
.dashboard-report-callout p{margin:0;color:#6f7d8e;font-size:12px}

@media(max-width:900px){
  .auto-report-card{flex-direction:column;align-items:stretch}
  .auto-report-action{min-width:0}
  .report-flow-steps{grid-template-columns:1fr 1fr}
  .report-flow-steps>i{display:none}
}
@media(max-width:650px){
  .dashboard-report-callout{flex-direction:column;align-items:flex-start}
  .dashboard-report-callout .btn{width:100%}
}


/* =========================================================
   V15 — VIDEO-INSPIRED DARK / CYAN CUSTOMER THEME
   Admin side stays unchanged.
   Add .customer-light-theme to return to V14 light customer UI.
   ========================================================= */

.theme-switch{
  appearance:none;
  border:1px solid rgba(64,202,255,.20);
  border-radius:999px;
  padding:7px 11px 7px 8px;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  font:inherit;
  background:rgba(7,20,31,.76);
  color:#b9d3e5;
  box-shadow:0 7px 22px rgba(0,0,0,.08);
}
.theme-switch-dot{
  width:22px;height:22px;
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 32%,#8df0ff 0%,#2dccff 26%,#087ba6 64%,#04374c 100%);
  box-shadow:0 0 16px rgba(45,204,255,.45);
}
.theme-switch b{font-size:10px;font-weight:750}
.customer-light-theme .theme-switch{
  background:#fff;color:#435368;border-color:#d8e2ec;
}
.customer-light-theme .theme-switch-dot{
  background:linear-gradient(135deg,#172433,#315f9f);
  box-shadow:none;
}

/* ----- Entire customer canvas ----- */
body.premium-customer-ui:not(.customer-light-theme){
  --cy-bg:#02070d;
  --cy-bg2:#06111b;
  --cy-panel:rgba(7,20,31,.80);
  --cy-panel-solid:#071620;
  --cy-panel-2:rgba(9,27,40,.88);
  --cy-line:rgba(70,206,255,.17);
  --cy-line-strong:rgba(70,218,255,.34);
  --cy-cyan:#42d8ff;
  --cy-cyan2:#11bce8;
  --cy-text:#edf8ff;
  --cy-muted:#829bad;
  --cy-soft:#b8d0df;
  --cy-success:#38e0a2;
  --cy-warning:#ffc76a;
  --cy-danger:#ff7a7a;

  background:
    radial-gradient(circle at 80% 0%,rgba(20,152,224,.13),transparent 27%),
    radial-gradient(circle at 30% 100%,rgba(0,94,160,.09),transparent 27%),
    #02070d !important;
  color:var(--cy-text) !important;
}

body.premium-customer-ui:not(.customer-light-theme) .layout{
  background:transparent !important;
}

/* ----- Sidebar ----- */
.premium-customer-ui:not(.customer-light-theme) .sidebar{
  background:
    radial-gradient(circle at 20% 0%,rgba(26,167,225,.10),transparent 28%),
    linear-gradient(180deg,#020912 0%,#04101a 100%) !important;
  border-right:1px solid rgba(74,211,255,.09) !important;
  box-shadow:18px 0 55px rgba(0,0,0,.28) !important;
}
.premium-customer-ui:not(.customer-light-theme) .logo{
  color:#f4fbff !important;
}
.premium-customer-ui:not(.customer-light-theme) .logo small{
  color:#6f92a6 !important;
}
.premium-customer-ui:not(.customer-light-theme) .logo-mark{
  background:
    radial-gradient(circle at 40% 35%,#8defff,#2fd0f8 36%,#087493 74%) !important;
  box-shadow:0 0 20px rgba(60,216,255,.26) !important;
}
.premium-customer-ui:not(.customer-light-theme) .nav a{
  color:#91aabc !important;
  border:1px solid transparent;
}
.premium-customer-ui:not(.customer-light-theme) .nav a:hover{
  color:#e8f8ff !important;
  background:rgba(25,116,160,.08) !important;
  border-color:rgba(64,210,255,.08);
}
.premium-customer-ui:not(.customer-light-theme) .nav a.active{
  color:#effbff !important;
  background:
    linear-gradient(90deg,rgba(35,183,236,.13),rgba(21,83,118,.08)) !important;
  border:1px solid rgba(68,212,255,.18) !important;
  box-shadow:
    inset 3px 0 0 #37d8ff,
    0 0 22px rgba(29,194,244,.06) !important;
}
.premium-customer-ui:not(.customer-light-theme) .nav .count{
  color:#dff8ff !important;
  background:rgba(55,203,255,.14) !important;
}
.premium-customer-ui:not(.customer-light-theme) .sidebar-foot{
  border-color:rgba(93,204,239,.10) !important;
}
.premium-customer-ui:not(.customer-light-theme) .user-mini{
  color:#7892a5 !important;
}
.premium-customer-ui:not(.customer-light-theme) .user-mini strong{
  color:#d8edf8 !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-plan{
  color:#8fe8ff !important;
  background:rgba(41,196,243,.08) !important;
  border-color:rgba(61,205,250,.13) !important;
}

/* ----- Main page surface ----- */
.premium-customer-ui:not(.customer-light-theme) .main,
.premium-customer-ui:not(.customer-light-theme) .customer-main{
  background:
    radial-gradient(circle at 95% 0%,rgba(0,165,239,.10),transparent 25%),
    radial-gradient(circle at 35% 105%,rgba(0,112,181,.09),transparent 28%),
    linear-gradient(180deg,#030a11 0%,#04101a 100%) !important;
  color:var(--cy-text) !important;
}
.premium-customer-ui:not(.customer-light-theme) .topbar h1,
.premium-customer-ui:not(.customer-light-theme) h1,
.premium-customer-ui:not(.customer-light-theme) h2,
.premium-customer-ui:not(.customer-light-theme) h3{
  color:var(--cy-text) !important;
}
.premium-customer-ui:not(.customer-light-theme) .eyebrow,
.premium-customer-ui:not(.customer-light-theme) .card-kicker{
  color:#43d8ff !important;
}
.premium-customer-ui:not(.customer-light-theme) .muted{
  color:var(--cy-muted) !important;
}

/* ----- Shared glass panels ----- */
.premium-customer-ui:not(.customer-light-theme) .card,
.premium-customer-ui:not(.customer-light-theme) .customer-contextbar,
.premium-customer-ui:not(.customer-light-theme) .customer-section-intro,
.premium-customer-ui:not(.customer-light-theme) .customer-file-tabs{
  background:
    radial-gradient(circle at top right,rgba(20,150,210,.055),transparent 25%),
    linear-gradient(180deg,rgba(8,23,35,.88) 0%,rgba(5,17,27,.88) 100%) !important;
  border:1px solid var(--cy-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 14px 38px rgba(0,0,0,.18),
    0 0 24px rgba(35,196,245,.025) !important;
  backdrop-filter:blur(12px);
}
.premium-customer-ui:not(.customer-light-theme) .card::after{
  background:
    linear-gradient(135deg,rgba(85,220,255,.035),transparent 28%) !important;
  opacity:1 !important;
}

/* ----- Hero ----- */
.premium-customer-ui:not(.customer-light-theme) .customer-hero{
  background:
    radial-gradient(circle at 83% 20%,rgba(26,194,245,.14),transparent 28%),
    radial-gradient(circle at 68% 100%,rgba(0,86,138,.12),transparent 25%),
    linear-gradient(120deg,#03101a 0%,#061b2a 52%,#062334 100%) !important;
  border:1px solid rgba(66,216,255,.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(83,220,255,.055),
    0 25px 65px rgba(0,0,0,.27),
    0 0 38px rgba(22,187,235,.045) !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-hero-main h2{
  color:#f4fbff !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-hero-main p{
  color:#9db6c8 !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-hero-eyebrow{
  color:#4adfff !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-hero-score{
  background:rgba(3,16,25,.55) !important;
  border-color:rgba(72,218,255,.18) !important;
  box-shadow:
    inset 0 0 26px rgba(35,195,245,.025),
    0 0 26px rgba(38,196,244,.025) !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-hero-score span,
.premium-customer-ui:not(.customer-light-theme) .customer-hero-score small{
  color:#86a7ba !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-hero-score strong{
  color:#effbff !important;
  text-shadow:0 0 24px rgba(51,214,255,.12);
}
.premium-customer-ui:not(.customer-light-theme) .hero-score-mini{
  color:#7896a9 !important;
  border-color:rgba(64,208,255,.12) !important;
}
.premium-customer-ui:not(.customer-light-theme) .hero-score-mini b{
  color:#49ddff !important;
}

/* ----- Premium boxes, inspired by video beginning ----- */
.premium-customer-ui:not(.customer-light-theme) .executive-card{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(7,24,36,.88) 0%,rgba(4,17,27,.92) 100%) !important;
  border:1px solid rgba(63,210,255,.17) !important;
  box-shadow:
    inset 0 1px 0 rgba(76,224,255,.035),
    0 12px 28px rgba(0,0,0,.18) !important;
}
.premium-customer-ui:not(.customer-light-theme) .executive-card::before{
  content:"";
  position:absolute;
  left:0;top:20%;bottom:20%;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,transparent,#42d9ff,transparent);
  box-shadow:0 0 10px rgba(65,216,255,.35);
}
.premium-customer-ui:not(.customer-light-theme) .executive-main{
  background:
    radial-gradient(circle at top right,rgba(38,207,255,.10),transparent 32%),
    linear-gradient(180deg,rgba(8,28,42,.96),rgba(4,18,29,.96)) !important;
}
.premium-customer-ui:not(.customer-light-theme) .executive-symbol{
  color:#44dcff !important;
  background:rgba(54,211,255,.075) !important;
  border:1px solid rgba(64,216,255,.15);
  box-shadow:0 0 18px rgba(43,205,250,.06);
}
.premium-customer-ui:not(.customer-light-theme) .executive-card span{
  color:#6f90a5 !important;
}
.premium-customer-ui:not(.customer-light-theme) .executive-card strong{
  color:#edfaff !important;
  text-shadow:0 0 20px rgba(68,220,255,.07);
}
.premium-customer-ui:not(.customer-light-theme) .executive-card small{
  color:#6d8a9d !important;
}

/* ----- Analysis boxes ----- */
.premium-customer-ui:not(.customer-light-theme) .analysis-score-card,
.premium-customer-ui:not(.customer-light-theme) .premium-analysis-score,
.premium-customer-ui:not(.customer-light-theme) .kpi.card{
  background:
    radial-gradient(circle at 90% 10%,rgba(36,191,239,.055),transparent 24%),
    linear-gradient(180deg,rgba(8,24,36,.91),rgba(4,17,27,.94)) !important;
  border-color:rgba(66,211,255,.16) !important;
}
.premium-customer-ui:not(.customer-light-theme) .kpi.card::before,
.premium-customer-ui:not(.customer-light-theme) .premium-analysis-score::before{
  background:linear-gradient(180deg,transparent,#40d8ff,transparent) !important;
  width:2px !important;
  box-shadow:0 0 10px rgba(63,216,255,.30);
}
.premium-customer-ui:not(.customer-light-theme) .kpi .label{
  color:#7895a8 !important;
}
.premium-customer-ui:not(.customer-light-theme) .kpi .value,
.premium-customer-ui:not(.customer-light-theme) .analysis-score-card .value{
  color:#eefaff !important;
}
.premium-customer-ui:not(.customer-light-theme) .metric-note{
  color:#6d899d !important;
}

/* ----- Progress ----- */
.premium-customer-ui:not(.customer-light-theme) .progress{
  background:#0e202c !important;
}
.premium-customer-ui:not(.customer-light-theme) .progress>span{
  background:
    linear-gradient(90deg,#087d9f 0%,#19c7ed 55%,#57e4ff 100%) !important;
  box-shadow:0 0 12px rgba(48,213,255,.16);
}

/* ----- Charts ----- */
.premium-customer-ui:not(.customer-light-theme) .visual-card,
.premium-customer-ui:not(.customer-light-theme) .chart-card{
  background:
    radial-gradient(circle at top right,rgba(26,187,234,.055),transparent 25%),
    linear-gradient(180deg,rgba(7,22,34,.92),rgba(4,16,25,.94)) !important;
}
.premium-customer-ui:not(.customer-light-theme) .visual-card::before,
.premium-customer-ui:not(.customer-light-theme) .chart-card::before{
  height:1px !important;
  background:
    linear-gradient(90deg,transparent,#41d8ff 32%,#158fbe 68%,transparent) !important;
  box-shadow:0 0 12px rgba(54,211,255,.14);
}
.premium-customer-ui:not(.customer-light-theme) .visual-chip,
.premium-customer-ui:not(.customer-light-theme) .stat-chip{
  color:#72e6ff !important;
  background:rgba(30,180,226,.075) !important;
  border-color:rgba(72,216,255,.15) !important;
}
.premium-customer-ui:not(.customer-light-theme) .visual-footer>div,
.premium-customer-ui:not(.customer-light-theme) .mini-insight{
  background:rgba(8,24,36,.58) !important;
  border-color:rgba(63,207,252,.10) !important;
}
.premium-customer-ui:not(.customer-light-theme) .visual-footer span,
.premium-customer-ui:not(.customer-light-theme) .mini-insight span{
  color:#67879c !important;
}
.premium-customer-ui:not(.customer-light-theme) .visual-footer strong,
.premium-customer-ui:not(.customer-light-theme) .mini-insight strong{
  color:#e5f7ff !important;
}
.premium-customer-ui:not(.customer-light-theme) .visual-footer small,
.premium-customer-ui:not(.customer-light-theme) .mini-insight small{
  color:#6e899c !important;
}

/* ----- Intelligence / context strips ----- */
.premium-customer-ui:not(.customer-light-theme) .intelligence-strip,
.premium-customer-ui:not(.customer-light-theme) .premium-insight-strip{
  background:
    linear-gradient(180deg,rgba(7,22,34,.88),rgba(4,16,25,.90)) !important;
  border-color:rgba(63,211,255,.14) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.14) !important;
}
.premium-customer-ui:not(.customer-light-theme) .intelligence-strip span,
.premium-customer-ui:not(.customer-light-theme) .insight-strip-item span{
  color:#638499 !important;
}
.premium-customer-ui:not(.customer-light-theme) .intelligence-strip strong,
.premium-customer-ui:not(.customer-light-theme) .insight-strip-item strong{
  color:#e6f7ff !important;
}
.premium-customer-ui:not(.customer-light-theme) .intelligence-strip small,
.premium-customer-ui:not(.customer-light-theme) .insight-strip-item small{
  color:#6d889a !important;
}
.premium-customer-ui:not(.customer-light-theme) .intelligence-strip i,
.premium-customer-ui:not(.customer-light-theme) .insight-strip-divider{
  background:rgba(70,207,251,.10) !important;
}

/* ----- Sections / list cards ----- */
.premium-customer-ui:not(.customer-light-theme) .list-item,
.premium-customer-ui:not(.customer-light-theme) .audit-item,
.premium-customer-ui:not(.customer-light-theme) .goal-item,
.premium-customer-ui:not(.customer-light-theme) .content-item-card,
.premium-customer-ui:not(.customer-light-theme) .competitor-card,
.premium-customer-ui:not(.customer-light-theme) .roadmap-body,
.premium-customer-ui:not(.customer-light-theme) .evidence-item{
  background:
    linear-gradient(180deg,rgba(9,26,38,.82),rgba(5,18,27,.86)) !important;
  border-color:rgba(69,208,251,.11) !important;
  box-shadow:none !important;
}
.premium-customer-ui:not(.customer-light-theme) .list-item p,
.premium-customer-ui:not(.customer-light-theme) .audit-item p,
.premium-customer-ui:not(.customer-light-theme) .roadmap-body p,
.premium-customer-ui:not(.customer-light-theme) .content-main p,
.premium-customer-ui:not(.customer-light-theme) .competitor-note{
  color:#7f9aab !important;
}
.premium-customer-ui:not(.customer-light-theme) .compact-action{
  border-color:rgba(67,203,245,.08) !important;
}
.premium-customer-ui:not(.customer-light-theme) .compact-action strong{
  color:#dceff8 !important;
}
.premium-customer-ui:not(.customer-light-theme) .compact-action small{
  color:#69879a !important;
}

/* ----- Forms ----- */
.premium-customer-ui:not(.customer-light-theme) input,
.premium-customer-ui:not(.customer-light-theme) select,
.premium-customer-ui:not(.customer-light-theme) textarea{
  color:#dff3fc !important;
  background:#06151f !important;
  border-color:rgba(67,207,250,.17) !important;
  box-shadow:
    inset 0 1px 8px rgba(0,0,0,.16),
    0 0 0 1px rgba(0,0,0,.06) !important;
}
.premium-customer-ui:not(.customer-light-theme) input::placeholder,
.premium-customer-ui:not(.customer-light-theme) textarea::placeholder{
  color:#537488 !important;
}
.premium-customer-ui:not(.customer-light-theme) input:focus,
.premium-customer-ui:not(.customer-light-theme) select:focus,
.premium-customer-ui:not(.customer-light-theme) textarea:focus{
  border-color:rgba(65,218,255,.42) !important;
  box-shadow:
    0 0 0 3px rgba(50,205,250,.07),
    0 0 20px rgba(40,194,242,.05) !important;
}
.premium-customer-ui:not(.customer-light-theme) label{
  color:#8da7b9 !important;
}

/* ----- Buttons ----- */
.premium-customer-ui:not(.customer-light-theme) .btn.primary{
  color:#001019 !important;
  background:
    linear-gradient(135deg,#37d9ff 0%,#0bb4dc 100%) !important;
  border-color:#42dfff !important;
  box-shadow:
    0 8px 24px rgba(23,194,236,.13),
    0 0 16px rgba(46,212,252,.07) !important;
}
.premium-customer-ui:not(.customer-light-theme) .btn.primary:hover{
  background:
    linear-gradient(135deg,#6ae7ff 0%,#23c9ed 100%) !important;
}
.premium-customer-ui:not(.customer-light-theme) .btn.ghost{
  color:#9eb8c9 !important;
  background:rgba(7,23,34,.70) !important;
  border-color:rgba(74,205,245,.13) !important;
}
.premium-customer-ui:not(.customer-light-theme) .text-link{
  color:#52ddff !important;
}

/* ----- Badges ----- */
.premium-customer-ui:not(.customer-light-theme) .badge{
  background:rgba(52,190,230,.07) !important;
  color:#a4dded !important;
  border-color:rgba(65,205,246,.12) !important;
}
.premium-customer-ui:not(.customer-light-theme) .badge.good,
.premium-customer-ui:not(.customer-light-theme) .badge.done,
.premium-customer-ui:not(.customer-light-theme) .badge.approved,
.premium-customer-ui:not(.customer-light-theme) .badge.completed{
  color:#6af0bb !important;
  background:rgba(47,208,146,.08) !important;
  border-color:rgba(52,218,157,.14) !important;
}
.premium-customer-ui:not(.customer-light-theme) .badge.warning,
.premium-customer-ui:not(.customer-light-theme) .badge.doing,
.premium-customer-ui:not(.customer-light-theme) .badge.pending{
  color:#ffd184 !important;
  background:rgba(237,173,64,.075) !important;
  border-color:rgba(246,187,83,.14) !important;
}
.premium-customer-ui:not(.customer-light-theme) .badge.missing,
.premium-customer-ui:not(.customer-light-theme) .badge.rejected{
  color:#ff9090 !important;
  background:rgba(233,87,87,.075) !important;
  border-color:rgba(239,101,101,.13) !important;
}

/* ----- Tabs / contextual top bar ----- */
.premium-customer-ui:not(.customer-light-theme) .customer-contextbar{
  background:rgba(6,18,28,.82) !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-context-label{
  color:#4edcff !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-contextbar strong{
  color:#e6f7ff !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-context-actions a{
  color:#8ba7ba !important;
  background:rgba(9,26,38,.70) !important;
  border-color:rgba(68,205,246,.10) !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-section-intro{
  background:
    radial-gradient(circle at 88% 5%,rgba(34,185,231,.055),transparent 25%),
    linear-gradient(180deg,rgba(8,23,35,.90),rgba(5,17,27,.92)) !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-section-intro p{
  color:#7e98aa !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-file-tabs{
  background:rgba(4,15,24,.90) !important;
  border-color:rgba(67,205,248,.13) !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-file-tabs a{
  color:#7896aa !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-file-tabs a:hover{
  color:#dff5ff !important;
  background:rgba(35,174,219,.07) !important;
}
.premium-customer-ui:not(.customer-light-theme) .customer-file-tabs a.active{
  color:#e9faff !important;
  background:
    linear-gradient(135deg,rgba(20,146,190,.25),rgba(9,61,87,.32)) !important;
  border:1px solid rgba(62,215,255,.17);
  box-shadow:
    inset 0 0 14px rgba(43,205,250,.035),
    0 0 14px rgba(43,205,250,.035) !important;
}

/* ----- Messages ----- */
.premium-customer-ui:not(.customer-light-theme) .message-head,
.premium-customer-ui:not(.customer-light-theme) .message-form{
  background:#06151f !important;
  border-color:rgba(65,204,245,.10) !important;
}
.premium-customer-ui:not(.customer-light-theme) .message-thread{
  background:
    radial-gradient(circle at top right,rgba(34,183,226,.045),transparent 25%),
    #030d15 !important;
}
.premium-customer-ui:not(.customer-light-theme) .message-bubble{
  color:#c8dfeb !important;
  background:#071b28 !important;
  border-color:rgba(64,206,248,.12) !important;
}
.premium-customer-ui:not(.customer-light-theme) .message-row.mine .message-bubble{
  color:#e4f8ff !important;
  background:
    linear-gradient(135deg,rgba(12,105,141,.40),rgba(7,56,81,.45)) !important;
  border-color:rgba(66,214,255,.19) !important;
}
.premium-customer-ui:not(.customer-light-theme) .message-meta{
  color:#628599 !important;
}

/* ----- Report / package special surfaces ----- */
.premium-customer-ui:not(.customer-light-theme) .report-premium-hero,
.premium-customer-ui:not(.customer-light-theme) .package-hero{
  background:
    radial-gradient(circle at 84% 15%,rgba(31,194,241,.13),transparent 29%),
    linear-gradient(125deg,#03101a 0%,#071e2d 55%,#082b3e 100%) !important;
  border:1px solid rgba(65,214,255,.18);
}
.premium-customer-ui:not(.customer-light-theme) .report-premium-hero p,
.premium-customer-ui:not(.customer-light-theme) .package-hero p{
  color:#8ca8b9 !important;
}
.premium-customer-ui:not(.customer-light-theme) .report-hero-stats>div,
.premium-customer-ui:not(.customer-light-theme) .package-hero .package-price{
  background:rgba(6,21,31,.60) !important;
  border-color:rgba(65,205,247,.11) !important;
}

/* ----- Competitor ranking ----- */
.premium-customer-ui:not(.customer-light-theme) .competitor-scoreboard{
  background:
    radial-gradient(circle at top right,rgba(31,190,238,.055),transparent 25%),
    linear-gradient(180deg,rgba(8,23,35,.90),rgba(5,17,27,.92)) !important;
  border-color:rgba(64,210,251,.15) !important;
}
.premium-customer-ui:not(.customer-light-theme) .scoreboard-heading p{
  color:#718fa2 !important;
}
.premium-customer-ui:not(.customer-light-theme) .scoreboard-item{
  background:#061721 !important;
  border-color:rgba(65,205,247,.11) !important;
}
.premium-customer-ui:not(.customer-light-theme) .scoreboard-item>strong{
  color:#dceff8 !important;
}
.premium-customer-ui:not(.customer-light-theme) .scoreboard-item>b{
  color:#43dcff !important;
}
.premium-customer-ui:not(.customer-light-theme) .scoreboard-item>div{
  background:#0c202c !important;
}
.premium-customer-ui:not(.customer-light-theme) .scoreboard-item>div>i{
  background:linear-gradient(90deg,#0583ab,#3edfff) !important;
  box-shadow:0 0 10px rgba(62,219,255,.18);
}

/* ----- Empty states ----- */
.premium-customer-ui:not(.customer-light-theme) .empty{
  color:#68889c !important;
  border-color:rgba(68,202,244,.11) !important;
  background:rgba(6,18,28,.45) !important;
}

/* ----- Table ----- */
.premium-customer-ui:not(.customer-light-theme) th{
  color:#66869b !important;
  border-color:rgba(68,204,245,.08) !important;
}
.premium-customer-ui:not(.customer-light-theme) td{
  color:#bdd4df !important;
  border-color:rgba(68,204,245,.08) !important;
}

/* ----- Mobile bottom nav ----- */
@media(max-width:780px){
  .premium-customer-ui:not(.customer-light-theme) .customer-mobile-menu{
    background:rgba(2,12,20,.94) !important;
    border-color:rgba(67,210,251,.13) !important;
    box-shadow:0 18px 40px rgba(0,0,0,.40) !important;
  }
  .premium-customer-ui:not(.customer-light-theme) .customer-mobile-menu a{
    color:#6d8da2 !important;
  }
  .premium-customer-ui:not(.customer-light-theme) .customer-mobile-menu a.active{
    color:#e6f9ff !important;
    background:rgba(35,188,232,.10) !important;
  }
}

/* ----- Subtle premium hover, not gaming ----- */
@media(hover:hover) and (pointer:fine){
  .premium-customer-ui:not(.customer-light-theme) .executive-card,
  .premium-customer-ui:not(.customer-light-theme) .visual-card,
  .premium-customer-ui:not(.customer-light-theme) .analysis-score-card,
  .premium-customer-ui:not(.customer-light-theme) .list-item{
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
  }
  .premium-customer-ui:not(.customer-light-theme) .executive-card:hover,
  .premium-customer-ui:not(.customer-light-theme) .visual-card:hover,
  .premium-customer-ui:not(.customer-light-theme) .analysis-score-card:hover,
  .premium-customer-ui:not(.customer-light-theme) .list-item:hover{
    transform:translateY(-2px);
    border-color:rgba(69,216,255,.27) !important;
    box-shadow:
      0 16px 34px rgba(0,0,0,.20),
      0 0 20px rgba(52,207,250,.035) !important;
  }
}


/* =========================================================
   V16 — AFILLI CUSTOMER POLISH
   ========================================================= */
.customer-section-intro-rich{position:relative;overflow:hidden}
.intro-glow-dot{
  position:absolute;right:20px;top:18px;width:14px;height:14px;border-radius:50%;
  background:radial-gradient(circle,#7ceeff 0%,#27d4fa 40%,rgba(39,212,250,.08) 72%,transparent 73%);
  box-shadow:0 0 18px rgba(76,228,255,.28)
}
.intro-mini-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.intro-mini-strip>div{
  border-radius:14px;padding:12px 13px;border:1px solid rgba(74,204,245,.10);background:rgba(255,255,255,.03)
}
.intro-mini-strip span{
  display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#7e98aa
}
.intro-mini-strip strong{display:block;margin-top:5px;font-size:13px;color:#edfaff}

.premium-kpi-shell{position:relative;overflow:hidden}
.premium-kpi-shell::after{
  content:"";position:absolute;inset:auto -30px -30px auto;width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle,rgba(53,212,252,.10),transparent 62%);pointer-events:none
}
.premium-kpi-topline{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.premium-kpi-topline small{font-size:9px;color:#658499;letter-spacing:.10em;font-weight:800}
.premium-kpi-pulse{width:8px;height:8px;border-radius:50%;background:#47deff;box-shadow:0 0 10px rgba(71,222,255,.45)}
.premium-kpi-foot{
  margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;
  border-top:1px solid rgba(68,202,245,.08);padding-top:10px
}
.premium-kpi-foot span{font-size:10px;color:#6d8b9e}
.premium-kpi-foot strong{
  font-size:11px;color:#d9f4ff;font-weight:800;padding:5px 9px;border-radius:999px;
  background:rgba(56,205,248,.07);border:1px solid rgba(67,203,244,.10)
}

.premium-audit-item,.premium-list-item{position:relative;overflow:hidden;border-radius:22px !important}
.premium-audit-item::before,.premium-list-item::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(55,209,251,.04),transparent 22%),radial-gradient(circle at 100% 0%,rgba(41,184,230,.07),transparent 25%);
  pointer-events:none
}
.premium-item-grid{
  position:absolute;right:0;top:0;width:160px;height:100%;pointer-events:none;opacity:.20;
  background-image:linear-gradient(rgba(85,218,255,.08) 1px, transparent 1px),linear-gradient(90deg, rgba(85,218,255,.08) 1px, transparent 1px);
  background-size:18px 18px;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.55))
}
.audit-side-clean{min-width:150px}
.audit-side-clean .btn{display:none !important}

.premium-customer-ui:not(.customer-light-theme) .proof-box,
.premium-customer-ui:not(.customer-light-theme) .upload-proof,
.premium-customer-ui:not(.customer-light-theme) .task-proof-box{
  background:rgba(255,255,255,.025) !important;border:1px solid rgba(71,205,245,.12) !important;border-radius:18px !important;padding:14px !important
}
.premium-customer-ui:not(.customer-light-theme) input[type="file"]{
  padding:12px !important;border-radius:14px !important;background:#07151f !important
}

.premium-customer-ui:not(.customer-light-theme) .customer-section-intro h2,
.premium-customer-ui:not(.customer-light-theme) .customer-workspace-card h2,
.premium-customer-ui:not(.customer-light-theme) .audit-group h2,
.premium-customer-ui:not(.customer-light-theme) .card h2{letter-spacing:-.03em}

.premium-customer-ui:not(.customer-light-theme) .audit-main,
.premium-customer-ui:not(.customer-light-theme) .list-main{position:relative;z-index:1}

.premium-customer-ui:not(.customer-light-theme) .tag,
.premium-customer-ui:not(.customer-light-theme) .chip{
  color:#bfefff !important;background:rgba(52,191,232,.09) !important;border-color:rgba(74,214,255,.14) !important
}

.premium-customer-ui:not(.customer-light-theme) .audit-side select,
.premium-customer-ui:not(.customer-light-theme) .list-side select{
  min-width:140px;border-radius:16px !important;padding:12px 14px !important;font-weight:700
}

.premium-customer-ui:not(.customer-light-theme) .audit-group.card,
.premium-customer-ui:not(.customer-light-theme) .customer-workspace-card.card{position:relative}
.premium-customer-ui:not(.customer-light-theme) .audit-group.card::before,
.premium-customer-ui:not(.customer-light-theme) .customer-workspace-card.card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,rgba(83,223,255,.20),transparent 18%,transparent 82%,rgba(83,223,255,.10));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none
}

@media(hover:hover) and (pointer:fine){
  .premium-customer-ui:not(.customer-light-theme) .premium-kpi-shell:hover,
  .premium-customer-ui:not(.customer-light-theme) .premium-audit-item:hover,
  .premium-customer-ui:not(.customer-light-theme) .premium-list-item:hover{
    box-shadow:0 18px 36px rgba(0,0,0,.22),0 0 22px rgba(54,208,250,.06) !important;
    transform:translateY(-2px)
  }
}

@media(max-width:900px){
  .intro-mini-strip{grid-template-columns:1fr}
  .audit-side-clean{min-width:0}
}


/* =========================================================
   V17 — ACTUAL CUSTOMER REDESIGN
   ========================================================= */

/* ANALYSIS HERO */
.analysis-hero-v17{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin-bottom:18px;
  padding:24px 26px;
  border-radius:24px;
  background:
    radial-gradient(circle at 88% 10%,rgba(44,216,255,.11),transparent 28%),
    linear-gradient(135deg,rgba(6,23,35,.98),rgba(4,16,25,.98));
  border:1px solid rgba(64,216,255,.16);
  box-shadow:0 18px 40px rgba(0,0,0,.20);
}
.analysis-hero-copy h2{margin:4px 0 7px;font-size:27px!important;color:#f2fbff!important}
.analysis-hero-copy p{margin:0;max-width:760px;color:#7f9aac!important;line-height:1.65}
.analysis-hero-indicator{
  min-width:126px;
  height:92px;
  display:grid;
  place-items:center;
  align-content:center;
  border-radius:20px;
  border:1px solid rgba(69,217,255,.16);
  background:rgba(14,48,67,.30);
  box-shadow:inset 0 0 25px rgba(44,216,255,.025);
}
.analysis-hero-indicator span{font-size:34px;font-weight:900;color:#45ddff;line-height:1}
.analysis-hero-indicator small{margin-top:6px;color:#6e91a5;font-size:10px;text-transform:uppercase;letter-spacing:.08em}

/* GAUGE SCORE DECK */
.analysis-score-deck{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.analysis-gauge-card{
  display:flex;
  align-items:center;
  gap:18px;
  min-height:148px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(66,210,255,.15);
  background:
    radial-gradient(circle at 100% 0%,rgba(45,205,247,.07),transparent 30%),
    linear-gradient(180deg,rgba(7,25,37,.94),rgba(4,17,27,.96));
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.analysis-gauge-ring{
  --p:calc(var(--score) * 1%);
  width:96px;height:96px;
  flex:0 0 auto;
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
  background:
    conic-gradient(#46deff var(--p),#0c2633 0);
  box-shadow:0 0 20px rgba(53,211,250,.08);
}
.analysis-gauge-ring::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:50%;
  background:#06151f;
  border:1px solid rgba(64,210,255,.10);
}
.analysis-gauge-center{position:relative;z-index:1;text-align:center}
.analysis-gauge-center strong{display:block;font-size:28px;color:#f0fbff;line-height:1}
.analysis-gauge-center span{font-size:9px;color:#6d8ca0}
.analysis-gauge-copy{display:grid;gap:4px;min-width:0}
.analysis-gauge-label{font-size:9px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#6e91a5}
.analysis-gauge-copy strong{font-size:17px;color:#eaf9ff}
.analysis-gauge-copy small{font-size:10px;color:#6f8da0;line-height:1.45}

/* CATEGORY SUITES */
.analysis-suite-v17{
  margin-bottom:16px;
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(67,213,255,.15);
  background:
    radial-gradient(circle at 95% 0%,rgba(44,202,243,.06),transparent 24%),
    linear-gradient(180deg,rgba(7,23,35,.94),rgba(4,16,25,.96));
  box-shadow:0 14px 34px rgba(0,0,0,.17);
}
.analysis-suite-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:15px;
}
.analysis-suite-title{display:flex;align-items:center;gap:12px}
.analysis-suite-orb{
  width:44px;height:44px;
  display:grid;place-items:center;
  border-radius:14px;
  color:#4ce0ff;
  font-size:16px;font-weight:900;
  background:rgba(40,190,232,.08);
  border:1px solid rgba(69,211,252,.16);
  box-shadow:0 0 18px rgba(54,210,250,.05);
}
.analysis-suite-title span{
  display:block;
  font-size:8px;
  letter-spacing:.11em;
  color:#5f8399;
  font-weight:800;
}
.analysis-suite-title h2{margin:3px 0 0;font-size:20px!important}
.analysis-suite-score{
  display:flex;align-items:baseline;gap:3px;
  padding:9px 13px;
  border-radius:13px;
  background:rgba(20,82,108,.15);
  border:1px solid rgba(65,210,250,.13);
}
.analysis-suite-score strong{font-size:21px;color:#45ddff}
.analysis-suite-score span{font-size:9px;color:#62889d}

.analysis-suite-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.analysis-detail-v17{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:126px minmax(0,1fr);
  min-height:170px;
  border-radius:19px;
  border:1px solid rgba(64,204,245,.11);
  background:rgba(7,24,36,.72);
}
.analysis-detail-v17::after{
  content:"";
  position:absolute;
  right:-40px;top:-40px;
  width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle,rgba(50,208,249,.055),transparent 65%);
}
.analysis-detail-status{
  padding:17px;
  border-right:1px solid rgba(65,205,247,.08);
  display:flex;
  align-items:flex-start;
  gap:9px;
}
.analysis-status-icon{
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:11px;
  font-weight:900;
}
.analysis-detail-v17.good .analysis-status-icon{color:#63efb8;background:rgba(45,208,146,.08);border:1px solid rgba(55,225,160,.14)}
.analysis-detail-v17.warning .analysis-status-icon{color:#ffd37d;background:rgba(230,165,58,.08);border:1px solid rgba(244,183,72,.14)}
.analysis-detail-v17.missing .analysis-status-icon{color:#ff8e8e;background:rgba(230,77,77,.08);border:1px solid rgba(245,97,97,.14)}
.analysis-detail-status small{display:block;font-size:8px;letter-spacing:.09em;color:#5f8196;font-weight:800;margin-top:2px}
.analysis-detail-status strong{display:block;margin-top:4px;font-size:11px;color:#d9edf6}
.analysis-detail-content{padding:17px;position:relative;z-index:1}
.analysis-detail-content h3{font-size:16px!important;margin:0 0 6px}
.analysis-detail-content p{margin:0;color:#7794a7!important;font-size:11px;line-height:1.55}
.analysis-recommend-v17{
  margin-top:12px;
  padding:11px 12px;
  border-radius:12px;
  border:1px solid rgba(66,204,245,.09);
  background:rgba(15,63,83,.13);
}
.analysis-recommend-v17 span{display:block;font-size:7px;letter-spacing:.11em;color:#4ab9d8;font-weight:900}
.analysis-recommend-v17 strong{display:block;margin-top:5px;font-size:11px;color:#c7e3ee;line-height:1.45}
.analysis-guide-link{display:inline-block;margin-top:10px;color:#4cdfff!important;font-size:10px;font-weight:800}

/* WORK PLAN HERO */
.work-hero-v17{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin-bottom:18px;
  padding:24px 26px;
  border-radius:24px;
  border:1px solid rgba(66,211,255,.16);
  background:
    radial-gradient(circle at 86% 10%,rgba(48,210,250,.10),transparent 28%),
    linear-gradient(135deg,rgba(6,23,35,.98),rgba(4,16,25,.98));
}
.work-hero-v17 h2{margin:4px 0 7px;font-size:27px!important}
.work-hero-v17 p{margin:0;max-width:720px;color:#7c98aa!important;line-height:1.6}
.work-stats-v17{display:flex;gap:8px;flex-wrap:wrap}
.work-stats-v17>div{
  min-width:105px;padding:12px 13px;border-radius:15px;
  background:rgba(14,55,76,.25);border:1px solid rgba(67,209,250,.13);
}
.work-stats-v17 span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#67899e;font-weight:800}
.work-stats-v17 strong{display:block;margin-top:5px;font-size:22px;color:#e7f8ff}

/* WORK BOARD */
.work-board-v17{display:grid;gap:14px}
.work-card-v17{
  position:relative;
  overflow:hidden;
  border-radius:23px;
  border:1px solid rgba(67,211,255,.14);
  background:
    radial-gradient(circle at 100% 0%,rgba(45,199,242,.055),transparent 26%),
    linear-gradient(180deg,rgba(7,24,36,.94),rgba(4,17,27,.96));
  box-shadow:0 13px 32px rgba(0,0,0,.17);
}
.work-card-line{
  position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,transparent,#3edcff,transparent);
  box-shadow:0 0 12px rgba(64,218,255,.22);
}
.work-card-head-v17{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:13px;
  padding:15px 18px;
  border-bottom:1px solid rgba(65,205,247,.08);
}
.work-index-v17{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:13px;
  color:#48dfff;
  font-size:13px;font-weight:900;
  background:rgba(44,188,231,.07);
  border:1px solid rgba(65,213,253,.14);
}
.work-card-badges-v17{display:flex;gap:6px;flex-wrap:wrap}
.work-status-form-v17 select{min-width:145px!important}
.work-card-body-v17{padding:19px}
.work-card-body-v17>h3{font-size:21px!important;margin:0 0 7px;color:#effaff!important}
.work-card-body-v17>p{max-width:900px;color:#7895a8!important;font-size:12px;line-height:1.6;margin:0}

.work-meta-v17{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:15px;
}
.work-meta-v17>div{
  padding:10px 12px;border-radius:12px;
  background:rgba(13,51,69,.18);
  border:1px solid rgba(65,203,244,.08);
}
.work-meta-v17 span{display:block;font-size:7px;letter-spacing:.10em;color:#5f8297;font-weight:900}
.work-meta-v17 strong{display:block;margin-top:4px;font-size:11px;color:#c6e0eb}

.work-proof-v17{
  margin-top:16px;
  padding:15px;
  border-radius:17px;
  border:1px solid rgba(67,211,255,.12);
  background:
    radial-gradient(circle at 95% 0%,rgba(44,202,243,.055),transparent 27%),
    rgba(4,17,27,.65);
}
.work-proof-title-v17{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.work-proof-icon-v17{
  width:36px;height:36px;display:grid;place-items:center;
  border-radius:11px;background:rgba(49,204,245,.09);
  border:1px solid rgba(70,217,255,.14);color:#46deff;font-size:17px;font-weight:900
}
.work-proof-title-v17 span{display:block;font-size:7px;letter-spacing:.11em;color:#5c849a;font-weight:900}
.work-proof-title-v17 strong{display:block;margin-top:4px;font-size:12px;color:#d8edf6}
.work-proof-fields-v17{
  display:grid;
  grid-template-columns:220px minmax(220px,1fr) auto;
  gap:8px;
}
.file-picker-v17{
  position:relative;
  overflow:hidden;
  min-height:44px;
  display:flex;align-items:center;justify-content:center;
  border-radius:12px;
  border:1px dashed rgba(73,214,255,.20);
  background:#06151f;
  cursor:pointer;
}
.file-picker-v17 input{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  cursor:pointer;
}
.file-picker-v17 span{color:#91bdcf;font-size:10px;font-weight:800}
.work-proof-fields-v17>input{min-height:44px!important}
.work-proof-fields-v17 .btn{min-height:44px!important}

.work-evidence-list-v17{margin-top:14px}
.work-evidence-list-v17>span{font-size:7px;letter-spacing:.10em;color:#5f8297;font-weight:900}
.work-evidence-v17{
  margin-top:7px;padding:10px 11px;
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  border-radius:11px;background:rgba(12,47,64,.16);border:1px solid rgba(66,202,242,.08)
}
.work-evidence-v17>div{display:grid;gap:2px}
.work-evidence-v17 strong{font-size:10px;color:#d8edf6}
.work-evidence-v17 small{font-size:8px;color:#67889c}
.work-evidence-v17 a{font-size:9px;color:#4bdefe!important;font-weight:800}

/* neutralize old white upload block */
.premium-customer-ui:not(.customer-light-theme) .evidence-upload{
  background:transparent!important;
  border-color:rgba(67,211,255,.10)!important;
}

/* responsive */
@media(max-width:1100px){
  .analysis-score-deck{grid-template-columns:repeat(2,minmax(0,1fr))}
  .analysis-suite-items{grid-template-columns:1fr}
}
@media(max-width:850px){
  .analysis-hero-v17,.work-hero-v17{flex-direction:column;align-items:flex-start}
  .analysis-score-deck{grid-template-columns:1fr}
  .work-card-head-v17{grid-template-columns:auto 1fr}
  .work-status-form-v17{grid-column:1/-1}
  .work-status-form-v17 select{width:100%!important}
  .work-proof-fields-v17{grid-template-columns:1fr}
}
@media(max-width:620px){
  .analysis-detail-v17{grid-template-columns:1fr}
  .analysis-detail-status{border-right:0;border-bottom:1px solid rgba(65,205,247,.08)}
  .work-meta-v17{grid-template-columns:1fr}
}


/* =========================================================
   V18 — READABLE + BETTER SIZING
   ========================================================= */
.premium-customer-ui:not(.customer-light-theme) .main,
.premium-customer-ui:not(.customer-light-theme) .customer-main{
  padding-left:28px !important;
  padding-right:28px !important;
}
.premium-customer-ui:not(.customer-light-theme) .main > *{
  max-width:1460px;
}
.premium-customer-ui:not(.customer-light-theme) .main > .analysis-hero-v17,
.premium-customer-ui:not(.customer-light-theme) .main > .work-hero-v17,
.premium-customer-ui:not(.customer-light-theme) .main > .analysis-score-deck,
.premium-customer-ui:not(.customer-light-theme) .main > .analysis-suite-v17,
.premium-customer-ui:not(.customer-light-theme) .main > .work-board-v17{
  max-width:1460px;
}

body.premium-customer-ui:not(.customer-light-theme){
  --cy-panel:rgba(8,26,39,.86);
  --cy-panel-2:rgba(10,31,46,.90);
}
.premium-customer-ui:not(.customer-light-theme) .card,
.premium-customer-ui:not(.customer-light-theme) .customer-contextbar,
.premium-customer-ui:not(.customer-light-theme) .customer-section-intro,
.premium-customer-ui:not(.customer-light-theme) .customer-file-tabs,
.analysis-suite-v17,
.work-card-v17,
.analysis-gauge-card{
  border-color:rgba(79,207,247,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 14px 34px rgba(0,0,0,.16),
    0 0 18px rgba(36,197,244,.025) !important;
}

.analysis-hero-v17{padding:22px 24px !important;}
.analysis-hero-copy h2{font-size:24px !important}
.analysis-hero-copy p{font-size:13px !important;color:#90aabc !important;}
.analysis-hero-indicator{min-width:118px !important;height:86px !important;}

.analysis-score-deck{gap:16px !important;}
.analysis-gauge-card{min-height:128px !important;padding:16px 17px !important;align-items:center !important;}
.analysis-gauge-ring{width:90px !important;height:90px !important;}
.analysis-gauge-center strong{font-size:26px !important}
.analysis-gauge-label{font-size:10px !important;color:#83a3b8 !important;}
.analysis-gauge-copy strong{font-size:18px !important;line-height:1.25 !important;}
.analysis-gauge-copy small{font-size:11px !important;color:#8ba8ba !important;}

.analysis-suite-v18{padding:18px 18px 16px !important;}
.analysis-suite-head{margin-bottom:14px !important;}
.analysis-suite-title h2{font-size:22px !important;}
.analysis-suite-items{grid-template-columns:1fr !important;gap:14px !important;}
.analysis-detail-v18{
  grid-template-columns:110px minmax(0,1fr) !important;
  min-height:0 !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(9,28,41,.92),rgba(6,21,31,.95)) !important;
}
.analysis-detail-status{padding:16px 14px !important;align-items:center !important;justify-content:flex-start !important;}
.analysis-status-icon{width:38px !important;height:38px !important;font-size:18px !important;box-shadow:none !important;}
.analysis-detail-status small{font-size:9px !important;color:#789bb0 !important;}
.analysis-detail-status strong{font-size:12px !important;color:#eefbff !important;}
.analysis-detail-content{padding:16px 18px !important;}
.analysis-detail-content h3{font-size:18px !important;margin-bottom:7px !important;color:#f0fbff !important;}
.analysis-detail-content p{font-size:12px !important;line-height:1.6 !important;color:#93aebf !important;}
.analysis-recommend-v17{
  margin-top:13px !important;padding:12px 14px !important;border-radius:13px !important;
  background:rgba(18,71,94,.18) !important;border:1px solid rgba(80,205,245,.14) !important;
}
.analysis-recommend-v17 span{font-size:8px !important;color:#63dfff !important;}
.analysis-recommend-v17 strong{font-size:12px !important;line-height:1.5 !important;color:#e2f7ff !important;}
.analysis-guide-link{margin-top:11px !important;font-size:11px !important;color:#67e5ff !important;}
.analysis-suite-score{padding:10px 14px !important;background:rgba(18,78,103,.18) !important;}
.analysis-suite-score strong{font-size:24px !important;}
.analysis-suite-score span{font-size:10px !important;color:#84a6ba !important;}

.analysis-detail-v17.good{border-color:rgba(84,219,161,.18) !important;}
.analysis-detail-v17.good .analysis-detail-status{background:linear-gradient(180deg,rgba(29,78,64,.18),rgba(15,45,37,.08)) !important;}
.analysis-detail-v17.warning{border-color:rgba(243,192,88,.18) !important;}
.analysis-detail-v17.warning .analysis-detail-status{background:linear-gradient(180deg,rgba(98,73,16,.20),rgba(46,35,10,.08)) !important;}
.analysis-detail-v17.missing{border-color:rgba(244,111,111,.18) !important;}
.analysis-detail-v17.missing .analysis-detail-status{background:linear-gradient(180deg,rgba(89,30,30,.20),rgba(45,16,16,.08)) !important;}

.work-hero-v17{padding:22px 24px !important;}
.work-hero-v17 h2{font-size:24px !important}
.work-hero-v17 p{font-size:13px !important;color:#90aabc !important;}
.work-stats-v17{gap:10px !important;}
.work-stats-v17>div{min-width:116px !important;padding:12px 14px !important;}
.work-stats-v17 span{font-size:9px !important;}
.work-stats-v17 strong{font-size:24px !important;}

.work-board-v17{gap:16px !important;}
.work-card-v18{border-radius:21px !important;}
.work-card-head-v17{
  grid-template-columns:auto 1fr 172px !important;
  align-items:start !important;
  gap:12px !important;
  padding:16px 18px 14px !important;
}
.work-index-v17{width:46px !important;height:46px !important;font-size:14px !important;}
.work-card-badges-v17{padding-top:2px !important;}
.work-card-body-v17{padding:17px 18px 18px !important;}
.work-card-body-v17>h3{font-size:18px !important;margin-bottom:8px !important;}
.work-card-body-v17>p{font-size:12px !important;line-height:1.6 !important;color:#92aebf !important;}
.work-status-form-v17 select{
  min-width:172px !important;width:172px !important;min-height:46px !important;border-radius:14px !important;
  background:#081a25 !important;border:1px solid rgba(79,209,249,.18) !important;color:#e8f7ff !important;font-weight:700 !important;
}

.work-meta-v17{grid-template-columns:repeat(3,minmax(170px,1fr)) !important;gap:10px !important;}
.work-meta-v17>div{
  min-height:68px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;
  padding:11px 13px !important;border-radius:13px !important;background:rgba(17,57,76,.18) !important;
  border:1px solid rgba(78,205,245,.09) !important;
}
.work-meta-v17 span{font-size:8px !important;color:#7f9fb4 !important;}
.work-meta-v17 strong{font-size:12px !important;color:#f0fbff !important;}

.work-proof-v17{
  margin-top:15px !important;padding:15px 15px 14px !important;border-radius:16px !important;
  background:linear-gradient(180deg,rgba(8,23,35,.86),rgba(6,18,28,.88)) !important;
}
.work-proof-title-v17{margin-bottom:11px !important;}
.work-proof-title-v17 span{font-size:8px !important;color:#78a0b6 !important;}
.work-proof-title-v17 strong{font-size:13px !important;color:#eefaff !important;}
.work-proof-fields-v17{
  grid-template-columns:minmax(190px,230px) minmax(240px,1fr) minmax(160px,180px) !important;
  gap:10px !important;align-items:stretch !important;
}
.file-picker-v17{
  min-height:48px !important;justify-content:flex-start !important;padding:0 16px !important;border-radius:14px !important;background:#071925 !important;
}
.file-picker-v17 span{font-size:11px !important;color:#d8eef8 !important;}
.work-proof-fields-v17>input{min-height:48px !important;border-radius:14px !important;}
.work-proof-fields-v17 .btn{min-height:48px !important;border-radius:14px !important;font-size:12px !important;font-weight:800 !important;}

.work-evidence-list-v17>span{font-size:8px !important;color:#7f9fb4 !important;}
.work-evidence-v17{
  padding:11px 12px !important;border-radius:12px !important;background:rgba(18,58,76,.16) !important;
}
.work-evidence-v17 strong{font-size:11px !important;color:#edfaff !important;}
.work-evidence-v17 small{font-size:9px !important;color:#89a6b8 !important;}
.work-evidence-v17 a{font-size:10px !important;color:#67e3ff !important;}

.premium-customer-ui:not(.customer-light-theme) .badge{
  font-size:10px !important;padding:7px 11px !important;border-radius:999px !important;border:1px solid rgba(80,204,244,.12) !important;
}
.premium-customer-ui:not(.customer-light-theme) .badge.high{
  background:rgba(221,92,92,.12) !important;color:#ffabab !important;border-color:rgba(246,118,118,.18) !important;
}
.premium-customer-ui:not(.customer-light-theme) .badge.medium{
  background:rgba(243,188,85,.12) !important;color:#ffd483 !important;border-color:rgba(244,197,100,.18) !important;
}
.premium-customer-ui:not(.customer-light-theme) .badge.low{
  background:rgba(83,200,154,.12) !important;color:#8ef0c0 !important;border-color:rgba(89,214,165,.18) !important;
}
.premium-customer-ui:not(.customer-light-theme) .badge.todo{
  background:rgba(77,149,214,.12) !important;color:#9dd0ff !important;border-color:rgba(100,171,236,.18) !important;
}
.premium-customer-ui:not(.customer-light-theme) .badge.doing,
.premium-customer-ui:not(.customer-light-theme) .badge.warning{
  background:rgba(243,188,85,.12) !important;color:#ffd483 !important;border-color:rgba(244,197,100,.18) !important;
}
.premium-customer-ui:not(.customer-light-theme) .badge.done,
.premium-customer-ui:not(.customer-light-theme) .badge.good,
.premium-customer-ui:not(.customer-light-theme) .badge.approved,
.premium-customer-ui:not(.customer-light-theme) .badge.completed{
  background:rgba(83,200,154,.12) !important;color:#8ef0c0 !important;border-color:rgba(89,214,165,.18) !important;
}
.premium-customer-ui:not(.customer-light-theme) .badge.missing,
.premium-customer-ui:not(.customer-light-theme) .badge.rejected{
  background:rgba(221,92,92,.12) !important;color:#ffabab !important;border-color:rgba(246,118,118,.18) !important;
}

@media(max-width:1000px){
  .work-card-head-v17{grid-template-columns:auto 1fr !important;}
  .work-status-form-v17{grid-column:1/-1 !important;}
  .work-status-form-v17 select{width:100% !important;}
  .work-proof-fields-v17{grid-template-columns:1fr !important;}
}
@media(max-width:760px){
  .analysis-detail-v18{grid-template-columns:1fr !important;}
  .analysis-detail-status{border-right:0 !important;border-bottom:1px solid rgba(79,207,247,.10) !important;}
  .work-meta-v17{grid-template-columns:1fr !important;}
}