/* ============================================================
   ClearTitle AI™ — Post-login Control Center
   Loaded AFTER app.css. Overrides the index hero/search layout
   into a centered, search-first command surface.
   Element IDs/classes app.js depends on are preserved.
   ============================================================ */

/* Reset the body padding app.css adds for the old fixed bar
   (new nav is in normal flow, fixed height) */
body{
  padding-top:60px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  height:100vh !important;
  min-height:0 !important;
  background:
    radial-gradient(1200px 700px at 84% -8%, rgba(12,30,58,0.7) 0%, transparent 58%),
    radial-gradient(1000px 620px at -6% 8%, rgba(10,24,46,0.6) 0%, transparent 56%),
    var(--bg) !important;
}

/* ─────────── NEW TOP NAV (injected by app.js renderUserHeader) ─────────── */
.cc-nav{
  position:fixed; top:0; left:0; right:0;
  height:60px; flex-shrink:0; z-index:3000;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 clamp(20px,3vw,40px);
  border-bottom:1px solid var(--border);
  background:rgba(3,8,16,0.72);
  backdrop-filter:blur(20px) saturate(180%);
}
.cc-brand{display:flex;align-items:center;gap:11px;}
.cc-brand .wm{font-size:1.05rem;font-weight:800;letter-spacing:-0.02em;color:var(--text);}
.cc-brand .wm .tm{font-size:0.5em;vertical-align:super;opacity:0.6;font-weight:600;margin-left:1px;}

.cc-nav-right{display:flex;align-items:center;gap:6px;}
.cc-quota{
  display:flex;align-items:center;gap:9px;
  font-family:var(--mono,'IBM Plex Mono',monospace);
  font-size:0.7rem;letter-spacing:0.04em;color:var(--text-secondary);
  background:rgba(62,201,224,0.06);border:1px solid rgba(62,201,224,0.18);
  border-radius:20px;padding:6px 13px 6px 11px;margin-right:6px;white-space:nowrap;
}
.cc-quota .dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal);}
.cc-quota b{color:var(--teal);font-weight:600;}
.cc-quota .sep{color:var(--text-muted);}

.cc-link{
  font-size:0.8rem;font-weight:500;color:var(--text-secondary);
  text-decoration:none;padding:7px 13px;border-radius:8px;border:1px solid transparent;
  cursor:pointer;background:none;font-family:var(--font);transition:.15s;
}
.cc-link:hover{color:var(--text);background:rgba(255,255,255,0.05);border-color:var(--border-mid);}

