/* elara_chat_scale.css — painted-size and leftover-ink collapse onto the declared steps (F3/F4).
   Linked after the page <style> and the mobile sheet. Tokens only. No new px. */
.empty h1,.empty .cvh1{font-size:var(--fs-display)}
#menuBtn{font-size:var(--fs-step-3)}
#cvhead .ttl,#cxhead .ttl,.cx-solved-h{font-size:var(--fs-sm)}
.onbcard .onbh{font-size:var(--fs-step--1)}
.hnav-b,.acctpill .apinfo span,.stoppedbadge,.cx-mk,.cx-focus .cf-k,.cx-focus .cf-gap,.cxr-leg,
.empty .memrow .meml,.sec-caret,#hist .hgroup.archtog .archn,.cxr-role,.modelrow .mr-desc,.dl-sub,
.conn-on,.conn-off,.conn-soon,#cveditbar,.cxr-head,#cxbadge .bt,.ctxsee,details.svgsrc>summary,
.goal-item .gbtn,.hgroup.projhd .pcfg,.hgroup.projhd .pdel,#acctmenu .am-plan,.av,.bubble pre .pbar button,
.authleg,.ci-show .t span,.modelbtn .mchev{font-size:var(--fs-2xs)}
.hempty,.goal-item,.goal-new input,.goal-summ-panel,.toast,#offlineBar,.cmdpal .cmdempty,.acctpill .apinfo b,
#freeleft,#acctstate .who,#acctstate .out,.authleg a.forgotlink,.empty .vfeat,.dof-chip,.think>summary,
.bubble.pending::before,#ctxheld,.emptydone button,.dnform .dnskip,.onbcard .onbx,.modelflash,.att,.att .x,
.slashmenu .smrow .smd,.tempbanner,.cx-sub,.cx-solved p,.cx-h,#cxbadge .bm,.setsec .hh,.memempty,.setsaved,
.agv-tools label,.agv-err,.agchip,#hist .hren,.leftoff-v,.leftoff-empty,.projpanel #projInstr,
.projpanel textarea,.projpanel .gm-title,.modelrow .mr-name,.authcard .authhead .sub,.empty .startline
{font-size:var(--fs-sm)}
#bar button,#side button,#approw button,#side input,#bar input,#approw input,#side select,#bar select
{font-size:inherit}
.side-card{color:var(--label)}
body.light #side .top .railbtn,body.light #side .top .railbtn .ic,body.light #side .binst span:last-child{color:var(--mut)}
body.light .ci-show,body.light #bar .mname,body.light #bar #freeleft,body.light #bar .barlogo .bword,
body.light .empty h1,body.light .empty .feltsub b{color:var(--ink)}
body.light .ci-show .t span,body.light .empty .belief,body.light .empty .belong,body.light .empty .startline b{color:var(--gold)}
body.light .empty .memcap,body.light .empty .trust a,body.light .emptydone button,body.light .kbdhelp kbd{color:var(--cyan)}
body.light .hnav-b.on,body.light .signinlink,body.light .dl-badge,body.light .dof-chip.rec{color:var(--gold)}
body.light .newbtn,body.light .newbtn .ic,body.light .cta,
body.light .goal-new button,body.light .acctpill .apav,body.light .msg .editrow button.prim{color:var(--ink)}
body.light .empty .cvh1{color:var(--paper)}
body.light .empty .cvlhead,body.light .empty .cvtrust,body.light .empty .cvproof{color:var(--mut)}
body.light .empty .cvsub,body.light .empty .cvh1,body.light .empty .cvtxt{color:var(--paper)}
body.light .empty .cvlhead .g,body.light .empty .cvtrust b,body.light .empty .cveye,body.light .empty .cvquote .cvqa{color:var(--gold)}
body.light .empty .cvlight .chip{color:var(--ink)}
body.light .empty .cvlight .chip .chip-ic,body.light .empty .cvsub b,body.light .empty .cvtrust a,
body.light .empty .cvproof a,body.light .empty .cvproof b{color:var(--cyan)}
body.light .chip{color:var(--ink)}
body.light .empty .cvh1 .cvname{color:var(--gold2)}
/* Light leftovers that sat beside --mut: #556a7c (--faint override) and #3b4a5a (.gp-lbl). */
body.light{--faint:var(--mut)}
body.light .hgroup,body.light .hempty,
body.light .acctpill .apinfo span,body.light .acctpill>.ic,
body.light .gp-lbl,body.light .goal-lbl,body.light .pp-conn{color:var(--mut)}
/* F6. Light leftovers that were typed a few units off --paper-2 collapse onto it.
   SHANT paint #approw button / every #bar button — that wiped the gold send, New chat,
   Sign in, and Collaborate fills (founder 2026-09-14 / 2026-09-15). Only the pale leftovers,
   never gold CTAs. #collabBtn is a gold CTA: light --navy is paper, so color:var(--navy)
   on paper-2 made the word vanish. */
