/* brief-briefing.css — the M1 assistant briefing panel (views-brief.js): the
   headline, watcher line, needs-attention cards, held-drafts line, learning
   receipts, and the collapsible activity ledger that sit ABOVE the classic
   dashboard. Split out because brief.css sits at its line cap; tokens
   mirror that file's :root. Color grammar (DESIGN-CANON): amber = decision
   waits · mint = private/learned/verified · blue = touches provider ·
   cyan = watching/alive. Sentence case; mono for machine truth. */

.ec-brief{
  display:flex;flex-direction:column;gap:14px;margin:0 0 16px;
  padding:18px 20px;border-radius:var(--r-3);
  background:var(--glass-1);border:1px solid var(--line);box-shadow:var(--shadow-1);
}
.ec-brief-sec[hidden]{display:none;}

/* quiet / pre-first-scan state — one calm line, no fake numbers */
.ec-brief[data-mode="quiet"]{padding:14px 18px;}
.ec-brief-quiet{display:flex;align-items:center;gap:9px;font-family:var(--mono);
  font-size:12.5px;color:var(--faint);}
.ec-brief-quiet .ec-i{color:var(--faint);}

/* headline */
.ec-brief-head h2{margin:0 0 6px;font-size:21px;font-weight:700;letter-spacing:-.01em;line-height:1.25;}
.ec-brief-sub{font-size:12.5px;color:var(--dim);}

/* watcher line — cyan dot = watching/alive */
.ec-brief-watch{display:flex;align-items:center;gap:8px;font-family:var(--mono);
  font-size:11px;letter-spacing:.02em;color:var(--dim);}
.ec-brief-watch .ec-dot{width:7px;height:7px;background:var(--cyan);box-shadow:0 0 0 3px rgba(69,214,224,0.12);}

/* needs-attention cards — amber = a decision waits */
.ec-brief-needs{display:flex;flex-direction:column;gap:8px;}
.ec-brief-card{
  display:block;width:100%;text-align:left;cursor:pointer;
  padding:11px 13px;border-radius:var(--r-2);color:var(--ink);
  background:var(--glass-0);border:1px solid var(--line);border-left:3px solid var(--amber-bd);
  transition:background var(--dur-1),border-color var(--dur-1);
}
.ec-brief-card:hover{background:var(--glass-2);border-color:var(--line-2);border-left-color:var(--amber);}
.ec-brief-card:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(69,214,224,0.3);}
.ec-brief-card-r1{display:flex;align-items:baseline;gap:9px;margin-bottom:2px;}
.ec-brief-card-r1 b{font-size:13px;font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ec-brief-time{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--faint);flex:0 0 auto;}
.ec-brief-chip{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;
  padding:2px 7px;border-radius:var(--r-chip);flex:0 0 auto;
  background:var(--amber-bg);border:1px solid var(--amber-bd);color:var(--amber);}
.ec-brief-card-subj{font-size:12.5px;font-weight:550;line-height:1.35;margin-bottom:3px;}
.ec-brief-why{display:flex;flex-direction:column;gap:1px;font-size:11.5px;color:var(--dim);line-height:1.4;}
.ec-brief-why-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);}
.ec-brief-more{font-family:var(--mono);font-size:10.5px;color:var(--faint);padding:1px 3px;}

/* ready-drafts section — held drafts are decisions waiting (amber band).
   Rows STACK: the v2 one-line variant's row layout made the v3 draft rows
   overflow horizontally. */
.ec-brief-drafts{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--dim);
  padding:9px 12px;border-radius:var(--r-2);background:rgba(245,184,107,.045);border:1px solid rgba(245,184,107,.22);}

/* learning receipts — mint = private/learned */
.ec-brief-learn{padding:11px 13px;border-radius:var(--r-2);
  background:rgba(94,242,176,.045);border:1px solid rgba(94,242,176,.20);}
.ec-brief-learn-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.ec-brief-learn-label{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mint);}
.ec-brief-learn-hint{font-size:10.5px;color:var(--faint);}
.ec-brief-learn-item{display:flex;flex-direction:column;gap:1px;padding:6px 0;border-top:1px solid var(--line);}
.ec-brief-learn-item:first-of-type{border-top:0;padding-top:0;}
.ec-brief-learn-fact{font-family:var(--mono);font-size:12px;color:var(--ink);}
.ec-brief-learn-evidence{font-size:11.5px;color:var(--dim);line-height:1.4;}
.ec-brief-learn-next{font-family:var(--mono);font-size:10.5px;color:var(--faint);}