.cc-acct{
  display:flex;align-items:center;gap:9px;margin-left:6px;padding-left:14px;
  border-left:1px solid var(--border-mid);position:relative;cursor:pointer;
}
.cc-acct .av{
  width:30px;height:30px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:0.74rem;font-weight:800;color:#031018;letter-spacing:0.02em;
  background:linear-gradient(150deg,#5fd6ea,#2aa6bf);
}
.cc-acct .nm{font-size:0.8rem;font-weight:600;color:var(--text);}
.cc-acct .cv{color:var(--text-muted);font-size:0.7rem;transition:.18s;}
.cc-acct:hover .cv,.cc-acct:focus-within .cv{color:var(--text-secondary);}
.cc-acct-menu{
  position:absolute;top:46px;right:0;min-width:190px;
  background:rgba(9,16,28,0.98);border:1px solid var(--border-mid);
  border-radius:12px;padding:6px;box-shadow:0 24px 60px rgba(0,0,0,0.55);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s;z-index:200;
}
.cc-acct:hover .cc-acct-menu,.cc-acct:focus-within .cc-acct-menu,.cc-acct.cc-open .cc-acct-menu{opacity:1;visibility:visible;transform:translateY(0);}
.cc-acct-menu .mi{
  display:flex;align-items:center;gap:10px;width:100%;text-align:left;
  background:none;border:none;color:var(--text-secondary);
  font:500 0.82rem var(--font);padding:9px 11px;border-radius:8px;cursor:pointer;transition:.13s;text-decoration:none;
}
.cc-acct-menu .mi:hover{background:rgba(255,255,255,0.05);color:var(--text);}
.cc-acct-menu .mi svg{width:15px;height:15px;opacity:0.7;flex-shrink:0;}
.cc-acct-menu .mi.danger:hover{color:#f87171;background:rgba(239,68,68,0.07);}
.cc-acct-menu .div{height:1px;background:var(--border);margin:5px 6px;}
.cc-acct-menu .who{padding:8px 11px 6px;font-size:0.68rem;color:var(--text-muted);letter-spacing:0.04em;text-transform:uppercase;}

/* Fallback: if an OLDER app.js renders the legacy .user-header instead of
   .cc-nav, style it to match the new aesthetic (don't hide it — that would
   leave the page with no visible nav on a version-mismatched deploy). */
.user-header{
  height:60px !important;
  background:rgba(3,8,16,0.72) !important;
  backdrop-filter:blur(20px) saturate(180%) !important;
  border-bottom:1px solid var(--border) !important;
  padding:0 clamp(20px,3vw,40px) !important;
  z-index:3000 !important;
}
.user-header .user-info{font-size:0.9rem;font-weight:600;color:var(--text);}
.user-header .user-actions a{font-size:0.8rem;padding:7px 13px;border-radius:8px;}

/* ─────────── STAGE / WRAPPER OVERRIDE ─────────── */
.wrapper{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  height:calc(100vh - 60px - 32px) !important;
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:clamp(10px,2vh,28px) 24px !important;
  position:relative;
  overflow:hidden !important;
}
/* DC diamond + river watermark (matches index hero) */
.wrapper::before{
  content:"" !important;
  position:absolute !important; inset:0 !important;
  left:0 !important; top:0 !important; width:auto !important; height:auto !important;
  pointer-events:none; z-index:0; opacity:0.28; mix-blend-mode:screen;
  background:no-repeat center 30%/min(520px,58vw) auto url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 700'%3E%3Cdefs%3E%3ClinearGradient id='glow' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%233ec9e0' stop-opacity='.9'/%3E%3Cstop offset='100%25' stop-color='%233ec9e0' stop-opacity='.2'/%3E%3C/linearGradient%3E%3ClinearGradient id='grid' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%233ec9e0' stop-opacity='.03'/%3E%3Cstop offset='100%25' stop-color='%233ec9e0' stop-opacity='.015'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='url(%23grid)' stroke-width='1'%3E%3Cpath d='M0 70 H700 M0 140 H700 M0 210 H700 M0 280 H700 M0 350 H700 M0 420 H700 M0 490 H700 M0 560 H700'/%3E%3Cpath d='M70 0 V700 M140 0 V700 M210 0 V700 M280 0 V700 M350 0 V700 M420 0 V700 M490 0 V700 M560 0 V700'/%3E%3C/g%3E%3Cpath d='M350 30 L670 350 L350 670 L30 350 Z' fill='none' stroke='url(%23glow)' stroke-width='1.8'/%3E%3Cpath d='M235 470 C280 440 310 400 318 358 C322 336 340 322 365 322 C410 322 452 352 488 386' fill='none' stroke='%233ec9e0' stroke-opacity='.4' stroke-width='2.5'/%3E%3Cg stroke='%233ec9e0' stroke-opacity='.15' stroke-width='1'%3E%3Cpath d='M350 30 L350 670'/%3E%3Cpath d='M30 350 L670 350'/%3E%3C/g%3E%3Cg fill='%233ec9e0' fill-opacity='.5'%3E%3Ccircle cx='350' cy='350' r='3.5'/%3E%3Ccircle cx='418' cy='315' r='2.5'/%3E%3Ccircle cx='262' cy='392' r='2.5'/%3E%3C/g%3E%3C/svg%3E");
}
.cc-console{position:relative;z-index:1;width:100%;max-width:760px;display:flex;flex-direction:column;align-items:center;}

.cc-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono,'IBM Plex Mono',monospace);font-size:0.65rem;font-weight:500;
  letter-spacing:0.2em;text-transform:uppercase;color:var(--teal);margin-bottom:clamp(6px,1.2vh,13px);
}
.cc-kicker .dot{width:5px;height:5px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal);}
.cc-greet{font-size:clamp(0.8rem,0.95vw,0.9rem);color:var(--text-secondary);margin:0 0 clamp(6px,1.2vh,12px);font-weight:500;}
.cc-greet b{color:var(--text);font-weight:700;}
.cc-head{
  font-size:clamp(1.5rem,3vw,2.4rem);font-weight:800;letter-spacing:-0.03em;
  line-height:1.05;margin:0;text-align:center;color:var(--text);text-wrap:balance;
}
.cc-head em{font-style:normal;color:var(--teal);}
.cc-sub{
  margin:clamp(8px,1.4vh,15px) auto 0;max-width:500px;text-align:center;
  font-size:clamp(0.82rem,1vw,0.94rem);line-height:1.5;color:var(--text-secondary);text-wrap:balance;
}

