/* e-BS 0.19.3-rc — layouts taken from official 36-board atlas, Oct 31 2026.
   The artwork is a layout/style reference, NOT a source of live data.
   Scope carefully to vendor and administrator pages. */
body.ebs-reference-workspace-admin,
body.ebs-reference-workspace-vendor{--ebs-ref-rail:250px;--ebs-ref-appbar:68px;--ebs-ref-canvas:#f0f6fc;--ebs-ref-dark:#053461;--ebs-ref-strong:#0b234b;--ebs-ref-blue:#147df4;--ebs-ref-orange:#ff7b0b;background:var(--ebs-ref-canvas);color:var(--ebs-ref-strong);font-size:14px}
.ebs-ref-skip{position:fixed;left:270px;top:-80px;background:#fff;padding:12px 20px;border:2px solid #147df4;z-index:300;color:#003e83}.ebs-ref-skip:focus{top:6px}
.ebs-ref-appbar{height:var(--ebs-ref-appbar,68px);margin-left:var(--ebs-ref-rail,250px);background:#fff;border-bottom:1px solid #e5edf5;display:flex;align-items:center;gap:26px;padding:0 28px;position:sticky;top:0;z-index:70;box-shadow:0 2px 7px rgba(17,58,99,.025);color:#153960}
.ebs-ref-appbar .ebs-ref-menu-toggle{appearance:none;width:30px;min-width:30px;background:transparent;color:#38628a;font-size:23px;border:0;padding:2px;line-height:1.2;cursor:pointer}
.ebs-ref-search{display:flex;align-items:center;flex:1 1 400px;max-width:640px;min-width:120px;border:1px solid transparent;background:#f0f5fa;border-radius:9px;height:43px;color:#7192b6;padding:0 13px;gap:10px}
.ebs-ref-search span{font-size:24px}.ebs-ref-search input{border:0;background:transparent;outline:0;min-width:0;flex:1;padding:0;font-size:13px;color:#153960;height:100%}.ebs-ref-search input::placeholder{color:#7390b3;opacity:1}
.ebs-ref-search:focus-within{border-color:#0f72d9;box-shadow:0 0 0 3px #0f72d91a}
.ebs-ref-search button{background:#0a67bf;color:white;border:0;border-radius:6px;padding:6px 11px;font-size:12px;font-weight:700;min-height:30px}
.ebs-ref-user-tools{display:flex;gap:20px;align-items:center;margin-left:auto;min-width:0;white-space:nowrap}
.ebs-ref-currency{font-weight:750;color:#123b6e;font-size:13px;white-space:nowrap}.ebs-ref-notifications{display:flex;gap:5px;align-items:center;color:#15518b;font-size:24px}.ebs-ref-notifications span{font-size:11px}
.ebs-ref-profile{display:flex;gap:9px;align-items:center;border-left:1px solid #e5edf5;padding-left:17px;color:#102c56;max-width:210px;min-width:0}
.ebs-ref-profile strong{display:block;font-size:13px;line-height:1.3;max-width:170px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.ebs-ref-profile small{display:block;font-size:11px;color:#6784a2}
.ebs-ref-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#dce9f6;color:#0b4f91;font-size:17px;font-weight:800}
.ebs-ref-backdrop{display:none}
/* Full-height, flush left rail as in E03, E04, E05, E06, E17, E32, E33 and E36. */
body.ebs-reference-workspace-admin .ebs-frontend-workspace{width:auto;max-width:none;margin:0;padding:0 0 40px var(--ebs-ref-rail)}
body.ebs-reference-workspace-admin .ebs-frontend-workspace .ebs-admin-shell{display:block;width:auto;max-width:none;margin:0;min-height:calc(100dvh - var(--ebs-ref-appbar));padding:0}
body.ebs-reference-workspace-admin .ebs-frontend-workspace .ebs-admin-sidebar,
body.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-vendor-sidebar{position:fixed!important;z-index:100;left:0;top:0;bottom:0;width:var(--ebs-ref-rail);height:100dvh;max-height:100dvh!important;margin:0!important;border-radius:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;background:linear-gradient(180deg,#073f78 0%,#083763 55%,#052c51 100%)!important;border:0!important;box-shadow:none!important;color:white;padding:13px 9px 35px!important}
body.ebs-reference-workspace-admin .ebs-frontend-workspace .ebs-admin-main{margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;min-width:0;max-width:none;padding:20px 24px 50px;min-height:calc(100dvh - var(--ebs-ref-appbar))}
body.ebs-reference-workspace-vendor .ebs-vendor-workspace{width:auto;max-width:none;margin:0;padding:0 0 45px var(--ebs-ref-rail);color:var(--ebs-ref-strong)}
body.ebs-reference-workspace-vendor .ebs-vendor-layout{display:block;margin:0;width:100%;min-width:0}
body.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-vendor-content{min-height:calc(100dvh - var(--ebs-ref-appbar));margin:0;border:0;box-shadow:none;border-radius:0;background:transparent;padding:20px 24px 45px}
/* Visible sidebar links, monochrome 18px SVGs; orange active instead of orange-tinted border. */
body.ebs-reference-workspace-admin .ebs-admin-sidebar-brand,
body.ebs-reference-workspace-vendor .ebs-vendor-sidebar-brand{display:flex;gap:10px;align-items:center;padding:7px 10px 17px!important;margin:0 0 9px!important;color:#fff;border-bottom:1px solid #ffffff1e}
body.ebs-reference-workspace-admin .ebs-admin-sidebar-brand img{width:41px;height:41px;object-fit:contain;background:transparent;border-radius:4px}
body.ebs-reference-workspace-admin .ebs-admin-sidebar-brand strong{font-size:24px;color:#ff8a19}
body.ebs-reference-workspace-admin .ebs-admin-sidebar-brand small{font-size:10px;color:#d4e7fd}
.ebs-ref-nav-icon{flex:none;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:inherit}.ebs-ref-nav-icon svg{display:block}
body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-admin-nav-links>a,
body.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-workspace-nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;margin:3px 0;min-height:43px;border:0!important;border-radius:7px;color:#e1edf9;font-size:13px;font-weight:600;line-height:1.35;transition:background .12s;color .12s}
body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-admin-nav-links>a.is-active,
body.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-workspace-nav a[aria-current="page"]{background:linear-gradient(90deg,#ff831c,#ff7607)!important;color:#fff!important;font-weight:750}
body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-admin-nav-links>a:hover,
body.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-workspace-nav a:hover{background:#ffffff1d;color:white}
body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-admin-nav-group>summary{padding:11px 13px;font-size:11px;font-weight:750;color:#cbdff0}
body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-admin-nav-links{padding:0 0 6px}
body.ebs-reference-workspace-vendor .ebs-vendor-nav-label{color:#b7d0e9;letter-spacing:.7px;padding:10px 12px 4px}
body.ebs-reference-workspace-admin .ebs-ref-primary-nav{display:block!important;padding:0 0 8px!important;margin:0 0 10px;border-bottom:1px solid #ffffff20}
body.ebs-reference-workspace-admin .ebs-ref-primary-nav>a{margin:2px 0!important}
/* Condensed dashboard: E03 uses six KPI cards and a broad chart + two side panels. Other KPI rows wrap rather than overflow. */
body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-admin-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:12px 0 18px}
body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-admin-metric,
body.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-workspace-kpis>.ebs-panel{border:1px solid #e2ebf4!important;border-top:0!important;border-radius:10px!important;background:#fff;padding:14px 15px!important;box-shadow:0 3px 13px #1b4d7910;min-width:0}
body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-admin-metric span{font-size:12px;font-weight:650;color:#395b7a;line-height:1.4}
body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-admin-metric strong{font-size:clamp(16px,1.55vw,23px);margin-top:8px;font-weight:850;letter-spacing:-.4px;color:#072958}
body.ebs-reference-workspace-admin .ebs-admin-heading,
body.ebs-reference-workspace-vendor .ebs-vendor-heading{padding:0 0 11px!important;border:0!important;margin:0 0 7px!important}
body.ebs-reference-workspace-admin .ebs-admin-heading h1,
body.ebs-reference-workspace-vendor .ebs-vendor-heading h1{font-size:clamp(24px,2vw,31px);font-weight:800;letter-spacing:-.6px;color:#071f4b;margin:0 0 7px}
body.ebs-reference-workspace-admin .ebs-admin-kicker,
body.ebs-reference-workspace-vendor .ebs-eyebrow{font-size:10px;letter-spacing:.8px;color:#6d86a4}
body.ebs-reference-workspace-admin .ebs-admin-heading p,
body.ebs-reference-workspace-vendor .ebs-vendor-heading p{font-size:12px;color:#6a83a3}
body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-admin-overview-chart,
body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-data-panel,
body.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-panel{border:1px solid #e1eaf5;border-radius:11px;background:#fff;padding:15px;box-shadow:0 3px 14px #164b750b}
body.ebs-reference-workspace-admin .ebs-overview-board{grid-template-columns:minmax(0,1.75fr) minmax(310px,1fr);gap:12px;margin:13px 0}
body.ebs-reference-workspace-admin .ebs-catalog-workbench{grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:13px}
body.ebs-reference-workspace-admin .ebs-orders-workbench{gap:13px}
body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-responsive-table,
body.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-responsive-table{border-radius:8px;border:1px solid #e5edf5;background:#fff;max-width:100%;overflow-x:auto}
body.ebs-reference-workspace-admin .ebs-admin-shell table th,
body.ebs-reference-workspace-vendor .ebs-vendor-workspace table th{background:#f4f8fc!important;color:#234d73;font-size:11px;font-weight:750;white-space:nowrap}
body.ebs-reference-workspace-admin .ebs-admin-shell table td,
body.ebs-reference-workspace-vendor .ebs-vendor-workspace table td{color:#254362;font-size:12px;vertical-align:middle}
body.ebs-reference-workspace-admin .ebs-admin-shell .button-primary,
body.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-btn{background:#ff790a;color:#fff;border-color:#ff790a;border-radius:7px}
body.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-workspace-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
body.ebs-reference-workspace-vendor .ebs-vendor-sidebar-brand strong{color:#fff;font-size:17px}
body.ebs-reference-workspace-vendor .ebs-vendor-sidebar-brand>span{background:#ff831c;color:white}
/* Desktop collapsed sidebar, only a user gesture can trigger it. */
@media(min-width:901px){
 body.ebs-ref-sidebar-collapsed.ebs-reference-workspace-admin .ebs-frontend-workspace,
 body.ebs-ref-sidebar-collapsed.ebs-reference-workspace-vendor .ebs-vendor-workspace{padding-left:0}
 body.ebs-ref-sidebar-collapsed .ebs-ref-appbar{margin-left:0}
 body.ebs-ref-sidebar-collapsed.ebs-reference-workspace-admin .ebs-frontend-workspace .ebs-admin-sidebar,
 body.ebs-ref-sidebar-collapsed.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-vendor-sidebar{transform:translateX(-100%)}
}
@media(max-width:1350px){
 body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.ebs-reference-workspace-admin .ebs-overview-board{grid-template-columns:1fr}
 .ebs-ref-search{max-width:490px}
}
@media(max-width:1100px){
 body.ebs-reference-workspace-admin .ebs-catalog-workbench{grid-template-columns:1fr}
 body.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-workspace-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ebs-ref-search button{display:none}
 .ebs-ref-user-tools{gap:10px}
}
@media(max-width:900px){
 body.ebs-reference-workspace-admin,body.ebs-reference-workspace-vendor{--ebs-ref-rail:250px;--ebs-ref-appbar:58px}
 .ebs-ref-appbar{margin-left:0;padding:0 14px;gap:12px}
 .ebs-ref-search{flex:1;max-width:none}
 .ebs-ref-currency,.ebs-ref-notifications span,.ebs-ref-profile span:not(.ebs-ref-avatar){display:none}
 .ebs-ref-profile{padding-left:9px;max-width:none}
 body.ebs-reference-workspace-admin .ebs-frontend-workspace{padding-left:0}
 body.ebs-reference-workspace-vendor .ebs-vendor-workspace{padding-left:0}
 body.ebs-reference-workspace-admin .ebs-frontend-workspace .ebs-admin-sidebar,
 body.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-vendor-sidebar{transform:translateX(-105%);transition:transform .18s ease!important;z-index:150}
 body.ebs-ref-nav-open.ebs-reference-workspace-admin .ebs-frontend-workspace .ebs-admin-sidebar,
 body.ebs-ref-nav-open.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-vendor-sidebar{transform:translateX(0)}
 body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-admin-nav-links{display:block!important}
 body.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-workspace-nav{display:block!important;overflow:visible!important}
 body.ebs-reference-workspace-vendor .ebs-vendor-nav-group{display:block;white-space:normal}
 body.ebs-reference-workspace-vendor .ebs-vendor-nav-label{display:block}
 body.ebs-reference-workspace-admin .ebs-frontend-workspace .ebs-admin-main,
 body.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-vendor-content{padding:16px 13px 38px}
 .ebs-ref-backdrop:not([hidden]){display:block;position:fixed;z-index:140;inset:0;border:0;background:rgba(0,19,42,.48);cursor:pointer}
 body.ebs-ref-nav-open{overflow:hidden}
}
@media(max-width:560px){
 .ebs-ref-appbar{gap:8px;padding:0 10px}.ebs-ref-profile{padding-left:5px;border-left:0}.ebs-ref-avatar{width:32px;height:32px;font-size:14px}
 .ebs-ref-notifications{font-size:19px}
 .ebs-ref-search{height:38px;padding:0 9px;min-width:65px}.ebs-ref-search input{font-size:11px}.ebs-ref-search span{display:none}
 body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.ebs-reference-workspace-vendor .ebs-vendor-workspace .ebs-workspace-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-admin-metric{padding:12px!important}
 body.ebs-reference-workspace-admin .ebs-admin-shell .ebs-admin-metric strong{font-size:17px}
}
@media(prefers-reduced-motion:reduce){body.ebs-reference-workspace-admin *,body.ebs-reference-workspace-vendor *{transition:none!important}}

/* E03: the six headline figures remain visible; supplementary finance stays discoverable. */
.ebs-overview-data-note{font-size:11px;color:#68819b;margin:4px 0 9px}
.ebs-overview-secondary{margin:11px 0;padding:0;border:1px solid #dbe7f3;background:#fff;border-radius:9px}
.ebs-overview-secondary>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:12px;font-weight:750;color:#165187}
.ebs-overview-secondary>summary::-webkit-details-marker{display:none}
.ebs-overview-secondary>summary:after{content:'+';font-size:20px;color:#f57400}
.ebs-overview-secondary[open]>summary:after{content:'−'}
.ebs-overview-secondary>.ebs-admin-metrics{padding:10px;margin:0!important}
.ebs-overview-secondary>p{padding:0 14px 12px;color:#5f718c;font-size:11px;margin:0}
body.ebs-reference-workspace-admin .ebs-ref-overview-hero{grid-template-columns:repeat(6,minmax(0,1fr))!important}
@media(max-width:1350px){body.ebs-reference-workspace-admin .ebs-ref-overview-hero{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:560px){body.ebs-reference-workspace-admin .ebs-ref-overview-hero{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* E07/E13/E19/E20/E22/E29/E30/E34/E35: role-specific navigation shells. */
body.ebs-reference-workspace-buyer,body.ebs-reference-workspace-courier,body.ebs-reference-workspace-support{--ebs-ref-rail:250px;--ebs-ref-appbar:68px;--ebs-ref-canvas:#f0f6fc;background:#f0f6fc;color:#0b234b;font-size:14px}
.ebs-ref-role-layout{padding-left:var(--ebs-ref-rail);min-height:calc(100dvh - var(--ebs-ref-appbar))}
.ebs-ref-role-sidebar{position:fixed;z-index:100;left:0;top:0;bottom:0;width:var(--ebs-ref-rail);height:100dvh;max-height:100dvh;overflow-y:auto;background:linear-gradient(180deg,#073f78,#052c51);color:#fff;padding:13px 9px 30px}
.ebs-ref-role-brand{display:flex;gap:10px;align-items:center;border-bottom:1px solid #ffffff26;padding:9px 10px 18px;margin-bottom:10px;color:#fff}.ebs-ref-role-brand img{width:42px;height:42px;object-fit:contain}
.ebs-ref-role-brand strong{display:block;font-size:22px;color:#ff901c}.ebs-ref-role-brand small{font-size:10px;color:#dce9f7}
.ebs-ref-role-nav{display:grid;gap:2px}.ebs-ref-role-nav a{display:flex;align-items:center;gap:14px;color:#e2eef9;min-height:43px;padding:11px 12px;border-radius:7px;font-weight:650;font-size:13px}
.ebs-ref-role-nav a[aria-current="page"]{background:#ff7b0b;color:#fff}.ebs-ref-role-nav a:hover{background:#ffffff1b;color:#fff}.ebs-ref-role-link-icon{width:19px;height:19px;display:grid;place-items:center;font-size:11px}
.ebs-ref-role-content{min-width:0;padding:18px 25px 48px}
.ebs-ref-role-content .ebs-container{width:100%;max-width:none;margin:0}.ebs-ref-role-content .ebs-content{margin:0 auto}
.ebs-ref-role-content .ebs-panel{border-radius:11px;border-color:#e0eaf4;box-shadow:0 3px 14px #164b750b}
.ebs-ref-role-content .ebs-page-head h1{color:#0a2855}
.ebs-ref-role-content table th{background:#f3f8fd;color:#28547b;font-size:12px}.ebs-ref-role-content table td{font-size:12px}
@media(max-width:900px){
 body.ebs-reference-workspace-buyer,body.ebs-reference-workspace-courier,body.ebs-reference-workspace-support{--ebs-ref-rail:250px;--ebs-ref-appbar:58px}
 .ebs-ref-role-layout{padding-left:0}.ebs-ref-role-content{padding:16px 13px 35px}
 .ebs-ref-role-sidebar{transform:translateX(-105%);transition:transform .18s ease}
 body.ebs-ref-nav-open .ebs-ref-role-sidebar{transform:translateX(0)}
}
@media(min-width:901px){body.ebs-ref-sidebar-collapsed .ebs-ref-role-layout{padding-left:0}body.ebs-ref-sidebar-collapsed .ebs-ref-role-sidebar{transform:translateX(-100%)}}