/* activity & receipts — quiet collapsible ledger */
.ec-brief-activity{border-top:1px solid var(--line);padding-top:11px;}
.ec-brief-activity summary{
  display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;
  font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);
}
.ec-brief-activity summary::-webkit-details-marker{display:none;}
.ec-brief-activity summary::before{content:"▸";color:var(--faint);transition:transform var(--dur-1);}
.ec-brief-activity[open] summary::before{transform:rotate(90deg);}
.ec-brief-activity summary:hover{color:var(--ink);}
.ec-brief-act-count{font-family:var(--mono);font-size:10px;padding:1px 7px;border-radius:var(--r-chip);
  background:var(--glass-2);color:var(--faint);}
.ec-brief-act-list{display:flex;flex-direction:column;margin-top:9px;}
.ec-brief-act-row{display:flex;align-items:baseline;gap:10px;padding:5px 0;border-top:1px solid var(--line);
  font-size:11.5px;color:var(--dim);line-height:1.45;}
.ec-brief-act-row:first-of-type{border-top:0;}
.ec-brief-act-time{font-family:var(--mono);font-size:10.5px;color:var(--faint);flex:0 0 64px;}
.ec-brief-act-kind{font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;padding:2px 7px;
  border-radius:var(--r-chip);background:var(--glass-2);color:var(--faint);flex:0 0 auto;}
.ec-brief-act-main{flex:1;min-width:0;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;}
.ec-brief-act-main b{font-size:11.5px;font-weight:600;color:var(--ink);}
.ec-brief-act-label{color:var(--blue2);}
.ec-brief-run{font-family:var(--mono);font-size:9.5px;color:var(--faint);border:1px solid var(--line-2);
  border-radius:var(--r-chip);padding:1px 7px;flex:0 0 auto;}

/* graduation card — mint band: the assistant asks for trust it earned */
.ec-brief-offer{border:1px solid color-mix(in srgb,var(--mint) 35%,transparent);
  border-radius:var(--r-card);padding:11px 13px;display:flex;flex-direction:column;gap:6px;
  background:color-mix(in srgb,var(--mint) 6%,transparent);}
.ec-brief-offer-head{display:flex;align-items:center;gap:8px;}
.ec-brief-offer-head b{font-size:13px;font-weight:650;color:var(--ink);flex:1;}
.ec-brief-offer-head .ec-i{color:var(--mint);}
.ec-brief-offer-evidence{font-family:var(--mono);font-size:10px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--mint);}
.ec-brief-offer-ask{font-size:12.5px;color:var(--ink);font-weight:600;}
.ec-brief-offer-actions{display:flex;gap:8px;margin-top:2px;}
.ec-brief-offer-note{font-size:10.5px;color:var(--faint);}
.ec-brief-offer-contract{text-align:right;}

/* shared buttons */
.ec-brief-btn{font:inherit;font-size:11px;color:var(--dim);background:var(--glass-2);
  border:1px solid var(--line-2);border-radius:var(--r-chip);padding:4px 11px;cursor:pointer;
  transition:color var(--dur-1),border-color var(--dur-1);}
.ec-brief-btn:hover{color:var(--ink);border-color:var(--faint);}
.ec-brief-btn:disabled{opacity:.5;cursor:default;}
.ec-brief-btn-primary{color:var(--ink);border-color:color-mix(in srgb,var(--mint) 50%,transparent);
  background:color-mix(in srgb,var(--mint) 12%,transparent);}
.ec-brief-btn-amber{color:var(--ink);border-color:color-mix(in srgb,var(--amber) 50%,transparent);
  background:color-mix(in srgb,var(--amber) 14%,transparent);font-weight:600;}
.ec-brief-btn-sm{font-size:10px;padding:2px 8px;flex:0 0 auto;}
.ec-brief-act-actions{display:flex;gap:6px;flex:0 0 auto;}

