/* brief-sheet.css — the v3 draft review sheet (screen 05, views-draft.js), the
   context dialog (screen 06, views-context.js), and the settings sheet
   (screen 09, views-settings.js). Split file: brief.css sits at its cap and
   carries the base .ec-compose/.ec-modal chrome these build on. Tokens mirror
   brief.css :root. Color grammar (DESIGN-CANON): amber = decision waits ·
   mint = private/learned/verified · blue = touches provider · red = locked/
   destructive. Sentence case; mono for machine truth. */

/* ── screen 05: draft review sheet ─────────────────────────────────── */

/* WHAT <SENDER> ASKED: gist always visible, the full original one click away */
.ec-sheet-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--faint);}
.ec-sheet-gist{display:flex;flex-direction:column;gap:4px;padding:10px 12px;
  border:1px solid var(--line);border-radius:var(--r-2);background:var(--glass-0);}
.ec-sheet-gist-text{margin:0;font-size:12.5px;color:var(--ink);line-height:1.5;}
.ec-sheet-gist-full summary{cursor:pointer;list-style:none;font-size:11px;color:var(--faint);}
.ec-sheet-gist-full summary::-webkit-details-marker{display:none;}
.ec-sheet-gist-full summary:hover{color:var(--ink);}
.ec-sheet-gist-full[open]>.ec-quote{margin-top:8px;}
.ec-sheet-show{color:var(--dim);font-size:11px;}

/* editable draft body — same reading surface as .ec-cbody, but a live field */
.ec-cbody-edit{width:100%;min-height:120px;resize:vertical;font:inherit;
  font-size:12.5px;line-height:1.55;color:var(--ink);border:1px solid var(--line);
  border-radius:var(--r-2);background:var(--glass-0);padding:10px 12px;}
.ec-cbody-edit:focus{outline:none;border-color:var(--line-2);
  box-shadow:0 0 0 3px rgba(69,214,224,0.15);}
.ec-sheet-note{margin-top:-4px;}

/* WHY THIS DRAFT drawer */
.ec-sheet-why{border:1px solid var(--line);border-radius:var(--r-2);
  padding:9px 12px;background:var(--glass-0);font-size:12px;color:var(--dim);}
.ec-sheet-why summary{cursor:pointer;list-style:none;font-family:var(--mono);
  font-size:10px;letter-spacing:.1em;color:var(--faint);}
.ec-sheet-why summary::-webkit-details-marker{display:none;}
.ec-sheet-why summary:hover{color:var(--ink);}
.ec-sheet-why[open]{display:flex;flex-direction:column;gap:9px;}
.ec-sheet-why-block{display:flex;flex-direction:column;gap:5px;}
.ec-sheet-why-block .ec-btn{align-self:flex-start;}

/* attached-context rows (shared by the WHY drawer, dialog, and menus) */
.ec-ctx-row{display:flex;align-items:baseline;gap:10px;padding:5px 0;
  border-top:1px solid var(--line);font-size:12px;color:var(--dim);}
.ec-ctx-row:first-of-type{border-top:0;}
.ec-ctx-row[data-pinned] .ec-ctx-row-main b{color:var(--mint);}
.ec-ctx-row-main{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;}
.ec-ctx-row-main b{font-size:12px;font-weight:650;color:var(--ink);flex:0 0 auto;}
.ec-ctx-row-main span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ec-ctx-remove{position:static;flex:0 0 auto;width:20px;height:20px;}

/* send-from footer */
.ec-sheet-from{padding:6px 0 0;}
.ec-sheet-from-menu summary{cursor:pointer;list-style:none;display:flex;
  align-items:baseline;gap:4px;}
.ec-sheet-from-menu summary::-webkit-details-marker{display:none;}
.ec-sheet-from-menu summary:hover .ec-brief-mono{color:var(--ink);}
.ec-sheet-from-menu[open]{padding:6px 10px;border:1px solid var(--line);
  border-radius:var(--r-2);background:var(--glass-0);}

/* ── screen 06: context dialog (stacks above the sheet) ────────────── */
.ec-ctx-modal{z-index:70;}
.ec-ctx-card{width:min(560px,calc(100vw - 40px));max-height:min(76vh,680px);
  overflow:auto;display:flex;flex-direction:column;gap:9px;padding:16px 18px;
  border-radius:var(--r-3);background:var(--glass-1);border:1px solid var(--line);
  box-shadow:var(--shadow-1);}
.ec-ctx-drop{display:flex;flex-direction:column;gap:2px;padding:12px 14px;
  border:1px dashed var(--line-2);border-radius:var(--r-2);opacity:.65;}
.ec-ctx-drop b{font-size:12px;color:var(--dim);}
.ec-ctx-drop span{font-size:11px;color:var(--faint);line-height:1.45;}

/* ── screen 09: settings sheet ─────────────────────────────────────── */
.ec-settings-sheet{width:min(680px,calc(100vw - 40px));max-height:min(78vh,720px);
  overflow:auto;display:flex;flex-direction:column;gap:14px;padding:16px 18px;
  border-radius:var(--r-3);background:var(--glass-1);border:1px solid var(--line);
  box-shadow:var(--shadow-1);}
.ec-settings-sec{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--line);
  padding-top:11px;}
.ec-settings-sec:first-of-type{border-top:0;padding-top:0;}
.ec-settings-intro{font-size:11.5px;color:var(--dim);line-height:1.5;max-width:60ch;}
.ec-settings-legend{font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--faint);}
.ec-settings-row{display:flex;align-items:baseline;gap:10px;font-size:12px;color:var(--dim);
  padding:5px 0;border-top:1px solid var(--line);}
.ec-settings-row:first-of-type{border-top:0;}
.ec-settings-row b{color:var(--ink);font-weight:650;}
.ec-settings-row .ec-brief-mono{margin-left:auto;flex:0 0 auto;}
.ec-settings-locked{display:flex;align-items:baseline;gap:8px;padding:7px 10px;
  border:1px solid color-mix(in srgb,var(--red,#e5686f) 35%,transparent);
  border-radius:var(--r-2);background:color-mix(in srgb,var(--red,#e5686f) 6%,transparent);
  font-size:11.5px;color:var(--dim);}
.ec-settings-locked b{color:var(--red,#e5686f);font-weight:650;}
.ec-settings-danger{color:var(--red,#e5686f);
  border-color:color-mix(in srgb,var(--red,#e5686f) 45%,transparent);
  background:color-mix(in srgb,var(--red,#e5686f) 8%,transparent);}
.ec-settings-danger:hover{color:var(--red,#e5686f);border-color:var(--red,#e5686f);}
.ec-settings-confirm{display:flex;flex-direction:column;gap:8px;padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--red,#e5686f) 40%,transparent);
  border-radius:var(--r-2);font-size:12px;color:var(--ink);line-height:1.5;}
.ec-settings-confirm-row{display:flex;gap:8px;}