/* My Roster workspace design v1. Additive presentation; the original stylesheet is retained. */
body.my-roster-workspace {
  --ink:#172a3c; --navy:#0d253e; --panel:#183a59; --paper:#f3f5f7;
  --muted:#5e7080; --line:#dfe6ec; --mint:#90e4c5;
  --workspace-accent:#90e4c5; --workspace-soft:#f7f9fa;
  --workspace-green:#187752; --workspace-amber:#a65710; --workspace-brown:#86572e;
  --workspace-blue:#28669d; --workspace-red:#b53945; --workspace-purple:#7049a2;
  color-scheme:light; background:var(--paper); color:var(--ink);
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-text-size-adjust:100%;
}
body.my-roster-workspace[data-company-theme=overground] { --workspace-accent:#ed7b21; }
.my-roster-workspace button,.my-roster-workspace input,.my-roster-workspace select,.my-roster-workspace textarea { font-family:inherit; }
.my-roster-workspace button { cursor:pointer; }
.my-roster-workspace button:disabled { cursor:default; opacity:.55; }
.my-roster-workspace :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible { outline:3px solid #377dab; outline-offset:3px; }
.my-roster-workspace h1,.my-roster-workspace h2,.my-roster-workspace h3 { font-weight:650; line-height:1.3; letter-spacing:-.025em; }
.my-roster-workspace h2 { font-size:18px; }
.my-roster-workspace h3 { font-size:16px; }
.my-roster-workspace p { line-height:1.6; overflow-wrap:anywhere; }
.my-roster-workspace small { font-size:12px; }
.my-roster-workspace .app { display:grid; grid-template-columns:224px minmax(0,1fr); min-height:100dvh; }
.my-roster-workspace .side { display:flex; position:sticky; top:0; height:100dvh; overflow-y:auto; background:var(--navy); color:white; padding:28px 16px 20px; gap:26px; }
.my-roster-workspace .side>.brand { padding:0 4px; gap:10px; font-size:15px; font-weight:650; line-height:1.3; }
.my-roster-workspace .side>.brand small { display:block; margin-top:5px; color:#b6c9d8; font-size:11px; letter-spacing:2px; }
.my-roster-workspace .mark { width:36px; height:41px; flex-shrink:0; border:1px solid #51738b; border-radius:9px; background:transparent; color:var(--mint); }
.workspace-icon { width:20px; height:20px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.workspace-company { display:grid; gap:3px; padding:0 10px; border-left:3px solid var(--workspace-accent); margin:0 7px; overflow-wrap:anywhere; }
.workspace-company strong { font-size:13px; font-weight:600; }
.workspace-company small { color:#b6c9d8; }
.my-roster-workspace .nav { display:grid; gap:5px; }
.my-roster-workspace .nav button { display:flex; gap:12px; align-items:center; min-height:46px; padding:11px 13px; border:0; border-radius:9px; color:#b8cada; background:transparent; font-size:14px; font-weight:500; }
.my-roster-workspace .nav button:hover { background:#193850; color:#fff; }
.my-roster-workspace .nav button[aria-current=page] { background:#21435b; color:var(--mint); }
.my-roster-workspace .nav button:focus-visible { outline-color:var(--mint); }
.my-roster-workspace .side-foot { display:flex; gap:10px; align-items:center; margin-top:auto; padding:20px 4px 0; border-top:1px solid #345069; color:#fff; font-size:13px; }
.my-roster-workspace .side-foot small { display:block; margin-top:3px; color:#b6c9d8; font-size:11px; }
.workspace-avatar { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; flex-shrink:0; background:#34516a; color:white; font-size:12px; font-weight:650; }
.my-roster-workspace .main { width:100%; max-width:1440px; margin:0 auto; padding:34px 36px 48px; overflow:visible; min-width:0; }
.my-roster-workspace .top { align-items:flex-start; gap:16px; margin-bottom:20px; }
.my-roster-workspace .title h1 { font-size:clamp(25px,2.8vw,32px); font-weight:650; line-height:1.2; letter-spacing:-.035em; }
.my-roster-workspace .title p { margin-top:9px; font-size:14px; max-width:60ch; }
.workspace-eyebrow { color:var(--muted); font-size:11px; font-weight:650; letter-spacing:1.6px; margin-bottom:9px; }
.workspace-top-status { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.workspace-top-status .workspace-avatar { display:none; }
.my-roster-workspace #save-status { border:1px solid #d1e5dc; background:#eaf7f0; color:#186548; font-size:11px; font-weight:600; border-radius:6px; padding:6px 9px; max-width:180px; }
.my-roster-workspace .mobile-nav { display:none!important; }
.my-roster-workspace .guide-help-row { margin:0 0 20px; gap:14px; align-items:center; }
.my-roster-workspace .guide-help-row button { font-size:12px; }
.my-roster-workspace .view>.screen-title,.my-roster-workspace #roster>.head>.screen-title,.my-roster-workspace .leave-toolbar>.screen-title { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.my-roster-workspace .card { padding:22px; border:1px solid var(--line); border-radius:14px; box-shadow:none; min-width:0; background:white; }
.my-roster-workspace .view>.card+.card { margin-top:16px; }
.my-roster-workspace .head { gap:14px; flex-wrap:wrap; margin-bottom:16px; }
.my-roster-workspace .head h2 { font-size:18px; }
.my-roster-workspace :is(.primary,.secondary,.open-file,.diagram-button,.calendar-button) { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:10px 14px; border:1px solid var(--line); border-radius:9px; font-size:14px; font-weight:600; white-space:normal; max-width:100%; line-height:1.4; text-align:center; text-decoration:none; }
.my-roster-workspace :is(.secondary,.open-file) { background:white; color:var(--ink); }
.my-roster-workspace :is(.secondary,.open-file):hover { background:var(--workspace-soft); }
.my-roster-workspace .primary { background:var(--navy); border-color:var(--navy); color:white; }
.my-roster-workspace .primary:hover { background:#21435b; }
.my-roster-workspace .text-btn { color:#28669d; font-size:13px; font-weight:600; min-height:36px; padding:6px 0; }
.my-roster-workspace .badge { border-radius:6px; font-size:12px; font-weight:600; }
.my-roster-workspace .hero#shiftCard { background:var(--navy); color:#fff; border:0; padding:25px; border-radius:15px; }
.my-roster-workspace .hero:after { display:none; }
.my-roster-workspace .shift-navigation { margin-bottom:22px; }
.my-roster-workspace .shift-navigation button { background:#193a54; color:#e8f3fb; border:1px solid #3b5870; font-size:13px; font-weight:500; border-radius:8px; padding:8px 13px; }
.my-roster-workspace .hero .kicker { color:#bdd0de; font-size:13px; font-weight:500; text-transform:none; letter-spacing:0; }
.my-roster-workspace .hero .shift { font-size:34px; font-weight:650; letter-spacing:-1px; margin:8px 0; line-height:1.25; }
.my-roster-workspace .hero .route { color:#bdd0de; font-size:13px; }
.my-roster-workspace .time-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:23px 0 19px; padding:20px 0; border-block:1px solid #345069; }
.my-roster-workspace .time { display:flex; flex-direction:column-reverse; gap:6px; }
.my-roster-workspace .time strong { font-size:28px; font-weight:550; letter-spacing:-.5px; font-variant-numeric:tabular-nums; }
.my-roster-workspace .time span { font-size:12px; color:#bdd0de; }
.my-roster-workspace #todayHours { font-size:23px; }
.my-roster-workspace .hero .diagram-button { background:var(--mint); color:#153f35; border-color:var(--mint); }
.my-roster-workspace .hero :is(.calendar-button,#open-today) { background:transparent; color:#e8f3fb; border-color:#51738b; }
.my-roster-workspace .hero .shift-browse-help { color:#b6c9d8; font-size:12px; margin-top:12px; }
.my-roster-workspace .hero .shift-actions small { font-size:13px; }
.my-roster-workspace #shift-timeline { margin:16px 0; }
.my-roster-workspace #shift-timeline h3 { margin-top:0; }
.my-roster-workspace .duty-timeline { gap:9px; margin-bottom:0; }
.my-roster-workspace .duty-timeline li { padding:12px 14px; background:var(--workspace-soft); border-left-width:3px; font-size:14px; }
.my-roster-workspace .duty-timeline strong { font-weight:600; }
.my-roster-workspace .duty-timeline small { font-weight:500; }
.my-roster-workspace .home-markup-add { border-color:var(--line); border-radius:12px; padding:10px 18px; margin-bottom:16px; }
.my-roster-workspace .home-markup-add>summary { font-size:14px; font-weight:600; }
.my-roster-workspace .home-markup-add .personal-actions button { flex:0 1 auto; }
.my-roster-workspace #roster-help { margin-top:16px; }
.my-roster-workspace #roster-help>p:last-child { margin-bottom:0; }
.my-roster-workspace #roster-help small { color:var(--muted); }
.my-roster-workspace .week { gap:8px; }
.my-roster-workspace .roster-tabs { margin-bottom:18px; }
.my-roster-workspace .roster-tabs button { font-size:13px; font-weight:600; border-radius:8px; }
.my-roster-workspace .roster-tabs button[aria-selected=true] { background:var(--navy); }
.my-roster-workspace .month-nav { gap:12px; }
.my-roster-workspace .month-nav button { width:44px; height:44px; font-weight:500; background:var(--workspace-soft); }
.my-roster-workspace .month-nav strong { font-size:15px; font-weight:600; min-width:0; }
.my-roster-workspace .roster-intro { font-size:13px; margin:0 0 16px; }
.workspace-legend { display:flex; gap:7px; flex-wrap:wrap; margin:16px 0 0; padding:0; list-style:none; }
.workspace-legend li { border-radius:5px; padding:4px 7px; font-size:11px; background:#eaf7f0; color:var(--workspace-green); }
.workspace-legend li:nth-child(2) { background:#fff2e3; color:var(--workspace-amber); }
.workspace-legend li:nth-child(3) { background:#f5eee7; color:var(--workspace-brown); }
.workspace-legend li:nth-child(4) { background:#fff0f1; color:var(--workspace-red); }
.workspace-legend li:nth-child(5) { background:#f3edfb; color:var(--workspace-purple); }
.workspace-legend li:nth-child(6) { background:#edf4fd; color:var(--workspace-blue); }
.my-roster-workspace .amended-entry { padding:18px 0; gap:18px; }
.my-roster-workspace .amended-entry strong { font-size:14px; font-weight:600; }
.my-roster-workspace .amended-entry small { font-size:13px; margin-top:6px; }
.my-roster-workspace .pay-panel { margin:16px 0; }
.my-roster-workspace .pay-panel .pay-stats { gap:12px; }
.my-roster-workspace .pay-stats>div,.my-roster-workspace .payslip-total-grid .stat { background:var(--workspace-soft); border:1px solid var(--line); border-radius:11px; padding:17px; }
.my-roster-workspace .pay-stats strong,.my-roster-workspace .payslip-total-grid strong { color:var(--navy); font-size:25px; font-weight:600; font-variant-numeric:tabular-nums; }
.my-roster-workspace .pay-stats span { color:var(--muted); font-size:13px; }
.my-roster-workspace .pay-subtotal { background:#edf8f3; border-left:3px solid var(--mint); padding:19px; border-radius:10px; }
.my-roster-workspace .pay-subtotal strong { color:#18583f; }
.my-roster-workspace .pay-panel :is(summary,.pay-nav strong) { font-weight:600; }
.my-roster-workspace .pay-note { color:var(--muted); font-size:13px; }
.my-roster-workspace .pay-alert { border-radius:8px; font-size:14px; }
.my-roster-workspace .pay-duty { padding:16px 0; }
.my-roster-workspace .pay-deductions>div { padding:12px 0; }
.my-roster-workspace .leave-toolbar { margin-bottom:18px; }
.my-roster-workspace .year-switch button { border:1px solid var(--line); padding:9px 13px; border-radius:8px; font-size:14px; }
.my-roster-workspace .year-switch button[aria-selected=true] { background:var(--navy); }
.my-roster-workspace .leave-summary { gap:14px; margin-top:18px; }
.my-roster-workspace .leave-balance { background:var(--navy); border:0; border-radius:14px; }
.my-roster-workspace .leave-balance strong { font-size:37px; font-weight:550; }
.my-roster-workspace .leave-balance>span { color:#bdd0de; font-size:13px; }
.my-roster-workspace .leave-metric { border-color:var(--line); border-radius:14px; padding:20px; }
.my-roster-workspace .leave-metric strong { color:var(--navy); font-size:28px; font-weight:550; }
.my-roster-workspace .leave-metric span { font-size:13px; color:var(--muted); }
.my-roster-workspace :is(.leave-entry,.personal-entry) { font-size:14px; }
.my-roster-workspace .leave-entry>strong { font-size:14px; font-weight:650; }
.my-roster-workspace #notices details { border:1px solid var(--line); border-left-width:4px; padding:18px; margin:16px 0; border-radius:11px; }
.my-roster-workspace #notices .notice-case-red { border-left-color:var(--workspace-red); }
.my-roster-workspace #notices .notice-case-new { border-left-color:var(--workspace-amber); }
.my-roster-workspace #notices .notice-case-general { border-left-color:#648096; }
.my-roster-workspace #notices summary { font-size:16px; font-weight:600; }
.my-roster-workspace .setup-card { max-width:none; }
.my-roster-workspace .setup-grid { gap:18px; }
.my-roster-workspace :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]) { min-width:0; max-width:100%; border:1px solid #cbd6df; border-radius:9px; background:white; color:var(--ink); padding:11px 12px; font-size:16px; line-height:1.4; }
.my-roster-workspace :is(input,select,textarea):disabled,.my-roster-workspace input[readonly] { background:#f1f5f8!important; color:#465b6e; }
.my-roster-workspace input[type=file] { width:100%; background:var(--workspace-soft)!important; border-style:dashed!important; padding:14px!important; }
.my-roster-workspace input[type=file]::file-selector-button { background:white; border:1px solid #cbd6df; color:var(--navy); border-radius:6px; padding:8px 10px; margin:0 12px 6px 0; font:inherit; font-size:14px; }
.my-roster-workspace input:is([type=checkbox],[type=radio]) { accent-color:#28669d; flex-shrink:0; }
.my-roster-workspace :is(.setup-grid,.personal-form,.change-form,.pay-fields-form) label { font-size:14px; font-weight:500; gap:7px; }
.my-roster-workspace details>summary { cursor:pointer; font-weight:600; min-height:36px; }
.my-roster-workspace .backup-tools { padding-top:18px; }
.my-roster-workspace #howto .card { margin:16px 0; }
.my-roster-workspace #howto details { border-top:1px solid var(--line); padding:14px 0; }
.my-roster-workspace #howto details p,.my-roster-workspace #howto li { font-size:14px; }
.my-roster-workspace #howto li { margin:9px 0; }
.my-roster-workspace .access-gate { background:var(--paper); padding:24px; }
.my-roster-workspace .access-gate .card { width:min(480px,100%); padding:26px; }
.my-roster-workspace .access-gate .brand { background:var(--navy); color:#fff; font-size:17px; font-weight:650; padding:20px; border-radius:11px; }
.my-roster-workspace .access-gate h1 { font-size:27px; margin-top:24px; }
.my-roster-workspace dialog:not(.diagram-viewer):not(.image-viewer):not(.reference-library) { color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:17px; padding:25px; box-shadow:0 20px 80px #07182f44; width:min(600px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:calc(100dvh - 40px); overflow:auto; }
.my-roster-workspace dialog:not(.diagram-viewer):not(.image-viewer):not(.reference-library) h2 { font-size:23px; margin:14px 0 18px; padding-right:34px; }
.my-roster-workspace dialog:not(.diagram-viewer):not(.image-viewer):not(.reference-library) p { font-size:14px; }
.my-roster-workspace dialog::backdrop { background:#081a2e88; backdrop-filter:blur(3px); }
.my-roster-workspace .close-dialog { top:10px; right:10px; width:40px; height:40px; display:grid; place-items:center; border-radius:8px; background:var(--workspace-soft); color:var(--ink); font-weight:400; }
.my-roster-workspace :is(#weeklyDialog,#payslip-dialog,#leave-report-dialog) { width:min(760px,calc(100vw - 32px))!important; }
.my-roster-workspace #weeklyDialog #closeWeeklyDialog { display:block; margin-left:auto; }
.my-roster-workspace #weeklyDialog h2 { padding-right:0; }
.my-roster-workspace #weekly-form { margin:20px 0; gap:17px; }
.my-roster-workspace #weekly-form label { display:grid; gap:7px; font-size:14px; font-weight:500; }
.my-roster-workspace #weekly-read { justify-self:start; }
.my-roster-workspace .diagram-viewer-header,.my-roster-workspace .image-viewer header { background:var(--navy); }
.my-roster-workspace .diagram-viewer-header h2 { font-size:16px; }
.my-roster-workspace .format-note { font-size:13px; }
@media(min-width:1150px) {
  .my-roster-workspace #dashboard { max-width:1000px; }
  .my-roster-workspace #dashboard .time-row { max-width:720px; }
}
@media(max-width:1050px) {
  .my-roster-workspace .app { grid-template-columns:194px minmax(0,1fr); }
  .my-roster-workspace .main { padding:28px 22px 40px; }
  .my-roster-workspace .side { padding:24px 12px 18px; }
  .my-roster-workspace .side>.brand { font-size:14px; }
  .my-roster-workspace .pay-leave-grid { grid-template-columns:1fr; }
  .my-roster-workspace .leave-summary { grid-template-columns:1fr 1fr; }
}
@media(max-width:700px) {
  .my-roster-workspace .app { display:block; }
  .my-roster-workspace .side { position:static; width:100%; height:auto; overflow:visible; padding:20px max(14px,env(safe-area-inset-right)) 14px max(14px,env(safe-area-inset-left)); gap:17px; }
  .my-roster-workspace .side>.brand { padding:0; font-size:15px; }
  .my-roster-workspace .side>.brand br { display:none; }
  .my-roster-workspace .side>.brand small { display:inline; margin-left:7px; }
  .my-roster-workspace .mark { width:30px; height:34px; }
  .workspace-company { display:flex; gap:7px 10px; align-items:baseline; flex-wrap:wrap; margin:0 2px; padding-left:8px; }
  .workspace-company strong,.workspace-company small { font-size:12px; }
  .my-roster-workspace .nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
  .my-roster-workspace .nav button { display:flex; flex-direction:column; justify-content:center; gap:5px; padding:9px 2px; min-height:61px; font-size:11px; text-align:center; }
  .my-roster-workspace .nav button .workspace-icon { width:19px; height:19px; }
  .my-roster-workspace .side-foot { display:none; }
  .my-roster-workspace .main { padding:25px max(14px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left)); }
  .my-roster-workspace .top { gap:14px; margin-bottom:14px; flex-wrap:nowrap; }
  .my-roster-workspace .title p { font-size:13px; }
  .workspace-eyebrow { font-size:11px; letter-spacing:1.2px; }
  .workspace-top-status { flex-direction:column-reverse; align-items:flex-end; gap:8px; flex-shrink:0; max-width:95px; }
  .workspace-top-status .workspace-avatar { display:grid; }
  .my-roster-workspace #save-status { font-size:10px; padding:4px 6px; }
  .my-roster-workspace .card { padding:18px; }
  .my-roster-workspace .hero#shiftCard { padding:20px; }
  .my-roster-workspace .hero .shift { font-size:30px; }
  .my-roster-workspace .time-row { gap:10px; margin:20px 0 16px; padding:18px 0; }
  .my-roster-workspace .time strong { font-size:25px; }
  .my-roster-workspace #todayHours { font-size:20px; }
  .my-roster-workspace .time span { font-size:11px; }
  .my-roster-workspace .week { gap:4px; }
  .my-roster-workspace .setup-grid { grid-template-columns:1fr; }
  .my-roster-workspace .setup-grid .span-all { grid-column:auto; }
  .my-roster-workspace .pay-stats { grid-template-columns:1fr; }
  .my-roster-workspace .pay-stats>div { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:14px; }
  .my-roster-workspace .pay-stats span { text-align:right; }
  .my-roster-workspace .leave-metric { padding:16px; }
  .my-roster-workspace dialog:not(.diagram-viewer):not(.image-viewer):not(.reference-library) { padding:20px; border-radius:15px; }
  .my-roster-workspace dialog:not(.diagram-viewer):not(.image-viewer):not(.reference-library) h2 { font-size:22px; }
  .my-roster-workspace .text-btn { min-height:44px; }
}
@media(max-width:380px) {
  .my-roster-workspace .side>.brand { font-size:13px; }
  .my-roster-workspace .time strong { font-size:22px; }
  .my-roster-workspace #todayHours { font-size:18px; }
  .my-roster-workspace .hero#shiftCard { padding:17px; }
  .my-roster-workspace .shift-navigation button { padding:8px 9px; font-size:12px; }
  .my-roster-workspace .card { padding:15px; }
}
@media(prefers-reduced-motion:reduce) {
  .my-roster-workspace * { scroll-behavior:auto!important; transition:none!important; }
}
/* Personal My Roster controls and its six-column duty table. */
body.my-roster-workspace{padding-bottom:0}
.my-roster-workspace .reference-shortcuts{display:none}
.my-roster-workspace .nav button.active{background:#21435b;color:var(--mint)}
.my-roster-workspace .nav button .workspace-icon{display:block}
.my-roster-workspace .side>.brand small{font-size:9px;letter-spacing:1.3px}
.my-roster-workspace .hero .worked-button{min-height:44px;border-radius:9px;font-size:14px;font-weight:600}
.my-roster-workspace .hero .shift-actions{display:flex;flex-wrap:wrap;gap:9px}
.my-roster-workspace .hero-original{color:#bdebd7}
.my-roster-workspace #weeklyDiagramNote{font-size:13px}
.my-roster-workspace .red-notice-alert{border:2px solid #e7737c;background:#ffe9ea;color:#7f171c}
.my-roster-workspace .red-notice-alert button{min-height:44px}
.my-roster-workspace .stats{gap:12px}
.my-roster-workspace .stat strong{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}
.my-roster-workspace .stat span{font-size:13px}
.my-roster-workspace .stat small{display:block;color:var(--muted);margin-top:7px}
.my-roster-workspace .week .day{padding:12px 3px;border-radius:10px;min-width:0;font-family:inherit;cursor:pointer}
.my-roster-workspace .day b{font-size:11px;font-weight:500}
.my-roster-workspace .day strong{font-size:16px;font-weight:600;margin:7px 0}
.my-roster-workspace .day span{font-size:11px;font-weight:600;overflow-wrap:anywhere}
.my-roster-workspace .day[aria-pressed=true]{outline:2px solid #28669d;outline-offset:1px}
.my-roster-workspace :is(.travel-card,.system-check,#dutyExtraPay){margin-top:16px}
.my-roster-workspace :is(.journey,.system-tile,.inbox-item,.markup-folder,.leave-panel,.rule-card,.notice-case){border-radius:11px;box-shadow:none}
.my-roster-workspace .journey h3{font-size:15px}
.my-roster-workspace .system-summary{gap:14px}
.my-roster-workspace .system-summary p{font-size:13px;color:var(--muted)}
.my-roster-workspace .install{margin-top:18px;border-radius:11px;padding:16px;gap:12px}
.my-roster-workspace .install button{min-height:44px}
.my-roster-workspace .roster-connection{border-radius:9px;font-weight:500;font-size:13px;margin-bottom:20px}
.my-roster-workspace #rosterDuties>.card{margin-bottom:16px}
.my-roster-workspace #rosterDuties .table-wrap{overflow:visible}
.my-roster-workspace #rosterDuties .table{display:block;min-width:0;width:100%}
.my-roster-workspace #rosterDuties .table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.my-roster-workspace #rosterBody{display:grid;gap:9px;width:100%}
.my-roster-workspace #rosterBody tr{display:grid;grid-template-columns:100px minmax(100px,1fr) repeat(3,minmax(65px,.7fr));gap:5px 14px;align-items:center;padding:15px;border:1px solid var(--line);border-left:4px solid #187752;border-radius:11px;background:#fff;margin:0;cursor:pointer}
.my-roster-workspace #rosterBody td{display:block;border:0!important;padding:0;text-align:left;white-space:normal;min-width:0;width:auto;overflow-wrap:anywhere;font-size:13px}
.my-roster-workspace #rosterBody td::before{display:none}
.my-roster-workspace #rosterBody td:nth-child(1){grid-column:1;grid-row:1/3;font-size:14px;font-weight:600;color:var(--ink)}
.my-roster-workspace #rosterBody td:nth-child(2){grid-column:2;grid-row:2}
.my-roster-workspace #rosterBody td:nth-child(3){grid-column:2;grid-row:1;font-size:15px;font-weight:600}
.my-roster-workspace #rosterBody td:nth-child(4){grid-column:3;grid-row:1/3}
.my-roster-workspace #rosterBody td:nth-child(5){grid-column:4;grid-row:1/3}
.my-roster-workspace #rosterBody td:nth-child(6){grid-column:5;grid-row:1/3}
.my-roster-workspace #rosterBody td:nth-child(n+3)::before{display:block;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;margin-bottom:4px}
.my-roster-workspace #rosterBody td:nth-child(3)::before{content:'Turn'}
.my-roster-workspace #rosterBody td:nth-child(4)::before{content:'Book on'}
.my-roster-workspace #rosterBody td:nth-child(5)::before{content:'Book off'}
.my-roster-workspace #rosterBody td:nth-child(6)::before{content:'Hours'}
.my-roster-workspace #rosterBody .badge{font-size:11px;white-space:normal;padding:4px 6px}
.my-roster-workspace #rosterBody tr.status-seven{border-left-color:var(--workspace-amber)}
.my-roster-workspace #rosterBody tr.status-forty-eight{border-left-color:var(--workspace-brown)}
.my-roster-workspace #rosterBody tr.status-rdw{border-left-color:var(--workspace-red)}
.my-roster-workspace #rosterBody tr.status-manual{border-left-color:var(--workspace-purple)}
.my-roster-workspace #rosterBody tr.status-leave{border-left-color:var(--workspace-blue)}
.my-roster-workspace #rosterBody tr:focus-visible{outline:3px solid #377dab;outline-offset:1px}
.my-roster-workspace .leave-panel{border-color:var(--line);padding:22px}
.my-roster-workspace .leave-balance{background:var(--navy)}
.my-roster-workspace .leave-period h3{font-size:16px}
.my-roster-workspace .notice-case-head{padding:20px;border-top-width:4px}
.my-roster-workspace .notice-case-body{padding:0 20px 20px}
.my-roster-workspace .notice-case h3{font-size:18px}
.my-roster-workspace .rule-card{padding:20px}
.my-roster-workspace .modal .sheet{background:white;color:var(--ink);border:1px solid var(--line);border-radius:17px;padding:24px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 20px 80px #07182f44}
.my-roster-workspace .modal .sheet h2{font-size:23px}
.my-roster-workspace .modal .sheet label{font-weight:500;font-size:14px}
.my-roster-workspace .form-grid{gap:14px}
.my-roster-workspace #weeklyDialog{width:min(760px,calc(100vw - 24px))!important}
.my-roster-workspace #closeWeeklyDialog{min-height:44px;padding:8px 14px;background:#f3f6f8;color:var(--navy);border:1px solid var(--line);border-radius:8px}
.my-roster-workspace #reference-library-dialog{width:min(1000px,calc(100vw - 24px));padding:0}
.my-roster-workspace .reference-library header h2{margin:0;font-size:23px;padding:0}
@media(max-width:1100px){
 .my-roster-workspace #rosterBody tr{grid-template-columns:85px repeat(3,minmax(0,1fr));gap:9px 12px}
 .my-roster-workspace #rosterBody td:nth-child(1){grid-row:1/4}
 .my-roster-workspace #rosterBody td:nth-child(2){grid-column:2/5;grid-row:2}
 .my-roster-workspace #rosterBody td:nth-child(3){grid-column:2/5;grid-row:1}
 .my-roster-workspace #rosterBody td:nth-child(4){grid-column:2;grid-row:3}
 .my-roster-workspace #rosterBody td:nth-child(5){grid-column:3;grid-row:3}
 .my-roster-workspace #rosterBody td:nth-child(6){grid-column:4;grid-row:3}
}
@media(max-width:700px){
 .my-roster-workspace .side>.brand small{display:block;margin-left:0}
 .my-roster-workspace .title h1{font-size:27px}
 .my-roster-workspace .avatar{width:36px;height:36px;font-size:12px;flex-shrink:0}
 .my-roster-workspace .week{gap:4px}
 .my-roster-workspace .week .day{padding:10px 2px}
 .my-roster-workspace .day strong{font-size:14px}
 .my-roster-workspace .stats{grid-template-columns:1fr;gap:8px}
 .my-roster-workspace .stats .stat{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;align-items:center;padding:15px}
 .my-roster-workspace .stat strong{font-size:24px}
 .my-roster-workspace .stat span{text-align:right}
 .my-roster-workspace .stat small{grid-column:1/-1;margin-top:0}
 .my-roster-workspace .leave-panel{padding:18px}
 .my-roster-workspace .modal .sheet{padding:20px}
 .my-roster-workspace #rosterBody tr{grid-template-columns:70px repeat(3,minmax(0,1fr));gap:9px 8px;padding:12px 10px}
 .my-roster-workspace #rosterBody td:nth-child(1){font-size:13px}
 .my-roster-workspace #rosterBody td:nth-child(n+4){font-size:12px;font-variant-numeric:tabular-nums}
 .my-roster-workspace .head-actions{flex-wrap:wrap}
}
.my-roster-workspace #rosterBody tr:has(td.status-seven){border-left-color:var(--workspace-amber)}
.my-roster-workspace #rosterBody tr:has(td.status-forty-eight){border-left-color:var(--workspace-brown)}
.my-roster-workspace #rosterBody tr:has(td.status-rdw){border-left-color:var(--workspace-red)}
.my-roster-workspace #rosterBody tr:has(td.status-manual){border-left-color:var(--workspace-purple)}
.my-roster-workspace #rosterBody tr:has(td.status-leave){border-left-color:var(--workspace-blue)}
.my-roster-workspace #rosterBody .original-duty{white-space:normal;font-size:12px}
/* The history extension inserts an original-roster cell before the live turn. */
.my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(1){grid-row:1/4}
.my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(3){grid-column:2/6;grid-row:3;font-size:12px;font-weight:500}
.my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(4){grid-column:2;grid-row:1;font-size:15px;font-weight:600}
.my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(5){grid-column:3;grid-row:1/3}
.my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(6){grid-column:4;grid-row:1/3}
.my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(7){grid-column:5;grid-row:1/3}
.my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(3)::before{content:'Original roster'}
.my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(4)::before{content:'Turn'}
.my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(5)::before{content:'Book on'}
.my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(6)::before{content:'Book off'}
.my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(7)::before{content:'Hours'}
.my-roster-workspace #rosterBody tr:has(.status-rd){border-left-color:#8a9dad}
.my-roster-workspace #rosterBody tr:has(.status-rdw){border-left-color:var(--workspace-red)}
@media(max-width:1100px){
 .my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(1){grid-row:1/5}
 .my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(3){grid-column:2/5;grid-row:4}
 .my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(4){grid-column:2/5;grid-row:1}
 .my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(5){grid-column:2;grid-row:3}
 .my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(6){grid-column:3;grid-row:3}
 .my-roster-workspace #rosterBody tr:has(.original-duty) td:nth-child(7){grid-column:4;grid-row:3}
}
.my-roster-workspace [hidden]{display:none!important}