/* Canonical header styles. Distribute with scripts/sync-module-header.mjs. */
body .suite-header { display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:16px; }
body .suite-header-actions { display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 16px;margin-left:auto;min-width:0; }
body .suite-header-extras { display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 12px;min-width:0;font-size:12px; }
body .suite-header-extras > strong { max-width:210px;overflow-wrap:anywhere;font-size:12px;font-weight:500; }
body .suite-header-buttons { display:flex;flex:0 0 auto;align-items:center;gap:8px; }
body .suite-header .suite-header-button { box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;height:36px;min-height:36px;padding:6px 12px;border:1px solid #d7e0e4;border-radius:9px;background:#fff;color:#26363c;box-shadow:0 1px 3px #20354006;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;font-weight:550;line-height:20px;letter-spacing:normal;text-transform:none;text-decoration:none;white-space:nowrap;cursor:pointer; }
body .suite-header .suite-header-button > span { display:inline; }
body .suite-header .suite-header-button:hover { background:#f3f6f7;color:#26363c;border-color:#b9cbd3; }
body .suite-header .suite-header-button:focus-visible { outline:2px solid #126a72;outline-offset:3px; }
body .suite-header .suite-header-button:disabled { opacity:.55;cursor:default; }
body .suite-header-icon { width:18px;height:18px;flex:0 0 18px; }
body .suite-header-status { flex-basis:100%;max-width:420px;margin-left:auto;color:#a13e4d;font-size:12px;line-height:1.4;text-align:right; }
body .suite-header-status:empty { display:none; }
@media(max-width:900px) {
  body .suite-header-actions { width:auto;max-width:100%; }
  body .suite-header-extras { flex-basis:100%; }
}
@media(max-width:550px) {
  body .suite-header-actions { flex-basis:100%;justify-content:flex-end; }
  body .suite-header-extras { justify-content:flex-start; }
  body .suite-header-buttons { margin-left:auto; }
}

/* Stable frame: identical coordinates across modules and views. */
/* Shared company picker and list controls. Business forms keep their own sizing. */
body.suite-ui .suite-header-extras label { display:grid;gap:5px;margin:0;font:500 12px/18px Inter,"Segoe UI",Arial,sans-serif;color:#657580; }
body.suite-ui .suite-header-extras select { box-sizing:border-box;height:36px;padding:6px 10px;border:1px solid #d7e0e4;border-radius:9px;background:#fff;color:#26363c;font:400 14px/20px Inter,"Segoe UI",Arial,sans-serif; }
body.suite-ui .suite-list-filter-bar { box-sizing:border-box;display:flex;position:relative;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:36px;margin:12px 0 16px;padding:0;border:0;background:transparent; }
body.suite-ui .suite-list-filter-bar.suite-list-filter-bar-inset { margin:0;padding:0 18px 14px; }
body.suite-ui .suite-list-filter-chips { display:flex;align-items:center;flex:1 1 auto;flex-wrap:wrap;gap:7px;min-width:0;margin:0; }
body.suite-ui .suite-list-filter-tools { display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:8px;min-width:0;margin-left:auto; }
body.suite-ui .suite-list-filter-button { box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;position:relative;flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:0;border:1px solid #d7e0e4;border-radius:9px;background:#fff;color:#26363c; }
body.suite-ui :is(.production-tools,.ux-list-tools,.list-tools,.fleet-filter-controls,.compact-filter-controls) { gap:8px;align-items:center; }
body.suite-ui :is(.toolbar > .actions,.toolbar-actions,.fleet-list-panel > header,.list-toolbar) > :is(button,.button,.button-link) { box-sizing:border-box;min-height:36px;border-radius:9px;padding:7px 12px;font:500 13px/20px Inter,"Segoe UI",Arial,sans-serif; }
body.suite-ui :is(.production-tools,.ux-list-tools,.list-tools,.fleet-filter-controls) :is(button,summary):is(.production-icon-button,.ux-icon-button,.icon-button),
body.suite-ui .compact-filter-button { box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:0;border:1px solid #d7e0e4;border-radius:9px;background:#fff;color:#26363c; }
body.suite-ui :is(.suite-list-filter-chips,.production-filter-chips) :is(.production-filter-chip,.filter-chip,.fleet-filter-pill,.active-filter-pill,.ux-filter-chips button) { display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;max-width:100%;min-height:28px;padding:3px 9px;border:1px solid #d7e9e7;border-radius:999px;background:#edf5f5;color:#185f65;font:500 12px/20px Inter,"Segoe UI",Arial,sans-serif;box-shadow:none; }
body.suite-ui :is(.suite-list-filter-chips,.production-filter-chips) :is(button.production-filter-chip,button.filter-chip,.ux-filter-chips button) { cursor:pointer; }
body.suite-ui :is(.suite-list-filter-chips,.production-filter-chips) :is(button.production-filter-chip,button.filter-chip,.ux-filter-chips button):hover { border-color:#bfd9d6;background:#e3f0ef;color:#185f65; }
body.suite-ui :is(.suite-list-filter-chips,.production-filter-chips) :is(button.production-filter-chip,button.filter-chip,.ux-filter-chips button):focus-visible { outline:2px solid #126a72;outline-offset:2px; }
body.suite-ui :is(.suite-list-filter-chips,.production-filter-chips) :is(.production-filter-chip,.filter-chip,.ux-filter-chips button) svg { width:12px;height:12px;flex:none; }
body.suite-ui .suite-list-filter-chips :is(.fleet-filter-pill,.active-filter-pill) > i { display:none; }
body.suite-ui :is(.production-search,.ux-search,.compact-search) { box-sizing:border-box;height:36px;min-height:36px;border:1px solid #d7e0e4;border-radius:9px; }
body.suite-ui :is(.fleet-search input,.compact-filter-search .field > input) { box-sizing:border-box;height:36px;min-height:36px;border:1px solid #d7e0e4;border-radius:9px; }
body.suite-ui :is(.production-popover,.ux-filter-popover,.filter-popover,.fleet-filter-popover,.compact-filter-popup:not(.compact-filter-search)) { box-sizing:border-box;padding:16px;border:1px solid #e1e7eb;border-radius:12px;background:#fff;box-shadow:0 10px 32px #24353d20; }
body.suite-ui :is(.production-filter-count,.ux-filter-count,.filter-count,.fleet-filter-count,.compact-filter-count) { background:#126a72;color:#fff; }
body.suite-ui [hidden]:is(.compact-filter-button,.production-icon-button,.production-search,.ux-search,.compact-search,.production-filter-chip,.filter-chip) { display:none; }
@media(pointer:coarse) {
  body.suite-ui :is(.production-tools,.ux-list-tools,.list-tools,.fleet-filter-controls) :is(button,summary):is(.production-icon-button,.ux-icon-button,.icon-button),
  body.suite-ui :is(.compact-filter-button,.suite-list-filter-button) { width:44px;height:44px;min-height:44px;flex-basis:44px; }
}
@media(max-width:760px) {
  body.suite-ui .suite-list-filter-bar { align-items:flex-start;flex-wrap:wrap; }
  body.suite-ui .suite-list-filter-chips:not(:empty) { flex-basis:100%; }
  body.suite-ui .suite-list-filter-tools { max-width:100%; }
}
html { scrollbar-gutter:stable; }
body.suite-ui { --suite-sidebar-width:240px;--suite-header-height:88px;display:block;min-width:320px;margin:0;background:#f7f9fb;font-family:Inter,"Segoe UI",Arial,sans-serif; }
body.suite-ui .shell,body.suite-ui .layout { display:block;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible; }
body.suite-ui .main:not(.suite-body) { margin:0;padding:0;border:0;border-radius:0;max-width:none;background:transparent; }
body.suite-ui .suite-body { box-sizing:border-box;margin:0 0 0 var(--suite-sidebar-width);padding:calc(var(--suite-header-height) + 24px) 24px 32px;max-width:none;min-width:0;min-height:100dvh;width:auto;border:0;border-radius:0;background:#f7f9fb; }
body.suite-ui .suite-header { box-sizing:border-box;position:fixed;inset:0 0 auto var(--suite-sidebar-width);height:var(--suite-header-height);min-height:var(--suite-header-height);margin:0;padding:16px 24px;flex-wrap:nowrap;border:0;border-bottom:1px solid #e1e7eb;border-radius:0;background:#fff;backdrop-filter:none;z-index:1100; }
body.suite-ui .suite-page-heading { min-width:0;flex:1 1 auto;max-width:100%; }
body.suite-ui .suite-page-heading > div { min-width:0;max-width:100%; }
body.suite-ui .suite-page-heading h1 { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:22px;font-weight:650;line-height:30px;letter-spacing:-.35px;color:#26363c; }
body.suite-ui .suite-heading-line { display:flex;align-items:center;gap:14px;min-width:0; }
body.suite-ui .suite-heading-title { flex:0 0 auto;max-width:100%;overflow:hidden;text-overflow:ellipsis; }
body.suite-ui .suite-heading-line:has(.suite-heading-company) .suite-heading-title { max-width:55%; }
body.suite-ui .suite-heading-company { display:flex;align-items:center;min-width:0;max-width:460px;padding:3px 10px;border-radius:7px;background:#edf5f5;color:#185f65;font-size:18px;font-weight:600;line-height:26px;letter-spacing:normal; }
body.suite-ui .suite-heading-company > span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
body.suite-ui .suite-page-heading p,body.suite-ui .suite-page-heading small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:20px;margin:1px 0 0;color:#657580; }
body.suite-ui .suite-page-heading .brand-mark,body.suite-ui .suite-page-heading .page-symbol { display:none; }
body.suite-ui .suite-header-actions { position:static;flex:0 0 auto;flex-wrap:nowrap;gap:8px;width:auto; }
body.suite-ui .suite-header-status { position:absolute;right:24px;top:calc(100% + 6px);z-index:1;padding:8px 12px;border:1px solid #ecd4d9;border-radius:9px;background:#fff7f8;box-shadow:0 4px 18px #24353d12; }
body.suite-ui .suite-header-options { position:relative; }
body.suite-ui .suite-header-options > summary { list-style:none; }
body.suite-ui .suite-header-options > summary::-webkit-details-marker { display:none; }
body.suite-ui .suite-header-extras { display:grid;position:absolute;right:0;top:44px;width:290px;max-width:calc(100vw - 32px);padding:16px;border:1px solid #e1e7eb;border-radius:12px;background:#fff;box-shadow:0 10px 32px #24353d20;z-index:2;gap:12px;justify-content:stretch; }
body.suite-ui .suite-header-extras > strong { max-width:none; }
body.suite-ui .suite-header-extras label,body.suite-ui .suite-header-extras select { width:100%;max-width:none;min-width:0; }
body.suite-ui .suite-header-extras a { font-size:13px;color:#126a72;text-decoration:none; }
body.suite-ui .suite-header-extras .button-link { display:flex;align-items:center;min-height:36px;box-sizing:border-box;padding:7px 11px;border:1px solid #d7e0e4;border-radius:9px;background:#fff;color:#26363c;font-size:13px;font-weight:550;line-height:20px;text-decoration:none; }
body.suite-ui .suite-header-extras .button-link:hover { background:#edf5f5;border-color:#b9cbd3;color:#185f65; }
body.suite-ui .suite-header-extras .button-link:focus-visible { outline:2px solid #126a72;outline-offset:3px;background:#edf5f5;color:#185f65; }
body.suite-ui .suite-header-extras .ux-company-switch { margin:0;padding:0; }
body.suite-ui .suite-sidebar { box-sizing:border-box;display:flex;flex-direction:column;gap:0;position:fixed;inset:0 auto 0 0;width:var(--suite-sidebar-width);min-width:var(--suite-sidebar-width);height:100dvh;max-height:none;padding:0;margin:0;border:0;border-right:1px solid #e1e7eb;background:#f1f3f6;color:#26363c;overflow:hidden;z-index:1150; }
body.suite-ui .suite-sidebar-brand { box-sizing:border-box;display:flex;align-items:center;flex:0 0 var(--suite-header-height);height:var(--suite-header-height);padding:16px 20px;gap:8px; }
body.suite-ui .suite-sidebar { flex-wrap:nowrap;align-items:stretch;justify-content:flex-start; }
body.suite-ui .suite-sidebar-brand > a { display:flex;align-items:center;min-width:0;gap:10px;color:#26363c;text-decoration:none;font-size:15px;line-height:21px; }
body.suite-ui .suite-brand-mark { display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:#126a72;color:#fff;font-size:13px;font-weight:650; }
body.suite-ui .suite-sidebar-brand strong { display:block;font-weight:650;white-space:nowrap; }
body.suite-ui .suite-sidebar-brand small { display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;color:#657580; }
body.suite-ui .suite-sidebar-scroll { min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:12px 14px 20px;scrollbar-gutter:stable; }
body.suite-ui .suite-sidebar-scroll > .brand,body.suite-ui .suite-sidebar-scroll > .sidebar-heading,body.suite-ui .suite-sidebar-scroll > .fleet-panel-link,body.suite-ui .suite-sidebar-scroll > .ux-nav-label { display:none; }
body.suite-ui .suite-sidebar nav.nav,body.suite-ui .suite-sidebar #accounting-nav,body.suite-ui .suite-sidebar #portal-navigation { display:flex;flex-direction:column;gap:0;margin:0;padding:0;overflow:visible; }
body.suite-ui .suite-sidebar :is(button.nav,.nav-item) { box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:0;min-height:40px;margin:0 0 3px;padding:9px 10px;gap:10px;border:0;border-radius:9px;background:transparent;color:#26363c;font:400 14px/20px Inter,"Segoe UI",Arial,sans-serif;text-align:left;text-decoration:none; }
body.suite-ui .suite-sidebar :is(button.nav,.nav-item):hover { background:#e8ecef;color:#26363c; }
body.suite-ui .suite-sidebar :is(button.nav,.nav-item).active { background:#e0eaeb;color:#105d65;font-weight:600; }
body.suite-ui .suite-sidebar :is(button.nav,.nav-item):focus-visible { outline:2px solid #126a72;outline-offset:1px; }
body.suite-ui .suite-sidebar :is(button.nav,.nav-item) svg { width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
body.suite-ui .suite-sidebar .nav-text { display:flex;align-items:center;gap:10px;min-width:0;font:inherit; }
body.suite-ui .suite-sidebar [data-icon] { display:inline-flex;flex:0 0 20px;width:20px;height:20px; }
body.suite-ui .suite-sidebar .nav-text + [aria-hidden] { margin-left:auto; }
body.suite-ui .suite-sidebar .nav-children { display:block;margin:4px 0 10px 20px;padding:0 0 0 8px;border-left:1px solid #d7e0e4; }
body.suite-ui .suite-sidebar :is(.nav-management,.nav-section) { margin:0;padding:0;border:0; }
body.suite-ui .suite-sidebar nav > :is(.fleet-nav-label,.nav-label):first-child { display:none; }
body.suite-ui .suite-sidebar :is(.nav-label,.fleet-nav-label,.nav-group-label,.orders-nav-label) { display:block;margin:0;padding:17px 10px 7px;font:500 12px/18px Inter,"Segoe UI",Arial,sans-serif;color:#657580; }
body.suite-ui .suite-sidebar .nav-count { margin-left:auto;flex:none;font-size:11px;line-height:20px;min-width:20px; }
body.suite-ui .suite-menu-toggle,body.suite-ui .suite-menu-close,body.suite-ui .suite-menu-backdrop,body.suite-ui #fleet-menu-toggle,body.suite-ui #tender-menu-toggle { display:none; }
body.suite-ui .returned-documents-backdrop { z-index:2000; }
body.suite-ui .suite-body [id] { scroll-margin-top:calc(var(--suite-header-height) + 16px); }
body.suite-ui .purchase-workspace-nav { top:var(--suite-header-height); }
@media(max-width:1150px) {
  body.suite-ui .suite-heading-line { flex-direction:column;align-items:flex-start;gap:1px; }
  body.suite-ui .suite-heading-line:has(.suite-heading-company) .suite-heading-title { max-width:100%; }
  body.suite-ui .suite-heading-company { box-sizing:border-box;max-width:100%;padding:0 6px;font-size:16px;line-height:22px; }
  body.suite-ui .suite-page-heading:has(.suite-heading-company) :is(p,small) { display:none; }
}
@media(max-width:850px) {
  body.suite-ui { --suite-header-height:112px; }
  body.suite-ui .suite-body { margin-left:0;padding:calc(var(--suite-header-height) + 20px) 16px 28px; }
  body.suite-ui .suite-header { left:0;padding:12px 16px; }
  body.suite-ui .suite-page-heading { position:absolute;left:60px;right:66px;top:15px;width:auto; }
  body.suite-ui .suite-page-heading h1 { font-size:20px;line-height:28px; }
  body.suite-ui .suite-page-heading:has(.suite-heading-company) { top:10px; }
  body.suite-ui .suite-page-heading p,body.suite-ui .suite-page-heading small { display:none; }
  body.suite-ui .suite-header-buttons { position:absolute;right:16px;bottom:14px;margin:0; }
  body.suite-ui .suite-header-options { position:static; }
  body.suite-ui .suite-header-options > summary { position:absolute;right:16px;top:12px;width:36px;padding:0; }
  body.suite-ui .suite-header-options > summary > span { display:none; }
  body.suite-ui .suite-header-extras { top:54px;right:16px; }
  body.suite-ui .suite-sidebar { display:none;z-index:1300; }
  body.suite-ui.suite-menu-open .suite-sidebar { display:flex; }
  body.suite-ui .suite-sidebar-brand { flex-basis:88px;height:88px;padding:16px 14px; }
  body.suite-ui .suite-menu-toggle,body.suite-ui .suite-menu-close { display:inline-grid;place-items:center;flex:none;box-sizing:border-box;width:36px;height:36px;min-height:36px;padding:0;border:1px solid #d7e0e4;border-radius:9px;background:#fff;color:#26363c; }
  body.suite-ui .suite-menu-toggle { position:absolute;left:16px;top:12px; }
  body.suite-ui .suite-menu-close { margin-left:auto;width:28px;min-width:28px;height:32px;min-height:32px;border:0;background:transparent; }
  body.suite-ui.suite-menu-open .suite-menu-backdrop { display:block;position:fixed;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:#17313d55;z-index:1200; }
}