/* MyChattersDream design system v2 — "boutique luxury": ivory, champagne gold, blush, espresso type.
   Sections: 1 tokens · 2 base + soft glow · 3 type · 4 header + pill nav · 5 cards · 6 buttons · 7 inputs
   8 status boxes · 9 progress + scores · 10 tables + lists · 11 landing / login / chatter · 12 toast, bar, top
   13 animations · 14 trend chart · 15 mobile + reduced motion · 16 GENERATED inline-colour overrides */

/* 1 ── tokens ─────────────────────────────────────────────────────────────── */
:root{
  --bg:#fbf8f2;--card:#ffffff;--card2:#f8f3ea;--inset:#f6f0e6;--hover:#f1eadf;
  --border:#eadfcf;--border2:#dccbb0;--text:#2b2117;--muted:#8a7b6b;
  --accent:#a67c2e;--accent2:#d4a94a;--gold:#c9a24e;--gold-soft:#f3e6c5;--blush:#f5d3cf;--rose:#c95c62;
  --blue:#3b6fd6;--green:#3f8f5d;--red:#c9464f;--orange:#c9862a;
  --grad:linear-gradient(135deg,#d9b45a 0%,#b9892f 60%,#a67c2e 100%);
  --grad-soft:linear-gradient(135deg,#faefd3,#fbe4df);
  --glow:0 10px 26px rgba(185,137,47,.28);--shadow:0 12px 34px rgba(80,58,30,.10);
  --r:18px;--r-sm:12px;
  --chart-a:#fffdf9;--chart-b:#f6efe2;--chart-grid:rgba(80,58,30,.10);--chart-guide:rgba(80,58,30,.45);
  --font:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--serif:'Playfair Display',Georgia,serif;
}

/* 2 ── base + soft glow ───────────────────────────────────────────────────── */
html{scroll-behavior:smooth}
body{font-family:var(--font)!important;background:var(--bg)!important;color:var(--text)!important;position:relative;isolation:isolate;-webkit-font-smoothing:antialiased}
body::before,body::after{content:'';position:fixed;z-index:-1;border-radius:50%;filter:blur(80px);opacity:.75;pointer-events:none}
body::before{width:60vw;height:60vw;max-width:760px;max-height:760px;top:-26vw;left:-16vw;background:radial-gradient(circle,#f9e4b8 0%,rgba(249,228,184,0) 70%);animation:auroraA 24s ease-in-out infinite alternate}
body::after{width:55vw;height:55vw;max-width:700px;max-height:700px;right:-18vw;bottom:-22vw;background:radial-gradient(circle,#f7d3cf 0%,rgba(247,211,207,0) 70%);animation:auroraB 28s ease-in-out infinite alternate}
::selection{background:rgba(201,162,78,.3)}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#dccbb0;border-radius:99px;border:2px solid var(--bg)}
*::-webkit-scrollbar-thumb:hover{background:var(--gold)}

/* 3 ── typography ─────────────────────────────────────────────────────────── */
h1,h2,h3{letter-spacing:-.005em;color:var(--text)}
h1{font-family:var(--serif)!important;font-weight:700}
.card h2,.emp-section h2{font-family:var(--serif);font-size:1.25rem!important;font-weight:700;display:flex;align-items:center;gap:.5rem;color:var(--text)!important}
.card h2::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 4px var(--gold-soft);flex-shrink:0}
p.sub,.sub{color:var(--muted)!important}
a{color:var(--accent)}
label{color:var(--muted)!important;font-weight:600;font-size:.78rem!important;letter-spacing:.04em;text-transform:uppercase}

/* 4 ── header + pill navigation ───────────────────────────────────────────── */
.site-header{background:rgba(251,248,242,.82)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)!important;position:sticky;top:0;z-index:50;padding:1rem 0 0!important;margin-bottom:1.4rem!important}
.header-top h1{font-size:1.55rem!important;color:var(--text)!important;background:none;-webkit-text-fill-color:var(--text)}
.header-top h1 span{font-family:var(--font);background:var(--grad)!important;color:#fff!important;-webkit-text-fill-color:#fff;border:none;border-radius:99px!important;padding:.25rem .65rem!important;font-size:.6rem!important;letter-spacing:.14em!important;box-shadow:0 4px 12px rgba(185,137,47,.25)}
.header-top .sub{font-style:italic;font-family:var(--serif);font-size:.9rem!important}
.header-top button{border-radius:99px!important;border:1px solid var(--border2)!important;background:#fff!important;color:var(--text)!important;transition:all .2s!important;font-weight:600}
.header-top button:hover{border-color:var(--gold)!important;box-shadow:var(--glow)}
.tabs{display:flex;gap:.3rem!important;flex-wrap:wrap!important;padding:.35rem!important;margin:0 0 .7rem;background:#fff!important;border:1px solid var(--border)!important;border-radius:22px!important;box-shadow:0 6px 18px rgba(80,58,30,.06)}
.tab{border:none!important;border-radius:99px!important;padding:.5rem 1rem!important;font-size:.8rem!important;font-weight:700!important;color:var(--muted)!important;white-space:nowrap;transition:all .2s ease!important;background:transparent!important}
.tab:hover{color:var(--text)!important;background:var(--gold-soft)!important}
.tab.active{color:#fff!important;background:var(--grad)!important;box-shadow:var(--glow)}

/* 5 ── cards ──────────────────────────────────────────────────────────────── */
.card,.emp-section{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:var(--r)!important;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;color:var(--text)!important}
.card::after,.emp-section::after{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad);opacity:.85;pointer-events:none}
.card:hover,.emp-section:hover{border-color:var(--border2)!important;box-shadow:0 18px 44px rgba(80,58,30,.14)}
.cat-card,.convo-row,.rpt-stat,.saved-rpt,.file-row{border-radius:var(--r-sm)!important;background:var(--card2)!important;border:1px solid var(--border)!important;transition:transform .2s ease,border-color .2s ease,background .2s ease;color:var(--text)}
.cat-card:hover,.rpt-stat:hover{border-color:var(--gold)!important;transform:translateY(-2px);background:#fff!important;box-shadow:0 10px 24px rgba(80,58,30,.10)}
.convo-hdr:hover{background:var(--hover)!important}
.convo-body{border-top:1px solid var(--border)!important}
.transcript{background:var(--inset)!important;border:1px solid var(--border);border-radius:var(--r-sm)!important;color:var(--text)!important}
.transcript .meta{color:var(--muted)!important}
#activityFeed{border-radius:var(--r)!important;border:1px solid var(--border)!important;background:var(--card)!important;box-shadow:var(--shadow)}

/* 6 ── buttons ────────────────────────────────────────────────────────────── */
.btn{border-radius:99px!important;font-weight:700!important;font-family:var(--font);transition:transform .15s ease,box-shadow .2s ease,filter .2s ease!important;position:relative}
.btn:active{transform:scale(.97)}
.btn-p{background:var(--grad)!important;color:#fff!important;box-shadow:0 8px 20px rgba(185,137,47,.30)}
.btn-p:hover{filter:brightness(1.06);box-shadow:var(--glow);transform:translateY(-1px)}
.btn-p:disabled{filter:grayscale(.6);opacity:.55;box-shadow:none;transform:none}
.btn-s{background:#fff!important;color:var(--text)!important;border:1px solid var(--border2)!important}
.btn-s:hover{background:var(--gold-soft)!important;border-color:var(--gold)!important}
.qbtn{border-radius:99px!important;border:1px solid var(--border2)!important;background:#fff!important;color:var(--text)!important;font-weight:600;transition:all .2s ease!important}
.qbtn:hover{border-color:var(--gold)!important;color:var(--accent)!important;background:var(--gold-soft)!important}
.qbtn.sel{background:var(--grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:var(--glow)}
.qa-toggle,.qa-openall button{background:var(--grad)!important;color:#fff!important}
.qa-panel{background:#fff!important;border-color:var(--border2)!important;box-shadow:-8px 0 30px rgba(80,58,30,.15)!important}
.qa-panel-hdr{border-bottom:1px solid var(--border)!important}
.qa-panel-hdr p,.qa-link .qa-info span{color:var(--muted)!important}
.qa-link{background:var(--card2)!important;border-color:var(--border)!important;border-radius:12px!important;color:var(--text)!important}
.qa-link:hover{border-color:var(--gold)!important;background:var(--gold-soft)!important}
.qa-link .qa-emoji{background:#fff!important}
.qa-close{color:var(--muted)!important}

/* 7 ── inputs ─────────────────────────────────────────────────────────────── */
input,select,textarea{background:#fff!important;border:1px solid var(--border2)!important;border-radius:var(--r-sm)!important;color:var(--text)!important;font-family:var(--font);transition:border-color .2s,box-shadow .2s}
input::placeholder,textarea::placeholder{color:#b3a48f}
input:focus,select:focus,textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 4px rgba(201,162,78,.18);outline:none}
input[type=checkbox]{accent-color:#a67c2e!important}
select option{color:var(--text);background:#fff}

/* 8 ── status boxes ───────────────────────────────────────────────────────── */
.st{border-radius:var(--r-sm)!important;font-weight:600}
.st.info{background:#eef2ff!important;border:1px solid #c7d2fe!important;color:#3730a3!important}
.st.ok{background:#e9f7ee!important;border:1px solid #b7e2c5!important;color:#1f6b3b!important}
.st.err{background:#fdecee!important;border:1px solid #f4c2c7!important;color:#9f2530!important}
.st.load{background:var(--card2)!important;border:1px solid var(--border2)!important;color:var(--muted)!important;position:relative;overflow:hidden}
.st.load::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(201,162,78,.12),transparent);background-size:200% 100%;animation:shimmer 1.6s linear infinite}
.warn{background:#fff7df!important;border:1px solid #f0d9a0!important;color:#7a5a12!important;border-radius:var(--r-sm)!important}
.advice-text{background:#f4f0ff!important;border:1px solid #ddd3fb!important;color:#4b3a8f!important;border-radius:var(--r-sm)!important}
.feedback-text{color:#5c5044!important}
.ex-good{background:#e9f7ee!important;border-left:3px solid var(--green)!important;border-radius:0 8px 8px 0!important;color:var(--text)}
.ex-bad{background:#fdecee!important;border-left:3px solid var(--red)!important;border-radius:0 8px 8px 0!important;color:var(--text)}

/* 9 ── progress + scores ──────────────────────────────────────────────────── */
.progress-bar{height:10px!important;background:var(--inset)!important;border-radius:99px!important}
.progress-fill{background:var(--grad)!important;border-radius:99px!important;box-shadow:0 0 10px rgba(185,137,47,.5)}
.cat-bar{height:8px!important;background:var(--inset)!important;border-radius:99px!important}
.cat-bar-fill{border-radius:99px!important;position:relative;transition:width .9s cubic-bezier(.22,1,.36,1)!important}
.cat-bar-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);background-size:200% 100%;animation:shimmer 2.4s linear infinite}
.rpt-stat .val{font-family:var(--serif);font-size:1.8rem!important;font-weight:700!important;color:var(--accent)!important}
.rpt-stat .lbl{text-transform:uppercase;letter-spacing:.1em;font-size:.64rem!important;font-weight:700;color:var(--muted)!important}
.score-badge{border-radius:99px!important;font-weight:800!important;letter-spacing:.02em}
.score-elite{background:#e9f7ee!important;color:#1f6b3b!important;border:1px solid #b7e2c5!important}
.score-strong{background:#eaf1fd!important;color:#1e4fb0!important;border:1px solid #c3d5f7!important}
.score-developing{background:#fff7df!important;color:#8a6a14!important;border:1px solid #f0d9a0!important}
.score-below{background:#fff0e3!important;color:#a8501a!important;border:1px solid #f6cfae!important}
.score-coaching{background:#fdecee!important;color:#9f2530!important;border:1px solid #f4c2c7!important}
.cat-score{font-weight:800!important;font-family:var(--serif)}
.trend-pill{background:#fff!important;border:1px solid var(--border2)!important;border-radius:99px!important;color:var(--text)!important}
.trend-pill:hover{background:var(--gold-soft)!important;border-color:var(--gold)!important}
.badge{border-radius:99px!important;font-weight:700}
.bg{background:#e9f7ee!important;color:#1f6b3b!important}
.br{background:#fdecee!important;color:#9f2530!important}

/* 10 ── tables + lists ────────────────────────────────────────────────────── */
.rw{border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;background:#fff}
table{color:var(--text)}
th{background:var(--card2)!important;color:var(--muted)!important;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.66rem!important;border-bottom:1px solid var(--border2)!important}
td{border-bottom:1px solid var(--border)!important;color:var(--text)}
tr:nth-child(even) td{background:rgba(201,162,78,.04)}
tr:hover td,.rank-tbl tr:hover td{background:var(--gold-soft)!important}
.fb-list li{border-bottom:1px dashed var(--border)!important;color:var(--text)}
.fb-strength{border-left-color:var(--green)!important}
.fb-weakness{border-left-color:var(--red)!important}
.fb-missed{border-left-color:var(--orange)!important}
.fb-practice{border-left-color:var(--accent)!important}
.hour-cell{border-radius:4px!important;color:var(--muted)!important}
.file-row{border-bottom:1px solid var(--border)!important}

/* 11 ── landing / login / chatter ─────────────────────────────────────────── */
.wrap h1{font-family:var(--serif);font-size:2.8rem;color:var(--text);position:relative;display:inline-block}
.wrap h1::after{content:'';display:block;width:64px;height:3px;margin:.5rem auto 0;background:var(--grad);border-radius:99px}
.wrap .cards .card{text-decoration:none;color:var(--text);padding:2.2rem 1.6rem!important;text-align:center;cursor:pointer}
.wrap .cards .card:hover{transform:translateY(-6px);border-color:var(--gold)!important;box-shadow:var(--glow),var(--shadow)}
.wrap .cards .card .icon{font-size:2.4rem;display:inline-flex;width:84px;height:84px;align-items:center;justify-content:center;border-radius:50%;background:var(--grad-soft);border:1px solid var(--gold);margin-bottom:1rem;animation:float 6s ease-in-out infinite;box-shadow:inset 0 0 0 6px #fff}
.wrap .cards .card h2{justify-content:center;font-family:var(--serif)}
.wrap .cards .card h2::before{display:none}
.wrap .cards .card p{color:var(--muted)}
.login-box{background:#fff!important;border:1px solid var(--border)!important;border-radius:24px!important;box-shadow:var(--shadow);padding:2.4rem!important;position:relative;overflow:hidden;animation:fadeUp .5s ease both;color:var(--text)}
.login-box::before{content:'';position:absolute;inset:0 0 auto 0;height:4px;background:var(--grad)}
.login-box h1{font-family:var(--serif);color:var(--text)}
.login-box .sub{color:var(--muted)!important}
.login-box .btn{background:var(--grad)!important;color:#fff!important;border-radius:99px!important;width:100%;font-weight:800!important;box-shadow:0 8px 20px rgba(185,137,47,.3)}
.login-box .btn:hover{filter:brightness(1.06);box-shadow:var(--glow)}
.login-box .err{border-radius:var(--r-sm)}
.back{color:var(--muted)!important;font-weight:600;transition:color .2s}
.back:hover{color:var(--accent)!important}
#selectScreen h1,#dashboard h1{font-family:var(--serif);color:var(--text);display:inline-block}
.chatter-grid>*{border-radius:var(--r)!important;background:#fff!important;border:1px solid var(--border2)!important;transition:all .2s ease!important;font-weight:700;color:var(--text)!important;box-shadow:0 6px 16px rgba(80,58,30,.06)}
.chatter-grid>*:hover{transform:translateY(-3px);border-color:var(--gold)!important;background:var(--gold-soft)!important;box-shadow:var(--glow)}
.pw-box{background:#fff!important;border:1px solid var(--border2)!important;border-radius:var(--r)!important;box-shadow:var(--shadow);color:var(--text)}
#chatterBriefingCard{background:linear-gradient(135deg,#fdecee,#fff)!important;border:1px solid #f4c2c7!important}
#chatterBriefingCard h2{color:#9f2530!important}
.dream-greeting{font-size:.9rem;color:var(--muted);margin:-.2rem 0 1rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.dream-greeting .chip{background:var(--grad-soft);border:1px solid var(--gold);color:#6b4d12;padding:.25rem .7rem;border-radius:99px;font-size:.76rem;font-weight:700}

/* 12 ── toast, fetch progress bar, back-to-top, confetti ──────────────────── */
#dreamProgress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--grad);z-index:9999;box-shadow:0 0 10px rgba(185,137,47,.6);transition:width .25s ease,opacity .4s ease;opacity:0;pointer-events:none}
#dreamProgress.on{opacity:1}
#dreamToasts{position:fixed;right:1rem;bottom:1rem;z-index:9998;display:flex;flex-direction:column;gap:.5rem;max-width:min(360px,calc(100vw - 2rem));pointer-events:none}
.dream-reconnect{position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:10050;background:#1f2937;color:#fff;font-size:.8rem;font-weight:700;padding:.45rem .95rem;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.25);animation:toastIn .3s ease both;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}
:root[data-theme="dark"] .dream-reconnect{background:#f5f1e8;color:#1b1b1b}
.dream-toast{pointer-events:auto;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border:1px solid var(--border2);border-left:4px solid var(--gold);color:var(--text);padding:.7rem .9rem;border-radius:14px;font-size:.84rem;line-height:1.4;box-shadow:var(--shadow);animation:toastIn .35s cubic-bezier(.22,1,.36,1) both;display:flex;gap:.5rem;align-items:flex-start}
.dream-toast.ok{border-left-color:var(--green)}
.dream-toast.err{border-left-color:var(--red)}
.dream-toast.party{border-left-color:var(--rose);background:linear-gradient(135deg,#fff3f1,#fff)}
.dream-toast.out{animation:toastOut .3s ease forwards}
#dreamTop{position:fixed;right:1rem;bottom:4.6rem;z-index:9997;width:42px;height:42px;border-radius:50%;border:1px solid var(--border2);background:#fff;color:var(--text);cursor:pointer;opacity:0;transform:translateY(10px);transition:all .25s ease;font-size:1.1rem;box-shadow:var(--shadow)}
#dreamTop.show{opacity:1;transform:none}
#dreamTop:hover{background:var(--grad);color:#fff;border-color:transparent}
#dreamConfetti{position:fixed;inset:0;z-index:9996;pointer-events:none}

/* 13 ── animations ────────────────────────────────────────────────────────── */
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes auroraA{from{transform:translate(0,0) scale(1)}to{transform:translate(8vw,6vw) scale(1.15)}}
@keyframes auroraB{from{transform:translate(0,0) scale(1)}to{transform:translate(-10vw,-8vw) scale(1.2)}}
@keyframes toastIn{from{opacity:0;transform:translateX(24px) scale(.96)}to{opacity:1;transform:none}}
@keyframes toastOut{to{opacity:0;transform:translateX(24px)}}
@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.04)}100%{transform:scale(1)}}
.tc.active{animation:fadeUp .35s ease both}
.card,.emp-section{animation:fadeUp .45s ease both}
.dream-pop{animation:pop .4s cubic-bezier(.22,1,.36,1)}

/* 14 ── performance trend chart (static/trends.js) ─────────────────────── */
.dream-trend-box{position:relative}
.dream-trend{display:block;border-radius:14px;width:100%}
.dream-trend-lbl{fill:#9a8b78;font-size:10px;font-family:var(--font);font-weight:600}
.dream-trend-val{font-size:11px;font-weight:800;font-family:var(--font)}
.dream-trend.anim .dream-trend-line{stroke-dasharray:2000;stroke-dashoffset:2000;animation:trendDraw 1.4s cubic-bezier(.22,1,.36,1) forwards}
@keyframes trendDraw{to{stroke-dashoffset:0}}
.dream-trend-empty{display:flex;align-items:center;justify-content:center;height:220px;color:var(--muted);font-size:.9rem;background:var(--card2);border-radius:14px;border:1px dashed var(--border2)}
.dream-trend-tip{position:absolute;min-width:180px;background:rgba(255,255,255,.97);border:1px solid var(--border2);border-radius:12px;padding:.5rem .7rem;font-size:.76rem;box-shadow:var(--shadow);pointer-events:none;z-index:5;color:var(--text)}
.dream-trend-tip .d{font-weight:800;color:var(--muted);margin-bottom:.3rem;font-size:.7rem;letter-spacing:.06em}
.dream-trend-tip div:not(.d){display:flex;align-items:center;gap:.4rem;padding:.12rem 0}
.dream-trend-tip i{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}
.dream-trend-tip b{margin-left:auto;font-weight:800}
.trend-pill.dim{opacity:.4}
.trend-pill.focus{border-color:var(--tc,var(--gold))!important;background:var(--gold-soft)!important;box-shadow:0 0 0 3px rgba(201,162,78,.22)}
.trend-pill .open-btn{border:none;background:var(--card2);color:var(--text);border-radius:99px;width:22px;height:22px;cursor:pointer;font-size:.8rem;margin-left:.15rem}
.trend-pill .open-btn:hover{background:var(--grad);color:#fff}

/* 15 ── mobile + reduced motion ───────────────────────────────────────────── */
@media(max-width:768px){
  .site-header{padding:.7rem 0 0!important}
  .tabs{flex-wrap:nowrap!important;overflow-x:auto;border-radius:99px!important;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .tab{padding:.45rem .75rem!important;font-size:.74rem!important}
  .wrap h1{font-size:2rem}
  .rpt-stat .val{font-size:1.4rem!important}
  /* The balance pill used to push the whole page sideways on a phone. Let it wrap instead. */
  .header-actions{justify-content:flex-start;width:100%;min-width:0}
  .header-top .kimi-pill{white-space:normal;max-width:100%;text-align:left}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* 16 ── GENERATED: inline-style dark colours mapped to the light palette (do not edit by hand) ── */
[style*="background:#0d1117"],[style*="background-color:#0d1117"],[style*="linear-gradient"][style*="#0d1117"]{background:#f8f3ea!important}
[style*="background:#161b22"],[style*="background-color:#161b22"],[style*="linear-gradient"][style*="#161b22"]{background:#f8f3ea!important}
[style*="background:#1c2128"],[style*="background-color:#1c2128"],[style*="linear-gradient"][style*="#1c2128"]{background:#f1eadf!important}
[style*="background:#1c2233"],[style*="background-color:#1c2233"],[style*="linear-gradient"][style*="#1c2233"]{background:#f3e6c5!important}
[style*="background:#0f0f1a"],[style*="background-color:#0f0f1a"],[style*="linear-gradient"][style*="#0f0f1a"]{background:#f8f3ea!important}
[style*="background:#1a1028"],[style*="background-color:#1a1028"],[style*="linear-gradient"][style*="#1a1028"]{background:#f4f0ff!important}
[style*="background:#111"],[style*="background-color:#111"],[style*="linear-gradient"][style*="#111"]{background:#f6f0e6!important}
[style*="background:#1a1a1a"],[style*="background-color:#1a1a1a"],[style*="linear-gradient"][style*="#1a1a1a"]{background:#f6f0e6!important}
[style*="background:#141414"],[style*="background-color:#141414"],[style*="linear-gradient"][style*="#141414"]{background:#ffffff!important}
[style*="background:#0a0a0a"],[style*="background-color:#0a0a0a"],[style*="linear-gradient"][style*="#0a0a0a"]{background:#f6f0e6!important}
[style*="background:#1f1f1f"],[style*="background-color:#1f1f1f"],[style*="linear-gradient"][style*="#1f1f1f"]{background:#f1eadf!important}
[style*="background:#222"],[style*="background-color:#222"],[style*="linear-gradient"][style*="#222"]{background:#f1eadf!important}
[style*="background:#333"],[style*="background-color:#333"],[style*="linear-gradient"][style*="#333"]{background:#e9e1d3!important}
[style*="background:#1e1b4b"],[style*="background-color:#1e1b4b"],[style*="linear-gradient"][style*="#1e1b4b"]{background:#eef2ff!important}
[style*="background:#052e16"],[style*="background-color:#052e16"],[style*="linear-gradient"][style*="#052e16"]{background:#e9f7ee!important}
[style*="background:#2d0a0a"],[style*="background-color:#2d0a0a"],[style*="linear-gradient"][style*="#2d0a0a"]{background:#fdecee!important}
[style*="background:#1a1700"],[style*="background-color:#1a1700"],[style*="linear-gradient"][style*="#1a1700"]{background:#fff7df!important}
[style*="background:#2d1600"],[style*="background-color:#2d1600"],[style*="linear-gradient"][style*="#2d1600"]{background:#fff0e3!important}
[style*="background:#0f1a0f"],[style*="background-color:#0f1a0f"],[style*="linear-gradient"][style*="#0f1a0f"]{background:#e9f7ee!important}
[style*="background:#1a0a0a"],[style*="background-color:#1a0a0a"],[style*="linear-gradient"][style*="#1a0a0a"]{background:#fdecee!important}
[style*="background:#1a1a2e"],[style*="background-color:#1a1a2e"],[style*="linear-gradient"][style*="#1a1a2e"]{background:#eef2ff!important}
[style*="background:#1a1400"],[style*="background-color:#1a1400"],[style*="linear-gradient"][style*="#1a1400"]{background:#fff7df!important}
[style*="background:#0f0f0f"],[style*="background-color:#0f0f0f"],[style*="linear-gradient"][style*="#0f0f0f"]{background:#fbf8f2!important}
[style^="color:#a5b4fc"],[style*=" color:#a5b4fc"],[style*=";color:#a5b4fc"]{color:#3730a3!important}
[style^="color:#86efac"],[style*=" color:#86efac"],[style*=";color:#86efac"]{color:#1f6b3b!important}
[style^="color:#fca5a5"],[style*=" color:#fca5a5"],[style*=";color:#fca5a5"]{color:#9f2530!important}
[style^="color:#fbbf24"],[style*=" color:#fbbf24"],[style*=";color:#fbbf24"]{color:#8a6a14!important}
[style^="color:#22c55e"],[style*=" color:#22c55e"],[style*=";color:#22c55e"]{color:#1f6b3b!important}
[style^="color:#e5e5e5"],[style*=" color:#e5e5e5"],[style*=";color:#e5e5e5"]{color:#2b2117!important}
[style^="color:#f87171"],[style*=" color:#f87171"],[style*=";color:#f87171"]{color:#9f2530!important}
[style^="color:#a78bfa"],[style*=" color:#a78bfa"],[style*=";color:#a78bfa"]{color:#5b3fb0!important}
[style^="color:#fde68a"],[style*=" color:#fde68a"],[style*=";color:#fde68a"]{color:#8a6a14!important}
[style^="color:#f59e0b"],[style*=" color:#f59e0b"],[style*=";color:#f59e0b"]{color:#a8501a!important}
[style^="color:#60a5fa"],[style*=" color:#60a5fa"],[style*=";color:#60a5fa"]{color:#1e4fb0!important}
[style^="color:#4caf50"],[style*=" color:#4caf50"],[style*=";color:#4caf50"]{color:#1f6b3b!important}
[style^="color:#fdba74"],[style*=" color:#fdba74"],[style*=";color:#fdba74"]{color:#a8501a!important}
[style^="color:#38bdf8"],[style*=" color:#38bdf8"],[style*=";color:#38bdf8"]{color:#0b6a97!important}
[style^="color:#58a6ff"],[style*=" color:#58a6ff"],[style*=";color:#58a6ff"]{color:#1e4fb0!important}
[style^="color:#ccc"],[style*=" color:#ccc"],[style*=";color:#ccc"]{color:#8a7b6b!important}
[style^="color:#bbb"],[style*=" color:#bbb"],[style*=";color:#bbb"]{color:#8a7b6b!important}
[style^="color:#aaa"],[style*=" color:#aaa"],[style*=";color:#aaa"]{color:#8a7b6b!important}
[style^="color:#999"],[style*=" color:#999"],[style*=";color:#999"]{color:#8a7b6b!important}
[style^="color:#9ca3af"],[style*=" color:#9ca3af"],[style*=";color:#9ca3af"]{color:#8a7b6b!important}
[style^="color:#e2e8f0"],[style*=" color:#e2e8f0"],[style*=";color:#e2e8f0"]{color:#5c5044!important}
[style^="color:#c7d2fe"],[style*=" color:#c7d2fe"],[style*=";color:#c7d2fe"]{color:#4b3a8f!important}
[style^="color:#c084fc"],[style*=" color:#c084fc"],[style*=";color:#c084fc"]{color:#6d28d9!important}
[style^="color:#22d3ee"],[style*=" color:#22d3ee"],[style*=";color:#22d3ee"]{color:#0b6a97!important}
[style^="color:#ff9800"],[style*=" color:#ff9800"],[style*=";color:#ff9800"]{color:#a8501a!important}
[style^="color:#f0c040"],[style*=" color:#f0c040"],[style*=";color:#f0c040"]{color:#8a6a14!important}
[style^="color:#fcd34d"],[style*=" color:#fcd34d"],[style*=";color:#fcd34d"]{color:#8a6a14!important}
[style^="color:#f472b6"],[style*=" color:#f472b6"],[style*=";color:#f472b6"]{color:#b0325f!important}
[style^="color:#4ade80"],[style*=" color:#4ade80"],[style*=";color:#4ade80"]{color:#1f6b3b!important}
[style^="color:#e6edf3"],[style*=" color:#e6edf3"],[style*=";color:#e6edf3"]{color:#2b2117!important}
[style^="color:#888"],[style*=" color:#888"],[style*=";color:#888"]{color:#8a7b6b!important}
[style*="solid #30363d"],[style*="dashed #30363d"]{border-color:#eadfcf!important}
[style*="solid #2a2a2a"],[style*="dashed #2a2a2a"]{border-color:#eadfcf!important}
[style*="solid #21262d"],[style*="dashed #21262d"]{border-color:#eadfcf!important}
[style*="solid #222"],[style*="dashed #222"]{border-color:#eadfcf!important}
[style*="solid #312e81"],[style*="dashed #312e81"]{border-color:#c7d2fe!important}
[style*="solid #2a2a4a"],[style*="dashed #2a2a4a"]{border-color:#d6d9f5!important}
[style*="solid #991b1b"],[style*="dashed #991b1b"]{border-color:#f4c2c7!important}
[style*="solid #7f1d1d"],[style*="dashed #7f1d1d"]{border-color:#f4c2c7!important}
[style*="solid #9a3412"],[style*="dashed #9a3412"]{border-color:#f6cfae!important}
[style*="solid #92400e"],[style*="dashed #92400e"]{border-color:#f0d9a0!important}
[style*="solid #166534"],[style*="dashed #166534"]{border-color:#b7e2c5!important}
[style*="solid #854d0e"],[style*="dashed #854d0e"]{border-color:#f0d9a0!important}
[style*="solid #333"],[style*="dashed #333"]{border-color:#dccbb0!important}
svg line[stroke="#21262d"],svg line[stroke="#30363d"],svg line[stroke="#222"]{stroke:#eadfcf}
svg rect[fill="#1c2128"]{fill:#fff}svg text[fill="#e6edf3"]{fill:#2b2117}svg text[fill="#484f58"]{fill:#9a8b78}svg rect[fill="url(#bgG)"],svg rect[fill="url(#cbgG)"]{fill:#f8f3ea}
[style*="background:rgba(255,255,255,.0"],[style*="background:rgba(255,255,255,0.0"]{background:#f8f3ea!important}

/* labels that wrap a checkbox are sentences, not field captions */
label:has(input){text-transform:none;letter-spacing:0;font-size:.88rem!important;font-weight:500;color:var(--text)!important}

/* 17 ── chat-style transcript viewer (static/convo.js) ─────────────────── */
.transcript.cv-wrap{font-family:var(--font)!important;white-space:normal!important;max-height:460px!important;padding:.7rem!important;background:var(--card2)!important}
.cv-chat{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;line-height:1.45}
.cv-row{display:flex}
.cv-row.me{justify-content:flex-end}
.cv-row.fan{justify-content:flex-start}
.cv-row.auto{justify-content:center}
.cv-row.prior .cv-bubble{opacity:.65}
.cv-bubble{max-width:78%;padding:.45rem .75rem .35rem;border-radius:16px;position:relative;word-break:break-word}
.me .cv-bubble{background:#1e4fb0;border:1px solid #1a428f;color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 12px rgba(30,79,176,.22)}
.fan .cv-bubble{background:#e6f0ff;border:1px solid #c3d5f7;color:#1b2a4a;border-bottom-left-radius:4px}
.auto .cv-bubble{background:var(--inset);color:var(--muted);font-size:.74rem;border-radius:10px;max-width:90%}
.cv-tag{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:.15rem}
.cv-time{display:block;font-size:.66rem;color:var(--muted);margin-top:.3rem;text-align:right;font-weight:700}
.me .cv-time{color:rgba(255,255,255,.8)}
.fan .cv-time{text-align:left;color:#3d5a8a}
.me .cv-ppv.ok{background:#e9f7ee;color:#1f6b3b}
.me .cv-ppv.no{background:#fdecee;color:#9f2530}
.me .cv-media{background:rgba(255,255,255,.18);color:#fff}
.cv-ppv{display:inline-block;padding:.1rem .55rem;border-radius:99px;font-weight:700;font-size:.72rem;margin:.1rem 0}
.cv-ppv.ok{background:#e9f7ee;color:#1f6b3b;border:1px solid #b7e2c5}
.cv-ppv.no{background:#fdecee;color:#9f2530;border:1px solid #f4c2c7}
.cv-media{display:inline-block;padding:.1rem .5rem;border-radius:99px;background:var(--inset);font-size:.72rem;color:var(--muted)}
.cv-note{text-align:center;color:var(--muted);font-size:.72rem;padding:.2rem 0}
.cv-prior summary{cursor:pointer;font-size:.74rem;color:var(--muted);margin:.1rem 0 .5rem;font-weight:600}
.cv-prior[open] summary{margin-bottom:.4rem}
.cv-prior{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.4rem}

/* 18 ── two-sided insight cards (static/insights.js) ───────────────────── */
.dream-insights .ins-sub{font-size:.9rem;margin:1rem 0 .4rem;color:var(--muted);font-weight:700}
.ins-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.6rem}
.ins-item{border-radius:var(--r-sm);padding:.6rem .75rem;background:var(--card2);border:1px solid var(--border)}
.ins-item.risk{background:#fdecee;border-color:#f4c2c7}
.ins-item.wait{background:#fff7df;border-color:#f0d9a0}
.ins-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}
.ins-chip{font-size:.66rem;background:#fff;border:1px solid var(--border2);border-radius:99px;padding:.1rem .5rem;color:var(--muted);font-weight:700}
.ins-link{margin-left:auto;font-size:.7rem;font-weight:700}
.ins-quote{font-style:italic;color:var(--text);font-size:.84rem}
.ins-why{font-size:.74rem;color:var(--muted);margin-top:.2rem}
.ins-action{font-size:.78rem;font-weight:700;color:#7a5a12;margin-top:.3rem}
.ins-empty{color:var(--muted);font-size:.9rem}
.ins-note{color:var(--muted);font-size:.74rem;margin-top:.5rem}
.ins-table td.bad{color:#9f2530;font-weight:800}
.ins-table td.good{color:#1f6b3b;font-weight:800}

/* ── Kimi balance pill (manager header) ───────────────────────────── */
.header-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}
.header-top .kimi-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem!important;font-size:.78rem!important;font-family:var(--font);cursor:pointer;white-space:nowrap}
.kimi-pill .kp-dot{width:9px;height:9px;border-radius:50%;background:#c9c2b4;box-shadow:0 0 0 3px rgba(0,0,0,.04)}
.kimi-pill .kp-name{color:var(--muted);font-weight:600}
.kimi-pill b{font-size:.92rem;color:var(--text);font-variant-numeric:tabular-nums}
.kimi-pill i{font-style:normal;color:var(--muted);font-size:.72rem}
.kimi-pill.ok .kp-dot{background:#2fa36b;box-shadow:0 0 0 3px rgba(47,163,107,.18)}
.kimi-pill.mid .kp-dot{background:#e0a02a;box-shadow:0 0 0 3px rgba(224,160,42,.2)}
.kimi-pill.low{border-color:#e26d5a!important;background:#fff4f1!important}
.kimi-pill.low .kp-dot{background:#e0452f;box-shadow:0 0 0 3px rgba(224,69,47,.2);animation:kpPulse 1.4s ease-in-out infinite}
.kimi-pill.low i{color:#c8402c;font-weight:700}
@keyframes kpPulse{50%{transform:scale(1.35)}}
@media(max-width:640px){.kimi-pill .kp-name,.kimi-pill i{display:none}}

/* ── Ask the platform (chat) ──────────────────────────────────────── */
.ask-wrap{display:grid;grid-template-columns:250px 1fr;gap:1rem;align-items:stretch}
.ask-side{background:#fff;border:1px solid var(--border);border-radius:18px;padding:.9rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:var(--shadow);max-height:72vh}
.ask-new{background:var(--grad)!important;color:#fff!important;border:none!important;border-radius:99px!important;padding:.6rem 1rem;font-weight:700;cursor:pointer;font-family:var(--font);box-shadow:0 6px 16px rgba(185,137,47,.25)}
.ask-new:hover{transform:translateY(-1px)}
.ask-side-title{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:.3rem}
.ask-list{overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}
.ask-item{position:relative;padding:.55rem 1.6rem .55rem .7rem;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:all .15s}
.ask-item:hover{background:#faf5ea;border-color:var(--border)}
.ask-item.active{background:#fdf6e3;border-color:var(--gold)}
.ai-title{font-size:.82rem;font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ai-meta{font-size:.68rem;color:var(--muted);margin-top:.15rem}
.ai-del{position:absolute;top:.35rem;right:.35rem;border:none!important;background:none!important;color:var(--muted)!important;font-size:1rem;cursor:pointer;opacity:0;padding:0 .25rem}
.ask-item:hover .ai-del{opacity:1}
.ai-del:hover{color:#d0442f!important}
.ask-empty{font-size:.78rem;color:var(--muted);padding:.4rem .2rem}
.ask-main{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.1rem 1.2rem;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:60vh}
.ask-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;margin-bottom:.7rem}
.ask-title{font-family:var(--serif);font-size:1.35rem;font-weight:700;color:var(--text)}
.ask-hint{font-size:.78rem;color:var(--muted);max-width:60ch;margin-top:.15rem}
.ask-cost{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.ask-cost span{font-size:.72rem;background:#faf5ea;border:1px solid var(--border);border-radius:99px;padding:.25rem .6rem;color:var(--muted);white-space:nowrap}
.ask-cost span b{color:var(--text)}
.ask-cost .warn{background:#fff4f1;color:#c8402c}
.ask-msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.7rem;padding:.4rem .1rem;max-height:56vh}
.ask-msg{display:flex;flex-direction:column;max-width:82%}
.ask-msg.user{align-self:flex-end;align-items:flex-end}
.ask-msg.assistant{align-self:flex-start}
.ask-bubble{padding:.7rem .95rem;border-radius:18px;font-size:.9rem;line-height:1.55}
.ask-msg.user .ask-bubble{background:#1e4fb0;color:#fff;border-bottom-right-radius:6px}
.ask-msg.assistant .ask-bubble{background:#f6f1e6;color:var(--text);border:1px solid var(--border);border-bottom-left-radius:6px}
.ask-msg.error .ask-bubble{background:#fff4f1;border-color:#f0c2b8;color:#a5321f}
.ask-bubble p{margin:0 0 .5rem}.ask-bubble p:last-child{margin-bottom:0}
.ask-bubble ul{margin:.2rem 0 .5rem 1.1rem;padding:0}.ask-bubble li{margin:.18rem 0}
.ask-meta{font-size:.68rem;color:var(--muted);margin:.25rem .4rem 0}
.ask-meta b{color:#8a6a1f}
.ask-dots{display:inline-flex;gap:4px;vertical-align:middle}
.ask-dots i{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:askDot 1.1s infinite ease-in-out}
.ask-dots i:nth-child(2){animation-delay:.15s}.ask-dots i:nth-child(3){animation-delay:.3s}
@keyframes askDot{0%,80%,100%{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}
.ask-timer{font-size:.78rem;color:var(--muted);margin-left:.4rem}
.ask-suggest{display:flex;flex-wrap:wrap;gap:.45rem;margin:.6rem 0}
.ask-chip{background:#fff!important;border:1px solid var(--border2)!important;border-radius:99px!important;padding:.42rem .85rem;font-size:.8rem;color:var(--text)!important;cursor:pointer;font-family:var(--font);transition:all .15s}
.ask-chip:hover{border-color:var(--gold)!important;box-shadow:var(--glow);transform:translateY(-1px)}
.ask-input{display:flex;gap:.6rem;align-items:flex-end;margin-top:.5rem}
.ask-input textarea{flex:1;border-radius:16px!important;padding:.75rem 1rem!important;font-size:.92rem!important;resize:none;min-height:54px}
.ask-send{background:var(--grad)!important;color:#fff!important;border:none!important;border-radius:16px!important;padding:0 1.4rem;height:54px;font-weight:700;cursor:pointer;font-family:var(--font);box-shadow:0 6px 16px rgba(185,137,47,.25)}
.ask-send:disabled{opacity:.5;cursor:wait}
.ask-foot{font-size:.7rem;color:var(--muted);margin-top:.5rem}
.ask-foot b{color:#8a6a1f}
.ask-wrap.compact{grid-template-columns:1fr;gap:.5rem}
.ask-wrap.compact .ask-side{flex-direction:row;align-items:center;flex-wrap:wrap;max-height:none;box-shadow:none;padding:.5rem .6rem;border-radius:14px;order:2}
.ask-wrap.compact .ask-side.empty{display:none}
.ask-wrap.compact .ask-side-title{margin:0 .2rem 0 .4rem}
.ask-wrap.compact .ask-list{flex-direction:row;flex-wrap:wrap;overflow:visible}
.ask-wrap.compact .ask-item{padding:.3rem 1.5rem .3rem .6rem;border:1px solid var(--border)}
.ask-wrap.compact .ask-item .ai-meta{display:none}
.ask-wrap.compact .ask-item .ai-title{-webkit-line-clamp:1;max-width:24ch}
.ask-wrap.compact .ask-new{padding:.35rem .8rem;font-size:.75rem}
.ask-wrap.compact .ask-main{min-height:0;box-shadow:none;background:#fffdf8;padding:.9rem 1rem}
.ask-wrap.compact .ask-title{font-size:1.05rem}
.ask-wrap.compact .ask-msgs{max-height:420px;display:none}
.ask-wrap.compact .ask-msgs.has{display:flex}
@media(max-width:820px){.ask-wrap{grid-template-columns:1fr}.ask-side{max-height:180px}.ask-msg{max-width:94%}}

/* ── Employee agenda ──────────────────────────────────────────────── */
.agenda-card{background:linear-gradient(180deg,#fffdf8,#fff);border:1px solid var(--border);border-radius:18px;padding:1rem 1.1rem;margin:0 0 1.1rem;box-shadow:var(--shadow)}
.ag-head{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin-bottom:.6rem}
.ag-head h3{margin:0!important;font-family:var(--serif);font-size:1.15rem!important;color:var(--text)!important}
.ag-head span{font-size:.72rem;color:var(--muted)}
.ag-sub{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:.85rem 0 .4rem}
.ag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:.45rem}
.ag-row{display:flex;align-items:center;gap:.6rem;text-align:left;background:#fff!important;border:1px solid var(--border)!important;border-radius:14px!important;padding:.55rem .7rem;cursor:pointer;font-family:var(--font);transition:all .15s;color:var(--text)!important;width:100%}
.ag-row:hover{border-color:var(--gold)!important;box-shadow:var(--glow);transform:translateY(-1px)}
.ag-icon{width:1.5rem;text-align:center;font-size:1rem;color:var(--gold)}
.ag-body{flex:1;min-width:0;display:flex;flex-direction:column}
.ag-label{font-weight:700;font-size:.84rem}
.ag-text{font-size:.74rem;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ag-chip{font-weight:800;font-size:.8rem;border-radius:99px;padding:.22rem .6rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.ag-chip.good{background:#e6f6ee;color:#1d7a4c}.ag-chip.mid{background:#fdf1d8;color:#8f6412}.ag-chip.bad{background:#fde8e4;color:#b23a26}.ag-chip.info{background:#eef2fb;color:#2c4f9e}
.ag-chat{margin-top:.9rem}
.agenda-target{scroll-margin-top:150px}
.agenda-flash{animation:agFlash 1.6s ease-out}
@keyframes agFlash{0%{box-shadow:0 0 0 0 rgba(201,162,75,.0)}15%{box-shadow:0 0 0 6px rgba(201,162,75,.45)}100%{box-shadow:0 0 0 0 rgba(201,162,75,0)}}

/* ── Evidence inside Ask answers: real chat excerpts and report links ── */
.ev-ref{display:inline-flex;align-items:center;gap:.2rem;background:#e6f0ff;color:#1e4fb0!important;border:1px solid #c3d5f7;border-radius:99px;padding:.05rem .5rem;font-size:.74rem;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;vertical-align:baseline;margin:0 .1rem}
.ev-ref:hover{background:#d7e6ff}
.ev-report{display:inline-flex;align-items:center;gap:.25rem;background:#fdf6e3;color:#7a5a12!important;border:1px solid #ead9a8;border-radius:99px;padding:.08rem .55rem;font-size:.74rem;font-weight:700;text-decoration:none!important;white-space:nowrap;margin:0 .1rem;transition:all .15s}
.ev-report:hover{border-color:var(--gold);box-shadow:var(--glow)}
.ev-report b{color:#1b1b1b}
.ev-card{background:#fff;border:1px solid #d9e4f7;border-radius:16px;margin:.6rem 0 .8rem;overflow:hidden;box-shadow:0 6px 18px rgba(30,79,176,.08)}
.ev-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .7rem;background:linear-gradient(180deg,#f3f7ff,#fff);border-bottom:1px solid #e3ebfa;flex-wrap:wrap}
.ev-title{display:flex;align-items:center;gap:.55rem;min-width:0}
.ev-avatar{width:30px;height:30px;border-radius:50%;background:#e6f0ff;border:1px solid #c3d5f7;color:#1e4fb0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;flex:none}
.ev-title b{display:block;font-size:.86rem;color:#1b2a4a;line-height:1.2}
.ev-title span{display:block;font-size:.68rem;color:var(--muted)}
.ev-open{background:#1e4fb0;color:#fff!important;border-radius:99px;padding:.34rem .8rem;font-size:.74rem;font-weight:700;text-decoration:none!important;white-space:nowrap;box-shadow:0 4px 10px rgba(30,79,176,.22);transition:transform .15s}
.ev-open:hover{transform:translateY(-1px);background:#173f8f}
.ev-more{font-size:.66rem;color:var(--muted);text-align:center;padding:.3rem 0 0}
.ev-chat{max-height:300px;overflow-y:auto;padding:.7rem .75rem;background:#fbfcff;scroll-behavior:smooth;position:relative}
.ev-card.big .ev-chat{max-height:640px}
.ev-chat .cv-row.ev-dim{opacity:.5;transition:opacity .2s}
.ev-chat:hover .cv-row.ev-dim{opacity:.85}
.ev-chat .cv-row.ev-hit .cv-bubble{box-shadow:0 0 0 3px rgba(201,162,75,.55),0 6px 14px rgba(0,0,0,.08)}
.ev-foot{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem .7rem;border-top:1px solid #e3ebfa;background:#fff}
.ev-foot span{font-size:.66rem;color:var(--muted)}
.ev-size{background:none!important;border:1px solid var(--border2)!important;border-radius:99px!important;padding:.18rem .6rem;font-size:.68rem;color:var(--text)!important;cursor:pointer;font-family:var(--font)}
.ev-flash{animation:agFlash 1.6s ease-out}
.ev-sources{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.7rem;padding-top:.6rem;border-top:1px dashed var(--border2)}
.ev-sources span{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.ev-sources a{font-size:.74rem;font-weight:700;color:#7a5a12!important;background:#fff;border:1px solid #ead9a8;border-radius:99px;padding:.15rem .6rem;text-decoration:none!important}
.ev-sources a:hover{border-color:var(--gold);box-shadow:var(--glow)}
.ask-msg.assistant{max-width:92%}
.ask-msg.assistant .ask-bubble li .ev-card{margin-left:-1.1rem}
.ask-cost span.focus{background:#e6f0ff;border-color:#c3d5f7;color:#1e4fb0;font-weight:700}
.dl-hit .cv-bubble{box-shadow:0 0 0 4px rgba(201,162,75,.65),0 8px 18px rgba(0,0,0,.12)!important;animation:dlPulse 1.2s ease-in-out 3}
@keyframes dlPulse{50%{box-shadow:0 0 0 9px rgba(201,162,75,.18),0 8px 18px rgba(0,0,0,.12)}}
.dl-banner{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#1b2a4a;color:#fff;padding:.6rem 1.1rem;border-radius:99px;font-size:.82rem;font-weight:600;box-shadow:0 12px 30px rgba(0,0,0,.25);z-index:2000;transition:opacity .6s,transform .6s}
.dl-banner.bad{background:#a5321f}
.dl-banner.out{opacity:0;transform:translate(-50%,12px)}

.dl-focus{display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap;background:var(--gold-soft);border:1px solid var(--border2);border-radius:14px;padding:.6rem .9rem;margin-bottom:1rem;font-size:.84rem;color:var(--text)}
.dl-focus button{background:var(--card)!important;border:1px solid var(--border2)!important;border-radius:99px!important;padding:.32rem .8rem;font-size:.76rem;font-weight:700;color:var(--text)!important;cursor:pointer;font-family:var(--font)}
@media(max-width:820px){.site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--bg)!important}.dl-banner{bottom:84px;max-width:88vw;text-align:center;border-radius:16px}}

/* ── light / dark toggle ─────────────────────────────────────────── */
#dreamTheme{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .8rem!important;border-radius:99px!important;border:1px solid var(--border2)!important;background:var(--card)!important;color:var(--text)!important;font-family:var(--font);font-size:.76rem!important;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .2s,border-color .2s,box-shadow .2s}
#dreamTheme:hover{transform:translateY(-1px);border-color:var(--gold)!important;box-shadow:var(--glow)}
#dreamTheme .dt-icon{font-size:.95rem;line-height:1}
#dreamTheme.floating{position:fixed;top:14px;right:14px;z-index:9997;box-shadow:var(--shadow)}
.top-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:820px){#dreamTheme{padding:.45rem .6rem!important}#dreamTheme .dt-label{display:none}}
html{transition:background-color .25s ease}

/* ── Persona model tabs (inline styles reference a --surface var that does not exist) ── */
.persona-model-tab{background:var(--inset)!important;color:var(--muted)!important;border:1px solid var(--border)!important;border-bottom:2px solid transparent!important;font-family:var(--font);transition:all .15s}
.persona-model-tab:hover{color:var(--text)!important}
.persona-model-tab.active{background:var(--card)!important;color:var(--text)!important;border-bottom-color:var(--gold)!important}

/* ── New Subscriber Journeys ──────────────────────────────────────── */
.jr-top{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}
.jr-title{font-family:var(--serif);font-size:1.45rem!important;font-weight:700;margin:0!important}
.jr-note{color:var(--muted);font-size:.86rem;margin:.15rem 0 0;max-width:62ch}
.jr-day{margin-left:auto;padding:.45rem .9rem;border-radius:99px;border:1px solid var(--border2);background:var(--card);color:var(--text);font-family:var(--font);font-size:.85rem;font-weight:700;cursor:pointer}
.jr-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:.7rem;margin-bottom:1rem}
.jr-stat{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:.85rem .95rem;box-shadow:var(--shadow)}
.jr-stat .v{font-size:1.75rem;font-weight:900;letter-spacing:-.02em;line-height:1.1}
.jr-stat .l{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800;margin-top:.15rem}
.jr-stat .n{font-size:.74rem;color:var(--muted);margin-top:.2rem}
.jr-stat.ok .v{color:#2fa36b}.jr-stat.mid .v{color:#c9862a}.jr-stat.bad .v{color:#c9464f}
.jr-where{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}
.jr-where .wl{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800;margin-right:.2rem}
.jr-summary{background:var(--card2);border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:0 14px 14px 0;padding:.9rem 1.1rem;margin-bottom:1.3rem}
.jr-summary.warn{border-left-color:var(--rose)}
.jr-summary h4{margin:0 0 .3rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.jr-summary p{margin:0;font-size:.9rem;line-height:1.6}
.jr-pill{display:inline-block;padding:.12rem .55rem;border-radius:99px;font-size:.71rem;font-weight:800;white-space:nowrap}
.jr-pill.ok{background:#e6f6ee;color:#1d7a4c}.jr-pill.mid{background:#fdf1d8;color:#8f6412}
.jr-pill.bad{background:#fde8e4;color:#b23a26}.jr-pill.info{background:#eef2fb;color:#2c4f9e}
.jr-pill.dim{background:var(--inset);color:var(--muted)}
:root[data-theme="dark"] .jr-pill.ok{background:#12301f;color:#5fd6a5}
:root[data-theme="dark"] .jr-pill.mid{background:#33260d;color:#f5c26b}
:root[data-theme="dark"] .jr-pill.bad{background:#361715;color:#ff8f8f}
:root[data-theme="dark"] .jr-pill.info{background:#16203a;color:#8fb0f5}
.jr-list{display:flex;flex-direction:column;gap:.7rem}
.jr-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.jr-card.open{border-color:var(--gold);box-shadow:var(--glow)}
.jr-head{width:100%;display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;background:none!important;border:none!important;cursor:pointer;text-align:left;font-family:var(--font);color:var(--text)!important;flex-wrap:wrap}
.jr-head:hover{background:var(--inset)!important}
.jr-av{width:34px;height:34px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none}
.jr-id{display:flex;flex-direction:column;min-width:120px}
.jr-id b{font-size:.93rem}
.jr-id span{font-size:.75rem;color:var(--muted)}
.jr-tags{display:flex;gap:.3rem;flex-wrap:wrap;margin-left:auto}
.jr-chev{font-size:1.3rem;color:var(--muted);transition:transform .22s;flex:none}
.jr-card.open .jr-chev{transform:rotate(90deg)}
.jr-body{display:none;padding:0 1rem 1.1rem;border-top:1px solid var(--border)}
.jr-card.open .jr-body{display:block;animation:jrIn .3s ease}
@keyframes jrIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.jr-block{margin-top:1rem}
.jr-block h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800;margin:0 0 .4rem}
.jr-block p{margin:0;font-size:.89rem;line-height:1.6}
.jr-block ul{margin:.2rem 0 0 1.1rem}.jr-block li{font-size:.89rem;margin:.2rem 0}
.jr-src{margin-top:1rem;border:1px solid var(--border);border-radius:12px;padding:.75rem .9rem;background:var(--card2)}
.jr-src.ok{border-color:#2fa36b}.jr-src.mid{border-color:#c9862a}
.jr-src-h{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;font-size:.95rem}
.jr-src-h .em{font-size:1.05rem}
.jr-sub{font-size:.78rem;color:var(--muted);margin-top:.15rem}
.jr-ev{font-size:.85rem;margin-top:.4rem;font-style:italic}
.jr-ev.dim,.dim{color:var(--muted)}
.jr-facts{display:flex;flex-wrap:wrap;gap:.35rem}
.jr-facts span{background:var(--inset);border:1px solid var(--border);border-radius:99px;padding:.2rem .6rem;font-size:.8rem}
.jr-chat{max-height:420px;overflow-y:auto;background:var(--inset);border:1px solid var(--border);border-radius:12px;padding:.7rem}
.jr-obj{border-left:3px solid var(--border2);background:var(--inset);border-radius:0 10px 10px 0;padding:.55rem .8rem;margin-bottom:.45rem}
.jr-obj.ok{border-left-color:#2fa36b}.jr-obj.bad{border-left-color:#c9464f}
.jr-obj .t{display:flex;align-items:center;gap:.4rem;font-size:.85rem;text-transform:capitalize}
.jr-obj .q{font-size:.84rem;font-style:italic;margin-top:.25rem}
.jr-obj .n{font-size:.82rem;color:var(--muted);margin-top:.2rem}
.jr-rec{margin-top:1rem;background:linear-gradient(135deg,var(--gold-soft),transparent);border:1px solid var(--border2);border-radius:12px;padding:.7rem .9rem;font-size:.89rem}
.jr-empty{text-align:center;padding:2.5rem 1rem}
.jr-empty h3{font-family:var(--serif);font-size:1.2rem;margin-bottom:.3rem}
@media(max-width:700px){.jr-tags{margin-left:0;width:100%}.jr-day{margin-left:0}}

/* ── Clickable briefing: names and cards jump into the report ────── */
.bf-name{cursor:pointer;border-bottom:1px dashed currentColor;transition:opacity .15s}
.bf-name:hover{opacity:.72}
.bf-jump{margin-left:.45rem;padding:.1rem .55rem;border-radius:99px;border:1px solid var(--border2)!important;background:var(--card)!important;color:var(--text)!important;font-family:var(--font);font-size:.68rem;font-weight:800;cursor:pointer;white-space:nowrap;vertical-align:1px;transition:all .15s}
.bf-jump:hover{border-color:var(--gold)!important;box-shadow:var(--glow);transform:translateY(-1px)}

/* ── New Sub Journeys: sections, source table, chatter scorecards, the red line ── */
.jr-sec{margin:1.7rem 0 .75rem}
.jr-sec h3{margin:0;font-size:1.02rem;font-weight:800;letter-spacing:-.01em;color:var(--text)}
.jr-lead{margin:.2rem 0 0;font-size:.79rem;color:var(--muted);max-width:62ch;line-height:1.55}
.jr-listhead{margin:1.7rem 0 .6rem}
.jr-listhead h3{margin:0;font-size:1.02rem;font-weight:800;color:var(--text)}

.src-rows{display:flex;flex-direction:column;gap:.45rem;margin-top:.8rem}
.src-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.7rem .9rem;border-radius:12px;
  background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}
.src-row.unknown{border-style:dashed;background:var(--inset)}
.src-em{font-size:1rem;line-height:1}
.src-name{display:flex;flex-direction:column;min-width:170px;flex:1 1 170px}
.src-name b{font-size:.86rem;color:var(--text)}
.src-name span{font-size:.7rem;color:var(--muted)}
.src-bar{flex:0 0 78px;height:6px;border-radius:99px;background:var(--inset);overflow:hidden;
  box-shadow:inset 0 0 0 1px var(--border)}
.src-bar i{display:block;height:100%;border-radius:99px;background:var(--grad)}
.src-n{font-size:.73rem;color:var(--muted);white-space:nowrap}
.src-n b{color:var(--text);font-size:.82rem;font-weight:800}
.src-n em{font-style:normal;opacity:.75}
.src-n.money{color:var(--text);font-weight:800}
.src-sc{min-width:2.1rem;text-align:center;padding:.15rem .4rem;border-radius:8px;font-size:.78rem;font-weight:800}

.cc-list{display:grid;gap:.85rem;margin-top:.85rem;grid-template-columns:repeat(auto-fill,minmax(325px,1fr))}
.cc{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:var(--shadow);
  display:flex;flex-direction:column;gap:.7rem;transition:border-color .2s,box-shadow .2s}
.cc:hover{border-color:var(--gold);box-shadow:var(--glow),var(--shadow)}
.cc-h{display:flex;align-items:center;gap:.65rem}
.cc-av{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:.9rem;color:#fff;background:var(--grad)}
.cc-id{flex:1;min-width:0;display:flex;flex-direction:column}
.cc-id b{font-size:.95rem;color:var(--text)}
.cc-id span{font-size:.74rem;color:var(--muted);line-height:1.4}
.cc-score{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:.3rem .6rem;border-radius:12px;min-width:54px}
.cc-score b{font-size:1.15rem;font-weight:800;line-height:1}
.cc-score em{font-style:normal;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;opacity:.8}
.cc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}
.cc-cell{background:var(--inset);border-radius:10px;padding:.5rem .35rem;text-align:center}
.cc-cell b{display:block;font-size:1rem;font-weight:800;color:var(--text);line-height:1.1}
.cc-cell span{font-size:.64rem;color:var(--muted);line-height:1.25;display:block;margin-top:.1rem}
.cc-cell em{font-style:normal;opacity:.7}
.cc-line{display:flex;gap:.55rem;align-items:baseline;font-size:.75rem;flex-wrap:wrap}
.cc-line .k{flex:0 0 66px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;font-weight:800}
.cc-line .v{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:.3rem}
.cc-sold{font-family:var(--font);font-size:.72rem;font-weight:700;padding:.16rem .55rem;border-radius:99px;cursor:pointer;
  border:1px solid var(--border2);background:var(--card2);color:var(--text);transition:all .15s}
.cc-sold:hover{border-color:var(--gold);box-shadow:var(--glow)}
.cc-sold em{font-style:normal;opacity:.7}
.cc-from{font-size:.72rem;padding:.16rem .5rem;border-radius:99px;background:var(--inset);color:var(--text);border:1px solid var(--border)}
.cc-from.dim{color:var(--muted)}
.cc-from em{font-style:normal;opacity:.65}
.cc-f{font-size:.71rem;font-weight:800;padding:.14rem .5rem;border-radius:99px}
.cc-adv{background:var(--inset);border-radius:12px;padding:.65rem .8rem;border:1px solid var(--border)}
.cc-adv h5{margin:0 0 .35rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}
.cc-adv ol{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.28rem}
.cc-adv li{font-size:.78rem;color:var(--text);line-height:1.45}
.cc-only{align-self:flex-start;font-family:var(--font);font-size:.72rem;font-weight:800;padding:.3rem .7rem;border-radius:99px;
  cursor:pointer;border:1px solid var(--border2);background:transparent;color:var(--muted);transition:all .15s}
.cc-only:hover{border-color:var(--gold);color:var(--text);background:var(--gold-soft)}

.jr-filters{display:flex;flex-wrap:wrap;gap:.55rem;align-items:flex-end;margin:.85rem 0 1.1rem;padding:.8rem .9rem;
  border-radius:14px;background:var(--inset);border:1px solid var(--border)}
.jr-fl{display:flex;flex-direction:column;gap:.2rem}
.jr-fl.grow{flex:1 1 170px;min-width:150px}
.jr-fl span{font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}
.jr-fl select,.jr-fl input{font-family:var(--font);font-size:.79rem;padding:.35rem .55rem;border-radius:9px;
  border:1px solid var(--border2);background:var(--card);color:var(--text)}
.jr-clear{font-family:var(--font);font-size:.74rem;font-weight:800;padding:.42rem .8rem;border-radius:9px;cursor:pointer;
  border:1px solid var(--border2);background:var(--card);color:var(--text);transition:all .15s}
.jr-clear:disabled{opacity:.4;cursor:default}
.jr-clear:not(:disabled):hover{border-color:var(--gold);box-shadow:var(--glow)}

.fl-wrap{margin:.3rem 0 1.4rem}
.fl-head h3{margin:0 0 .15rem;font-size:.95rem;font-weight:800;color:var(--text)}
.fl-head p{margin:0 0 1rem;font-size:.77rem;color:var(--muted);max-width:66ch;line-height:1.55}
.fl-lane{display:flex;gap:1.1rem;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap}
.fl-node{flex:0 0 228px;background:var(--card);border:1px solid var(--border);border-left:4px solid var(--gold);
  border-radius:14px;padding:.75rem .85rem;box-shadow:var(--shadow);position:sticky;top:.5rem}
.fl-lane.unknown .fl-node{border-left-color:var(--border2);border-style:dashed}
.fl-lane.deleted .fl-node{border-left-color:var(--rose)}
.fl-node-h{display:flex;align-items:center;gap:.4rem}
.fl-node-h b{font-size:.87rem;color:var(--text);line-height:1.25}
.fl-node-s{font-size:.69rem;color:var(--muted);margin-top:.15rem}
.fl-node-m{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem;font-size:.71rem;color:var(--muted);align-items:center}
.fl-node-m .sc,.fl-node-m .rev{padding:.1rem .45rem;border-radius:99px;font-weight:800}
.fl-node-m .rev{background:var(--gold-soft);color:var(--accent)}
.fl-node-c{margin-top:.4rem;font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  padding:.1rem .45rem;border-radius:99px;display:inline-block}
.fl-branches{flex:1 1 320px;min-width:260px;display:flex;flex-direction:column;gap:.35rem;
  border-left:2px solid var(--border2);padding-left:0;margin-left:.3rem}
.fl-lane.deleted .fl-branches{border-left-color:var(--rose)}
.fl-br{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;cursor:pointer;font-family:var(--font);
  padding:.5rem .7rem .5rem 0;border:none;background:none;border-radius:0 12px 12px 0;transition:background .15s}
.fl-br:hover{background:var(--gold-soft)}
.fl-arrow{flex:0 0 20px;height:2px;background:var(--border2);position:relative}
.fl-br:hover .fl-arrow{background:var(--gold)}
.fl-arrow::after{content:'';position:absolute;right:-1px;top:-3px;border-left:5px solid var(--border2);
  border-top:4px solid transparent;border-bottom:4px solid transparent}
.fl-br:hover .fl-arrow::after{border-left-color:var(--gold)}
.fl-score{flex:0 0 28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  font-size:.82rem;font-weight:800}
.fl-who{flex:1;min-width:0;display:flex;flex-direction:column}
.fl-who b{font-size:.83rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl-who span{font-size:.68rem;color:var(--muted)}
.fl-tags{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}
.fl-hidden{font-size:.71rem;color:var(--muted);padding:.5rem .7rem;margin-left:20px;line-height:1.5;font-style:italic}
.jr-card.flash{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-soft),var(--shadow)}

.jr-fault{border-radius:12px;padding:.7rem .85rem;margin-bottom:.8rem;border:1px solid var(--border)}
.jr-fault .t{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.jr-fault .t b{font-size:.85rem}
.jr-fault p{margin:.3rem 0 0;font-size:.79rem;line-height:1.55}
@media(max-width:720px){
  .fl-node{flex:1 1 100%;position:static}
  .fl-branches{border-left:none;margin-left:0;padding-left:.2rem}
  .cc-list{grid-template-columns:1fr}
  .src-bar{display:none}
}
@media(max-width:600px){
  /* On a phone the name and the pills cannot share a row, so the pills drop under it. */
  .fl-br{flex-wrap:wrap;padding:.55rem .3rem}
  .fl-arrow{flex-basis:12px}
  .fl-who{flex:1 1 auto}
  .fl-who b{white-space:normal}
  .fl-tags{flex:1 1 100%;justify-content:flex-start;margin:.35rem 0 0 40px}
  .fl-hidden{margin-left:0}
  .cc-grid{grid-template-columns:repeat(2,1fr)}
  .cc-line{flex-direction:column;gap:.2rem}
  .cc-line .k{flex:none}
  .jr-fl,.jr-fl.grow{flex:1 1 100%}
}

/* Score and fault colours, shared by the scorecards, the source table and the red line. */
.src-sc.ok,.fl-score.ok,.cc-score.ok,.cc-f.ok,.jr-fault.ok,.fl-node-c.ok{background:#e6f6ee;color:#1d7a4c}
.src-sc.mid,.fl-score.mid,.cc-score.mid,.cc-f.mid,.jr-fault.mid,.fl-node-c.mid{background:#fdf1d8;color:#8f6412}
.src-sc.bad,.fl-score.bad,.cc-score.bad,.cc-f.bad,.jr-fault.bad,.fl-node-c.bad{background:#fde8e4;color:#b23a26}
.src-sc.dim,.fl-score.dim,.cc-score.dim,.cc-f.dim,.jr-fault.dim,.fl-node-c.dim{background:var(--inset);color:var(--muted)}
:root[data-theme="dark"] .src-sc.ok,:root[data-theme="dark"] .fl-score.ok,:root[data-theme="dark"] .cc-score.ok,
:root[data-theme="dark"] .cc-f.ok,:root[data-theme="dark"] .jr-fault.ok,
:root[data-theme="dark"] .fl-node-c.ok{background:#12301f;color:#5fd6a5}
:root[data-theme="dark"] .src-sc.mid,:root[data-theme="dark"] .fl-score.mid,:root[data-theme="dark"] .cc-score.mid,
:root[data-theme="dark"] .cc-f.mid,:root[data-theme="dark"] .jr-fault.mid,
:root[data-theme="dark"] .fl-node-c.mid{background:#33260d;color:#f5c26b}
:root[data-theme="dark"] .src-sc.bad,:root[data-theme="dark"] .fl-score.bad,:root[data-theme="dark"] .cc-score.bad,
:root[data-theme="dark"] .cc-f.bad,:root[data-theme="dark"] .jr-fault.bad,
:root[data-theme="dark"] .fl-node-c.bad{background:#361715;color:#ff8f8f}

/* ── Ask the AI: one collapsible panel, used over the archive, a day and a single sub ── */
.jc{margin:1rem 0}
.jc-open{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;cursor:pointer;font-family:var(--font);
  font-size:.86rem;font-weight:800;color:var(--text);padding:.7rem .95rem;border-radius:12px;
  border:1px solid var(--border2);background:var(--card);box-shadow:var(--shadow);transition:all .18s}
.jc-open:hover{border-color:var(--gold);box-shadow:var(--glow),var(--shadow)}
.jc-open .em{font-size:1rem}
.jc-chev{margin-left:auto;color:var(--muted);font-size:1.05rem;transition:transform .2s}
.jc.open .jc-chev{transform:rotate(90deg)}
.jc-panel{display:none;margin-top:.5rem;padding:.9rem;border-radius:14px;background:var(--inset);border:1px solid var(--border)}
.jc.open .jc-panel{display:block}
.jc-hint{margin:0 0 .7rem;font-size:.75rem;color:var(--muted);line-height:1.5}
.jc-thread{display:flex;flex-direction:column;gap:.5rem;max-height:420px;overflow-y:auto}
.jc-thread:not(:empty){margin-bottom:.7rem}
.jc-msg{display:flex}
.jc-msg.me{justify-content:flex-end}
.jc-b{max-width:84%;padding:.55rem .8rem;border-radius:14px;font-size:.83rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}
.jc-msg.me .jc-b{background:var(--grad);color:#fff;border-bottom-right-radius:5px}
.jc-msg.ai .jc-b{background:var(--card);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:5px}
.jc-note{font-size:.78rem;padding:.45rem .7rem;border-radius:10px;background:var(--card);color:var(--muted);border:1px solid var(--border)}
.jc-note.bad{background:#fde8e4;color:#b23a26;border-color:transparent}
:root[data-theme="dark"] .jc-note.bad{background:#361715;color:#ff8f8f}
.jc-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}
.jc-chip{font-family:var(--font);font-size:.74rem;font-weight:700;padding:.32rem .7rem;border-radius:99px;cursor:pointer;
  border:1px solid var(--border2);background:var(--card);color:var(--muted);text-align:left;transition:all .15s}
.jc-chip:hover{border-color:var(--gold);color:var(--text);background:var(--gold-soft)}
.jc-ask{display:flex;gap:.45rem;align-items:flex-end}
.jc-in{flex:1;font-family:var(--font);font-size:.83rem;line-height:1.4;padding:.5rem .7rem;border-radius:11px;resize:none;
  border:1px solid var(--border2);background:var(--card);color:var(--text);height:36px;min-height:36px;max-height:120px;overflow-y:auto}
.jc-send{font-family:var(--font);font-size:.8rem;font-weight:800;padding:.55rem 1.1rem;border-radius:11px;cursor:pointer;
  border:none;background:var(--grad);color:#fff;white-space:nowrap;transition:opacity .15s}
.jc-send:disabled{opacity:.55;cursor:default}
.jc-foot{display:flex;align-items:center;gap:.6rem;margin-top:.55rem;flex-wrap:wrap}
.jc-cost{flex:1;font-size:.69rem;color:var(--muted)}
.jc-new{font-family:var(--font);font-size:.7rem;font-weight:700;padding:.24rem .6rem;border-radius:99px;cursor:pointer;
  border:1px solid var(--border2);background:transparent;color:var(--muted);transition:all .15s}
.jc-new:hover{border-color:var(--gold);color:var(--text)}
.jr-body .jc{margin:.9rem 0 0}
.jr-body .jc-open{background:var(--card2)}


/* ── names in the day summary are jumps ── */
.jr-link{font:inherit;font-weight:800;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;
  border-bottom:1px dashed currentColor;line-height:inherit}
.jr-link:hover{opacity:.75}
.jr-link.who{color:var(--text)}
.jr-tip{margin-top:.45rem;font-size:.68rem;color:var(--muted)}

/* ── the new-subscriber block inside the exercise list ── */
.ns-brief{margin:.9rem 0 .7rem;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--gold);
  background:linear-gradient(135deg,var(--gold-soft),transparent)}
.ns-brief-h{font-weight:800;font-size:.9rem;color:var(--text);display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}
.ns-brief-h span{font-size:.7rem;font-weight:700;color:var(--muted)}
.ns-brief p{margin:.4rem 0 0;font-size:.8rem;line-height:1.55;color:var(--text)}

/* ── report agenda: a rail on the right that follows the report ── */
#rptResults{position:relative}
.rn{position:fixed;right:56px;top:120px;width:236px;max-height:calc(100vh - 150px);overflow-y:auto;z-index:40;
  background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:.7rem .6rem;
  scrollbar-width:thin;transition:transform .2s,opacity .2s}
.rn.hidden{transform:translateX(120%);opacity:0;pointer-events:none}
.rn-h{display:flex;align-items:center;justify-content:space-between;padding:.1rem .45rem .45rem}
.rn-h b{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.rn-close{font-family:var(--font);font-size:.7rem;font-weight:800;color:var(--muted);background:none;border:none;cursor:pointer;padding:.1rem .3rem}
.rn-close:hover{color:var(--text)}
.rn-g{margin-top:.35rem}
.rn-g>b{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.3rem .45rem .15rem}
.rn-i{display:flex;align-items:center;gap:.45rem;width:100%;text-align:left;font-family:var(--font);font-size:.78rem;font-weight:700;
  color:var(--text);background:none;border:none;border-radius:9px;padding:.38rem .45rem;cursor:pointer;transition:background .15s}
.rn-i:hover{background:var(--gold-soft)}
.rn-i.on{background:var(--gold-soft);box-shadow:inset 3px 0 0 var(--gold)}
.rn-i .em{width:1.1rem;text-align:center;flex-shrink:0}
.rn-i .t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-i .sc{font-size:.68rem;font-weight:800;padding:.08rem .4rem;border-radius:99px;flex-shrink:0}
.rn-i .sc.ok{background:#e6f6ee;color:#1d7a4c}.rn-i .sc.mid{background:#fdf1d8;color:#8f6412}.rn-i .sc.bad{background:#fde8e4;color:#b23a26}
:root[data-theme="dark"] .rn-i .sc.ok{background:#12301f;color:#5fd6a5}
:root[data-theme="dark"] .rn-i .sc.mid{background:#33260d;color:#f5c26b}
:root[data-theme="dark"] .rn-i .sc.bad{background:#361715;color:#ff8f8f}
.rn-i .n{font-size:.66rem;color:var(--muted);font-weight:700;flex-shrink:0}
.rn-open{position:fixed;right:56px;top:120px;z-index:40;font-family:var(--font);font-size:.72rem;font-weight:800;padding:.45rem .8rem;
  border-radius:99px;border:1px solid var(--border2);background:var(--card);color:var(--text);box-shadow:var(--shadow);cursor:pointer;display:none}
.rn-open.show{display:inline-flex;gap:.35rem;align-items:center}
.rn-open:hover{border-color:var(--gold);box-shadow:var(--glow),var(--shadow)}
@media(max-width:1180px){.rn{display:none}.rn-open{display:none!important}}
.rn-i .rn-av{width:1.1rem;height:1.1rem;border-radius:50%;background:var(--grad);color:#fff;font-size:.6rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}


/* ── the briefing reads in colour: every sentence carries its tone and jumps to the chat ── */
.bf-s{cursor:pointer;border-radius:6px;padding:.05rem .25rem;margin:0 -.1rem;transition:background .15s;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.bf-s.bad{background:#fde8e4;color:#7a2415}
.bf-s.good{background:#e6f6ee;color:#155a37}
.bf-s.watch{background:#fdf1d8;color:#6d4a0a}
.bf-s:hover{filter:brightness(.96);text-decoration:underline dotted}
.bf-s .bf-name{color:inherit!important}
:root[data-theme="dark"] .bf-s.bad{background:#3a1a16;color:#ffb3a7}
:root[data-theme="dark"] .bf-s.good{background:#12301f;color:#8fe0b8}
:root[data-theme="dark"] .bf-s.watch{background:#33260d;color:#f5d28a}
.bf-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .8rem}
.bf-chip{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;font-family:var(--font);font-size:.78rem;font-weight:700;
  padding:.38rem .7rem;border-radius:10px;border:1px solid transparent;cursor:pointer;text-align:left;line-height:1.35;transition:transform .15s,box-shadow .15s}
.bf-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.bf-chip .d{width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0}
.bf-chip.bad{background:#fde8e4;color:#7a2415}.bf-chip.bad .d{background:#c9483a}
.bf-chip.good{background:#e6f6ee;color:#155a37}.bf-chip.good .d{background:#2a9d66}
.bf-chip.watch{background:#fdf1d8;color:#6d4a0a}.bf-chip.watch .d{background:#d39a2b}
:root[data-theme="dark"] .bf-chip.bad{background:#3a1a16;color:#ffb3a7}
:root[data-theme="dark"] .bf-chip.good{background:#12301f;color:#8fe0b8}
:root[data-theme="dark"] .bf-chip.watch{background:#33260d;color:#f5d28a}
.bf-key{font-size:.66rem;color:var(--muted);margin:.5rem 0 0;display:flex;gap:.8rem;flex-wrap:wrap}
.bf-key i{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.3rem;vertical-align:middle}

/* ── why a new subscriber was lost: category pills, the line under a flow row, the reasons row ── */
.jr-cat{display:inline-flex;align-items:center;gap:.25rem;padding:.12rem .55rem;border-radius:99px;font-size:.7rem;font-weight:800;white-space:nowrap;border:1px solid transparent}
.jr-cat.bad{background:#fde8e4;color:#b23a26}
.jr-cat.his{background:var(--inset);color:var(--text);border-color:var(--border2)}
.jr-cat.dim{background:var(--inset);color:var(--muted)}
.jr-cat em,.jr-cat i{font-style:normal;font-weight:700;opacity:.7}
:root[data-theme="dark"] .jr-cat.bad{background:#361715;color:#ff8f8f}
.fl-why{flex:1 1 100%;display:flex;gap:.45rem;align-items:baseline;flex-wrap:wrap;margin:.3rem 0 0 40px;font-size:.74rem;color:var(--muted);line-height:1.45}
.fl-why span{min-width:0}
.jr-why{display:flex;flex-wrap:wrap;gap:.5rem .8rem;align-items:center;margin:.9rem 0 .2rem;padding:.7rem .9rem;border-radius:12px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}
.jr-why>b{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.jr-why .grp{display:inline-flex;flex-wrap:wrap;gap:.3rem;align-items:center}
.jr-why .grp em{font-style:normal;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:.15rem}
.jr-ids{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}
.jr-ids code{font-size:.72rem;padding:.15rem .45rem;border-radius:6px;background:var(--card);border:1px solid var(--border);color:var(--text)}
@media(max-width:600px){.fl-why{margin-left:0}}


/* ── trend legend: a chatter with no report in the last window is greyed and explains itself on click ── */
.trend-pill{position:relative}
.trend-pill.stale{opacity:.55;filter:saturate(.25);cursor:help}
.trend-pill.stale:hover{opacity:.8}
.trend-pill i{cursor:pointer}
.trend-note{position:fixed;z-index:1200;min-width:220px;max-width:300px;padding:.55rem .75rem;border-radius:10px;
  background:var(--card);color:var(--text);border:1px solid var(--border2);box-shadow:var(--shadow);font-size:.76rem;font-weight:700;line-height:1.45;
  opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s;pointer-events:none;white-space:normal}
.trend-note.show{opacity:1;transform:none}
.trend-note::before{content:'';position:absolute;left:18px;width:10px;height:10px;background:var(--card);border:1px solid var(--border2);transform:rotate(45deg)}
.trend-note.above::before{bottom:-6px;border-top:none;border-left:none}
.trend-note.below::before{top:-6px;border-bottom:none;border-right:none}

/* ── QA cases: the tab, the panel on an open report, and the red block on the chatter's report ── */
.qc-top{margin:.2rem 0 1rem}.qc-h{margin:0;font-size:1.3rem}.qc-lead{margin:.3rem 0 0;font-size:.82rem;color:var(--muted);max-width:70ch;line-height:1.55}
.qc-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:16px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}
.qc-row{display:flex;gap:.6rem;flex-wrap:wrap}
.qc-f{display:flex;flex-direction:column;gap:.25rem;min-width:220px}.qc-f.grow{flex:1}
.qc-f span{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}
.qc-f select,.qc-f textarea{font-family:var(--font);font-size:.85rem;padding:.5rem .65rem;border-radius:10px;border:1px solid var(--border2);background:var(--card);color:var(--text)}
.qc-f textarea{resize:vertical;line-height:1.5;min-height:110px}
.qc-actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}
.qc-go{font-family:var(--font);font-size:.84rem;font-weight:800;padding:.6rem 1.2rem;border-radius:11px;border:none;cursor:pointer;color:#fff;background:linear-gradient(135deg,#c9483a,#9b2c22);box-shadow:0 6px 16px rgba(201,72,58,.25)}
.qc-go:disabled{opacity:.6;cursor:default}
.qc-cost{font-size:.72rem;color:var(--muted)}
.qc-msg{margin-top:.2rem;padding:.6rem .8rem;border-radius:10px;font-size:.8rem;background:var(--inset);border:1px solid var(--border);color:var(--text)}
.qc-msg.ok{background:#e6f6ee;color:#155a37;border-color:transparent}.qc-msg.bad{background:#fde8e4;color:#7a2415;border-color:transparent}
.qc-msg em{font-style:normal;opacity:.7}
:root[data-theme="dark"] .qc-msg.ok{background:#12301f;color:#8fe0b8}:root[data-theme="dark"] .qc-msg.bad{background:#3a1a16;color:#ffb3a7}
.qc-sec{margin:1.4rem 0 .5rem}.qc-sec h3{margin:0 0 .6rem;font-size:1rem}
.qc-tag{display:inline-flex;align-items:center;padding:.14rem .5rem;border-radius:99px;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#c9483a;flex-shrink:0}
.qc-tag.big{font-size:.7rem;padding:.25rem .7rem}
.qc-card{background:var(--card);border:1px solid var(--border);border-left:4px solid #c9483a;border-radius:14px;margin-bottom:.6rem;overflow:hidden}
.qc-head{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.75rem .9rem;border:none;background:none;cursor:pointer;font-family:var(--font);color:var(--text)}
.qc-title{flex:1;min-width:0;display:flex;flex-direction:column}.qc-title b{font-size:.9rem}.qc-title span{font-size:.72rem;color:var(--muted)}
.qc-chev{color:var(--muted);font-size:1.1rem;transition:transform .2s}.qc-card.open .qc-chev,.qc-panel.open .qc-chev{transform:rotate(90deg)}
.qc-body{display:none;padding:0 .9rem .9rem}.qc-card.open .qc-body{display:block}
.qc-links{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:.7rem}
.qc-link{font-size:.78rem;font-weight:800;color:var(--accent);text-decoration:none;border-bottom:1px dashed currentColor}
.qc-del{font-family:var(--font);font-size:.72rem;font-weight:700;padding:.25rem .6rem;border-radius:99px;border:1px solid var(--border2);background:transparent;color:var(--muted);cursor:pointer}
.qc-del:hover{color:#b23a26;border-color:#b23a26}

.qc-find{display:flex;flex-direction:column;gap:.6rem}
.qc-what{margin:0;font-size:.86rem;line-height:1.6;color:var(--text)}
.qc-ev{display:flex;flex-direction:column;gap:.35rem}
.qc-q{padding:.5rem .75rem;border-radius:12px;font-size:.82rem;line-height:1.5;max-width:92%}
.qc-q b{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;opacity:.75;margin-bottom:.15rem}
.qc-q.fan{background:var(--inset);color:var(--text);border:1px solid var(--border);align-self:flex-start}
.qc-q.me{background:#fde8e4;color:#7a2415;align-self:flex-end}
:root[data-theme="dark"] .qc-q.me{background:#3a1a16;color:#ffb3a7}
.qc-why b,.qc-better b{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:.25rem}
.qc-why p{margin:0;font-size:.83rem;line-height:1.55}
.qc-b{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .7rem;border-radius:10px;background:#e6f6ee;color:#155a37;margin-bottom:.35rem;font-size:.82rem;line-height:1.5}
.qc-b s{opacity:.6;font-size:.76rem}
:root[data-theme="dark"] .qc-b{background:#12301f;color:#8fe0b8}
.qc-note-by{font-size:.76rem;color:var(--muted);line-height:1.5;padding-top:.4rem;border-top:1px dashed var(--border)}
.qc-note-by b{color:var(--text)}

.qc-panel{padding:0!important;margin-bottom:1rem;border:1px solid #c9483a!important}
.qc-ptoggle{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.8rem 1rem;border:none;background:none;cursor:pointer;font-family:var(--font);color:var(--text)}
.qc-ptoggle b{font-size:.92rem}.qc-ptoggle>span:not(.qc-tag):not(.qc-chev){flex:1;font-size:.74rem;color:var(--muted)}
.qc-pbody{display:none;padding:0 1rem 1rem}.qc-panel.open .qc-pbody{display:block}
.qc-panel .qc-form{box-shadow:none;border-color:var(--border);background:var(--inset)}

.qc-block{margin:0 0 1.1rem;padding:1rem 1.1rem;border-radius:16px;border:2px solid #c9483a;background:linear-gradient(135deg,#fde8e4,var(--card) 70%)}
:root[data-theme="dark"] .qc-block{background:linear-gradient(135deg,#3a1a16,var(--card) 70%)}
.qc-bh{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.qc-bh b{font-size:1rem;color:#7a2415}
:root[data-theme="dark"] .qc-bh b{color:#ffb3a7}
.qc-one{padding:.8rem 0;border-top:1px dashed rgba(201,72,58,.35)}.qc-one:first-of-type{border-top:none;padding-top:0}
.qc-one h4{margin:0 0 .5rem;font-size:.95rem;color:var(--text)}.qc-one h4 span{font-weight:600;color:var(--muted);font-size:.8rem}
.qc-ex{margin-top:.8rem;padding:.8rem .9rem;border-radius:12px;border:1px solid #c9483a;background:var(--card)}
.qc-exh{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.qc-exh b{font-size:.85rem;color:#7a2415}
:root[data-theme="dark"] .qc-exh b{color:#ffb3a7}
.qc-sc{font-size:.82rem;line-height:1.55;color:var(--text);padding:.5rem .7rem;border-radius:10px;background:var(--inset);margin-bottom:.5rem}
.qc-qn{font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:.3rem}
.qc-hint{font-size:.75rem;color:var(--muted);font-style:italic;margin-bottom:.5rem}
.qc-ex textarea{width:100%;font-family:var(--font);font-size:.85rem;padding:.55rem .7rem;border-radius:10px;border:1px solid var(--border2);background:var(--card);color:var(--text);resize:vertical;margin-bottom:.4rem}
.qc-exa{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.qc-check{font-family:var(--font);font-size:.8rem;font-weight:800;padding:.45rem .9rem;border-radius:10px;border:none;cursor:pointer;color:#fff;background:#c9483a}
.qc-check:disabled{opacity:.6}
.qc-res{font-size:.8rem;color:var(--text);line-height:1.5}

.qc-emp-panel{margin:.7rem 0 1rem}
.qc-fixed{display:inline-flex;align-items:center;font-size:.85rem;font-weight:800;padding:.5rem .75rem;border-radius:10px;background:var(--inset);border:1px solid var(--border2);color:var(--text)}

/* every jump target keeps the sticky header's height clear above it (see theme.js --head-h) */
.emp-section,.jr-card,.cc,.card,[id^="emp-"],.qc-block{scroll-margin-top:calc(var(--head-h,0px) + 12px)}

/* every point of the QA note, found or not */
.qc-lbl{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:.2rem 0 .35rem}
.qc-points{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.4rem}
.qc-pt{padding:.65rem .8rem;border-radius:12px;background:var(--card);border:1px solid var(--border)}
.qc-pt.unfound{border-style:dashed}
.qc-pt-h{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.4rem}
.qc-pt-h b{font-size:.86rem;line-height:1.5;color:var(--text)}
.qc-kind{align-self:flex-start;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;padding:.12rem .5rem;border-radius:99px}
.qc-kind.moment{background:#fde8e4;color:#7a2415}.qc-kind.pattern{background:#fdf1d8;color:#6d4a0a}.qc-kind.none{background:var(--inset);color:var(--muted)}
:root[data-theme="dark"] .qc-kind.moment{background:#3a1a16;color:#ffb3a7}:root[data-theme="dark"] .qc-kind.pattern{background:#33260d;color:#f5d28a}
.qc-q i{display:block;font-style:normal;font-size:.7rem;opacity:.75;margin-top:.2rem}
.qc-lesson{margin-top:.45rem;font-size:.8rem;line-height:1.5;padding:.45rem .65rem;border-radius:9px;background:#e6f6ee;color:#155a37}
:root[data-theme="dark"] .qc-lesson{background:#12301f;color:#8fe0b8}

/* ── QA case control: summary, filters, per-exercise progress, actions ── */
.qc-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin:.8rem 0}
.qc-st{padding:.7rem .8rem;border-radius:12px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}
.qc-st b{display:block;font-size:1.25rem;font-weight:800;color:var(--text);line-height:1.1}.qc-st b i{font-style:normal;font-size:.85rem;color:var(--muted)}
.qc-st span{display:block;font-size:.66rem;color:var(--muted);margin-top:.15rem;line-height:1.3}
.qc-st.open b{color:#b23a26}.qc-st.mid b{color:#8f6412}.qc-st.ok b{color:#1d7a4c}.qc-st.dim b{color:var(--muted)}
:root[data-theme="dark"] .qc-st.open b{color:#ff8f8f}:root[data-theme="dark"] .qc-st.mid b{color:#f5c26b}:root[data-theme="dark"] .qc-st.ok b{color:#5fd6a5}
.qc-filters{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap;margin:.2rem 0 .8rem;padding:.7rem .85rem;border-radius:12px;background:var(--inset);border:1px solid var(--border)}
.qc-filters .qc-f{min-width:160px}.qc-filters select{font-family:var(--font);font-size:.8rem;padding:.4rem .55rem;border-radius:9px;border:1px solid var(--border2);background:var(--card);color:var(--text)}
.qc-fn{margin-left:auto;font-size:.72rem;color:var(--muted);font-weight:700}
.qc-pill{display:inline-flex;align-items:center;padding:.14rem .55rem;border-radius:99px;font-size:.68rem;font-weight:800;white-space:nowrap}
.qc-pill.open{background:#fde8e4;color:#b23a26}.qc-pill.mid{background:#fdf1d8;color:#8f6412}.qc-pill.ok{background:#e6f6ee;color:#1d7a4c}.qc-pill.bad{background:#fdf1d8;color:#8f6412}.qc-pill.dim{background:var(--inset);color:var(--muted)}
:root[data-theme="dark"] .qc-pill.open{background:#361715;color:#ff8f8f}:root[data-theme="dark"] .qc-pill.mid,:root[data-theme="dark"] .qc-pill.bad{background:#33260d;color:#f5c26b}:root[data-theme="dark"] .qc-pill.ok{background:#12301f;color:#5fd6a5}
/* QA case exercises are a must */
.qc-req{margin-left:auto;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#b23a26;color:#fff;padding:.22rem .6rem;border-radius:999px}
.qc-req-line{margin:.1rem 0 .7rem;font-size:.84rem;font-weight:600;color:#8a2c1d}
.qc-due{font-size:.78rem;font-weight:700;color:#b23a26;margin:-.2rem 0 .55rem}
.qc-must{margin-left:auto;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#b23a26;border:1px solid #e9b4aa;border-radius:999px;padding:.1rem .5rem}
.qc-ex.done{border-color:#9fd8bb;background:#f1faf5}.qc-ex.done .qc-must{color:#1d7a4c;border-color:#9fd8bb}.qc-ex.done .qc-must::after{content:" \2713"}
.qc-ex.done textarea,.qc-ex.done .qc-check{display:none}
.qc-pill.late{background:#b23a26;color:#fff}.qc-pill.carried{background:#fdf1d8;color:#8f6412}
.qc-st.late b{color:#b23a26}
.qc-req-note{margin:.2rem 0 .8rem;padding:.5rem .7rem;border-radius:8px;background:#fde8e4;color:#8a2c1d;font-size:.8rem;font-weight:600}
.qc-calreq{margin-top:.45rem;font-size:.76rem;font-weight:600;color:#b23a26}.qc-calreq.ok{color:#1d7a4c}
.qc-calqa{margin-top:.15rem;font-size:.6rem;font-weight:800;color:#b23a26}.qc-calqa.ok{color:#1d7a4c}
:root[data-theme="dark"] .qc-req-line,:root[data-theme="dark"] .qc-due,:root[data-theme="dark"] .qc-must,:root[data-theme="dark"] .qc-calreq,:root[data-theme="dark"] .qc-calqa,:root[data-theme="dark"] .qc-st.late b{color:#ff8f8f}
:root[data-theme="dark"] .qc-must{border-color:#6b2a24}:root[data-theme="dark"] .qc-req-note{background:#361715;color:#ffb4a8}
:root[data-theme="dark"] .qc-ex.done{background:#12301f;border-color:#2c6b4b}:root[data-theme="dark"] .qc-ex.done .qc-must,:root[data-theme="dark"] .qc-calreq.ok,:root[data-theme="dark"] .qc-calqa.ok{color:#5fd6a5;border-color:#2c6b4b}
:root[data-theme="dark"] .qc-pill.carried{background:#33260d;color:#f5c26b}
.qc-cnt{font-size:.7rem;font-weight:800;color:var(--muted);padding:.12rem .45rem;border-radius:8px;background:var(--inset)}
.qc-card.st-ok{border-left-color:#2a9d66}.qc-card.st-mid{border-left-color:#d39a2b}.qc-card.st-dim{border-left-color:var(--border2);opacity:.85}
.qc-prog{display:flex;flex-direction:column;gap:.4rem;margin:.6rem 0 .9rem;padding:.7rem .8rem;border-radius:12px;background:var(--inset);border:1px solid var(--border)}
.qc-pr{display:flex;gap:.6rem;align-items:flex-start}
.qc-prq{display:flex;flex-direction:column;min-width:0;font-size:.8rem;line-height:1.45}
.qc-prq b{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.qc-prq span{color:var(--text)}.qc-prq em{font-style:normal;font-size:.72rem;color:var(--muted);margin-top:.15rem}
.qc-act{font-family:var(--font);font-size:.74rem;font-weight:800;padding:.32rem .75rem;border-radius:99px;cursor:pointer;border:1px solid var(--border2);background:var(--card);color:var(--text);transition:all .15s}
.qc-act:hover{border-color:var(--gold);box-shadow:var(--glow)}
.qc-parent{font-size:.72rem;font-weight:800;color:#b23a26}
:root[data-theme="dark"] .qc-parent{color:#ff8f8f}
.qc-f input.qc-by{font-family:var(--font);font-size:.85rem;padding:.5rem .65rem;border-radius:10px;border:1px solid var(--border2);background:var(--card);color:var(--text);min-width:140px}
.rn-i .qa{font-size:.62rem;font-weight:900;color:#fff;background:#c9483a;padding:.08rem .4rem;border-radius:99px;flex-shrink:0}

/* ── Revenue & KPIs dashboard (Reports tab, above Performance Trends) ── */
.kd{margin-bottom:1rem}
.kd-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:.9rem}
.kd-head h2{margin:0}.kd-sub{margin:.2rem 0 0;font-size:.8rem;color:var(--muted)}
.kd-range{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}
.kd-p,.kd-go{font-family:var(--font);font-size:.74rem;font-weight:800;padding:.35rem .75rem;border-radius:99px;border:1px solid var(--border2);background:var(--card);color:var(--text);cursor:pointer;transition:all .15s}
.kd-p:hover,.kd-go:hover{border-color:var(--gold)}.kd-p.on{background:var(--grad);color:#fff;border-color:transparent}
.kd-custom{display:inline-flex;gap:.3rem;align-items:center;font-size:.72rem;color:var(--muted)}
.kd-custom input{font-family:var(--font);font-size:.74rem;padding:.3rem .45rem;border-radius:9px;border:1px solid var(--border2);background:var(--card);color:var(--text)}
.kd-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.55rem}
.kd-t{display:flex;flex-direction:column;gap:.15rem;padding:.75rem .85rem;border-radius:14px;background:var(--card2);border:1px solid var(--border)}
.kd-t .l{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}
.kd-t b{font-size:1.35rem;font-weight:800;color:var(--text);line-height:1.15}
.kd-t .n{font-size:.7rem;color:var(--muted);line-height:1.35}
.kd-t.big{background:var(--grad);border-color:transparent}.kd-t.big .l,.kd-t.big .n{color:rgba(255,255,255,.85)}.kd-t.big b{color:#fff;font-size:1.6rem}
.kd-t.ok b{color:#1d7a4c}.kd-t.warn b{color:#b23a26}
:root[data-theme="dark"] .kd-t.ok b{color:#5fd6a5}:root[data-theme="dark"] .kd-t.warn b{color:#ff8f8f}
.kd-split{margin:.9rem 0 .4rem}
.kd-split-bar{display:flex;height:12px;border-radius:99px;overflow:hidden;background:var(--inset)}
.kd-split-bar i{display:block;height:100%}.kd-split-bar i.n,.kd-dot.n{background:#2a9d66}.kd-split-bar i.e,.kd-dot.e{background:var(--gold)}
.kd-split-l{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.35rem;font-size:.74rem;color:var(--muted)}
.kd-dot{display:inline-block;width:.6rem;height:.6rem;border-radius:3px;margin-right:.3rem;vertical-align:middle}
.kd-chart{margin:.9rem 0;padding:.75rem .85rem;border-radius:14px;background:var(--card2);border:1px solid var(--border)}
.kd-ch-h{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;font-size:.76rem;color:var(--muted);margin-bottom:.35rem}.kd-ch-h b{color:var(--text)}
.kd-chart svg{width:100%;height:auto;display:block}
.kd-bar-n{fill:#2a9d66}.kd-bar-e{fill:var(--gold)}.kd-ax{font-size:10px;fill:var(--muted)}.kd-base{stroke:var(--border2);stroke-width:1}
.kd-notes{margin:.4rem 0 .8rem;padding:.55rem .75rem;border-radius:10px;background:var(--inset);border:1px dashed var(--border2)}
.kd-notes p{margin:.15rem 0;font-size:.74rem;color:var(--muted)}
.kd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.8rem}
.kd-sec h3{margin:.3rem 0 .45rem;font-size:.9rem}
.kd-tw{overflow-x:auto;border-radius:12px;border:1px solid var(--border)}
.kd-tb{width:100%;border-collapse:collapse;font-size:.76rem}
.kd-tb th{text-align:left;padding:.45rem .6rem;white-space:nowrap}.kd-tb td{padding:.42rem .6rem;border-top:1px solid var(--border);white-space:nowrap;color:var(--text)}
.kd-tb td em{font-style:normal;color:var(--muted);font-size:.7rem}.kd-tb code{font-size:.7rem}
.kd-new{font-size:.6rem;font-weight:900;text-transform:uppercase;padding:.08rem .35rem;border-radius:99px;background:#e6f6ee;color:#1d7a4c}
.kd-api{margin-top:.9rem}.kd-api summary{cursor:pointer;font-size:.8rem;font-weight:800;color:var(--text);margin-bottom:.5rem}
.kd-err{color:#b23a26;font-size:.84rem}
.kd-d{display:inline-flex;gap:.25rem;align-items:baseline;font-size:.68rem;font-weight:800;line-height:1.2;white-space:nowrap}
.kd-d i{font-style:normal;font-weight:600;opacity:.75}
.kd-d.good{color:#1d7a4c}.kd-d.bad{color:#b23a26}.kd-d.nt,.kd-d.eq,.kd-d.na{color:var(--muted)}
.kd-t.big .kd-d{color:#fff;background:rgba(255,255,255,.18);padding:.05rem .4rem;border-radius:99px;align-self:flex-start}
.kd-t.big .kd-d.bad{background:rgba(120,20,10,.35)}
.kd-tb .kd-d{font-size:.62rem}
.kd-cmp{margin:0 0 .6rem;font-size:.76rem;color:var(--muted)}.kd-cmp .kd-d{font-size:.76rem}
.kd-live{display:inline-block;margin-right:.45rem;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:#d23b2a;padding:.12rem .5rem;border-radius:99px;animation:kdPulse 2s ease-in-out infinite}
@keyframes kdPulse{0%,100%{opacity:1}50%{opacity:.55}}
.kd-kinds{display:flex;flex-wrap:wrap;gap:.45rem;margin:.8rem 0 .2rem}
.kd-k{display:inline-flex;gap:.35rem;align-items:baseline;padding:.35rem .65rem;border-radius:99px;background:var(--card2);border:1px solid var(--border);font-size:.74rem}
.kd-k em{font-style:normal;color:var(--muted)}.kd-k b{color:var(--text)}
.kd-split-bar i.r,.kd-dot.r{background:#6f7bd8}.kd-bar-r{fill:#6f7bd8}
.kd-new.ret{background:#e8eafb;color:#3f4aa8}
.kd-ans-prog{font-weight:800;color:var(--text)}
.kd-body.kd-busy{opacity:.55;transition:opacity .2s}
.kd-t[data-m],.kd-k[data-m]{cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}
.kd-t[data-m]:hover,.kd-k[data-m]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--gold)}
.kd-t[data-m]:focus-visible,.kd-k[data-m]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.kd-t[data-m]::after{content:"\2197";position:absolute;top:.55rem;right:.7rem;font-size:.8rem;color:var(--muted);opacity:0;transition:opacity .15s}
.kd-t[data-m]:hover::after{opacity:1}.kd-t.big[data-m]::after{color:#fff}
body.kd-noscroll{overflow:hidden}
.kd-money{display:inline-flex;padding:3px;border-radius:99px;background:var(--inset);border:1px solid var(--border2);gap:2px;align-self:center}
.kd-money button{font-family:var(--font);font-size:.72rem;font-weight:800;padding:.3rem .8rem;border:0;border-radius:99px;background:transparent;color:var(--muted);cursor:pointer}
.kd-money button.on{background:var(--card);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.kd-mnote{font-weight:700;color:var(--text)}
.kd-pop-t .kd-money{margin-right:.35rem}
.kd-modal{position:fixed;inset:0;z-index:10040;background:rgba(24,18,10,.5);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow-y:auto;animation:toastIn .2s ease both}
.kd-pop{width:100%;max-width:1000px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.25);padding:1.1rem 1.25rem 1.3rem;box-sizing:border-box}
.kd-pop-h{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;align-items:flex-start;margin-bottom:.4rem}
.kd-pop-h h3{margin:0;font-size:1.15rem}.kd-pop-t{display:flex;gap:.35rem;align-items:center}
.kd-x{width:34px;height:34px;border-radius:50%;border:1px solid var(--border2);background:var(--card2);color:var(--text);font-size:1.2rem;line-height:1;cursor:pointer;margin-left:.3rem}
.kd-x:hover{border-color:var(--gold)}
.kd-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin:.7rem 0 .2rem}
.kd-sum div{display:flex;flex-direction:column;gap:.15rem;padding:.65rem .8rem;border-radius:13px;background:var(--card2);border:1px solid var(--border)}
.kd-sum .l{font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}.kd-sum b{font-size:1.15rem}
.kd-pop-h4{margin:.9rem 0 .4rem;font-size:.88rem}
.kd-tb-bar{fill:var(--gold)}.kd-tb-bar.part,.kd-tpt.part{opacity:.5}
.kd-tline{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linejoin:round}.kd-tpt{fill:var(--gold);stroke:var(--card);stroke-width:2}
.kd-val{font-size:10px;font-weight:700;fill:var(--text)}
.kd-tb tr.kd-part td{opacity:.7}
@media (max-width:600px){.kd-modal{padding:12px 10px}.kd-pop{padding:.9rem .85rem 1rem;border-radius:16px}}
:root[data-theme="dark"] .kd-d.good{color:#5fd6a5}:root[data-theme="dark"] .kd-d.bad{color:#ff8f8f}
:root[data-theme="dark"] .kd-new.ret{background:#232850;color:#b3baff}

/* ── Ask the AI: act on an answer ── */
.ax-bar{display:flex;gap:.45rem;flex-wrap:wrap;margin:.55rem 0 0;padding-top:.55rem;border-top:1px dashed var(--border2)}
.ax-btn{font-family:var(--font);font-size:.74rem;font-weight:800;padding:.34rem .75rem;border-radius:99px;border:1px solid var(--border2);background:var(--card);color:var(--text);cursor:pointer;transition:all .15s}
.ax-btn:hover{border-color:var(--gold);box-shadow:var(--glow)}.ax-btn:disabled{opacity:.55;cursor:default}
.ax-work:empty{display:none}.ax-work{margin-top:.6rem}
.ax-msg{padding:.5rem .7rem;border-radius:10px;font-size:.78rem;background:var(--inset);color:var(--text);margin:.3rem 0}
.ax-msg.ok{background:#e6f6ee;color:#155a37}.ax-msg.bad{background:#fde8e4;color:#7a2415}
:root[data-theme="dark"] .ax-msg.ok{background:#12301f;color:#8fe0b8}:root[data-theme="dark"] .ax-msg.bad{background:#3a1a16;color:#ffb3a7}
.ax-pick{display:flex;flex-direction:column;gap:.6rem;padding:.8rem;border-radius:14px;background:var(--card);border:1px solid var(--border)}
.ax-pick-h b{display:block;font-size:.88rem}.ax-pick-h span{font-size:.74rem;color:var(--muted)}
.ax-grp-h{font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:.3rem 0 .25rem}.ax-grp-h em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:600}
.ax-pt{display:flex;gap:.55rem;align-items:flex-start;padding:.45rem .55rem;border-radius:10px;cursor:pointer;border:1px solid transparent}
.ax-pt:hover{background:var(--gold-soft)}.ax-pt input{margin-top:.2rem;accent-color:#c9483a}
.ax-pt span{display:flex;flex-direction:column;font-size:.8rem;line-height:1.45}.ax-pt i,.ax-pt em{font-style:normal;font-size:.7rem;color:var(--muted)}
.ax-f{display:flex;flex-direction:column;gap:.25rem}.ax-f span{font-size:.66rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;line-height:1.35}
.ax-f textarea,.ax-f input{font-family:var(--font);font-size:.84rem;padding:.5rem .65rem;border-radius:10px;border:1px solid var(--border2);background:var(--card);color:var(--text);resize:vertical}
.ax-row{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap}.ax-count{font-size:.72rem;color:#b23a26}
.ax-go{font-family:var(--font);font-size:.82rem;font-weight:800;padding:.55rem 1.1rem;border-radius:11px;border:none;cursor:pointer;color:#fff;background:linear-gradient(135deg,#c9483a,#9b2c22)}
.ax-go:disabled{opacity:.5;cursor:default}
.ax-sop{border-radius:12px;border:1px solid var(--border);background:var(--card);overflow:hidden}
.ax-sop-h{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;align-items:center;padding:.55rem .75rem;background:var(--inset)}.ax-sop-h b{font-size:.78rem}
.ax-sop-h span{display:flex;gap:.35rem}
.ax-md{max-height:520px;overflow-y:auto;padding:.4rem 1rem 1rem;font-size:.84rem;line-height:1.6;color:var(--text)}
.ax-md h2{font-size:1.1rem;margin:1rem 0 .4rem}.ax-md h3{font-size:.95rem;margin:.9rem 0 .35rem}.ax-md h4,.ax-md h5{font-size:.86rem;margin:.7rem 0 .3rem}
.ax-md blockquote{margin:.4rem 0;padding:.35rem .7rem;border-left:3px solid var(--gold);background:var(--inset);border-radius:0 8px 8px 0}
.ax-md code{font-size:.78rem;background:var(--inset);padding:.05rem .3rem;border-radius:4px}
.ax-panel{margin-bottom:.7rem;border-radius:14px;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow)}
.ax-ptoggle{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.75rem .95rem;border:none;background:none;cursor:pointer;font-family:var(--font);color:var(--text)}
.ax-ptoggle b{font-size:.9rem}.ax-ptoggle>span:not(.qc-tag):not(.ax-tag):not(.ax-chev){flex:1;font-size:.74rem;color:var(--muted)}
.ax-tag{display:inline-flex;padding:.14rem .5rem;border-radius:99px;font-size:.62rem;font-weight:900;letter-spacing:.08em;color:#fff;background:var(--gold)}
.ax-chev{color:var(--muted);transition:transform .2s}.ax-panel.open .ax-chev{transform:rotate(90deg)}
.ax-pbody{display:none;padding:0 .95rem .95rem}.ax-panel.open .ax-pbody{display:block}
.ax-sop-row{display:flex;justify-content:space-between;gap:.6rem;align-items:center;padding:.5rem .1rem;border-bottom:1px solid var(--border)}
.ax-sop-row span:first-child{display:flex;flex-direction:column}.ax-sop-row em{font-style:normal;font-size:.7rem;color:var(--muted)}
.ax-sop-row span:last-child{display:flex;gap:.35rem}
#axSopView{margin-top:.6rem}
@media(max-width:600px){.kd-tiles{grid-template-columns:repeat(2,1fr)}.kd-t b{font-size:1.1rem}.kd-t.big b{font-size:1.3rem}}

/* ── Ask, redesigned (v55): a big, calm reading room. Answers read like a clean page; the writer's markers
   ({!…!} {+…+} **…**) and every number get colour, size and underlines. Shared with the SOPs (static/richtext.js). ── */
.ask-wrap{--ask-fs:1.16rem;grid-template-columns:230px minmax(0,1fr);gap:1.1rem}
.ask-wrap[data-size="1"]{--ask-fs:1.02rem}.ask-wrap[data-size="3"]{--ask-fs:1.34rem}
.ask-wrap:not(.compact) .ask-side{max-height:calc(100vh - 140px);position:sticky;top:12px;align-self:start}
.ask-wrap:not(.compact) .ask-main{min-height:calc(100vh - 140px);padding:1.3rem 1.6rem 1.1rem}
.ask-wrap:not(.compact) .ask-msgs{max-height:none;height:calc(100vh - 380px);min-height:520px;gap:1.1rem;padding:.6rem .3rem 1rem}
.ask-head{align-items:center}
.ask-title{font-size:1.6rem}
.ask-hint{font-size:.9rem;max-width:70ch}
.ask-size{display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:99px;background:var(--inset);border:1px solid var(--border2)}
.ask-size span{font-size:.7rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:0 .45rem}
.ask-size button{font-family:var(--font);font-weight:800;border:0;background:transparent;color:var(--muted);border-radius:99px;padding:.28rem .7rem;cursor:pointer;font-size:.8rem}
.ask-size button:nth-of-type(2){font-size:.95rem}.ask-size button:nth-of-type(3){font-size:1.1rem}
.ask-size button.on{background:var(--card);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.ask-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin:0 0 .6rem;padding:.45rem .8rem;border-radius:12px;background:var(--inset);font-size:.86rem;color:var(--muted)}
.ask-legend i{width:4px;height:4px;border-radius:50%;background:var(--border2);display:inline-block;margin:0 .25rem}
.ask-legend .rx-hot{font-size:1em}
.ask-msg{max-width:100%}
.ask-msg.user{max-width:72%}
.ask-msg.assistant{max-width:100%;width:100%}
.ask-bubble{font-size:var(--ask-fs);line-height:1.7}
.ask-msg.user .ask-bubble{font-size:calc(var(--ask-fs) * .95);padding:.85rem 1.2rem;border-radius:20px 20px 6px 20px;box-shadow:0 6px 18px rgba(30,79,176,.18)}
.ask-msg.assistant .ask-bubble{max-width:900px;background:#fff;color:#1f2937;border:1px solid var(--border);border-left:6px solid var(--gold);border-radius:6px 22px 22px 22px;padding:1.3rem 1.7rem 1.2rem;box-shadow:0 10px 30px rgba(60,40,10,.07)}
.ask-msg.thinking .ask-bubble{border-left-color:var(--border2)}
.ask-meta{font-size:.76rem;margin:.4rem .6rem 0}
.ask-suggest{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.6rem;margin:.4rem 0 .8rem}
.ask-chip{display:flex!important;gap:.7rem;align-items:flex-start;text-align:left;border-radius:16px!important;padding:.85rem 1rem!important;font-size:.98rem!important;line-height:1.4;font-weight:600}
.ask-chip-i{font-size:1.35rem;line-height:1.1;flex:none}
.ask-input{gap:.8rem;margin-top:.7rem}
.ask-input textarea{font-size:var(--ask-fs)!important;min-height:78px;padding:1rem 1.2rem!important;border-radius:18px!important;line-height:1.5}
.ask-send{height:78px!important;padding:0 2.1rem!important;font-size:1.15rem!important;border-radius:18px!important}
.ask-foot{display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:center;font-size:.76rem;margin-top:.6rem}
.ask-foot .ask-cost{justify-content:flex-start}
.ask-foot .ask-cost span{font-size:.7rem;padding:.18rem .55rem}
@media(max-width:820px){.ask-wrap:not(.compact) .ask-side{position:static;max-height:190px}.ask-wrap:not(.compact) .ask-msgs{height:auto;min-height:380px;max-height:70vh}
  .ask-msg.user{max-width:88%}.ask-msg.assistant .ask-bubble{padding:1rem 1.1rem}.ask-send{padding:0 1.2rem!important}.ask-wrap:not(.compact) .ask-main{padding:1rem .9rem}}

/* the rich text itself */
.rx{color:inherit}
.rx p{margin:0 0 .75em}.rx>:last-child{margin-bottom:0}
.rx-h1{font-size:1.45em;line-height:1.25;font-weight:800;color:#111827;margin:0 0 .5em;display:flex;gap:.45em;align-items:baseline}
.rx-h2{display:flex;gap:.5em;align-items:center;font-size:1.2em;font-weight:800;color:#7c4a03;margin:1.15em 0 .5em;padding-bottom:.3em;border-bottom:2px solid #f1e2bd;line-height:1.3}
.rx>.rx-h2:first-child{margin-top:0}
.rx-ico{font-size:1.1em;line-height:1}
.rx-h3{font-size:1.05em;font-weight:800;margin:.9em 0 .35em;color:#111827}
.rx-hot{color:#c2410c;font-weight:800;font-size:1.12em;text-decoration:underline;text-decoration-color:#fb923c;text-decoration-thickness:3px;text-underline-offset:4px}
.rx-good{color:#15803d;font-weight:800;text-decoration:underline;text-decoration-color:#4ade80;text-decoration-thickness:2.5px;text-underline-offset:4px}
.rx-b{font-weight:800;color:#111827}
.rx-i{font-style:italic;color:var(--muted)}
.rx-num{font-weight:800;color:#1d4ed8;background:#eef4ff;border-radius:6px;padding:0 .14em;white-space:nowrap}
.rx-hot.rx-num{color:#c2410c;background:#fff1e8}.rx-good.rx-num{color:#15803d;background:#ecfdf3}
.rx-ul,.rx-ol,.rx-check{list-style:none;margin:.2em 0 .8em;padding:0}
.rx-ul>li,.rx-ol>li,.rx-check>li{position:relative;padding-left:1.7em;margin:.45em 0}
.rx-ul>li::before{content:"";position:absolute;left:.45em;top:.62em;width:.5em;height:.5em;border-radius:50%;background:var(--gold)}
.rx-ol{counter-reset:rx}.rx-ol>li{counter-increment:rx}
.rx-ol>li::before{content:counter(rx);position:absolute;left:0;top:.12em;width:1.35em;height:1.35em;border-radius:50%;background:#1f2937;color:#fff;font-size:.78em;font-weight:800;display:flex;align-items:center;justify-content:center}
.rx-more{margin-top:.25em}
.rx-more.good{background:#f0fdf4;border-left:4px solid #22c55e;border-radius:4px 12px 12px 4px;padding:.35em .7em;margin-top:.4em}
:root[data-theme="dark"] .rx-more.good{background:#12301f}
.rx-check>li{display:flex;gap:.6em;padding-left:0}
.rx-box{flex:none;width:1.1em;height:1.1em;margin-top:.25em;border:2px solid #9ca3af;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:.8em;color:#15803d}
.rx-quote{margin:.5em 0 .8em;padding:.7em 1em;background:#f8fafc;border-left:4px solid #cbd5e1;border-radius:4px 14px 14px 4px}
.rx-quote.lead{background:#fff7ed;border-left-color:#f59e0b;font-size:1.06em;font-weight:600}
.rx-say{display:flex;gap:.6em;margin:.2em 0}.rx-say b{flex:none;min-width:4.6em;color:#6b7280}.rx-say.me b{color:#1d4ed8}
.rx-pair{display:flex;gap:.7em;align-items:baseline;padding:.6em .95em;border-radius:4px 14px 14px 4px;margin:.3em 0}
.rx-wrong{background:#fef2f2;border-left:4px solid #ef4444}.rx-right{background:#f0fdf4;border-left:4px solid #22c55e;margin-bottom:.9em}
.rx-tag{flex:none;font-size:.72em;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.rx-wrong .rx-tag{color:#b91c1c}.rx-right .rx-tag{color:#15803d}
.rx-tip{display:flex;gap:.6em;padding:.6em .95em;margin:.3em 0 .9em;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:4px 14px 14px 4px;font-weight:600}
.rx-hr{border:0;border-top:1px solid var(--border);margin:1em 0}
.rx code{font-size:.85em;background:var(--inset);padding:.05em .35em;border-radius:5px}
:root[data-theme="dark"] .ask-msg.assistant .ask-bubble{background:#1f1c17;color:#ece6da;border-color:#3a3328}
:root[data-theme="dark"] .rx-h1,:root[data-theme="dark"] .rx-h3,:root[data-theme="dark"] .rx-b{color:#fff}
:root[data-theme="dark"] .rx-h2{color:#f2c46d;border-bottom-color:#4a3d22}
:root[data-theme="dark"] .rx-hot,:root[data-theme="dark"] .rx-hot.rx-num{color:#ff9a6b;background:transparent}
:root[data-theme="dark"] .rx-good,:root[data-theme="dark"] .rx-good.rx-num{color:#5fd6a5;background:transparent}
:root[data-theme="dark"] .rx-num{color:#93b4ff;background:#1c2744}
:root[data-theme="dark"] .rx-ol>li::before{background:#ece6da;color:#1b1b1b}
:root[data-theme="dark"] .rx-quote{background:#26231e;border-left-color:#4b4538}:root[data-theme="dark"] .rx-quote.lead{background:#33260d;border-left-color:#f59e0b}
:root[data-theme="dark"] .rx-wrong{background:#361715}:root[data-theme="dark"] .rx-right{background:#12301f}:root[data-theme="dark"] .rx-tip{background:#172238}
:root[data-theme="dark"] .rx-say.me b{color:#93b4ff}

/* the SOP preview reads like the answers, and the two Ask panels sit in one slim row above the chat */
.ax-md{max-height:640px;font-size:1.02rem;line-height:1.7;padding:1rem 1.4rem 1.3rem}
#askCaseRoot{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.8rem}
#askCaseRoot .ax-panel{flex:1 1 260px;margin-bottom:0;min-width:0}
#askCaseRoot .ax-ptoggle,#askCaseRoot .ax-ptoggle>span{min-width:0}
#askCaseRoot .ax-panel.open{flex-basis:100%}
#askCaseRoot .ax-ptoggle{padding:.6rem .85rem}
#askCaseRoot .ax-panel:not(.open) .ax-ptoggle>span:not(.qc-tag):not(.ax-tag):not(.ax-chev){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* the Ask tab breaks out of the 820px page column so the chat can use the whole screen */
#t-ask{width:min(1600px,calc(100vw - 48px));margin-left:calc((100% - min(1600px, 100vw - 48px)) / 2)}
.ask-wrap:not(.compact) .ask-msgs{flex:0 0 auto}
.ask-msg.assistant .ask-bubble{max-width:980px}
@media(max-width:820px){#t-ask{width:auto;margin-left:0}}
/* the SOP preview keeps the rich-text sizes and boxes over the older .ax-md rules */
.ax-md .rx-h1{font-size:1.45em;margin:0 0 .5em}.ax-md .rx-h2{font-size:1.2em;margin:1.15em 0 .5em}.ax-md .rx-h3{font-size:1.05em;margin:.9em 0 .35em}
.ax-md .rx-quote{margin:.5em 0 .8em;padding:.7em 1em;background:#f8fafc;border-left:4px solid #cbd5e1;border-radius:4px 14px 14px 4px}
.ax-md .rx-quote.lead{background:#fff7ed;border-left-color:#f59e0b}
:root[data-theme="dark"] .ax-md .rx-quote{background:#26231e;border-left-color:#4b4538}:root[data-theme="dark"] .ax-md .rx-quote.lead{background:#33260d;border-left-color:#f59e0b}
@media(max-width:820px){.ask-wrap,.ask-wrap:not(.compact){grid-template-columns:1fr}.ask-legend{font-size:.8rem}.ask-title{font-size:1.35rem}
  .ask-head{align-items:flex-start}.ask-suggest{grid-template-columns:1fr}.ask-msg.assistant .ask-bubble{border-left-width:4px}}


/* v57: Ask is a full-screen chat app, like ChatGPT or Claude. The Ask tab covers the page (the site header and
   the Activity Feed stay underneath), the left column holds navigation and chats, the messages scroll in a
   centred reading column and the question box stays pinned to the bottom. Everything follows the window size. */
body.ask-on{overflow:hidden}
body.ask-on #qaToggle{display:none}
body.ask-on #t-ask.active{position:fixed;inset:0;z-index:70;margin:0;width:auto;background:var(--bg);display:block;animation:none;transform:none}
.ask-welcome{grid-column:1/-1}
body.ask-on #askRoot{height:100%}
body.ask-on .ask-wrap:not(.compact){height:100%;min-height:0;grid-template-columns:272px minmax(0,1fr);gap:0}
body.ask-on .ask-wrap:not(.compact) .ask-side{height:100%;max-height:none;position:static;border-radius:0;border:0;border-right:1px solid var(--border);box-shadow:none;background:var(--card2);padding:.9rem .8rem;box-sizing:border-box;gap:.55rem}
body.ask-on .ask-wrap:not(.compact) .ask-list{flex:1 1 auto;min-height:0}
body.ask-on .ask-wrap:not(.compact) .ask-main{height:100%;min-height:0;border-radius:0;border:0;box-shadow:none;background:var(--card);padding:0;box-sizing:border-box}
body.ask-on .ask-wrap:not(.compact) .ask-head{margin:0;padding:.65rem 1.3rem;border-bottom:1px solid var(--border);flex-wrap:nowrap}
body.ask-on .ask-wrap:not(.compact) .ask-legend{flex:0 1 auto;overflow:hidden;white-space:nowrap}
body.ask-on .ask-wrap:not(.compact) .ask-size{margin-left:auto;flex:none}
body.ask-on .ask-wrap:not(.compact) .ask-msgs{flex:1 1 auto;height:auto;min-height:0;max-height:none;overflow-y:auto;padding:1.4rem max(18px,calc((100% - 920px) / 2)) 1rem}
body.ask-on .ask-wrap:not(.compact) .ask-msgs:not(.has){display:none}
body.ask-on .ask-wrap:not(.compact) .ask-suggest{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0;padding:1.4rem max(18px,calc((100% - 920px) / 2));align-content:center}
body.ask-on .ask-wrap:not(.compact) .ask-welcome{font-size:1.5rem;font-family:var(--serif);color:var(--text);margin-bottom:.6rem}
body.ask-on .ask-wrap:not(.compact) .ask-welcome span{display:block;font-family:var(--font);font-size:.95rem;color:var(--muted);margin-top:.35rem}
body.ask-on .ask-wrap:not(.compact) .ask-input{margin:0;padding:.7rem max(18px,calc((100% - 920px) / 2)) 0;border-top:1px solid var(--border)}
body.ask-on .ask-wrap:not(.compact) .ask-input textarea{min-height:58px;max-height:30vh}
body.ask-on .ask-wrap:not(.compact) .ask-send{height:58px!important}
body.ask-on .ask-wrap:not(.compact) .ask-foot{margin:0;padding:.35rem max(18px,calc((100% - 920px) / 2)) .6rem}
body.ask-on .ask-msg.assistant .ask-bubble{max-width:none}
.ask-brand{display:flex;align-items:center;gap:.5rem;font-family:var(--serif);font-weight:700;font-size:1.05rem;color:var(--text);padding:.1rem .2rem .3rem}
.ask-back{border:1px solid var(--border2);background:var(--card);color:var(--text);border-radius:10px;padding:.3rem .55rem;cursor:pointer;font-weight:800;font-family:var(--font)}
.ask-back:hover,.ask-drawer-btn:hover{border-color:var(--gold)}
.ask-nav{width:100%;font-family:var(--font);font-size:.82rem;padding:.4rem .55rem;border-radius:10px;border:1px solid var(--border2);background:var(--card);color:var(--text)}
.ask-side-foot{display:flex;flex-direction:column;gap:.4rem;border-top:1px solid var(--border);padding-top:.6rem}
.ask-drawer-btn{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;border:1px solid var(--border2);background:var(--card);color:var(--text);border-radius:12px;padding:.55rem .7rem;cursor:pointer;font-family:var(--font);font-weight:700;font-size:.86rem}
.ask-menu{display:none;border:1px solid var(--border2);background:var(--card);border-radius:10px;padding:.3rem .6rem;cursor:pointer;font-size:1.05rem;flex:none}
.ask-wrap.compact .ask-brand,.ask-wrap.compact .ask-nav,.ask-wrap.compact .ask-side-foot,.ask-wrap:not(.compact) .ask-side-title{display:none}
body.ask-on .ask-wrap:not(.compact) .ask-side-title{display:block}
body:not(.ask-on) .ask-brand,body:not(.ask-on) .ask-nav,body:not(.ask-on) .ask-side-foot{display:none}
/* Open a case and Your SOPs slide in from the right */
body.ask-on #askCaseRoot{position:fixed;top:0;right:0;bottom:0;width:min(640px,94vw);z-index:80;display:block;margin:0;padding:3.2rem 1rem 1rem;overflow-y:auto;background:var(--bg);box-shadow:-24px 0 60px rgba(0,0,0,.22);transform:translateX(105%);transition:transform .25s ease}
body.ask-on.ask-drawer #askCaseRoot{transform:none}
body.ask-on #askCaseRoot .ax-panel{margin-bottom:.7rem}
.ask-drawer-x{position:absolute;top:.7rem;right:.8rem;width:36px;height:36px;border-radius:50%;border:1px solid var(--border2);background:var(--card);font-size:1.25rem;cursor:pointer;color:var(--text)}
body:not(.ask-on) .ask-drawer-x{display:none}
@media(max-width:820px){
  body.ask-on .ask-wrap:not(.compact){grid-template-columns:1fr}
  body.ask-on .ask-wrap:not(.compact) .ask-side{position:fixed;top:0;left:0;bottom:0;width:min(300px,86vw);z-index:75;transform:translateX(-105%);transition:transform .25s ease;box-shadow:24px 0 60px rgba(0,0,0,.22)}
  body.ask-on.ask-side-open .ask-wrap:not(.compact) .ask-side{transform:none}
  body.ask-on .ask-menu{display:inline-block}
  body.ask-on .ask-wrap:not(.compact) .ask-head{padding:.55rem .8rem;gap:.5rem}
  body.ask-on .ask-wrap:not(.compact) .ask-legend{display:none}
  body.ask-on .ask-wrap:not(.compact) .ask-msgs{height:auto;flex:1 1 auto;padding:1rem .8rem}
  body.ask-on .ask-wrap:not(.compact) .ask-suggest{padding:1rem .8rem;align-content:start}
  body.ask-on .ask-wrap:not(.compact) .ask-input{padding:.55rem .8rem 0}
  body.ask-on .ask-wrap:not(.compact) .ask-foot{padding:.3rem .8rem .5rem}
  body.ask-on .ask-wrap:not(.compact) .ask-welcome{font-size:1.2rem}
  body.ask-on .ask-foot .ask-cost span:not(:first-child){display:none}
}
@supports (height:100dvh){body.ask-on #t-ask.active{height:100dvh;bottom:auto}}
/* chat evidence says who, what went wrong and how long the fan waited */
.ev-ref.has-label{background:#fff1e8;color:#b42318!important;border-color:#fdc9b0}
.ev-ref b{font-weight:900}.ev-ref-who{font-weight:600;opacity:.85}
.ev-label{font-style:normal;font-size:.72em;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#dc2626;border-radius:99px;padding:.1rem .5rem;margin-right:.35rem;vertical-align:middle}
.ev-who{color:#1b2a4a}
.ev-acts{display:flex;gap:.4rem;flex-wrap:wrap}
.ev-open.ghost{background:#fff;color:#1e4fb0!important;border:1px solid #c3d5f7;box-shadow:none}
.ev-open.ghost:hover{background:#eef4ff}
.ev-badges{display:flex;flex-wrap:wrap;gap:.4rem;padding:.55rem .7rem;border-bottom:1px solid #e3ebfa;background:#fbfcff}
.ev-badge{font-size:.8rem;font-weight:700;line-height:1.35;padding:.25rem .65rem;border-radius:12px;background:#eef2f7;color:#334155}
.ev-badge.bad{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.ev-badge.warn{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}
.ev-badge.mid{background:#fefce8;color:#854d0e}.ev-badge.ok{background:#f0fdf4;color:#15803d}
:root[data-theme="dark"] .ev-ref.has-label{background:#361715;color:#ff9a8a!important;border-color:#6b2a24}
:root[data-theme="dark"] .ev-badges{background:#1c1a16;border-bottom-color:#3a3328}
:root[data-theme="dark"] .ev-badge{background:#26231e;color:#ece6da}:root[data-theme="dark"] .ev-badge.bad{background:#361715;color:#ff9a8a;border-color:#6b2a24}
:root[data-theme="dark"] .ev-badge.warn{background:#33260d;color:#f5c26b;border-color:#5a4214}:root[data-theme="dark"] .ev-badge.ok{background:#12301f;color:#5fd6a5}
:root[data-theme="dark"] .ev-who{color:#ece6da}:root[data-theme="dark"] .ev-open.ghost{background:#1f1c17;color:#93b4ff!important;border-color:#2c3b5c}
.ev-report.mini{font-size:.72rem;padding:.05rem .5rem;opacity:.95}
.ev-title .ev-who{display:inline}
/* the overview: wide tiles with the top three of each group, a "more numbers" fold, shifts and slow replies */
.kd-tiles.kd-row1{grid-template-columns:1fr 1.35fr 1.35fr;margin-bottom:.55rem}.kd-tiles.kd-row1 .kd-t{grid-column:auto}
@media(max-width:700px){.kd-tiles.kd-row1{grid-template-columns:1fr}}
.kd-top3{margin:.45rem 0 0;padding:.45rem 0 0;border-top:1px dashed var(--border2);list-style:none;display:flex;flex-direction:column;gap:.25rem;font-size:.76rem}
.kd-top3 li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:0 .5rem;align-items:center}
.kd-top3 li b{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd-top3 li span{font-weight:800;color:#1d4ed8}
.kd-top3 li em{grid-column:1/-1;font-style:normal;color:var(--muted);font-size:.7rem}
.kd-top3.dim{font-size:.72rem}
.kd-of{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;margin:0;padding:0;border:1px solid var(--border2);border-radius:.4rem;background:transparent;color:var(--muted);cursor:pointer;vertical-align:middle;flex:none;line-height:1}
.kd-of svg{width:.8rem;height:.8rem}.kd-of:hover{color:var(--text);border-color:var(--text)}
.kd-of.done{color:#1d7a4c;border-color:#1d7a4c;background:#e6f6ee}.kd-of.fail{color:#b42318;border-color:#b42318}
.kd-tb td .kd-of{margin-left:.35rem}
:root[data-theme="dark"] .kd-of.done{background:#173b2a;color:#5fd6a5;border-color:#5fd6a5}
.kd-alert{display:block;margin-top:.3rem;color:#b23a26;font-weight:800}
.kd-more{margin:.6rem 0 .2rem}.kd-more summary{cursor:pointer;font-size:.8rem;font-weight:800;color:var(--muted);margin-bottom:.5rem}
.kd-shared{font-style:normal;font-size:.66rem;color:#8f6412;font-weight:700}
.kd-slow{color:#b23a26}
:root[data-theme="dark"] .kd-top3 li span{color:#93b4ff}:root[data-theme="dark"] .kd-alert,:root[data-theme="dark"] .kd-slow{color:#ff8f8f}:root[data-theme="dark"] .kd-shared{color:#f5c26b}
.kd-h3{margin:1rem 0 .5rem;font-size:.95rem}.kd-h3 span{font-weight:600;color:var(--muted);font-size:.78rem;margin-left:.4rem}
.kd-tiles.kd-small .kd-t b{font-size:1.15rem}.kd-tiles.kd-small{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}

/* ── Creator Brain ─────────────────────────────────────────────────────── */
.br-hero{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1.4rem;align-items:center;overflow:hidden;position:relative}
.br-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 50%,rgba(233,196,106,.28),transparent 45%),radial-gradient(circle at 85% 20%,rgba(29,78,216,.10),transparent 40%);pointer-events:none}
.br-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:240px}
.br-svg{width:100%;max-width:300px;height:auto;overflow:visible;animation:brFloat 6s ease-in-out infinite}
.br-lobe{fill:url(#brG);stroke:#a9772a;stroke-width:2;stroke-linejoin:round}
.br-fold{fill:none;stroke:#a9772a;stroke-width:2;stroke-linecap:round;opacity:.55}
.br-wire{fill:none;stroke:#1d4ed8;stroke-width:1.2;opacity:.35;stroke-dasharray:4 5;animation:brWire 3s linear infinite}
.br-node{fill:#1d4ed8;stroke:#fff;stroke-width:1.5;animation:brPulse 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.br-spark{fill:#e9c46a;stroke:#fff;stroke-width:1.2;filter:url(#brGlow)}
.br-shadow{fill:rgba(60,40,10,.14);animation:brShadow 6s ease-in-out infinite}
@keyframes brFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@keyframes brShadow{0%,100%{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.82);opacity:.55}}
@keyframes brPulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.9);opacity:1}}
@keyframes brWire{to{stroke-dashoffset:-18}}
@media (prefers-reduced-motion:reduce){.br-svg,.br-node,.br-shadow,.br-wire{animation:none}}
.br-intro h2{margin:0 0 .4rem}.br-sub{font-size:.95rem;color:var(--muted);max-width:60ch;margin:0 0 .7rem;line-height:1.55}
.br-status{font-size:.86rem;color:var(--text);background:var(--inset);border-radius:12px;padding:.5rem .8rem;display:inline-block;margin-bottom:.7rem}
.br-actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}
.br-refresh{font-family:var(--font);font-weight:800;border:0;border-radius:99px;padding:.55rem 1.1rem;background:var(--grad);color:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(185,137,47,.25)}
.br-refresh:disabled{opacity:.6;cursor:wait}.br-prog{font-size:.8rem;color:var(--muted)}
.br-headline{margin:0;font-size:1.25rem;line-height:1.5;font-weight:600}
.br-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.8rem;margin-top:.6rem}
.br-card{position:relative;padding:1rem 1.1rem 1rem 1.1rem;border-radius:16px;background:var(--card2);border:1px solid var(--border);line-height:1.55;font-size:.95rem}
.br-card h4{margin:0 0 .45rem;font-size:1.05rem;padding-right:2rem}.br-card p{margin:.35rem 0}
.br-n{position:absolute;top:.75rem;right:.85rem;width:1.7rem;height:1.7rem;border-radius:50%;background:#1f2937;color:#fff;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center}
.br-proof{display:inline-block;font-size:.8rem;font-weight:800;color:#1d4ed8;background:#eef4ff;border-radius:10px;padding:.25rem .6rem;margin:.1rem 0 .4rem}
.br-ex{margin:.5rem 0;padding:.55rem .8rem;background:#f8fafc;border-left:4px solid #cbd5e1;border-radius:4px 12px 12px 4px;font-size:.9rem}
.br-do{margin-top:.5rem;padding:.55rem .8rem;background:#f0fdf4;border-left:4px solid #22c55e;border-radius:4px 12px 12px 4px}
.br-welcome .br-msg{font-size:1.08rem;font-weight:700;padding:.7rem .9rem;background:#fff7ed;border-left:4px solid #f59e0b;border-radius:4px 12px 12px 4px;margin:.2rem 2rem .5rem 0}
.br-based{font-size:.78rem;color:var(--muted);margin-top:.35rem}
.br-copy{margin-top:.5rem;font-family:var(--font);font-size:.76rem;font-weight:800;border:1px solid var(--border2);background:var(--card);color:var(--text);border-radius:99px;padding:.3rem .7rem;cursor:pointer}
.br-pill{font-size:.72rem;font-weight:800;border-radius:99px;padding:.15rem .5rem;background:var(--inset)}
.br-q{max-width:36ch;white-space:normal!important}.br-up{color:#15803d}.br-down{color:#b23a26}
#t-brain h4{margin:1rem 0 .4rem;font-size:.9rem}
@media(max-width:820px){.br-hero{grid-template-columns:1fr}.br-art{min-height:200px}}
:root[data-theme="dark"] .br-proof{background:#1c2744;color:#93b4ff}:root[data-theme="dark"] .br-ex{background:#26231e;border-left-color:#4b4538}
:root[data-theme="dark"] .br-do{background:#12301f}:root[data-theme="dark"] .br-welcome .br-msg{background:#33260d}:root[data-theme="dark"] .br-n{background:#ece6da;color:#1b1b1b}
:root[data-theme="dark"] .br-hero::before{background:radial-gradient(circle at 18% 50%,rgba(233,196,106,.14),transparent 45%),radial-gradient(circle at 85% 20%,rgba(147,180,255,.10),transparent 40%)}

/* ── strikes: the big popup, the header badge, the admin tab ─────────────────────────── */
.sk-modal{position:fixed;inset:0;z-index:10060;background:rgba(24,18,10,.62);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;animation:toastIn .25s ease both}
.sk-pop{width:100%;max-width:640px;background:var(--card);color:var(--text);border:2px solid #c95c62;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.35);padding:1.6rem 1.7rem 1.5rem;box-sizing:border-box;text-align:center;animation:skShake .6s ease 1}
.sk-pop-icon{font-size:3.2rem;line-height:1;margin-bottom:.4rem}
.sk-pop h2{margin:0 0 .6rem;font-size:1.7rem;line-height:1.15;color:#b23a42}
.sk-pop-reason{background:#fdecec;border:1px solid #f2bcbc;border-radius:14px;padding:.9rem 1rem;margin:.6rem 0 .9rem;text-align:left}
.sk-pop-reason .lbl{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#b23a42;margin-bottom:.2rem}
.sk-pop-reason .txt{font-size:1.15rem;font-weight:700;line-height:1.35;color:#2b2117}
.sk-pop-meta{font-size:.75rem;color:#8a7b6b;margin-top:.4rem}
.sk-pop p{margin:.35rem 0;font-size:1.02rem;line-height:1.45}
.sk-pop p.hot{color:#b23a42;font-weight:800;font-size:1.08rem}
.sk-guide{display:block;margin:1rem auto .6rem;padding:.85rem 1.1rem;border-radius:14px;background:var(--accent);color:#fff;font-weight:800;font-size:1.05rem;text-decoration:none;box-shadow:0 8px 20px rgba(166,124,46,.35)}
.sk-guide:hover{background:var(--accent2);color:#fff}
.sk-ok{margin-top:.4rem;padding:.7rem 1.4rem;border-radius:12px;border:1px solid var(--border2);background:var(--card2);color:var(--text);font-weight:700;cursor:pointer;font-size:.95rem;font-family:inherit}
.sk-ok:hover{background:var(--hover)}
@keyframes skShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}
.sk-badge{display:inline-flex;align-items:center;gap:.4rem;margin-left:.6rem;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700;background:#eef7ee;color:#2f7a3e;border:1px solid #cfe8d2;vertical-align:middle}
.sk-badge.warning{background:#fff4e0;color:#9a5b00;border-color:#f3d9a4}
.sk-badge.last,.sk-badge.out{background:#fdecec;color:#b23a42;border-color:#f2bcbc}
.sk-dots{display:inline-flex;gap:.25rem;vertical-align:middle}
.sk-dots i{width:.72rem;height:.72rem;border-radius:50%;background:var(--border2);display:inline-block}
.sk-dots i.on{background:#c95c62;box-shadow:0 0 0 2px #fdecec}
.sk-head{margin-bottom:.9rem}
.sk-h2{margin:0 0 .3rem;font-size:1.5rem}
.sk-sub{margin:0;color:var(--muted);max-width:780px;line-height:1.5}
.sk-give{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1rem 1.1rem;margin-bottom:1rem}
.sk-give h3{margin:0 0 .4rem;font-size:1.05rem}
.sk-give label{display:block;font-weight:700;font-size:.85rem;margin:.5rem 0 .25rem}
.sk-give input,.sk-give textarea{display:block;width:100%;box-sizing:border-box;margin-top:.3rem;padding:.6rem .7rem;border:1px solid var(--border2);border-radius:10px;background:var(--inset);color:var(--text);font:inherit;font-weight:500}
.sk-row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-top:.6rem}
.sk-msg{font-size:.85rem;color:var(--muted)}
.sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.8rem;margin-bottom:1rem}
.sk-card{background:var(--card);border:1px solid var(--border);border-left:5px solid #7bb87f;border-radius:14px;padding:.85rem .95rem}
.sk-card.warning{border-left-color:#e0a63a}
.sk-card.last{border-left-color:#c95c62}
.sk-card.out{border-left-color:#7a1f26;background:#fdf3f3}
.sk-card-h{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}
.sk-card-h strong{font-size:1.02rem}
.sk-tag{font-size:.68rem;padding:.1rem .45rem;border-radius:999px;background:var(--inset);color:var(--muted);border:1px solid var(--border)}
.sk-status{font-size:.82rem;color:var(--muted);margin:.25rem 0 .5rem}
.sk-card.last .sk-status,.sk-card.out .sk-status{color:#b23a42;font-weight:700}
.sk-item{border-top:1px dashed var(--border);padding:.5rem 0}
.sk-item.rev{opacity:.6}
.sk-item.rev .sk-reason{text-decoration:line-through}
.sk-item-t{font-size:.72rem;color:var(--muted);margin-bottom:.15rem}
.sk-reason{font-size:.9rem;font-weight:600;line-height:1.35;margin-bottom:.35rem}
.sk-revnote{font-size:.75rem;color:#2f7a3e}
.sk-rev-form{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.3rem}
.sk-rev-form input{flex:1 1 180px;padding:.45rem .6rem;border:1px solid var(--border2);border-radius:8px;background:var(--inset);color:var(--text);font:inherit}
.sk-hist{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:.6rem .9rem}
.sk-hist summary{cursor:pointer;font-weight:700}
.sk-hist table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:.5rem}
.sk-hist th,.sk-hist td{text-align:left;padding:.35rem .4rem;border-bottom:1px solid var(--border);vertical-align:top}
.sk-hist tr.rev td{opacity:.55}
@media (max-width:640px){.sk-pop{padding:1.2rem 1rem}.sk-pop h2{font-size:1.35rem}.sk-grid{grid-template-columns:1fr}}

/* ── accountability: who read the guide ──────────────────────────────────────────────── */
.ac-head{margin-bottom:.9rem}
.ac-h2{margin:0 0 .3rem;font-size:1.5rem}
.ac-sub{margin:0 0 .6rem;color:var(--muted);max-width:820px;line-height:1.5}
.ac-sub a{color:var(--accent);font-weight:700}
.ac-totals{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.ac-chip{padding:.3rem .7rem;border-radius:999px;font-size:.82rem;border:1px solid var(--border);background:var(--card)}
.ac-chip b{font-size:.95rem}
.ac-chip.ok{background:#eef7ee;color:#2f7a3e;border-color:#cfe8d2}
.ac-chip.mid{background:#fff4e0;color:#9a5b00;border-color:#f3d9a4}
.ac-chip.bad{background:#fdecec;color:#b23a42;border-color:#f2bcbc}
.ac-wrap{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:.4rem .6rem;overflow-x:auto}
.ac-table{width:100%;border-collapse:collapse;font-size:.86rem}
.ac-table th{text-align:left;padding:.5rem .5rem;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border)}
.ac-table td{padding:.5rem .5rem;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}
.ac-table tr:last-child td{border-bottom:none}
.ac-table tr.never td.ac-name{color:#b23a42}
.ac-name{font-weight:700}
.ac-pill{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.74rem;font-weight:700}
.ac-pill.ok{background:#eef7ee;color:#2f7a3e}
.ac-pill.mid{background:#fff4e0;color:#9a5b00}
.ac-pill.bad{background:#fdecec;color:#b23a42}
.ac-bar{display:inline-block;width:90px;height:8px;border-radius:999px;background:var(--inset);border:1px solid var(--border);vertical-align:middle;overflow:hidden;margin-right:.35rem}
.ac-bar i{display:block;height:100%;background:var(--accent2);border-radius:999px}
.ac-pct{font-size:.78rem;color:var(--muted)}
.ac-others{margin:.8rem 0 0;font-size:.82rem;color:var(--muted)}

/* ── QA activity (owner only): the day of a tracked login, step by step ──────────────── */
.qt-head{margin-bottom:.9rem}
.qt-h2{margin:0 0 .3rem;font-size:1.5rem}
.qt-sub{margin:0 0 .6rem;color:var(--muted);max-width:860px;line-height:1.5}
.qt-bar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.qt-bar input[type=date],.qt-bar select{padding:.4rem .6rem;border:1px solid var(--border2);border-radius:8px;background:var(--inset);color:var(--text);font:inherit;font-size:.85rem}
.qt-auto{font-size:.82rem;color:var(--muted);display:inline-flex;gap:.3rem;align-items:center}
.qt-days{font-size:.78rem;color:var(--muted)}
.qt-days a{color:var(--accent);font-weight:700;margin-right:.2rem}
.qt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:.8rem;margin-bottom:1rem}
.qt-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:.9rem 1rem}
.qt-card-h{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}
.qt-card-h strong{font-size:1.05rem}
.qt-card-h span{font-size:.78rem;color:var(--muted)}
.qt-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.6rem 0}
.qt-stats div{background:var(--inset);border-radius:10px;padding:.45rem .5rem;text-align:center}
.qt-stats b{display:block;font-size:1.1rem}
.qt-stats span{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.qt-h4{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:.6rem 0 .3rem}
.qt-tab{display:grid;grid-template-columns:110px 1fr 70px;gap:.5rem;align-items:center;font-size:.8rem;margin:.2rem 0}
.qt-tab span{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qt-tab i{display:block;height:8px;border-radius:999px;background:var(--inset);border:1px solid var(--border);overflow:hidden}
.qt-tab i b{display:block;height:100%;background:var(--accent2);border-radius:999px}
.qt-tab em{font-style:normal;color:var(--muted);text-align:right}
.qt-opened{font-size:.82rem;margin:.2rem 0}
.qt-opened summary{cursor:pointer;font-weight:700}
.qt-opened ul{margin:.2rem 0 .4rem;padding-left:1.1rem;color:var(--muted)}
.qt-timeline{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:.3rem .6rem}
.qt-row{display:grid;grid-template-columns:72px 28px 1fr auto;gap:.4rem;align-items:start;padding:.45rem .2rem;border-bottom:1px dashed var(--border);font-size:.88rem}
.qt-row:last-child{border-bottom:none}
.qt-row.auto{opacity:.55;font-size:.8rem}
.qt-time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.8rem;padding-top:.1rem}
.qt-ic{text-align:center}
.qt-text{line-height:1.4}
.qt-text b{margin-right:.25rem}
.qt-meta{display:block;font-size:.72rem;color:var(--muted)}
.qt-body{font-size:.74rem;margin-top:.15rem}
.qt-body summary{cursor:pointer;color:var(--accent)}
.qt-body pre{margin:.2rem 0 0;white-space:pre-wrap;word-break:break-word;background:var(--inset);border-radius:8px;padding:.4rem .5rem;max-height:200px;overflow:auto}
.qt-dwell{font-size:.78rem;color:var(--muted);white-space:nowrap;padding-top:.1rem}
.qt-dwell.idle{color:#9a5b00}
.qt-empty{color:var(--muted)}
@media (max-width:640px){.qt-row{grid-template-columns:60px 24px 1fr;font-size:.82rem}.qt-dwell{grid-column:3;justify-self:end}}

/* ── the OnlyFans chat link, wherever a fan is named ────────────────────────────────── */
.of-link{display:inline-block;margin-left:.35rem;padding:.08rem .45rem;border-radius:999px;font-size:.68rem;font-weight:800;text-decoration:none;color:#1d4ed8;background:#e8efff;border:1px solid #c7d6ff;vertical-align:middle;white-space:nowrap;line-height:1.3}
.of-link:hover{background:#d6e2ff;color:#1d4ed8}
.ev-acts .of-link{margin-left:0}

/* ── open a case from inside a conversation or a flag ──────────────────────────────── */
.qc-inline{margin:.3rem 0 .7rem}
.qc-inline-btn.on{background:var(--gold-soft);border-color:var(--accent)}
.qc-inline-host:not(:empty){margin-top:.5rem}