/* ─────────── SEARCH HERO (reuses app.js hooks) ─────────── */
.cc-search{width:100%;max-width:580px;margin:clamp(16px,2.6vh,30px) auto 0;display:flex;flex-direction:column;gap:0;}

.search-box{
  display:contents !important;            /* let children lay out in cc-search */
}

/* the search bar: input + button inline */
.search-box .input-wrapper{
  display:flex !important;align-items:center !important;gap:10px !important;
  background:rgba(255,255,255,0.04) !important;
  border:1.5px solid var(--border-mid) !important;
  border-radius:14px !important;
  padding:6px 6px 6px 16px !important;
  box-shadow:0 18px 50px rgba(0,0,0,0.4) !important;
  max-width:580px !important;width:100% !important;
  transition:border-color .2s,box-shadow .2s !important;
}
.search-box .input-wrapper:focus-within{border-color:var(--teal-dim) !important;box-shadow:0 0 0 4px var(--teal-glow),0 18px 50px rgba(0,0,0,0.4) !important;}
.search-box .input-wrapper.success{border-color:rgba(52,211,153,0.6) !important;box-shadow:0 0 0 4px rgba(52,211,153,0.12),0 18px 50px rgba(0,0,0,0.4) !important;}
.search-box .input-wrapper.error{border-color:rgba(239,68,68,0.55) !important;box-shadow:0 0 0 4px rgba(239,68,68,0.1),0 18px 50px rgba(0,0,0,0.4) !important;}

.search-box .input-wrapper::before{
  content:"";flex-shrink:0;width:20px;height:20px;opacity:0.55;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%234a6070' stroke-width='1.7'%3E%3Ccircle cx='9' cy='9' r='6.5'/%3E%3Cpath d='M14 14l3.5 3.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.search-box .search-input,
#sslInput{
  flex:1 !important;min-width:0 !important;width:100% !important;
  text-align:left !important;
  padding:12px 4px !important;
  background:transparent !important;border:none !important;
  font-family:var(--mono,'IBM Plex Mono',monospace) !important;
  font-size:clamp(0.92rem,1.2vw,1.1rem) !important;font-weight:500 !important;letter-spacing:0.04em !important;
  color:var(--text) !important;caret-color:var(--teal) !important;text-overflow:ellipsis;
}
#sslInput::placeholder{color:var(--text-muted) !important;letter-spacing:0.02em;font-weight:400;opacity:0.85;}

.validation-icon{position:static !important;margin-right:4px;}

.search-box .search-button,
#searchBtn{
  flex-shrink:0 !important;width:100% !important;max-width:none !important;
  display:flex !important;align-items:center !important;justify-content:center !important;gap:9px;
  margin-top:clamp(10px,1.6vh,16px) !important;
  padding:13px 22px !important;border-radius:11px !important;
  background:var(--teal) !important;color:#031018 !important;
  font:800 clamp(0.86rem,1vw,0.95rem) var(--font) !important;letter-spacing:0.01em !important;
  box-shadow:0 6px 22px rgba(62,201,224,0.3),inset 0 1px 0 rgba(255,255,255,0.18) !important;
  white-space:nowrap !important;cursor:pointer !important;text-align:center !important;
  align-self:auto !important;
}
.search-box .search-button:hover:not(:disabled){filter:brightness(1.07) !important;transform:translateY(-1px) !important;}
.search-box .search-button:disabled{opacity:0.4 !important;box-shadow:none !important;cursor:not-allowed !important;}

