/* Optional desktop appearance. Same palette and components as mobile-app.css.
   Rollback: disable this link or choose the previous web design in the header.
   Only the signed-in portal at >=768px is affected. */
@media (min-width:768px) {
 body:not(.desktop-classic):has(.mobile-bottom-nav) {
  --green:#103e30;--ink:#21372e;--muted:#718078;--paper:#f6f7f3;--line:#e6eae3;
  background:var(--paper);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) h1 {font-size:36px;line-height:1.18;letter-spacing:-1.1px;font-weight:700}
 body:not(.desktop-classic):has(.mobile-bottom-nav) h2 {font-size:23px;line-height:1.3;letter-spacing:-.45px;font-weight:700}
 body:not(.desktop-classic):has(.mobile-bottom-nav) h3 {letter-spacing:-.2px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) main {max-width:1280px;padding:32px 36px 64px;min-width:0}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header.orders-header {
  display:block;position:relative;z-index:95;background:#103e30;color:white;
  border:0;box-shadow:0 2px 12px #122f2510;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header-inner {
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  max-width:1280px;padding:20px 36px 14px;gap:18px 28px;align-items:center;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-brand {grid-column:1;grid-row:1;gap:12px;min-width:0}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-brand b {font-size:19px;letter-spacing:-.3px;color:#fff}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-brand small {font-size:12px;color:#c5d6cc;margin-top:3px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-mark {
  background:#ffffff12;border:1px solid #ffffff24;color:#f2f6e9;
  width:42px;height:44px;border-radius:12px;flex-shrink:0;font-size:24px;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header-inner>nav {
  grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:6px;
  margin:0;padding:12px 0 0;border-top:1px solid #ffffff1c;width:100%;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a {
  display:flex;align-items:center;min-height:42px;padding:9px 14px;
  color:#cfddd4;font-size:14px;border-radius:11px;white-space:nowrap;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a:hover {background:#ffffff12;color:white}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[aria-current=page] {background:#eaf1df;color:#16452f}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-account {
  display:grid;grid-template-columns:auto auto;gap:2px 20px;
  grid-column:2;grid-row:1;align-items:center;border:0;padding:0;
  max-width:none;margin:0;color:#fff;font-size:14px;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-account>span {grid-column:1;grid-row:1;font-weight:600}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-account>small {grid-column:1;grid-row:2;color:#c5d6cc;font-size:12px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-account>[data-action=logout] {
  grid-column:2;grid-row:1;color:#dce8df;font-size:12px;min-height:24px;padding:0;text-align:right;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-account .desktop-appearance-toggle {
  grid-column:2;grid-row:2;background:#ffffff0c;border:1px solid #ffffff36;
  color:#e1ece3;border-radius:9px;font-size:11px;min-height:30px;padding:4px 10px;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header .mobile-menu-toggle,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header .mobile-navigation,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .mobile-bottom-nav {display:none}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .workplace-switcher {
  max-width:1208px;margin:22px auto 0;padding:16px 20px;gap:24px;
  border:1px solid var(--line);border-radius:16px;background:white;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) .primary,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-app .primary {
  background:#123f31;color:white;border:1px solid #123f31;min-height:46px;
  border-radius:12px;padding:11px 18px;font-size:14px;font-weight:650;
  white-space:normal;line-height:1.4;box-shadow:0 2px 3px #0c392909;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) .primary:hover:not(:disabled) {background:#20543f}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .secondary,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-app .secondary {
  border:1px solid #d5ded3;background:#fff;border-radius:12px;
  min-height:44px;padding:10px 15px;font-size:14px;color:#284b3a;
  white-space:normal;line-height:1.4;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) .text-button,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-link {min-height:40px;color:#2b6346;font-size:14px;text-underline-offset:3px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) button:disabled {opacity:.48;box-shadow:none}
 body:not(.desktop-classic):has(.mobile-bottom-nav) input:not([type=checkbox]):not([type=radio]),
 body:not(.desktop-classic):has(.mobile-bottom-nav) select,
 body:not(.desktop-classic):has(.mobile-bottom-nav) textarea {
  border:1px solid #dce3d8;border-radius:12px;padding:12px 14px;
  background:white;font-size:15px;color:#263c30;min-height:46px;max-width:100%;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) input[type=checkbox],
 body:not(.desktop-classic):has(.mobile-bottom-nav) input[type=radio] {accent-color:#20533b}
 body:not(.desktop-classic):has(.mobile-bottom-nav) :is(button,a,input,select,textarea,summary):focus-visible {outline:3px solid #75a185;outline-offset:3px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .eyebrow,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-eyebrow {font-size:11px;letter-spacing:1.6px;color:#7a887b}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .notice,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .error {padding:16px 18px;border-radius:14px;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-title,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .dashboard-heading {padding:0;margin:4px 0 28px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-title>p:last-child,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .dashboard-heading>p:last-child {font-size:15px;color:#718078;margin-top:12px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-actions {gap:22px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) :is(.portal-actions section,.portal-method,.dashboard-card,.ops-card,.ord-card,.fin-card,.pf-task,.workspace) {
  background:white;border:1px solid #e5eae0;border-radius:19px;
  box-shadow:0 3px 13px #1f382306;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) :is(.dashboard-card,.ops-card,.ord-card,.fin-card) {padding:26px;margin-bottom:22px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-training-card {border-top:3px solid #316347;color:#213b2d}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .dashboard-stats {gap:18px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .dashboard-stats>div,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-stats section {
  background:white;border:1px solid #e5eae0;border-radius:17px;
  padding:22px 24px;color:#637768;min-width:0;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) .dashboard-stats strong,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-stats strong {color:#1d5538;font-size:30px;line-height:1.2}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .dashboard-stats span {font-size:13px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ops-page {max-width:1280px;color:var(--ink)}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ops-heading {gap:20px;margin-bottom:24px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ops-heading p {font-size:14px;color:#718078}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ops-tabs,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-tabs {background:#e9ede5;border:0;border-radius:13px;padding:5px;gap:5px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ops-tabs button,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-tabs button {
  border:0;border-radius:10px;min-height:42px;padding:9px 18px;
  color:#6a7a6b;box-shadow:none;background:transparent;font-size:14px;
 }
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ops-tabs button[aria-pressed=true],
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-tabs button[aria-pressed=true] {background:white;color:#1c4d32;box-shadow:0 2px 5px #273e2510}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ops-run {background:white;border:1px solid #e4e9df;border-radius:17px;margin:16px 0;padding:22px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ops-run h4 {font-size:18px;letter-spacing:-.3px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ops-run.is-running {border-color:#cdb984}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ops-run-status {background:#f0f2ec;color:#66745f;border-radius:7px;padding:5px 10px;font-size:12px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ops-run.is-running .ops-run-status {background:#fcf1d7;color:#826226}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ops-run.is-done .ops-run-status {background:#e6f2df;color:#347044}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ops-instruction {font-size:14px;color:#64745f;max-width:80ch}
 body:not(.desktop-classic):has(.mobile-bottom-nav) [data-clean-review] [value=returned] {border-color:#e1bdb0;color:#a34832;background:#fffaf7}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .rail {background:#edf2e7;color:#345337}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .rail-step {color:#6b7d62}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .rail-step.active {color:#254c32}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .rail-step.active .step-icon {background:#20533b;color:white}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .rail-title {border-color:#d5dfcf}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .rail-note p {color:#526b49}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .rail-note {border-color:#d5dfcf;color:#345337}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .background {background:#f4f6ef;border-radius:13px;font-size:15px;padding:20px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .bubble {background:#f0f3eb;border-radius:0 15px 15px 15px;font-size:15px;line-height:1.65}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .user .bubble {background:#eaf1df;border-radius:15px 0 15px 15px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-layout {display:block;min-height:0}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-sidebar {display:none}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-layout .ord-app {max-width:1280px;margin:auto;padding:32px 36px 64px;background:transparent;color:var(--ink)}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-stats {gap:18px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-muted,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-app small,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-pilot {color:#718078;font-size:13px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-columns {grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:22px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-step {border-color:#e6eae3}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-step p,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-step-top>span,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-details dt {color:#657760;font-size:14px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-step.is-running {background:#eef4e8;border-radius:12px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-app label {color:#36523f;font-size:14px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-stages li {color:#7b8877}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-stages li:before {background:#dce5d5}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-stages li span {background:var(--paper);border-color:#b5c7aa}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-stages .is-current {color:#20533b}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-stages .is-current span {background:#20533b;border-color:#20533b;color:white}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-stages .is-complete span {background:#477b55;border-color:#477b55;color:white}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-check input {accent-color:#20533b}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-callout {background:#edf3e6;color:#365f3e;border-radius:16px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-invoice {background:#f5f8f0;border-color:#dce6d5;border-radius:16px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-invoice-review,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-invoice-lines {border-color:#dce6d5}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-app th {background:#f5f7f1;color:#718078;font-size:13px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-app td,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-app th {border-color:#e6eae3;padding:16px 12px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-app table {font-size:14px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .fin-app {max-width:1280px;color:var(--ink)}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .fin-stats {background:#eef3e8;border-radius:14px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .fin-stats strong {color:#1d5538}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .fin-badge,
 body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-badge {background:#eaf1e3;color:#3e6746;border-color:#dce7d4}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .fin-address {background:#edf3e6;border-radius:12px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-footer {
  max-width:1280px;margin:auto;border:0;padding:20px 36px 32px;
  font-size:12px;color:#8a9384;
 }
 @media(max-width:1050px) {
  body:not(.desktop-classic):has(.mobile-bottom-nav) main,
  body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-layout .ord-app {padding-left:24px;padding-right:24px}
  body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header-inner {padding-left:24px;padding-right:24px}
  body:not(.desktop-classic):has(.mobile-bottom-nav) .workplace-switcher {margin-left:24px;margin-right:24px}
  body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-columns {grid-template-columns:1fr}
  body:not(.desktop-classic):has(.mobile-bottom-nav) .ord-stats {grid-template-columns:repeat(2,minmax(0,1fr))}
 }
}

@media(min-width:768px){body.desktop-classic>.desktop-appearance-toggle{position:fixed;right:24px;bottom:24px;z-index:150;background:white;color:#103e30;border:1px solid #b8c9bd;border-radius:12px;padding:12px 18px;box-shadow:0 4px 18px #0002}}

/* Desktop navigation rail. Existing links and authorization are reused. */
@media(min-width:768px){
 body:not(.desktop-classic):has(.mobile-bottom-nav){--wc-sidebar-width:260px;padding-left:var(--wc-sidebar-width)}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header,body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header.orders-header{position:fixed;inset:0 auto 0 0;width:var(--wc-sidebar-width);height:100dvh;background:#f8faf7;color:#294537;border-right:1px solid #dfe6dc;box-shadow:2px 0 14px #183a2705}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:100%;max-width:none;margin:0;padding:16px 12px 12px;gap:16px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-brand{grid-column:1;grid-row:1;display:flex;gap:10px;background:#103e30;border-radius:12px;padding:13px 10px;min-width:0}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-brand b{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-brand small{font-size:11px;line-height:1.4;margin-top:4px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-mark{width:36px;height:39px;font-size:22px;border-radius:10px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header-inner>nav{grid-column:1;grid-row:2;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-content:start;gap:3px;width:100%;margin:0;padding:2px 3px 8px;border:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a{display:flex;gap:12px;align-items:center;flex-shrink:0;min-height:40px;line-height:1.35;padding:10px 12px;font-size:13px;font-weight:550;color:#64756c;white-space:normal;border-radius:9px;overflow-wrap:anywhere;--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a::before{content:"";width:18px;height:18px;flex:0 0 18px;background:currentColor;-webkit-mask:var(--wc-nav-icon) center/contain no-repeat;mask:var(--wc-nav-icon) center/contain no-repeat;opacity:.85}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a:hover{background:#eaf0e8;color:#234a36}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[aria-current=page]{background:#dfe9df;color:#16452f;font-weight:700}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-account{grid-column:1;grid-row:3;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;border-top:1px solid #dfe6dc;padding:14px 8px 0;max-width:100%;color:#294537;font-size:13px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-account>span{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-account>small{grid-column:1/-1;grid-row:2;color:#718078;font-size:11px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-account>[data-action=logout]{grid-column:2;grid-row:1;color:#4b6657;font-size:11px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-account .desktop-appearance-toggle{grid-column:1/-1;grid-row:3;background:#fff;color:#536d5d;border-color:#d5dfd2;font-size:11px;margin-top:6px;min-height:32px}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .workplace-switcher{width:calc(100% - 72px);max-width:1208px;margin:24px auto 0}
 body:not(.desktop-classic):has(.mobile-bottom-nav) main{width:100%;min-width:0}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="overblik"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v10H3Z%22%2F%3E%3Cpath%20d%3D%22M9%2020v-7h6v7%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="workplaces"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2212%22%20height%3D%2216%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M15%2010h6v10h-6M7%208h4M7%2012h4M7%2016h4%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="projects"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2217%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m8%2011%202%202%205-5M8%2017h8%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="orders"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%208h8M8%2012h8M8%2016h5%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="finance"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18M15%2014h3M7%2015h3%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="companyProfile"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V6l8-3%208%203v15M3%2021h18M8%208h1m6%200h1M8%2012h1m6%200h1M10%2021v-5h4v5%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="shifts"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%203v4m10-4v4M3%2011h18M7%2015h3m4%200h3%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="cleaning"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m14%203%207%207M18%207%209%2016M3%2015l4-4%207%207-4%204H3Z%22%2F%3E%3Cpath%20d%3D%22m7%2016-3%203%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="allergens"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%204C9%202%203%208%205%2015c1%205%208%206%2012%201%203-4%203-8%203-12Z%22%2F%3E%3Cpath%20d%3D%22m5%2020%2011-11%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="traening"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%208%209-5%209%205-9%205Z%22%2F%3E%3Cpath%20d%3D%22M6%2010v7c4%204%208%204%2012%200v-7M21%208v8%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="onboarding"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%206C8%203%205%203%202%204v15c4-1%207%200%2010%202%203-2%206-3%2010-2V4c-3-1-6-1-10%202ZM12%206v15%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="historik"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%206v6l4%202%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="knowledge"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%204C5%202%202%207%205%2010c-4%203-1%209%203%208%200%204%204%204%204%200V5c0-3-3-3-3-1Zm6%200c4-2%207%203%204%206%204%203%201%209-3%208%200%204-4%204-4%200%22%2F%3E%3Cpath%20d%3D%22M5%2010h3m11%200h-3%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="admin"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="development"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%205-6%207%206%207m8-14%206%207-6%207m-3-16-2%2018%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="members"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3m3-18a3%203%200%200%201%200%206m1%204a5%205%200%200%201%203%205v3%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="exercises"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2020%204-1L21%206l-4-4L4%2015Zm10-15%204%204M3%2022h18%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="staffing"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18M6%2017v-5m6%205V7m6%2010V3%22%2F%3E%3C%2Fsvg%3E")}
 body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a[data-view="dashboard"]{--wc-nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18M4%2016l5-6%204%203%207-9%22%2F%3E%3Cpath%20d%3D%22M15%204h5v5%22%2F%3E%3C%2Fsvg%3E")}

 @media(max-width:1050px){
  body:not(.desktop-classic):has(.mobile-bottom-nav){--wc-sidebar-width:224px}
  body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header-inner{padding:12px 9px 10px}
  body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header nav a{padding:10px 8px;gap:10px;font-size:12px}
  body:not(.desktop-classic):has(.mobile-bottom-nav) .workplace-switcher{width:calc(100% - 48px);margin:24px auto 0}
 }
}
@media(min-width:768px){body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header-inner{align-items:stretch}body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header-inner>nav{height:100%;align-self:stretch}}