/* Stable shared geometry; service-specific work stays inside the workspace. */
html{scrollbar-gutter:stable;scroll-behavior:auto;max-width:100%;overflow-x:clip}body{overflow-y:scroll;max-width:100%;overflow-x:clip}.masthead,.people-area .masthead,.calendar-view .masthead{display:grid;grid-template-columns:minmax(160px,1fr) minmax(230px,420px) minmax(220px,280px) 48px;grid-template-areas:"brand search business account";gap:24px;max-width:1464px;padding:22px 32px;margin:auto;min-height:106px}.wordmark{grid-area:brand;min-width:0}.masthead .wordmark b{white-space:nowrap}.masthead .command{grid-area:search;min-width:0;width:100%;margin:0}.masthead .business-switch{grid-area:business;width:100%;min-width:0;display:block}.masthead .business-switch>span:not(.choice){display:none}.masthead .business-switch .choice-button{height:54px;min-height:54px}.masthead .avatar{grid-area:account;width:48px;height:48px;min-width:48px}.masthead .find-toggle{display:none;grid-area:find}#navigation{max-width:1464px;width:100%;min-width:0;margin:0 auto;padding:0 32px;min-height:58px;display:flex;align-items:stretch;gap:6px}#navigation button{min-height:54px;flex:0 0 auto;padding:12px 20px;white-space:nowrap}#navigation button[aria-current=page]{background:#287047;border-color:#287047;color:white;box-shadow:inset 0 0 0 1px #287047}#navigation button[aria-current=page]:hover,#navigation button[aria-current=page]:active{background:#205b39;border-color:#205b39;color:white}#workspace,.people-area #workspace,.calendar-view #workspace{max-width:1464px;min-width:0;margin:0 auto;padding:24px 32px 64px;min-height:calc(100dvh - 164px);width:100%;box-sizing:border-box;overflow-x:clip}.page-heading,.people-area .page-heading,.calendar-view .page-heading{position:static;clip-path:none;overflow:visible;display:flex;align-items:center;justify-content:space-between;gap:24px;width:auto;height:auto;min-height:70px;margin:0 0 20px;padding:0}.page-heading h1{font-size:28px;line-height:1.2;margin:0 0 6px;letter-spacing:-.04em}.page-heading p{margin:0;font-size:15px}.subnav{min-height:54px;margin-bottom:20px}.subnav button{min-height:50px}.wordmark b{font-size:21px}.wordmark span{font-size:12px}input:not([type=checkbox]):not([type=radio]),select:not(.choice-native),.choice-button{min-height:50px;font-size:16px}button,input,textarea,select{font-family:Arial,Helvetica,sans-serif}input[type=checkbox],input[type=radio]{min-width:24px;min-height:24px}#workspace[aria-busy=true]{cursor:progress}#workspace[aria-busy=true]> :not(.reading-state){opacity:.92}.work-list,.table-shell{min-width:0;max-width:100%}.editor-head h1{font-size:25px}.editor-head,.editor-footer{flex-shrink:0}dialog[open]{overscroll-behavior:contain}.editor-footer{min-height:78px}.editor-footer button{min-height:50px}.sign-in-entry{min-height:100dvh;background:var(--paper)}.sign-in-entry .public-wrap{width:100%;max-width:none;min-height:100dvh;margin:0;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom);display:grid;place-items:center}.sign-in-entry .sign-in-screen{width:min(100%,360px);margin:0 0 70px;text-align:center}.sign-in-entry .sign-in-brand{display:block;margin:0 0 28px;font:650 20px/1.5 Arial,Helvetica,sans-serif;letter-spacing:-.035em;text-decoration:none;color:var(--ink)}.sign-in-entry .sign-in-screen h1{font:500 24px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.03em;margin:0 0 30px}.sign-in-entry .zettabit-sign-in{display:flex;align-items:center;justify-content:center;gap:14px;min-height:54px;width:100%;padding:12px 18px;margin:0;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:white;text-decoration:none;font:600 16px/1.4 Arial,Helvetica,sans-serif}.sign-in-entry .zettabit-sign-in:hover{background:#394147}.sign-in-entry .zettabit-mark{display:inline-grid;place-items:center;font-size:25px;font-weight:700;line-height:1;width:24px}.sign-in-entry .sign-in-note{margin:20px 0 0;font-size:14px;line-height:1.5}.sign-in-entry a:focus-visible{outline:3px solid #a34529;outline-offset:4px}
@media(min-width:701px) and (max-width:1100px){.masthead,.people-area .masthead,.calendar-view .masthead{grid-template-columns:1fr minmax(230px,300px) 48px;grid-template-areas:"brand business account" "search search search";gap:16px;min-height:164px}.masthead .command{display:flex}#workspace,.people-area #workspace,.calendar-view #workspace{min-height:calc(100dvh - 222px)}}
@media(max-width:700px){.masthead,.people-area .masthead,.calendar-view .masthead{grid-template-columns:minmax(0,1fr) 44px 44px;grid-template-areas:"brand find account" "business business business";gap:12px;padding:calc(16px + env(safe-area-inset-top)) 18px 16px;min-height:156px}.masthead .find-toggle{display:inline-flex;min-height:44px;min-width:44px}.masthead .avatar{width:44px;min-width:44px;height:44px}.masthead .wordmark b{font-size:20px}.masthead .command{display:none}.find-open .masthead{grid-template-areas:"brand find account" "business business business" "search search search"}.find-open .masthead .command{display:flex}#navigation{padding:0 18px;overflow-x:auto;overscroll-behavior-x:contain;min-height:54px;gap:2px}#navigation button{padding:12px 14px;font-size:15px;min-height:50px}#workspace,.people-area #workspace,.calendar-view #workspace{padding:20px 18px 48px;min-height:calc(100dvh - 210px)}.page-heading,.people-area .page-heading{min-height:76px;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.page-heading h1{font-size:25px}.page-heading .row-actions{width:100%}.subnav{min-height:50px;gap:4px;overflow-x:auto;flex-wrap:nowrap}.subnav button{flex-shrink:0;padding:10px 14px}.sign-in-entry .sign-in-screen{margin-bottom:56px}}
@media print{.masthead,#navigation{display:none!important}#workspace{max-width:none;padding:0!important}}

/* One persistent, touch-safe work-area rail across all staff sections. */
#navigation{position:sticky;top:0;z-index:20;min-height:56px;background:#f6f4ef;border-bottom:1px solid #d9ded5;scrollbar-width:none}
#navigation::-webkit-scrollbar{display:none}
#navigation :is(button,a.workspace-link){display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid transparent;border-radius:7px;background:transparent;color:#27372d;text-decoration:none;white-space:nowrap}
#navigation :is(button,a.workspace-link)[aria-current=page]{background:#287047!important;border-color:#287047!important;color:#fff!important;box-shadow:inset 0 0 0 1px #287047!important}
#navigation :is(button,a.workspace-link)[aria-current=page]:is(:hover,:active){background:#205b39!important;border-color:#205b39!important;color:#fff!important}
#workspace,.masthead,#navigation{box-sizing:border-box}
#workspace{min-width:0;overflow-x:clip}
#workspace :is(.page-heading,.section-head,.toolbar,.sales-toolbar,.stock-controls,.subnav){min-width:0}
#workspace .page-heading{min-height:76px;margin-bottom:14px;align-items:center}
#workspace .page-heading>.row-actions{flex:0 0 auto}
#workspace :is(.toolbar,.sales-toolbar){min-height:68px;align-items:end}
#workspace :is(.toolbar,.sales-toolbar)>button{min-height:44px}
@media(max-width:700px){
 #navigation{min-height:52px;padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));gap:4px;overscroll-behavior-x:contain;scroll-padding-inline:12px}
 #navigation :is(button,a.workspace-link){min-height:44px;padding:8px 13px;font-size:14px}
 #workspace[data-current-area=stock] .page-heading{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:82px 58px;align-content:start;align-items:start;gap:7px;min-height:147px;margin-bottom:12px}
 #workspace[data-current-area=stock] .page-heading>div:first-child{grid-row:1;min-width:0}
 #workspace[data-current-area=stock] .page-heading>:not(div:first-child){grid-row:2;justify-self:start;align-self:center;margin:0}
 #workspace[data-current-area=stock] .page-heading>.row-actions{width:auto;min-height:44px;margin-left:0;align-self:center}
 #workspace[data-current-area=stock] .page-heading>:not(div:first-child):is(button,a){height:44px;min-height:44px;padding:7px 12px}
 #workspace[data-current-area=stock] .page-heading>.row-actions button{min-height:44px}
 #workspace[data-current-area=stock] .subnav{margin-bottom:10px}
 .people-area .subnav{margin-bottom:4px}
 #workspace :is(.toolbar,.sales-toolbar){min-height:0;gap:8px;padding-block:6px;margin-bottom:10px}
}

.locker-connection{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:20px}.locker-connection div{display:grid;gap:4px}.locker-connection span{font-size:14px;color:var(--muted)}.locker-connection button{flex:0 0 auto;min-height:50px}.door-inspector{min-height:410px}.door-inspector-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.door-inspector h2{font-size:23px}.door-inspector input[type=text]{width:100%;margin-top:8px}.door-inspector label{margin:20px 0;display:block}.door-inspector .checkline{display:flex}.locker-door{user-select:none;-webkit-user-select:none}.locker-door[aria-pressed=true]{outline:3px solid #a34529;outline-offset:2px}#door-result{min-height:72px;margin-top:18px;font-size:15px;line-height:1.5}@media(max-width:700px){.locker-connection{align-items:start;flex-direction:column}.locker-connection button{width:100%}.door-inspector{min-height:390px}}
.door-inspector p{margin:10px 0;line-height:1.45}.door-inspector label{margin:14px 0}.door-inspector label:has(select){display:grid;gap:7px}.door-inspector .checkline{align-items:center;gap:10px;min-height:44px}.door-inspector .checkline input{width:24px;height:24px;min-height:24px;flex:none}.door-inspector [data-action=door-open]{width:100%;min-height:48px}.door-reconcile{display:grid;gap:9px}.door-reconcile button{min-height:48px}#door-result{min-height:56px;margin-top:12px}

/* Keep the business selector and global search on one compact, fixed-height row. */
@media(max-width:700px){
 .masthead,.people-area .masthead,.calendar-view .masthead{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;grid-template-areas:"brand brand account" "business search .";gap:7px 10px;padding:calc(10px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-left)) 10px;min-height:0}
 .masthead .wordmark{align-self:center;min-width:0}
 .masthead .wordmark b{font-size:19px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .masthead .wordmark span{font-size:11px;line-height:1.2}
 .masthead .find-toggle{display:none!important}
 .masthead .avatar{grid-area:account;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}
 .masthead .business-switch{grid-area:business;min-width:0;width:100%;margin:0;align-self:center}
 .masthead .business-switch .choice-button,.masthead .business-switch select{width:100%;height:44px;min-height:44px;padding:7px 9px;font-size:14px}
 .masthead .command{grid-area:search;display:flex!important;min-width:0;width:100%;height:44px;margin:0}
 .masthead .command input{width:100%;min-width:0;height:44px;min-height:44px;padding:8px 10px;font-size:14px}
 .masthead .command kbd{display:none}
 /* The account embed appends its own mobile masthead rules after the shared shell. */
 html[data-account-embedded] body .masthead,html[data-account-embedded] body.people-area .masthead,html[data-account-embedded] body.calendar-view .masthead{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;grid-template-areas:"brand brand account" "business search .";gap:7px 10px;padding:calc(10px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-left)) 10px;min-height:0}
 html[data-account-embedded] body .masthead .command{height:44px;min-height:44px;padding:0 7px}
 html[data-account-embedded] body .masthead .command input{height:44px;min-height:44px;padding:8px 10px}
 #workspace[data-current-area=stock] .page-heading{grid-template-rows:minmax(48px,auto) 44px;gap:4px;min-height:98px;margin-bottom:7px}
 #workspace[data-current-area=stock] .page-heading h1{font-size:23px;line-height:1.15;margin:0 0 3px}
 #workspace[data-current-area=stock] .page-heading p{font-size:13px;line-height:1.3}
 #workspace[data-current-area=stock] .subnav{display:flex;flex-wrap:nowrap;min-height:44px;gap:3px;margin:0 0 6px;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
 #workspace[data-current-area=stock] .subnav::-webkit-scrollbar{display:none}
 #workspace[data-current-area=stock] .subnav button{flex:0 0 auto;min-height:44px;padding:7px 10px;font-size:13px}
 #workspace .source-search-stock{grid-template-columns:minmax(0,1fr) auto;gap:7px;min-height:44px;padding:0;margin:0 0 5px;align-items:end}
 #workspace .source-search-stock label{min-width:0;gap:2px;font-size:11px}
 #workspace .source-search-stock label{position:relative}
 #workspace .source-search-stock .stock-search-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 #workspace .source-search-stock input{height:44px;min-height:44px;padding:7px 9px;font-size:15px}
 #workspace .source-search-stock>button{grid-column:auto;min-width:74px;min-height:44px;height:44px;padding:7px 12px}
 #source-stock-slot>.source-stamp{margin:4px 0 7px;line-height:1.3}
 #workspace :is(.toolbar,.sales-toolbar){min-height:0;padding-block:0;margin-bottom:6px}
}

/* Keep staff access readable and compact on a phone without shrinking controls. */
@media(max-width:700px){
 .access-editor .form-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 .access-editor .staff-profile-email{min-width:0;display:grid;gap:5px}
 .access-editor .access-email-composed{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}
 .access-editor .access-email-composed input{min-width:0;width:100%}
 .access-editor .access-email-domain{display:flex;align-items:center;min-height:44px;padding:0 9px;border:1px solid #d5dbd1;border-radius:6px;background:#f0f3ee;font-size:14px;white-space:nowrap}
 .access-person{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:10px 0}
 .access-person>div:nth-child(2){grid-row:2;grid-column:1/-1}
 .access-person small{line-height:1.3}
 .access-person>:is(button,a.workspace-link)[data-action="access-edit"]{align-self:center;justify-self:end;display:inline-flex;align-items:center;justify-content:center;height:44px;min-height:44px;max-height:44px;padding:0 12px;line-height:1.2;white-space:nowrap}
 .access-footer{gap:8px;margin:10px 0}
 #editor[data-kind=employee] .eyebrow{display:none}
 #editor[data-kind=employee] .form-grid{gap:12px}
 #editor[data-kind=employee] :is(input:not([type=checkbox]),.choice-button){height:46px;min-height:46px;font-size:16px;padding-block:9px}
}
#editor .staff-profile-email{display:grid;gap:5px;min-width:0}
#editor .access-email-composed{display:flex;align-items:stretch;gap:0;min-width:0}
#editor .access-email-composed input{flex:1 1 90px;min-width:0;width:100%;border-top-right-radius:0;border-bottom-right-radius:0}
#editor .access-email-domain{flex:0 1 auto;display:flex;align-items:center;max-width:62%;min-height:46px;padding:6px 8px;border:1px solid #c8cec7;border-left:0;border-radius:0 6px 6px 0;background:#edf1e9;font-size:13px;font-weight:500;overflow-wrap:anywhere}
#editor .staff-profile-email small{font-size:12px;line-height:1.4;color:#59645e}

/* Each work area starts with the same heading, section row and control rhythm. */
#workspace>.page-heading{box-sizing:border-box;min-height:78px;align-items:center;margin:0 0 12px;gap:12px}
#workspace>.page-heading h1{margin:0 0 6px;line-height:1.12}#workspace>.page-heading p{min-height:20px;margin:0;font-size:13px;line-height:20px}
#workspace>.subnav,#workspace>.workspace-sectionbar{box-sizing:border-box;display:flex;align-items:center;min-height:48px;margin:0 0 14px;border-bottom:1px solid #d7ded2;gap:8px}
.workspace-sectionbar>span{font-size:13px;font-weight:600;color:#385440;padding:10px 12px;border-bottom:2px solid #285a43;align-self:stretch;display:flex;align-items:center}
#workspace>.subnav button{min-height:44px;margin:0;border-radius:5px 5px 0 0}
#workspace :is(.source-toolbar,.sales-toolbar,.panel-toolbar,.calendar-toolbar,.scan){align-items:end;gap:10px;margin-block:0 14px}
#workspace :is(.source-toolbar,.sales-toolbar,.panel-toolbar,.calendar-toolbar,.scan) :is(input,select,button,.choice-button){min-height:44px;box-sizing:border-box}
.today-summary{padding:10px 12px;margin:0 0 14px;gap:16px;align-items:center}.today-summary>div{display:flex;align-items:baseline;gap:8px}.today-summary strong{font-size:20px;line-height:1.1}.today-summary span{font-size:12px}.today-summary>div>small{font-size:11px}
.compact-reading{min-height:64px;display:flex;align-items:center;padding:16px;color:#536157;font-size:13px}
.connection-wide{grid-column:1/-1;min-width:0}.connection-wide>.connection-grid{margin:0}.connection-grid>.card{min-width:0}
#connection-delivery{min-height:144px}#connection-outbox{min-height:90px}
.locker-connection{min-height:64px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px}
@media(max-width:760px){#workspace>.page-heading{min-height:96px}#workspace>.page-heading .row-actions{flex-wrap:wrap}#workspace>.subnav{flex-wrap:wrap;gap:4px}.today-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.today-summary>div{display:grid;gap:3px}.today-summary>button{min-height:44px}.connection-grid{grid-template-columns:minmax(0,1fr)}.page-heading button{min-height:44px}.workspace-sectionbar{min-height:44px}}

@media(min-width:1100px){.masthead{height:90px;min-height:90px;padding-block:14px;box-sizing:border-box}}

.navigation-short{display:none}
@media(max-width:760px){
 .masthead,.people-area .masthead,.calendar-view .masthead{grid-template-columns:minmax(0,1fr) 44px 44px!important;grid-template-areas:"brand find account" "business business business"!important;gap:8px!important;min-height:76px!important;height:auto!important;padding:calc(10px + env(safe-area-inset-top)) 14px 10px!important}
 .masthead .wordmark b{font-size:20px}.masthead .wordmark span{font-size:10px;line-height:14px}.masthead .command{display:none!important}
 .masthead .business-switch[hidden]{display:none!important}.masthead .find-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px!important;padding:10px}
 .find-open .masthead{grid-template-areas:"brand find account" "business business business" "search search search"!important}.find-open .masthead .command{display:flex!important;width:100%!important;max-width:none;grid-area:search!important}
 #navigation{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;box-sizing:border-box;padding:0 10px;min-height:50px;gap:2px;overflow:visible}
 #navigation button{padding:7px 3px;min-height:50px!important;min-width:0;width:100%;font-size:12px;line-height:1.2;white-space:normal;align-items:center;justify-content:center}
 .navigation-short{display:inline}.navigation-full{display:none}
}

/* Every work area shares the same fixed masthead, navigation and content origin. */
html:not([data-account-embedded]) body .masthead,html:not([data-account-embedded]) body.people-area .masthead,html:not([data-account-embedded]) body.calendar-view .masthead{grid-template-columns:minmax(160px,1fr) minmax(230px,420px) minmax(220px,280px) 48px!important;grid-template-areas:"brand search business account"!important;gap:24px!important;min-height:106px!important;height:106px!important;padding:22px 32px!important}
#workspace-product{display:none!important}
body #workspace,body.people-area #workspace,body.calendar-view #workspace{padding-top:24px!important}

.workspace-data-pending{min-height:240px;padding:24px 0;max-width:100%;contain:layout}
.workspace-skeleton-line{height:44px;margin:0 0 12px;border-radius:6px;background:#e7ebe2;opacity:.65}
.workspace-skeleton-line:nth-child(3){width:85%}.workspace-skeleton-line:nth-child(4){width:70%}
@media(min-width:701px) and (max-width:1100px){html:not([data-account-embedded]) body .masthead,html:not([data-account-embedded]) body.people-area .masthead,html:not([data-account-embedded]) body.calendar-view .masthead{grid-template-columns:1fr minmax(230px,300px) 48px!important;grid-template-areas:"brand business account" "search search search"!important;min-height:164px!important;height:164px!important;gap:16px!important}}
@media(max-width:700px){html:not([data-account-embedded]) body .masthead,html:not([data-account-embedded]) body.people-area .masthead,html:not([data-account-embedded]) body.calendar-view .masthead{grid-template-columns:minmax(0,1fr) 44px 44px!important;grid-template-areas:"brand find account" "business business business"!important;gap:12px!important;min-height:156px!important;height:156px!important;padding:calc(16px + env(safe-area-inset-top)) 18px 16px!important}html:not([data-account-embedded]) body.find-open .masthead{grid-template-areas:"brand find account" "business business business" "search search search"!important;height:auto!important;min-height:212px!important}body #workspace,body.people-area #workspace,body.calendar-view #workspace{padding-top:20px!important}}

html[data-account-embedded] body .masthead,html[data-account-embedded] body.people-area .masthead,html[data-account-embedded] body.calendar-view .masthead{grid-template-columns:minmax(230px,1fr) minmax(220px,300px)!important;grid-template-areas:"search business"!important;gap:24px!important;height:86px!important;min-height:86px!important;padding:16px 32px!important}
@media(max-width:700px){html[data-account-embedded] body .masthead,html[data-account-embedded] body.people-area .masthead,html[data-account-embedded] body.calendar-view .masthead{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"business" "search"!important;height:140px!important;min-height:140px!important;gap:12px!important;padding:14px 18px!important}}

.repair-payment-panel{display:grid;gap:20px;max-width:480px}.repair-payment-panel p{margin:0}.repair-payment-total{font-size:32px;font-weight:600}.repair-payment-status{min-height:120px}.repair-payment-panel input{width:100%;min-height:44px}.repair-payment-panel .primary{min-height:48px;white-space:nowrap;text-align:center}

.pending-estimate-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.pending-estimate-card p{margin:6px 0}.pending-estimate-card>div:last-child{display:grid;gap:12px;text-align:right}.pending-estimate-card button{min-height:44px;white-space:nowrap}@media(max-width:600px){.pending-estimate-card{align-items:flex-start;gap:12px}.pending-estimate-card>div{min-width:0}.pending-estimate-card strong{overflow-wrap:anywhere}}

.guided-checkin .flow-footer .primary{width:184px;min-height:44px;white-space:nowrap;font-size:14px}@media(max-width:600px){.guided-checkin .flow-footer .primary{width:146px}}

/* A single-business account has no empty selector row. Search opens over the
   content rather than moving the masthead, navigation or current work. */
html:not([data-account-embedded]) body .masthead:has(.business-switch[hidden]){grid-template-columns:minmax(160px,1fr) minmax(230px,420px) 48px!important;grid-template-areas:"brand search account"!important}
@media(min-width:701px) and (max-width:1100px){html:not([data-account-embedded]) body .masthead:has(.business-switch[hidden]){grid-template-columns:minmax(160px,1fr) minmax(230px,420px) 48px!important;grid-template-areas:"brand search account"!important;min-height:106px!important;height:106px!important}}
@media(max-width:700px){
 html:not([data-account-embedded]) body .masthead{position:relative}
 html:not([data-account-embedded]) body.find-open .masthead{grid-template-areas:"brand find account" "business business business"!important;min-height:156px!important;height:156px!important}
 html:not([data-account-embedded]) body .masthead:has(.business-switch[hidden]),html:not([data-account-embedded]) body.find-open .masthead:has(.business-switch[hidden]){grid-template-columns:minmax(0,1fr) 44px 44px!important;grid-template-areas:"brand find account"!important;height:76px!important;min-height:76px!important;padding:calc(10px + env(safe-area-inset-top)) 18px 10px!important}
 html:not([data-account-embedded]) body.find-open .masthead .command{position:absolute;top:calc(76px + env(safe-area-inset-top));left:18px;right:18px;width:auto!important;max-width:none;z-index:60;margin:0;box-shadow:0 8px 20px #26372d22;border-radius:6px;background:#fff}
}

@media(max-width:760px){#navigation :is(button,a.workspace-link){padding:7px 3px;min-height:50px!important;min-width:0;width:100%;font-size:14px;line-height:1.2;white-space:normal;text-align:center}}

/* One page frame and tab rail for every work area. */
.masthead .wordmark{display:flex;align-items:center;gap:8px}
.masthead .wordmark #workspace-product{display:none}
#workspace-activity{display:block;flex:0 0 10px;width:10px;height:10px;border-radius:50%;opacity:0;background:#537361}
body:has(#workspace[aria-busy=true]) #workspace-activity{animation:workspace-activity 1s .15s ease-in-out infinite alternate}
@keyframes workspace-activity{from{opacity:.28}to{opacity:.85}}
@media(prefers-reduced-motion:reduce){
 body:has(#workspace[aria-busy=true]) #workspace-activity{animation:none;opacity:.65}
}
#workspace>.page-heading,
body.stock-area #workspace>.stock-page-heading{
 display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;gap:12px;
 min-height:84px;margin:0 0 12px;padding:0;
}
#workspace>.page-heading p,
body.stock-area #workspace>.stock-page-heading p{min-height:20px;margin:0;font-size:13px;line-height:20px}
#workspace>.subnav,#workspace>.workspace-sectionbar{
 min-height:48px;height:48px;display:flex;flex-wrap:nowrap;align-items:stretch;gap:4px;margin:0 0 14px;
}
#workspace>.subnav{overflow-x:auto;scrollbar-width:none}
#workspace>.subnav>:is(button,a.workspace-link){flex:0 0 auto;border-radius:0;min-height:44px;white-space:nowrap;padding:8px 10px}
#workspace>.subnav>:is(button,a.workspace-link)[aria-selected=true],#workspace>.workspace-sectionbar>span{
 border:0;border-bottom:2px solid #285a43;background:transparent;color:#285a43;font-weight:600;
}
#workspace>.workspace-sectionbar>span{padding:8px 10px;font-size:13px}
@media(max-width:760px){
 #workspace>.page-heading,body.stock-area #workspace>.stock-page-heading{
  grid-template-columns:minmax(0,1fr);grid-template-rows:76px 44px;align-items:start;gap:6px;min-height:126px;
 }
 #workspace>.page-heading>div:nth-child(2){min-height:44px}
 #workspace>.page-heading :is(.stock-page-actions,.row-actions){display:flex;flex-wrap:nowrap;gap:6px}
 #workspace>.page-heading :is(.stock-page-actions,.row-actions) button{padding-inline:9px}
}

/* Share the reading rhythm below the section rail as well as above it. */
#workspace{--work-content-space:12px;--work-content-border:#d7ded5;--work-content-paper:#f9fbf8;--work-content-muted:#46564b}
#workspace>:is(.subnav,.workspace-sectionbar){margin-block-end:var(--work-content-space)}
#workspace .workspace-sectionbar>span,#workspace .subnav>[role=tab]{
 font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:20px;letter-spacing:0;
}
#workspace .subnav>[role=tab]:not([aria-selected=true]){font-weight:500}
#workspace .subnav>[role=tab][aria-selected=true],#workspace .workspace-sectionbar>span{font-weight:600}
#workspace .people-panel{margin-block-start:0;padding-block-start:0}
#workspace :is(.today-summary,.cw-toolbar,.panel-toolbar,.inventory-filters,.pay-period,#scan-form,#locker-connection,.compact-reading){
 box-sizing:border-box;min-height:70px;margin-block:0 var(--work-content-space);padding:12px;
 border:1px solid var(--work-content-border);border-radius:7px;background:var(--work-content-paper);gap:12px;
}
#workspace :is(.today-summary,.cw-toolbar,.panel-toolbar,.inventory-filters,.pay-period,#scan-form,#locker-connection,.compact-reading) :is(label,small,p),
#workspace .today-summary>div>span{
 color:var(--work-content-muted);font:500 13px/20px Arial,Helvetica,sans-serif;
}
#workspace .today-summary>div>strong{font:600 19px/24px Arial,Helvetica,sans-serif}
#workspace :is(.section-head,.section-heading) h2,#workspace .connection-grid h3{
 font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.01em;
}
#workspace :is(.section-head,.section-heading){gap:12px;margin-block:18px 8px}
#workspace .connection-grid,#workspace .connection-grid>.card{gap:var(--work-content-space)}
#workspace .connection-grid>.card{border-color:var(--work-content-border);border-radius:7px}
.masthead #account{display:grid;place-items:center;flex-shrink:0}
.masthead #business-select:disabled{opacity:1;color:#35443b}
@media(max-width:760px){
 #workspace :is(.today-summary,.cw-toolbar,.panel-toolbar,.inventory-filters,.pay-period,#scan-form,#locker-connection,.compact-reading){
  padding:10px;gap:8px;
 }
 #workspace .today-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 #workspace .today-summary>div{gap:0}
}

/* Billing retains the stock frame and gives its records a shared reading order. */
#workspace>.subnav.billing-subnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible}
#workspace>.subnav.billing-subnav>[role=tab]{min-width:0;min-height:44px;width:100%;white-space:normal;text-align:center;padding:7px 5px}
#workspace .billing-subnav>[role=tab][aria-selected=true],#workspace:has(>.billing-subnav)>.stock-section-nav>[role=tab][aria-selected=true]{box-shadow:none}
#workspace .billing-filter{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(120px,.7fr) auto;align-items:end}
#workspace .billing-filter>button{grid-column:3;min-height:44px}
#workspace .billing-dates{grid-column:1/-1}
#workspace .billing-dates summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:13px;font-weight:600}
#workspace .billing-dates>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:4px}
.billing-list{display:grid;gap:8px}
.billing-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr) minmax(0,.8fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #d7ded5;border-radius:7px;background:#fff}
.billing-row small,.billing-document-line small{display:block;color:#506258;overflow-wrap:anywhere}
.billing-row strong,.billing-row-amount{overflow-wrap:anywhere}
.billing-row .status{text-transform:capitalize}
.billing-row>button{min-height:44px;padding:8px 12px;white-space:nowrap}
.billing-dialog{max-width:760px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #c8d4c9;border-radius:12px;background:#fff;color:#22372b;overflow:auto}
.billing-dialog::backdrop{background:#13291e60}
.billing-dialog-head,.billing-dialog-actions{padding:12px 18px;display:flex;gap:8px;align-items:center;background:#f5f8f3}
.billing-dialog-head{justify-content:space-between;border-bottom:1px solid #d7ded5}
.billing-dialog-actions{flex-wrap:wrap;border-top:1px solid #d7ded5}
.billing-dialog :is(button,summary){min-height:44px}
.billing-dialog button{padding:8px 12px}
.billing-dialog-status{flex-basis:100%;min-height:20px;margin:0;color:#355342;font-size:13px}
.billing-dialog .billing-send-confirm{flex:1 1 100%;padding:10px;border:1px solid #d7ded5;border-radius:7px}
.billing-send-confirm[hidden]{display:none}
.billing-send-confirm p{margin:0 0 8px}
.billing-document{padding:18px 22px;overflow-wrap:anywhere}
.billing-document h2{margin:0 0 4px;font:650 27px/1.2 Arial,sans-serif}
.billing-document h3{margin:12px 0 4px;font:600 15px/1.3 Arial,sans-serif}
.billing-document :is(p,dl){margin:0 0 12px}
.billing-brand{font-size:13px;font-weight:650;color:#315640}
.billing-muted{color:#526257;font-size:13px}
.billing-document-line,.billing-totals>div{display:flex;gap:10px;justify-content:space-between;align-items:baseline;border-bottom:1px solid #dce4dc;padding:8px 0}
.billing-totals dd{margin:0;text-align:right}
.billing-totals>div:last-child{font-weight:650}
.billing-preline{white-space:pre-line}
.billing-agreement summary{display:flex;align-items:center;font-weight:650;cursor:pointer}
@media(max-width:650px){
 #workspace .billing-filter{grid-template-columns:minmax(0,1fr) auto}
 #workspace .billing-filter>label:first-child{grid-column:1/-1}
 #workspace .billing-filter>button{grid-column:2}
 .billing-row{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:6px 10px}
 .billing-row>button{justify-self:end}
 .billing-dialog-head,.billing-dialog-actions{padding:10px 12px}
 .billing-document{padding:16px 14px}
}

/* A single selected rail and fixed tab geometry across stock views. */
#workspace>.subnav.stock-section-nav {
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);
}
#workspace>.subnav.stock-section-nav>[role=tab],
#workspace>.subnav.billing-subnav>[role=tab] {
  min-width:0;justify-content:center;text-align:center;
  font:600 13px/18px Arial,Helvetica,sans-serif;padding:5px 3px;
  white-space:normal;text-decoration:none!important;box-shadow:none!important;
  border:0;border-block-end:2px solid transparent;
}
#workspace>.subnav.stock-section-nav>[role=tab][aria-selected=true],
#workspace>.subnav.billing-subnav>[role=tab][aria-selected=true] {
  border-block-end-color:#285a43;color:#285a43;
}
@media(max-width:760px){
 #workspace[data-current-area=stock]>.subnav.stock-section-nav {display:grid}
}