/* status line (dcRodStatusText) — now actually rendered */
#dcRodStatusText{
  display:none;width:100%;max-width:600px;margin:14px auto 0;text-align:center;
  font-size:0.82rem;font-weight:500;line-height:1.45;padding:10px 14px;border-radius:10px;
}
#dcRodStatusText.show{display:block;}
#dcRodStatusText.status-info{background:rgba(62,201,224,0.08);color:var(--teal);border:1px solid rgba(62,201,224,0.2);}
#dcRodStatusText.status-success{background:rgba(52,211,153,0.08);color:#34d399;border:1px solid rgba(52,211,153,0.22);}
#dcRodStatusText.status-warning{background:rgba(246,195,88,0.08);color:#f6c358;border:1px solid rgba(246,195,88,0.22);}
#dcRodStatusText.status-error{background:rgba(239,68,68,0.08);color:#f87171;border:1px solid rgba(239,68,68,0.22);}

/* format + trust meta */
.cc-meta{
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  margin-top:18px;font-size:0.74rem;color:var(--text-muted);
}
.format-hint{margin:clamp(7px,1.2vh,12px) 0 0 !important;font-size:0.72rem !important;justify-content:center;}
.cc-meta .pipe{opacity:0.4;}
.trust-row{
  display:flex !important;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;
  margin:clamp(8px,1.4vh,12px) 0 0 !important;font-size:0.7rem !important;color:var(--text-muted) !important;
}
.trust-row .ck{color:var(--teal);opacity:0.8;}

/* progress panel */
#progressContainer{width:100% !important;max-width:600px;margin:20px auto 0 !important;}
#progressSteps{color:var(--text-secondary);text-align:center;}
.cc-pbar-track{background:rgba(255,255,255,0.08);border-radius:6px;height:5px;overflow:hidden;}
#progressBar{height:100%;width:0;background:linear-gradient(90deg,var(--teal),#6366f1) !important;border-radius:6px;transition:width .4s ease;}

/* hide the old disclaimer banner inside search-box (replaced by eval note below) */
.search-box .disclaimer-banner{display:none !important;}

/* ─────────── SECONDARY ACTIONS ─────────── */
.cc-actions{
  width:100%;max-width:760px;margin:clamp(18px,3vh,34px) auto 0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.2vw,14px);
}
.cc-act{
  display:flex;flex-direction:column;text-align:left;text-decoration:none;cursor:pointer;
  background:rgba(255,255,255,0.025);border:1px solid var(--border);border-radius:13px;
  padding:clamp(11px,1.5vh,15px) 15px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;font-family:var(--font);
}
.cc-act:hover{border-color:rgba(62,201,224,0.3);background:rgba(62,201,224,0.04);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,0.3);}
.cc-act .ic{width:31px;height:31px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(62,201,224,0.1);border:1px solid rgba(62,201,224,0.2);color:var(--teal);margin-bottom:clamp(7px,1vh,11px);}
.cc-act .ic svg{width:17px;height:17px;}
.cc-act .t{font-size:0.9rem;font-weight:700;color:var(--text);letter-spacing:-0.01em;display:flex;align-items:center;gap:6px;}
.cc-act .t .ar{color:var(--text-muted);transition:transform .18s,color .18s;}
.cc-act:hover .t .ar{color:var(--teal);transform:translateX(3px);}
.cc-act .d{font-size:0.78rem;color:var(--text-secondary);line-height:1.45;margin-top:4px;}
.cc-act .badge{align-self:flex-start;margin-top:9px;font-family:var(--mono,monospace);font-size:0.62rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted);background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:5px;padding:3px 7px;}

/* ─────────── CAPABILITY STRIP ─────────── */
.cc-caps{
  width:100%;max-width:760px;margin:clamp(12px,2vh,22px) auto 0;
  display:flex;align-items:stretch;flex-wrap:wrap;
  border:1px solid var(--border);border-radius:13px;overflow:hidden;background:rgba(255,255,255,0.015);
}
.cc-cap{flex:1;min-width:160px;padding:clamp(10px,1.4vh,14px) 16px;border-right:1px solid var(--border);display:flex;align-items:flex-start;gap:11px;}
.cc-cap:last-child{border-right:none;}
.cc-cap svg{width:17px;height:17px;color:var(--teal);opacity:0.85;flex-shrink:0;margin-top:1px;}
.cc-cap .ct{font-size:0.8rem;font-weight:700;color:var(--text);letter-spacing:-0.01em;}
.cc-cap .cs{font-size:0.72rem;color:var(--text-muted);margin-top:2px;line-height:1.4;}

