#shell{min-height:100dvh;padding-left:220px}
#tabs,#tabs.manager{position:fixed;inset:0 auto 0 0;width:220px;max-width:none;margin:0;padding:20px 12px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;overflow-y:auto;background:#183d50;border:0;gap:4px}
#tabs button{flex:0 0 auto;min-width:0;min-height:44px;text-align:left;padding:11px 14px;border:0;border-radius:8px;background:transparent;color:#d9e5ec;font-size:.88rem}
#tabs button.active{background:#087c78;color:white}
.sidebar-title{color:white;font-weight:800;padding:6px 14px 20px}
#shell header{padding:18px 24px}#shell main{padding:20px 24px 30px;max-width:1200px}
.page-navigation{display:flex;gap:8px;margin-bottom:16px}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.metric{background:white;border:1px solid #dce5e9;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px}
.metric span{color:#637382;font-size:.84rem}.metric strong{font-size:1.8rem;color:#087c78}
.dashboard-note{font-size:.83rem;line-height:1.5;margin:12px 0}.dashboard-heading{margin-top:24px}
.dashboard-leader{background:#e3f2ee;border-radius:9px;padding:14px;margin:12px 0;color:#165f50;font-weight:700}
.stats-table{background:white;border-radius:10px;border:1px solid #dce5e9}.stats-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;padding:14px;border-bottom:1px solid #e7edef}
.stock-picker{margin:10px 0}.stock-picker .picker-results{display:grid;gap:6px;margin-top:8px;max-height:260px;overflow:auto}.stock-picker input{width:100%;min-height:44px;padding:9px;border:1px solid #c5d5dc;border-radius:8px}.stock-picker button{text-align:left}
@media(max-width:900px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#shell{padding-left:94px}#tabs,#tabs.manager{width:94px;padding:12px 5px}#tabs button{padding:10px 6px;font-size:.72rem;overflow-wrap:anywhere}.sidebar-title{padding:5px 4px 12px;font-size:.7rem}#shell main{padding:12px 8px 24px}#shell header{padding:12px 8px}.section-heading{flex-wrap:wrap}.dashboard-metrics{gap:6px}.metric{padding:10px}.metric strong{font-size:1.35rem}.stats-row{grid-template-columns:1fr;font-size:.85rem}.week-controls{gap:3px}.week-controls button{padding:8px 5px;font-size:.75rem}.page-navigation button{padding:8px;font-size:.8rem}}

.job-row.film-ordered,.job-row.film-ordered.overdue{background:#f0e9fa;border-color:#c8b5e5;box-shadow:inset 4px 0 0 #8760b8}.job-row.film-ordered:hover{background:#e9def7}.film-supply-label{font-size:.77rem;line-height:1.5;margin-top:9px;color:#637382}.film-supply-label.is-ordered{color:#674194;font-weight:650}.dialog-content>.film-supply-label{padding:10px 13px;margin:0 0 14px;border:1px solid #d5c4e9;border-radius:9px;background:#f3edf9}

.plan-stages{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 12px}.plan-stages button.active{background:#087c78;border-color:#087c78;color:white}.plan-stages button span{margin-left:7px;font-size:.75rem;opacity:.8}.plan-deadline-rules{font-size:.82rem;line-height:1.7;padding:13px 16px;background:#eaf1f4;border-radius:10px;margin-bottom:18px}.plan-backlog-heading{font-size:.95rem;margin:18px 0 12px}#plan-overdue-list{margin-bottom:24px}

.history-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:18px 0}.history-periods{display:flex;gap:8px}.history-periods button.active{background:#087c78;color:white;border-color:#087c78}.history-controls label{display:flex;align-items:center;gap:10px;font-size:.84rem}.history-controls select{padding:10px;border:1px solid #c5d5dc;border-radius:8px;background:white}.history-period-note{font-size:.8rem;margin-bottom:13px}.history-day h3{font-size:.94rem;padding:14px 16px;background:#edf3f5;border-top:1px solid #dce5e9;border-bottom:1px solid #dce5e9}.history-day:first-child h3{border-top:0}.history-day h3 span{font-size:.75rem;color:#71818b;font-weight:400;margin-left:10px}#history-more{margin-top:16px}@media(max-width:600px){.history-periods{width:100%}.history-periods button{flex:1;font-size:.78rem;padding:8px}.history-controls label{width:100%}.history-controls select{flex:1;min-width:0}}