.work-view-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--line);background:var(--panel)}.work-view-bar label{display:flex;align-items:center;gap:8px}.work-storage-status{flex:1 1 320px;font-size:1rem;color:var(--text)}.work-shift-card{margin-bottom:18px}.work-shift-card .row-actions{display:flex;flex-wrap:wrap;gap:12px}
body[data-work-preset="foreman"] .btn,body[data-work-preset="operator"] .btn,body[data-work-preset="foreman"] .icon-btn,body[data-work-preset="operator"] .icon-btn{min-height:50px;min-width:48px}body[data-work-preset="foreman"] input,body[data-work-preset="operator"] input,body[data-work-preset="foreman"] select,body[data-work-preset="operator"] select,body[data-work-preset="foreman"] textarea,body[data-work-preset="operator"] textarea{font-size:17px;min-height:48px}body[data-work-preset="operator"]:not([data-work-more="true"]) button.work-extra{display:none!important}
body[data-work-theme="light"]{--bg:#f4f5f7;--bg2:#fff;--panel:#fff;--panel2:#edf0f4;--panel3:#e5e9ee;--text:#17212d;--muted:#455568;--line:#bac3ce;--gold:#755600;--gold2:#634700;--gold-soft:#f8efcc;--ok:#176745;--danger:#a51c30;background:#f4f5f7;color:var(--text)}body[data-work-theme="light"] .card,body[data-work-theme="light"] .work-view-bar,body[data-work-theme="light"] .page-wrap{background:var(--panel);color:var(--text)}body[data-work-theme="light"] .btn.gold{background:#f2c21a;color:#17212d}body[data-work-theme="light"] input,body[data-work-theme="light"] select,body[data-work-theme="light"] textarea{background:#fff;color:#17212d;border-color:#8b99aa}
@media(max-width:700px){.work-view-bar{padding:12px}.work-view-bar label{flex:1 1 220px}.work-shift-card .btn{width:100%}}

body[data-work-theme="light"] .sidebar{--text:#f2f4f6;--muted:#aeb9c5;--gold:#f2c21a;--line:#44515f;--panel2:#1b222b;color:var(--text)}
body[data-work-theme="light"] .topbar,body[data-work-theme="light"] .connection-line,body[data-work-theme="light"] .modal-card,body[data-work-theme="light"] .modal-head,body[data-work-theme="light"] .modal-footer{background:#fff;color:#17212d}
body[data-work-theme="light"] .topbar .icon-btn,body[data-work-theme="light"] .topbar .btn.dark,body[data-work-theme="light"] .page-wrap .btn.dark{background:#edf0f4;color:#17212d;border-color:#8b99aa}
body[data-work-theme="light"] #appShell label.field,body[data-work-theme="light"] .calendar-toolbar label{color:#455568}
body[data-work-theme="light"] .sidebar .btn.dark{color:#f2f4f6}body[data-work-theme="light"] .sidebar .language-switch select{background:#fff;color:#17212d}

.sg-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:16px;align-items:start}.sg-main{min-width:0}.sg-workspace .sg-inspector{position:sticky;top:90px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.sg-workspace .sg-inspector>strong,.sg-workspace .sg-inspector>.sg-resources,.sg-workspace .sg-inspector>.sg-proposals,.sg-workspace .sg-inspector>details{grid-column:1/-1}.sg-list-row{padding:16px;border:1px solid var(--line);border-radius:12px;margin:12px 0}.sg-list-row h5{font-size:17px;margin:0 0 12px}.sg-list-window{margin:0 8px 8px 0;min-height:48px}.sg-list-window.selected{outline:3px solid var(--gold);outline-offset:2px}.sg-proposals{padding:14px;border:1px dashed var(--gold);border-radius:12px}.sg-proposals>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:10px}
[data-sg-layout="list"] .sg-scroll,[data-sg-layout="diagram"] .sg-list{display:none}
body[data-work-theme="light"] .online-pill{color:#175e43;background:#e4f4ed;border-color:#739b88}body[data-work-theme="light"] .offline-pill{color:#8a2030;background:#fbe9ed;border-color:#b96c7a}
@media(max-width:1050px){.sg-workspace{grid-template-columns:1fr}.sg-workspace .sg-inspector{position:static}.sg-list-row .btn{min-height:50px}.sg-main{max-width:100%}}

.sg-list-row>.sg-inspector{position:static;margin-top:14px;grid-column:1/-1}.sg-list-row>.sg-inspector>label{min-width:0}.sg-list-row>.sg-inspector input,.sg-list-row>.sg-inspector select{width:100%;max-width:100%;min-width:0}
body[data-work-theme="light"] .sg-inspector,body[data-work-theme="light"] .sg-inspector fieldset,body[data-work-theme="light"] .sg-inspector details{background:#fff;color:#17212d;border-color:#bac3ce}
body[data-work-theme="light"] .sg-inspector label,body[data-work-theme="light"] .sg-inspector legend,body[data-work-theme="light"] .sg-inspector .muted,body[data-work-theme="light"] .sg-message,body[data-work-theme="light"] .sg-empty{color:#455568}
body[data-work-theme="light"] .editor-footer{background:#fff;color:#17212d;border-color:#bac3ce}

.work-current-context{font-size:14px;color:var(--text);margin:4px 0;max-width:65ch;line-height:1.45}.work-editor-context{font-size:17px;line-height:1.5;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}
body[data-work-theme="light"] .sg-inspector .sg-tr-row,body[data-work-theme="light"] .sg-inspector .sg-tr-meta{color:#455568}body[data-work-theme="light"] .sg-inspector strong{color:#17212d}

.work-connection-details{position:relative}.work-connection-details>summary{display:flex;align-items:center;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:11px;cursor:pointer;background:var(--panel2);color:var(--text)}.work-connection-content{position:absolute;right:0;top:100%;z-index:70;width:min(440px,80vw);display:flex;flex-wrap:wrap;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow)}.work-connection-content .connection-line{height:auto;padding:10px 0;flex-wrap:wrap;gap:8px;overflow-wrap:anywhere;white-space:normal}.work-connection-content .connection-url{max-width:100%;overflow-wrap:anywhere}

.work-connection-details:not([open]) .work-connection-content{display:none}
.work-view-preferences{position:relative}.work-view-preferences>summary{min-height:48px;display:flex;align-items:center;cursor:pointer;padding:10px 14px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text)}.work-view-preference-controls{position:absolute;left:0;top:100%;z-index:75;width:min(430px,85vw);padding:16px;display:grid;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.work-view-preferences:not([open]) .work-view-preference-controls{display:none}.work-view-preference-controls label{flex-wrap:wrap}.work-view-preference-controls select{max-width:100%}
body[data-work-theme="light"] .notice{background:#f8efcc;color:#755600;border-color:#ad8a28}body[data-work-theme="light"] .workflow-field{color:#455568}
body[data-work-theme="light"] .sg-table{--text:#f2f4f6;--muted:#bbc7d3;color:#f2f4f6}

.operator-work-nav{display:flex;gap:10px;flex-wrap:wrap;flex-basis:100%}.operator-work-nav[hidden]{display:none}.work-resource-options{grid-column:1/-1;border:1px solid var(--line);padding:14px;border-radius:12px}.work-resource-options>summary{min-height:48px;cursor:pointer;font-weight:700}.work-resource-choice{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;gap:10px;align-items:center;padding:8px 0}.work-resource-choice>label{display:flex;align-items:center;gap:12px;min-height:50px}.work-own-entry{margin:14px 0}.work-own-entry .row-actions,.work-entry-page .row-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.work-entry-page textarea{min-height:120px}
body[data-work-preset="operator"] input[type="checkbox"],body[data-work-preset="foreman"] input[type="checkbox"]{width:24px;height:24px;min-height:0;flex:none}
@media(max-width:600px){.work-resource-choice{grid-template-columns:minmax(0,1fr) 90px}.work-resource-choice>span{grid-column:2}.operator-work-nav .btn{flex:1}.work-entry-page .form-layout{grid-template-columns:1fr}}

/* Read-only dashboard diagram shares the editor's axis, colors and 15min grid. */
.work-documented-shift{margin-top:22px;min-width:0}.work-documented-shift>h3{margin-bottom:14px}.work-summary-scroll{max-width:100%;max-height:520px;overflow:auto;border:1px solid #536374;border-radius:10px;background:#11171e;overscroll-behavior:contain}.work-summary-scroll:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.work-summary-diagram{--sg-name:210px;--sg-total:65px;min-width:947px;color:#f2f4f6;font-size:14px}.work-summary-diagram .sg-header{z-index:6}.work-summary-diagram .sg-header .sg-label{z-index:7}.work-summary-diagram .sg-label{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}.work-summary-diagram .sg-label strong{line-height:1.35;overflow-wrap:anywhere;color:#f2f4f6}.work-summary-diagram .sg-axis{width:100%;min-width:0}.work-summary-diagram .sg-category{max-width:none}.work-summary-diagram .work-summary-track{cursor:default;touch-action:pan-x pan-y;user-select:auto;min-height:58px}.work-summary-diagram .work-summary-bar{height:32px;cursor:default;justify-content:center;padding:0 3px;touch-action:pan-x pan-y;box-sizing:border-box}.work-summary-bar:focus-visible{outline:2px solid #fff;outline-offset:1px;z-index:3}.work-summary-bar .sg-bar-label{white-space:nowrap;font-size:12px}.work-summary-resources{width:100%;font-size:12px;color:#c1ccd8}.work-summary-resources summary{cursor:pointer;line-height:1.5;min-height:24px}.work-summary-resources div{padding-top:6px;overflow-wrap:anywhere}.work-summary-unknown{display:block;padding:16px 10px;color:#c1ccd8;font-size:13px}.work-summary-legend{font-size:13px;line-height:1.5;margin-bottom:0}
@media(max-width:700px){.work-summary-diagram{--sg-name:160px;--sg-total:60px;min-width:796px}.work-summary-scroll{max-height:440px}}