/* Workspace v11: fixed rail, readable planning horizon and clear status surfaces. */
.platform-app .sidebar{position:fixed;inset:0 auto 0 0;height:100dvh;display:flex;flex-direction:column;overflow:visible;width:68px;padding:10px 8px;z-index:40;box-sizing:border-box;}
.platform-app .sidebar:focus-within:not(:hover):not(:has(:focus-visible)){width:68px;box-shadow:none}
.platform-app .sidebar:hover,.platform-app .sidebar:has(:focus-visible){width:236px;box-shadow:10px 0 28px #10233824}
.platform-app .sidebar .live-nav{flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(1px,.4vh,4px);overflow:visible;}
.platform-app .sidebar .live-nav button{min-height:26px;max-height:43px;flex:1;padding:clamp(3px,.65vh,8px) 9px;font-size:12px;line-height:1.2;}
.platform-app .sidebar .live-nav .nav-account{margin-top:auto;flex:0 1 40px;}
.platform-app .sidebar .live-company{flex:0 0 auto;min-width:0;width:210px;box-sizing:border-box;padding:5px 9px 12px;margin-bottom:8px;font-size:11px;}
.platform-app .sidebar .live-brand{flex:0 0 48px;min-height:48px;height:48px;padding-bottom:8px;}
.platform-app .sidebar:not(:hover):not(:has(:focus-visible)) .live-company{visibility:hidden;height:0;padding:0;margin:0;flex-basis:0;}
.platform-app .sidebar:not(:hover):not(:has(:focus-visible)) .nav-label,.platform-app .sidebar:not(:hover):not(:has(:focus-visible)) .nav-count{display:none;}
.platform-app .sidebar:has(:focus-visible) .nav-label,.platform-app .sidebar:has(:focus-visible) .nav-count{display:initial;}
.platform-app .sidebar:has(:focus-visible) .live-company{visibility:visible;height:auto;}
.platform-app .sidebar:focus-within:not(:hover):not(:has(:focus-visible)) .live-brand:has(.brand-plan){width:44px}
.platform-app .sidebar:focus-within:not(:hover):not(:has(:focus-visible)) .live-brand>.brand-plan,.platform-app .sidebar:focus-within:not(:hover):not(:has(:focus-visible)) .live-brand>.brand-fekt{display:none}
.platform-app .sidebar:focus-within:not(:hover):not(:has(:focus-visible)) .live-brand:has(.brand-plan)::before{content:'P.';font-size:25px;color:white}
.platform-app .sidebar:not(:hover):not(:has(:focus-visible)) .company-logo{max-width:42px}
.platform-app .workspace{min-width:0;}
.live-heading h1{color:var(--text);font-size:25px}.live-heading{margin-bottom:12px}#live-main{padding-top:16px}
.live-table thead{background:#eaf1f7;color:#23425c}.live-table th{color:#36516a;font-size:11px;font-weight:650;letter-spacing:.015em;border-bottom:1px solid #d1e0ec;}
.live-table tbody tr:nth-child(even){background:#f7f9fc}.live-table tbody tr:hover{background:#eef5fa}.live-table td{padding-top:12px;padding-bottom:12px;vertical-align:middle;}
.live-toolbar{background:linear-gradient(100deg,#f1f6fa,#fff);}.live-board-wrap{scrollbar-gutter:stable;scrollbar-color:#6b879d #e7edf2;scrollbar-width:auto;}.live-board-wrap::-webkit-scrollbar{width:13px;height:14px}.live-board-wrap::-webkit-scrollbar-track{background:#e7edf2;border-radius:8px}.live-board-wrap::-webkit-scrollbar-thumb{background:#7792a7;border:3px solid #e7edf2;border-radius:8px}
.live-board{max-width:none;min-width:100%;}.board-head,.live-person-row{grid-template-columns:132px repeat(var(--days),minmax(0,1fr))}.live-person{position:sticky;left:0;z-index:5;padding-left:8px;border-right:1px solid var(--line);}.board-head>div:first-child{z-index:9}.live-board.scrolling-weeks .live-plan-main{font-size:11px}.live-board.scrolling-weeks .live-plan-main strong{font-size:11px}.live-board.scrolling-weeks .live-plan-main small{font-size:9px}
.v11-tabs,.v11-view-switch{display:flex;flex-wrap:wrap;gap:6px;padding:5px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;margin:8px 0 16px;width:fit-content;}.v11-tabs .button,.v11-view-switch .button{min-height:36px;padding:8px 14px;}.v11-view-switch{margin-left:auto}.v11-status{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:600;white-space:nowrap}.v11-status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.v11-status.approved{background:#e3f4eb;color:#236746}.v11-status.pending{background:#fff1d8;color:#87570e}.v11-status.running{background:#e6effb;color:#2b6099}.v11-auto-break{color:#80581b!important;font-size:11px;line-height:1.6}.v11-time-simple{min-width:640px}.v11-time-simple td strong{font-size:15px;font-variant-numeric:tabular-nums}.v11-time-simple td:first-child{font-weight:600}.v11-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.7}.v11-check input{margin-top:4px;accent-color:var(--blue);}
.v11-poll{border-left:4px solid #6391b7}.v11-poll.own-poll{border-left-color:#6d62aa;background:linear-gradient(100deg,#f8f6fd,var(--surface) 50%)}.v11-poll-label{font-size:10px!important;letter-spacing:.05em;text-transform:uppercase;color:#376384;font-weight:650;margin:0 0 7px!important}.own-poll .v11-poll-label{color:#70619e}.v11-poll h2{font-size:17px}.v11-team-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}.v11-team-cards article{border:1px solid var(--line);border-radius:12px;padding:15px;background:var(--surface-soft)}.v11-team-cards h3{margin:0 0 7px;font-size:14px}.v11-team-cards p{font-size:11px}.v11-people-picker{display:grid;gap:5px;border:0;padding:0;max-height:42vh;overflow:auto;}.v11-people-picker label{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:10px;border-radius:9px;font-size:13px}.v11-people-picker input{accent-color:var(--blue);width:17px;height:17px;}.v11-people-picker small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.v11-people-picker [hidden]{display:none!important}
[data-theme=dark] .live-table thead,[data-theme=dark] .live-toolbar{background:#24384c}[data-theme=dark] .live-table th{color:#c4d8ed;border-color:#41536b}[data-theme=dark] .live-table tbody tr:nth-child(even){background:#203044}[data-theme=dark] .live-table tbody tr:hover{background:#2c4055}[data-theme=dark] .v11-poll.own-poll{background:#292c45}[data-theme=dark] .v11-status.approved{background:#1a4036;color:#a2e0bd}[data-theme=dark] .v11-status.pending{background:#46391f;color:#f8cf82}[data-theme=dark] .v11-status.running{background:#243a58;color:#bdd8ff}
@media(max-height:650px) and (min-width:681px){.platform-app .sidebar .live-company{font-size:10px;padding-bottom:7px;margin-bottom:5px}.platform-app .sidebar .live-nav button{font-size:11px;min-height:25px}.platform-app .sidebar .nav-symbol{font-size:18px}.platform-app .sidebar .live-brand{margin-bottom:2px;}}
@media(max-width:680px){.platform-app .sidebar{display:none}.platform-app .workspace{width:100%;margin:0}.v11-tabs{width:100%}.v11-tabs .button{flex:1}.v11-view-switch{margin-left:0}.live-person,.board-head>div:first-child{width:132px}}

.v11-status.rejected{background:#fae5e8;color:#993b4b}[data-theme=dark] .v11-status.rejected{background:#4d2730;color:#ffc4ce}

/* Expanding the rail must never move the navigation underneath the pointer. */
@media(min-width:681px){
 .platform-app .sidebar .live-company,.platform-app .sidebar:not(:hover):not(:has(:focus-visible)) .live-company,.platform-app .sidebar:has(:focus-visible) .live-company{height:52px;min-height:52px;flex:0 0 52px;padding:5px 9px 12px;margin:0 0 8px;overflow:hidden}
 .platform-app .sidebar .live-nav button{flex:0 0 clamp(28px,4.8dvh,40px);min-height:clamp(28px,4.8dvh,40px);max-height:clamp(28px,4.8dvh,40px)}
 .platform-app .sidebar .live-nav .nav-account{margin-top:auto;flex-basis:clamp(28px,4.8dvh,40px)}
}
@media(max-height:600px) and (min-width:681px){.platform-app .sidebar .live-company,.platform-app .sidebar:not(:hover):not(:has(:focus-visible)) .live-company,.platform-app .sidebar:has(:focus-visible) .live-company{height:38px;min-height:38px;flex-basis:38px;padding-top:0;padding-bottom:0;margin-bottom:3px}.platform-app .sidebar .live-nav{gap:1px}.platform-app .sidebar .live-nav button{flex-basis:calc((100dvh - 111px)/13);min-height:0;max-height:none;font-size:10px}.platform-app .sidebar .live-brand{height:40px;min-height:40px;flex-basis:40px}}

/* Compact planning backlog: cards follow their content, never the tallest neighbour. */
.live-pool{align-items:flex-start;gap:8px}
.live-pool button{flex:0 1 200px;width:200px;min-width:155px;max-width:220px;min-height:0;padding:10px 12px;line-height:1.35}
.live-pool button strong{display:block;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.live-pool small{margin-top:4px;line-height:1.35}
.live-pool .v10-badge{white-space:normal;margin-top:6px}
@media(max-width:560px){.live-pool button{flex:1 1 155px;width:auto;max-width:none}}

/* Planning focus: only the board, its local controls and the unplanned-order tray. */
.v12-planning-focus{min-width:0}.v12-planning-feedback:empty{display:none}.v12-plan-board{overflow:hidden}.v12-plan-board .live-toolbar{position:relative;padding-right:48px}.v12-focus-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;min-height:30px!important;padding:5px;border:1px solid transparent;border-radius:8px;color:var(--muted);background:transparent;opacity:.8}.v12-focus-toggle:hover{background:var(--blue-soft);color:var(--blue);opacity:1}.v12-focus-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:2px;opacity:1}.v12-day-choices{display:grid;gap:10px}.v12-day-choices>.button{justify-content:flex-start;min-height:50px!important;padding:12px 16px;background:var(--surface-soft);border:1px solid var(--line)}
body.v10-focus:has(.v12-planning-focus){overflow:hidden}.platform-app.v10-focus:has(.v12-planning-focus) .sidebar,.v10-focus:has(.v12-planning-focus) .live-topbar,.v10-focus:has(.v12-planning-focus) .live-status,.v10-focus:has(.v12-planning-focus) .live-mobile-nav,.v10-focus:has(.v12-planning-focus) .v10-help-button{display:none!important}.platform-app.v10-focus:has(.v12-planning-focus) .workspace{position:fixed;inset:0;width:100%;margin:0;height:100dvh;overflow:hidden}.v10-focus:has(.v12-planning-focus) #live-main{padding:8px;height:100%;box-sizing:border-box;overflow:hidden;max-width:none}.v10-focus:has(.v12-planning-focus) #live-main>:not(.v12-planning-focus){display:none!important}.v10-focus .v12-planning-focus{height:100%;min-height:0;display:flex;flex-direction:column;gap:8px}.v10-focus .v12-planning-feedback{flex:0 1 auto;max-height:20dvh;overflow:auto}.v10-focus .v12-planning-feedback:empty{display:none}.v10-focus .v12-plan-board{flex:1 1 0;min-height:0;display:flex;flex-direction:column;margin:0}.v10-focus .v12-plan-board .live-toolbar{flex:0 0 auto;min-height:42px;padding-top:4px;padding-bottom:4px}.v10-focus .v12-plan-board .live-board-wrap{flex:1 1 0;max-height:none;min-height:0;overflow:auto}.v10-focus .v12-plan-pool{flex:0 0 auto;min-height:0;max-height:clamp(118px,24dvh,190px);display:flex;flex-direction:column;margin:0;padding:8px 10px;overflow:hidden}.v10-focus .v12-plan-pool h2{font-size:12px!important;margin:0 0 6px!important;flex:0 0 auto}.v10-focus .v12-plan-pool .live-pool{display:flex;flex-wrap:nowrap;gap:8px;overflow:auto;min-height:0;flex:1 1 auto;overscroll-behavior:contain;padding:2px 2px 8px;scrollbar-gutter:stable}.v10-focus .v12-plan-pool .live-pool>button{flex:0 0 185px;min-width:160px;max-width:220px;min-height:64px;height:auto;padding:8px 10px;font-size:11px;overflow:auto}.v10-focus .v12-plan-pool .live-pool small{font-size:10px;margin-top:3px}.v10-focus .v12-pool-hint{display:none}.v10-focus .v12-plan-pool .live-empty{padding:10px;font-size:11px}.v10-focus #live-toast{bottom:12px}
@media(max-height:480px){.v10-focus .v12-plan-pool{max-height:110px}.v10-focus .v12-plan-board .live-toolbar{font-size:10px}.v10-focus .v12-plan-board .live-toolbar button{min-height:30px}.v10-focus .v12-planning-focus{gap:4px}}

/* Personal timer: compact action area, clear ongoing status and a distinct finish action. */
.live-time-current{grid-template-columns:minmax(230px,1fr) auto;gap:16px;padding:22px;max-width:1080px;border-top:3px solid #22846b}
.live-time-current h2{margin:5px 0;font-size:20px}.live-time-current p{margin:4px 0}
.live-time-clocks{gap:24px;background:color-mix(in srgb,var(--blue) 6%,transparent);border-radius:12px;padding:14px 20px}
.live-time-clocks strong{font-size:38px}.live-time-status{display:inline-flex;align-items:center;gap:7px}.live-time-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#22846b}
.live-time-controls{gap:9px}.live-time-controls .field{max-width:380px;min-width:210px}.live-time-controls [data-action="time-stop"]{background:#9e3442;border-color:#9e3442;color:white}
.live-time-controls [data-action="time-stop"]:hover{background:#7e2632}.live-time-controls [data-action="time-pause"]{background:color-mix(in srgb,var(--blue) 8%,transparent)}
.live-time-current .live-time-warning{border:1px solid #d5a342;background:#fff5d9;color:#694b11;padding:12px 14px;border-radius:10px}
.live-time-current .v12-unread{justify-self:start;text-align:left;border:0;background:color-mix(in srgb,var(--blue) 8%,transparent);color:var(--blue);padding:9px 12px;border-radius:8px;cursor:pointer}
@media(max-width:700px){.live-time-current{grid-template-columns:1fr;padding:16px}.live-time-clocks{justify-content:space-between}.live-time-controls .field{max-width:none;min-width:0;flex-basis:100%}.live-time-clocks strong{font-size:30px}}

/* Compact personal period and universally sortable headings. */
.v12-period{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:12px 0}.v12-period .v11-tabs{width:auto;margin:0}.v12-period .v11-tabs button{padding:7px 15px;min-height:36px}.v12-leave-strip{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.v12-sort{display:inline-flex;align-items:center;gap:6px;padding:3px 0!important;border:0!important;background:transparent!important;color:inherit!important;font:inherit!important;font-weight:600!important;text-align:left}.v12-sort-icon{font-size:12px;color:#47778b}.v12-sort:focus-visible{outline:2px solid #3c819a;outline-offset:4px}.v12-task-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.v12-task-filters .field{flex:1;min-width:180px}.v12-due-warning{color:#9a4e17!important;font-weight:600}.v12-order-status{display:inline-block;padding:4px 9px;border-radius:20px;background:#eaf2f6;color:#254c62}.live-table th{background:#edf3f6}.live-table td{vertical-align:middle}

.v12-plan-attachment{position:absolute;right:5px;top:3px;z-index:4;display:flex;align-items:center;gap:2px;border-radius:5px;padding:1px 4px;background:var(--surface);color:var(--text);font-size:10px;min-height:20px;opacity:.95}.v12-plan-attachment span{font-size:9px}.live-plan-bar:has(.v12-plan-attachment) .live-plan-main strong{padding-right:28px}.v12-attachment-list{list-style:none;margin:10px 0;padding:0;display:grid;gap:8px}.v12-attachment-list li{display:flex;justify-content:space-between;gap:10px}.v12-attachment-list a{color:var(--blue);overflow-wrap:anywhere}.v12-attachment-list small{color:var(--muted);white-space:nowrap}.v12-attachment-editor{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}

.v30-previous-crew{margin:8px 0;padding:9px;border-radius:7px;background:#edf5f4;color:#285d60}.v30-previous-crew strong{font-size:10px;font-weight:700}.v30-previous-crew small{display:block;font-size:10px;line-height:1.6;margin-top:3px}

.v30-role-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.v30-order-site{display:flex;align-items:end;gap:10px;margin:10px 0}.v30-order-site .field{flex:1}.v30-order-sites h4{margin:18px 0 8px}.v30-order-site .button{margin-bottom:2px}.v30-site-address{margin:6px 0;padding:9px 12px;background:#edf5f5;border-radius:7px;font-size:13px}@media(max-width:600px){.v30-role-capabilities{grid-template-columns:1fr}.v30-order-site{align-items:start;flex-direction:column}.v30-order-site .field{width:100%}}