@font-face{font-family:'IBM Plex Sans';font-weight:400;src:url('/assets/fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:600;src:url('/assets/fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-weight:700;src:url('/assets/fonts/source-sans-3-latin-700-normal.woff2') format('woff2')}

/* Screen reference: 1177 × 140. Solid median sample colours; type weights are optical matches. */
body.workspace-shell21.workspace-shell21 {
 --top-bg:#2D434B; --top-sub-bg:#3D555E; --top-text:#F5F8FA;
 --top-detail:#E0EBF0; --top-edge:#46606A; --top-sub-edge:#546B74;
 --top-active:#55992A; --top-sub-active:#589D2B; --top-hover:#38525C;
 --top-sub-hover:#49636C; --top-dev-bg:#D8EFCB; --top-dev-text:#27483F;
 --top-label-font:'IBM Plex Sans',sans-serif; --top-label-size:12px; --top-label-weight:600;
 --top-sub-size:14px; --top-sub-weight:600; --top-icon-size:24px; --top-icon-stroke:1.45;
 --top-gap:8px; --top-radius:8px; --top-height:73px; --top-tab-height:57px;
 --top-sub-height:51px; --top-sub-tab:36px; --top-logo:url('/workspace21/faktumone-logo.png');
 font-family:'IBM Plex Sans',sans-serif;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;margin:0;
}
body.workspace-shell21.workspace-shell21:has(#mainnav18:not([hidden]))>.pilot-top {
 box-sizing:border-box;display:grid;grid-template-columns:clamp(152px,16.1vw,195px) minmax(0,1fr) auto auto;
 align-items:center;gap:var(--top-gap);min-height:var(--top-height);padding:7px 14px 7px 2px;
 flex:none;background:var(--top-bg);color:var(--top-text);border:0;border-radius:var(--top-radius) var(--top-radius) 0 0;
}
body.workspace-shell21.workspace-shell21:has(#mainnav18:not([hidden]))>.pilot-top .brand16 {
 grid-area:auto;width:100%;height:56px;object-fit:contain;object-position:center;content:var(--top-logo);
 filter:url('/workspace21/logo-on-dark.svg#topbar');
 translate:none;
}
body.workspace-shell21.workspace-shell21 .pilot-top #mainnav18 {
 grid-area:auto;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--top-gap);
 position:relative;margin:0;padding:0 0 0 14px;border:0;background:transparent;
}
body.workspace-shell21 .pilot-top #mainnav18::before,.session21::before {
 content:'';position:absolute;left:0;top:50%;width:1px;height:32px;transform:translateY(-50%);background:var(--top-edge);
}
body.workspace-shell21.workspace-shell21 .pilot-top #mainnav18 button {
 position:relative;display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;flex-direction:column;gap:4px;
 box-sizing:border-box;min-width:clamp(69px,7.3vw,102px);min-height:var(--top-tab-height);margin:0;padding:4px 9px;
 border:1px solid var(--top-edge);border-radius:var(--top-radius);background:var(--top-bg);color:var(--top-text);
 font:var(--top-label-weight) var(--top-label-size)/15px var(--top-label-font);letter-spacing:.025em;text-transform:uppercase;
 box-shadow:none;transition:background-color .14s,border-color .14s;
}
body.workspace-shell21.workspace-shell21 .pilot-top #mainnav18 button svg,body.workspace-shell21 .pilot-top #logout svg {
 display:block;flex:none;width:var(--top-icon-size);height:var(--top-icon-size);fill:none;stroke:currentColor;
 stroke-width:var(--top-icon-stroke);stroke-linecap:round;stroke-linejoin:round;pointer-events:none;
}
body.workspace-shell21.workspace-shell21 .pilot-top #mainnav18 button:hover,body.workspace-shell21.workspace-shell21 .pilot-top #logout:hover {background:var(--top-hover)}
body.workspace-shell21.workspace-shell21 .pilot-top #mainnav18 button[aria-current=page] {
 background:var(--top-active)!important;border-color:var(--top-active)!important;color:var(--top-text)!important;box-shadow:none;
}
body.workspace-shell21.workspace-shell21 .environment18 {display:none}
.session21 {
 position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:1px 13px;min-width:0;
 max-width:clamp(140px,18vw,230px);padding-left:16px;color:var(--top-text);line-height:1.3;
}
.session21 strong,.session21 small {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.session21 strong {font-size:12px;font-weight:600}
.session21 small {grid-row:2;font-size:12px;font-weight:400;color:var(--top-detail)}
.session21 span {grid-column:2;grid-row:1/3;align-self:center;padding:3px 6px;background:var(--top-dev-bg);color:var(--top-dev-text);border-radius:5px;font:600 11px/14px var(--top-label-font)}
body.workspace-shell21.workspace-shell21 .pilot-top #logout {
 display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:5px 9px;margin:0;
 color:var(--top-text);background:var(--top-bg);border:1px solid var(--top-sub-edge);border-radius:var(--top-radius);
 font:600 12px/16px var(--top-label-font);white-space:nowrap;
}
body.workspace-shell21 .pilot-top #logout svg {width:16px;height:16px}
body.workspace-shell21.workspace-shell21 #subnav18 {
 box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:var(--top-gap);min-height:var(--top-sub-height);
 padding:6px 13px;flex:none;background:var(--top-sub-bg);border:0;border-top:1px solid var(--top-sub-edge);
 border-radius:0 0 var(--top-radius) var(--top-radius);
}
body.workspace-shell21.workspace-shell21 #subnav18 button {
 position:relative;min-height:var(--top-sub-tab);padding:4px clamp(12px,1.7vw,23px);margin:0;
 font:var(--top-sub-weight) var(--top-sub-size)/18px var(--top-label-font);text-transform:none;
 color:var(--top-text);border:1px solid var(--top-sub-edge);border-radius:var(--top-radius);
 background:var(--top-sub-bg);box-shadow:none;
}
body.workspace-shell21.workspace-shell21 #subnav18 button:hover {background:var(--top-sub-hover)}
body.workspace-shell21.workspace-shell21 #subnav18 button[aria-current=page] {background:var(--top-sub-active)!important;border-color:var(--top-sub-active)!important;color:var(--top-text)!important}
body.workspace-shell21 #subnav18 button:has(.receiving-task-count:not(:empty):not([hidden]):not([data-count='0'])) {padding-right:34px}
body.workspace-shell21 #subnav18 .receiving-task-count {position:absolute;top:2px;right:2px;min-width:23px;height:16px;padding:0 2px;border-radius:4px;display:grid;place-items:center;font:600 11px/1 var(--top-label-font);background:var(--top-dev-bg);color:var(--top-dev-text)}
body.workspace-shell21.workspace-shell21 :is(#mainnav18,#subnav18,.session21,.pilot-top button)[hidden],body.workspace-shell21.workspace-shell21 :is(#mainnav18,#subnav18) [hidden],body.workspace-shell21 #subnav18 .receiving-task-count:is(:empty,[data-count='0']) {display:none!important}
body.workspace-shell21.workspace-shell21 :is(#mainnav18,#subnav18,.pilot-top) button:focus-visible {outline:2px solid var(--top-text);outline-offset:-4px}
/* The Document18 adapter may attach an older decorative icon after startup. Only the new glyph is painted. */
body.workspace-shell21.workspace-shell21 .pilot-top #mainnav18 button svg:not(.glyph21) {display:none}
@media(min-width:861px){
 body.workspace-shell21.workspace-shell21:has(#mainnav18:not([hidden]))>.pilot-top .brand16 {grid-area:1/1}
 body.workspace-shell21.workspace-shell21 .pilot-top #mainnav18 {grid-area:1/2}
 body.workspace-shell21.workspace-shell21 .pilot-top .session21 {grid-area:1/3}
 body.workspace-shell21.workspace-shell21 .pilot-top #logout {grid-area:1/4}
}
@media(max-width:1000px){
 body.workspace-shell21.workspace-shell21 {--top-gap:5px}
 body.workspace-shell21.workspace-shell21 .pilot-top #mainnav18 button {min-width:62px;padding-inline:6px}
}
@media(max-width:860px){
 body.workspace-shell21.workspace-shell21:has(#mainnav18:not([hidden]))>.pilot-top {grid-template-columns:minmax(0,1fr) auto auto;gap:4px 8px;padding:4px 10px 7px}
 body.workspace-shell21.workspace-shell21:has(#mainnav18:not([hidden]))>.pilot-top .brand16 {grid-area:1/1;width:155px;height:40px}
 body.workspace-shell21.workspace-shell21 .pilot-top #mainnav18 {grid-row:2;grid-column:1/-1;padding:0}
 body.workspace-shell21.workspace-shell21 .pilot-top #mainnav18::before {display:none}
 .session21 {grid-area:1/2;max-width:40vw}.pilot-top #logout {grid-area:1/3}
}
@media(prefers-reduced-motion:reduce){body.workspace-shell21.workspace-shell21 .pilot-top #mainnav18 button{transition:none}}
@media(prefers-contrast:more){body.workspace-shell21.workspace-shell21{--top-active:#3D7120;--top-sub-active:#3D7120;--top-edge:#83969B;--top-sub-edge:#92A5AB}}
body.workspace-shell21.workspace-shell21>main{flex:1;min-height:0;overflow:auto}body.workspace-open21>main{display:none!important}
#workspace-frame21{width:100%;border:0;display:block;flex:1;min-height:0;background:#f5f7f8}#workspace-frame21[hidden]{display:none}
.terminal-dialog{border:1px solid #c4d2cd;border-radius:8px;padding:20px;max-width:26rem;color:#253e43}.terminal-dialog form,.terminal-dialog label{display:grid;gap:7px}.terminal-dialog form{gap:12px}.terminal-dialog [role=alert]{color:#913e30}.session21[role=button]{cursor:pointer}.session21[role=button]:focus-visible{outline:2px solid #d8efcb}

body.workspace-shell21:not([data-system-access22="true"]) .pilot-top #mainnav18 button[data-area18="SYSTEM"]{display:none!important}

body.workspace-shell21 #subnav18 #sales-dev23{margin-left:auto;flex:none;order:10;font-size:12px}

body.workspace-shell21.workspace-shell21 #subnav18 #demo-toggle25{margin-left:auto;order:9;flex:none;padding:2px 9px;font-size:12px}
body.workspace-shell21.workspace-shell21 #subnav18:has(#demo-toggle25) #sales-dev23{margin-left:0}

body[data-screen18="transfers28"] main>.panel:not(#transfers28){display:none!important}
#transfers28 label{display:inline-flex;align-items:center;gap:.4rem;margin:.3rem .65rem .3rem 0}
#transfers28 input{max-width:14rem}
#transfers28 .workspace-table18{margin-top:.75rem}
#transfers28 button{margin:.15rem .3rem .15rem 0}

body[data-screen18="procurement29"] main>.panel:not(#procurement29) {display:none!important}
#procurement29 section {margin-block:1rem}
#procurement29 label {display:inline-flex;align-items:center;gap:.3rem;margin:.2rem .5rem .2rem 0}
#procurement29 input {max-width:12rem}
#procurement29 td input {max-width:8rem}
#procurement29 small {display:block}
#receive-type29 {display:flex;gap:.5rem;margin-block:.5rem}

#procurement29 .purchase-summary29 {position:sticky;top:0;z-index:1;background:var(--panel,#fff);border-bottom:1px solid #ccd5c9;padding:.25rem .5rem}
#procurement29 .purchase-summary29 :is(h1,p){margin:.25rem 0}