/* expert application appearance, aligned with expert.de/markt/bayreuth. */
@font-face{font-family:Lato;src:url('/fonts/lato-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url('/fonts/lato-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Lato;src:url('/fonts/lato-black.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
:root{--expert-orange:#ff5e19;--expert-black:#000;--expert-tint:#f5f5f5;--expert-orange-dark:#2b2b2b;--ink:#2b2b2b;--muted:#626262;--paper:#fafafa;--panel:#fff;--line:#d9d9d9;--orange:#ff5e19;--orange-dark:#2b2b2b;--green:#2b2b2b;--shadow:0 3px 14px #0000000a;font-family:Lato,Arial,Helvetica,sans-serif;color:#2b2b2b;background:#fafafa}
body,.supplier-app{font-family:Lato,Arial,Helvetica,sans-serif;--ink:#2b2b2b;--muted:#626262;--line:#d9d9d9;--paper:#fafafa;--green:#2b2b2b;--orange:#ff5e19;margin:0;background:#fafafa;color:#2b2b2b}
button,input,select,textarea{font-family:inherit;font-style:normal}label{color:#444}
input,select,textarea{background:#fff;color:#2b2b2b;border-color:#777;accent-color:#ff5e19}
button,.button,.supplier-app button,.supplier-app .button{background:#fff;color:#2b2b2b;border:1px solid #777;border-radius:5px;box-shadow:none}
button:hover,.button:hover,.supplier-app button:hover{background:#f2f2f2;color:#000;border-color:#2b2b2b}
.primary,.button.primary,.button:not(.secondary):not(.danger):not(.tiny),button[type=submit]:not(.secondary):not(.danger),.supplier-app .primary,.supplier-app .button.primary{background:#ff5e19;border-color:#ff5e19;color:#000}
.primary:hover,.button.primary:hover,.button:not(.secondary):not(.danger):hover,.supplier-app .primary:hover{background:#ff783c;border-color:#ff783c;color:#000}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #000;outline-offset:3px;box-shadow:0 0 0 1px #fff}
button:disabled,input:disabled,select:disabled,textarea:disabled,.button:disabled{opacity:1;background:#ededed;color:#626262;border-color:#999;cursor:not-allowed}
.ws-header,.portal-header,.customer-header,.sidebar,.target-agreements-app>aside{background:#000;color:#fff;border-top:4px solid #ff5e19}
.ws-header,.portal-header{padding-block:10px}
.ws-header label,.portal-header label,.customer-header label{color:#fff}
.ws-brand,.portal-brand,.ws-header .ws-account,.portal-account{color:#fff}
.ws-account small,.portal-account small,.sidebar .profile small{color:#ddd}
.ws-account a,.portal-account a,.customer-header a{color:#fff}
.ws-account button,.portal-account button,.customer-header button,.sidebar-logout{background:#000;border-color:#bbb;color:#fff}
.ws-account button:hover,.portal-account button:hover,.customer-header button:hover,.sidebar-logout:hover{background:#333;border-color:#fff;color:#fff}
.ws-brand img,.portal-brand img{width:150px;height:44px;object-fit:contain;background:#fff;border-radius:3px}
.expert-logo-on-dark,.ws-brand img.expert-logo-on-dark,.portal-brand img.expert-logo-on-dark,.customer-brand img.expert-logo-on-dark{background:transparent;padding:0;border:0;border-radius:0;object-fit:contain}
.brand-image-frame.has-dark-logo,.brand-image-frame:has(.expert-logo-on-dark),.customer-brand:has(.expert-logo-on-dark){background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.brand-image-frame.has-dark-logo .brand-location-name{color:#fff}
.ws-brand h1{font-size:21px;font-weight:700;letter-spacing:0;margin:0}
.ws-main{padding-top:14px}.ws-panel,.panel,.access-user,dialog{background:#fff;color:#2b2b2b;border-color:#ddd;box-shadow:none}
.ws-panel-head h2,.ws-heading h1,.panel h2,.panel h3,.ws-empty h3{color:#2b2b2b;letter-spacing:0;font-weight:700}
.ws-panel-head p,.ws-panel-body p,.ws-panel-body li,.ws-empty,.ws-note,.fine-print,.helper,.muted,.product-note{color:#626262}
.ws-panel-head{padding:14px 18px 12px}.ws-panel-body{padding:0 18px 18px}.ws-filter{padding:10px 14px;background:#fff;border-color:#ddd;margin-bottom:12px}
/* The location header must remain readable and fit its complete actions. */
.customer-header{height:auto;min-height:70px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:10px 16px}
.customer-brand{flex:0 0 auto}.customer-brand img{width:156px;height:44px}
.customer-header label{flex:1 1 320px;min-width:220px;max-width:480px;display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.3}
.customer-header select{flex:1 1 160px;width:auto;min-width:140px;max-width:100%;background:#fff;color:#2b2b2b;border-color:#fff;font-size:14px}
.customer-header option{background:#fff;color:#2b2b2b}
#previewBadge{font-size:12px;line-height:1.35;color:#fff;background:#242424;border:1px solid #888;border-radius:4px;max-width:180px;padding:5px 8px}
#customerRefresh{background:#fff;color:#2b2b2b;border-color:#fff;font-size:13px;min-height:34px}
#customerRefresh:hover{background:#eee;color:#000}
.customer-header button#customerLogout,.customer-header button#menuToggle{background:#000;color:#fff;border-color:#bbb;font-size:13px;min-height:34px;white-space:normal}
#customerUser{color:#fff;flex:0 1 180px;max-width:180px;font-size:13px;line-height:1.35;overflow-wrap:anywhere;margin-left:auto}
#backAdmin{color:#fff;font-size:12px}
.customer-layout{height:calc(100dvh - var(--customer-header-height,70px));grid-template-columns:220px minmax(0,1fr)}
#customerNav{background:#000;color:#fff;scrollbar-color:#777 #000}
#customerNav summary,#customerNav h2{color:#fff;font-size:14px;line-height:1.35}
#customerNav a{color:#fff;font-size:14px;border-radius:4px;font-weight:400}
#customerNav .customer-primary-link{font-weight:700}
#customerNav a:hover,#customerNav summary:hover{background:#2b2b2b;color:#fff}
#customerNav a[aria-current=page],#customerNav .active,.sidebar .nav-item.active{background:#ff5e19;color:#000;font-weight:700}
#customerNav details[open]>summary{color:#fff}
.customer-nav-tools{background:#000;padding-block:4px 8px}
.customer-nav-tools button,.nav-order-controls button{background:#000;color:#fff;border:1px solid #999;opacity:1}
.customer-nav-tools button:hover,.nav-order-controls button:hover{background:#333;color:#fff}
.customer-nav-tools button:disabled,.nav-order-controls button:disabled{background:#242424;color:#ccc;border-color:#777;opacity:1}
#navOrderStatus,.nav-drop-empty{color:#ddd}#navOrderStatus.error{color:#ffbfb0}
#customerFrame{background:#fafafa}#customerSitePicker{background:#f2f2f2;color:#444;border-color:#ccc}
.sidebar .nav-item,.target-agreements-app>aside a{color:#fff}.sidebar .nav-item:hover{background:#2b2b2b}.target-agreements-app>aside a.active{background:#ff5e19;color:#000}
.admin-navigation{background:#fff;border-color:#ddd;padding:9px}
.admin-navigation>small{color:#626262;letter-spacing:.05em}
.admin-navigation button,.admin-navigation a{background:transparent;color:#2b2b2b;padding:9px 10px;line-height:1.35}
.admin-navigation button[aria-current=page],.admin-navigation a[aria-current=page]{color:#000;background:#f4f4f4;box-shadow:inset 4px 0 #ff5e19;font-weight:700}
.admin-navigation button:hover,.admin-navigation a:hover{background:#eee;color:#000}
.module-card,.admin-shortcut{background:#fff;border:1px solid #ddd;border-radius:16px;padding:20px;color:#2b2b2b;box-shadow:none;gap:10px}
.module-card:hover,.admin-shortcut:hover{border-color:#aaa;box-shadow:0 4px 14px #0000000d}
.module-icon{width:52px;height:52px;border-radius:50%;background:#fff;color:#ff5e19;border:1px solid #ff5e19}.module-icon svg{width:30px;height:30px}
.module-card h2{font-size:25px;font-weight:700;color:#2b2b2b;margin:8px 0;letter-spacing:0}.module-card p,.admin-shortcut span{color:#626262;font-size:14px;line-height:1.5}
.module-card>strong{display:inline-flex;align-items:center;align-self:start;background:#ff5e19;color:#000;border-radius:5px;padding:8px 12px;font-size:14px;line-height:1.3;margin-top:auto}
#moduleCards{gap:16px}#portalTitle{font-size:27px;font-weight:700;letter-spacing:0;margin-bottom:7px}
.ws-tabs{border-color:#ccc}.ws-tabs button{background:transparent;color:#555}.ws-tabs button[aria-current=page]{color:#000;border-bottom-color:#ff5e19;font-weight:700}
.ws-card{border-color:#ddd;padding:10px 14px}.ws-card>span,.ws-card small{color:#626262}.ws-card strong{color:#2b2b2b}
.ws-table th,table thead th{background:#f4f4f4;color:#444;border-color:#ddd}.ws-table td,td{border-color:#e1e1e1}.ws-table tbody tr:hover{background:#fafafa}
.ws-link,.ws-inline-link{color:#2b2b2b;text-decoration:underline;text-decoration-color:#ff5e19;text-underline-offset:3px}
.ws-status,.ws-status.good{background:#eee;color:#2b2b2b}.ws-status.warning{background:#fff3dc;color:#744500}.ws-status.error{background:#fff0ed;color:#9c281e}
.is-positive>strong,.is-positive>small,.change-positive,.comparison-positive,.pep-balance-positive{color:#2b2b2b}
.ws-notice{background:#f4f4f4;border-color:#aaa;color:#2b2b2b}.ws-notice.error{background:#fff0ed;border-color:#c67768;color:#9c281e}
/* Light working surfaces, as on the reference; keep the financial grid intact. */
.overview-hero.hero-strip{background:#fff;color:#2b2b2b;border:1px solid #ddd;border-radius:16px;box-shadow:none}
.overview-hero-heading{border-bottom:3px solid #ff5e19;padding-bottom:12px}
.overview-hero .eyebrow{color:#444;font-size:13px;line-height:1.4;font-weight:400;letter-spacing:0;text-transform:none;margin-bottom:4px}
.overview-hero h2{color:#2b2b2b;font-size:24px;line-height:1.25;font-weight:700;letter-spacing:0}
.overview-hero .overview-progress,.overview-hero.hero-strip p:last-child{color:#626262}
.dashboard-period-note,.overview-header-meta{color:#626262}
.overview-metric{background:#f7f7f7;color:#2b2b2b;border:1px solid #ddd;border-radius:10px}
.overview-metric>span,.overview-metric>small,.overview-actual-footer>small{color:#555}
.overview-metric>strong{font-weight:700;font-style:normal;letter-spacing:-.02em}
.overview-metric-emphasis{background:#fff;border:2px solid #ff5e19}
.overview-target-progress{color:#2b2b2b}.overview-variance.is-positive>strong,.overview-variance.is-positive>small{color:#2b2b2b}.overview-variance.is-negative>strong,.overview-variance.is-negative>small{color:#b42318}
.overview-hero .conversion-heading h3{color:#2b2b2b;font-weight:700}.overview-hero .conversion-heading>span{color:#626262}
.overview-conversion{border-top-color:#d4d4d4}.conversion-detail{background:#fafafa;color:#2b2b2b;border:1px solid #ddd}
.conversion-heading .dashboard-info-warning{background:#fff;color:#2b2b2b;border-color:#ff5e19}.dashboard-info-tooltip{background:#000;border-color:#777;color:#fff}
.organization-intro,.organization-tile,.organization-document,.hb-manager-panel{background:#fff;border-color:#ddd;color:#2b2b2b}
.organization-brand strong,.organization-rubric h3,.organization-tile strong,.organization-open{color:#2b2b2b}.organization-rubric-icon,.organization-tile-icon{color:#ff5e19;background:#fff}
.organization-categories button[aria-pressed=true],.organization-views button[aria-pressed=true]{background:#ff5e19;border-color:#ff5e19;color:#000}
.hb-source{background:#f2f2f2;border-color:#ccc;color:#444}.hb-source.hb-review,.handbook-missing{background:#fff3dc;color:#744500}
.handbook-connected-ui .organization-intro{padding:14px 18px}.handbook-connected-ui .organization-intro>.eyebrow,.handbook-connected-ui .organization-intro>h2+p{display:none}
.hb-library .ws-panel-head{align-items:center}.hb-library .organization-intro>h2,.hb-library .organization-intro .organization-brand{display:none}
.hb-launchers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hb-launchers>button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;text-align:left;padding:16px;border:1px solid #ddd;background:#fff;border-radius:12px;align-content:start}
.hb-launchers strong{font-size:16px;line-height:1.3}.hb-launchers span{grid-column:1;font-size:12px;color:#626262;font-weight:400;line-height:1.5}.hb-launchers b{grid-column:2;grid-row:1/3;color:#000;background:#ff5e19;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;align-self:center}.hb-launchers>button:hover{background:#f7f7f7;border-color:#aaa}
.hb-library-select{display:flex;gap:10px;align-items:end;margin-bottom:14px}.hb-library-select label{flex:1;max-width:560px}.hb-book-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hb-book-list>button{display:grid;text-align:left;justify-content:stretch;gap:5px;padding:12px;border-color:#ccc;min-width:0}.hb-book-list small{font-weight:400;color:#626262;white-space:normal}.hb-book-list span{font-size:12px;color:#2b2b2b}.hb-book-list strong{overflow-wrap:anywhere}
.hb-copy-fields{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:10px}.hb-copy-preview{margin-top:14px;border:1px solid #ccc;padding:14px;border-radius:8px}.hb-copy-preview h3{font-size:17px;margin:0 0 8px}.hb-copy-preview details{margin-block:10px}.hb-copy-preview pre{white-space:pre-wrap;max-height:180px;overflow:auto;font-family:inherit;font-size:13px;line-height:1.5}.hb-copy-preview .ws-check{margin:12px 0}.hb-blank{padding:16px}.hb-manager-head p,.hb-manager-panel p{font-size:12px;line-height:1.5}.hb-manager-panel{padding:14px;margin-block:12px}
.live-dashboard,.live-dashboard:fullscreen{--live-bg:#000;--live-card:#fff;--live-accent:#ff5e19;--live-muted:#ddd;background:#000;color:#fff}.live-heading,.dashboard-topbar{background:#000;color:#fff}.live-controls{background:transparent}.live-dashboard .overview-metric{background:#fff;color:#2b2b2b}.live-dashboard .button{background:#fff;color:#2b2b2b;border-color:#fff}
.pep-day-head strong,.pep-department{color:#555}.pep-matrix th:first-child{background:#f4f4f4}.pep-cell.work{background:#f5f5f5;color:#2b2b2b;border-color:#999}.offer-highlight,.offer-bundle{background:#f3f3f3;color:#2b2b2b}
.login-story{background:#000}.login-story .eyebrow{color:#ff5e19}.login-panel{background:#fafafa}.auth-card,.login-form-panel,.login-card{background:#fff;border-color:#ddd}#bootView{background:#000!important}
@media(max-width:1100px){.hb-launchers,.hb-book-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-copy-fields{grid-template-columns:1fr 1fr}.customer-header label{max-width:400px}#customerUser{max-width:150px}}
@media(max-width:850px){.customer-header label{font-size:12px}.customer-header select{font-size:14px;width:auto}.customer-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:650px){.hb-launchers,.hb-book-list,.hb-copy-fields{grid-template-columns:1fr}.hb-library-select{align-items:stretch;flex-direction:column}.ws-brand img,.portal-brand img{width:120px;height:36px}.ws-brand h1{font-size:17px}.ws-header{padding:8px 12px}.ws-main{padding-top:12px}.module-card{padding:16px}.hb-library .ws-panel-head{align-items:start;flex-wrap:wrap}}
@media(max-width:620px){.customer-header{padding:8px 10px;gap:7px 10px}.customer-brand img{width:130px;height:36px}.customer-header label{flex:1 1 100%;max-width:none;min-width:0}.customer-header select{min-width:0;width:auto}#menuToggle{display:block;margin-left:auto}#customerUser{display:none}#customerLogout{margin-left:auto;font-size:12px;padding:6px 9px}#backAdmin{order:initial}.customer-layout{display:block;height:calc(100dvh - var(--customer-header-height,120px))}#customerNav{height:calc(100dvh - var(--customer-header-height,120px));width:240px;top:var(--customer-header-height,120px)}.customer-layout main{height:100%}}
@media print{body{background:#fff}.hb-launchers,[data-library-back]{display:none!important}}
