/* Beta 3 tokens and components. Scoped to .b3 so the classic UI is unaffected. */
.b3{--b3-bg:#f6f7f8;--b3-surface:#fff;--b3-ink:#000;--b3-muted:#000;--b3-line:#e7e9ed;--b3-accent:#107e78;--b3-soft:#edf6f4;--b3-radius:14px;--b3-sidebar:218px;margin:0;background:var(--b3-bg);color:var(--b3-ink);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.5}
.b3 *{box-sizing:border-box}.b3 button,.b3 input{font:inherit}.b3 button,.b3 a{touch-action:manipulation}.b3 a{text-decoration:none}.b3 :focus-visible{outline:3px solid #107e78;outline-offset:3px}.b3 [hidden]{display:none!important}.b3-skip{position:fixed;top:-80px;left:12px;z-index:2000;padding:12px;background:white;color:#107e78}.b3-skip:focus{top:12px}
.b3-sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;width:var(--b3-sidebar);padding:26px 15px 16px;border-right:1px solid var(--b3-line);background:#fafafa;overflow-y:auto}.b3-brand{display:flex;align-items:center;gap:10px;padding:0 5px}.b3-brand-mark{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:10px;background:#107e78;color:white;font-weight:750;letter-spacing:-1px}.b3-brand-name{font-size:17px;font-weight:650}.b3-brand-name small{display:block;font-size:15px;font-weight:450;color:var(--b3-muted);letter-spacing:.01em}.b3-collapse{align-self:flex-end;display:grid;place-items:center;width:30px;height:30px;margin:14px 0 10px;border:1px solid var(--b3-line);border-radius:7px;background:white;color:var(--b3-muted);cursor:pointer}.b3-create{display:flex;justify-content:center;align-items:center;gap:10px;min-height:40px;border:1px solid #bbd7d3;border-radius:9px;color:#106b65;font-weight:600;background:#fff}.b3-nav-label{margin:25px 13px 8px;color:#000;font-size:15px;font-weight:550;letter-spacing:.07em;text-transform:uppercase}.b3-nav-link{display:flex;align-items:center;gap:13px;min-height:42px;margin:3px 0;padding:10px 13px;border-radius:9px;color:#000;font-weight:500;white-space:nowrap}.b3-nav-link i{width:17px;font-size:15px;text-align:center;color:#000}.b3-nav-link:hover{background:#f0f1f3;color:#000}.b3-nav-link.is-active{background:#e8efed;color:#126a64}.b3-nav-link.is-active i{color:#107e78}.b3-sidebar-bottom{margin-top:auto;padding-top:40px}.b3-profile{display:flex;gap:9px;align-items:center;border-top:1px solid var(--b3-line);padding:17px 3px 0;margin-top:15px}.b3-avatar{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border-radius:50%;background:#e6e9e5;color:#000;font-weight:650}.b3-profile-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600}.b3-profile-name small{display:block;font-size:15px;color:var(--b3-muted);font-weight:400}.b3-profile>a{color:#000}
.b3-workspace{margin-left:var(--b3-sidebar);min-width:0}.b3-topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 30px;border-bottom:1px solid var(--b3-line);background:#fff}.b3-breadcrumb{display:flex;align-items:center;gap:14px;color:#000;font-size:15px;white-space:nowrap}.b3-breadcrumb strong{font-weight:500;color:#000}.b3-badge{padding:3px 7px;border:1px solid #e5e7eb;border-radius:5px;background:#fafafa;color:#000;font-size:15px}.b3 .b3-search{width:300px;max-width:45%;margin:0;flex:none}.b3 .b3-search input{height:38px;min-height:38px;border:1px solid var(--b3-line);border-radius:9px;background:#fafafa;font-size:15px;box-shadow:none}.b3 .header-order-search__results{z-index:60}.b3-main{padding:26px 30px 30px;max-width:2200px;margin:auto}.b3-page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.b3 h1{margin:0;font-size:27px;font-weight:600;letter-spacing:-.8px}.b3-page-heading p{margin:3px 0 0;color:var(--b3-muted);font-size:15px}.b3-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:8px 14px;border:1px solid var(--b3-accent);border-radius:8px;background:var(--b3-accent);color:#fff;font-size:15px;font-weight:550;cursor:pointer;white-space:nowrap}.b3-button:hover{filter:brightness(.95)}.b3-button--quiet{background:white;border-color:#dfe3e7;color:#000}.b3-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:26px;border:1px solid var(--b3-line);border-radius:var(--b3-radius);background:#fff}.b3-metric{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:21px 23px}.b3-metric+.b3-metric{border-left:1px solid var(--b3-line)}.b3-metric>span{color:#000;font-size:15px}.b3-metric strong{grid-column:2;grid-row:1/3;font-size:29px;font-weight:550;letter-spacing:-1px;font-variant-numeric:tabular-nums}.b3-metric small{color:#000;font-size:15px}.b3-metric--attention strong{color:#ad6b27}
.b3-diary-toolbar,.b3-date-nav,.b3-toolbar-actions,.b3-date-picker{display:flex;align-items:center;gap:10px}.b3-diary-toolbar{justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.b3-date-nav h2{min-width:165px;margin:0;text-align:center;font-size:16px;font-weight:550;letter-spacing:-.3px}.b3-icon-button{display:grid;place-items:center;width:32px;height:34px;border:1px solid var(--b3-line);border-radius:7px;background:white;color:#000;font-size:22px}.b3-date-picker input{width:140px;min-height:38px;border:1px solid #dfe3e7;border-radius:8px;background:white;padding:5px 9px;color:#000;font-size:15px}.b3-date-picker{gap:5px}
.b3-scheduler{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:start}.b3-queue,.b3-calendar{min-width:0;background:white;border:1px solid var(--b3-line);border-radius:var(--b3-radius);overflow:hidden}.b3-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:65px;padding:17px 18px;border-bottom:1px solid var(--b3-line)}.b3-panel-heading h2{margin:0;font-size:15px;font-weight:600}.b3-panel-heading p{margin:3px 0 0;color:#000;font-size:15px}.b3-count{display:grid;place-items:center;min-width:26px;height:26px;border-radius:7px;background:#f0f3f2;color:#000;font-size:15px;font-variant-numeric:tabular-nums}
.b3 .unscheduled-panel-v31{display:block!important;padding:0!important;border:0;border-radius:0;background:white;box-shadow:none;min-width:0}.b3 .unscheduled-head{padding:14px 14px 12px;border-bottom:1px solid var(--b3-line)}.b3 .orders-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.b3 .orders-tab{justify-content:space-between;min-height:32px;padding:5px 8px;border-radius:6px;border-color:#e9ebee;background:#fff;color:#000;font-size:15px;font-weight:500;transition:none}.b3 .orders-tab.is-active{background:#edf5f3;border-color:#cfe2de;color:#126c65}.b3 .orders-tab span{height:18px;min-width:18px;font-size:15px;background:#f0f2f3;color:#000}.b3 .orders-tab.is-active span{background:#d7e9e3;color:#126c65}.b3 .unscheduled-note-filter{display:flex;align-items:center;gap:6px;margin-top:12px;color:#000;font-size:15px;font-weight:400}.b3 .unscheduled-note-filter input{accent-color:#107e78;width:13px;height:13px;margin:0}
.b3 #unscheduledLane{display:flex!important;flex-direction:column!important;gap:10px!important;max-height:620px;padding:12px!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin}.b3 #unscheduledLane>.unscheduled-job{flex:0 0 auto!important;display:flex;flex-direction:column;gap:3px;width:100%!important;min-width:0!important;max-width:none!important;min-height:0!important;height:auto!important;padding:13px!important;background:#fff;border:1px solid #e4e7eb;border-radius:9px;box-shadow:0 1px 2px #20283004;cursor:default}.b3 #unscheduledLane>.unscheduled-job:hover{border-color:#b5cfc9;transform:none;box-shadow:0 2px 6px #20283008}.b3 .unscheduled-job__heading{grid-template-columns:38px minmax(0,1fr);gap:9px}.b3 .unscheduled-job__heading .unscheduled-job__number{width:38px;height:32px;border-radius:6px;background:#f0f3f2;color:#000!important;font-weight:550;font-size:15px!important}.b3 .unscheduled-job__heading strong{font-size:15px!important;font-weight:550}.b3 .unscheduled-job__address small{font-size:15px;font-weight:400;color:#000}.b3 .unscheduled-job__property strong{padding:0;background:none;font-size:15px!important;font-weight:600}.b3 .unscheduled-job__property span{font-size:15px!important;font-weight:400}.b3 .unscheduled-job__services{margin-top:4px;color:#000;font-size:15px;font-weight:400}.b3 .suggest-staff-btn{align-self:flex-end;width:auto;min-width:66px;min-height:30px;margin-top:9px;padding:5px 13px;border:1px solid #cfe1db;border-radius:6px;background:#f4f9f7;color:#176c62;font-size:15px;font-weight:550}.b3 .unscheduled-internal-note{margin:8px 0 0;padding:7px;border:0;border-radius:5px;background:#fbf6e9;color:#866329}.b3 .unscheduled-internal-note span{font-size:15px;font-weight:400;color:#866329}.b3 .unscheduled-internal-note small{font-size:15px}.b3 .empty{font-size:15px;color:#000}
.b3-legend{display:flex;gap:11px;flex-wrap:wrap;font-size:15px;color:#000}.b3-legend span{display:flex;align-items:center;gap:4px}.b3-legend i{width:6px;height:6px;border-radius:2px;background:#7ea69c}.b3-legend i.b3-legend-manual{background:#d8bd78}.b3-legend i.b3-legend-travel{background:#9aa3b2}.b3-board-scroll{max-height:697px;overflow:auto;scrollbar-width:thin}.b3 .team-day-board{border:0;border-radius:0;min-width:calc(58px + var(--staff-count)*165px);grid-template-columns:58px repeat(var(--staff-count),minmax(165px,1fr));grid-template-rows:48px 44px repeat(var(--time-slot-count),38px);background:#edf0f2;gap:1px}.b3 .team-day-corner,.b3 .team-day-staff-head{background:#fff;font-size:15px;font-weight:550;border-top:0;z-index:12}.b3 .team-day-staff-head{border-bottom:2px solid var(--staff-colour)}.b3 .team-day-time-label{background:#fafbfc;color:#000;font-size:15px;font-weight:400;padding-top:5px}.b3 .team-day-cell{background:#fff}.b3 .team-day-cell.is-half{background:#fdfefe}.b3 .team-day-keys-cell{background:#fcfbf7}.b3 .team-day-keys-label{color:#9b854e}.b3 .team-day-event{border-radius:6px;border:1px solid color-mix(in srgb,var(--event-colour,#107e78) 25%,white);border-left:3px solid var(--event-colour,#107e78);background:color-mix(in srgb,var(--event-colour,#107e78) 11%,white);box-shadow:none;padding:7px 8px;margin:3px;min-width:0}.b3 .team-day-event strong{font-size:15px;font-weight:600;line-height:1.4;color:#000}.b3 .team-day-event span{font-size:15px;font-weight:400;line-height:1.5;color:#000}.b3 .team-day-manual-block{background:#fcf6e6;border:1px dashed #d4bd7d;border-left:3px solid #c7a64c}.b3 .team-day-travel{background:#f0f2f5;border:1px dashed #bfc7d0;border-radius:5px;color:#000;margin:3px;padding:5px 7px}.b3 .team-day-travel strong{font-size:15px;font-weight:500}.b3 .team-day-travel.is-conflict{background:#fff0eb;border-color:#d99f8c;color:#a64d39}.b3-calendar-footer{display:flex;justify-content:space-between;gap:10px;padding:11px 16px;border-top:1px solid var(--b3-line);font-size:15px;color:#000}.b3-empty{padding:18px;color:#000}.b3 .scheduler-message{margin:0}.b3 .scheduler-message.is-visible{margin:10px 16px}.b3-nav-collapsed{--b3-sidebar:74px}.b3-nav-collapsed .b3-brand-name,.b3-nav-collapsed .b3-nav-link span,.b3-nav-collapsed .b3-create span,.b3-nav-collapsed .b3-nav-label,.b3-nav-collapsed .b3-profile-name{display:none}.b3-nav-collapsed .b3-sidebar{padding-left:12px;padding-right:12px}.b3-nav-collapsed .b3-brand{padding:0;justify-content:center}.b3-nav-collapsed .b3-collapse{align-self:center}.b3-nav-collapsed .b3-nav-link{justify-content:center;padding:12px}.b3-nav-collapsed nav{margin-top:15px}.b3-nav-collapsed .b3-profile{flex-direction:column}
@media(min-width:1600px){.b3-scheduler{grid-template-columns:340px minmax(0,1fr)}}
@media(max-width:1200px){.b3{--b3-sidebar:185px}.b3-nav-collapsed{--b3-sidebar:74px}.b3-main{padding:22px 20px}.b3-topbar{padding:0 20px}.b3-metric{padding:16px 14px}.b3-metric strong{font-size:24px}.b3-scheduler{grid-template-columns:280px minmax(0,1fr)}.b3-legend{display:none}}
@media(max-width:950px){.b3-scheduler{grid-template-columns:1fr}.b3 #unscheduledLane{flex-direction:row!important;overflow-x:auto!important;max-height:260px}.b3 #unscheduledLane>.unscheduled-job{width:255px!important;min-width:255px!important}.b3 .unscheduled-head{display:flex;align-items:center;gap:15px}.b3 .orders-tabs{display:flex;flex-wrap:wrap}.b3 .unscheduled-note-filter{margin:0}.b3-metric{grid-template-columns:1fr}.b3-metric strong{grid-column:1;grid-row:auto}.b3-calendar-footer{flex-wrap:wrap}}
@media(max-width:650px){.b3{--b3-sidebar:64px}.b3-sidebar{padding:18px 8px}.b3-brand{padding:0;justify-content:center}.b3-brand-name,.b3-nav-link span,.b3-create span,.b3-nav-label,.b3-profile-name,.b3-collapse{display:none}.b3-create{margin-top:23px}.b3-nav-link{justify-content:center;padding:12px}.b3-sidebar nav{margin-top:15px}.b3-profile{flex-direction:column}.b3-topbar{height:auto;min-height:64px;padding:12px;flex-wrap:wrap;gap:10px}.b3 .b3-search{width:100%;max-width:100%}.b3-breadcrumb{font-size:15px;gap:9px}.b3-main{padding:20px 12px}.b3 h1{font-size:23px}.b3-page-heading{align-items:flex-start}.b3-page-heading>.b3-button{font-size:15px;padding:8px}.b3-metrics{grid-template-columns:1fr 1fr;margin-bottom:18px}.b3-metric:nth-child(3){border-left:0}.b3-metric:nth-child(n+3){border-top:1px solid var(--b3-line)}.b3-metric{padding:12px}.b3-metric small{font-size:15px}.b3-date-nav{gap:5px;width:100%;flex-wrap:wrap}.b3-date-nav h2{min-width:0;flex:1;font-size:15px}.b3-toolbar-actions{flex-wrap:wrap;gap:8px}.b3 .unscheduled-head{display:block}.b3 .unscheduled-note-filter{margin-top:12px}.b3 .orders-tabs{display:grid}.b3-panel-heading{padding:14px}.b3-calendar-footer{font-size:15px}.b3-sidebar-bottom{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.b3 *,.b3 *::before,.b3 *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.b3 .unscheduled-panel{position:static;max-height:none;overflow:visible}.b3 .team-day-board{overflow:visible}.b3 .team-day-corner{position:sticky;top:0;left:0;z-index:14}.b3 .team-day-time-label{position:sticky;left:0;z-index:8}
/* Page title and actions share a persistent top bar across Beta 3 pages. */
.b3-icon{display:inline-block;flex:0 0 auto;vertical-align:middle;width:18px;height:18px}
.b3-nav-link>.b3-icon{color:#000}.b3-nav-link.is-active>.b3-icon{color:#107e78}
.b3-topbar{position:sticky;top:0;z-index:40;min-height:72px;height:auto;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;gap:12px}
.b3-breadcrumb h1{margin:0;font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.3px;color:var(--b3-ink)}
.b3-header-tools{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:1;min-width:0}
.b3 .b3-header-tools .b3-search{width:260px;max-width:100%;flex:0 1 260px}
.b3-page-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}
.b3-main{scroll-margin-top:140px}.b3-profile>a{display:grid;place-items:center;min-width:28px;min-height:30px}
@media(max-width:1100px){.b3-header-tools{gap:10px}.b3 .b3-header-tools .b3-search{width:210px;flex-basis:210px}}
@media(max-width:850px){.b3-header-tools{flex-basis:100%;justify-content:space-between}.b3 .b3-header-tools .b3-search{flex:1;max-width:320px}}
@media(max-width:650px){.b3-topbar{padding:12px}.b3-breadcrumb h1{font-size:15px}.b3-header-tools{flex-wrap:wrap}.b3 .b3-header-tools .b3-search{width:100%;max-width:none;flex-basis:100%;order:2}.b3-page-actions{width:100%}.b3-page-actions .b3-button{flex:1;font-size:15px;padding:7px 9px}.b3-page-actions .b3-icon{width:15px;height:15px}}

/* Actual brand asset and high-contrast secondary text. */
.b3-brand-logo{display:block;flex:0 0 auto;width:35px;height:35px;object-fit:contain}
.b3 .unscheduled-job__property span,
.b3 .unscheduled-job__address small,
.b3 .team-day-event span,
.b3 .header-order-search__results small{color:#000!important;opacity:1}
.b3 input::placeholder,.b3 textarea::placeholder{color:#000;opacity:1}

/* Compact overview; its top-bar toggle remains available when hidden. */
.b3-metrics{margin-bottom:16px;border-radius:10px}
.b3-metric{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;min-height:44px}
.b3-metric>span{font-size:15px;color:#000}
.b3-metric strong{font-size:20px;line-height:1.2;letter-spacing:-.4px}
.b3-metric small{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.b3-metric{padding:9px 12px;gap:6px}.b3-metric>span{font-size:15px}.b3-metric strong{font-size:18px}}

/* Shared v3 header: consistent breadcrumb typography and search geometry. */
body.b3 .b3-breadcrumb h1{font-size:inherit!important;letter-spacing:normal}
/* Centre the search SVG independently of the surrounding text baseline. */
body.b3 .header-order-search__icon{top:50%;right:14px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:1}
body.b3 .header-order-search__icon svg{display:block;width:18px;height:18px}
body.b3 .b3-search input{padding-right:44px}
@media(min-width:851px){body.b3 .b3-header-tools .b3-search{width:320px;flex:0 1 320px;min-width:300px}}
