:root{--ink:#172b32;--muted:#6a7b80;--line:#e2e9e7;--bg:#f4f7f6;--green:#276452;--green-light:#e8f2ed;--red:#b24139;--purple:#6553a4;--night:#ece8f8;--orange:#a66b22;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{color:inherit}h1,h2,h3{font-family:system-ui,sans-serif;margin:0}h1{font-size:28px;letter-spacing:-.9px;font-weight:800}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:15px}p{line-height:1.65;margin:8px 0}a{color:var(--green)}.app-shell{display:flex;min-height:100vh}.sidebar{width:216px;position:fixed;inset:0 auto 0 0;background:#183b34;color:#ecf2ef;padding:27px 17px;display:flex;flex-direction:column;z-index:25}.brand{padding:0 12px 31px;display:flex;gap:10px;align-items:center}.brand-symbol{font:800 24px system-ui;color:white;border:1px solid #94b6a370;border-radius:11px;padding:8px 7px;line-height:1}.brand-name{font:800 17px system-ui;letter-spacing:-.4px}.brand-small{font-size:10px;letter-spacing:1.5px;color:#b4cdc1;margin-top:5px}.nav-label{font-size:10px;letter-spacing:1.8px;color:#a5c0b4;padding:0 13px 12px}.nav-item{display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#c7d8cf;text-align:left;width:100%;padding:12px;border-radius:7px;margin-bottom:5px;font-weight:500}.nav-item svg{width:18px;height:18px}.nav-item.active{background:#f0f5f1;color:#1d4f3d}.nav-item:hover:not(.active){background:#ffffff0d}.nav-badge{margin-left:auto;background:#d6e7dc;color:#214e3c;padding:1px 6px;border-radius:4px;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:35px}.side-note{padding:15px 12px;color:#b4cbbf;font-size:12px;border-top:1px solid #ffffff20;line-height:1.7}.side-note strong{display:block;color:white;font-weight:500}.main{margin-left:216px;width:calc(100% - 216px)}.topbar{height:72px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 33px;border-bottom:1px solid var(--line);gap:14px}.crumb{font-size:12px;color:var(--muted)}.crumb strong{color:#334b51;font-weight:500;margin-left:8px}.top-actions{display:flex;align-items:center;gap:15px}.icon-button{width:35px;height:35px;border:1px solid var(--line);background:white;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;position:relative}.icon-button svg{width:17px;height:17px}.notification-dot{position:absolute;right:5px;top:4px;background:#c15b3e;color:white;border-radius:6px;min-width:13px;font-size:8px;padding:1px}.profile-select{font-size:12px;border:0;background:#f2f6f3;border-radius:6px;padding:10px;max-width:200px}.workspace{padding:27px 32px 32px;max-width:1820px;margin:auto}.prototype-banner{display:flex;align-items:center;gap:8px;color:#6c674a;background:#f4f1e7;border:1px solid #e9e3d3;border-radius:7px;padding:8px 12px;font-size:11px;margin-bottom:24px}.prototype-banner b{font-weight:700;letter-spacing:.4px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.subtle{color:var(--muted);font-size:12px}.page-head p{margin:5px 0 0}.primary,.secondary,.text-button,.danger{border-radius:7px;padding:10px 15px;font-weight:600;font-size:12px;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover{background:#1b5141}.secondary{background:white;border:1px solid #d7e1dc}.secondary:hover{background:#f0f5f2}.danger{background:#fcf0ec;border:1px solid #eccdc6;color:#a73c32}.text-button{background:none;border:0;color:var(--green);padding:6px 2px}.primary svg,.secondary svg{width:15px;height:15px}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.stat{padding:17px 19px;background:white;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:14px;min-width:0}.stat-icon{background:#eef4ef;color:var(--green);border-radius:8px;padding:10px;display:flex}.stat-icon.purple{background:#eeeaf7;color:var(--purple)}.stat-icon.amber{background:#faf1e3;color:var(--orange)}.stat-icon svg{width:20px;height:20px}.stat-label{font-size:11px;color:var(--muted);margin-bottom:4px}.stat-value{font:800 25px system-ui;line-height:1.1}.stat-note{font-size:10px;color:#7a8a8c;margin-top:5px}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;gap:16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.week-title{font-family:system-ui;font-size:15px;font-weight:800;margin:0 7px}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:6px;padding:3px;background:#f5f7f5}.segmented button{border:0;background:transparent;padding:6px 10px;border-radius:4px;font-size:11px;color:var(--muted)}.segmented button.selected{background:white;color:var(--ink);box-shadow:0 1px 4px #102e2310}.filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.search-wrap{position:relative}.search-wrap svg{position:absolute;width:14px;height:14px;left:10px;top:10px;color:#8a9798}.search-wrap input{padding:8px 10px 8px 30px;width:190px;border:1px solid var(--line);border-radius:6px;font-size:11px}.filter-select{padding:8px 9px;border:1px solid var(--line);border-radius:6px;font-size:11px;background:white}.calendar-scroll{max-height:615px;overflow:auto;position:relative}.calendar{min-width:1040px}.cal-head,.person-row{display:grid;grid-template-columns:187px 1fr}.cal-head{position:sticky;top:0;background:white;z-index:8;border-bottom:1px solid var(--line)}.resource-head{font-size:10px;letter-spacing:1px;font-weight:600;color:var(--muted);padding:20px 18px;border-right:1px solid var(--line)}.day-heads{display:grid;grid-template-columns:repeat(7,1fr)}.day-head{padding:11px 5px;text-align:center;border-right:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:.5px}.day-number{display:inline-flex;align-items:center;justify-content:center;font-family:system-ui;font-weight:800;font-size:17px;margin-top:4px;width:28px;height:28px;color:#435b60}.day-head.today .day-number{background:var(--green);color:white;border-radius:50%}.weekend{background:#f7f8f7}.person-row{min-height:83px;border-bottom:1px solid #e9eeeb}.person-row:last-child{border-bottom:0}.person{padding:16px 13px;display:flex;align-items:center;gap:9px;border-right:1px solid var(--line);position:sticky;left:0;z-index:6;background:white}.avatar{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e4eee7;color:#3c6250;font-size:10px;font-weight:700;flex-shrink:0}.avatar.lilac{background:#eee9f4;color:#685687}.person-name{font-size:11px;font-weight:700}.person-meta{display:flex;gap:5px;align-items:center;font-size:9px;color:var(--muted);margin-top:4px}.grade{background:#edf1ef;color:#597061;font-size:9px;padding:2px 4px;border-radius:3px}.row-days{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-height:82px}.day-cell{position:absolute;top:0;bottom:0;width:calc(100% / 7);border-right:1px solid #e9eeeb}.day-cell button{border:0;width:100%;height:100%;background:transparent;display:block;opacity:0;color:var(--green);font-size:22px}.day-cell:hover button{opacity:1;background:#eaf2eb80}.day-cell.drop-target{background:#e1eee3}.booking-layer{position:relative;z-index:2;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:6px 3px;pointer-events:none;align-content:start;width:100%}.booking{pointer-events:auto;border:1px solid #c6dfd0;background:#ecf5ee;border-radius:5px;text-align:left;padding:6px 7px;min-width:0;min-height:49px;overflow:hidden;position:relative}.booking:hover{filter:brightness(.98);box-shadow:0 2px 5px #153e2015}.booking.provisional{border-style:dashed;border-color:#bd995a;background:#faf4e6}.booking.night{background:linear-gradient(to right,white 0 var(--whitePct),#eee9fa var(--whitePct) calc(100% - var(--whitePct)),white calc(100% - var(--whitePct)) 100%);border-color:#b7a7d6;color:#54437f}.booking.night .booking-content{margin:0 var(--whitePct);padding-left:5px}.booking.leave{background:#f1f3f5;border-color:#d5dbe0;color:#6f7c84}.booking.report{background:#eaf1f7;border-color:#c4d8e5;color:#3e607d}.booking-title{font-weight:700;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-meta{font-size:9px;opacity:.8;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking .badge-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:4px;vertical-align:middle}.booking-tag{position:absolute;right:4px;top:3px;font-size:8px}.calendar-footer{padding:12px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:11px;height:9px;border-radius:2px;background:#eaf3eb;border:1px solid #a3c4ad}.legend i.provisional{background:#faf4e6;border:1px dashed #b8965a}.legend i.night{background:#eee9fa;border-color:#aa98c9}.legend i.leave{background:#f1f3f5;border-color:#cbd4db}.under-calendar{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:20px}.panel-heading{padding:17px 19px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:14px}.attention-row{padding:14px 19px;display:flex;gap:11px;align-items:center;border-bottom:1px solid #eef2ef}.attention-row:last-child{border-bottom:0}.attention-icon{color:var(--orange);background:#faf2e5;padding:7px;border-radius:6px;display:flex}.attention-icon svg{width:14px;height:14px}.attention-row strong{font-size:12px;font-weight:600}.attention-row .subtle{font-size:10px;margin-top:4px}.attention-row button{margin-left:auto}.progress{height:5px;background:#e9eeeb;border-radius:4px;overflow:hidden;margin:9px 0}.progress span{height:100%;background:#5f977d;display:block}.progress span.warn{background:#ca9351}.progress span.over{background:#be6657}.po-row{padding:14px 19px;border-bottom:1px solid #eef2ef}.po-top{display:flex;justify-content:space-between;gap:10px;font-size:11px}.po-top strong{font-weight:600}.po-bottom{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.badge{font-size:10px;padding:4px 7px;display:inline-flex;gap:4px;align-items:center;border-radius:4px;background:#edf2ee;color:#446451;font-weight:600;white-space:nowrap}.badge.amber{background:#faf0df;color:#9c6c2d}.badge.purple{background:#eee9f6;color:#69508c}.badge.blue{background:#eaf1f8;color:#4a6d8b}.badge.red{background:#f8e9e5;color:#a45042}.badge.gray{background:#eff1f3;color:#76828a}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);text-align:left;background:#fafbfa;padding:14px 17px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:16px 17px;border-bottom:1px solid #edf1ee;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafcfb}.data-table .subtle{font-size:10px;margin-top:4px}.table-title{font-weight:600;border:0;background:none;padding:0;text-align:left;cursor:pointer}.table-title:hover{color:var(--green)}.table-money{font-variant-numeric:tabular-nums;white-space:nowrap}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:0 0 20px}.tabs button{border:0;background:none;padding:0 0 12px;color:var(--muted);font-size:12px;border-bottom:2px solid transparent}.tabs button.active{color:var(--green);border-color:var(--green);font-weight:700}.empty{padding:45px 25px;text-align:center;color:var(--muted)}.empty h3{color:var(--ink);margin-bottom:7px}.work-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:17px}.work-card{padding:20px;background:white;border:1px solid var(--line);border-radius:9px}.work-card h3{margin:12px 0 6px}.work-card .card-foot{margin-top:17px;border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;align-items:center}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.summary-item{padding:14px;background:#f4f7f4;border-radius:6px}.summary-item span{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.summary-item strong{font:700 19px system-ui}.info-list{display:grid;grid-template-columns:130px 1fr;gap:12px;font-size:12px}.info-list dt{color:var(--muted)}.info-list dd{margin:0;line-height:1.6}.pill-list{display:flex;gap:6px;flex-wrap:wrap}.pill{padding:5px 8px;background:#f0f4f1;border-radius:4px;font-size:11px}.audit-item{padding:9px 0;font-size:11px;border-bottom:1px solid var(--line);color:#52666b}.audit-item time{color:#8a979a;font-size:10px;display:block;margin-top:3px}dialog{border:0;border-radius:13px;padding:0;box-shadow:0 25px 100px #163a3530;width:min(760px,calc(100vw - 32px));max-height:91vh;color:var(--ink)}dialog::backdrop{background:#15332c65;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:4}.dialog-head h2{font-size:21px}.dialog-body{padding:22px 25px}.dialog-foot{display:flex;justify-content:flex-end;gap:9px;padding:17px 25px;border-top:1px solid var(--line);background:#fcfdfc;position:sticky;bottom:0;z-index:4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-group{display:flex;flex-direction:column;gap:7px;min-width:0}.form-group.full{grid-column:1/-1}.form-group label,.form-label{font-size:11px;font-weight:700;color:#4e6367}.form-group input,.form-group select,.form-group textarea{border:1px solid #d7e1dc;background:white;border-radius:6px;padding:10px 11px;width:100%;min-width:0}.form-group textarea{resize:vertical;min-height:75px}.form-section{font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:10px 0;color:#637b71;margin:10px 0 14px;border-bottom:1px solid var(--line)}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:170px;overflow:auto}.check-item{display:flex;align-items:center;gap:7px;padding:9px;background:#f5f7f5;border-radius:5px;font-size:11px;cursor:pointer}.check-item input{accent-color:var(--green)}.check-item input:checked+span{font-weight:700;color:var(--green)}.inline-check{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.5}.inline-check input{accent-color:var(--green);margin-top:3px}.callout{padding:12px 14px;background:#f0f5f1;border:1px solid #dfe9e2;border-radius:7px;font-size:12px;line-height:1.7;margin:15px 0}.callout.warning{background:#fcf5e8;border-color:#eedabd;color:#85602c}.callout.error{background:#fcefeb;border-color:#edcec6;color:#9d493d}.callout strong{display:block}.form-error{color:#ac4c3b;font-size:12px;margin:12px 0}.detail-section{margin:22px 0 0}.detail-section h3{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:13px}.visit-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.visit-row .visit-date{font-size:12px;font-weight:600;min-width:95px}.visit-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.visit-row .secondary,.visit-row .primary{padding:7px 10px;font-size:10px}.signature{width:100%;height:120px;border:1px dashed #bacac0;border-radius:5px;touch-action:none;background:#fbfcfb}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.team-card{padding:19px;background:white;border:1px solid var(--line);border-radius:9px}.team-card header{display:flex;gap:12px;align-items:center}.team-card h3{font-size:13px}.team-card .avatar{width:40px;height:40px}.team-card .team-meta{font-size:11px;line-height:1.8;margin-top:17px;color:var(--muted)}.notification{padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.notification time{display:block;color:var(--muted);font-size:10px;margin-top:5px}.notification.unread{border-left:3px solid #659d7f;padding-left:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);background:#203f34;color:white;padding:12px 20px;border-radius:8px;z-index:100;box-shadow:0 5px 20px #173c2925;max-width:90vw;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#203f34;color:white;padding:12px 20px;border-radius:8px;z-index:100;display:none;font-size:12px;max-width:90vw;box-shadow:0 5px 20px #173c2925}#toast.visible{display:block}.mobile-title{display:none}.screen-note{font-size:11px;color:var(--muted);line-height:1.6;margin-top:15px}.attachment{display:flex;gap:10px;align-items:center;padding:10px;background:#f4f7f4;border-radius:5px;font-size:11px;margin-top:7px}.attachment a{margin-left:auto}.mobile-only{display:none}
@media(min-width:1650px){.workspace{padding:32px 42px}.person-row{min-height:90px}.row-days{min-height:89px}.calendar-scroll{max-height:680px}}
@media(max-width:1150px){.sidebar{width:184px;padding-left:10px;padding-right:10px}.main{margin-left:184px;width:calc(100% - 184px)}.workspace{padding:24px 22px}.topbar{padding:0 22px}.stats{gap:9px}.stat{padding:13px;gap:9px}.stat-icon{padding:7px}.stat-value{font-size:22px}.under-calendar{grid-template-columns:1fr}.page-head{align-items:flex-start}.filters .search-wrap input{width:155px}}
@media(max-width:760px){.sidebar{position:fixed;inset:auto 0 0 0;width:100%;height:62px;padding:3px 5px;flex-direction:row;justify-content:space-around;border-top:1px solid #284d3e}.sidebar .brand,.sidebar .nav-label,.sidebar .sidebar-bottom{display:none}.sidebar nav{display:flex;width:100%;justify-content:space-around}.nav-item{width:auto;padding:7px 12px;display:flex;flex-direction:column;gap:4px;font-size:9px;margin:0;border-radius:5px}.nav-badge{display:none}.nav-item svg{width:17px;height:17px}.main{margin-left:0;width:100%;padding-bottom:65px}.topbar{height:60px;padding:0 16px}.crumb{font-size:11px}.profile-select{max-width:174px;padding:8px;font-size:10px}.top-actions{gap:7px}.workspace{padding:20px 14px}.prototype-banner{font-size:10px;line-height:1.5;margin-bottom:19px}h1{font-size:24px}.page-head{gap:10px;flex-wrap:wrap;margin-bottom:18px}.stats{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.stat{padding:12px}.stat-note{font-size:9px}.calendar-toolbar{padding:12px;gap:10px}.filters{width:100%}.filters .search-wrap{flex:1}.filters .search-wrap input{width:100%}.week-title{font-size:13px}.under-calendar{gap:14px}.calendar-footer{padding:12px}.legend{gap:11px}.calendar-scroll{max-height:550px}.summary-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.dialog-head{padding:17px}.dialog-body{padding:18px}.dialog-foot{padding:14px 17px}.check-grid{grid-template-columns:1fr 1fr}.dialog-head h2{font-size:18px}.info-list{grid-template-columns:95px 1fr}.work-cards{grid-template-columns:1fr}.tabs{gap:17px;overflow:auto;white-space:nowrap}.table-wrap{max-width:100%}.mobile-only{display:block}.desktop-note{display:none}.topbar .crumb strong{display:none}.secondary,.primary{padding:9px 12px}.team-grid{grid-template-columns:1fr 1fr}.team-card{padding:13px}.team-card header{gap:8px}.team-card .avatar{width:30px;height:30px}.team-card .team-meta{font-size:10px}.team-card h3{font-size:11px}.page-head .subtle{font-size:11px}.data-table th,.data-table td{padding:12px}.under-calendar .panel-heading{padding:14px}.stat-icon svg{width:17px;height:17px}}
/* The booking layer spans the entire resource row; its own grid owns the days. */
.row-days{display:block}

/* Strong operational colours: booking progress is separate from shift type. */
:root{--booking-amber:#ffbd13;--booking-red:#c81928;--booking-green:#087d38;--booking-blue:#1459d4;--booking-purple:#6426ac}
.status-key{display:flex;gap:12px 20px;flex-wrap:wrap;padding:15px 18px;border-bottom:1px solid var(--line);background:#fff;font-size:11px;font-weight:700;color:#27373d}
.status-key span{display:flex;align-items:center;gap:7px}.status-key i{display:inline-block;width:20px;height:18px;border-radius:3px;flex-shrink:0;border:2px solid #0002}
.key-unconfirmed{background:var(--booking-amber)}.key-confirmed{background:var(--booking-red)}.key-attended{background:var(--booking-green)}.key-invoiced{background:var(--booking-blue)}.status-key .key-night{background:var(--booking-purple);border:4px solid var(--booking-red);width:26px}.key-leave{background:#e6ebef}
.booking{border:0;background:var(--booking-red);color:#fff;min-height:72px;padding:9px 8px;border-radius:6px;isolation:isolate}.booking:hover{filter:brightness(1.04);box-shadow:0 2px 6px #12253850}
.booking-progress{position:absolute;top:0;bottom:0;z-index:-1;pointer-events:none;background:var(--progress-colour);border-right:2px solid #ffffff70}
.progress-unconfirmed{--progress-colour:var(--booking-amber)}.progress-confirmed{--progress-colour:var(--booking-red)}.progress-attended{--progress-colour:var(--booking-green)}.progress-invoiced{--progress-colour:var(--booking-blue)}
.booking:has(>.progress-unconfirmed):not(:has(>.progress-confirmed,>.progress-attended,>.progress-invoiced)){color:#302100}
.booking-content{position:relative;z-index:1}.booking-title{font-size:11px;font-weight:800}.booking-meta{opacity:1;font-size:9px}.booking-status{font-size:9px;font-weight:800;line-height:1.35;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.booking.night{color:white;border:0;padding:9px 8px;background:var(--booking-purple)}.booking.night .booking-progress{background:none;border:6px solid var(--progress-colour);z-index:0;border-radius:4px}.booking.night .booking-content{background:var(--booking-purple);padding:4px 6px;border-radius:2px;margin:0 var(--whitePct);min-height:52px}.booking.night .booking-tag{background:var(--booking-purple);color:white;z-index:2;right:7px;top:7px}
.booking.leave{background:#e6ebef;border:2px solid #9caab5;color:#31434c}.booking-tag{font-size:11px;font-weight:800;z-index:2}.row-days{min-height:90px}
.badge.status-unconfirmed{background:var(--booking-amber);color:#302100}.badge.status-confirmed{background:var(--booking-red);color:white}.badge.status-attended{background:var(--booking-green);color:white}.badge.status-invoiced{background:var(--booking-blue);color:white}.badge.purple{background:var(--booking-purple);color:white}
@media(max-width:700px){.status-key{gap:10px 15px;padding:13px;font-size:10px}}

.finder-input{width:100%;padding:13px;border:2px solid #b9ccc3;border-radius:7px;margin-top:9px;font:inherit}.job-finder-results{max-height:52vh;overflow:auto}.job-result{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;background:white;border:1px solid var(--line);border-radius:6px;padding:13px;margin-bottom:8px;color:var(--ink);font-size:12px}.job-result:hover,.job-result:focus-visible{background:#eaf4ed;border-color:var(--green)}.job-result-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.job-result-heading strong{color:var(--green);font-weight:800}.job-result small{color:var(--muted)}.selected-job{background:#eef4ef;padding:11px;border-radius:6px;margin-top:10px;font-size:12px;display:flex;flex-direction:column;gap:5px}.selected-job .text-button{align-self:flex-start}.job-picker-results{max-height:260px;overflow:auto;margin-top:8px}.find-job-button{white-space:nowrap}@media(max-width:700px){.topbar{gap:6px;padding:0 14px}.top-actions{gap:7px}.topbar .crumb{display:none}.top-actions{width:100%;justify-content:flex-end}.find-job-button{margin-right:auto;padding:9px 10px}.profile-select{max-width:170px}}

.calendar-range-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--line);background:#fafcfb}.range-switch button{font-size:12px;padding:9px 20px;font-weight:700}.range-switch button.selected{background:var(--green);color:#fff}.custom-range-fields{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.custom-range-fields label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.custom-range-fields input{padding:8px;border:1px solid #c9d7cf;border-radius:5px;font-size:12px}.custom-range-fields [role=alert]{color:#b01d2a;font-size:11px}.calendar .day-heads,.calendar .booking-layer{grid-template-columns:repeat(var(--day-count,7),minmax(0,1fr))}.calendar .day-cell{width:calc(100% / var(--day-count,7))}.resource-head{position:sticky;left:0;z-index:9;background:white}.day-month{display:block;margin-top:2px;font-size:9px}.calendar .day-head.weekend{background:#edf1f2}
@media(max-width:700px){.calendar-range-toolbar{padding:12px}.custom-range-fields{gap:8px}.range-switch{width:100%}.range-switch button{flex:1}.calendar-range-toolbar>.subtle{font-size:10px}}

/* Fit the complete planning board to the available page. */
.schedule-board{min-width:0}.calendar{min-width:0;width:100%}.cal-head,.person-row{grid-template-columns:142px minmax(0,1fr)}.calendar .booking-layer{gap:2px;padding:3px 1px}.day-head{min-width:0;padding:6px 0;font-size:9px;letter-spacing:0}.day-number{width:auto;min-width:18px;font-size:12px;height:21px}.day-cell{min-width:0}.booking{container-type:inline-size}.booking .booking-content{min-width:0}@container(max-width:65px){.booking-content{display:none!important}.booking-tag{display:none}}
.schedule-fit{height:100dvh;overflow:hidden}.schedule-fit .sidebar{width:62px;padding:12px 6px}.schedule-fit .brand{padding:0 4px 18px}.schedule-fit .brand-symbol{font-size:18px;padding:6px}.schedule-fit .brand-name,.schedule-fit .brand-small,.schedule-fit .brand>div+div,.schedule-fit .nav-label,.schedule-fit .side-note,.schedule-fit .nav-item>span{display:none}.schedule-fit .nav-item{justify-content:center;padding:11px 8px}.schedule-fit .sidebar-bottom{padding-top:12px}.schedule-fit .main{margin-left:62px;width:calc(100% - 62px);height:100dvh;display:flex;flex-direction:column;min-width:0}.schedule-fit .topbar{height:44px;min-height:44px;padding:0 14px}.schedule-fit .profile-select{padding:7px}.schedule-fit .workspace{padding:10px 12px;width:100%;max-width:none;flex:1;min-height:0;display:flex;flex-direction:column}.schedule-fit .prototype-banner{display:none}.schedule-fit .schedule-board{display:flex;flex-direction:column;flex:1;min-height:0}.schedule-fit .page-head{margin-bottom:9px;gap:8px}.schedule-fit .page-head h1{font-size:20px}.schedule-fit .page-head p{display:none}.schedule-fit .stats{gap:8px;margin-bottom:9px}.schedule-fit .stat{padding:7px 10px;gap:6px;justify-content:space-between;flex-direction:row-reverse}.schedule-fit .stat>div:last-child{display:flex;align-items:center;justify-content:space-between;width:100%;gap:7px}.schedule-fit .stat-icon,.schedule-fit .stat-note{display:none}.schedule-fit .stat-label{font-size:10px;margin:0}.schedule-fit .stat-value{font-size:18px}.schedule-fit .schedule-board>.panel{flex:1;min-height:0;display:flex;flex-direction:column}.schedule-fit .calendar-range-toolbar{padding:7px 10px;gap:7px}.schedule-fit .range-switch button{padding:6px 13px;font-size:11px}.schedule-fit .calendar-range-toolbar>.subtle{font-size:10px}.schedule-fit .calendar-toolbar{padding:7px 10px;gap:7px}.schedule-fit .calendar-toolbar .icon-button{width:27px;height:27px}.schedule-fit .week-title{font-size:12px}.schedule-fit .secondary,.schedule-fit .primary{font-size:11px;padding:7px 10px}.schedule-fit .search-wrap input{padding-top:6px;padding-bottom:6px}.schedule-fit .search-wrap svg{top:8px}.schedule-fit .status-key{padding:7px 10px;gap:6px 13px;font-size:9px}.schedule-fit .status-key i{height:12px;width:14px}.schedule-fit .status-key .key-night{width:18px;border-width:3px}.schedule-fit .calendar-scroll{flex:1;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto}.schedule-fit .calendar{height:100%;display:flex;flex-direction:column}.schedule-fit .cal-head{flex:0 0 33px}.schedule-fit .resource-head{padding:9px 7px;font-size:9px}.schedule-fit .person-row{flex:1 1 0;min-height:18px;max-height:36px}.schedule-fit .person{padding:2px 7px;gap:6px;min-width:0}.schedule-fit .avatar{display:none}.schedule-fit .person-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-fit .person-meta{display:none}.schedule-fit .row-days{min-height:0;height:100%}.schedule-fit .booking-layer{height:100%;grid-auto-rows:minmax(0,1fr);align-content:stretch;padding:2px 1px;gap:1px}.schedule-fit .booking{min-height:0;padding:2px 3px;border-radius:2px}.schedule-fit .booking-title{font-size:9px;line-height:1.25}.schedule-fit .booking-meta,.schedule-fit .booking-status,.schedule-fit .booking-tag{display:none}.schedule-fit .booking.night .booking-content{min-height:0;padding:1px 2px}.schedule-fit .booking.night .booking-progress{border-width:3px;border-radius:2px}.schedule-fit .booking.leave{border-width:1px}.schedule-fit .calendar-footer{font-size:9px;padding:6px 10px;gap:4px}.schedule-fit .calendar-footer>span+span{display:none}.schedule-fit .under-calendar,.schedule-fit .schedule-board>.screen-note{display:none}.schedule-fit .day-head{padding:2px 0;font-size:8px;line-height:1}.schedule-fit .day-number{height:18px;font-size:10px;margin-top:2px}.schedule-fit .day-month{display:none}.schedule-fit .custom-range-fields input{padding:5px;font-size:11px}.schedule-fit .custom-range-fields label{font-size:10px}.schedule-fit .dense-period .day-head{font-size:0}.schedule-fit .dense-period .day-number{font-size:9px;min-width:0;width:100%}.schedule-fit .dense-period .day-head.today .day-number{border-radius:2px}.schedule-fit .dense-period .booking-content{display:none!important}.schedule-fit .dense-period .booking.night .booking-progress{border-width:3px}
@media(max-width:700px){.schedule-fit .sidebar{width:100%;height:48px;padding:3px 0}.schedule-fit .nav-item>span{display:block}.schedule-fit .main{margin:0;width:100%;height:calc(100dvh - 48px)}.schedule-fit .workspace{padding:7px}.schedule-fit .topbar{padding:0 7px;height:40px;min-height:40px}.schedule-fit .page-head h1{font-size:17px}.schedule-fit .page-head .primary,.schedule-fit .page-head .secondary{padding:6px 8px;font-size:10px}.schedule-fit .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.schedule-fit .stat{padding:5px}.schedule-fit .stat-label{font-size:8px}.schedule-fit .stat-value{font-size:14px}.schedule-fit .stat>div:last-child{gap:4px}.schedule-fit .calendar-range-toolbar{padding:5px 7px}.schedule-fit .range-switch{width:auto}.schedule-fit .range-switch button{padding:5px 11px}.schedule-fit .calendar-range-toolbar>.subtle{display:none}.schedule-fit .calendar-toolbar{padding:5px 7px}.schedule-fit .calendar-toolbar>.button-row{gap:4px}.schedule-fit .week-title{font-size:10px;margin:0}.schedule-fit .filters{gap:4px}.schedule-fit .search-wrap input{width:140px;font-size:10px}.schedule-fit .filter-select{padding:5px;font-size:9px}.schedule-fit .cal-head,.schedule-fit .person-row{grid-template-columns:96px minmax(0,1fr)}.schedule-fit .person{padding:2px 4px}.schedule-fit .person-name{font-size:9px}.schedule-fit .status-key{font-size:8px;padding:5px 7px;gap:5px 9px}.schedule-fit .calendar-footer{font-size:8px}.schedule-fit .dense-period .day-number{font-size:7px}.schedule-fit .dense-period .booking.night .booking-progress{border-width:2px}.schedule-fit .custom-range-fields{gap:5px}.schedule-fit .custom-range-fields input{width:115px}.schedule-fit .calendar-toolbar .search-wrap svg{top:7px}}
.schedule-fit .person-row{min-height:12px}.schedule-fit .person{line-height:1}.schedule-fit .person-name{line-height:1.1}.schedule-fit .calendar-scroll{scrollbar-gutter:auto}

/* Month dates fit horizontally; inspector rows retain comfortable height. */
.schedule-board .calendar-scroll{max-height:none;overflow-x:hidden;overflow-y:visible}.schedule-board .calendar{min-width:0;width:100%}.schedule-board .person-row{min-height:76px}.schedule-board .row-days{min-height:75px}.schedule-board .person{padding:12px 8px}.schedule-board .avatar{width:25px;height:25px;font-size:9px}.schedule-board .person-name{font-size:11px}.schedule-board .person-meta{font-size:8px;flex-wrap:wrap}.schedule-board .booking{min-height:58px}.schedule-board.dense-period .day-head{font-size:0}.schedule-board.dense-period .day-number{font-size:10px;min-width:0;width:100%;height:23px}.schedule-board.dense-period .day-head.today .day-number{border-radius:3px}.schedule-board.dense-period .booking-content{display:none!important}.schedule-board.dense-period .booking.night .booking-progress{border-width:3px}.schedule-board.dense-period .booking-tag{display:none}.schedule-board .day-heads{min-width:0}.schedule-board .calendar-toolbar,.schedule-board .calendar-range-toolbar{flex-shrink:0}
@media(max-width:700px){.schedule-board .cal-head,.schedule-board .person-row{grid-template-columns:108px minmax(0,1fr)}.schedule-board .person{padding:10px 5px;gap:5px}.schedule-board .avatar{display:none}.schedule-board .person-name{font-size:10px}.schedule-board.dense-period .day-number{font-size:8px}.schedule-board.dense-period .booking.night .booking-progress{border-width:2px}.schedule-board .resource-head{padding:12px 5px;font-size:8px}}

/* Resource planner layout, using the existing schedule as the layout reference. */
.schedule-wide .sidebar{width:100%;height:48px;inset:0 0 auto;flex-direction:row;align-items:center;padding:6px 12px;gap:22px;background:#183b34}.schedule-wide .brand{padding:0;gap:8px}.schedule-wide .brand-symbol{font-size:17px;padding:5px}.schedule-wide .brand-name{font-size:14px}.schedule-wide .brand-small,.schedule-wide .nav-label,.schedule-wide .side-note{display:none}.schedule-wide .sidebar nav{display:flex;gap:5px}.schedule-wide .nav-item{width:auto;padding:7px 10px;margin:0;gap:7px;font-size:11px}.schedule-wide .nav-item svg{width:15px;height:15px}.schedule-wide .sidebar-bottom{margin:0 0 0 auto;padding:0}.schedule-wide .main{margin-left:0;width:100%;padding-top:48px}.schedule-wide .topbar{height:42px;padding:0 14px}.schedule-wide .profile-select{padding:7px}.schedule-wide .workspace{max-width:none;padding:10px 12px 20px}.schedule-wide .prototype-banner{margin-bottom:9px;padding:4px 8px;font-size:9px}.schedule-wide .page-head{margin-bottom:8px}.schedule-wide .page-head h1{font-size:20px}.schedule-wide .page-head p{display:none}.schedule-wide .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:9px}.schedule-wide .stat{padding:6px 10px}.schedule-wide .stat-icon,.schedule-wide .stat-note{display:none}.schedule-wide .stat>div:last-child{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.schedule-wide .stat-label{font-size:10px;margin:0}.schedule-wide .stat-value{font-size:17px}.schedule-wide .calendar-range-toolbar{padding:7px 11px;gap:8px}.schedule-wide .range-switch button{padding:5px 17px}.schedule-wide .calendar-toolbar{padding:8px 11px;gap:8px}.schedule-wide .status-key{padding:8px 11px;gap:7px 18px;font-size:10px}.schedule-wide .status-key i{width:16px;height:14px}.schedule-wide .cal-head,.schedule-wide .person-row{grid-template-columns:210px minmax(0,1fr)}.schedule-wide .person{padding:12px;gap:9px}.schedule-wide .avatar{width:31px;height:31px}.schedule-wide .person-name{font-size:12px}.schedule-wide .person-meta{font-size:10px;gap:5px}.schedule-wide .person-row{min-height:96px}.schedule-wide .row-days{min-height:95px}.schedule-wide .calendar-scroll{overflow:visible}.schedule-wide .cal-head{position:sticky;top:48px;z-index:9;box-shadow:0 2px 3px #183b3415}.schedule-wide .resource-head{padding:16px 12px}.schedule-wide .day-head{padding:7px 0;background:#fff;overflow:hidden}.schedule-wide .dense-period .day-head{font-size:9px}.schedule-wide .dense-period .day-number{font-size:13px;height:24px}.schedule-wide .day-head.weekend,.schedule-wide .day-cell.weekend{background:#e5f2fd}.schedule-wide .day-cell.today,.schedule-wide .day-head.today{background:#dcf5d4}.schedule-wide .booking-layer{padding:5px 1px;gap:2px}.schedule-wide .booking{min-height:76px;padding:5px 3px;border-radius:4px}.schedule-wide .booking-title{font-size:11px;line-height:1.25;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.schedule-wide .booking-meta{font-size:9px;margin-top:5px;white-space:normal;overflow-wrap:anywhere}.schedule-wide .booking-client{font-size:10px;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;overflow-wrap:anywhere}.schedule-wide .booking-status{display:none}.schedule-wide .dense-period .booking-content{display:block!important}.schedule-wide .dense-period .booking.night .booking-progress{border-width:4px}.schedule-wide .booking.night .booking-content{min-height:58px;padding:4px 3px}.schedule-wide .dense-period .booking-tag{display:none}.schedule-wide .booking.leave{border-color:#b9c5cf}.schedule-wide .calendar-footer{padding:9px 11px}.schedule-wide .under-calendar{margin-top:15px}.booking-client{display:none}
@container(max-width:28px){.schedule-wide .booking .booking-content{display:none!important}}
@media(max-width:1000px){.schedule-wide .cal-head,.schedule-wide .person-row{grid-template-columns:156px minmax(0,1fr)}.schedule-wide .person{padding:9px}.schedule-wide .avatar{display:none}.schedule-wide .dense-period .day-head{font-size:8px}.schedule-wide .dense-period .day-number{font-size:10px}}
@media(max-width:700px){.schedule-wide .sidebar{height:48px;inset:auto 0 0;gap:0;padding:3px 0}.schedule-wide .sidebar nav{width:100%;justify-content:space-around;gap:0}.schedule-wide .sidebar .nav-item{padding:5px 8px;width:auto;font-size:10px}.schedule-wide .brand,.schedule-wide .sidebar-bottom{display:none}.schedule-wide .main{padding-top:0;padding-bottom:55px}.schedule-wide .workspace{padding:8px}.schedule-wide .topbar{padding:0 8px}.schedule-wide .prototype-banner{font-size:8px}.schedule-wide .stats{gap:4px}.schedule-wide .stat{padding:5px}.schedule-wide .stat-label{font-size:8px}.schedule-wide .stat-value{font-size:14px}.schedule-wide .cal-head,.schedule-wide .person-row{grid-template-columns:110px minmax(0,1fr)}.schedule-wide .person-name{font-size:10px}.schedule-wide .person-meta{font-size:8px}.schedule-wide .dense-period .day-head{font-size:0}.schedule-wide .dense-period .day-number{font-size:8px}.schedule-wide .cal-head{top:0}.schedule-wide .resource-head{padding:14px 5px;font-size:8px}.schedule-wide .status-key{font-size:8px;gap:6px 10px}.schedule-wide .dense-period .booking.night .booking-progress{border-width:2px}}

.schedule-wide .booking-client{display:-webkit-box}

/* Related-job highlighting preserves the agreed operational colours. */
.highlight-hint{padding:7px 11px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);background:#f7faf8}.job-highlight-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;background:#e8f1ff;border-top:2px solid #244b81;border-bottom:1px solid #becfe4}.highlight-summary{display:flex;flex-direction:column;gap:4px;margin-right:auto;font-size:12px;color:#183958}.highlight-summary span{font-size:10px}.job-highlight-bar .inline-check{font-size:11px}.job-highlight-bar .secondary{padding:7px 9px;font-size:10px}.calendar .booking.job-muted{opacity:.18;filter:saturate(.35)}.calendar .booking.job-match{outline:2px solid #102b45;outline-offset:0;box-shadow:0 0 0 1px white;z-index:3}.person-job-match .person{background:#edf3fc;box-shadow:inset 3px 0 #244b81}
/* Compact planner rows and a narrower staff field; dates stay fully visible. */
.schedule-wide .cal-head,.schedule-wide .person-row{grid-template-columns:150px minmax(0,1fr)}.schedule-wide.compact-rows{height:100dvh;overflow:hidden}.schedule-wide.compact-rows .main{height:100dvh;display:flex;flex-direction:column;min-width:0}.schedule-wide.compact-rows .topbar{flex:0 0 40px;min-height:40px}.schedule-wide.compact-rows .workspace{flex:1;min-height:0;display:flex;flex-direction:column;padding:7px 10px 10px}.schedule-wide.compact-rows .prototype-banner{display:none}.schedule-wide.compact-rows .schedule-board{flex:1;min-height:0;display:flex;flex-direction:column}.schedule-wide.compact-rows .page-head{margin-bottom:6px}.schedule-wide.compact-rows .page-head h1{font-size:18px}.schedule-wide.compact-rows .page-head .secondary,.schedule-wide.compact-rows .page-head .primary{padding:7px 10px;font-size:10px}.schedule-wide.compact-rows .stats{margin-bottom:6px}.schedule-wide.compact-rows .stat{padding:5px 8px}.schedule-wide.compact-rows .schedule-board>.panel{flex:1;min-height:0;display:flex;flex-direction:column}.schedule-wide.compact-rows .calendar-range-toolbar{padding:5px 9px}.schedule-wide.compact-rows .calendar-toolbar{padding:5px 9px}.schedule-wide.compact-rows .calendar-toolbar .icon-button{width:28px;height:28px}.schedule-wide.compact-rows .calendar-toolbar .secondary{padding:6px 8px;font-size:10px}.schedule-wide.compact-rows .calendar-toolbar .search-wrap input{padding-top:6px;padding-bottom:6px}.schedule-wide.compact-rows .calendar-toolbar .search-wrap svg{top:8px}.schedule-wide.compact-rows .status-key{padding:5px 9px;font-size:9px;gap:6px 13px}.schedule-wide.compact-rows .calendar-scroll{flex:1;min-height:0;max-height:none;overflow:auto;overflow-x:hidden}.schedule-wide.compact-rows .calendar{display:flex;flex-direction:column;height:100%}.schedule-wide.compact-rows .cal-head{flex:0 0 35px;position:sticky;top:0}.schedule-wide.compact-rows .resource-head{padding:10px 7px;font-size:9px}.schedule-wide.compact-rows .day-head{padding:3px 0;font-size:8px}.schedule-wide.compact-rows .dense-period .day-number{font-size:11px;height:18px;margin-top:2px}.schedule-wide.compact-rows .person-row{flex:1 1 0;min-height:12px;max-height:38px}.schedule-wide.compact-rows .person{padding:2px 7px;gap:4px;line-height:1}.schedule-wide.compact-rows .avatar{display:none}.schedule-wide.compact-rows .person-name{font-size:10px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-wide.compact-rows .person-meta{font-size:8px;margin-top:3px;line-height:1}.schedule-wide.compact-rows .grade{font-size:8px;padding:1px 3px}.schedule-wide.compact-rows .row-days{min-height:0;height:100%}.schedule-wide.compact-rows .booking-layer{height:100%;padding:2px 1px;gap:1px;grid-auto-rows:minmax(0,1fr);align-content:stretch}.schedule-wide.compact-rows .booking{min-height:0;border-radius:2px;padding:2px 3px}.schedule-wide.compact-rows .booking-title{font-size:9px;white-space:nowrap;display:block;line-height:1.2}.schedule-wide.compact-rows .booking-meta,.schedule-wide.compact-rows .booking-client,.schedule-wide.compact-rows .booking-status,.schedule-wide.compact-rows .booking-tag{display:none}.schedule-wide.compact-rows .booking.night .booking-content{min-height:0;padding:1px 2px}.schedule-wide.compact-rows .booking.night .booking-progress{border-width:3px}.schedule-wide.compact-rows .booking.leave{border-width:1px}.schedule-wide.compact-rows .calendar-footer{padding:5px 9px;font-size:9px}.schedule-wide.compact-rows .calendar-footer>span+span{display:none}.schedule-wide.compact-rows .under-calendar,.schedule-wide.compact-rows .schedule-board>.screen-note{display:none}.schedule-wide.compact-rows .job-highlight-bar{padding:6px 9px;gap:7px}.schedule-wide.compact-rows .highlight-summary{font-size:11px}.schedule-wide.compact-rows .highlight-summary span{font-size:9px}.schedule-wide.compact-rows .highlight-hint{padding:5px 9px;font-size:9px}
@media(max-height:850px){.schedule-wide.compact-rows .person-meta{display:none}}
@media(max-width:700px){.schedule-wide .cal-head,.schedule-wide .person-row{grid-template-columns:98px minmax(0,1fr)}.schedule-wide.compact-rows .main{height:calc(100dvh - 48px);padding-bottom:0}.schedule-wide.compact-rows .workspace{padding:5px}.schedule-wide.compact-rows .calendar-range-toolbar>.subtle{display:none}.schedule-wide.compact-rows .calendar-range-toolbar{padding:5px 7px}.schedule-wide.compact-rows .calendar-range-toolbar .range-switch{width:auto}.schedule-wide.compact-rows .calendar-toolbar .filters{width:100%;gap:6px}.schedule-wide.compact-rows .calendar-toolbar .search-wrap{flex:1;min-width:0}.schedule-wide.compact-rows .calendar-toolbar .search-wrap input{width:100%;font-size:10px}.schedule-wide.compact-rows .calendar-toolbar .filter-select{padding:6px;font-size:9px}.schedule-wide.compact-rows .week-title{font-size:12px}.schedule-wide.compact-rows .person-name{font-size:9px}.schedule-wide.compact-rows .person{padding:1px 3px}.schedule-wide.compact-rows .dense-period .day-head{font-size:0}.schedule-wide.compact-rows .dense-period .day-number{font-size:7px}.schedule-wide.compact-rows .status-key{font-size:8px;padding:5px 7px}.schedule-wide.compact-rows .job-highlight-bar .highlight-summary{width:100%}.schedule-wide.compact-rows .job-highlight-bar .secondary{font-size:9px;padding:5px}.schedule-wide.compact-rows .job-highlight-bar .inline-check{font-size:9px}.schedule-wide.compact-rows .calendar-footer{font-size:8px}}
/* Stretch the planner even when its flex parent has automatic margins. */
.schedule-wide .main{min-width:0;max-width:none}
.schedule-wide .workspace,.schedule-wide.compact-rows .workspace{width:100%;max-width:none;margin:0;align-self:stretch;min-width:0}
.schedule-wide .schedule-board,.schedule-wide .schedule-board>.panel{width:100%;max-width:none;min-width:0;align-self:stretch}
.row-view-switch button{font-size:11px;font-weight:700;padding:7px 12px}.row-view-switch button.selected{background:#276452;color:white}.phone-work{max-width:820px;margin:auto}.phone-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.phone-heading h1{font-size:30px}.phone-heading p{margin:5px 0;color:var(--muted);font-size:13px}.phone-heading .phone-eyebrow{font-size:10px;font-weight:800;color:#276452;letter-spacing:1.4px}.phone-avatar{background:#dcece3;color:#1e5843;border-radius:50%;height:49px;width:49px;display:grid;place-items:center;font-weight:800}.phone-connection{display:flex;align-items:center;justify-content:space-between;border:1px solid #b7d7c2;background:#eaf5ee;padding:14px 16px;border-radius:10px;margin-bottom:12px}.phone-connection strong{font-size:14px;color:#185d35}.phone-connection p{font-size:12px;color:#366749;margin:4px 0 0;line-height:1.5}.connection-indicator{width:10px;height:10px;border-radius:50%;background:#11833d;flex-shrink:0;margin-left:15px}.phone-connection.is-offline{background:#fff4d7;border-color:#e7c46b}.is-offline strong,.is-offline p{color:#6b4b0c}.is-offline .connection-indicator{background:#d58c00}.phone-storage{border:1px solid var(--line);background:white;border-radius:10px;padding:16px;display:flex;align-items:center;gap:15px;justify-content:space-between}.phone-storage strong{font-size:13px}.phone-storage p{font-size:11px;margin:5px 0;color:var(--muted);line-height:1.5}.phone-storage button{flex-shrink:0}.phone-tools{display:flex;gap:10px;margin-top:12px}.phone-tools button{flex:1}.phone-shell-note{font-size:10px;color:#687a72;line-height:1.5;margin:10px 0 18px}.phone-pending{padding:15px;background:#fff2d8;border:1px solid #e9ce92;border-radius:10px;margin:14px 0}.phone-pending strong{font-size:13px}.phone-pending p{font-size:12px;margin:5px 0}.phone-tabs{display:flex;border-bottom:1px solid #cddbd3;margin:20px 0 16px;gap:6px}.phone-tabs button{flex:1;background:none;border:0;border-bottom:3px solid transparent;font-size:12px;padding:12px 6px;color:#65776d;font-weight:700}.phone-tabs button.active{color:#205a43;border-bottom-color:#205a43}.phone-visits{display:flex;flex-direction:column;gap:14px}.phone-visit{display:flex;gap:15px;padding:17px;background:white;border:1px solid #dce7e0;border-radius:11px}.phone-visit-date{display:flex;flex-direction:column;align-items:center;background:#eef4ef;border-radius:8px;min-width:48px;height:76px;padding:9px 7px;flex-shrink:0}.phone-visit-date strong{font:800 24px system-ui;line-height:1.1}.phone-visit-date span{font-size:11px}.phone-visit-date small{font-size:10px;color:#6a7c71;margin-top:3px}.phone-visit-main{min-width:0;flex:1}.phone-labels{display:flex;gap:6px;flex-wrap:wrap}.phone-visit-main h2{font-size:16px;line-height:1.4;margin:10px 0 6px}.phone-visit-main p{font-size:12px;margin:4px 0;line-height:1.5;color:#62786c;overflow-wrap:anywhere}.phone-record-status{margin-top:12px}.phone-record-status .badge{white-space:normal;line-height:1.45}.phone-visit-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.phone-visit-buttons button{min-height:42px}.phone-error{color:#ad2727!important}.phone-outbox-row{padding:17px 0;border-bottom:1px solid var(--line)}.phone-outbox-row strong{font-size:13px}.phone-outbox-row p{font-size:12px}.phone-outbox-row .text-button{display:block;margin-top:10px}.phone-outbox-row .badge{white-space:normal}.phone-local-notice{background:#eaf2ff;color:#23466f;padding:12px;border-radius:7px;font-size:12px;line-height:1.6;margin:14px 0}.mobile-timesheet-head p{font-size:12px;color:var(--muted)}#mobile-timesheet .form-group{margin:18px 0}#mobile-timesheet label{font-weight:600}#mobile-timesheet textarea{min-height:115px}#mobile-timesheet input:not([type=checkbox]),#mobile-timesheet textarea,#mobile-timesheet select{font-size:16px;padding:13px;width:100%;border:1px solid #c9d8d0;border-radius:7px}#mobile-signature{touch-action:none;background:#fff;height:180px;border:2px dashed #9fb7aa}#mobile-signature-panel[hidden]{display:none}.mobile-ack{align-items:flex-start;line-height:1.7!important;margin:20px 0;font-size:13px!important}.mobile-ack input{width:22px;height:22px;margin-top:3px;flex-shrink:0}.saved-phone-signature{display:block;width:100%;max-height:200px;object-fit:contain;background:white;border:1px solid #d8e2dc;border-radius:6px;margin:18px 0}.inspector-app .primary,.inspector-app .secondary{min-height:44px}.inspector-app .workspace{padding-bottom:35px}.inspector-app .prototype-banner{max-width:820px;margin-left:auto;margin-right:auto}
@media(max-width:700px){.inspector-app .workspace{padding:18px 14px 80px}.inspector-app .topbar{height:58px}.inspector-app .top-actions .find-job-button{font-size:11px}.inspector-app .profile-select{font-size:11px}.inspector-app .prototype-banner{font-size:9px;margin-bottom:18px;align-items:flex-start}.phone-heading{margin-bottom:16px}.phone-heading h1{font-size:27px}.phone-storage{align-items:stretch;flex-direction:column;gap:8px}.phone-storage button{width:100%}.phone-tools{gap:8px}.phone-tools button{font-size:11px;padding:10px 6px}.phone-visit{gap:11px;padding:14px 12px}.phone-visit-date{min-width:42px;padding:8px 5px}.phone-visit-main h2{font-size:15px}.phone-visit-buttons{flex-direction:column}.phone-visit-buttons button{width:100%;font-size:12px}.phone-record-status .badge{font-size:10px}.inspector-app~dialog{width:calc(100% - 20px);max-height:94dvh;margin:auto}dialog:has(#mobile-timesheet){width:min(640px,calc(100% - 20px));max-height:94dvh}dialog:has(#mobile-timesheet) .dialog-body{padding:17px}dialog:has(#mobile-timesheet) .dialog-foot{padding:12px;gap:8px}dialog:has(#mobile-timesheet) .dialog-foot button{flex:1;min-height:46px;font-size:12px}#mobile-signature{height:190px}.row-view-switch button{font-size:10px;padding:6px 8px}.schedule-wide.compact-rows .page-head .row-view-switch{margin-left:auto}}
/* Share a lane across non-overlapping dates; stack only genuine overlaps. */
.schedule-wide:not(.compact-rows) .person-row{min-height:calc(var(--booking-lanes,1) * 78px + 10px)}
.schedule-wide:not(.compact-rows) .row-days{min-height:calc(var(--booking-lanes,1) * 78px + 9px)}
.schedule-wide:not(.compact-rows) .booking-layer{grid-auto-rows:78px;align-content:start}
.schedule-wide:not(.compact-rows) .booking{height:76px;min-height:0;max-height:76px;overflow:hidden}
.schedule-wide:not(.compact-rows) .booking-title{white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;line-height:1.3}
.schedule-wide:not(.compact-rows) .booking-meta,.schedule-wide:not(.compact-rows) .booking-client{white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;line-height:1.25}
.schedule-wide:not(.compact-rows) .booking.night .booking-content{min-height:0}
.selection-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0 6px}.selection-option{background:white;border:2px solid #c5d6cc;border-radius:9px;padding:20px;text-align:left;display:flex;flex-direction:column;gap:11px;min-height:135px}.selection-option strong{font-size:15px;color:#1b4c38}.selection-option span{font-size:12px;line-height:1.7;color:#5e7166}.selection-option:hover,.selection-option:focus-visible{background:#ebf5ee;border-color:#276452}.job-highlight-bar #finish-manual-selection{padding:7px 10px;font-size:10px;min-height:30px}@media(max-width:700px){.selection-options{grid-template-columns:1fr}.selection-option{padding:16px;min-height:105px}.selection-option strong{font-size:14px}.job-highlight-bar #finish-manual-selection{padding:6px 8px;font-size:9px}}
.monthly-plan{display:flex;flex-direction:column;gap:7px;margin-top:12px;max-height:220px;overflow:auto}.monthly-plan>div{display:flex;justify-content:space-between;gap:15px;padding:8px 10px;background:#ffffffa0;border:1px solid #d6e2da;border-radius:5px;font-size:11px}.monthly-plan span{color:#546f60}
.booking-clipboard{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#f1edff;border-top:2px solid #7450b5;border-bottom:1px solid #d9cdef}.booking-clipboard>div{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.booking-clipboard strong{font-size:12px;color:#4f347f}.booking-clipboard span{font-size:10px;color:#6d5b89;line-height:1.5}.booking-clipboard .secondary{padding:6px 8px;font-size:10px}.schedule-wide.compact-rows .booking-clipboard{padding:6px 9px}.schedule-wide.compact-rows .booking-clipboard strong{font-size:10px}.schedule-wide.compact-rows .booking-clipboard span{font-size:9px}
.form-group .inline-check{display:flex;justify-content:flex-start;align-items:flex-start;gap:9px;font-weight:500;line-height:1.6}.form-group .inline-check input[type=checkbox]{width:18px;min-width:18px;height:18px;flex:0 0 18px;margin:2px 0 0}
.people-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.people-toolbar .segmented button{padding:9px 15px;font-weight:700}.people-toolbar input{min-width:260px}.team-card.person-status-active{border-top:4px solid #087d38}.team-card.person-status-inactive{border-top:4px solid #ffbd13;background:#fffdf6}.person-status-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:15px}.person-actions{margin-top:17px;padding-top:13px;border-top:1px solid #e1e7e3}.person-actions .secondary{font-size:10px;padding:8px 10px}.delete-person-button{color:#a33232;margin-left:auto}.staff-history-banner{display:flex;gap:15px;align-items:center;padding:10px 12px;background:#fff3d3;border-bottom:1px solid #e7c76a}.staff-history-banner>div{display:flex;flex-direction:column;gap:4px;flex:1}.staff-history-banner strong{font-size:12px;color:#654700}.staff-history-banner span{font-size:10px;color:#80631f}.staff-history-banner .secondary{font-size:10px;padding:6px 9px}#schedule-person-scope{max-width:190px}.schedule-wide.compact-rows .staff-history-banner{padding:6px 9px}.schedule-wide.compact-rows .staff-history-banner strong{font-size:11px}.schedule-wide.compact-rows .staff-history-banner span{font-size:9px}.schedule-wide.compact-rows #schedule-person-scope{font-size:10px;max-width:170px}.team-card .team-meta{overflow-wrap:anywhere}@media(max-width:700px){.people-toolbar{gap:10px}.people-toolbar .segmented{width:100%}.people-toolbar .segmented button{flex:1;padding:8px 10px}.people-toolbar input{width:100%;min-width:0}.staff-history-banner{align-items:flex-start;gap:7px}.staff-history-banner .secondary{max-width:105px}.schedule-wide.compact-rows #schedule-person-scope{max-width:135px;font-size:9px}}
.coverage-radius{display:flex;flex-direction:column;gap:6px;background:#edf5ef;border:1px solid #cadfce;border-radius:7px;padding:13px}.coverage-radius strong{font:800 23px system-ui;color:#245d43}.coverage-radius span{font-size:11px;color:#587461}input[name=postcode]{text-transform:uppercase;letter-spacing:1px}

/* Staff participation and row ordering */
[data-allocation-person][hidden]{display:none!important}.staff-drag-handle{border:0;background:transparent;color:#657d74;padding:0 2px;min-width:14px;font-size:20px;cursor:grab;touch-action:none}.staff-drag-handle:active{cursor:grabbing}.person.staff-order-target{background:#e1f0e8;box-shadow:inset 0 0 0 2px #276452}.staff-drag-handle:focus-visible{outline:2px solid #276452}