/* trust & autonomy rows */
.ec-brief-autonomy{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--line);padding-top:11px;}
.ec-brief-auto-row{display:flex;align-items:baseline;gap:9px;font-size:11.5px;color:var(--dim);flex-wrap:wrap;}
.ec-brief-auto-badge{font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--r-chip);background:var(--glass-2);color:var(--faint);flex:0 0 auto;}
.ec-brief-auto-row[data-life="shadow"] .ec-brief-auto-badge{color:var(--amber);}
.ec-brief-auto-row[data-life="active"] .ec-brief-auto-badge{color:var(--blue2);}
.ec-brief-auto-scope{font-weight:600;color:var(--ink);}
.ec-brief-auto-note{color:var(--faint);}

/* click-through flash on the target thread row in the list below */
@keyframes ec-brief-hit{
  0%{background:var(--sel-bg);box-shadow:inset 3px 0 0 var(--cyan);}
  100%{background:transparent;box-shadow:none;}
}
.ec-thread.ec-brief-hit{animation:ec-brief-hit 1.6s var(--ease);}

/* overnight story: the reported gap / worked-through-night line (cyan family) */
.ec-brief-gap{margin-top:4px;font-size:12px;color:var(--faint);font-style:italic;}

/* "Run overnight" one-time setup card — invitation tone, honest conditions */
.ec-brief-overnight{border:1px solid var(--glass-3);border-radius:var(--r-card);
  padding:12px 14px;background:var(--glass-1);}
.ec-brief-overnight-head{font-weight:700;color:var(--ink);margin-bottom:4px;}
.ec-brief-overnight-copy{color:var(--ink);font-size:13px;}
.ec-brief-overnight-conds{margin:8px 0 10px 18px;padding:0;color:var(--faint);
  font-size:12px;display:flex;flex-direction:column;gap:2px;}

/* ── v3 screen 01–04 fidelity (C.2) ─────────────────────────────── */

/* kicker row + collapse control */
.ec-brief-kicker{display:flex;align-items:center;gap:12px;margin-bottom:6px;}
.ec-brief-kicker-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--faint);}
.ec-brief-kicker-live{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--dim);}
.ec-brief-collapse{font:inherit;font-size:10.5px;color:var(--faint);background:none;border:none;
  cursor:pointer;margin-left:auto;padding:2px 4px;}
.ec-brief-collapse:hover{color:var(--ink);}

/* lead + trust sentence */
.ec-brief-lead{font-size:12.5px;color:var(--dim);line-height:1.5;max-width:56ch;}
.ec-brief-trust{color:var(--mint);font-weight:650;}

/* CTA row */
.ec-brief-ctas{display:flex;gap:8px;margin-top:8px;}

/* coverage & system disclosure (screen 03, on demand) */
.ec-brief-coverage{margin-top:8px;font-size:11px;color:var(--faint);}
.ec-brief-coverage summary{display:flex;gap:10px;align-items:baseline;cursor:pointer;list-style:none;}
.ec-brief-coverage summary::-webkit-details-marker{display:none;}
.ec-brief-coverage-more{color:var(--dim);flex:0 0 auto;}
.ec-brief-coverage[open] .ec-brief-coverage-more,.ec-brief-coverage summary:hover .ec-brief-coverage-more{color:var(--ink);}
.ec-brief-coverage-panel{margin-top:8px;padding:10px 12px;border:1px solid var(--line);
  border-radius:var(--r-card);background:var(--glass-0);display:flex;flex-direction:column;gap:4px;
  font-size:11.5px;color:var(--dim);}

/* collapsed brief (screen 02): one live line */
.ec-brief[data-mode="collapsed"]{padding:8px 0;}
.ec-brief-collapsed{display:flex;align-items:baseline;gap:10px;font-size:12.5px;color:var(--dim);}
.ec-brief-collapsed b{color:var(--ink);}

/* section kickers */
.ec-brief-sec-kicker{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;}
.ec-brief-sec-kicker>span:first-child{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--faint);}
.ec-brief-sec-kicker-sub{font-size:10.5px;color:var(--faint);}

