/* Miss L Automation tab. Pixel look from the shared workstation palette, light and dark via theme variables. */
.game-window[data-workview=automation] .game-panel-main{display:block}
.auto-board{--auto-ink:var(--work-ink);--auto-paper:var(--work-paper);--auto-deep:var(--work-paper-deep);--auto-edge:var(--work-edge);--auto-title:var(--work-title,var(--work-navy));display:grid;grid-template-columns:minmax(0,1fr);gap:18px;color:var(--auto-ink);min-width:0}
.auto-board h2{font-family:var(--font-game);font-size:15px;letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px}
.auto-sprite{width:48px;height:72px;image-rendering:pixelated;object-fit:contain;flex:none}
.auto-sprite.small{width:24px;height:36px;vertical-align:middle;margin-right:6px}
.auto-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px 18px;padding:14px 16px;background:var(--auto-deep);border:3px solid var(--auto-edge);box-shadow:4px 4px 0 var(--auto-edge)}
.auto-status p{margin:0}
#auto-state{font-family:var(--font-game);font-size:15px}
.auto-times{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--work-muted);margin-top:6px!important}
.auto-lamp{width:24px;height:24px;background:var(--work-signal-red,var(--work-red));border:3px solid var(--auto-edge);image-rendering:pixelated;box-shadow:inset -4px -4px 0 rgba(0,0,0,.25),inset 4px 4px 0 rgba(255,255,255,.3)}
.auto-status[data-lamp=on] .auto-lamp{background:var(--work-signal-green,var(--work-green))}
.auto-status[data-lamp=busy] .auto-lamp{background:var(--work-signal-yellow,var(--work-amber));animation:auto-blink 1s steps(2,end) infinite}
@keyframes auto-blink{50%{background:var(--work-signal-green,var(--work-green))}}
.auto-next{display:grid;text-align:center;min-width:92px}
.auto-next small{font-size:12px;color:var(--work-muted)}
.auto-next strong{font-family:var(--font-game);font-size:26px;font-variant-numeric:tabular-nums}
.auto-buttons{display:flex;gap:10px;flex-wrap:wrap}
.auto-buttons button{font-family:var(--font-game);font-size:18px;letter-spacing:.06em;min-height:56px;min-width:140px;padding:10px 18px;border:3px solid var(--auto-edge);border-radius:0;box-shadow:4px 4px 0 var(--auto-edge);cursor:pointer}
.auto-board .auto-work{background:var(--work-green);color:#fff8e8}
.auto-board .auto-calm{background:var(--work-red);color:#fff8e8}
.auto-buttons button:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px 0 var(--auto-edge)}
.auto-buttons button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.auto-buttons button:focus-visible,.auto-config :focus-visible{outline:3px solid var(--auto-title);outline-offset:3px}
.auto-setup{padding:10px 14px;border:2px dashed var(--work-wood);background:var(--auto-paper);font-size:14px}
.auto-setup ul{margin:0;padding-left:18px;display:grid;gap:4px}
.auto-setup p{margin:0}
.auto-config{display:grid;gap:12px;max-width:none}
.auto-chain-line{margin:0;font-weight:600}
.auto-cards{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch}
.auto-arrow{align-self:center;font-family:var(--font-game);font-size:18px;color:var(--work-wood)}
.auto-card{display:grid;gap:10px;align-content:start;margin:0;padding:12px;min-width:0;background:var(--auto-paper);border:3px solid var(--auto-edge);box-shadow:4px 4px 0 var(--work-wood)}
.auto-card legend{padding:0 4px;max-width:100%}
.auto-card.off{background:var(--auto-deep);box-shadow:none;border-style:dashed}
.auto-card.off>:not(legend):not(.auto-preview){opacity:.55}
.auto-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--font-game)}
.auto-toggle span{display:grid;gap:2px}
.auto-toggle small{font-family:inherit;font-size:11px;color:var(--work-muted)}
.auto-card.off .auto-sprite{filter:grayscale(1);opacity:.6}
.auto-card label{display:grid;gap:4px;font-size:13px;min-width:0}
.auto-card input:not([type=checkbox]):not([type=radio]),.auto-card select,.auto-minutes input{width:100%;min-height:40px;box-sizing:border-box;background:var(--work-input);color:var(--auto-ink);border:2px solid var(--work-input-edge);border-radius:0}
.auto-card label.auto-check,.auto-card label.auto-toggle{display:flex;align-items:center;gap:8px}
.auto-type{display:flex;gap:0;border:2px solid var(--auto-edge)}
.auto-type label{flex:1;display:block!important;position:relative;cursor:pointer}
.auto-type input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.auto-type span{display:block;text-align:center;padding:8px 6px;font-family:var(--font-game);font-size:12px;background:var(--auto-deep)}
.auto-type input:checked+span{background:var(--auto-title);color:var(--work-title-ink,#fff8e8)}
.auto-type input:focus-visible+span{outline:3px solid var(--auto-title);outline-offset:-5px}
.auto-fields{display:grid;gap:10px}
.auto-fields[hidden]{display:none}
.auto-preview{margin:0;padding:8px 10px;background:var(--auto-deep);border-left:4px solid var(--auto-title);font-size:13px;overflow-wrap:anywhere}
.auto-honest{margin:0;padding:6px 8px;font-size:13px;font-weight:600;border:2px solid var(--work-amber);background:var(--auto-deep)}
.auto-interval{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px;background:var(--auto-deep);border:3px solid var(--auto-edge)}
.auto-interval input[type=range]{flex:1 1 220px;accent-color:var(--auto-title);min-height:32px}
.auto-minutes{display:flex;align-items:center;gap:6px;font-family:var(--font-game)}
.auto-minutes input{width:76px!important}
.auto-interval button{border-radius:0;border:3px solid var(--auto-edge);min-height:44px}
.auto-stats,.auto-log-box{min-width:0}
.auto-stats>div{overflow-x:auto}
.auto-table{width:100%;border-collapse:collapse;background:var(--auto-paper);border:3px solid var(--auto-edge);font-size:14px}
.auto-table th,.auto-table td{padding:8px 10px;border:1px solid var(--work-wood);text-align:left}
.auto-table thead th{font-family:var(--font-game);font-size:12px;background:var(--auto-title);color:var(--work-title-ink,#fff8e8)}
.auto-table td:nth-last-child(-n+2){font-family:var(--font-game);font-variant-numeric:tabular-nums;text-align:right}
.auto-table tbody th{white-space:nowrap;font-family:var(--font-game);font-size:13px;background:var(--auto-deep)}
.auto-note{font-size:13px;color:var(--work-muted);margin:8px 0 0}
.auto-log{list-style:none;margin:0;padding:0;max-height:360px;overflow:auto;border:3px solid var(--auto-edge);background:var(--auto-paper)}
.auto-log li{display:grid;grid-template-columns:150px 70px minmax(0,1fr);gap:8px;padding:8px 10px;border-bottom:1px solid var(--work-wood);font-size:13px}
.auto-log li[data-step=cycle],.auto-log li[data-step=control]{background:var(--auto-deep)}
.auto-log li.error{border-left:6px solid var(--work-red)}
.auto-log li.empty{display:block}
.auto-log time{color:var(--work-muted);font-variant-numeric:tabular-nums}
.auto-log strong{font-family:var(--font-game);font-size:12px}
.auto-log em{display:block;font-style:normal;font-weight:700;margin-top:2px}
.auto-log span{overflow-wrap:anywhere}
@media(min-width:1100px){.auto-board{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.auto-status,.auto-setup,.auto-config{grid-column:1/-1}}
@media(max-width:900px){.auto-cards{grid-template-columns:minmax(0,1fr)}.auto-arrow{justify-self:center;transform:rotate(90deg)}}
@media(max-width:600px){.auto-status{grid-template-columns:auto minmax(0,1fr)}.auto-next{grid-column:1/-1;text-align:left;display:flex;align-items:baseline;gap:10px}.auto-buttons{grid-column:1/-1}.auto-buttons button{flex:1;min-width:0;font-size:16px}.auto-log li{grid-template-columns:minmax(0,1fr)}.auto-log li{gap:2px}.auto-table{font-size:13px}.auto-table th,.auto-table td{padding:6px}}
/* Automation controls keep native keyboard and touch behaviour. */
.auto-card label.auto-check{min-height:44px}
.auto-card select[name=knowledgeId],#auto-dry-run{min-height:44px}
#auto-send-warning,[data-auto-explanation],#auto-dry-result{font-size:16px;line-height:1.5;overflow-wrap:anywhere}

/* Ava's optional features share the existing workstation theme and native controls. */
.auto-features summary{display:list-item;min-height:44px;align-content:center;cursor:pointer;color:var(--auto-ink);font-weight:600}
.auto-features summary span{font-weight:400;color:var(--work-muted);margin-left:6px}
.auto-feature-list{display:grid;gap:2px;min-width:0;margin:12px 0 0;padding:0;border:0}
.auto-feature-list legend{font-weight:600;margin-bottom:6px}
.auto-feature-list .auto-check{cursor:pointer;line-height:1.5;font-size:16px;margin:0}
.auto-feature-list input{flex:none;margin:0}