body.light #effortSel{background:var(--paper-2)!important}
body.light #mailBtn,body.light #hist .hgroup,.empty .cvlight{background:var(--paper-2)}
body.light #bar button:not(.cs-skip):not(.signin):not(.hdr-signin):not(.newbtn):not(#collabBtn),body.light #bar select,body.light #attachBtn{background:var(--paper-2)}
body.light .toolchip.off,body.light .micbtn:not(.on){background:var(--paper-2)}
#bar #collabBtn{font-size:var(--fs-sm);color:var(--navy);background:var(--gold2);width:var(--sp-tap);height:var(--sp-tap);min-width:var(--sp-tap);max-width:var(--sp-tap);min-height:var(--sp-tap);max-height:var(--sp-tap);padding:0;overflow:hidden;white-space:nowrap;line-height:var(--lh-tight);flex:0 0 var(--sp-tap);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:0}
body.light #bar #collabBtn{color:var(--ink)}
/* One height on the tool strip. Model was 34px, icons --sp5 (40), Sign in grew from padding,
   Collaborate was already --sp-tap. --sp-tap is the tap floor and the bar's box; --sp5 is a
   space step, not a control height (declared-scale-ratchet). Composer icons stay --sp5. */
#bar #menuBtn,#bar .newbtn-bar,#bar .modelbtn,#bar .iconbtn,#bar #collabBtn,
#bar #acctstate .signin,#bar .acct-ini{
  box-sizing:border-box;height:var(--sp-tap);min-height:var(--sp-tap);max-height:var(--sp-tap);
  padding-block:0;display:inline-flex;align-items:center;justify-content:center;line-height:var(--lh-tight)
}
#bar #effortSel,#bar select{
  box-sizing:border-box;height:var(--sp-tap);min-height:var(--sp-tap);max-height:var(--sp-tap);padding-block:0
}
#bar #menuBtn,#bar .iconbtn{
  width:var(--sp-tap);min-width:var(--sp-tap);max-width:var(--sp-tap);padding:0
}
#bar .modelpick{flex:0 0 var(--sp-tap);min-width:var(--sp-tap);max-width:var(--sp-tap)}
#bar .modelbtn,#bar #collabBtn,#bar .newbtn-bar,#bar .acct-ini{
  width:var(--sp-tap);min-width:var(--sp-tap);max-width:var(--sp-tap);padding:0
}
#bar .newbtn-bar .ic,#bar .modelbtn .ic{
  width:var(--sp2);height:var(--sp2);flex:none
}
/* Signed-out Sign In is a gold CTA word, not a 44px mystery tile (founder 2026-09-16).
   Height stays the tap floor; width follows the label. .ic kept gold-ink if a mark returns. */