/* needs cards: title + actions + why-drawer */
.ec-brief-card-title{font-size:13px;font-weight:650;}
.ec-brief-card-actions{display:flex;align-items:baseline;gap:12px;margin-top:5px;}
.ec-brief-card-why{font-size:11px;color:var(--dim);}
.ec-brief-card-why summary{cursor:pointer;list-style:none;color:var(--faint);}
.ec-brief-card-why summary::-webkit-details-marker{display:none;}
.ec-brief-card-why summary:hover{color:var(--ink);}
.ec-brief-card-why[open]>div{margin-top:4px;}

/* mono utility (provenance / contract lines) */
.ec-brief-mono{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--faint);}

/* draft rows + the send boundary */
.ec-brief-draft-row{display:flex;align-items:baseline;gap:10px;padding:4px 0;}
.ec-brief-draft-who{font-size:12px;color:var(--ink);flex:1;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ec-brief-lock{display:flex;align-items:center;gap:6px;margin-top:6px;
  font-size:10.5px;color:var(--faint);}

/* handled quietly */
.ec-brief-handled-n{font-size:12.5px;color:var(--dim);}
.ec-brief-handled-n b{font-size:18px;font-family:var(--mono);color:var(--ink);margin-right:4px;}
.ec-brief-handled-grant{font-size:11px;color:var(--faint);margin-top:2px;}

/* ── "What I know" sheet (v3 screen 10) ─────────────────────────── */
.ec-brief-know-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;
  justify-content:center;background:rgba(8,10,12,.55);backdrop-filter:blur(3px);}
.ec-brief-know-sheet{width:min(640px,calc(100vw - 40px));max-height:min(72vh,640px);
  overflow:auto;display:flex;flex-direction:column;gap:10px;padding:16px 18px;
  border-radius:var(--r-3);background:var(--glass-1);border:1px solid var(--line);
  box-shadow:var(--shadow-1);}
.ec-brief-know-head{display:flex;align-items:baseline;gap:10px;}
.ec-brief-know-head b{font-size:15px;color:var(--ink);}
.ec-brief-know-head .ec-brief-collapse{margin-left:auto;}
.ec-brief-know-list{display:flex;flex-direction:column;}
.ec-brief-know-row{display:flex;flex-direction:column;gap:3px;padding:9px 0;border-top:1px solid var(--line);}
.ec-brief-know-row:first-of-type{border-top:0;}
.ec-brief-know-fact{display:flex;align-items:baseline;gap:8px;}
.ec-brief-know-fact b{font-size:12.5px;font-weight:650;color:var(--ink);min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ec-brief-know-state{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;
  text-transform:uppercase;padding:1px 7px;border-radius:var(--r-chip);
  background:var(--glass-2);color:var(--faint);flex:0 0 auto;}
.ec-brief-know-state[data-state="active"]{color:var(--blue2);}
.ec-brief-know-state[data-state="shadow"],.ec-brief-know-state[data-state="offered"]{color:var(--amber);}
.ec-brief-know-foot{display:flex;align-items:baseline;gap:10px;}
.ec-brief-know-next{font-size:10.5px;color:var(--faint);flex:1;}
.ec-brief-know-empty{font-size:12px;color:var(--dim);padding:8px 0;}
.ec-brief-know-footline{border-top:1px solid var(--line);padding-top:8px;}

/* screen 08: filter chips + kind-tag color grammar (blue = touched provider) */
.ec-brief-act-chips{display:flex;gap:6px;margin-top:8px;}
.ec-brief-act-chips .ec-brief-btn[data-on]{color:var(--ink);border-color:var(--faint);}
.ec-brief-act-kind[data-mailbox]{color:var(--blue2);border:1px solid color-mix(in srgb,var(--blue2) 30%,transparent);}

/* funnel teaser (C.6): honest early-preview card after the receipts */
.ec-brief-funnel{border-top:1px solid var(--line);padding-top:11px;display:flex;
  flex-direction:column;gap:6px;}
.ec-brief-funnel-copy{font-size:12px;color:var(--dim);line-height:1.5;max-width:64ch;}
.ec-brief-funnel-copy b{color:var(--ink);}
.ec-brief-funnel-row{display:flex;gap:8px;align-items:center;}
.ec-brief-funnel-row a{text-decoration:none;display:inline-block;}