/* Auto mode (M1, 2026-09-26): the Mode switch of the generation dialog, the warning before Auto (direction A «Ledger», the owner's
   pick), and the board's «Auto stopped» pill. */
.au-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- the Mode switch ---------- */
.seg.mode button{display:inline-flex;align-items:center;gap:6px}
.seg.mode .i{width:var(--icon-sm);height:var(--icon-sm)}
.seg.mode button[data-m=auto] .i{color:var(--amber);fill:currentColor;stroke:none}
.seg.mode button[data-m=manual][aria-pressed=true]{background:var(--primary);color:var(--ink)}
.seg.mode button[data-m=auto][aria-pressed=true]{background:var(--amber);color:var(--on-amber);box-shadow:0 0 20px -4px rgb(var(--p-amber-rgb) / .75)}
.seg.mode button[data-m=auto][aria-pressed=true] .i{color:var(--on-amber)}
.seg.mode button[aria-disabled=true]{color:var(--text-3);cursor:not-allowed}
.seg.mode button[aria-disabled=true] .i{color:var(--text-3)}
#g-mode-hint{margin-top:var(--s-2)}
.g-hint.au-warn{color:var(--amber)}
.g-opts .g-hint.au-warn:not(.bad){position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;font-size:var(--fs-1);line-height:16px}   /* MINOR 4: while Auto is on, «No one reviews before Ready» is read on the page, not only in the tip */
/* the board: Auto handed this item back to a person (0039 items.auto_stop); the reason is its tip */
.pill.auto-stop{color:var(--amber);box-shadow:0 0 0 1px rgb(var(--p-amber-rgb) / .55);cursor:help}

/* ---------- the warning ---------- */
.au-dlg{width:min(520px,calc(100vw - 32px))}
.au-dlg .dlg-body{padding:var(--s-5) var(--s-6)}
.au-dlg .dlg-text{margin-bottom:var(--s-4)}
.au-go-btn{min-width:176px;font-variant-numeric:tabular-nums}
.au-go-btn .i{width:var(--icon-sm);height:var(--icon-sm);fill:currentColor;stroke:none}
.au-go-btn:disabled{opacity:1;background:var(--raised);border-color:var(--line);color:var(--text-2)}
.au-go-btn:disabled .i{color:var(--text-3)}
.au-go-btn:not(:disabled){background:var(--amber);border-color:transparent;color:var(--on-amber);box-shadow:0 0 26px -6px rgb(var(--p-amber-rgb) / .75)}
.au-go-btn:not(:disabled):hover{background:var(--amber-hover)}

/* the countdown along the top edge, the risk as 32 cells */
.au-dlg .m-head::before{display:none}
.au-bar{position:absolute;left:0;right:0;top:0;z-index:2;height:2px;background:rgb(var(--p-mist) / .1)}
.au-bar::after{content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--au-p,0));background:linear-gradient(90deg,var(--amber-line),var(--amber));box-shadow:0 0 12px rgb(var(--p-amber-rgb) / .75)}
.au-badge{display:grid;place-items:center;flex:none;width:32px;height:32px;margin-left:-4px;border-radius:50%;background:var(--amber-soft);color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber-line)}
.au-badge .i{width:var(--icon-md);height:var(--icon-md);fill:currentColor;stroke:none}
.au-dlg .au-risk{margin:0 0 var(--s-3);padding:var(--s-4);border-radius:var(--r-4);background:var(--bg);border:1px solid var(--line);box-shadow:var(--hl-top)}
.au-head{margin:0 0 14px;color:var(--text);font-size:var(--fs-4);line-height:20px;font-weight:600;text-wrap:balance}
.au-fig{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--s-4)}
.au-frac{display:flex;align-items:baseline;gap:2px;min-width:78px}
.au-frac b{font:300 var(--fs-9)/1 var(--mono);letter-spacing:-.04em;color:var(--amber);font-variant-numeric:tabular-nums;transition:color var(--dur-3) var(--ease)}
.au-frac span{color:var(--text-3);font:400 var(--fs-3)/1 var(--mono)}
.au-cells{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:var(--s-1)}
.au-cells i{aspect-ratio:1;border-radius:var(--r-xs);background:var(--hatch),var(--raised);box-shadow:var(--edge);transition:background-color var(--dur-3) var(--ease),box-shadow var(--dur-3) var(--ease)}
.au-cells i.on{background:var(--amber);box-shadow:0 0 8px -2px rgb(var(--p-amber-rgb) / .75);animation:au-cell var(--dur-4) var(--ease) calc(var(--k) * 30ms + .2s) both}
@keyframes au-cell{from{background:var(--raised);box-shadow:var(--edge)}}
.au-legend{display:flex;gap:var(--s-4);margin:10px 0 0;color:var(--text-3);font-size:var(--fs-1);line-height:16px}
.au-legend span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:var(--r-hair);background:var(--raised);box-shadow:var(--edge-strong)}
.au-legend .on::before{background:var(--amber);box-shadow:none}
.au-dlg .au-cap{margin:6px 0 0;color:var(--text-2);font-size:var(--fs-1);line-height:16px}
.au-fit{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin:0 0 var(--s-4)}
.au-fit > div{padding:var(--s-3) 14px;border-radius:var(--r-3);background:var(--raised);box-shadow:var(--hl-top)}
.au-fit p{margin:0;color:var(--text-2);font-size:var(--fs-2);line-height:18px}
.au-fit .au-k{display:flex;align-items:center;gap:6px;margin-bottom:var(--s-1);color:var(--text);font-weight:600}
.au-k .i{width:var(--icon-sm);height:var(--icon-sm)}
.au-k.ok .i{color:var(--green)} .au-k.no .i{color:var(--red)}
.au-fine{display:grid;gap:var(--s-2);margin:0;padding:0;list-style:none}
.au-fine li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;color:var(--text-3);font-size:var(--fs-1);line-height:16px}
.au-fine .i{width:var(--icon-sm);height:var(--icon-sm);margin-top:calc((1lh - 14px) / 2)}

@media (max-width:720px){.au-fit{grid-template-columns:1fr}}