:root { color-scheme: light; --bg:#f4f6f8; --surface:#fff; --surface-2:#edf1f5; --ink:#17202d; --muted:#607086; --line:#d7dee7; --nav:#152337; --nav-2:#21334b; --blue:#1767b7; --blue-soft:#e6f1fb; --green:#217a4b; --green-soft:#e6f5ec; --amber:#9a6400; --amber-soft:#fff3d6; --red:#b7352b; --red-soft:#fdecea; --radius:7px; --shadow:0 1px 3px rgba(26,42,64,.09); }
* { box-sizing:border-box; }
[hidden] { display:none!important; }
html { background:var(--bg); }
body { margin:0; min-width:320px; overflow-x:hidden; background:var(--bg); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:15px; line-height:1.45; letter-spacing:0; }
button,input,select,textarea { font:inherit; }
button,select,input[type="checkbox"] { cursor:pointer; }
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible { outline:3px solid rgba(35,119,196,.35); outline-offset:2px; }
h1,h2,h3,p { margin-top:0; }
.skip-link { position:fixed; top:8px; left:8px; z-index:100; padding:10px 14px; transform:translateY(-150%); border-radius:6px; background:var(--ink); color:#fff; }
.skip-link:focus { transform:translateY(0); }
.app-shell { display:grid; grid-template-columns:250px minmax(0,1fr); min-height:100vh; }
.sidebar { position:sticky; top:0; display:flex; flex-direction:column; height:100vh; padding:20px 14px 14px; background:var(--nav); color:#fff; }
.brand { display:flex; align-items:center; gap:11px; padding:0 8px 20px; border-bottom:1px solid rgba(255,255,255,.14); }
.brand-mark { display:grid; place-items:center; width:42px; height:42px; border-radius:6px; background:#fff; color:var(--nav); font-weight:800; }
.brand strong,.brand span { display:block; }
.brand strong { font-size:.96rem; }
.brand div span { margin-top:1px; color:#b9c7d8; font-size:.78rem; }
.side-nav { display:grid; gap:4px; margin-top:18px; }
.side-nav button { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; min-height:42px; padding:9px 10px; border:0; border-radius:6px; background:transparent; color:#dbe4ef; text-align:left; }
.side-nav button:hover { background:var(--nav-2); color:#fff; }
.side-nav button[aria-current="page"] { background:#fff; color:var(--nav); font-weight:700; }
.nav-count { min-width:28px; color:inherit; font-size:.75rem; text-align:right; opacity:.78; }
.sidebar-footer { margin-top:auto; padding:14px 8px 2px; border-top:1px solid rgba(255,255,255,.14); color:#b9c7d8; font-size:.76rem; }
.workspace { min-width:0; }
.topbar { position:sticky; top:0; z-index:20; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; min-height:92px; padding:14px 28px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.96); }
.topbar-title p { margin-bottom:1px; color:var(--blue); font-size:.73rem; font-weight:800; text-transform:uppercase; }
.topbar-title h1 { margin-bottom:2px; font-size:1.42rem; line-height:1.2; }
.topbar-title span { display:block; color:var(--muted); font-size:.78rem; }
.topbar-actions { display:flex; gap:8px; }
.mobile-view-picker { display:none; }
main { width:min(100%,1680px); margin:0 auto; padding:24px 28px 40px; }
.loading-state { display:grid; place-items:center; min-height:55vh; color:var(--muted); text-align:center; }
.loading-state[hidden] { display:none!important; }
.loading-state strong { margin-top:14px; color:var(--ink); font-size:1rem; }
.loading-state span { font-size:.85rem; }
.loading-line { width:180px; height:4px; overflow:hidden; border-radius:4px; background:var(--line); }
.loading-line::after { display:block; width:45%; height:100%; background:var(--blue); content:""; animation:loading 1.2s ease-in-out infinite alternate; }
@keyframes loading { from { transform:translateX(0); } to { transform:translateX(122px); } }
.view-section { display:grid; gap:18px; }
.source-band { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:11px 14px; border:1px solid var(--line); border-left:4px solid var(--blue); border-radius:var(--radius); background:var(--surface); color:var(--muted); font-size:.82rem; }
.source-band strong { color:var(--ink); }
.button { min-height:40px; padding:8px 13px; border:1px solid transparent; border-radius:6px; font-weight:700; transition:background-color 140ms ease,border-color 140ms ease; }
.button-primary { background:var(--blue); color:#fff; }
.button-primary:hover { background:#0f5599; }
.button-secondary { border-color:var(--line); background:var(--surface); color:var(--ink); }
.button-secondary:hover { border-color:var(--blue); background:var(--blue-soft); }
.button:disabled { cursor:not-allowed; opacity:.45; }
.filter-band { display:grid; align-items:end; gap:12px; padding:15px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); box-shadow:var(--shadow); }
.filter-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.filter-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.filter-five { grid-template-columns:repeat(5,minmax(0,1fr)); }
.field { display:grid; gap:5px; min-width:0; color:var(--muted); font-size:.78rem; font-weight:700; }
.field input,.field select,.field textarea { width:100%; min-height:40px; padding:8px 10px; border:1px solid var(--line); border-radius:6px; background:var(--surface); color:var(--ink); }
.field textarea { min-height:80px; resize:vertical; }
.field-grow { min-width:220px; }
.toggle-field { display:flex; align-items:center; gap:8px; min-height:40px; padding:8px 10px; border:1px solid var(--line); border-radius:6px; color:var(--ink); font-size:.82rem; font-weight:700; }
input[type="checkbox"] { width:18px; height:18px; accent-color:var(--blue); }
.metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.metrics-five { grid-template-columns:repeat(5,minmax(0,1fr)); }
.metrics-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.metric { min-width:0; padding:14px 15px; border:1px solid var(--line); border-top:3px solid var(--blue); border-radius:var(--radius); background:var(--surface); box-shadow:var(--shadow); }
.metric span { display:block; color:var(--muted); font-size:.76rem; font-weight:700; }
.metric strong { display:block; margin-top:3px; overflow-wrap:anywhere; font-size:1.34rem; font-variant-numeric:tabular-nums; }
.metric-success { border-top-color:var(--green); }.metric-warning { border-top-color:var(--amber); }.metric-alert,.metric-danger { border-top-color:var(--red); }
.metric-success strong { color:var(--green); }.metric-warning strong { color:var(--amber); }.metric-alert strong,.metric-danger strong { color:var(--red); }
.insight-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.data-panel { min-width:0; padding:16px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); box-shadow:var(--shadow); }
.panel-heading { display:flex; align-items:end; justify-content:space-between; gap:12px; margin-bottom:14px; }
.panel-heading h2 { margin-bottom:0; font-size:.98rem; }.panel-heading p { margin-bottom:0; color:var(--muted); font-size:.78rem; }
.bar-list { display:grid; gap:11px; }.bar-row { display:grid; grid-template-columns:minmax(92px,1fr) minmax(100px,3fr) auto; align-items:center; gap:10px; font-size:.8rem; }
.bar-row>span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.bar-row strong { min-width:36px; text-align:right; font-variant-numeric:tabular-nums; }
.bar-track { height:8px; overflow:hidden; border-radius:5px; background:var(--surface-2); }.bar-fill { height:100%; border-radius:5px; background:var(--blue); }.bar-fill.success { background:var(--green); }.bar-fill.warning { background:var(--amber); }.bar-fill.alert { background:var(--red); }
.alerts-band { display:grid; gap:10px; }.alert-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.alert-list button { min-height:74px; padding:11px; border:1px solid var(--line); border-left:4px solid var(--amber); border-radius:var(--radius); background:var(--surface); color:var(--ink); text-align:left; }
.alert-list button:hover { background:var(--amber-soft); }.alert-list button strong,.alert-list button span { display:block; }.alert-list button span { margin-top:3px; color:var(--muted); font-size:.77rem; }
.message { padding:12px 14px; border:1px solid var(--line); border-radius:var(--radius); font-size:.84rem; }
.message-info { border-color:#a8cce9; background:var(--blue-soft); color:#174d78; }.message-warning { border-color:#e9cf8b; background:var(--amber-soft); color:#765000; }.message-error { border-color:#e6aaa5; background:var(--red-soft); color:#8b2a22; }
.table-frame { max-width:100%; overflow:auto; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); box-shadow:var(--shadow); }
table { width:100%; min-width:1050px; border-collapse:collapse; font-size:.79rem; }.wide-table table { min-width:1350px; }.very-wide-table table { min-width:1850px; }.compact-table table { min-width:760px; }
th,td { padding:9px 10px; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; }th { position:sticky; top:0; z-index:2; background:var(--surface-2); color:var(--muted); font-size:.69rem; text-transform:uppercase; white-space:nowrap; }
tbody tr:last-child td { border-bottom:0; }tbody tr:hover { background:var(--blue-soft); }tbody tr.row-alert { background:var(--red-soft); }
.numeric { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }.description-cell { min-width:250px; max-width:410px; overflow-wrap:anywhere; }
.status { display:inline-block; padding:3px 7px; border-radius:999px; background:var(--surface-2); color:var(--ink); font-size:.7rem; font-weight:800; white-space:nowrap; }
.status-success { background:var(--green-soft); color:var(--green); }.status-warning { background:var(--amber-soft); color:var(--amber); }.status-alert,.status-danger { background:var(--red-soft); color:var(--red); }.status-info { background:var(--blue-soft); color:var(--blue); }
.status-check { display:inline-flex; align-items:center; gap:7px; min-height:32px; white-space:nowrap; }
.pagination { display:flex; align-items:center; justify-content:flex-end; gap:10px; }.pagination span { min-width:118px; color:var(--muted); font-size:.79rem; text-align:center; }
.empty-state { display:grid; place-items:center; min-height:190px; padding:28px; color:var(--muted); text-align:center; }.empty-state strong { color:var(--ink); }
.shift-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:2px 0; }
.shift-toolbar h2 { margin-bottom:2px; font-size:1.08rem; }
.shift-toolbar p { margin-bottom:0; color:var(--muted); font-size:.82rem; }
.shift-toolbar>div:last-child { display:flex; flex-wrap:wrap; gap:8px; }
.shift-report-table { min-width:900px; }
.activity-table { min-width:720px; }
.row-actions { display:flex; flex-wrap:wrap; gap:6px; }
.row-actions .button { min-height:32px; padding:5px 8px; font-size:.72rem; }
.button-danger { border-color:#e2aaa5; background:var(--surface); color:var(--red); }
.button-danger:hover { border-color:var(--red); background:var(--red-soft); }
.shift-header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; padding:16px; border:1px solid var(--line); border-left:4px solid var(--green); border-radius:var(--radius); background:var(--surface); }
.shift-header h2 { margin-bottom:4px; font-size:1.1rem; }.shift-header p { margin-bottom:0; color:var(--muted); font-size:.82rem; }
.form-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.task-entry { display:grid; gap:12px; }.task-entry h2 { margin-bottom:0; font-size:1rem; }
.task-form { display:grid; grid-template-columns:160px minmax(240px,1fr) 150px auto; align-items:end; gap:10px; }.task-list { display:grid; gap:8px; }
.task-row { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:10px; padding:11px 12px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.task-row.task-done { background:var(--green-soft); opacity:.78; }.task-check { display:grid; place-items:center; min-height:30px; }.task-main { min-width:0; }.task-main strong,.task-main span { display:block; }.task-main strong { overflow-wrap:anywhere; }.task-main span { margin-top:3px; color:var(--muted); font-size:.77rem; }
.task-category { display:inline-block!important; width:max-content; margin:0 0 4px!important; padding:2px 6px; border-radius:999px; background:var(--blue-soft); color:var(--blue)!important; font-size:.68rem!important; font-weight:800; }
.toast { position:fixed; right:20px; bottom:20px; z-index:60; max-width:min(360px,calc(100% - 32px)); padding:11px 14px; border-radius:var(--radius); background:var(--ink); color:#fff; box-shadow:0 8px 24px rgba(0,0,0,.22); font-size:.84rem; }
.import-dialog { width:min(720px,calc(100% - 28px)); max-height:calc(100vh - 40px); padding:0; overflow:auto; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); box-shadow:0 20px 60px rgba(0,0,0,.28); }
.import-dialog::backdrop { background:rgba(10,20,32,.6); }
.form-dialog { width:min(560px,calc(100% - 28px)); max-height:calc(100vh - 40px); padding:0; overflow:auto; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); box-shadow:0 20px 60px rgba(0,0,0,.28); }
.form-dialog::backdrop,.wizard-dialog::backdrop { background:rgba(10,20,32,.68); }
.dialog-form-body { display:grid; gap:14px; padding:20px; }
.wizard-dialog { width:min(1040px,calc(100% - 28px)); height:min(820px,calc(100vh - 30px)); max-height:calc(100vh - 30px); padding:0; overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); box-shadow:0 20px 60px rgba(0,0,0,.3); }
.wizard-dialog[open] { display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; }
.wizard-progress { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:14px 20px; border-bottom:1px solid var(--line); background:var(--surface-2); }
.wizard-step { position:relative; display:flex; align-items:center; gap:8px; min-width:0; color:var(--muted); font-size:.72rem; }
.wizard-step:not(:last-child)::after { position:absolute; right:10px; left:42px; top:15px; height:2px; background:var(--line); content:""; }
.wizard-step span { position:relative; z-index:1; display:grid; place-items:center; width:30px; height:30px; flex:0 0 30px; border:2px solid var(--line); border-radius:50%; background:var(--surface); font-weight:800; }
.wizard-step strong { position:relative; z-index:1; overflow:hidden; padding-right:12px; background:var(--surface-2); text-overflow:ellipsis; white-space:nowrap; }
.wizard-step.current { color:var(--blue); }
.wizard-step.current span { border-color:var(--blue); background:var(--blue); color:#fff; }
.wizard-step.complete { color:var(--green); }
.wizard-step.complete span { border-color:var(--green); background:var(--green); color:#fff; }
.wizard-step.complete:not(:last-child)::after { background:var(--green); }
.wizard-body { min-height:0; padding:20px; overflow:auto; }
.wizard-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; max-width:760px; margin:0 auto; }
.wizard-copy { margin:0 auto 14px; max-width:820px; }
.wizard-copy h3 { margin-bottom:3px; font-size:1rem; }
.wizard-copy p { margin-bottom:0; color:var(--muted); font-size:.8rem; }
.transfer-grid { display:grid; grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr); align-items:center; gap:14px; max-width:900px; margin:0 auto; }
.transfer-panel { display:grid; gap:7px; min-width:0; color:var(--muted); font-size:.76rem; font-weight:700; }
.transfer-panel>span { display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--ink); font-size:.8rem; }
.transfer-panel>span strong { display:grid; place-items:center; min-width:28px; height:24px; padding:0 7px; border-radius:999px; background:var(--surface-2); color:var(--muted); font-size:.7rem; }
.transfer-panel select { width:100%; height:330px; padding:4px; border:1px solid var(--line); border-radius:6px; background:var(--surface); color:var(--ink); font-size:.76rem; }
.transfer-panel option { padding:7px 8px; border-bottom:1px solid var(--line); white-space:normal; }
.transfer-panel option:checked { background:var(--blue) linear-gradient(0deg,var(--blue),var(--blue)); color:#fff; }
.transfer-panel small { min-height:18px; font-weight:500; }
.transfer-controls { display:grid; gap:8px; }
.transfer-button { display:grid; place-items:center; width:44px; height:38px; padding:0; border:1px solid var(--line); border-radius:6px; background:var(--surface); color:var(--ink); font-size:.92rem; font-weight:800; }
.transfer-button:hover { border-color:var(--blue); background:var(--blue-soft); color:var(--blue); }
.pending-responsible-field { max-width:900px; margin:0 auto 16px; }
.wizard-preview { min-width:760px; }
.wizard-preview .print-document { box-shadow:none; border:1px solid var(--line); }
.wizard-actions { z-index:3; }
.dialog-header { position:sticky; top:0; z-index:2; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px 20px; border-bottom:1px solid var(--line); background:var(--surface); }
.dialog-header p { margin-bottom:2px; color:var(--blue); font-size:.72rem; font-weight:800; text-transform:uppercase; }
.dialog-header h2 { margin-bottom:0; font-size:1.2rem; }
.icon-button { display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid var(--line); border-radius:6px; background:var(--surface); color:var(--ink); font-size:1.5rem; line-height:1; }
.icon-button:hover { background:var(--surface-2); }
#importDialogBody { display:grid; gap:14px; padding:18px 20px; }
.import-file { margin:0; color:var(--muted); overflow-wrap:anywhere; }
.import-file strong { color:var(--ink); }
.import-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.import-stat { padding:11px; border:1px solid var(--line); border-radius:6px; background:var(--surface-2); }
.import-stat span,.import-stat strong { display:block; }.import-stat span { color:var(--muted); font-size:.72rem; font-weight:700; }.import-stat strong { margin-top:2px; font-size:1.2rem; font-variant-numeric:tabular-nums; }
.import-stat.success strong { color:var(--green); }.import-stat.warning strong { color:var(--amber); }.import-stat.alert strong { color:var(--red); }
.import-note { margin:0; padding:11px 12px; border-left:4px solid var(--blue); background:var(--blue-soft); color:var(--ink); font-size:.82rem; }
.conflict-list { margin:0; padding-left:20px; color:var(--muted); font-size:.78rem; overflow-wrap:anywhere; }
.dialog-actions { position:sticky; bottom:0; display:flex; justify-content:flex-end; gap:8px; padding:14px 20px; border-top:1px solid var(--line); background:var(--surface); }
.task-table { min-width:980px; }
.task-table tr.task-done { background:var(--green-soft); }
.task-table tr.task-done:hover { background:var(--green-soft); }
.print-dialog { width:min(1120px,calc(100% - 28px)); max-height:calc(100vh - 30px); padding:0; overflow:auto; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); box-shadow:0 20px 60px rgba(0,0,0,.3); }
.print-dialog::backdrop { background:rgba(10,20,32,.68); }
#printDialogBody { padding:24px; background:var(--surface-2); }
.print-document { width:100%; max-width:960px; margin:0 auto; padding:34px; background:#fff; color:#17202d; box-shadow:var(--shadow); }
.print-document-title { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:16px; border-bottom:3px solid #1767b7; }
.print-document-title p { margin-bottom:2px; color:#1767b7; font-size:.72rem; font-weight:800; text-transform:uppercase; }
.print-document-title h1 { margin-bottom:0; font-size:1.55rem; }
.print-document-title>strong { padding:7px 10px; border:1px solid #b7c4d3; font-size:.82rem; }
.print-profile { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid #cad3de; border-top:0; }
.print-profile div { min-width:0; padding:10px 12px; border-right:1px solid #cad3de; border-bottom:1px solid #cad3de; }
.print-profile div:nth-child(3n) { border-right:0; }.print-profile div:nth-last-child(-n+3) { border-bottom:0; }
.print-profile span,.print-profile strong { display:block; }.print-profile span { color:#607086; font-size:.68rem; font-weight:800; text-transform:uppercase; }.print-profile strong { margin-top:2px; overflow-wrap:anywhere; font-size:.82rem; }
.print-process { margin-top:24px; }
.print-section-title { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.print-section-title>span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#1767b7; color:#fff; font-weight:800; }
.print-section-title h2 { margin-bottom:0; font-size:1rem; }.print-section-title p { margin-bottom:0; color:#607086; font-size:.72rem; }
.print-process table { min-width:0; border:1px solid #cad3de; font-size:.72rem; }
.print-process th { position:static; background:#edf1f5; color:#435267; font-size:.64rem; }
.print-process th,.print-process td { padding:7px 8px; border-right:1px solid #cad3de; border-bottom:1px solid #cad3de; }
.print-process th:first-child,.print-process td:first-child { width:34px; text-align:center; }.print-process th:nth-child(2),.print-process td:nth-child(2) { width:105px; }.print-process th:nth-child(4),.print-process td:nth-child(4) { width:145px; }.print-process th:nth-child(5),.print-process td:nth-child(5) { width:92px; }
.print-signatures { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:60px; margin-top:50px; }
.print-signatures div { padding-top:8px; border-top:1px solid #607086; }.print-signatures span,.print-signatures strong { display:block; }.print-signatures span { color:#607086; font-size:.68rem; text-transform:uppercase; }.print-signatures strong { margin-top:2px; font-size:.8rem; }
.history-empty { color:var(--muted); font-size:.82rem; }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media(max-width:1180px){.metrics-five{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-five,.filter-four{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-shell{display:block}.sidebar{display:none}.topbar{position:static;grid-template-columns:190px minmax(0,1fr);padding:14px 18px}.mobile-view-picker{display:grid;gap:4px}.mobile-view-picker label{color:var(--muted);font-size:.72rem;font-weight:700}.mobile-view-picker select{min-height:40px;width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink)}.topbar-actions{grid-column:1/-1}main{padding:20px 18px 34px}.filter-five,.filter-four,.filter-three{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics,.metrics-five{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-list{grid-template-columns:1fr}.task-form{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-step strong{display:none}.wizard-step:not(:last-child)::after{left:40px}}
@media(max-width:720px){.topbar{grid-template-columns:1fr;gap:12px}.mobile-view-picker,.topbar-actions{grid-column:auto}.topbar-actions{flex-wrap:wrap}.topbar-actions .button{flex:1 1 150px}main{padding:16px 12px 28px}.source-band{align-items:flex-start;flex-direction:column}.shift-toolbar{align-items:flex-start;flex-direction:column}.shift-toolbar>div:last-child{width:100%}.shift-toolbar .button{flex:1}.filter-five,.filter-four,.filter-three,.insight-grid,.metrics-three,.form-grid,.task-form,.wizard-form{grid-template-columns:1fr}.metrics,.metrics-five{gap:8px}.metric{padding:12px}.data-panel{padding:13px}.shift-header{grid-template-columns:1fr}.bar-row{grid-template-columns:86px minmax(70px,1fr) auto;gap:7px}.table-frame{overflow:visible;border:0;background:transparent;box-shadow:none}table,tbody,tr,td{display:block;width:100%}table,.wide-table table,.very-wide-table table,.compact-table table,.activity-table,.shift-report-table{min-width:0}thead{display:none}tbody{display:grid;gap:10px}tbody tr{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}td{display:grid;grid-template-columns:minmax(105px,.85fr) minmax(0,1.3fr);gap:10px;padding:8px 11px;text-align:left!important;white-space:normal!important}td::before{content:attr(data-label);color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase}td:first-child{background:var(--surface-2)}.description-cell{min-width:0;max-width:none}.pagination{justify-content:space-between}.import-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-actions{align-items:stretch;flex-direction:column-reverse}.dialog-actions .button{width:100%}.wizard-dialog{width:calc(100% - 16px);height:calc(100vh - 16px);max-height:calc(100vh - 16px)}.wizard-progress{padding:10px 14px}.wizard-step{justify-content:center}.wizard-step:not(:last-child)::after{right:-50%;left:50%}.wizard-body{padding:14px}.transfer-grid{grid-template-columns:1fr;gap:9px}.transfer-panel select{height:190px}.transfer-controls{display:flex;justify-content:center}.transfer-button{width:48px}.wizard-preview{min-width:690px}.wizard-actions{flex-direction:row;flex-wrap:wrap}.wizard-actions .button{width:auto;flex:1 1 120px}}
@media(max-width:720px){.task-table{min-width:0}.task-table tbody tr{border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}.task-table tbody{gap:0}#printDialogBody{padding:10px;overflow:auto}.print-document{min-width:0;width:100%;padding:18px}.print-process table{display:table!important;width:100%!important;min-width:0!important;table-layout:fixed}.print-process thead{display:table-header-group!important}.print-process tbody{display:table-row-group!important}.print-process tr{display:table-row!important;width:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important}.print-process th,.print-process td{display:table-cell!important;width:auto!important;white-space:normal!important;text-align:left!important;overflow-wrap:anywhere}.print-process th:first-child,.print-process td:first-child{width:6%!important;text-align:center!important}.print-process th:nth-child(2),.print-process td:nth-child(2){width:16%!important}.print-process th:nth-child(3),.print-process td:nth-child(3){width:46%!important}.print-process th:nth-child(4),.print-process td:nth-child(4){width:20%!important}.print-process th:nth-child(5),.print-process td:nth-child(5){width:12%!important}.print-process td::before{display:none!important}.print-preview-actions{position:sticky;left:0}.print-dialog .dialog-actions{flex-direction:row}.print-dialog .dialog-actions .button{width:auto}}
@media(max-width:430px){.metrics,.metrics-five{grid-template-columns:1fr}.pagination{flex-wrap:wrap}.pagination span{order:-1;width:100%}.pagination .button{flex:1}td{grid-template-columns:98px minmax(0,1fr)}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#101720;--surface:#182330;--surface-2:#233142;--ink:#edf2f7;--muted:#afbed0;--line:#35465a;--nav:#0b121c;--nav-2:#22334a;--blue:#78b7f2;--blue-soft:#193a56;--green:#75c99a;--green-soft:#193c2a;--amber:#f0c361;--amber-soft:#473918;--red:#ff9b91;--red-soft:#472624;--shadow:none}.topbar{background:rgba(24,35,48,.97)}.brand-mark{background:#edf2f7;color:#152337}.side-nav button[aria-current="page"]{background:#edf2f7;color:#152337}.button-primary{color:#0d2235}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{:root{color-scheme:light}body{background:#fff!important;color:#111!important}.app-shell,.toast,#importDialog,.print-preview-header,.print-preview-actions{display:none!important}#printDialog{display:block!important;position:static!important;width:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;background:#fff!important;box-shadow:none!important}#printDialog::backdrop{display:none!important}#printDialogBody{display:block!important;padding:0!important;background:#fff!important;overflow:visible!important}.print-document{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;box-shadow:none!important}.print-document-title,.print-profile,.print-process,.print-signatures{break-inside:auto}.print-section-title{break-after:avoid}.print-process table{display:table!important;width:100%!important;min-width:0!important}.print-process thead{display:table-header-group!important}.print-process tbody{display:table-row-group!important}.print-process tr{display:table-row!important;width:auto!important;break-inside:avoid}.print-process th,.print-process td{display:table-cell!important;width:auto!important;white-space:normal!important;text-align:left!important}.print-process th:first-child,.print-process td:first-child{width:30px!important;text-align:center!important}.print-process td::before{display:none!important}.print-signatures{break-inside:avoid}@page{size:A4 portrait;margin:12mm}}