/* v665 — shared white production cards; vertical grids at every viewport. */
body[data-ui-version="3"] #app#app :is(.line-grid,.line-dock-list){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:12px!important;align-items:start;overflow:visible!important;width:100%;min-width:0;padding:4px!important;box-sizing:border-box;scroll-snap-type:none}
body[data-ui-version="3"] #app#app :is(.line-card,.line-dock-item){display:flex!important;flex-direction:column;gap:10px;min-width:0;width:auto!important;height:auto!important;max-height:none;overflow:visible!important;padding:14px!important;margin:0!important;background:var(--tp-surface)!important;color:var(--tp-ink)!important;border:1px solid var(--tp-edge)!important;border-radius:16px;box-shadow:var(--tp-shadow)!important;box-sizing:border-box}
body[data-ui-version="3"] #app#app :is(.line-card,.line-dock-item) *{min-width:0;box-sizing:border-box;overflow-wrap:anywhere}
body[data-ui-version="3"] #app#app .line-command-board{display:block;min-height:0;overflow:visible;background:#f3f6f8!important}
body[data-ui-version="3"] #app#app .lines-v4{overflow-y:auto!important;overflow-x:hidden!important}
body[data-ui-version="3"] #app#app :is(.line-card>header,.line-dock-head){display:flex!important;flex-wrap:wrap;gap:8px;align-items:center;position:static;padding:0!important;width:100%;background:transparent!important;box-shadow:none!important;border:0;color:var(--tp-navy)!important;text-align:start}
body[data-ui-version="3"] #app#app .line-card>header>b{flex:1;font-size:17px;color:var(--tp-navy)!important}
body[data-ui-version="3"] #app#app .line-card>header>b::before{content:'⚙ ';color:var(--tp-navy)}
body[data-ui-version="3"] #app#app .line-dock-name{flex:1;display:block;font-size:17px;color:var(--tp-navy)!important}
body[data-ui-version="3"] #app#app .line-dock-name b{color:var(--tp-navy)!important}
body[data-ui-version="3"] #app#app .line-dock-icon{display:block;width:44px;height:44px;flex:0 0 44px;background:#f2f5f8!important;border:0!important;border-radius:10px;padding:3px}
body[data-ui-version="3"] #app#app .line-dock-icon img{width:100%;height:100%;object-fit:contain}
body[data-ui-version="3"] #app#app :is(.production-station-art,.production-station-sign,.line-dock-led,.line-dock-alert,.line-dock-head meter,.line-dock-name .line-dock-status){display:none!important}
body[data-ui-version="3"] #app#app :is(.line-status,.line-dock-tag){position:static!important;display:inline-block!important;font-size:12px;line-height:1.5;padding:4px 9px!important;border-radius:20px;background:#edf0f3!important;color:#556270!important;border:1px solid #d9dfe5!important;white-space:normal;flex:0 0 auto}
body[data-ui-version="3"] #app#app [data-status="running"] :is(.line-status,.line-dock-tag){background:#eaf7ee!important;color:#218548!important;border-color:#cbe5d3!important}
body[data-ui-version="3"] #app#app [data-status="done"] :is(.line-status,.line-dock-tag){background:#fff1de!important;color:#9a570d!important;border-color:#f1d5ab!important}
body[data-ui-version="3"] #app#app [data-status="broken"] :is(.line-status,.line-dock-tag){background:#fff0f1!important;color:#be3042!important;border-color:#f2c6cd!important}
body[data-ui-version="3"] #app#app .production-facts{display:grid;gap:10px;width:100%}
body[data-ui-version="3"] #app#app .production-person{display:flex;align-items:center;gap:9px}
body[data-ui-version="3"] #app#app .production-person .emp-portrait{width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:1px solid var(--tp-edge)}
body[data-ui-version="3"] #app#app .production-person span{display:grid;gap:2px}
body[data-ui-version="3"] #app#app .production-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f4f7fa;border-radius:10px;padding:10px}
body[data-ui-version="3"] #app#app .production-metrics span{display:grid;gap:4px}
body[data-ui-version="3"] #app#app :is(.line-card,.line-dock-item) :is(p,small,.line-dock-info span){color:var(--tp-muted)!important;background:transparent!important;line-height:1.5;margin:0}
body[data-ui-version="3"] #app#app .production-facts b{color:var(--tp-ink)!important;font-variant-numeric:tabular-nums}
body[data-ui-version="3"] #app#app .production-facts small{font-size:12px}
body[data-ui-version="3"] #app#app .production-facts progress{appearance:none;width:100%;height:8px;border:0;border-radius:9px;overflow:hidden;background:#e6ebf0;accent-color:var(--tp-blue)}
body[data-ui-version="3"] #app#app .production-facts progress::-webkit-progress-bar{background:#e6ebf0}
body[data-ui-version="3"] #app#app .production-facts progress::-webkit-progress-value{background:var(--tp-blue);border-radius:9px}
body[data-ui-version="3"] #app#app .production-time{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--tp-muted)}
body[data-ui-version="3"] #app#app .line-dock-card{display:flex;flex-direction:column;padding:0;border:0;background:transparent!important;gap:8px}
body[data-ui-version="3"] #app#app .line-dock-card>.emp-portrait{display:none}
body[data-ui-version="3"] #app#app .line-dock-info{display:grid;gap:3px}
body[data-ui-version="3"] #app#app .line-dock-info>b{display:none}
body[data-ui-version="3"] #app#app :is(.line-card,.line-dock-item) :is(button,select){max-width:100%;white-space:normal;line-height:1.4;min-height:36px;border-radius:9px}
body[data-ui-version="3"] #app#app :is(.line-controls-toggle,.line-duty-toggle,.line-dock-btn.ghost){background:#f0f4f8!important;color:var(--tp-navy)!important;border:1px solid var(--tp-edge)!important}
body[data-ui-version="3"] #app#app :is([data-line-start],[data-line-collect],[data-dock-start],[data-dock-collect],[data-dock-next],[data-dock-assign]){position:static!important;width:100%;background:var(--tp-primary)!important;color:#10324f!important;border:1px solid #159edc!important;padding:9px!important}
body[data-ui-version="3"] #app#app :is([data-line-buy],[data-machine-up],[data-machine-up-all],[data-arm-buy-all],[data-arm-craft],[data-arm-buy],[data-arm-fix],[data-machine-repair],[data-dock-tutor]){background:var(--tp-gold)!important;color:var(--tp-gold-ink)!important;border:1px solid #e5ba53!important}
body[data-ui-version="3"] #app#app .line-controls-body{background:#f5f7fa!important;color:var(--tp-ink)!important;border-radius:10px;padding:10px}
body[data-ui-version="3"] #app#app .line-controls-body[hidden]{display:none!important}
body[data-ui-version="3"] #app#app :is(.machine-box,.manager-box){background:#f5f7fa!important;color:var(--tp-ink)!important;border-color:var(--tp-edge)!important}
body[data-ui-version="3"] #app#app .line-tabs{display:flex;flex-wrap:wrap;overflow:visible!important}
@media(max-width:900px){body[data-ui-version="3"] #app#app :is(.line-grid,.line-dock-list){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}body[data-ui-version="3"] #app#app :is(.line-card,.line-dock-item){padding:11px!important}}
@media(max-width:520px){body[data-ui-version="3"] #app#app :is(.line-grid,.line-dock-list){grid-template-columns:1fr!important}}
/* Keep the overview compact so the cards lead in short landscape windows. */
body[data-ui-version="3"] #app#app .lines-v4 .line-command-hero{display:none!important}
body[data-ui-version="3"] #app#app .line-command-board{margin:0!important;padding:8px!important}
body[data-ui-version="3"] #app#app .production-board-toolbar{min-height:32px;margin-bottom:6px}
body[data-ui-version="3"] #app#app .line-tabs button{flex:0 1 auto!important;min-height:32px;padding:5px 16px!important}
body[data-ui-version="3"] #app#app .line-card>header .line-duty-toggle{font-size:11px;padding:4px 7px;min-height:28px}
body[data-ui-version="3"] #app#app :is(.line-card,.line-dock-item) button:disabled{background:var(--tp-disabled)!important;color:var(--tp-muted)!important;border-color:var(--tp-edge)!important}
body[data-ui-version="3"] #app#app .line-command-board{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px}
body[data-ui-version="3"] #app#app .line-command-board>.line-tabs{grid-column:1;grid-row:1;margin:0;padding:0!important;background:transparent!important;box-shadow:none!important;border:0}
body[data-ui-version="3"] #app#app .line-command-board>.production-board-toolbar{grid-column:2;grid-row:1;margin:0;background:transparent!important}
body[data-ui-version="3"] #app#app .line-command-board>.line-grid{grid-column:1/-1}
@media(max-height:450px){body[data-ui-version="3"] #app#app :is(.line-card,.line-dock-item){gap:6px}body[data-ui-version="3"] #app#app .production-facts{gap:6px}body[data-ui-version="3"] #app#app .production-metrics{padding:6px 9px}body[data-ui-version="3"] #app#app .production-person .emp-portrait{width:32px;height:32px;flex-basis:32px}}
/* Legacy fixed grid heights must not compress rows on short screens. */
body[data-ui-version="3"] #app#app :is(.line-grid,.line-dock-list){grid-template-rows:none!important;grid-auto-rows:max-content!important;height:auto!important;max-height:none!important;flex:none!important;align-content:start!important}
body[data-ui-version="3"] #app#app .line-command-board{height:auto!important;max-height:none!important;flex:none!important;grid-auto-rows:max-content!important;align-content:start!important}
body[data-ui-version="3"] #app#app .line-tabs button{height:auto!important;align-self:center}