.cnaops-page{display:grid;gap:22px}.cnaops-page.narrow{max-width:980px}.cnaops-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px;border:1px solid rgba(148,163,184,.2);border-radius:22px;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(15,118,110,.18));box-shadow:0 18px 40px rgba(2,6,23,.12)}.cnaops-hero h1{margin:.25rem 0 .55rem;font-size:clamp(1.8rem,3vw,2.6rem)}.cnaops-hero p{max-width:780px}.cnaops-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cnaops-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.cnaops-stat{padding:18px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:var(--surface,#fff)}.cnaops-stat span{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;opacity:.68}.cnaops-stat strong{display:block;font-size:2rem;margin-top:4px}.cnaops-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cnaops-card{padding:22px;border:1px solid rgba(148,163,184,.2);border-radius:20px;background:var(--surface,#fff);box-shadow:0 12px 30px rgba(15,23,42,.05)}.cnaops-card h2{margin:.25rem 0 1rem}.cnaops-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.cnaops-list{display:grid;gap:10px}.cnaops-list-row,.cnaops-appointment,.cnaops-focus-row,.cnaops-application-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(148,163,184,.16)}.cnaops-list-row:last-child,.cnaops-appointment:last-child,.cnaops-focus-row:last-child,.cnaops-application-row:last-child{border-bottom:0}.cnaops-list-row span,.cnaops-list-row small,.cnaops-appointment span,.cnaops-focus-row span,.cnaops-application-row span{display:block;opacity:.7;font-size:.88rem}.cnaops-right{text-align:right}.cnaops-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0}.cnaops-flow span{padding:8px 11px;border-radius:999px;background:rgba(13,148,136,.1);font-weight:700}.cnaops-flow i{opacity:.5}.cnaops-table-wrap{overflow:auto}.cnaops-table{width:100%;border-collapse:collapse}.cnaops-table th,.cnaops-table td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(148,163,184,.15);vertical-align:top}.cnaops-table small{display:block;opacity:.65;margin-top:3px}.cnaops-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(100,116,139,.12);font-size:.82rem;font-weight:800}.cnaops-pill.active,.cnaops-pill.complete{background:rgba(22,163,74,.13)}.cnaops-pill.scheduled{background:rgba(14,165,233,.13)}.cnaops-pill.hold,.cnaops-pill.cancelled{background:rgba(234,88,12,.12)}.cnaops-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cnaops-form-grid.compact{gap:10px}.cnaops-form-grid .span-2{grid-column:1/-1}.cnaops-form-grid label{display:grid;gap:6px;font-weight:700;font-size:.9rem}.cnaops-form-grid input,.cnaops-form-grid select,.cnaops-form-grid textarea,.cnaops-inline-form input,.cnaops-inline-form select,.cnaops-mini-form input,.cnaops-mini-form select,.cnaops-focus-row input,.cnaops-focus-row select,.cnaops-application-row input,.cnaops-application-row select{width:100%;padding:10px 11px;border:1px solid rgba(100,116,139,.35);border-radius:10px;background:var(--surface,#fff);color:inherit}.cnaops-form-grid textarea{min-height:96px;resize:vertical}.cnaops-actions{display:flex;gap:10px;align-items:center}.cnaops-inline-form{display:grid;grid-template-columns:150px minmax(220px,1fr) 120px 110px auto;gap:8px;margin-bottom:12px}.cnaops-focus-row{grid-template-columns:minmax(220px,1.3fr) 120px 110px minmax(180px,1fr) auto}.cnaops-application-row{grid-template-columns:minmax(180px,1fr) 110px 165px 135px 150px auto}.cnaops-appointment{grid-template-columns:minmax(0,1fr) minmax(420px,1.2fr)}.cnaops-mini-form{display:grid;grid-template-columns:120px 130px minmax(170px,1fr) auto;gap:7px}.cnaops-empty{padding:30px;text-align:center;border:1px dashed rgba(148,163,184,.4);border-radius:14px}.muted{opacity:.7}.cna-support-wrap{max-width:1120px;margin:0 auto;padding:56px 24px 72px;display:grid;gap:24px}.cna-support-hero{padding:34px;border-radius:24px;background:linear-gradient(135deg,#0f172a,#134e4a);color:#fff;box-shadow:0 24px 60px rgba(15,23,42,.18)}.cna-support-hero h1{font-size:clamp(2rem,5vw,3.6rem);margin:.3rem 0 .8rem}.cna-support-hero p{max-width:780px;font-size:1.08rem;opacity:.9}.cna-support-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.cna-support-tags span{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);font-weight:700}.cna-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cna-support-card{padding:24px;border:1px solid rgba(148,163,184,.24);border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.06)}.cna-support-card h2{margin:.3rem 0 .7rem}.cna-support-small{font-size:.92rem;opacity:.72}.cna-support-card.form-card{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px}.cna-support-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;font-weight:500!important}.cna-support-check input{width:auto!important;margin-top:4px}.cna-support-scope{padding:18px 20px;border-left:4px solid #0f766e;background:rgba(15,118,110,.06);border-radius:10px}.cna-support-scope p{margin:.35rem 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:900;opacity:.72;margin:0}.button.small{padding:.55rem .75rem;font-size:.82rem}
@media(max-width:1000px){.cnaops-stat-grid{grid-template-columns:repeat(3,1fr)}.cnaops-grid-2,.cna-support-card.form-card{grid-template-columns:1fr}.cnaops-inline-form,.cnaops-focus-row,.cnaops-application-row,.cnaops-mini-form{grid-template-columns:1fr 1fr}.cnaops-appointment{grid-template-columns:1fr}.cna-support-grid{grid-template-columns:1fr}}
@media(max-width:720px){.cnaops-hero{flex-direction:column}.cnaops-stat-grid{grid-template-columns:1fr 1fr}.cnaops-form-grid{grid-template-columns:1fr}.cnaops-form-grid .span-2{grid-column:auto}.cnaops-inline-form,.cnaops-focus-row,.cnaops-application-row,.cnaops-mini-form{grid-template-columns:1fr}.cna-support-wrap{padding:34px 16px}.cna-support-hero{padding:24px}.cnaops-table{min-width:760px}}

/* 11F hotfix: Admin shell is dark. Keep CNA Delivery surfaces in the same visual system
   instead of falling back to white cards with inherited light text. Public CNA support
   styles intentionally remain unchanged. */
.cnaops-stat,
.cnaops-card{
  background:rgba(10,18,24,.72);
  border-color:rgba(255,255,255,.11);
  color:#eff8fb;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.cnaops-stat span,
.cnaops-card .muted,
.cnaops-list-row span,
.cnaops-list-row small,
.cnaops-appointment span,
.cnaops-focus-row span,
.cnaops-application-row span,
.cnaops-table small{
  color:#9fb2bd;
  opacity:1;
}
.cnaops-card h2,
.cnaops-card h3,
.cnaops-stat strong,
.cnaops-table td,
.cnaops-table strong{
  color:#f5fbff;
}
.cnaops-table th{
  color:#a9bec8;
}
.cnaops-list-row,
.cnaops-appointment,
.cnaops-focus-row,
.cnaops-application-row,
.cnaops-table th,
.cnaops-table td{
  border-color:rgba(255,255,255,.08);
}
.cnaops-flow span{
  background:rgba(34,197,189,.10);
  border:1px solid rgba(34,197,189,.18);
  color:#d9f7f4;
}
.cnaops-pill{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
  color:#dbe9ef;
}
.cnaops-pill.active,.cnaops-pill.complete{
  color:#a8f2ce;
  border-color:rgba(64,210,140,.28);
  background:rgba(64,210,140,.10);
}
.cnaops-pill.scheduled{
  color:#b9dffc;
  border-color:rgba(74,151,220,.28);
  background:rgba(74,151,220,.10);
}
.cnaops-pill.hold,.cnaops-pill.cancelled{
  color:#ffd5a1;
  border-color:rgba(239,163,68,.30);
  background:rgba(239,163,68,.10);
}
.cnaops-form-grid input,
.cnaops-form-grid select,
.cnaops-form-grid textarea,
.cnaops-inline-form input,
.cnaops-inline-form select,
.cnaops-mini-form input,
.cnaops-mini-form select,
.cnaops-focus-row input,
.cnaops-focus-row select,
.cnaops-application-row input,
.cnaops-application-row select{
  background:#101a20;
  color:#eff8fb;
  border-color:rgba(255,255,255,.14);
}
.cnaops-form-grid input::placeholder,
.cnaops-form-grid textarea::placeholder,
.cnaops-inline-form input::placeholder,
.cnaops-mini-form input::placeholder,
.cnaops-focus-row input::placeholder,
.cnaops-application-row input::placeholder{
  color:#718792;
}
.cnaops-form-grid select option,
.cnaops-inline-form select option,
.cnaops-mini-form select option,
.cnaops-focus-row select option,
.cnaops-application-row select option{
  background:#101a20;
  color:#eff8fb;
}
.cnaops-empty{
  color:#9fb2bd;
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.015);
}