/* 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{margin:0}
.seg.mode button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px 0 10px;font:500 13px/1 var(--font)}
.seg.mode .i{width:14px;height:14px}
.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 rgba(242,181,74,.7)}
.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:8px}
.g-hint.au-warn{color:var(--amber)}
/* 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 rgba(242,181,74,.55);cursor:help}

/* ---------- the warning ---------- */
.au-dlg{width:min(520px,calc(100vw - 32px))}
.au-dlg .dlg-body{padding:20px 24px}
.au-dlg .dlg-text{margin-bottom:16px}
.au-go-btn{min-width:176px;font-variant-numeric:tabular-nums}
.au-go-btn .i{width:14px;height:14px;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 rgba(242,181,74,.8)}
.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:rgba(173,186,255,.10)}
.au-bar::after{content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--au-p,0));background:linear-gradient(90deg,rgba(242,181,74,.35),var(--amber));box-shadow:0 0 12px rgba(242,181,74,.7)}
.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 rgba(242,181,74,.3)}
.au-badge .i{width:16px;height:16px;fill:currentColor;stroke:none}
.au-dlg .au-risk{margin:0 0 12px;padding:16px;border-radius:var(--r-4);background:var(--bg);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--line-hi)}
.au-head{margin:0 0 14px;color:var(--text);font-size:15px;line-height:20px;font-weight:600;text-wrap:balance}
.au-fig{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px}
.au-frac{display:flex;align-items:baseline;gap:2px;min-width:78px}
.au-frac b{font:300 40px/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 14px/1 var(--mono)}
.au-cells{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px}
.au-cells i{aspect-ratio:1;border-radius:3px;background:var(--hatch),var(--raised);box-shadow:inset 0 0 0 1px var(--line);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 rgba(242,181,74,.8);animation:au-cell var(--dur-4) var(--ease) calc(var(--k) * 30ms + .2s) both}
@keyframes au-cell{from{background:var(--raised);box-shadow:inset 0 0 0 1px var(--line)}}
.au-legend{display:flex;gap:16px;margin:10px 0 0;color:var(--text-3);font-size:12px;line-height:16px}
.au-legend span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:2px;background:var(--raised);box-shadow:inset 0 0 0 1px var(--line-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:12px;line-height:16px}
.au-fit{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}
.au-fit > div{padding:12px 14px;border-radius:var(--r-3);background:var(--raised);box-shadow:inset 0 1px 0 var(--line-hi)}
.au-fit p{margin:0;color:var(--text-2);font-size:13px;line-height:18px}
.au-fit .au-k{display:flex;align-items:center;gap:6px;margin-bottom:4px;color:var(--text);font-weight:600}
.au-k .i{width:14px;height:14px}
.au-k.ok .i{color:var(--green)} .au-k.no .i{color:var(--red)}
.au-fine{display:grid;gap:8px;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:12px;line-height:16px}
.au-fine .i{width:14px;height:14px;margin-top:1px}

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