/* ask-accounts.css: the one venue card (venue sheet Your accounts, profile, Ask card) and Ask's account answers
   (ask-accounts.js, plan accounts/final/plan.md T3 to T7, 2026-11-10). zena-tokens.css roles only: one ink for text, title
   #f4f6fa (Ask v2 design: no grey; hierarchy from weight, size and position); no purple anywhere in account UI; corners var(--rad); 12px floor; every control and every
   card that acts rises with the one hover grammar (--z-lift, --z-lift-shadow, --z-lift-edge, --z-lift-ease). */
.zac,.zac *,.zac-answer,.zac-answer *{box-sizing:border-box}
.zac,.zac-answer{color:var(--z-title,#f4f6fa);font:var(--zt-body,400 14px/21px var(--sans,system-ui))}
.zac :is(h3,p),.zac-answer :is(h3,p){margin:0}
.zac-list{display:grid;gap:8px}
.zac-lab{margin:16px 0 8px;font:600 13px/18px var(--sans,system-ui);color:var(--z-title,#f4f6fa)}
.zac>.zac-lab:first-child{margin-top:4px}
/* the card: mark, name and status, one meta line (separators drawn here, never typed), one action */
.zac-card{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"m n a" "m t a";column-gap:12px;row-gap:2px;align-items:center;padding:12px 14px;border:1px solid var(--z-hairline,#232a35);border-radius:var(--rad,4px);background:var(--z-surface,#080b10);cursor:pointer;transition:var(--z-lift-ease)}
.zac-card:is(:hover,:focus-within){transform:var(--z-lift);box-shadow:var(--z-lift-shadow);border-color:var(--z-lift-edge)}
.zac-mark{grid-area:m;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--z-hairline,#232a35);border-radius:var(--rad,4px);background:var(--z-surface,#080b10);overflow:hidden}
.zac-mark img{display:block;width:20px;height:20px;max-width:none;border-radius:var(--rad,4px)}
.zac-mark b{font:600 14px/1 var(--sans,system-ui);color:var(--z-title,#f4f6fa)}
.zac-name{grid-area:n;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;min-width:0}
.zac-name>b{font:var(--zt-card,600 16px/22px var(--sans,system-ui));color:var(--z-title,#f4f6fa)}
.zac-status{font:var(--zt-small,400 13px/18px var(--sans,system-ui));color:var(--z-title,#f4f6fa);white-space:normal}
.zac-meta{grid-area:t;margin:0;font:var(--zt-small,400 13px/18px var(--sans,system-ui));color:var(--z-title,#f4f6fa)}
.zac-meta>*{white-space:normal}
.zac-act{grid-area:a;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
/* buttons: the card's action filled in title ink; everything else on a hairline */
.zac-btn,.zac-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--z-hairline-strong,#3a4452);border-radius:var(--rad,4px);background:transparent;color:var(--z-title,#f4f6fa);font:600 13px/18px var(--sans,system-ui);white-space:nowrap;text-decoration:none;cursor:pointer;transition:var(--z-lift-ease)}
.zac-btn:is(:hover,:focus-visible),.zac-chip:is(:hover,:focus-visible){transform:var(--z-lift);box-shadow:var(--z-lift-shadow);border-color:var(--z-lift-edge)}
.zac-btn.zac-main{background:var(--z-title,#f4f6fa);border-color:var(--z-title,#f4f6fa);color:var(--z-surface,#080b10)}
.zac-btn.zac-main:is(:hover,:focus-visible){border-color:var(--z-title,#f4f6fa)}
.zac-btn.zac-warn{border-color:var(--z-title,#f4f6fa)}
.zac-btn:focus-visible,.zac-chip:focus-visible{outline:2px solid var(--z-title,#f4f6fa);outline-offset:2px}
.zac-out{font-weight:400}
/* the rows under the cards */
.zac-row{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px 12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--z-hairline,#232a35)}
.zac-row>b{font:600 13px/18px var(--sans,system-ui);color:var(--z-title,#f4f6fa)}
.zac-row-acts{display:flex;flex-wrap:wrap;gap:8px}
.zac-fine{flex-basis:100%;font:var(--zt-small,400 13px/18px var(--sans,system-ui));color:var(--z-title,#f4f6fa)}
/* the venue sheet's Your accounts tab */
.zac-intro{margin:6px 0 4px}
.zac-intro .zac-lead{font:var(--zt-section,650 20px/26px var(--sans,system-ui));color:var(--z-title,#f4f6fa)}
.zac-intro .zac-sub{margin-top:4px;max-width:58ch}
.zac-trust{display:flex;gap:8px;align-items:flex-start;min-width:0;font:var(--zt-small,400 13px/18px var(--sans,system-ui));color:var(--z-title,#f4f6fa)}
.zac-trust svg{flex:none;width:14px;height:14px;margin-top:2px;fill:none;stroke:var(--z-title,#f4f6fa);stroke-width:1.4}
#zvenues .zvcard.zac-wide{width:min(600px,100%)}
#zvenues .zwft.zac-ft{display:flex;align-items:center;justify-content:space-between;gap:16px}
#zvenues .zwft.zac-ft .zwgo.zac-done{background:transparent;color:var(--z-title,#f4f6fa);border:1px solid var(--z-hairline-strong,#3a4452);transition:var(--z-lift-ease)}
#zvenues .zwft.zac-ft .zwgo.zac-done:is(:hover,:focus-visible){transform:var(--z-lift);box-shadow:var(--z-lift-shadow);border-color:var(--z-lift-edge)}
#zvenues .zvrows:has(>.zac){border-top:0}
#zvenues .zac-more{margin-top:16px;padding-top:14px;border-top:1px solid var(--z-hairline,#232a35);font:var(--zt-small,400 13px/18px var(--sans,system-ui));color:var(--z-title,#f4f6fa)}
#zvenues .zac-more summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font:600 13px/18px var(--sans,system-ui);color:var(--z-title,#f4f6fa)}
#zvenues .zac-more summary::-webkit-details-marker{display:none}
#zvenues .zac-more summary::after{content:'\203A';color:var(--z-title,#f4f6fa);transition:transform .16s ease}
#zvenues .zac-more[open] summary::after{transform:rotate(90deg)}
#zvenues .zac-more p{margin:8px 0 0;max-width:58ch}
#zvenues .zac-more .zac-btn{margin-top:10px}
/* Ask's account answers, in the docked panel's stage (and any Ask surface that paints ZenaAskAccounts.answer) */
.zac-turn{display:grid;gap:12px}
.zac-answer{display:grid;gap:12px;padding:16px;border:1px solid var(--z-hairline,#232a35);border-radius:var(--rad,4px);background:var(--z-surface,#080b10)}
.zac-head{display:grid;gap:4px}
.zac-lead{font:var(--zt-card,600 16px/22px var(--sans,system-ui));color:var(--z-title,#f4f6fa)}
.zac-sub{font:var(--zt-small,400 13px/18px var(--sans,system-ui));color:var(--z-title,#f4f6fa)}
.zac-answer .zac-row{margin-top:4px}
.zac-acts,.zac-foot{display:flex;flex-wrap:wrap;gap:8px}
.zac-foot{padding-top:12px;border-top:1px solid var(--z-hairline,#232a35)}
.zac-tag{display:inline-block;margin-left:6px;padding:0 6px;border:1px solid var(--z-hairline-strong,#3a4452);border-radius:var(--rad,4px);font:600 12px/18px var(--sans,system-ui);color:var(--z-title,#f4f6fa);vertical-align:2px}
.zac-pos-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font:var(--zt-small,400 13px/18px var(--sans,system-ui));color:var(--z-title,#f4f6fa)}
.zac-pos-total b{font:var(--zt-figure,650 24px/28px var(--sans,system-ui));color:var(--z-title,#f4f6fa);font-variant-numeric:tabular-nums}
.zac-pos{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--z-hairline,#232a35)}
.zac-pos-main b{display:block;font:600 14px/20px var(--sans,system-ui);color:var(--z-title,#f4f6fa)}
.zac-pos-fig{display:grid;justify-items:end;gap:2px;font-variant-numeric:tabular-nums}
.zac-pos-fig b{font:600 14px/20px var(--sans,system-ui);color:var(--z-title,#f4f6fa)}
.zac-chg{font:var(--zt-small,400 13px/18px var(--sans,system-ui));color:var(--z-title,#f4f6fa)}
/* the docked panel styles every button its own way (.zv-guide button); inside an account answer the card's grammar wins */
#zenaVisualGuide .zac-answer :is(.zac-btn,.zac-chip){min-height:36px;width:auto;padding:0 14px;border:1px solid var(--z-hairline-strong,#3a4452);border-radius:var(--rad,4px);background:transparent;color:var(--z-title,#f4f6fa);font:600 13px/18px var(--sans,system-ui);opacity:1}
#zenaVisualGuide .zac-answer .zac-btn.zac-main{background:var(--z-title,#f4f6fa);border-color:var(--z-title,#f4f6fa);color:var(--z-surface,#080b10)}
#zenaVisualGuide .zac-answer :is(.zac-btn,.zac-chip):is(:hover,:focus-visible){transform:var(--z-lift);box-shadow:var(--z-lift-shadow);border-color:var(--z-lift-edge)}
#zenaVisualGuide .zac-answer .zac-btn.zac-main:is(:hover,:focus-visible){background:var(--z-title,#f4f6fa);border-color:var(--z-title,#f4f6fa)}
/* in the panel's narrower column the meta line takes the full width under the name and the action */
.zac-ask .zac-card{grid-template-areas:"m n a" "m t t"}
.zac-pos .zac-mark{grid-area:auto}
/* Polymarket's mark is drawn in currentColor, which an <img> renders black: the title ink on the dark ground */
.zac-mark img[src*="polymarket-mark"]{filter:brightness(0) invert(1)}
:root[data-theme=light]:not([data-news-view]) .zac-mark img[src*="polymarket-mark"]{filter:brightness(0)}
/* T6: the standing line under the composer, said once, while the status line has nothing else to say */
#zenaVisualGuide .zv-prompt .zv-status-line:has(.zv-status:empty){display:flex}
#zenaVisualGuide .zv-prompt .zv-status:empty{display:block}
#zenaVisualGuide .zv-prompt .zv-status:empty::before{content:"Zena never asks for a password or key in chat.";font:400 12px/16px var(--sans,system-ui);color:var(--z-title,#f4f6fa)}
/* venue-seamless (2026-11-10): positions, the debrief and the read-only Polymarket card. Two inks only; a gain and a loss
   are told by the arrow and the bar's side of the centre line, and the bar's fill is a quiet tint of the title ink */
.zac-chg[data-dir=up],.zac-chg[data-dir=down]{color:var(--z-title,#f4f6fa)}
.zac-src{margin:0;font:var(--zt-small,400 13px/18px var(--sans,system-ui));color:var(--z-title,#f4f6fa)}
.zac-answer .zac-src>*{white-space:normal;min-width:0;overflow-wrap:anywhere}
.zac-bars{display:grid;gap:6px;padding:4px 0}
.zac-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,40%) 72px;gap:10px;align-items:center;font:var(--zt-small,400 13px/18px var(--sans,system-ui));color:var(--z-title,#f4f6fa)}
.zac-bar-q{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--z-title,#f4f6fa)}
.zac-bar-track{position:relative;height:10px;border-left:0;background:linear-gradient(90deg,transparent calc(50% - .5px),var(--z-hairline-strong,#3a4452) calc(50% - .5px),var(--z-hairline-strong,#3a4452) calc(50% + .5px),transparent calc(50% + .5px))}
.zac-bar-track i{position:absolute;top:1px;bottom:1px;border-radius:var(--rad,4px);background:var(--z-title,#f4f6fa);opacity:.8}
.zac-bar-track i[data-dir=up]{left:50%}
.zac-bar-track i[data-dir=down]{right:50%;opacity:.45}
.zac-bar>b{justify-self:end;font:600 13px/18px var(--sans,system-ui);color:var(--z-title,#f4f6fa);font-variant-numeric:tabular-nums}
.zac-drow{padding:10px 0;border-top:1px solid var(--z-hairline,#232a35)}
.zac-drow>b{display:block;font:600 14px/20px var(--sans,system-ui);color:var(--z-title,#f4f6fa)}
.zac-drow dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 12px;margin:6px 0 0}
.zac-drow dl>div{min-width:0}
.zac-drow dt{font:var(--zt-small,400 13px/18px var(--sans,system-ui));color:var(--z-title,#f4f6fa)}
.zac-drow dd{margin:0;font:600 13px/18px var(--sans,system-ui);color:var(--z-title,#f4f6fa);font-variant-numeric:tabular-nums}
.zac-dsec h4{margin:0 0 4px;font:600 13px/18px var(--sans,system-ui);color:var(--z-title,#f4f6fa)}
.zac-dsec ul{margin:0;padding-left:18px;display:grid;gap:4px;color:var(--z-title,#f4f6fa);font:var(--zt-small,400 13px/18px var(--sans,system-ui))}
.zac-answer>.zac-fine{margin:0}
#vwrap .vpos{display:grid;margin-top:8px}
#vwrap .vposr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--z-hairline,#232a35)}
#vwrap .vposq b{display:block;font:600 13px/18px var(--sans,system-ui);color:var(--z-title,#f4f6fa)}
#vwrap .vposq span{display:block;font:400 12px/16px var(--sans,system-ui);color:var(--z-title,#f4f6fa)}
#vwrap .vposf{display:grid;justify-items:end;font-variant-numeric:tabular-nums}
#vwrap .vposf b{font:600 13px/18px var(--sans,system-ui);color:var(--z-title,#f4f6fa)}
#vwrap .vposf span{font:400 12px/16px var(--sans,system-ui);color:var(--z-title,#f4f6fa)}
#vwrap .zvbtn.vchosted{display:flex;align-items:center;justify-content:center;width:100%;margin:8px 0 4px}
#vwrap .vrow.vcorow{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;align-items:center;margin-top:6px}
#vwrap .vrow.vcorow .vin{flex:1 1 auto;min-width:0;width:auto}
#vwrap .vrow.vcorow .zvbtn{flex:none;width:auto}
.za-menu-it.za-menu-pos{display:grid;gap:2px}
.za-menu-it.za-menu-pos span{font-weight:400}
@media (max-width:600px){
  .zac-drow dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zac-bar{grid-template-columns:minmax(0,1fr) 72px 64px}
  /* on a phone the action takes its own full-width row, so a long name ("Polymarket US") never meets its button */
  .zac-card,.zac-ask .zac-card{grid-template-columns:28px minmax(0,1fr);grid-template-areas:"m n" "t t" "a a";row-gap:6px;padding:12px;align-items:center}
  .zac-mark{width:28px;height:28px}
  .zac-act{justify-content:stretch;margin-top:4px}
  .zac-act>.zac-btn{flex:1 1 auto}
  .zac-btn,.zac-chip,#zenaVisualGuide .zac-answer :is(.zac-btn,.zac-chip){min-height:40px;padding:0 12px}
  .zac-intro .zac-lead{font:650 18px/24px var(--sans,system-ui)}
  #zvenues .zwft.zac-ft{flex-direction:column;align-items:stretch;gap:10px}
  .zac-answer{padding:14px 12px}
}
@media (prefers-reduced-motion:reduce){.zac-card,.zac-btn,.zac-chip{transition:none}}