/* ─────────── EVAL NOTE + TOUR ─────────── */
.cc-evalnote{
  width:100%;max-width:760px;margin:clamp(10px,1.8vh,18px) auto 0;display:flex;gap:9px;align-items:flex-start;
  background:rgba(246,195,88,0.05);border:1px solid rgba(246,195,88,0.16);border-radius:11px;
  padding:9px 13px;font-size:0.73rem;line-height:1.45;color:rgba(232,200,140,0.82);
}
.cc-evalnote svg{width:14px;height:14px;flex-shrink:0;margin-top:1px;color:#f6c358;opacity:0.8;}
.cc-evalnote b{color:rgba(246,205,140,0.95);font-weight:700;}
.cc-tour{margin:clamp(9px,1.6vh,18px) auto 0;font-size:0.78rem;color:var(--text-muted);text-align:center;}
.cc-tour a{color:var(--text-secondary);text-decoration:none;font-weight:600;border-bottom:1px solid var(--border-mid);padding-bottom:1px;transition:.15s;cursor:pointer;}
.cc-tour a:hover{color:var(--teal);border-color:var(--teal-dim);}

/* footer — compact, fixed-height so the stage math fits exactly */
footer{position:static !important;flex-shrink:0 !important;height:32px !important;line-height:32px !important;padding:0 24px !important;font-size:0.66rem !important;}

@media (max-width:680px){
  .cc-actions{grid-template-columns:1fr;}
  .cc-quota,.cc-link.hide-sm,.cc-acct .nm{display:none;}
  .search-box .input-wrapper{flex-direction:column !important;align-items:stretch !important;padding:14px !important;gap:12px !important;}
  .search-box .input-wrapper::before{display:none;}
  #sslInput{text-align:center !important;}
  .search-box .search-button{justify-content:center !important;}
  .cc-cap{min-width:100%;border-right:none;border-bottom:1px solid var(--border);}
  .cc-cap:last-child{border-bottom:none;}
}


/* ─────────── MOBILE HAMBURGER + DRAWER (ported; previously unstyled) ─────────── */
#ctai-hamburger{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:36px;height:36px;padding:6px;background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);border-radius:7px;cursor:pointer;
  position:fixed;top:12px;right:14px;z-index:10001;transition:background .2s;
}
#ctai-hamburger:hover{background:rgba(255,255,255,0.1);}
#ctai-hamburger span{display:block;height:2px;background:var(--teal,#3ec9e0);border-radius:2px;transition:all .25s;transform-origin:center;}
#ctai-hamburger .ctai-btn-dots{display:flex;flex-direction:column;gap:5px;}
#ctai-hamburger .ctai-btn-txt{display:none;}
#ctai-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
#ctai-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
#ctai-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

