.task-subnavigation{display:flex;gap:8px;margin-bottom:18px}.metro-tools{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:14px}.metro-tools input{min-width:160px}.metro-rules-note{font-size:13px;line-height:1.6}.metro-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.metro-counts article{display:flex;flex-direction:column;gap:6px;padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.metro-counts strong{font-size:27px}.metro-counts span{font-size:12px;color:var(--muted)}.metro-week-title{font-size:21px}.metro-week-title span{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:5px}.metro-section{margin-bottom:22px}.metro-section .panel-intro{padding:16px}.metro-section h3{font-size:17px;margin:0 0 5px}.metro-section h3 small{color:var(--muted);font-size:13px}.metro-section .panel-intro p{font-size:12px}.metro-table{min-width:1120px;font-size:12px;table-layout:auto}.metro-table th,.metro-table td{padding:12px 9px;letter-spacing:0;text-transform:none;vertical-align:top}.metro-table th{font-size:11px;white-space:nowrap}.metro-table td:nth-child(1),.metro-table td:nth-child(3),.metro-table td:nth-child(5){min-width:105px;max-width:185px;overflow-wrap:anywhere}.metro-table td:nth-child(4){max-width:100px;overflow-wrap:anywhere}.metro-table td:nth-child(7),.metro-table td:nth-child(8){text-align:center}.metro-table td:nth-child(n+9){white-space:nowrap}.metro-table td small{display:block;font-size:10px}.metro-status{display:inline-block;border-radius:4px;padding:4px 6px;font-size:10px;background:#153e30;color:#a2e3c3}.metro-status.offered{background:#473b20;color:#ffe298}.metro-status.invoiced{background:#193e5a;color:#a8d7ff}.metro-import-editor{max-width:1250px}.metro-import-editor .dialog-body{max-height:75dvh}.metro-import-editor select,.metro-import-editor input{max-width:100%}.metro-preview-table{font-size:11px;min-width:900px}.metro-preview-table td,.metro-preview-table th{padding:9px;max-width:240px;overflow-wrap:anywhere}#metro-mapping{margin:16px 0}
@media(max-width:700px){.metro-tools .week-nav{width:100%;flex-wrap:wrap}.metro-tools .actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.metro-counts{gap:6px}.metro-counts article{padding:10px}.metro-counts span{font-size:10px;overflow-wrap:anywhere}.metro-counts strong{font-size:22px}.metro-import-editor .dialog-footer{flex-wrap:wrap}.metro-import-editor .dialog-footer .actions{flex-wrap:wrap}.metro-table-wrap{overscroll-behavior-x:contain}}

.metro-history-event{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:6px}.metro-history-event summary{cursor:pointer;line-height:1.8}.metro-history-changed{background:#e8bc2812}.metro-history-event td{white-space:pre-wrap;overflow-wrap:anywhere}.metro-table{min-width:1300px}

.metro-link-panel{padding:16px;margin-bottom:16px}.metro-warning{padding:10px;border:1px solid #d6ab38;border-radius:6px;background:#bf8a1518;white-space:normal}.metro-comment{white-space:pre-wrap!important;min-width:160px;max-width:250px}.metro-comment button{display:block;margin-top:7px}.metro-brief{min-width:800px;font-size:12px}.metro-brief td{white-space:pre-wrap;overflow-wrap:anywhere}.metro-appointment-summary{margin-top:20px}.metro-preview-table td:last-child{white-space:normal;min-width:240px}.metro-table{min-width:1750px}

.metro-counts{grid-template-columns:repeat(4,minmax(0,1fr))}.metro-counts .metro-planning-card{gap:7px}.metro-counts .metro-planning-card strong{font-size:20px}.metro-planning-card button{width:100%;white-space:normal}.metro-week-group{margin-bottom:32px}.metro-week-options{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.metro-week-options label{padding:10px;border:1px solid var(--line);border-radius:6px}#metro-print-root{display:none}@media(max-width:800px){.metro-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{html,body{height:auto!important;overflow:visible!important;background:white!important;color:black!important}body>*:not(#metro-print-root){display:none!important}#metro-print-root{display:block!important;color:#111;background:white;font:8pt Arial,sans-serif}#metro-print-root[data-paper=A3]{font-size:10pt}#metro-print-root h1{font-size:16pt;margin:0 0 3mm}#metro-print-root h2{font-size:12pt;margin:5mm 0 2mm;break-after:avoid}#metro-print-root table{width:100%;border-collapse:collapse;table-layout:fixed;margin-bottom:4mm}#metro-print-root th,#metro-print-root td{padding:1.5mm;border:0.2mm solid #aaa;white-space:normal;overflow-wrap:anywhere;vertical-align:top;color:black;background:white;font-size:inherit;text-transform:none;letter-spacing:0}#metro-print-root th{font-weight:700;background:#eee!important;print-color-adjust:exact}#metro-print-root thead{display:table-header-group}#metro-print-root tr{break-inside:avoid}#metro-print-root .metro-print-week+ .metro-print-week{break-before:page}#metro-print-root p{margin:1mm 0 3mm}}

@media print{#metro-print-root{line-height:1.2}#metro-print-root th,#metro-print-root td{padding:1mm}#metro-print-root h1,#metro-print-root h2,#metro-print-root p{color:#111}}

@media print{#metro-print-root table{font-size:inherit;line-height:inherit}}

.metro-summary-heading{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.metro-summary-heading h3{margin:0}.metro-summary-print-controls{display:flex;gap:10px;align-items:end}.metro-summary-print-controls label{min-width:150px}.metro-summary-print-controls select{margin-top:4px}.metro-summary-print-controls button{white-space:nowrap}@media(max-width:600px){.metro-summary-print-controls{width:100%;flex-wrap:wrap}.metro-summary-print-controls label{flex:1}}@media print{#metro-print-root .table-wrap{overflow:visible!important;border:0;border-radius:0}#metro-print-root .metro-brief{min-width:0!important;width:100%}#metro-print-root .metro-print-summary table td{white-space:pre-wrap}}

/* Workspaces use the same structure and spacing as the week plan. */
.metro-workspace-controls{display:block;padding:12px;margin:0 0 18px}.metro-workspace-controls .metro-tools{gap:10px;margin:0}.metro-workspace-controls .actions{flex-wrap:wrap;gap:7px}.metro-workspace-controls .week-nav{gap:8px}.metro-workspace-controls .week-nav label{font-size:11px}.metro-workspace-controls .week-nav input{margin-top:2px;padding:7px 10px;min-width:160px}.metro-view-options{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.metro-view-options>label{font-size:12px}.metro-view-options details{font-size:12px;color:var(--muted)}.metro-view-options summary{cursor:pointer}.metro-rules-note{margin:8px 0 0}.metro-counts{margin:0 0 12px}.metro-counts article{padding:14px 16px;min-height:103px}.metro-counts .metro-planning-card strong{font-size:18px}.metro-week-group{margin-bottom:22px}.metro-section .panel-intro{padding:12px 16px}.metro-table td{padding:10px 9px}.metro-table-wrap:not(.metro-expanded) .metro-table{min-width:1100px}.metro-table-wrap:not(.metro-expanded) .metro-table tr>:is(:nth-child(2),:nth-child(4),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(13),:nth-child(14)){display:none}.metro-table-wrap:not(.metro-expanded) .metro-table td:nth-child(3){min-width:120px;max-width:210px}.metro-table-wrap:not(.metro-expanded) .metro-table td:nth-child(8){min-width:110px;white-space:normal}.metro-table-wrap:not(.metro-expanded) .metro-table .metro-comment{min-width:160px;max-width:260px}.metro-table-wrap .metro-comment button{font-size:10px;padding:3px 7px}.metro-table-wrap .metro-table td:last-child button{font-size:10px;padding:3px 7px}
.task-workspace-controls{justify-content:space-between;align-items:end}.task-workspace-controls>label{flex:1;max-width:650px;min-width:240px}.task-workspace-controls .actions{flex-wrap:wrap}.task-overview-table{min-width:1250px;table-layout:fixed}.task-overview-table th,.task-overview-table td{padding:11px 10px;vertical-align:top;overflow-wrap:anywhere}.task-overview-table th{font-size:12px;text-transform:none;letter-spacing:0}.task-overview-table th:nth-child(1){width:20%}.task-overview-table th:nth-child(2){width:12%}.task-overview-table th:nth-child(3){width:13%}.task-overview-table th:nth-child(4){width:12%}.task-overview-table th:nth-child(5){width:11%}.task-overview-table th:nth-child(6){width:13%}.task-overview-table th:nth-child(7){width:10%}.task-overview-table th:nth-child(8){width:100px}.task-overview-table th:last-child{width:80px}.task-sort{padding:0;border:0;background:transparent;color:var(--text);border-radius:3px;font-size:12px;display:flex;gap:7px;align-items:center;text-align:left;width:100%}.task-sort:hover{background:transparent;color:var(--yellow)}.task-sort span{color:var(--muted)}.task-column-filters th{padding-top:0;padding-bottom:10px}.task-column-filters input,.task-column-filters select{font-size:11px;padding:6px;width:100%;min-width:0}.task-range-filter{display:flex;gap:4px;flex-wrap:wrap}.task-range-filter>input{flex:1;min-width:45px}.task-range-filter input[type=date]{flex-basis:100%;font-size:10px}.task-overview-table small{display:block;font-size:11px;margin-top:4px;line-height:1.4}.task-description-preview{overflow:hidden;max-height:32px}.task-appointment-count strong{font-size:18px}.task-table-panel .panel-intro{padding:14px 18px}.task-table-panel .panel-intro h3{margin-bottom:4px}.task-table-panel .panel-intro p{font-size:12px}@media(max-width:700px){.metro-workspace-controls .actions{justify-content:flex-start}.metro-workspace-controls .week-nav{width:100%}.task-workspace-controls>label{max-width:none;min-width:0;width:100%;flex-basis:100%}.task-workspace-controls .actions{width:100%}.metro-view-options{align-items:start}}

.metro-table-wrap.metro-kind-removal:not(.metro-expanded) .metro-table tr>:nth-child(12){display:none}.metro-table-wrap.metro-kind-removal:not(.metro-expanded) .metro-table tr>:nth-child(13){display:table-cell}

/* Period navigation matches the week calendar and displays every selected week. */
.metro-workspace-controls .week-title{min-width:170px;max-width:440px;text-align:center}.metro-workspace-controls .week-title strong,.metro-workspace-controls .week-title span{white-space:normal;overflow-wrap:anywhere}.metro-workspace-controls .week-nav{align-items:center}.metro-workspace-controls .week-nav>button{white-space:nowrap}.metro-workspace-controls .metro-tools{align-items:center}.metro-workspace-controls .actions{margin-left:auto}@media(max-width:700px){.metro-workspace-controls .week-title{min-width:130px;max-width:100%;flex:1}.metro-workspace-controls .actions{margin-left:0}}

.metro-preview-table tr.metro-import-changed>td{background:#3b3020;border-top:1px solid #ae8737;border-bottom:1px solid #ae8737}.metro-import-differences{margin:8px 0;padding:9px;border-left:3px solid var(--yellow);background:#4a3a20;color:#fff0bc}.metro-import-differences ul{padding-left:18px;margin:6px 0}.metro-import-matched>td:last-child{color:#9cdbba}

/* Match the standard week-plan period picker, including multi-week summaries. */
.metro-workspace-controls .week-nav>button,.metro-workspace-controls .week-nav .touch-week-title{min-height:42px;padding:5px 10px}
.metro-workspace-controls .week-nav>button{min-width:38px;font-size:18px}
.metro-workspace-controls .week-nav>[data-action="metro-today"]{font-size:12px}
.metro-workspace-controls .calendar-period-picker{min-width:0;max-width:100%}
.metro-workspace-controls .touch-week-title{min-width:180px;gap:2px;max-width:100%;cursor:pointer}
.metro-workspace-controls .touch-week-title strong{font-size:16px;line-height:1.2;white-space:normal}
.metro-workspace-controls .touch-week-title span{font-size:11px;line-height:1.2;white-space:normal}
@media(max-width:700px){.metro-workspace-controls .week-nav>button,.metro-workspace-controls .week-nav .touch-week-title{min-height:44px}.metro-workspace-controls .calendar-period-picker{flex:1}.metro-workspace-controls .touch-week-title{min-width:0;width:100%}}

/* Summary cards follow Production jobs: count and caption left, line icon right. */
.metro-counts{gap:12px;align-items:stretch}
.metro-counts article{box-sizing:border-box;min-height:104px;padding:14px 16px;border-radius:10px}
.metro-counts .metro-stat{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
.metro-stat-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.metro-stat-copy strong{font-size:30px;line-height:1.1}
.metro-stat-copy>span{font-size:12px;line-height:1.3;color:var(--muted)}
.metro-counts .metro-stat-icon{display:flex;flex:none;align-items:center;justify-content:center}
.metro-stat-icon svg{display:block;width:46px;height:46px}
.metro-counts .metro-stat-mounting .metro-stat-icon{color:#7dd3ab}
.metro-counts .metro-stat-removal .metro-stat-icon{color:#52c8ea}
.metro-counts .metro-stat-offered .metro-stat-icon{color:#ffbc70}
.metro-counts .metro-planning-card{display:flex;flex-direction:column;justify-content:center;gap:4px}
.metro-counts .metro-planning-card>strong{font-size:18px;line-height:1.2}
.metro-planning-actions{display:flex;flex-wrap:wrap;gap:5px}
.metro-planning-actions button{flex:1 1 auto;width:auto;padding:4px 8px;font-size:11px;line-height:1.25}
@media(max-width:1100px){.metro-counts article{padding:13px 11px}.metro-stat-icon svg{width:36px;height:36px}}
@media(max-width:700px){.metro-counts{gap:9px}.metro-counts article{min-height:104px;padding:13px}.metro-stat-copy strong{font-size:26px}.metro-stat-copy>span{font-size:11px}.metro-stat-icon svg{width:40px;height:40px}}

/* Mounting/removal headings and table header rows share the same visual key. */
.metro-heading-mounting,.metro-kind-mounting thead th{background:#166b45;color:#fff}
.metro-heading-removal,.metro-kind-removal thead th{background:#b52f3f;color:#fff}
.metro-section .metro-heading h3,.metro-section .metro-heading h3 small{color:#fff}
h3.metro-heading{padding:8px 12px;border-radius:6px}
.metro-counts .metro-stat-mounting .metro-stat-icon{color:#20a366}
.metro-counts .metro-stat-removal .metro-stat-icon{color:#e14a58}
@media print{
 #metro-print-root .metro-heading-mounting,#metro-print-root .metro-kind-mounting thead th{background:#166b45!important;color:#fff!important}
 #metro-print-root .metro-heading-removal,#metro-print-root .metro-kind-removal thead th{background:#b52f3f!important;color:#fff!important}
 #metro-print-root .metro-heading{padding:1.5mm 2mm;border-radius:0;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 #metro-print-root .metro-kind-mounting thead th,#metro-print-root .metro-kind-removal thead th{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}

/* Side-by-side train and large action symbol remain readable at card size. */
.metro-stat-icon svg{width:64px;height:48px}
@media(max-width:1100px){.metro-stat-icon svg{width:56px;height:42px}}