/* Precision: shared visual language from the approved design-lab handoff.
   Visibility, current identity and pending-operation controls remain authoritative. */
@font-face{font-family:Precision;src:local('Avenir Next');font-display:swap}
body.precision{--paper:#f3f6f8;--surface:#fff;--ink:#172b3b;--muted:#617483;--line:#dce5eb;--blue:#1a80b6;--blue-dark:#105378;--blue-bright:#03a9f4;--blue-soft:#e8f4fb;--soft:#e8f4fb;--reference-blue:#1a80b6;--accent:#1a80b6;--accent-dark:#105378;--danger:#b44343;--warning:#916219;--radius:10px;--font:Precision,'Avenir Next',Avenir,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
.precision :is(button,input,select,textarea){font-family:inherit}
body.precision #main .web-section-title form :is(label,input,select){margin:0}
body.precision #main .web-section-title form :is(input,select,button){height:44px}
.precision :is(h1,h2,h3){color:var(--ink);letter-spacing:-.04em;line-height:1.16}
.precision :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.precision .button{border-radius:6px;min-height:44px;padding:10px 17px;font-size:13px;font-weight:600;background:var(--blue-dark);border:1px solid var(--blue-dark);color:#fff;box-shadow:none;line-height:1.4;max-width:100%;overflow-wrap:break-word}
.precision .button.secondary{background:#fff;border-color:var(--line);color:var(--ink)}
.precision .button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.precision .button.danger:hover{background:#963636;border-color:#963636;color:#fff}
.precision .button.ghost{background:transparent;border-color:transparent;color:var(--blue-dark)}.precision .button.ghost:hover{background:var(--blue-soft);border-color:transparent}
.precision :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);min-height:44px}
.precision :is(.panel,.bench-section,.web-card,.finance-card,.production-card,.shipping-card,.communication-card){border-color:var(--line);border-radius:var(--radius);box-shadow:none}
.precision .eyebrow{font-family:inherit;font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--blue)}
.precision :is(.brand,.product-public-header .brand){display:inline-flex;gap:10px;align-items:center;font-size:22px;font-weight:700;letter-spacing:-.052em;color:var(--ink);text-decoration:none;min-height:44px}
.precision .brand-mark{display:block;width:32px;height:32px;padding:5px;color:#fff;background:var(--blue);border-radius:9px;stroke:currentColor;stroke-width:1.2;flex:none}
body.precision .brand .brand-sub{display:none}
.precision .brand>span{display:inline-block;line-height:1.2}.precision .brand>span::after{content:'.';display:inline;color:var(--blue);padding-left:8px}
/* The signed-in workspaces share the exact light sidebar and compact chrome. */
body.precision:is(.admin-shell,.customer-shell) .app-frame{display:grid;grid-template-columns:222px minmax(0,1fr);gap:0;padding:0;margin:0;max-width:none;min-height:100dvh}
body.precision:is(.admin-shell,.customer-shell) .page-background{display:block;min-width:0;padding:0 38px;background:#f5f6f8}
body.precision:is(.admin-shell,.customer-shell) .admin-sidebar{display:flex;flex-direction:column;position:sticky;top:0;align-self:start;height:100dvh;padding:20px 18px 16px;background:#fff;border:0;border-right:1px solid var(--line);border-radius:0;overflow-y:auto;scrollbar-width:thin;color:var(--ink);box-shadow:none}
body.precision:is(.admin-shell,.customer-shell) .sidebar-brand{display:flex;align-items:center;min-height:44px;margin:0 8px 18px;padding:0;border:0}
body.precision:is(.admin-shell,.customer-shell) .sidebar-brand .brand{font-size:21px;color:var(--ink)}
.precision .precision-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:4px;border-radius:10px;background:#f2f3f8;margin-bottom:17px}
.precision .precision-areas a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:55px;padding:6px 1px;font-size:10px;color:var(--muted);text-decoration:none;border-radius:7px}
.precision .precision-areas a>span{font-size:17px;line-height:1.1}
.precision .precision-areas a[aria-current=true]{color:var(--blue);background:#fff;box-shadow:0 1px 5px #1426490d}
.precision .precision-nav-caption{margin:3px 11px 8px;color:#7c8794;font:9px/1.5 'SFMono-Regular',Consolas,monospace;text-transform:uppercase;letter-spacing:.13em}
.precision .precision-navigation,.precision .precision-customer-sidebar .customer-navigation{display:flex;flex-direction:column;gap:3px;border:0;padding:0;margin:0;min-width:0}
.precision .precision-navigation a,.precision .precision-customer-sidebar .customer-navigation a{display:flex;align-items:center;gap:11px;min-height:44px;padding:10px 12px;font-size:12px;font-weight:500;line-height:1.5;color:#65707d;text-decoration:none;border:0;border-radius:7px;box-shadow:none;white-space:normal}
.precision .precision-navigation a>span[aria-hidden=true]{color:inherit;width:17px;font-size:17px;text-align:center;flex:none}
.precision .precision-navigation a[aria-current=page],.precision .precision-customer-sidebar .customer-navigation a[aria-current=page]{color:var(--blue);background:#eef1ff;font-weight:650;box-shadow:none}
.precision .precision-navigation .work-nav-count{margin-left:auto;background:#e8edf9;color:#506486;border:0;border-radius:5px;font-size:10px}
.precision .precision-settings-nav{display:grid;border-top:1px solid var(--line);margin-top:20px;padding-top:12px}
body.precision:is(.admin-shell,.customer-shell) .sidebar-bottom{border-top:1px solid var(--line);padding:15px 9px 0;margin-top:auto;color:var(--ink);font-size:12px;display:grid;gap:4px}
body.precision:is(.admin-shell,.customer-shell) .sidebar-bottom :is(.sidebar-caption,strong){color:var(--ink);font-size:12px}
body.precision:is(.admin-shell,.customer-shell) .sidebar-bottom :is(small,.internal-role-labels){color:var(--muted);font-size:10px}
body.precision:is(.admin-shell,.customer-shell) .sidebar-link{display:flex;align-items:center;min-height:38px;padding:6px 0;font-size:11px;color:var(--muted);text-decoration:none}
body.precision:is(.admin-shell,.customer-shell) .sidebar-logout{background:#fff;color:#536171;border-color:var(--line);min-height:38px;font-size:11px}
.precision-sidebar-help{background:#f7f8fb;border-radius:10px;padding:15px 12px;margin:24px 0;color:var(--muted);font-size:11px}
.precision-sidebar-help strong{font-size:12px;color:var(--ink)}
.precision-sidebar-help p{margin:7px 0 10px}.precision-sidebar-help a{color:var(--blue);display:inline-flex;align-items:center;min-height:36px}
body.precision:is(.admin-shell,.customer-shell) .admin-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;min-height:75px;margin:0 -38px 30px;width:calc(100% + 76px);padding:10px 38px;background:#fff;border:0;border-bottom:1px solid var(--line);border-radius:0}
.precision .admin-toolbar .journey-identity-main{flex:1 1 170px;gap:3px}
.precision .admin-toolbar .journey-identity-main strong{font-size:12px;font-weight:500;color:var(--ink)}
.precision .admin-toolbar .journey-identity-main small{font-size:10px;color:var(--muted)}
.precision .precision-customer-toolbar .journey-identity-main strong>span{padding:0 10px;color:#a8b0bb}
.precision-toolbar-action{font-size:12px;color:var(--blue);min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.precision .reference-help :is(.help-toggle,.screen-guide-toggle){min-height:38px;border-radius:7px;font-size:11px;padding:7px 10px;border-color:var(--line);color:#697587;background:transparent}
body.precision:is(.admin-shell,.customer-shell) #main{width:100%;max-width:1440px;padding:0;margin-inline:auto}
body.precision:is(.admin-shell,.customer-shell) :is(.admin-intro,.intro,.work-heading,.production-heading,.finance-heading,.numbering-heading,.web-heading,.bench-heading){margin:0 0 24px}
body.precision:is(.admin-shell,.customer-shell) :is(.admin-intro,.intro,.work-heading,.production-heading,.finance-heading,.numbering-heading,.web-heading,.bench-heading) h1{font-size:32px;letter-spacing:-.045em;font-weight:650;line-height:1.15;margin:5px 0 10px}
body.precision:is(.admin-shell,.customer-shell) :is(.intro,.work-heading,.bench-heading) p{font-size:13px;color:var(--muted)}
.precision .client-review-notice{font-size:11px;background:#f0f3f9;border:1px solid #e0e6f0;border-radius:8px;padding:7px 12px}
/* Public header uses the single pill menu from the approved design. */
body.precision.company-space{background:#fff}
.precision.public-shell:not(.customer-shell) .product-public-header{background:#fff;color:var(--ink);max-width:1400px;width:calc(100% - 80px);padding:18px 14px;min-height:90px;margin:0 auto;border-bottom:1px solid var(--line);gap:18px}
.precision.public-shell .product-public-header .product-company-navigation{gap:2px;border:1px solid #edf0f6;border-radius:30px;background:#f5f6fa;padding:5px;flex-wrap:nowrap}
.precision.public-shell .product-company-navigation a{color:#6b7582;font-size:12px;padding:10px 13px;min-height:40px;white-space:nowrap;border-radius:24px}
.precision.public-shell .product-company-navigation a[aria-current=page]{background:#fff;color:var(--blue);box-shadow:0 1px 6px #1f304508}
.precision.public-shell .product-public-header .public-calculator{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff;border-radius:6px;padding:12px 17px;min-height:44px;font-size:12px}.precision.public-shell .product-public-header .public-calculator:hover{background:#176e9b;border-color:#176e9b;color:#fff}
.precision .product-public-header :is(.reference-account-link,.reference-website-link){color:var(--ink);font-size:12px;min-height:44px}
.precision.company-space .reference-context-bar{max-width:1320px}
.precision .site-footer{color:var(--muted);font-size:12px;border-top:1px solid var(--line)}
.precision .site-footer strong{color:var(--ink)}
.precision.customer-shell .site-footer{width:100%;padding:18px 0;margin-top:32px}
.precision .menu-close{background:#fff;color:var(--ink);border:1px solid var(--line)}
.precision #menu-toggle{display:none}
@media(hover:hover){.precision .button:hover{background:#176e9b;color:#fff;border-color:#176e9b}.precision .button.secondary:hover{background:var(--blue-soft);color:var(--blue-dark);border-color:#bbdcec}.precision .precision-navigation a:hover,.precision .precision-customer-sidebar .customer-navigation a:hover{background:#f7fbfe;color:var(--blue)}.precision.public-shell .product-company-navigation a:hover{background:#fff;color:var(--blue)}}
@media(min-width:1600px){body.precision:is(.admin-shell,.customer-shell) .page-background{padding-inline:50px}body.precision:is(.admin-shell,.customer-shell) .admin-toolbar{margin-inline:-50px;width:calc(100% + 100px);padding-inline:50px}}
@media(max-width:1199px){body.precision:is(.admin-shell,.customer-shell) .page-background{padding-inline:25px}body.precision:is(.admin-shell,.customer-shell) .admin-toolbar{margin-inline:-25px;width:calc(100% + 50px);padding-inline:25px}.precision.public-shell:not(.customer-shell) .product-public-header{width:calc(100% - 40px)}.precision.public-shell .product-public-header .product-company-navigation{justify-content:center}}
@media(max-width:959px){body.precision:is(.admin-shell,.customer-shell) .app-frame{display:block}body.precision:is(.admin-shell,.customer-shell) .admin-sidebar{position:fixed;z-index:80;inset:0 auto 0 0;width:min(280px,calc(100vw - 32px));height:100dvh;transform:translateX(-100%);visibility:hidden;transition:transform .18s,visibility .18s}body.precision:is(.admin-shell,.customer-shell) .admin-sidebar.is-open{transform:none;visibility:visible}body.precision:is(.admin-shell,.customer-shell) .sidebar-brand{justify-content:space-between;margin-inline:0}.precision #menu-toggle{display:inline-flex}.precision #menu-close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.precision .menu-backdrop{position:fixed;inset:0;z-index:70;background:#17202c55;backdrop-filter:blur(3px)}body.precision:is(.admin-shell,.customer-shell) .admin-toolbar{min-height:64px;margin-bottom:24px}.precision .precision-customer-toolbar .reference-help{flex-basis:100%;justify-content:flex-start}.precision .sidebar-link,.precision .sidebar-logout{min-height:44px}.precision .reference-help :is(.help-toggle,.screen-guide-toggle){min-height:44px}}
@media(max-width:640px){body.precision:is(.admin-shell,.customer-shell) .page-background{padding-inline:18px}body.precision:is(.admin-shell,.customer-shell) .admin-toolbar{margin-inline:-18px;width:calc(100% + 36px);padding:9px 18px;gap:6px 10px}.precision .admin-toolbar .journey-identity-main{flex-basis:135px}.precision-toolbar-action{font-size:11px}body.precision:is(.admin-shell,.customer-shell) :is(.intro,.work-heading,.bench-heading,.finance-heading,.production-heading,.web-heading) h1{font-size:27px}.precision.public-shell:not(.customer-shell) .product-public-header{width:100%;padding:10px 18px;min-height:76px;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.precision .product-public-header .brand{font-size:20px}.precision.public-shell .product-public-header .product-company-menu{grid-column:1/-1;width:100%}.precision.public-shell .product-company-menu>summary{color:var(--ink);min-height:44px;border:1px solid var(--line);border-radius:7px;padding:10px 12px;width:max-content;margin:4px 0}.precision.public-shell .product-public-header .product-company-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:12px;padding:7px;white-space:normal}.precision.public-shell .product-company-navigation a{min-height:44px;white-space:normal;padding:10px;font-size:12px;border-radius:7px}.precision.public-shell .product-public-header .public-calculator{min-height:44px;padding:10px;font-size:11px}.precision .product-public-actions{gap:8px}.precision .product-public-header .reference-account-link{font-size:11px}.precision :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}}
@media(prefers-reduced-motion:reduce){.precision .admin-sidebar{transition:none}}

/* Keep the same menu breakpoint in CSS and the native-details controller. */
@media(min-width:1001px){
 .precision.public-shell:not(.customer-shell) .product-public-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px}
 .precision.public-shell .product-public-header .product-company-menu{grid-column:2;grid-row:1;justify-self:center;width:auto}
 .precision.public-shell .product-public-header .product-public-actions{grid-column:3;grid-row:1}
 .precision .product-company-menu[data-ready]>summary{display:none}
}
@media(min-width:1001px) and (max-width:1250px){
 .precision.public-shell .product-company-navigation a{font-size:11px;padding-inline:8px}
 .precision.public-shell .product-public-header .brand{font-size:19px}
 .precision.public-shell .product-public-header .product-public-actions{gap:7px}
 .precision.public-shell .product-public-header .public-calculator{padding-inline:10px}
}
@media(max-width:1000px){
 .precision.public-shell:not(.customer-shell) .product-public-header{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
 .precision.public-shell .product-public-header .product-company-menu{grid-column:1/-1;grid-row:2;width:100%;justify-self:stretch}
 .precision.public-shell .product-public-header .product-public-actions{grid-column:2;grid-row:1}
 .precision .product-company-menu[data-ready]>summary{display:flex;color:var(--ink);min-height:44px;border-color:var(--line);border-radius:7px;padding:10px 12px;width:max-content;margin:4px 0;gap:16px}
 .precision.public-shell .product-public-header .product-company-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:12px;padding:7px;white-space:normal;margin-top:7px}
 .precision.public-shell .product-company-navigation a{min-height:44px;white-space:normal;padding:10px;font-size:12px;border-radius:7px}
}
@media(max-width:380px){.precision .product-public-header .reference-account-link{max-width:64px;line-height:1.3}.precision.public-shell .product-public-header .public-calculator{font-size:10px;padding-inline:8px}.precision .product-public-header .brand{gap:6px;font-size:18px}.precision .brand-mark{width:28px;height:28px}}

/* The public content and header share the approved 1280px composition. */
body.precision.company-space #main{width:calc(100% - 80px);max-width:1280px;margin:34px auto 0;padding:0}
body.precision.company-space .product-public-header{max-width:1400px;padding-inline:max(14px,calc((1400px - 1280px)/2));min-height:90px}
body.precision.company-space .site-footer .reference-help{margin-top:12px}
@media(max-width:1250px){body.precision.company-space .product-public-header{padding-inline:14px}}
@media(max-width:640px){body.precision.company-space #main{width:calc(100% - 36px);margin-top:22px}body.precision.company-space .product-public-header{padding-inline:18px}}

/* Compact contextual help keeps the work header to one row. */
.precision .precision-help-menu{position:relative;margin:0;flex:none;z-index:45}
.precision .precision-help-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:#fff;font-size:11px;cursor:pointer;list-style:none}
.precision .precision-help-menu>summary::-webkit-details-marker{display:none}
.precision .precision-help-menu>summary>span{display:inline-grid;place-items:center;border:1px solid #bac4d0;border-radius:50%;width:16px;height:16px;font-size:10px}
.precision .precision-help-menu[open]>.reference-help{position:absolute;top:calc(100% + 6px);right:0;display:flex;flex-direction:column;align-items:stretch;gap:6px;width:220px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #17202c1a}
body.precision.public-shell.company-space .product-public-header{max-width:1280px;padding-inline:0}
@media(max-width:640px){body.precision.public-shell.company-space .product-public-header{padding-inline:18px}.precision .admin-toolbar{gap:7px}.precision .precision-help-menu>summary{padding:8px}.precision .precision-help-menu>summary>span{display:none}.precision .admin-toolbar .journey-identity-main{flex-basis:100px}.precision .site-footer .precision-help-menu[open]>.reference-help{left:0;right:auto}}