#ctai-mobile-menu{
  display:none;position:fixed;top:0;right:0;width:240px;height:100vh;
  background:#0a1628;border-left:1px solid rgba(255,255,255,0.08);z-index:10000;
  padding:64px 20px 24px;flex-direction:column;gap:6px;
  box-shadow:-8px 0 32px rgba(0,0,0,0.5);transform:translateX(100%);
  transition:transform .28s cubic-bezier(0.4,0,0.2,1);
}
#ctai-mobile-menu.open{transform:translateX(0);}
#ctai-mobile-menu-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:9999;backdrop-filter:blur(3px);}
.ctai-menu-item{width:100%;text-align:left;background:transparent;border:none;color:rgba(255,255,255,0.82);font-family:var(--font);font-size:0.9rem;font-weight:500;padding:11px 14px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s;}
.ctai-menu-item:hover{background:rgba(255,255,255,0.06);color:#fff;}
.ctai-menu-item.ctai-menu-cta{background:var(--teal,#3ec9e0);color:#031018;font-weight:700;margin-bottom:8px;}
.ctai-menu-item.ctai-menu-cta:hover{background:#5dd6ea;}
.ctai-menu-divider{height:1px;background:rgba(255,255,255,0.07);margin:8px 0;}
.ctai-menu-label{font-size:0.68rem;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:0.1em;padding:4px 14px;font-family:var(--font);}

@media (max-width:768px){
  #ctai-hamburger{display:flex;}
  .cc-nav .cc-nav-right{display:none;}
}
@media (min-width:769px){
  #ctai-mobile-menu,#ctai-hamburger,#ctai-mobile-menu-backdrop{display:none !important;}
}


/* ─────────── MY REPORTS — grouped property families ─────────── */
.report-card.report-family{padding-bottom:6px;}
.report-family-count{
  display:inline-block;margin-left:6px;vertical-align:middle;
  font-family:var(--mono,'IBM Plex Mono',monospace);font-size:0.6rem;font-weight:600;letter-spacing:0.05em;
  color:var(--teal);background:rgba(62,201,224,0.1);border:1px solid rgba(62,201,224,0.25);
  border-radius:20px;padding:2px 8px;text-transform:uppercase;
}
.report-run-list{
  margin-top:9px;display:flex;flex-direction:column;
  border-top:1px solid var(--border,rgba(255,255,255,0.08));
}
.report-run{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 4px;border-bottom:1px solid var(--border,rgba(255,255,255,0.06));
  cursor:pointer;border-radius:6px;transition:background .14s;
}
.report-run:last-child{border-bottom:none;}
.report-run:hover{background:rgba(62,201,224,0.06);}
.report-run .run-main{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap;}
.run-tag{
  flex-shrink:0;font-family:var(--mono,monospace);font-size:0.58rem;font-weight:600;letter-spacing:0.06em;
  text-transform:uppercase;border-radius:5px;padding:3px 7px;
}
.run-tag-orig{color:#9fb4c6;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);}
.run-tag-bd{color:var(--teal,#3ec9e0);background:rgba(62,201,224,0.1);border:1px solid rgba(62,201,224,0.28);}
.report-run .run-date{font-size:0.76rem;color:#8fa8bc;}
.report-run .run-bd-exp{font-weight:600;}
.report-run .run-bd-exp.live{color:#34d399;}
.report-run .run-bd-exp.expired{color:#9aa6b2;text-decoration:line-through;opacity:0.7;}
.report-run .run-open{flex-shrink:0;font-size:0.72rem;font-weight:600;color:var(--teal,#3ec9e0);opacity:0;transition:opacity .14s;}
.report-run:hover .run-open{opacity:1;}


/* ============================================================
   LEFT-ANCHORED COMMAND COLUMN  (v20260624)
   Two-column command surface: primary (greeting + search + caps)
   anchored left, secondary actions in a quieter right column.
   Watermark removed. Overrides the centered layout above.
   ============================================================ */

/* drop the diamond watermark — it muddied the floating cards */
.wrapper::before{display:none !important;}

.cc-console{
  max-width:min(1380px,90vw) !important;
  display:grid !important;
  grid-template-columns:1.04fr 0.96fr !important;
  align-items:center !important;
  gap:clamp(56px,8vw,150px) !important;
  text-align:left !important;
}

.cc-main{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(11px,1.7vh,22px);min-width:0;}
.cc-side{display:flex;flex-direction:column;gap:clamp(13px,1.5vh,18px);min-width:0;}

/* left column type — left aligned, no auto-centering */
.cc-kicker{margin-bottom:2px;}
.cc-greet{margin:0 !important;}
.cc-head{text-align:left !important;font-size:clamp(2.2rem,3.5vw,3rem) !important;font-weight:800 !important;letter-spacing:-0.035em !important;line-height:1.04 !important;}
.cc-sub{text-align:left !important;margin:8px 0 0 !important;max-width:500px !important;}

/* search fills the left column */
.cc-search{margin:clamp(20px,3.4vh,40px) 0 0 !important;max-width:540px !important;width:100% !important;align-items:flex-start !important;}
.search-box .input-wrapper{max-width:none !important;width:100% !important;}
/* CTA is a contained button, not a full-width stretch */
.search-box .search-button,#searchBtn{
  width:auto !important;max-width:none !important;align-self:flex-start !important;
  padding:14px clamp(28px,3vw,40px) !important;margin-top:clamp(14px,2vh,20px) !important;
}
.search-box .input-wrapper{max-width:none !important;}
.search-box .search-button,#searchBtn{max-width:none !important;}
.format-hint{justify-content:flex-start !important;}
.trust-row{justify-content:flex-start !important;}

/* status + progress sit directly beneath the CTA, left aligned */
#dcRodStatusText{margin:12px 0 0 !important;max-width:none !important;text-align:left !important;}
#progressContainer{margin:16px 0 0 !important;max-width:none !important;}
#progressSteps{text-align:left !important;}

/* capability strip aligns to the search column width */
.cc-caps{margin:clamp(18px,2.8vh,30px) 0 0 !important;max-width:540px !important;width:100%;}
.cc-caps .cc-cap{min-width:0 !important;padding:clamp(13px,1.7vh,18px) 16px !important;}

/* ── right column ── */
.cc-side-label{
  font-family:var(--mono,'IBM Plex Mono',monospace);font-size:0.64rem;font-weight:500;
  letter-spacing:0.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;
}
.cc-actions{
  grid-template-columns:1fr !important;
  max-width:none !important;margin:0 !important;gap:clamp(12px,1.5vh,16px) !important;
}
.cc-act{flex-direction:row !important;align-items:center !important;gap:18px !important;padding:clamp(16px,2vh,22px) clamp(18px,1.4vw,24px) !important;}
.cc-act .ic{margin-bottom:0 !important;flex-shrink:0;}
.cc-act .t{font-size:0.92rem;}
.cc-act .d{margin-top:4px !important;line-height:1.5 !important;}
.cc-act .badge{display:none !important;}

.cc-evalnote{margin:clamp(10px,1.4vh,16px) 0 0 !important;max-width:none !important;padding:13px 16px !important;}
.cc-tour{text-align:left !important;margin:clamp(10px,1.4vh,16px) 0 0 !important;}

/* collapse to single column on narrow OR short viewports (prevents clipping) */
@media (max-width:980px), (max-height:720px){
  body{overflow-y:auto !important;height:auto !important;min-height:100vh !important;}
  .wrapper{height:auto !important;min-height:calc(100vh - 60px - 32px) !important;justify-content:flex-start !important;overflow:visible !important;padding-top:clamp(24px,4vh,44px) !important;padding-bottom:32px !important;}
  .cc-console{grid-template-columns:1fr !important;max-width:640px !important;gap:clamp(20px,3vh,32px) !important;align-items:stretch !important;}
  .cc-sub{max-width:none !important;}
}


/* ============================================================
   LEGIBILITY + GLASS PASS  (v20260624e)
   Larger secondary type; glassmorphism on the feature strip
   to match the "Jump to" action cards.
   ============================================================ */

/* "No subscriptions · ..." trust row */
.trust-row{font-size:0.82rem !important;gap:16px !important;color:var(--text-secondary) !important;}
.format-hint{font-size:0.8rem !important;}

/* feature / capability strip — glassmorphism + larger, legible text */
.cc-caps{
  background:rgba(255,255,255,0.05) !important;
  border:1px solid rgba(255,255,255,0.12) !important;
  backdrop-filter:blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(160%) !important;
  box-shadow:0 10px 34px rgba(0,0,0,0.28) !important;
}
.cc-cap{border-right-color:rgba(255,255,255,0.1) !important;}
.cc-cap .ct{font-size:0.94rem !important;}
.cc-cap .cs{font-size:0.82rem !important;color:var(--text-secondary) !important;line-height:1.5 !important;}
.cc-cap svg{width:19px !important;height:19px !important;}

/* "Pilot — evaluation only" note */
.cc-evalnote{font-size:0.84rem !important;line-height:1.5 !important;color:rgba(232,200,140,0.92) !important;gap:11px !important;}
.cc-evalnote svg{width:16px !important;height:16px !important;}

/* "New to ClearTitle AI? Product tour" */
.cc-tour{font-size:0.88rem !important;color:var(--text-secondary) !important;}


/* feature strip — hover interaction matching the "Jump to" cards */
.cc-caps .cc-cap{
  position:relative;cursor:default;
  transition:background .2s ease, transform .2s ease !important;
}
.cc-caps .cc-cap .ct{transition:color .18s ease !important;}
.cc-caps .cc-cap svg{transition:color .18s ease, opacity .18s ease, transform .18s ease !important;}
.cc-caps .cc-cap:hover{background:rgba(62,201,224,0.07) !important;}
.cc-caps .cc-cap:hover .ct{color:var(--teal) !important;}
.cc-caps .cc-cap:hover svg{opacity:1 !important;transform:scale(1.12) !important;}


/* ============================================================
   FINAL: top breathing room + mobile (phone/tablet)  v20260624g
   ============================================================ */

/* lift the kicker + welcome off the headline (less crowded) */
.cc-main .cc-kicker{margin-bottom:clamp(6px,1.2vh,12px) !important;}
.cc-main .cc-greet{margin:0 0 clamp(12px,2vh,20px) !important;}
.cc-console{align-items:start !important;}
.cc-main{justify-content:center;}

/* ── Tablet / iPad (single column, generous) ── */
@media (max-width:1024px){
  .cc-console{grid-template-columns:1fr !important;max-width:680px !important;gap:clamp(26px,4vh,40px) !important;align-items:stretch !important;}
  .cc-sub{max-width:none !important;}
  .cc-search,.cc-caps{max-width:none !important;}
}

/* ── Phone ── */
@media (max-width:600px){
  .wrapper{padding-left:18px !important;padding-right:18px !important;padding-top:24px !important;}
  .cc-console{gap:22px !important;}
  .cc-head{font-size:clamp(1.9rem,8.5vw,2.5rem) !important;}
  .cc-sub{font-size:0.92rem !important;}

  /* search + CTA go full width and stack cleanly */
  .cc-search{margin-top:20px !important;}
  .search-box .input-wrapper{width:100% !important;}
  .search-box .search-button,#searchBtn{width:100% !important;align-self:stretch !important;justify-content:center !important;}
  #sslInput{text-align:left !important;}

  /* feature strip stacks vertically */
  .cc-caps{flex-direction:column !important;}
  .cc-caps .cc-cap{min-width:100% !important;border-right:none !important;border-bottom:1px solid rgba(255,255,255,0.1) !important;}
  .cc-caps .cc-cap:last-child{border-bottom:none !important;}

  /* trust row wraps, left aligned */
  .trust-row,.format-hint{justify-content:flex-start !important;}

  /* right-column action cards keep comfy tap targets */
  .cc-act{padding:16px 16px !important;}
}

/* very small phones */
@media (max-width:380px){
  .cc-head{font-size:1.72rem !important;}
  .wrapper{padding-left:14px !important;padding-right:14px !important;}
}


/* ============================================================
   FINAL SPACING TUNE  v20260624h
   Intro block (kicker/greet/headline) uses explicit even margins
   instead of compounding flex-gap + margins. Jump-to text tightened.
   ============================================================ */

/* kill the compounding gap on the left stack; control via margins */
.cc-main{gap:0 !important;}
.cc-main .cc-kicker{margin:0 0 10px !important;}
.cc-main .cc-greet{margin:0 0 10px !important;}
.cc-main .cc-head{margin:0 !important;}
.cc-main .cc-sub{margin:16px 0 0 !important;}
/* search + caps keep their own top margins (set earlier), now uncontested */

/* ── Jump to: tighten the title/description spans ── */
.cc-side .cc-act{gap:15px !important;align-items:center !important;}
.cc-side .cc-act .t{line-height:1.2 !important;margin:0 !important;}
.cc-side .cc-act .d{margin-top:3px !important;line-height:1.4 !important;}
.cc-side .cc-side-label{margin-bottom:6px !important;}


/* ============================================================
   v2.53.3 (2026-10-16)
   1. A hidden input took space: `.search-box .input-wrapper{display:flex !important}` outranks
      `.ct-hidden` (app.css), so the DC input stayed in the layout, invisible, when MD was active
      (an 83px gap under the DC/MD toggle).
   2. The frame is fixed height with overflow hidden. The progress panel grows (stage, message,
      submit notice), which pushed the capability tiles under the footer and the kicker off the
      top. The frame scrolls when its content is taller, and `safe center` keeps the top in view.
   ============================================================ */
.search-box .input-wrapper.ct-hidden,
.search-box .format-hint.ct-hidden{display:none !important;}
.wrapper{overflow-y:auto !important;justify-content:safe center !important;scrollbar-width:thin;}