/* Shared office workspace. The public marketing site does not load this file. */
:root{--paper:#fff;--bg:var(--op-f3f8fc,#f3f8fc);--brand:var(--op-0969ad,#0969ad);--brand-tint:var(--op-eaf5fc,#eaf5fc);--line:var(--op-dbe6ed,#dbe6ed);--muted:var(--op-587183,#587183);--ink:var(--op-173b52,#173b52)}
body{background:var(--bg);color:var(--ink)}main{min-width:0;padding:calc(28px + env(safe-area-inset-top)) calc(32px + env(safe-area-inset-right)) calc(90px + env(safe-area-inset-bottom)) calc(32px + env(safe-area-inset-left))}main.wide{max-width:1800px}.shell{min-width:0}.card{border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 14px var(--op-183f5905,#183f5905);padding:19px 21px}h1{letter-spacing:-.7px;font-size:29px}h2{letter-spacing:-.3px;font-size:22px}.page-head{gap:12px;flex-wrap:wrap}.row{flex-wrap:wrap}.row>div{min-width:0}input,select,textarea{max-width:100%;border-radius:8px!important}input:focus,select:focus,textarea:focus{outline:3px solid var(--op-84c9f666,#84c9f666);outline-offset:1px}.btn{border-radius:8px;min-height:38px}.btn.small{min-height:32px}main table{width:100%;font-size:14px}main th{text-align:left;white-space:normal}main td{overflow-wrap:anywhere}main table tr:hover td{background:var(--op-f6fbff,#f6fbff)}.sidebar{background:var(--op-103f5a,#103f5a)}.side-head{font-size:20px}.sidebar nav a{border-radius:8px;margin:2px 8px;padding:10px 12px}.sidebar nav a.on{background:#ffffff21;box-shadow:inset 3px 0 var(--op-71d5ee,#71d5ee)}.nav-label{letter-spacing:1px}.ux-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.ux-tabs button,.ux-tabs a{border:1px solid var(--op-ccdfeb,#ccdfeb);border-radius:9px;background:white;color:var(--op-35596f,#35596f);padding:10px 15px;cursor:pointer;font:600 14px inherit;text-decoration:none}.ux-tabs [aria-selected=true],.ux-tabs .on{background:var(--op-0969ad,#0969ad);color:white;border-color:var(--op-0969ad,#0969ad)}.ux-panel[hidden],[data-ux-view][hidden],.ux-crew[hidden]{display:none!important}.ux-status{padding:12px 16px;border:1px solid #99d7ba;background:#eefbf4;color:#1c6849;border-radius:10px;margin:12px 0}.ux-error{background:#fff3f1;border-color:#f0b8b0;color:#943728}.ux-form-state{font-size:13px;margin:8px 0;color:var(--op-587183,#587183)}.ux-form-state.pending{color:#8a5b0c}.ux-picker{position:relative;min-width:0}.ux-results{position:absolute;top:100%;left:0;right:0;z-index:80;background:white;border:1px solid var(--op-b9d4e5,#b9d4e5);border-radius:10px;box-shadow:0 12px 35px var(--op-11354f25,#11354f25);max-height:310px;overflow:auto;padding:5px}.ux-results[hidden]{display:none}.ux-results button{display:block;text-align:left;width:100%;border:0;background:white;padding:11px 12px;color:var(--op-173b52,#173b52);border-radius:6px;cursor:pointer}.ux-results button:hover,.ux-results button[aria-selected=true]{background:var(--op-eaf5fc,#eaf5fc)}.ux-results small{display:block;margin-top:3px;color:var(--op-587183,#587183)}.ux-results p{padding:10px;margin:0;font-size:13px}.ux-picker input{width:100%}.ux-breadcrumb{font-size:13px;margin-bottom:10px;color:var(--op-587183,#587183)}.ux-journey{display:flex;gap:8px;flex-wrap:wrap;padding:16px;background:var(--op-eaf5fc,#eaf5fc);border:1px solid var(--op-d0e5f2,#d0e5f2);border-radius:12px;margin:16px 0}.ux-journey>div{flex:1;min-width:110px;padding:8px;background:#fff;border-radius:8px}.ux-journey strong{display:block;font-size:12px;color:var(--op-45697f,#45697f)}.ux-journey span,.ux-journey a{font-size:13px;display:block;margin-top:7px}.ux-drawer{border:1px solid var(--op-b9d4e5,#b9d4e5);border-radius:16px;width:min(540px,calc(100vw - 30px));max-height:85vh;padding:25px;color:var(--op-173b52,#173b52);box-shadow:0 25px 100px var(--op-15384f44,#15384f44)}.ux-drawer::backdrop{background:var(--op-173b5255,#173b5255)}.ux-drawer .ux-journey{padding:10px}.ux-drawer-head{display:flex;justify-content:space-between;gap:15px}.ux-drawer-head button{background:white;border:1px solid var(--op-bfd5e3,#bfd5e3);border-radius:7px;padding:8px 12px;cursor:pointer}.ux-help{background:var(--op-eaf5fc,#eaf5fc);padding:15px 18px;border-radius:12px;margin:15px 0}.ux-empty{padding:30px 20px;text-align:center;background:var(--op-f4faff,#f4faff);border-radius:12px}.ux-due{font-size:13px;color:#8c5e11}.ux-task-files{list-style:none;padding:0}.ux-task-files li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--op-e1ecf2,#e1ecf2);padding:9px 0}.ux-task-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:15px}.ux-task-edit{margin-top:12px}.ux-task-card h2{font-size:18px;margin:8px 0}.ux-table-wrap{overflow-x:auto;max-width:100%}.lanes{overflow-x:auto;max-width:100%}.disp-split{grid-template-columns:1fr!important}.disp-map-col{position:static!important}.disp-split .disp-crews{min-width:0}.lane-block:focus-visible{outline:3px solid var(--op-0b65a0,#0b65a0);z-index:5}.lane-block{min-height:32px}.lane-head{min-width:150px}.ux-crew h3 .hint{display:block;font-size:12px;margin-top:4px}.disp-stop{padding:14px 0!important;gap:9px;flex-wrap:wrap}.ux-tabs-route{align-items:center}.ux-tabs-route label{margin-left:auto;font-size:13px}.ux-tabs-route select{width:auto;max-width:240px}.ux-selection-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ux-task-summary{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.settings-split{grid-template-columns:230px minmax(0,1fr)!important}.settings-split>div:first-child{position:static!important}#settingsNav button{display:block;text-align:left;width:100%;margin-bottom:6px;border:0;background:var(--op-eff7fc,#eff7fc);padding:12px;border-radius:8px;color:var(--op-173b52,#173b52);cursor:pointer}.ux-form-error-summary{padding:12px;color:#963626;background:#fff0ee;border-radius:8px;margin:12px 0}
@media(max-width:900px){main{padding:calc(20px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(85px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left))}.settings-split{grid-template-columns:1fr!important}.settings-split>div:first-child{position:static!important}.disp-controls{grid-template-columns:1fr!important}.ux-inbox-split{display:block!important}.ux-inbox-split>div+div{margin-top:15px}}
@media(max-width:600px){main{width:100%;padding:calc(14px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(90px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.card{padding:15px 14px}.row{gap:12px}.row>div{flex-basis:100%;min-width:0!important}.btn{min-height:44px}.btn.small{min-height:38px}.page-head h1{width:100%;margin-bottom:0}main h1{font-size:25px}.ux-responsive thead{display:none}.ux-responsive tr:first-child:has(th){display:none}.ux-responsive tr{display:block;margin:12px 0;padding:10px;background:white;border:1px solid var(--line);border-radius:10px}.ux-responsive td{display:flex;justify-content:space-between;gap:14px;border:0;padding:8px;text-align:right}.ux-responsive td:before{content:attr(data-label);font-weight:600;color:var(--op-587183,#587183);text-align:left;flex:0 0 33%}.ux-responsive td[colspan]{display:block;text-align:left}.ux-responsive td[colspan]:before{display:none}.ux-tabs{gap:6px}.ux-tabs button{padding:10px 12px}.ux-tabs-route label{margin-left:0;width:100%}.ux-journey>div{flex:1 1 42%}.disp-toolbar>form{max-width:100%}.disp-toolbar input{max-width:100%}.th-row>.avatar{display:none}.th-row span{flex-wrap:wrap}#spLauncher{bottom:calc(15px + env(safe-area-inset-bottom))!important;right:calc(12px + env(safe-area-inset-right))!important}.ux-drawer{padding:18px}}

.ux-weekstrip>*{min-width:0}.ux-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ux-overview a{display:block;padding:18px;background:var(--op-edf7fd,#edf7fd);border:1px solid var(--op-d3e7f3,#d3e7f3);border-radius:12px;text-decoration:none}.ux-overview strong{display:block;font-size:22px;margin:5px 0}@media(max-width:600px){.ux-weekstrip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important}.ux-weekstrip>a{padding:8px!important}.ux-weekstrip .badge{display:none}.ux-weekstrip span{flex-wrap:wrap}.ux-overview{grid-template-columns:1fr}main .card>div[style*="display:flex"]{flex-wrap:wrap}}

/* Local palette and navigation refinement. Color identifies work, not decoration. */
:root{--paper:#fff;--bg:var(--op-f6f8fb,#f6f8fb);--brand:var(--op-176ac1,#176ac1);--brand-tint:var(--op-edf4ff,#edf4ff);--brand-deep:var(--op-19466e,#19466e);--ink:var(--op-203c53,#203c53);--muted:var(--op-61758a,#61758a);--line:var(--op-dde6ef,#dde6ef);--ok:#28745b;--ok-bg:#eaf7f0;--amber:#885b18;--amber-bg:#fff4dd;--danger:#a53d57;--danger-bg:#fff0f3}
body{background:var(--bg)}main{background:var(--bg)}main>.card,main .card{box-shadow:0 3px 14px var(--op-23466305,#23466305);border-color:var(--op-dce6ee,#dce6ee);border-radius:13px}main h1{letter-spacing:-.035em}main h2,main h3{color:var(--op-23475f,#23475f)}
.sidebar{background:#fff;color:var(--op-203c53,#203c53);border-right:1px solid var(--op-dce6ee,#dce6ee);width:230px}.sidebar .side-head a{color:var(--op-173c59,#173c59)}.sidebar .side-head{padding-top:25px;padding-bottom:24px}.sidebar .side-head svg{stroke:var(--op-168ba7,#168ba7)}.sidebar .side-toggle{color:var(--op-486b86,#486b86);background:var(--op-edf4fa,#edf4fa)}.sidebar nav{padding:0 10px;gap:3px;flex:0}.sidebar nav a,.sidebar nav summary{color:var(--op-405d75,#405d75);font-size:13px;font-weight:550}.sidebar nav a{margin:0;padding:9px 10px;min-height:41px;display:flex;align-items:center;gap:9px;border-radius:9px}.sidebar nav a:hover,.sidebar nav summary:hover{background:var(--op-f1f6fb,#f1f6fb)}.sidebar nav a.on{color:var(--op-135ca2,#135ca2);background:var(--op-eaf3ff,#eaf3ff);box-shadow:none;font-weight:650}.sidebar nav .nav-badge{background:var(--op-edf2f7,#edf2f7)!important;color:var(--op-4d657a,#4d657a);font-size:11px;border-radius:5px;min-width:21px;text-align:center;padding:2px 5px}.sidebar nav a.on .nav-badge{background:var(--op-d4e6fa,#d4e6fa)!important;color:var(--op-204f7a,#204f7a)}
.ux-tone-blue{--ux-tone:var(--op-226ca8,#226ca8);--ux-wash:var(--op-e9f2fd,#e9f2fd)}.ux-tone-aqua{--ux-tone:var(--op-217b79,#217b79);--ux-wash:var(--op-e2f4ef,#e2f4ef)}.ux-tone-amber{--ux-tone:#936223;--ux-wash:#fff2dc}.ux-tone-coral{--ux-tone:#a75b40;--ux-wash:#fff0e8}.ux-tone-slate{--ux-tone:var(--op-64798d,#64798d);--ux-wash:var(--op-edf2f6,#edf2f6)}
.sidebar nav>.ux-nav-item>svg,.ux-nav-group>summary>svg{color:var(--ux-tone);background:var(--ux-wash);width:29px;height:29px;padding:6px;border-radius:8px;box-sizing:border-box;flex-shrink:0}.ux-nav-group{margin:0}.ux-nav-group>summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;padding:7px 10px;min-height:41px;border-radius:9px}.ux-nav-group>summary::-webkit-details-marker{display:none}.ux-nav-group>summary:after{content:'›';margin-left:auto;font-size:18px;color:var(--op-8b9dad,#8b9dad)}.ux-nav-group[open]>summary:after{transform:rotate(90deg)}.ux-nav-group[open]>summary{color:var(--op-203f59,#203f59);background:var(--op-f6f9fc,#f6f9fc)}.ux-nav-group>div{margin:4px 0 9px 24px;padding-left:8px;border-left:1px solid var(--op-dbe5ee,#dbe5ee)}.sidebar nav .ux-nav-group>div>a{padding:7px 9px;font-size:12px;min-height:35px}.sidebar nav .ux-nav-group>div>a>svg{width:15px;height:15px;color:var(--op-8293a4,#8293a4)}.ux-nav-utilities{border-top:1px solid var(--op-e3ebf2,#e3ebf2);padding-top:10px;margin-top:14px}.sidebar nav .ux-nav-edit{font-size:11px}.side-foot{margin-top:auto;color:var(--op-405d75,#405d75);border-top:1px solid var(--op-e2eaf1,#e2eaf1);padding:14px 16px}.side-foot a{color:var(--op-4d6b82,#4d6b82);display:block;padding:7px 0}.ux-account-menu>summary{cursor:pointer;font-weight:650;color:var(--op-244d6b,#244d6b);font-size:13px}.ux-account-menu>summary>span{display:block;font-weight:400;color:var(--op-617584,#617584);font-size:11px;margin:5px 0 0 14px}.ux-account-menu>div{padding:8px 0 0 13px}.side-foot .nav-badge{background:var(--op-edf2f7,#edf2f7);color:var(--op-536e83,#536e83)}
.ux-page-title{display:flex;align-items:center;gap:12px;margin:0 0 20px}.ux-page-title>svg{width:39px;height:39px;padding:9px;background:var(--op-e5f1ff,#e5f1ff);color:var(--op-286da9,#286da9);border-radius:11px;flex:none}.ux-page-title h1{margin:0}.ux-page-title small{display:block;color:var(--op-698096,#698096);font-size:12px;letter-spacing:0;margin-top:5px}.ux-tabs button,.ux-tabs a{border-color:var(--op-dbe5ee,#dbe5ee);border-radius:8px;color:var(--op-536c82,#536c82)}.ux-tabs [aria-selected=true],.ux-tabs .on{background:var(--op-e5effd,#e5effd);color:var(--op-185a96,#185a96);border-color:var(--op-c9dcef,#c9dcef);box-shadow:inset 0 -2px var(--op-5793c8,#5793c8)}.ux-picker input:focus{border-color:var(--op-5597cd,#5597cd)}.ux-journey{background:var(--op-edf5ff,#edf5ff);border-color:var(--op-d5e5f4,#d5e5f4)}.ux-journey>div{border-top:3px solid var(--op-72a6d3,#72a6d3)}.ux-journey>div:nth-last-child(-n+2){border-top-color:var(--op-73b3a5,#73b3a5)}.ux-task-card{border-top:3px solid #d0b27b!important}.ux-overview a:nth-child(1){background:var(--op-edf2fc,#edf2fc)}.ux-overview a:nth-child(2){background:var(--op-eaf6f2,#eaf6f2)}.ux-overview a:nth-child(3){background:#fff5e5}.roster-chip:has(input:checked){background:var(--op-e7f5f0,#e7f5f0);border-color:var(--op-b9ded0,#b9ded0)!important;color:var(--op-2d6256,#2d6256)}.disp-toolbar{background:var(--op-eaf3fd,#eaf3fd);border:1px solid var(--op-cddff0,#cddff0);border-radius:13px;padding:16px!important}.disp-toolbar .btn.ghost{background:#ffffffb8}.disp-controls>.card:first-child{border-top:3px solid var(--op-76b5a6,#76b5a6)}.disp-controls>.card:last-child{border-top:3px solid var(--op-93afd0,#93afd0)}.ux-crew{border-left:4px solid var(--op-77a9d4,#77a9d4)!important}.ux-crew:nth-of-type(even){border-left-color:var(--op-75b5a6,#75b5a6)!important}.ux-inbox-split .card{border-color:var(--op-dce8ed,#dce8ed)}#settingsNav button{background:var(--op-f0f5fa,#f0f5fa);border-left:3px solid transparent}#settingsNav button[aria-pressed=true]{background:var(--op-e7f1fe,#e7f1fe);border-left-color:var(--op-5592ca,#5592ca);color:var(--op-1e5991,#1e5991)}.ux-task-summary .badge.pending{background:#fff2dc;color:#875c22}.ux-task-summary .badge.ok{background:#e4f5ed;color:#2d715a}
@media(max-width:900px){.sidebar{width:215px}.sidebar nav a,.sidebar nav summary{font-size:12px}}
@media(max-width:760px){.sidebar,.sidebar.open{width:100%;height:auto;position:static}.ux-page-title{margin:0 0 16px}.disp-toolbar{padding:12px!important}.sidebar .side-foot{margin-top:15px}.ux-page-title small{font-size:11px}}

/* Splash's own working palette: pool blue, aqua and warm sand. */
body,main{background:var(--op-f7faf9,#f7faf9)}.sidebar{background:#fcfefd}.ux-page-title>svg{background:var(--op-dff4f0,#dff4f0);color:var(--op-18796f,#18796f)}.ux-page-title p{margin:5px 0 0;color:var(--op-647e85,#647e85);font-size:13px}.disp-toolbar{background:linear-gradient(110deg,var(--op-e8f6f4,#e8f6f4),var(--op-edf5fe,#edf5fe));border-color:var(--op-c9e3e3,#c9e3e3)}.ux-tabs [aria-selected=true],.ux-tabs .on{background:var(--op-dff2f0,#dff2f0);color:var(--op-1c6765,#1c6765);border-color:var(--op-bcdbd7,#bcdbd7);box-shadow:inset 0 -2px var(--op-379b91,#379b91)}.ux-overview a:nth-child(1){background:var(--op-eaf4ff,#eaf4ff)}.ux-overview a:nth-child(2){background:var(--op-e5f5f0,#e5f5f0)}.ux-journey{background:var(--op-edf7f5,#edf7f5);border-color:var(--op-cfe4df,#cfe4df)}.ux-task-card{border-top-color:#e0b364!important}.ux-account-menu{background:#f0f7f4;border:1px solid #dceae3;border-radius:10px;padding:12px}.sidebar .side-head a{font-size:20px}.ux-page-title{padding-bottom:16px;border-bottom:1px solid var(--op-dfeae6,#dfeae6)}.sidebar nav .ux-nav-group>div>a.on{background:var(--op-e5f4f0,#e5f4f0);color:var(--op-226d61,#226d61)}

.ux-overview{margin-bottom:14px}

.ux-record-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:12px 0 20px}.ux-record-facts dt{color:var(--muted);font-size:12px;margin-bottom:4px}.ux-record-facts dd{margin:0;overflow-wrap:anywhere;font-weight:600}.ux-record-facts+details>summary{margin-bottom:12px}@media(max-width:600px){.ux-record-facts{grid-template-columns:1fr}}

.ux-task-record{padding:0!important;margin-bottom:8px}.ux-task-pick{padding:15px 18px;cursor:pointer}.ux-task-pick>strong{font-size:16px}.ux-task-pick .ux-task-summary{display:flex;flex-wrap:wrap;margin-top:8px;gap:8px}.ux-task-body{padding:0 18px 18px;border-top:1px solid var(--line)}.ux-task-record[open]{border-color:var(--op-b9d6e3,#b9d6e3)}

/* Account controls stay usable inside the phone record layout. */
@media(max-width:600px){
 .accounts-table td input,.accounts-table td select{min-width:0!important;width:0!important;flex:1}
 .accounts-table td.account-actions{flex-wrap:wrap;justify-content:flex-start;white-space:normal!important;gap:8px}
 .accounts-table td.account-actions:before{display:none}
}
/* Readiness actions must honor hidden even when shared button styles set display. */
[data-stripe-readiness] [hidden]{display:none!important}

/* Approved pressable optional help. The explanation occupies page space. */
.press-help-heading { display:flex; align-items:center; gap:4px; }
.press-help-heading > label { margin:0; }
button.press-help-toggle { flex:0 0 44px; width:44px; height:44px; min-height:44px; padding:0; border:0; background:transparent; color:var(--brand); box-shadow:none; cursor:pointer; display:inline-grid; place-items:center; }
button.press-help-toggle > [aria-hidden] { display:grid; place-items:center; width:21px; height:21px; border:1.5px solid currentColor; border-radius:50%; font:bold 14px Georgia,serif; }
button.press-help-toggle:focus-visible { outline:3px solid var(--brand); outline-offset:2px; border-radius:8px; }
.press-help-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.press-help-panel { padding:12px 14px; border-radius:10px; background:var(--op-e8f4f8,#e8f4f8); border:1px solid var(--op-b0d3e3,#b0d3e3); color:var(--ink); font-size:14px; line-height:1.5; margin:8px 0 16px; overflow-wrap:anywhere; }
button.press-help-toggle[hidden], .press-help-panel[hidden] { display:none; }
/* Quiet visit clock line in the Dispatch job drawer. */
.ux-visit-timing{display:flex;flex-wrap:wrap;gap:5px 18px;margin:12px 0 15px;padding:10px 0;border-block:1px solid var(--op-dce8e7,#dce8e7);color:var(--op-3b6770,#3b6770);font-size:13px}
.ux-visit-timing span{display:block}