#bar #acctstate .signin{
  width:auto;max-width:none;min-width:var(--sp-tap);padding:0 var(--sp2);
  overflow:visible;white-space:nowrap;flex:0 0 auto;border-radius:0;
  background:var(--cta-gold-fill);color:var(--gold-ink)
}
#bar #acctstate .signin .ic{color:var(--gold-ink)}
body.light #bar #acctstate .signin,body.light #bar #acctstate .signin .ic{color:var(--gold-ink)}
#bar .acct-ini{
  box-sizing:border-box;height:var(--sp-tap);min-height:var(--sp-tap);max-height:var(--sp-tap);
  border:var(--bw-hair) solid var(--line2);background:var(--panel2);color:var(--ink);
  font-weight:var(--w-bold);font-size:var(--fs-sm);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;line-height:var(--lh-tight);padding:0
}
.pill{align-items:center;padding-top:var(--sp1);padding-bottom:var(--sp1)}
.pill > #attachBtn,.pill > #toolsBtn,.pill > #mic,.pill > #send{align-self:center;padding:0;width:var(--sp5);height:var(--sp5);min-height:var(--sp5);max-height:var(--sp5);flex:0 0 var(--sp5);box-sizing:border-box}
.pill > #inp{align-self:center;min-height:var(--sp5)}
.empty .cvlight i,.empty .chip i,#bar button:not(#collabBtn) i,#approw i{background:transparent}
a.skiplink{background:var(--chrome)}
/* Bar signs (founder 2026-09-16): plus-only New chat, spark-only model, account chip, no header expand.
   Effort stays a native select (so Fast/Auto/Extended/Maximum still exist) but the closed control is
   a tap-sized sign — the word Auto must not sit in #bar. When the label is moved into the ⋯ sheet,
   the extra icon hides and the select is readable again. */
#bar .effortlbl,
body.m-touch #bar > .effortlbl{
  position:relative;box-sizing:border-box;margin:0;padding:0;gap:0;
  width:var(--sp-tap);height:var(--sp-tap);
  min-width:var(--sp-tap);max-width:var(--sp-tap);
  min-height:var(--sp-tap);max-height:var(--sp-tap);
  flex:0 0 var(--sp-tap);overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--mut)
}
#bar .effortlbl:hover{color:var(--gold2)}
body.light #bar .effortlbl{background:var(--paper-2)}
#bar .effortlbl > .ic{
  position:absolute;width:var(--sp2);height:var(--sp2);pointer-events:none;color:inherit
}
#bar #effortSel,
body.light #bar #effortSel{
  position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;
  opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none;
  background:transparent!important;color:transparent!important
}
.cm-effort .effortlbl > .ic{display:none}
#bar #newChatTop{overflow:hidden}
#bar #newChatTop .nl{display:none}
#bar #acctstate .who{display:none}
/* Collaborate: named on desktop, the same tap-sized doorway on compact screens. */
#bar #collabBtn{font:var(--w-bold) var(--fs-step--1)/var(--lb-step--1) var(--ff-product);background:var(--cta-gold-fill);color:var(--gold-ink);animation:none}
body.light #bar #collabBtn{color:var(--gold-ink)}
#bar #collabBtn .collab-label{display:none}
#bar #collabBtn .collab-badge{top:var(--bw-hair);right:var(--bw-hair);height:auto;min-width:var(--sp2);padding:0 var(--sp-half);background:var(--chrome);color:var(--chrome-ink);font:var(--w-bold) var(--fs-step--3)/var(--lb-step--3) var(--ff-product);letter-spacing:var(--tr-none)}
#bar #collabBtn:hover{filter:brightness(1.06)}
#bar #collabBtn:focus-visible{outline:var(--bw-rule) solid var(--gold2);outline-offset:var(--bw-rule)}
#bar #collabBtn[aria-expanded=true]{background:var(--panel);color:var(--ink);border-color:var(--gold2)}
@media(min-width:896px){
  #bar #collabBtn{width:auto;max-width:none;flex:0 0 auto;padding-inline:var(--sp1half);gap:var(--sp1)}
  #bar #collabBtn .collab-label{display:inline}
  #bar #collabBtn .collab-badge{position:static;min-width:var(--sp3);line-height:var(--lb-step--2)}
}