:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}body{color:#263d32;background:#f2f4f1;min-width:360px;margin:0;font-family:Arial,sans-serif;display:block}#root{text-align:left;width:100%;max-width:none;margin:0;padding:0}button{cursor:pointer;color:#fff;background:#244f3b;border:0;border-radius:9px;padding:11px 16px;font-weight:600}button:disabled{opacity:.55;cursor:wait}input,textarea,select{color:#263d32;background:#fff;border:1px solid #cdd8cf;border-radius:8px;width:100%;margin:7px 0 16px;padding:11px;display:block}textarea{resize:vertical;min-height:140px}label{font-size:13px;font-weight:600;display:block}h1,h2,h3,p{margin-top:0}h1{color:inherit;margin-bottom:10px;font-size:34px}p{line-height:1.6}small{font-size:11px}header{color:#fff;background:#173a2b;justify-content:space-between;align-items:center;gap:24px;padding:32px 5%;display:flex}header small{color:#bfceba;letter-spacing:2px}header p{color:#ccd9cb;margin:0}.header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.import{cursor:pointer;border:1px solid #6b8474;border-radius:8px;padding:10px}.import input{display:none}.badge{color:#243d29;background:#d8e6ad;border-radius:20px;padding:6px 9px;font-size:12px;font-weight:700;display:inline-block}.status{background:#e5ece4;justify-content:space-between;align-items:center;gap:15px;padding:12px 5%;font-size:12px;display:flex}.quiet{color:#294737;background:#edf2ec}.quiet:hover{background:#dbe6d9}main{grid-template-columns:295px minmax(0,1fr);gap:24px;max-width:1350px;margin:28px auto;padding:0 24px;display:grid}section{background:#fff;border:1px solid #dce4dc;border-radius:14px;margin-bottom:20px;padding:22px}.contact{text-align:left;color:#2b4236;background:#f1f5ef;border:1px solid #0000;width:100%;margin-top:9px;display:block}.contact:hover,.contact.active{background:#e3eddf;border-color:#739171}.contact small{margin-top:8px;font-weight:400;display:block}.contact .badge{float:right}.title{justify-content:space-between;align-items:center;gap:15px;display:flex}.title h2{margin:8px 0 20px}.title h3{margin:10px 0}.title>div>small{letter-spacing:1.5px;color:#738173}.pill{background:#edf2e8;border-radius:20px;padding:8px 10px;font-size:12px}nav{border-bottom:1px solid #e0e7dc;flex-wrap:wrap;gap:7px;margin-bottom:24px;padding-bottom:20px;display:flex}.fields{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.wide{grid-column:1/-1}.muted,.footnote{color:#67796a;font-size:12px}.footnote{border-top:1px solid #e4e9e0;margin-top:30px;padding-top:18px}.empty{padding:45px 10px}.alert,.notice{color:#654d20;white-space:pre-wrap;background:#fff1d4;border-radius:8px;padding:14px}.alert{color:#7b3025;background:#ffe8e4}.supplier-app>.alert{margin:16px 5%}.records article,.mail-body{border:1px solid #dce5d9;border-radius:12px;margin-top:20px;padding:20px}details{border-bottom:1px solid #dfe7da;padding:10px 0}summary{cursor:pointer;padding:8px 0;font-size:14px;font-weight:700}.message{color:#354d3c;text-align:left;background:#f4f6f1;justify-content:space-between;gap:12px;width:100%;margin:5px 0;font-size:12px;font-weight:400;display:flex}.message:hover{background:#e3ecdc}.message.unread{border-left:4px solid #53793d;font-weight:700}.mail-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 Arial,sans-serif}.compose{background:#f4f6f0;border-radius:12px;margin-top:24px;padding:22px}.compose textarea{min-height:200px}input:focus,textarea:focus,select:focus,button:focus-visible{outline-offset:2px;outline:2px solid #6d8e59}@media (width<=850px){header{flex-direction:column;align-items:flex-start}main,.fields{grid-template-columns:1fr}.message{flex-direction:column}.status{align-items:flex-start}.title{flex-wrap:wrap}}.app-navigation{background:#fff;border-bottom:1px solid #dce4da;margin:0;padding:14px 5%}.board-heading{justify-content:space-between;align-items:center;gap:20px;margin:6px 0 26px;display:flex}.board-heading small{letter-spacing:2px;color:#74816f;font-size:10px}.board-heading p{color:#72806f;margin-bottom:0;font-size:13px}.pin-controls{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px;display:flex}.pin-controls>span{color:#75806f;margin-right:8px;font-size:12px}.pin-controls button{padding:8px 12px;font-size:12px}.pin-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:25px;display:grid}.pin-card{border:1px solid #dbe3d4;border-radius:17px;grid-column:span 4;min-width:0;margin:0;padding:0;overflow:hidden;box-shadow:0 8px 22px #1b351a05}.pin-support{grid-area:span 2/span 8}.pin-tasks,.pin-samples{grid-column:span 6}.pin-title{background:#f9faf6;border-bottom:1px solid #e1e7dc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;display:flex}.pin-title h2{margin:0;font-size:18px}.pin-actions{gap:5px;display:flex}.pin-content{max-height:640px;padding:22px;overflow:auto}.pin-support .pin-content{min-height:420px;max-height:780px}.metric{align-items:baseline;gap:12px;margin-bottom:22px;display:flex}.metric>strong{letter-spacing:-2px;font-size:38px;font-weight:500}.metric>span{color:#718069;font-size:12px}.work-row{border-bottom:1px solid #e6eadf;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.work-row select{width:auto;max-width:145px;margin:0;padding:8px;font-size:11px}.text-button{text-align:left;color:#294433;background:0 0;min-width:0;padding:4px 0;font-size:13px}.text-button:hover{color:#5d793b;background:0 0}.text-button small{color:#75806f;margin-top:7px;font-weight:400;display:block}.support-summary{color:#69785f;border-bottom:1px solid #e1e6da;flex-wrap:wrap;align-items:center;gap:18px;padding-bottom:20px;font-size:12px;display:flex}.support-summary .pill{margin-left:auto}.mini-tabs{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.inbox-candidates .message{padding:14px}.inbox-candidates .message small{margin-top:6px;display:block}.task-form{grid-template-columns:minmax(0,1fr) 140px;column-gap:12px;display:grid}.task-form button{grid-column:1/-1;justify-self:start;margin-bottom:15px}.sticky{background:#fcf4d7;border:1px solid #ece0b4;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;padding:15px;display:flex;box-shadow:1px 3px #eee8cf}.sticky label{align-items:flex-start;gap:12px;line-height:1.5;display:flex}.sticky input{accent-color:#42643c;width:16px;margin:2px 0}.sticky small{color:#827959;margin-top:6px;font-weight:400;display:block}.sticky.done{box-shadow:none;opacity:.75;background:#eff3e8}.sticky.done span{text-decoration:line-through}.sale-row{border:1px solid #e1e6da;border-radius:9px;margin:12px 0;padding:12px}.sale-row .fields{margin-top:18px}.purchase-editor{border-top:1px solid #dce4d5;margin-top:25px;padding-top:25px}.board-full .pin-grid{max-width:1200px;margin:auto;display:block}.board-full .pin-content{max-height:none}.board-full .pin-card{margin:0}.board-full .pin-title{display:none}.board-full .pin-support .pin-content{min-height:0}.board-full .board-heading{max-width:1200px;margin:0 auto 25px}.board-full .footnote{max-width:1200px;margin:30px auto 0}@media (width<=1100px){.pin-card{grid-column:span 6}.pin-support{grid-area:auto/span 12}.pin-content{max-height:650px}}@media (width<=650px){.pin-grid{display:block}.pin-card{margin-bottom:20px}.board-area{padding:24px 14px}.board-heading{flex-direction:column;align-items:flex-start}.board-heading h2{font-size:23px}.pin-content,.pin-title{padding:16px}.task-form{grid-template-columns:1fr}.support-summary .pill{margin-left:0}.work-row{flex-wrap:wrap}.app-navigation{padding:12px}.app-navigation button{padding:10px;font-size:12px}.pin-actions button{font-size:11px}.board-full .pin-content{padding:16px}}.login-page{background:#eef0e9;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dce0d5;border-radius:20px;width:min(460px,100%);padding:40px;box-shadow:0 20px 60px #18382b14}.login-card form{gap:18px;display:grid}.login-card h1{font-size:32px;line-height:1.2}.login-card small{color:#556454}.login-card .muted{margin-top:24px;font-size:13px}.login-card input{box-sizing:border-box;width:100%}.directory-page,.supplier-profile-page{max-width:1320px;margin:0 auto;padding:32px 40px;display:block}.profile-title{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.profile-title h2{margin:8px 0;font-size:30px}.profile-title h3{margin:10px 0;font-size:25px}.profile-title small{letter-spacing:1.3px;color:#687d70}.profile-title p{color:#687d70;margin:0}.profile-identity{align-items:center;gap:20px;min-width:0;display:flex}.profile-identity h2{overflow-wrap:anywhere}.avatar{color:#29543d;background:#e6eee4;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:grid}.avatar.large{border-radius:20px;width:70px;height:70px;font-size:25px}.supplier-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.supplier-card{text-align:left;color:#263d32;background:#fff;border:1px solid #dce5db;border-radius:16px;padding:24px;display:block;box-shadow:0 3px 12px #244f3b04}.supplier-card:hover,.record-card:hover{background:#f8fbf6;border-color:#769c7b;box-shadow:0 5px 18px #244f3b0a}.supplier-card h3{overflow-wrap:anywhere;margin:22px 0 8px;font-size:20px}.supplier-card p{color:#687d70;margin:0 0 10px;font-weight:400}.supplier-card>small{overflow-wrap:anywhere;font-weight:400}.card-heading,.card-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-counts{border-top:1px solid #e8eee7;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:18px;font-size:12px;font-weight:400;display:flex}.card-counts span{background:#f1f5ef;border-radius:6px;padding:6px 8px}.card-footer{margin-top:20px;font-size:13px}.list-filters{align-items:center;gap:16px;margin:20px 0;display:flex}.list-filters input{flex:1;margin:0}.list-filters select{width:230px;margin:0}.list-filters>span{color:#687d70;white-space:nowrap;font-size:13px}.supplier-profile{background:#fff;border:1px solid #dce5db;border-radius:18px;padding:32px}.breadcrumb{margin-bottom:20px}.profile-actions{flex-wrap:wrap;gap:10px;margin:16px 0 24px;display:flex}.profile-tabs{border-bottom:1px solid #dce5db;flex-wrap:wrap;gap:8px;margin:24px 0;padding-bottom:18px;display:flex}.profile-tabs button{font-size:13px}.profile-content{min-height:260px}.profile-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.profile-metrics button{color:#263d32;text-align:left;background:#f3f6f0;border:1px solid #e4ebdf;padding:20px}.profile-metrics button:hover{background:#e6eee1}.profile-metrics strong{margin-bottom:8px;font-size:30px;display:block}.profile-metrics span{font-size:13px;font-weight:400}.profile-columns{grid-template-columns:1fr 1fr;gap:22px;display:grid}.profile-box{background:#fff;border:1px solid #e2e9df;border-radius:12px;min-width:0;margin-bottom:24px;padding:24px}.profile-box h3,.profile-box h4{margin:0 0 18px}.profile-facts{grid-template-columns:1fr 1fr;gap:22px;margin:20px 0 28px;display:grid}.profile-facts dt{color:#738173;margin-bottom:7px;font-size:12px}.profile-facts dd{overflow-wrap:anywhere;margin:0;font-size:15px}.preserve-text{white-space:pre-wrap;overflow-wrap:anywhere}.log-row{color:#263d32;text-align:left;background:0 0;border:0;border-bottom:1px solid #edf1e9;border-radius:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:15px 0;font-weight:400;display:flex}.log-row:hover{background:#f5f8f2}.log-row span:first-child{min-width:0}.log-row strong,.log-row small{overflow-wrap:anywhere;display:block}.log-row strong{margin:4px 0;font-size:14px}.log-row small{color:#71816f;font-size:12px}.log-entry{border-bottom:1px solid #edf1e9;padding:12px 0}.log-entry strong,.log-entry small{display:block}.log-entry small{color:#71816f;margin-top:6px}.record-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.record-card{color:#263d32;text-align:left;background:#fff;border:1px solid #dce5db;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;display:flex}.record-card>strong{overflow-wrap:anywhere;font-size:18px}.record-card small{color:#687d70;font-weight:400}.card-link{margin-top:8px;font-size:12px}.record-profile>h3{font-size:25px}.record-editor{max-width:860px}.record-editor>h3{margin:22px 0 12px;font-size:24px}.profile-empty{text-align:center;color:#687d70;border:1px dashed #d6e1d0;border-radius:12px;margin:20px 0;padding:40px 24px}.profile-empty h3,.profile-empty h4{color:#344f39}.danger-text{color:#a14139!important}.customer-profile{margin-top:20px}.profile-box .text-button{margin-top:12px}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #93ae56}@media (width<=800px){.directory-page,.supplier-profile-page{padding:22px 16px}.supplier-profile{padding:20px}.profile-columns{grid-template-columns:1fr}.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-title{flex-wrap:wrap;align-items:flex-start}.profile-identity{align-items:flex-start}.avatar.large{width:48px;height:48px;font-size:18px}.profile-title h2{font-size:24px}.list-filters{flex-wrap:wrap}.list-filters select{width:100%}.profile-facts{gap:16px}.profile-tabs{gap:6px}.profile-tabs button{padding:10px}.supplier-cards,.record-cards{grid-template-columns:1fr}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text-h:#172c25;--text:#60736a;--bg:#f4f6f8;--border:#e5eae7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}body{color:#263d32;background:#f4f6f8;min-width:320px;font-family:inherit}#root{border:0}button,input,textarea,select{font-family:inherit}input,textarea,select{background:#fcfdfc;border-color:#dde5e0;border-radius:10px;padding:12px 14px}input:focus,textarea:focus,select:focus{outline-offset:1px;background:#fff;border-color:#438565;outline:2px solid #b8d6c3}input::placeholder,textarea::placeholder{color:#96a39c}button{letter-spacing:.1px;background:#26694b;border-radius:10px;font-weight:600}button:hover{background:#1f573e}button.quiet,.quiet{color:#426151;background:#eff4f0}button.quiet:hover,.quiet:hover{background:#e1ece4}.text-button{color:#29714c;background:0 0;padding:4px 0}.text-button:hover{color:#173f2b;background:0 0;text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.025em;color:#20372b}h2{font-weight:650}p{color:inherit}header{background:linear-gradient(110deg,#182f27,#214f3b);border-bottom:1px solid #294b3a;min-height:120px;padding:25px max(32px,50vw - 660px);box-shadow:0 5px 20px #183c2210}header h1{letter-spacing:-.7px;color:#fff;margin:6px 0;font-size:27px;font-weight:650}header small{letter-spacing:2px;color:#a6c8b7;font-size:10px}header p{color:#b7cfc2;margin-top:7px;font-size:12px}header .header-actions button,header .import{color:#e5efe8;background:#ffffff09;border:1px solid #527563;border-radius:9px;padding:10px 13px;font-size:12px}header .header-actions button:hover{background:#ffffff17}.badge{color:#34572f;background:#dff0b9;padding:5px 9px}.app-navigation{background:#fff;border-bottom:1px solid #e4eae5;gap:8px;padding:12px max(32px,50vw - 660px);box-shadow:0 3px 12px #183c2203}.app-navigation button{border-radius:9px;padding:11px 17px;font-size:13px}.app-navigation .quiet{color:#6b7b71;background:0 0}.app-navigation .quiet:hover{color:#234630;background:#f1f5f2}.status{color:#728279;background:#f4f6f8;border:0;min-height:34px;padding:10px max(32px,50vw - 660px);font-size:11px}.status button{padding:5px 10px;font-size:11px}.status[role=status]{padding-top:0}.status[role=status] strong{color:#487557;background:#e7f1e8;border-radius:20px;padding:4px 10px;font-weight:500}.alert{color:#934c37;background:#fff0ec;border:1px solid #f4d9cd;border-radius:10px;font-size:13px}.notice{color:#637b5c;background:#f0f5ef;border:1px solid #dce9d8;border-radius:10px;font-size:13px}.board-heading h2{margin-bottom:8px;font-size:28px;font-weight:650}.board-heading small,.profile-title small{letter-spacing:1.5px;color:#809387;font-size:10px;font-weight:600}.pin-controls{gap:8px;margin:20px 0 24px;font-size:12px}.pin-controls button{border:1px solid #dce7df;border-radius:20px;padding:7px 12px;font-size:12px}.pin-controls .pinned{color:#326147;background:#e7f0e9}.pin-card{background:#fff;border:1px solid #e2e9e4;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #1d3c2904}.pin-title{background:#fff;border-bottom:1px solid #edf1ed;padding:20px 24px}.pin-title h2{color:#304d3b;font-size:17px}.pin-content{padding:24px}.pin-actions button{padding:6px 9px;font-size:11px}.metric strong{letter-spacing:-1.2px;font-size:36px}.metric span{color:#819087;font-size:12px}.work-row{border-color:#edf1ed;padding:12px 0}.work-row select{max-width:180px;padding:7px 10px;font-size:12px}.work-row .text-button strong{font-size:13px}.work-row small{font-size:11px}.pill{color:#638054;white-space:nowrap;background:#eff5eb;border:1px solid #e1ebdd;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:500}.supplier-profile{border-color:#e1e8e3;border-radius:18px;box-shadow:0 6px 28px #173d2605}.supplier-card,.record-card{box-shadow:0 4px 14px #20462a04}.profile-tabs{padding-bottom:14px}.profile-tabs button{color:#7e8d83;background:0 0;border-radius:8px;padding:10px 14px}.profile-tabs .chosen{color:#2a6543;background:#e7f0e9}.profile-tabs button:hover{background:#f0f5f1}.profile-box h3{font-size:16px}.profile-facts dt{text-transform:uppercase;letter-spacing:.7px;font-size:11px}.profile-facts dd{font-size:14px}.profile-empty{background:#fafcf9;border-color:#dce5dc}.record-card .card-link,.supplier-card .card-footer{color:#387654}.customer-search{max-width:720px;margin-bottom:24px}.customer-search>label{color:#718779;font-size:12px;font-weight:600}.customer-search input{background:#f6f9f6;border-color:#e0e9df;margin:8px 0 0;padding:14px 17px;font-size:14px}.customer-search-results{background:#fff;border:1px solid #dce6dc;border-radius:0 0 12px 12px;max-height:320px;padding:10px 18px;overflow:auto;box-shadow:0 12px 24px #23472a09}.customer-search-results p{margin:12px 0}.customer-directory{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.customer-directory .contact{color:#263d32;background:#fff;border:1px solid #e0e9df;border-radius:12px;margin:0;padding:22px}.customer-directory .contact:hover{background:#f7faf5;border-color:#93b69b}.customer-directory .contact strong{margin-bottom:10px;font-size:17px;display:block}.customer-directory .contact small{color:#809084;margin:6px 0;font-size:12px;font-weight:400;display:block}.customer-directory .contact .card-link{color:#34744c;margin-top:15px;display:block}.create-customer{background:#f8faf7;border:1px solid #e1e8df;border-radius:10px;margin:20px 0;padding:14px 18px}.create-customer summary{cursor:pointer;color:#49724e;font-size:13px;font-weight:600}.create-customer form{padding-top:20px}.support-summary{color:#819087;border-bottom:1px solid #edf1e9;gap:24px;margin-bottom:18px;padding-bottom:18px;font-size:12px}.support-summary strong{color:#315d40;margin-right:6px;font-size:24px}.mini-tabs{gap:7px;margin:18px 0 24px}.mini-tabs button{padding:9px 13px;font-size:12px}.customer-profile .profile-title{margin-top:20px}.section-gap{margin-top:26px!important}.compose,.mail-body{border-color:#e2e9df;border-radius:12px}.sticky{box-shadow:none;border-radius:12px}.supplier-profile h2,.directory-page h2,.board-heading h2{color:#20372b}@media (width<=800px){header{flex-direction:column;align-items:flex-start;gap:18px;padding:22px}.header-actions{gap:8px}.app-navigation{flex-wrap:nowrap;padding:10px 16px;overflow-x:auto}.app-navigation button{white-space:nowrap;padding:10px 13px}.status{flex-wrap:wrap;padding:8px 18px}.board-area{padding:24px 16px}.pin-content,.pin-title{padding:18px}.pin-actions{flex-wrap:wrap}.customer-directory{grid-template-columns:1fr}.support-summary{flex-wrap:wrap;gap:12px}.customer-search{max-width:none}.board-heading h2{font-size:24px}.profile-title .profile-identity h3{font-size:22px}.profile-box{padding:18px}}.files-panel{margin-top:24px}.file-upload{background:#f2f7f3;border:1px dashed #9aafa3;border-radius:16px;grid-template-columns:1fr 1fr;align-items:center;gap:28px;margin:22px 0;padding:24px;display:grid}.file-upload p{color:#52695c;margin:8px 0}.file-upload small{color:#52695c;line-height:1.5;display:block}.file-picker{color:#fff;cursor:pointer;background:#245641;border-radius:10px;align-items:center;margin:10px 0;padding:12px 18px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.file-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-picker:focus-within{outline-offset:3px;outline:3px solid #729a84}.file-picker.disabled{opacity:.6}.file-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px;margin-top:20px;display:grid}.file-card{background:#fff;border:1px solid #dde6df;border-radius:14px;min-width:0;padding:20px}.file-card h4{overflow-wrap:anywhere;margin:14px 0 8px}.file-card p{color:#536b5f;overflow-wrap:anywhere;font-size:.85rem}.file-card small{color:#6a7c72;line-height:1.7;display:block}.file-card .profile-actions{gap:8px;margin-top:18px}.file-card button{padding:9px 12px;font-size:.8rem}.file-kind{color:#305c46;letter-spacing:.08em;background:#edf3ee;border-radius:8px;padding:8px 12px;font-size:.7rem;font-weight:800;display:inline-block}.file-error,.file-success{border-radius:10px;padding:14px 18px;line-height:1.5}.file-error{color:#942d22;background:#ffe8e4}.file-success{color:#255b3d;background:#e4f2e8}.file-preview{z-index:1000;background:#0f1e17d9;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.file-preview>div{background:#fff;border-radius:16px;max-width:100%;max-height:100%;padding:20px;overflow:auto}.file-preview img{object-fit:contain;max-width:min(100%,1100px);max-height:70vh;display:block}.file-preview h3{overflow-wrap:anywhere}@media (width<=700px){.file-upload{grid-template-columns:1fr;gap:18px;padding:18px}.file-grid{grid-template-columns:1fr}.file-preview{padding:10px}}.dashboard-tasks{margin:20px 0 28px}.tasks-panel .title h3{margin:0}.task-editor{background:#f3f7f4;border-radius:12px;margin:18px 0;padding:20px}.task-filters{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.task-filters button{padding:8px 13px;font-size:.8rem}.task-filters small{color:#62756a;margin-left:auto}.task-rows{flex-direction:column;display:flex}.tasks-compact .task-rows{max-height:310px;overflow:auto}.task-row{border-top:1px solid #e4eae5;align-items:center;gap:14px;padding:15px 4px;display:flex}.task-check input{accent-color:#245641;width:19px;height:19px}.task-detail{flex:1;min-width:0}.task-detail>strong{overflow-wrap:anywhere;display:block}.task-meta{color:#65796c;flex-wrap:wrap;align-items:center;gap:12px;margin-top:7px;font-size:.78rem;display:flex}.task-meta button{padding:0;font-size:.78rem}.task-priority{border-radius:6px;padding:3px 9px;font-weight:700}.priority-0{color:#a52c32;background:#fce4e3}.priority-1{color:#855713;background:#fff0d6}.priority-2{color:#36568b;background:#e7eefb}.priority-3{color:#546c5a;background:#eaf0eb}.task-overdue{color:#ad3333;font-weight:700}.task-actions{gap:8px;display:flex}.task-actions button{padding:7px 10px;font-size:.78rem}.task-done .task-detail>strong{color:#77867d;text-decoration:line-through}.task-check{margin:0}@media (width<=650px){.task-row{flex-wrap:wrap}.task-actions{margin-left:33px}.task-filters small{width:100%;margin-left:0}}.task-board-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0 18px;display:flex}.task-view-switch{background:#edf1ef;border-radius:10px;gap:4px;padding:4px;display:flex}.task-view-switch button{padding:8px 18px;font-size:.85rem}.task-board-toolbar>input{flex:1;min-width:220px;margin:0}.task-board-toolbar>select{width:auto;min-width:160px;margin:0}.kanban-help{color:#6a7c72;margin:14px 0;font-size:.8rem}.kanban-board{grid-template-columns:repeat(4,minmax(235px,1fr));align-items:start;gap:18px;padding:4px 2px 20px;display:grid;overflow-x:auto}.kanban-column{background:#f0f3f2;border:1px solid #e8eeea;border-radius:14px;min-height:350px;padding:14px;transition:background .15s,border-color .15s}.kanban-column.drag-over{background:#dceee3;border-color:#56876b}.kanban-column-title{box-shadow:none;background:0 0;border:0;justify-content:space-between;align-items:center;margin:0;padding:0 0 16px;display:flex}.kanban-column-title h4{color:#344b40;align-items:center;gap:8px;margin:0;font-size:.85rem;display:flex}.kanban-count{color:#66766d;text-align:center;background:#e3e9e5;border-radius:5px;min-width:22px;padding:2px 6px;font-size:.7rem}.kanban-add{color:#52695c!important;box-shadow:none!important;background:0 0!important;padding:3px 6px!important;font-size:1.2rem!important}.status-dot{background:#8b9690;border-radius:50%;width:7px;height:7px}.column-1 .status-dot{background:#6d6bce}.column-2 .status-dot{background:#d5a34c}.column-3 .status-dot{background:#408267}.kanban-stack{flex-direction:column;gap:12px;display:flex}.kanban-card{cursor:grab;background:#fff;border:1px solid #e1e8e3;border-radius:11px;min-width:0;padding:16px;box-shadow:0 3px 8px #1e382b06}.kanban-card:hover{border-color:#a6bcaf;box-shadow:0 5px 16px #1e382b0c}.kanban-card.is-dragging{opacity:.45}.kanban-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kanban-card-top .task-priority{font-size:.65rem}.kanban-grip{color:#99a79e}.kanban-task-title{text-align:left;overflow-wrap:anywhere;width:100%;font-weight:650;line-height:1.5;display:block;color:#223c2f!important;box-shadow:none!important;background:0 0!important;padding:0!important;font-size:.9rem!important}.kanban-note{color:#6e7d74;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:10px 0;font-size:.76rem;line-height:1.6;display:-webkit-box;overflow:hidden}.kanban-due{color:#78867e;margin:14px 0;font-size:.72rem}.kanban-due.task-overdue{color:#ad3333}.kanban-owner{color:#6a7d70;overflow-wrap:anywhere;border-top:1px solid #f0f3f1;padding-top:12px;font-size:.73rem}.kanban-owner button{text-align:left;align-items:center;gap:7px;padding:0;font-size:.73rem;display:flex}.task-avatar{color:#416650;background:#edf3ef;border:1px solid #dbe6df;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:.6rem;font-weight:700;display:inline-grid}.kanban-card select{background:#fafcfb;width:100%;min-height:32px;margin:13px 0 0;padding:7px 9px;font-size:.73rem}.kanban-empty{color:#8a988e;border:1px dashed #d4ded7;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:160px;font-size:.8rem;display:flex}.kanban-empty button{font-size:.75rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.board-full .pin-tasks{overflow:visible}.board-full .pin-tasks .pin-content,.board-full .pin-grid{min-width:0}@media (width<=700px){.kanban-board{grid-template-columns:repeat(4,minmax(260px,80vw))}.task-board-toolbar>input{min-width:100%}.task-board-toolbar{gap:10px}}.intranet-page{max-width:1450px;margin:0 auto;padding:30px 24px}.intranet-page h2{margin:8px 0;font-size:2rem}.intranet-source{color:#577362;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;font-size:.8rem;display:flex}.intranet-source>span:last-child{margin-left:auto}.feed-dot{background:#38956b;border-radius:50%;width:8px;height:8px}.feed-dot.feed-offline{background:#c35741}.intranet-toolbar{justify-content:space-between;align-items:end;gap:20px;margin:28px 0 12px;display:flex}.period-tabs{background:#e9efeb;border-radius:12px;flex-wrap:wrap;gap:6px;padding:5px;display:flex}.period-tabs button{padding:10px 18px}.intranet-toolbar label{min-width:100px;font-size:.75rem}.sales-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.sales-metric{background:#fff;border:1px solid #dfe8e2;border-radius:16px;flex-direction:column;gap:16px;min-width:0;padding:24px;display:flex}.sales-metric small{letter-spacing:.08em;color:#647c6d;font-size:.65rem;font-weight:700}.sales-metric>strong{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(1.1rem,2vw,2rem)}.sales-metric>span{color:#7a8980;margin-top:auto;font-size:.75rem;line-height:1.5}.sales-metric.primary{color:#fff;background:#244e3a;border-color:#244e3a}.sales-metric.primary small,.sales-metric.primary>span{color:#c6d9cb}.sales-feed-list{max-height:560px;overflow:auto}.sales-feed-row{border-top:1px solid #edf1ee;align-items:center;gap:16px;padding:18px 0;display:flex}.sales-order-icon{color:#396c4e;background:#edf5ef;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.sales-feed-details{flex:1;min-width:0}.sales-feed-details strong{font-size:.9rem}.sales-feed-details p{color:#687d70;overflow-wrap:anywhere;margin:5px 0;font-size:.8rem}.sales-feed-row small{color:#788a7d;font-size:.72rem}.sales-feed-amount{text-align:right;flex-direction:column;gap:6px;display:flex}.sales-excluded{opacity:.65}.sales-definition{color:#63776a;margin:24px 0;font-size:.82rem;line-height:1.7}.sales-definition summary{cursor:pointer;font-weight:700}.sales-definition p{max-width:950px}@media (width<=1100px){.sales-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.intranet-page{padding:22px 12px}.sales-metrics{grid-template-columns:1fr 1fr;gap:10px}.sales-metric{padding:16px}.intranet-toolbar{flex-direction:column;align-items:start}.period-tabs button{padding:9px 12px;font-size:.8rem}.sales-feed-row{flex-wrap:wrap}.sales-feed-amount{text-align:left;width:100%;padding-left:54px}.intranet-source>span:last-child{margin-left:0}}.portfolio-page{max-width:1450px;margin:auto;padding:30px 24px}.portfolio-page h2{margin:8px 0;font-size:2rem}.portfolio-layout{grid-template-columns:220px 1fr;gap:26px;margin-top:26px;display:grid}.portfolio-content{min-width:0}.portfolio-folders{background:#fff;border:1px solid #dfe8e1;border-radius:14px;flex-direction:column;align-self:start;gap:7px;padding:18px;display:flex}.portfolio-folders>small{letter-spacing:.1em;color:#718477;margin-bottom:10px;font-size:.65rem}.portfolio-folders>button{text-align:left;overflow-wrap:anywhere;justify-content:space-between;gap:10px;padding:11px 12px;font-size:.82rem;display:flex}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.portfolio-card{background:#fff;border:1px solid #dee7e0;border-radius:15px;min-width:0;padding:22px}.portfolio-card h3{overflow-wrap:anywhere;margin:20px 0 6px;font-size:1.1rem}.portfolio-card p,.portfolio-card small{color:#78887d;font-size:.75rem}.portfolio-card dl{margin:22px 0}.portfolio-card dl>div{border-bottom:1px solid #eef2ef;justify-content:space-between;gap:10px;padding:9px 0;display:flex}.portfolio-card dt{color:#748379;font-size:.75rem}.portfolio-card dd{margin:0;font-size:.85rem;font-weight:650}.portfolio-margin{color:#276347}.portfolio-card .profile-actions button{padding:9px 12px;font-size:.75rem}.portfolio-note{margin-top:25px;font-size:.75rem;line-height:1.7}.portfolio-folder-form{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.portfolio-folder-form label{flex:1;min-width:220px}@media (width<=700px){.portfolio-page{padding:22px 12px}.portfolio-layout{grid-template-columns:1fr}.portfolio-folders{flex-direction:row;overflow:auto}.portfolio-folders>small{display:none}.portfolio-folders>button{flex-shrink:0}.portfolio-grid{grid-template-columns:1fr}}main.intranet-page,main.portfolio-page,main.mailbox-page{width:100%;min-width:0;display:block}.sales-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.sales-metric small{overflow-wrap:anywhere}.sales-metric>strong{font-variant-numeric:tabular-nums;overflow-wrap:normal;word-break:normal;font-size:clamp(1.1rem,2vw,2rem)}.mailbox-page{max-width:1450px;margin:0 auto;padding:28px 24px}.mailbox-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:22px;display:grid}.mailbox-layout>section{min-width:0}.mailbox-messages{max-height:65vh;overflow:auto}.mailbox-item{text-align:left;color:#263d32;overflow-wrap:anywhere;background:#f2f6f3;flex-direction:column;gap:6px;width:100%;margin:6px 0;font-weight:400;display:flex}.mailbox-item strong{font-weight:500}.mailbox-item.is-unread strong{font-weight:750}.mailbox-item:hover,.mailbox-item.is-selected{color:#20372b;background:#dfece3}.mailbox-item span,.mailbox-item small{font-size:12px}.mailbox-reader pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 inherit}.mail-notification{background:#e7f1e8;border:1px solid #739171;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 5%;padding:14px 18px;display:flex}.mail-notification span{flex:1}:root[data-theme=dark] .mailbox-item{background:var(--dark-subtle);color:var(--dark-text)}:root[data-theme=dark] .mailbox-item:hover,:root[data-theme=dark] .mailbox-item.is-selected{background:#355540}:root[data-theme=dark] .mail-notification{background:var(--dark-subtle);color:var(--dark-text)}@media (width<=1000px){.sales-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.mailbox-layout{grid-template-columns:1fr}.mailbox-page{padding:20px 12px}.mailbox-messages{max-height:40vh}}@media (width<=420px){.sales-metrics{grid-template-columns:1fr}}.mailbox-reader pre{font-family:inherit;font-size:14px;line-height:1.8}.mail-folders{background:0 0;border:0;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:12px 0;display:flex}.mail-folders button{padding:10px 14px}.mail-overview{background:#eff6f1;border:1px solid #adc4b6;border-radius:16px;margin-bottom:12px;padding:22px}.mail-overview h3{overflow-wrap:anywhere;margin:10px 0;font-size:1.3rem}.mail-overview small{font-size:.72rem}.mail-summary{overflow-wrap:anywhere;line-height:1.7}.mail-related{border-top:1px solid #adc4b6;padding:12px 0}.mail-notification{z-index:100;color:#173b29;background:#f1f8f3;border:1px solid #91b19f;border-radius:18px;width:min(390px,100vw - 32px);max-height:75vh;margin:0;padding:22px;display:block;position:fixed;bottom:24px;right:24px;overflow:auto;box-shadow:0 12px 45px #0004}.mail-notification>div>strong{font-size:1.2rem}.mail-notification p{margin:5px 0 14px;font-size:.82rem}.mail-notification-close{float:right;padding:2px 10px!important;font-size:1.3rem!important}.mail-notification-item{text-align:left;color:#193f2d;overflow-wrap:anywhere;background:#fff;border:1px solid #c8dbcf;border-radius:12px;flex-direction:column;gap:8px;width:100%;margin:10px 0;padding:15px;display:flex}.mail-notification-item span{font-size:.86rem;font-weight:400;line-height:1.6}.mail-notification-item small{font-weight:400}.mail-notification-item b{font-size:.8rem}:root[data-theme=dark] .mail-overview,:root[data-theme=dark] .mail-notification{color:#eef6ef;background:#19362a}:root[data-theme=dark] .mail-notification-item{color:#f0f6f1;background:#244a36;border-color:#52715e}@media (width<=700px){.mail-notification{bottom:16px;right:16px}.mailbox-reader .title{flex-wrap:wrap}.mailbox-reader .title h3{overflow-wrap:anywhere}}.settings-menu{flex-shrink:0;position:relative}.settings-menu>summary{cursor:pointer;color:#fff;border:1px solid #8bb29b;border-radius:9px;align-items:center;gap:12px;padding:11px 16px;font-weight:600;list-style:none;display:flex}.settings-menu>summary::-webkit-details-marker{display:none}.settings-menu>summary:hover,.settings-menu[open]>summary,.settings-menu.is-active>summary{background:#32674f}.settings-menu>summary:focus-visible{outline-offset:3px;outline:3px solid #b5d8c1}.settings-dropdown{z-index:110;background:#fff;border:1px solid #cdd8cf;border-radius:12px;min-width:225px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #0003}.settings-dropdown>button{text-align:left;color:#263d32;white-space:nowrap;background:#f1f5ef;width:100%;display:block}.settings-dropdown>button:hover,.settings-dropdown>button[aria-current=page]{background:#dfece3}:root[data-theme=dark] .settings-dropdown{background:var(--dark-panel);border-color:var(--dark-line)}:root[data-theme=dark] .settings-dropdown>button{background:var(--dark-subtle);color:var(--dark-text)}:root[data-theme=dark] .settings-dropdown>button:hover,:root[data-theme=dark] .settings-dropdown>button[aria-current=page]{background:#355540}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--dark-text:#e1ece6;--dark-muted:#a6b9ae;--dark-panel:#1b2923;--dark-subtle:#24382d;--dark-line:#3b5144;--dark-focus:#8ac7a5;--dark-red:#ffaaa3;--dark-red-bg:#492b2c;--dark-amber:#efd18f;--dark-amber-bg:#403922;--dark-blue:#b1caff;--dark-blue-bg:#29384d;--text-h:var(--dark-text);--text:var(--dark-muted);--bg:#111c17;--border:var(--dark-line)}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{color:var(--dark-text);background:var(--dark-panel);border:1px solid var(--dark-line)}:root[data-theme=dark] .import{border:1px solid var(--dark-focus)}:root[data-theme=dark] .status{background:var(--dark-subtle)}:root[data-theme=dark] .quiet{background:var(--dark-subtle);color:var(--dark-text)}:root[data-theme=dark] .quiet:hover{background:var(--dark-subtle)}:root[data-theme=dark] section{background:var(--dark-panel);border:1px solid var(--dark-line)}:root[data-theme=dark] .contact{background:var(--dark-subtle);color:var(--dark-text)}:root[data-theme=dark] .contact:hover,:root[data-theme=dark] .contact.active{background:var(--dark-subtle);border-color:var(--dark-focus)}:root[data-theme=dark] .title>div>small{color:var(--dark-muted)}:root[data-theme=dark] .pill{background:var(--dark-subtle)}:root[data-theme=dark] nav{border-bottom:1px solid var(--dark-line)}:root[data-theme=dark] .muted,:root[data-theme=dark] .footnote{color:var(--dark-muted)}:root[data-theme=dark] .footnote{border-top:1px solid var(--dark-line)}:root[data-theme=dark] .alert,:root[data-theme=dark] .notice{background:var(--dark-amber-bg);color:var(--dark-amber)}:root[data-theme=dark] .alert{background:var(--dark-red-bg);color:var(--dark-red)}:root[data-theme=dark] .records article,:root[data-theme=dark] .mail-body{border:1px solid var(--dark-line)}:root[data-theme=dark] details{border-bottom:1px solid var(--dark-line)}:root[data-theme=dark] .message{background:var(--dark-subtle);color:var(--dark-text)}:root[data-theme=dark] .message:hover{background:var(--dark-subtle)}:root[data-theme=dark] .message.unread{border-left:4px solid var(--dark-focus)}:root[data-theme=dark] .compose{background:var(--dark-subtle)}:root[data-theme=dark] input:focus,:root[data-theme=dark] textarea:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] button:focus-visible{outline:2px solid var(--dark-focus)}:root[data-theme=dark] .app-navigation{background:var(--dark-panel);border-bottom:1px solid var(--dark-line)}:root[data-theme=dark] .board-heading small,:root[data-theme=dark] .board-heading p,:root[data-theme=dark] .pin-controls>span{color:var(--dark-muted)}:root[data-theme=dark] .pin-card{border:1px solid var(--dark-line);box-shadow:0 8px 22px #00000005}:root[data-theme=dark] .pin-title{border-bottom:1px solid var(--dark-line);background:var(--dark-subtle)}:root[data-theme=dark] .metric>span{color:var(--dark-muted)}:root[data-theme=dark] .work-row{border-bottom:1px solid var(--dark-line)}:root[data-theme=dark] .text-button:hover,:root[data-theme=dark] .text-button small{color:var(--dark-muted)}:root[data-theme=dark] .support-summary{border-bottom:1px solid var(--dark-line);color:var(--dark-muted)}:root[data-theme=dark] .sticky{background:var(--dark-amber-bg);border:1px solid var(--dark-line)}:root[data-theme=dark] .sticky small{color:var(--dark-muted)}:root[data-theme=dark] .sticky.done{background:var(--dark-subtle)}:root[data-theme=dark] .sale-row{border:1px solid var(--dark-line)}:root[data-theme=dark] .purchase-editor{border-top:1px solid var(--dark-line)}:root[data-theme=dark] .login-page{background:var(--dark-subtle)}:root[data-theme=dark] .login-card{background:var(--dark-panel);border:1px solid var(--dark-line);box-shadow:0 20px 60px #00000014}:root[data-theme=dark] .login-card small,:root[data-theme=dark] .profile-title small,:root[data-theme=dark] .profile-title p{color:var(--dark-muted)}:root[data-theme=dark] .avatar{background:var(--dark-subtle);color:var(--dark-text)}:root[data-theme=dark] .supplier-card{background:var(--dark-panel);color:var(--dark-text);border:1px solid var(--dark-line);box-shadow:0 3px 12px #00000004}:root[data-theme=dark] .supplier-card:hover,:root[data-theme=dark] .record-card:hover{background:var(--dark-subtle);border-color:var(--dark-focus);box-shadow:0 5px 18px #0000000a}:root[data-theme=dark] .supplier-card p{color:var(--dark-muted)}:root[data-theme=dark] .card-counts{border-top:1px solid var(--dark-line)}:root[data-theme=dark] .card-counts span{background:var(--dark-subtle)}:root[data-theme=dark] .list-filters>span{color:var(--dark-muted)}:root[data-theme=dark] .supplier-profile{background:var(--dark-panel);border:1px solid var(--dark-line)}:root[data-theme=dark] .profile-tabs{border-bottom:1px solid var(--dark-line)}:root[data-theme=dark] .profile-metrics button{background:var(--dark-subtle);border:1px solid var(--dark-line);color:var(--dark-text)}:root[data-theme=dark] .profile-metrics button:hover{background:var(--dark-subtle)}:root[data-theme=dark] .profile-box{border:1px solid var(--dark-line);background:var(--dark-panel)}:root[data-theme=dark] .profile-facts dt{color:var(--dark-muted)}:root[data-theme=dark] .log-row{color:var(--dark-text);border-bottom:1px solid var(--dark-line)}:root[data-theme=dark] .log-row:hover{background:var(--dark-subtle)}:root[data-theme=dark] .log-row small{color:var(--dark-muted)}:root[data-theme=dark] .log-entry{border-bottom:1px solid var(--dark-line)}:root[data-theme=dark] .log-entry small{color:var(--dark-muted)}:root[data-theme=dark] .record-card{background:var(--dark-panel);color:var(--dark-text);border:1px solid var(--dark-line)}:root[data-theme=dark] .record-card small{color:var(--dark-muted)}:root[data-theme=dark] .profile-empty{color:var(--dark-muted);border:1px dashed var(--dark-line)}:root[data-theme=dark] .profile-empty h3,:root[data-theme=dark] .profile-empty h4{color:var(--dark-text)}:root[data-theme=dark] button:focus-visible,:root[data-theme=dark] a:focus-visible{outline:3px solid var(--dark-focus)}:root[data-theme=dark] body{background:var(--dark-blue-bg);color:var(--dark-text)}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{border-color:var(--dark-line);background:var(--dark-panel)}:root[data-theme=dark] input:focus,:root[data-theme=dark] textarea:focus,:root[data-theme=dark] select:focus{outline:2px solid var(--dark-line);border-color:var(--dark-focus);background:var(--dark-panel)}:root[data-theme=dark] button.quiet,:root[data-theme=dark] .quiet{background:var(--dark-subtle);color:var(--dark-text)}:root[data-theme=dark] button.quiet:hover,:root[data-theme=dark] .quiet:hover{background:var(--dark-subtle)}:root[data-theme=dark] .text-button,:root[data-theme=dark] .text-button:hover,:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] h4{color:var(--dark-text)}:root[data-theme=dark] header{border-bottom:1px solid var(--dark-focus);box-shadow:0 5px 20px #00000010}:root[data-theme=dark] header small,:root[data-theme=dark] header p{color:var(--dark-muted)}:root[data-theme=dark] header .header-actions button,:root[data-theme=dark] header .import{border:1px solid var(--dark-focus);background:#00000009}:root[data-theme=dark] header .header-actions button:hover{background:#00000017}:root[data-theme=dark] .badge{background:var(--dark-subtle);color:var(--dark-text)}:root[data-theme=dark] .app-navigation{background:var(--dark-panel);border-bottom:1px solid var(--dark-line);box-shadow:0 3px 12px #00000003}:root[data-theme=dark] .app-navigation .quiet{color:var(--dark-muted)}:root[data-theme=dark] .app-navigation .quiet:hover{background:var(--dark-subtle);color:var(--dark-text)}:root[data-theme=dark] .status{background:var(--dark-blue-bg);color:var(--dark-muted)}:root[data-theme=dark] .status[role=status] strong{background:var(--dark-subtle);color:var(--dark-muted)}:root[data-theme=dark] .alert{background:var(--dark-red-bg);border:1px solid var(--dark-line);color:var(--dark-red)}:root[data-theme=dark] .notice{background:var(--dark-subtle);border:1px solid var(--dark-line);color:var(--dark-muted)}:root[data-theme=dark] .board-heading small,:root[data-theme=dark] .profile-title small,:root[data-theme=dark] .board-heading p{color:var(--dark-muted)}:root[data-theme=dark] .pin-controls button{border:1px solid var(--dark-line)}:root[data-theme=dark] .pin-controls .pinned{background:var(--dark-subtle);color:var(--dark-text)}:root[data-theme=dark] .pin-card{border:1px solid var(--dark-line);background:var(--dark-panel);box-shadow:0 6px 24px #00000004}:root[data-theme=dark] .pin-title{background:var(--dark-panel);border-bottom:1px solid var(--dark-line)}:root[data-theme=dark] .pin-title h2{color:var(--dark-text)}:root[data-theme=dark] .metric span{color:var(--dark-muted)}:root[data-theme=dark] .work-row{border-color:var(--dark-line)}:root[data-theme=dark] .footnote{color:var(--dark-muted)}:root[data-theme=dark] .pill{border:1px solid var(--dark-line);background:var(--dark-subtle);color:var(--dark-muted)}:root[data-theme=dark] .supplier-profile{border-color:var(--dark-line);box-shadow:0 6px 28px #00000005}:root[data-theme=dark] .supplier-card,:root[data-theme=dark] .record-card{box-shadow:0 4px 14px #00000004}:root[data-theme=dark] .profile-tabs button{color:var(--dark-muted)}:root[data-theme=dark] .profile-tabs .chosen{background:var(--dark-subtle);color:var(--dark-text)}:root[data-theme=dark] .profile-tabs button:hover{background:var(--dark-subtle)}:root[data-theme=dark] .profile-box{border-color:var(--dark-line)}:root[data-theme=dark] .profile-empty{background:var(--dark-panel);border-color:var(--dark-line)}:root[data-theme=dark] .record-card .card-link,:root[data-theme=dark] .supplier-card .card-footer,:root[data-theme=dark] .customer-search>label{color:var(--dark-muted)}:root[data-theme=dark] .customer-search input{background:var(--dark-subtle);border-color:var(--dark-line)}:root[data-theme=dark] .customer-search-results{border:1px solid var(--dark-line);background:var(--dark-panel);box-shadow:0 12px 24px #00000009}:root[data-theme=dark] .customer-directory .contact{background:var(--dark-panel);color:var(--dark-text);border:1px solid var(--dark-line)}:root[data-theme=dark] .customer-directory .contact:hover{background:var(--dark-subtle);border-color:var(--dark-focus)}:root[data-theme=dark] .customer-directory .contact small{color:var(--dark-muted)}:root[data-theme=dark] .customer-directory .contact .card-link{color:var(--dark-text)}:root[data-theme=dark] .create-customer{border:1px solid var(--dark-line);background:var(--dark-subtle)}:root[data-theme=dark] .create-customer summary{color:var(--dark-muted)}:root[data-theme=dark] .support-summary{color:var(--dark-muted);border-bottom:1px solid var(--dark-line)}:root[data-theme=dark] .support-summary strong{color:var(--dark-text)}:root[data-theme=dark] .compose,:root[data-theme=dark] .mail-body{border-color:var(--dark-line)}:root[data-theme=dark] .supplier-profile h2,:root[data-theme=dark] .directory-page h2,:root[data-theme=dark] .board-heading h2{color:var(--dark-text)}:root[data-theme=dark] .file-upload{border:1px dashed var(--dark-focus);background:var(--dark-subtle)}:root[data-theme=dark] .file-upload p,:root[data-theme=dark] .file-upload small{color:var(--dark-muted)}:root[data-theme=dark] .file-picker:focus-within{outline:3px solid var(--dark-focus)}:root[data-theme=dark] .file-card{border:1px solid var(--dark-line);background:var(--dark-panel)}:root[data-theme=dark] .file-card p,:root[data-theme=dark] .file-card small{color:var(--dark-muted)}:root[data-theme=dark] .file-kind{background:var(--dark-subtle);color:var(--dark-text)}:root[data-theme=dark] .file-error{background:var(--dark-red-bg);color:var(--dark-red)}:root[data-theme=dark] .file-success{background:var(--dark-subtle);color:var(--dark-text)}:root[data-theme=dark] .file-preview>div{background:var(--dark-panel)}:root[data-theme=dark] .task-editor{background:var(--dark-subtle)}:root[data-theme=dark] .task-filters small{color:var(--dark-muted)}:root[data-theme=dark] .task-row{border-top:1px solid var(--dark-line)}:root[data-theme=dark] .task-meta{color:var(--dark-muted)}:root[data-theme=dark] .priority-0{background:var(--dark-red-bg);color:var(--dark-red)}:root[data-theme=dark] .priority-1{background:var(--dark-amber-bg);color:var(--dark-amber)}:root[data-theme=dark] .priority-2{background:var(--dark-blue-bg);color:var(--dark-blue)}:root[data-theme=dark] .priority-3{background:var(--dark-subtle);color:var(--dark-muted)}:root[data-theme=dark] .task-overdue{color:var(--dark-red)}:root[data-theme=dark] .task-done .task-detail>strong{color:var(--dark-muted)}:root[data-theme=dark] .task-view-switch{background:var(--dark-subtle)}:root[data-theme=dark] .kanban-help{color:var(--dark-muted)}:root[data-theme=dark] .kanban-column{background:var(--dark-subtle);border:1px solid var(--dark-line)}:root[data-theme=dark] .kanban-column.drag-over{background:var(--dark-subtle);border-color:var(--dark-focus)}:root[data-theme=dark] .kanban-column-title h4{color:var(--dark-text)}:root[data-theme=dark] .kanban-count{color:var(--dark-muted);background:var(--dark-subtle)}:root[data-theme=dark] .kanban-add{color:var(--dark-muted)!important}:root[data-theme=dark] .kanban-card{background:var(--dark-panel);border:1px solid var(--dark-line);box-shadow:0 3px 8px #00000006}:root[data-theme=dark] .kanban-card:hover{border-color:var(--dark-line);box-shadow:0 5px 16px #0000000c}:root[data-theme=dark] .kanban-grip{color:var(--dark-muted)}:root[data-theme=dark] .kanban-task-title{color:var(--dark-text)!important}:root[data-theme=dark] .kanban-note,:root[data-theme=dark] .kanban-due{color:var(--dark-muted)}:root[data-theme=dark] .kanban-due.task-overdue{color:var(--dark-red)}:root[data-theme=dark] .kanban-owner{border-top:1px solid var(--dark-line);color:var(--dark-muted)}:root[data-theme=dark] .task-avatar{background:var(--dark-subtle);border:1px solid var(--dark-line);color:var(--dark-text)}:root[data-theme=dark] .kanban-card select{background:var(--dark-panel)}:root[data-theme=dark] .kanban-empty{border:1px dashed var(--dark-line);color:var(--dark-muted)}:root[data-theme=dark] .intranet-source{color:var(--dark-muted)}:root[data-theme=dark] .period-tabs{background:var(--dark-subtle)}:root[data-theme=dark] .sales-metric{border:1px solid var(--dark-line);background:var(--dark-panel)}:root[data-theme=dark] .sales-metric small,:root[data-theme=dark] .sales-metric>span{color:var(--dark-muted)}:root[data-theme=dark] .sales-metric.primary{border-color:var(--dark-focus)}:root[data-theme=dark] .sales-feed-row{border-top:1px solid var(--dark-line)}:root[data-theme=dark] .sales-order-icon{background:var(--dark-subtle);color:var(--dark-text)}:root[data-theme=dark] .sales-feed-details p,:root[data-theme=dark] .sales-feed-row small,:root[data-theme=dark] .sales-definition{color:var(--dark-muted)}:root[data-theme=dark] .portfolio-folders{background:var(--dark-panel);border:1px solid var(--dark-line)}:root[data-theme=dark] .portfolio-folders>small{color:var(--dark-muted)}:root[data-theme=dark] .portfolio-card{background:var(--dark-panel);border:1px solid var(--dark-line)}:root[data-theme=dark] .portfolio-card p,:root[data-theme=dark] .portfolio-card small{color:var(--dark-muted)}:root[data-theme=dark] .portfolio-card dl>div{border-bottom:1px solid var(--dark-line)}:root[data-theme=dark] .portfolio-card dt{color:var(--dark-muted)}:root[data-theme=dark] .portfolio-margin{color:var(--dark-text)}:root[data-theme=dark] body,:root[data-theme=dark] .status,:root[data-theme=dark] .login-page{background:#111c17}:root[data-theme=dark] a{color:#9bd8b5}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#93a99a}:root[data-theme=dark] .danger-text{color:var(--dark-red)!important}.theme-toggle{white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.login-theme{justify-content:flex-end;margin-bottom:20px;display:flex}.people-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:24px;display:grid}.people-team{background:#fff;border:1px solid #dce5db;border-radius:14px;gap:9px;padding:20px;display:grid}.people-team button{text-align:left;overflow-wrap:anywhere}.people-team small{margin-top:4px;font-weight:400;display:block}.people-team .muted{margin-top:12px}.people-content{min-width:0}.people-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.people-stats section{flex-direction:column;gap:8px;padding:18px;display:flex}.people-stats strong{font-size:30px}.people-stats span{font-size:12px}.people-page .profile-facts dd{overflow-wrap:anywhere}:root[data-theme=dark] .people-team{background:var(--dark-panel);border-color:var(--dark-line)}@media (width<=900px){.people-layout{grid-template-columns:1fr}.people-stats,.people-team{grid-template-columns:repeat(2,minmax(0,1fr))}.people-team h3,.people-team p{grid-column:1/-1}}@media (width<=420px){.people-team{grid-template-columns:1fr}}:root{--flow-accent:#245840;--flow-line:#d8e3db;--flow-muted:#5d7164;--flow-panel:#fff;--flow-surface:#f3f6f2;--flow-text:#203c2d}:root[data-theme=dark]{--flow-line:#395448;--flow-muted:#b1c6b9;--flow-panel:#1b3026;--flow-surface:#12261d;--flow-text:#e3eee7}body{background:var(--flow-surface);color:var(--flow-text);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{min-height:42px}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #78a88b}button{transition:background .12s}section{background:var(--flow-panel);border-color:var(--flow-line)}.supplier-app>header{gap:20px;padding:22px 4%}.supplier-app>header h1{font-size:27px}.supplier-app>header p{font-size:13px}.header-actions{gap:8px}.header-actions>button,.header-actions>label{font-size:12px}.app-navigation{z-index:20;background:var(--flow-panel);border-bottom:1px solid var(--flow-line);gap:6px;padding:10px 4%;position:sticky;top:0}.app-navigation button{padding:10px 14px;font-size:13px}.board-area,.directory-page,.mailbox-page{max-width:1450px;margin:auto}.board-heading h2{font-size:30px}.board-heading p{color:var(--flow-muted);font-size:14px}.status{padding:7px 4%;font-size:11px}.footnote{font-size:11px}.attention-bar{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.attention-bar>div{align-items:center;gap:10px;display:flex}.attention-bar strong{font-size:28px}.attention-bar span{color:var(--flow-muted);font-size:13px}.attention-bar .profile-actions{margin-left:auto}.dashboard-details>summary{cursor:pointer;padding:14px 0;font-weight:600}.dashboard-details .pin-grid{margin-top:16px}.task-row{align-items:flex-start;gap:18px}.task-detail{order:-1}.task-filters small{display:none}.task-editor details>summary{cursor:pointer;padding:12px 0}.task-editor details .fields{margin-top:12px}.task-rows{gap:8px}.task-actions{flex-wrap:wrap}.task-history article,.solved-task{border-top:1px solid var(--flow-line);padding:16px 0}.task-history article p{white-space:pre-wrap;font-size:14px}.task-history small{color:var(--flow-muted)}.hold-complete{touch-action:none;-webkit-user-select:none;user-select:none;background:var(--flow-accent);min-width:185px;font-size:12px;position:relative;overflow:hidden}.hold-complete:before{content:"";width:var(--hold-progress,0%);pointer-events:none;background:#91be795c;position:absolute;inset:0 auto 0 0}.hold-complete>span{position:relative}.hold-action .alert{max-width:260px;font-size:12px}.saving-overlay{z-index:1000;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#142b20b8;place-items:center;font-size:18px;display:grid;position:fixed;inset:0}.notification-center{position:relative}.notification-tray{z-index:120;width:min(440px,100vw - 28px);max-height:75vh;color:var(--flow-text);padding:18px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 16px 45px #0004}.notification-row{text-align:left;background:var(--flow-surface);width:100%;color:var(--flow-text);border:1px solid var(--flow-line);flex-direction:column;gap:7px;margin:8px 0;font-size:13px;display:flex}.notification-row.unread{border-left:4px solid #54966b}.notification-row span{font-weight:400;line-height:1.5}.notification-row small{color:var(--flow-muted);letter-spacing:0}.check-option{align-items:center;gap:12px;margin:12px 0;display:flex}.check-option input{width:20px;height:20px;min-height:0;margin:0}.notification-settings{max-width:900px}.team-directory{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.team-directory button{text-align:left;flex-direction:column;gap:10px;padding:22px;display:flex}.mail-workflow form{grid-template-columns:1fr 1fr;gap:10px 18px;display:grid}.mail-workflow form button{align-self:end;margin-bottom:16px}.mailbox-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.mailbox-reader{padding:20px}.mail-list{max-height:320px;overflow:auto}.mail-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.focused-order{outline-offset:4px;outline:3px solid #73ac87}.settings-dropdown button{margin:3px 0}@media (width<=850px){.supplier-app>header{gap:12px;padding:16px}.header-actions{width:100%}.header-actions>.import,.header-actions>button:not(.quiet){display:none}.app-navigation{flex-wrap:nowrap;padding:8px;overflow-x:auto}.app-navigation button{flex-shrink:0}.task-row{flex-wrap:wrap}.task-detail{flex-basis:100%}.task-filters{gap:5px}.task-actions{margin-left:auto}.task-editor .fields{grid-template-columns:1fr}.notification-tray{position:fixed;top:90px;right:14px}.mailbox-layout{grid-template-columns:1fr}.mailbox-messages{max-height:230px}.mail-workflow form{grid-template-columns:1fr}.attention-bar .profile-actions{margin-left:0}.profile-title{flex-wrap:wrap}.fields label{min-width:0}.people-layout{grid-template-columns:1fr}.people-team{gap:8px;display:flex;overflow:auto}.people-team>h3,.people-team>p{display:none}.people-team>button{min-width:150px}.mailbox-reader{padding:14px}.board-area{padding:20px 12px}.hold-complete{min-height:48px}.kanban-board{grid-template-columns:repeat(4,minmax(260px,85vw))}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.supplier-app>header .mail-notification-item,.supplier-app>header .notification-row{background:var(--flow-panel)!important;color:var(--flow-text)!important}.supplier-app>header .mail-notification-item *,.supplier-app>header .notification-row *{color:inherit!important}.supplier-app>header .mail-notification-close{color:var(--flow-text)!important;background:0 0!important}.supplier-app>header .mail-notification p{color:var(--flow-muted)}.supplier-app>header .settings-dropdown>button{background:var(--flow-panel)!important;color:var(--flow-text)!important}.supplier-app>header .settings-dropdown>button:hover{background:var(--flow-surface)!important}.supplier-app>.app-navigation{gap:6px;display:flex}.supplier-app>.app-navigation>button{flex-shrink:0;padding:10px 14px}.supplier-app>header .header-notifications{color:#edf6ef;background:#102d2280;border:1px solid #71958277;border-radius:14px;flex:350px;align-self:center;min-width:260px;max-width:480px;margin:0;padding:12px 14px}.notification-box-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.notification-box-title>strong{font-size:15px}.notification-box-title>button{min-height:32px;padding:6px 10px;font-size:11px}.notification-preview .notification-row{gap:3px;min-height:44px;margin:6px 0 0;padding:7px 10px}.notification-preview .notification-row strong,.notification-preview .notification-row span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.notification-preview .notification-row small{display:none}.supplier-app>header .header-notifications .notification-error{color:#ffd7b5;font-size:11px}.header-notifications .notification-tray{left:0;right:auto}.supplier-app>header .header-notifications .notification-tray>p,.supplier-app>header .header-notifications .notification-tray h2{color:var(--flow-text)}@media (width<=850px){.supplier-app>header .header-notifications{box-sizing:border-box;flex-basis:100%;order:3;width:100%;min-width:0;max-width:none}.header-notifications .notification-tray{width:auto;left:14px;right:14px}.supplier-app>header{flex-wrap:wrap}}:root{--area-mail:#2266a5;--area-customer:#08756d;--area-case:#8450a5;--area-task:#505bb0;--area-order:#866329;--status-good:#267341;--status-wait:#866000;--status-bad:#ac3541;--status-bg:var(--flow-panel)}:root[data-theme=dark]{--area-mail:#8dbef4;--area-customer:#77d0c4;--area-case:#d1a6ec;--area-task:#adb8ff;--area-order:#dfc18c;--status-good:#95dcaa;--status-wait:#f1cf77;--status-bad:#ffadb3}[data-area=mail]{--area:var(--area-mail)}[data-area=customer]{--area:var(--area-customer)}[data-area=case]{--area:var(--area-case)}[data-area=task]{--area:var(--area-task)}[data-area=order]{--area:var(--area-order)}.flow-panel{border:1px solid var(--flow-line);border-inline-start:3px solid var(--area);background:var(--flow-panel);border-radius:14px;min-width:0;margin-block:16px;padding:20px}.flow-panel>.title,.flow-panel>.profile-title{border-bottom:1px solid color-mix(in srgb,var(--area) 25%,var(--flow-line));margin-bottom:16px;padding-bottom:12px}.flow-panel>h3,.flow-panel>h4,.flow-panel>.title h3,.area-label{color:var(--area);font-weight:700}.area-label{letter-spacing:.04em;font-size:11px}.flow-panel .record-card{border-top:3px solid var(--area);background:color-mix(in srgb,var(--area) 5%,var(--flow-panel))}.supplier-app .app-navigation>button[data-area],.profile-tabs>button[data-area],.mail-folders>button[data-area]{border-bottom:3px solid var(--area)}.supplier-app .app-navigation>button[data-area]:not(.quiet),.profile-tabs>button[data-area].chosen,.mail-folders>button[data-area]:not(.quiet){background:color-mix(in srgb,var(--area) 14%,var(--flow-panel));color:var(--flow-text);box-shadow:inset 0 -1px var(--area)}.supplier-app>header .notification-row[data-area]{border-inline-start:3px solid var(--area)}.notification-row[data-area] strong:before{content:"• ";color:var(--area)}.mail-workflow form{display:block}.mail-workflow fieldset{border:0;grid-template-columns:1fr 1fr;gap:10px 18px;min-width:0;margin:0;padding:0;display:grid}.mail-workflow fieldset:disabled{opacity:.7}.mail-workflow .link-workflow-submit{justify-content:center;align-items:center;gap:9px;transition:transform .15s,opacity .15s;display:flex}.link-workflow-submit:active:not(:disabled){transform:scale(.98)}.status-badge{background:var(--flow-surface);border:1px solid var(--flow-line);color:var(--flow-text);border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;display:inline-flex}.status-badge:is([data-status=Løst],[data-status=Avsluttet],[data-status=Fullført],[data-status=Levert]){color:var(--status-good);background:color-mix(in srgb,var(--status-good) 10%,var(--status-bg));border-color:color-mix(in srgb,var(--status-good) 40%,var(--flow-line))}.status-badge:is([data-status=Løst],[data-status=Avsluttet],[data-status=Fullført],[data-status=Levert]):before{content:"✓"}.status-badge:is([data-status^=Venter],[data-status=På\ vent]){color:var(--status-wait);background:color-mix(in srgb,var(--status-wait) 10%,var(--status-bg));border-color:color-mix(in srgb,var(--status-wait) 40%,var(--flow-line))}.status-badge:is([data-status^=Venter],[data-status=På\ vent]):before{content:"◷"}.status-badge:is([data-status=Ny],[data-status=Åpen],[data-status=Under\ behandling],[data-status=Pågår]){border-color:var(--area);color:var(--area)}.task-overdue,.danger-text{color:var(--status-bad)!important}.task-overdue:before{content:"! ";font-weight:700}.task-priority.priority-0{color:var(--status-bad);border-color:var(--status-bad)}.kanban-column[data-status=Fullført] .status-dot{background:var(--status-good)}.kanban-column[data-status=Venter] .status-dot{background:var(--status-wait)}.saving-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite flow-spin}.workflow-success{animation:.4s ease-out flow-confirm}.workflow-success .notice{color:var(--status-good);border-color:var(--status-good);background:color-mix(in srgb,var(--status-good) 8%,var(--flow-panel));padding:18px}.mailbox-reader .tasks-panel{animation:.3s ease-out flow-enter}@keyframes flow-spin{to{transform:rotate(360deg)}}@keyframes flow-confirm{0%{opacity:.55;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes flow-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=850px){.flow-panel{margin-block:12px;padding:14px}.mail-workflow fieldset{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.workflow-success,.saving-spinner,.mailbox-reader .tasks-panel{animation:none}.link-workflow-submit{transition:none!important}.link-workflow-submit:active:not(:disabled){transform:none}}.supplier-app .flow-panel[data-area]{border-inline-start:3px solid var(--area)}.supplier-app .flow-panel[data-area]>h3,.supplier-app .flow-panel[data-area]>h4,.supplier-app .flow-panel[data-area]>.title h3{color:var(--area)}.communication-history>summary{padding:14px 0}.communication-history summary small{margin-left:6px;font-weight:400;display:inline-block}.communication-history .message small{flex-shrink:0}.communication-history summary:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid}.inbox-filter{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.inbox-filter button{padding:8px 10px;font-size:12px}.inbox-filter button[aria-pressed=true]{background:var(--flow-accent);color:#fff}.mail-next-step{border:1px solid var(--flow-line);background:var(--flow-surface);border-radius:10px;flex-direction:column;gap:6px;margin:0 0 16px;padding:14px 16px;font-size:14px;display:flex}.mail-next-step span{color:var(--flow-muted);font-size:13px}.mailbox-back{display:none}.mail-link-options{margin-bottom:16px}.mail-link-options>summary{padding:14px 0}.mail-link-options .mail-workflow{margin-top:12px}@media (width<=850px){.mailbox-page{padding:18px 12px}.show-mail-reader .mailbox-list-panel,.show-mail-list .mailbox-reader{display:none}.mailbox-back{margin-bottom:16px;display:block}.mailbox-messages{max-height:none}.mailbox-page .mailbox-layout{gap:0}.mailbox-reader .profile-actions button{flex:1;min-width:140px}.mail-next-step{padding:12px}.mailbox-page input{font-size:16px}}.task-note-preview{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:2;color:var(--flow-muted);-webkit-box-orient:vertical;margin:7px 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}:root{color:#243a30;--flow-panel:#fffdf8;--flow-surface:#f3f1e9;--flow-line:#e3e3d8;--flow-text:#243a30;--flow-muted:#738075;background:#f3f1e9;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--flow-surface);margin:0;font-size:14px}button,input,select,textarea{font:inherit}button{border-radius:9px;transition:background .16s,box-shadow .16s,transform .16s}button:active{transform:translateY(1px)}button:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #af914a}h1,h2,h3,p{overflow-wrap:anywhere}h2{font-size:26px}h3{font-size:16px}small,.muted{font-size:12px}button,input,select{min-height:38px}section{background:var(--flow-panel);border-color:var(--flow-line);border-radius:14px;padding:18px}.supplier-app{background:var(--flow-surface);min-height:100vh;padding-left:224px}.workspace-sidebar{z-index:80;color:#f5f4e9;background:radial-gradient(at 0 40%,#284e3b 0,#0000 65%),#102c23;flex-direction:column;width:224px;padding:24px 12px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:3px 0 18px #15352714}.sidebar-brand{padding:0 14px 24px}.sidebar-brand small{letter-spacing:2.4px;color:#e7dfbc;font-size:9px}.sidebar-brand h1{letter-spacing:-.6px;color:#fffdf3;margin:18px 0 8px;font-size:25px}.sidebar-brand p{color:#d2ded4;max-width:170px;margin:0;font-size:11px;line-height:1.65}.workspace-sidebar .app-navigation{background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex;position:static;overflow:visible}.workspace-sidebar .app-navigation button{color:#e4ebe3;width:100%;min-height:40px;box-shadow:none;text-align:left;outline-offset:0;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.workspace-sidebar .app-navigation button[aria-current=page]{color:#fff;background:linear-gradient(105deg,#507553,#35583f);box-shadow:0 2px 9px #071b1830}.workspace-sidebar .app-navigation button:hover,.workspace-sidebar .sidebar-footer button:hover{background:#ffffff15}.nav-icon{vertical-align:middle;flex-shrink:0}.nav-count{color:#294337;background:#efe4c0;border-radius:20px;margin-left:auto;padding:1px 7px;font-size:10px}.sidebar-footer{border-top:1px solid #ffffff25;flex-direction:column;gap:7px;margin:28px 12px 0;padding-top:18px;display:flex}.sidebar-footer button,.sidebar-footer .settings-menu summary{color:#e4ebe3;box-shadow:none;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:8px 4px;font-size:12px;display:flex}.sidebar-footer .settings-menu{width:100%}.sidebar-footer .settings-dropdown{width:100%;min-width:0;box-shadow:none;background:#244336;border-color:#526b57;position:static}.sidebar-footer small{color:#91aa99;padding-top:14px;font-size:10px}.supplier-app>header.workspace-hero{color:#f8f6e9;background:linear-gradient(90deg,#173e32ed,#153b2e88),url(/forest-ridges.webp) 50% 45%/cover;border:0;min-height:215px;padding:16px 28px 55px;display:block;position:relative}.workspace-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.workspace-location{letter-spacing:.3px;color:#e2e6da;align-items:center;gap:10px;font-size:12px;display:flex}.toolbar-actions{align-items:center;gap:18px;display:flex}.profile-shortcut{align-items:center;gap:10px;display:flex;color:#fff!important;background:0 0!important;border:0!important;padding:0!important;font-size:12px!important}.profile-monogram{color:#284333;background:#ebe3c3;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.backup-menu{font-size:12px;position:relative}.backup-menu>summary{cursor:pointer;border:1px solid #e2ebd74d;border-radius:8px;padding:8px 12px;list-style:none}.backup-menu>div{z-index:90;background:var(--flow-panel);border:1px solid var(--flow-line);min-width:220px;color:var(--flow-text);border-radius:12px;gap:10px;padding:12px;display:grid;position:absolute;top:110%;right:0;box-shadow:0 10px 30px #102c2333}.hero-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.hero-heading small{color:#e8dcac;letter-spacing:2px;font-size:10px}.hero-heading h2{letter-spacing:-.7px;color:#f8f5e8;margin:5px 0 6px;font-size:29px;font-weight:650}.hero-heading p{color:#dbe4d7;margin:0;font-size:13px}.hero-heading time{white-space:nowrap;color:#e4eada;text-transform:capitalize;font-size:11px}.supplier-app>.status{min-height:0;color:var(--flow-muted);background:0 0;border:0;align-items:center;gap:10px;padding:5px 28px;font-size:11px;display:flex}.supplier-app>.status button{min-height:26px;padding:4px 9px;font-size:11px}.supplier-app>.status strong{background:0 0;padding:0;font-weight:400}.supplier-app>.status:has(strong){padding-top:0;padding-bottom:2px}.supplier-app:has(.overview-metrics)>.status{position:relative;top:100px}.board-area{max-width:1680px;margin:auto;padding:18px 26px 30px}.board-area:not(.board-full)>.board-heading{display:none}.board-full .board-heading{padding:10px 0 20px}.board-heading h2{margin:7px 0;font-size:28px}.board-heading p{font-size:13px}.board-heading small{letter-spacing:1.8px;font-size:10px}.overview-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:-105px;margin-bottom:64px;display:grid;position:relative}.overview-metric{text-align:left;color:#314735;background:linear-gradient(120deg,#fffefb,#f5f3ea);border:1px solid #e8e5d9;border-radius:12px;align-items:flex-start;gap:12px;min-width:0;padding:17px 15px;display:flex;box-shadow:0 7px 16px #273b2520}.overview-metric>svg{color:#5e7f49;margin-top:2px}.overview-metric>span{font-size:11px;line-height:1.5}.overview-metric strong{letter-spacing:-1px;color:#253b2e;margin-top:6px;font-size:27px;line-height:1.2;display:block}.overview-metric .metric-arrow{color:#819872;align-self:flex-end;margin-left:auto;font-size:19px}.overview-metric:nth-child(2)>svg,.overview-metric:nth-child(5)>svg{color:#92753e}.overview-metric:nth-child(3)>svg{color:#9a533d}.dashboard-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.dashboard-work{grid-template-columns:1.15fr 1fr;align-items:start;gap:16px;display:grid}.overview-card,.dashboard-tasks,.overview-notifications>.notification-center{background:var(--flow-panel);border:1px solid #e9e5d9;border-radius:13px;min-width:0;padding:16px;box-shadow:0 3px 10px #403d2510}.overview-card .title,.dashboard-tasks .title{border-bottom:1px solid var(--flow-line);align-items:center;gap:8px;margin:0 0 8px;padding:0 0 12px}.overview-card h3,.dashboard-tasks h3{align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.overview-card .text-button,.dashboard-tasks .title>.text-button{white-space:nowrap;color:#326548;padding:0;font-size:10px}.overview-card .metric{align-items:center;gap:8px;margin:8px 0;padding:0;font-size:12px;display:flex}.overview-card .metric strong{font-size:18px}.overview-count{margin:12px 0;font-size:30px;font-weight:650}.overview-count span{color:var(--flow-muted);font-size:12px;font-weight:400}.overview-card .muted{line-height:1.6}.overview-card>button.quiet{min-height:30px;padding:6px 10px;font-size:11px}.overview-row{border:0;border-bottom:1px solid var(--flow-line);width:100%;color:var(--flow-text);text-align:left;background:0 0;border-radius:0;align-items:center;gap:9px;padding:8px 0;display:flex}.overview-row>span:nth-child(2){flex:1;min-width:0}.overview-row strong{font-size:12px;display:block}.overview-row small{color:var(--flow-muted);margin-top:3px;font-size:10px;display:block}.company-monogram{color:#446347;background:#e7ecdf;border-radius:6px;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.overview-card .work-row{padding:10px 0;font-size:12px}.overview-card .work-row select{max-width:130px;min-height:28px;padding:4px;font-size:10px}.overview-card .work-row small{font-size:10px}.overview-notifications{min-width:0}.overview-notifications>.header-notifications{width:100%;min-width:0;max-width:none;height:100%;position:relative}.overview-notifications .notification-box-title strong{color:var(--flow-text);font-size:14px}.overview-notifications .notification-box-title button{min-height:28px;padding:4px 6px;font-size:10px}.overview-notifications .notification-preview{max-height:170px;overflow:auto}.overview-notifications .notification-row{border:0;border-bottom:1px solid var(--flow-line);box-shadow:none;color:var(--flow-text);background:0 0;border-radius:0;padding:9px 0;font-size:11px}.overview-notifications .notification-row span{font-size:10px}.overview-notifications .notification-row small{font-size:9px;display:block}.notification-tray{max-width:calc(100vw - 32px);z-index:100!important}.page-notifications{padding:10px 26px 0}.page-notifications .header-notifications{background:var(--flow-panel);width:100%;min-width:0;max-width:none;color:var(--flow-text);padding:8px 12px}.page-notifications .notification-preview{display:none}.page-notifications .notification-box-title{justify-content:space-between}.page-notifications .notification-box-title strong{color:var(--flow-text)}.dashboard-details{border:1px solid var(--flow-line);background:var(--flow-panel);border-radius:12px;margin-top:18px;padding:15px}.dashboard-details>summary{color:var(--flow-muted);font-size:12px}.pin-grid{gap:16px}.pin-card{box-shadow:0 3px 10px #403d2510}.pin-title h2{font-size:18px}.footnote{color:var(--flow-muted);margin-top:18px;font-size:10px}.supplier-app main{padding:20px 26px}.supplier-app .directory-page{max-width:1680px}.profile-box{border-color:var(--flow-line)}.task-card{border-radius:10px}.flow-panel{border-left-width:2px}.overview-metric:hover{box-shadow:0 8px 20px #273b2530}:root[data-theme=dark]{--flow-panel:#1c3028;--flow-surface:#12251e;--flow-line:#35483c;--flow-text:#e8eddf;--flow-muted:#a4b5a5;color:#e8eddf;background:#12251e}:root[data-theme=dark] .overview-metric{color:#cdddc7;background:#243a2d;border-color:#3c503d}:root[data-theme=dark] .overview-metric strong{color:#f1f0df}:root[data-theme=dark] .overview-card,:root[data-theme=dark] .dashboard-tasks,:root[data-theme=dark] .overview-notifications>.header-notifications{background:var(--flow-panel);border-color:var(--flow-line)}:root[data-theme=dark] .overview-row,:root[data-theme=dark] .overview-notifications .notification-row{color:var(--flow-text);background:0 0}:root[data-theme=dark] .company-monogram{color:#e3e8d8;background:#38513a}:root[data-theme=dark] .overview-card .text-button,:root[data-theme=dark] .dashboard-tasks .title>.text-button{color:#aacda8}@media (width>=1600px){.workspace-sidebar{width:240px}.supplier-app{padding-left:240px}.supplier-app>header.workspace-hero,.board-area{padding-left:38px;padding-right:38px}}@media (width<=1100px){.workspace-sidebar{width:190px;padding-inline:8px}.supplier-app{padding-left:190px}.sidebar-brand{padding-inline:10px}.workspace-sidebar .app-navigation button{gap:8px;padding-inline:10px;font-size:12px}.overview-metric{gap:8px;padding:12px 10px}.overview-metric .metric-arrow{display:none}.dashboard-overview{grid-template-columns:1fr 1fr}.dashboard-overview>.overview-card:last-child{grid-column:1/-1}.hero-heading time{display:none}.dashboard-work{grid-template-columns:1fr}.overview-metric>span{font-size:10px}}@media (width<=720px){.supplier-app{padding-left:0}.workspace-sidebar{grid-template-columns:1fr auto;gap:8px;width:100%;height:auto;padding:10px 12px;display:grid;position:relative;overflow:visible}.sidebar-brand{padding:0}.sidebar-brand small{font-size:8px}.sidebar-brand h1{margin:5px 0;font-size:20px}.sidebar-brand p{display:none}.workspace-sidebar .app-navigation{flex-direction:row;order:3;grid-column:1/-1;gap:5px;padding:4px 0;overflow-x:auto}.workspace-sidebar .app-navigation button{flex-shrink:0;width:auto;min-height:40px;padding:8px 10px;font-size:11px}.workspace-sidebar .app-navigation .nav-icon{width:16px}.sidebar-footer{border:0;flex-flow:wrap;justify-content:flex-end;align-self:start;gap:2px;max-width:200px;margin:0;padding:0;display:flex}.sidebar-footer small{display:none}.sidebar-footer button,.sidebar-footer .settings-menu summary{min-height:28px;padding:4px;font-size:10px}.sidebar-footer .settings-menu{width:auto}.sidebar-footer .settings-dropdown{z-index:120;min-width:170px;position:absolute;right:0}.sidebar-footer>button .nav-icon{display:none}.supplier-app>header.workspace-hero{min-height:190px;padding:12px 16px 42px}.workspace-toolbar{margin-bottom:22px}.workspace-location{font-size:10px}.toolbar-actions{gap:8px}.backup-menu>summary{padding:6px;font-size:10px}.profile-shortcut{font-size:0!important}.profile-monogram{font-size:11px}.hero-heading h2{font-size:25px}.hero-heading p{font-size:12px;line-height:1.5}.board-area{padding:14px}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:-48px;margin-bottom:12px}.overview-metric:last-child{grid-column:1/-1}.overview-metric{padding:12px}.overview-metric>span{font-size:11px}.overview-metric strong{font-size:23px}.overview-metric:last-child>span{align-items:center;gap:20px;display:flex}.overview-metric:last-child strong{margin:0;font-size:21px}.supplier-app:has(.overview-metrics)>.status{display:none;top:0}.dashboard-overview,.dashboard-work{grid-template-columns:1fr;gap:12px}.dashboard-overview>.overview-card:last-child{grid-column:auto}.supplier-app main{padding:14px}.page-notifications{padding:10px 14px 0}.supplier-app>.status{padding:4px 14px}.notification-tray{max-height:75vh;width:auto!important;position:fixed!important;inset:90px 12px auto!important}.overview-card,.dashboard-tasks{padding:14px}.board-full .board-heading{flex-wrap:wrap}.board-full .board-heading h2{font-size:25px}}@media (prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.workspace-sidebar .app-navigation{flex-wrap:nowrap}.overview-notifications .notification-preview p{color:var(--flow-muted);font-size:12px;line-height:1.6}.overview-card,.dashboard-tasks{overflow-wrap:anywhere}.overview-card .work-row>button{min-width:0}.overview-card .work-row select{flex-shrink:0}.tasks-panel .task-row{flex-wrap:wrap;align-items:flex-start;gap:14px 16px;padding:18px 4px}.tasks-panel .task-row>.task-detail{flex:0 0 100%;order:-1;width:100%;min-width:0}.tasks-panel .task-row>.task-detail>strong{line-height:1.5}.tasks-panel .task-row>.task-detail .text-button{text-align:left;white-space:normal}.tasks-panel .task-row>div:first-child{flex-direction:column;flex:200px;align-items:flex-start;gap:8px;min-width:0;max-width:100%;display:flex}.tasks-panel .task-row>.task-actions{flex:0 auto;align-items:center;gap:8px;margin-left:0}.tasks-panel .task-row .hold-action{max-width:100%}.tasks-panel .task-row .hold-complete{white-space:normal;min-width:0;max-width:100%;padding:12px 18px;line-height:1.4}.tasks-panel .task-meta{gap:8px 12px;line-height:1.5}.tasks-panel .task-meta .status-badge{white-space:nowrap;flex-shrink:0}.dashboard-work>.dashboard-tasks{margin:0}.supplier-app:has(.home-reference){flex-direction:column;display:flex}.supplier-app:has(.home-reference)>.board-area{order:1;width:100%;max-width:none;padding:0 22px 14px}.supplier-app:has(.home-reference)>.status{order:2;padding-inline:24px;position:static}:is(.supplier-app:has(.home-reference)>.alert,.supplier-app:has(.home-reference)>.notice){order:1}.supplier-app:has(.home-reference) .board-area:not(.board-full)>.board-heading{display:none}.supplier-app:has(.home-reference)>header.workspace-hero{background-image:linear-gradient(90deg,#173e32b5,#153b2e60),url(/forest-ridges.webp);min-height:230px;padding-bottom:70px}.home-reference{color:var(--flow-text);margin-top:-68px;position:relative}.home-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.home-metric{text-align:left;color:#243b2d;background:linear-gradient(130deg,#fffefa,#f3f0e7);border:1px solid #f4f0e4;border-radius:11px;align-items:flex-start;gap:12px;min-height:74px;padding:13px 16px;display:flex;box-shadow:0 6px 12px #1e362728}.home-metric>.nav-icon{color:#62814b;width:21px;height:21px;margin-top:2px}.home-metric:nth-child(2)>.nav-icon,.home-metric:nth-child(5)>.nav-icon{color:#97753d}.home-metric:nth-child(3)>.nav-icon{color:#a54634}.home-metric>span{font-size:11px;font-weight:650;line-height:1.5}.home-metric strong{letter-spacing:-.8px;margin-top:5px;font-size:27px;line-height:1.15;display:block}.home-top-grid,.home-bottom-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.home-middle-grid{grid-template-columns:1.13fr 1fr;gap:13px;margin:14px 0;display:grid}.home-card,.home-notifications .header-notifications{width:100%;min-width:0;max-width:none;min-height:0;color:var(--flow-text);background:linear-gradient(115deg,#fffefa,#f8f5ef);border:1px solid #f0ece2;border-radius:13px;margin:0;padding:14px 15px;box-shadow:0 4px 8px #3b382412}.home-card-heading{align-items:flex-start;gap:10px;min-width:0;margin-bottom:12px;display:flex}.home-card-heading>.nav-icon{color:#2a6444;flex-shrink:0;width:20px;height:20px}.home-card-heading>div{flex:1;min-width:0}.home-card-heading h3{letter-spacing:-.25px;margin:0;font-size:14px;font-weight:700;line-height:1.2}.home-card-heading p{color:#7a7c70;margin:3px 0 0;font-size:10px;line-height:1.4}.home-card-heading>.text-button{color:#2f6345;white-space:nowrap;flex-shrink:0;align-self:center;min-height:20px;padding:2px 0;font-size:10px}.home-rows{flex-direction:column;display:flex}.home-rows>button{width:100%;min-width:0;min-height:31px;box-shadow:none;text-align:left;color:var(--flow-text);background:0 0;border:0;border-top:1px solid #e8e4da;border-radius:0;align-items:center;gap:8px;padding:6px 0;font-size:10px;font-weight:400;line-height:1.4;display:flex}.home-rows>button:first-child{border-top:0}.home-rows>button:hover{background:#e8ecdf90}.home-rows strong{font-size:10px;font-weight:650}.home-rows time{color:#7e8178;white-space:nowrap;margin-left:auto;font-size:9px}.home-avatar{color:#85695b;background:#e8d8ce;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:9px;font-weight:600;display:grid}.home-avatar.square{color:#fff8df;background:linear-gradient(125deg,#5b7651,#a0ac82);border-radius:5px}.home-rows>.home-mail-row{grid-template-columns:26px minmax(55px,.8fr) minmax(50px,1fr) auto;gap:7px;display:grid}.home-mail-row>strong,.home-mail-row>span:not(.home-avatar){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-mail-row>time{white-space:normal;text-align:right;max-width:64px}.home-unread{font-weight:650}.home-supplier-row>span:nth-child(2){flex:1;min-width:0}.home-supplier-row strong,.home-supplier-row small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.home-supplier-row small{color:#636e61;margin-top:2px;font-size:9px}.home-supplier-row time{white-space:normal;text-align:right;max-width:65px}.home-empty{color:#858778;margin:14px 0 6px;font-size:11px;line-height:1.6}.home-table-scroll{overflow-x:auto}.home-order-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:10px}.home-order-table th{color:#777e71;text-align:left;border-bottom:1px solid #deded1;padding:0 5px 6px;font-size:9px;font-weight:400}.home-order-table th:first-child{width:25%}.home-order-table th:nth-child(2){width:28%}.home-order-table th:nth-child(3){width:25%}.home-order-table th:nth-child(4){width:17%}.home-order-table th:last-child{width:5%}.home-order-table td{vertical-align:middle;overflow-wrap:normal;border-bottom:1px solid #e8e4da;padding:8px 5px}.home-order-table tr:last-child td{border:0}.home-order-table .text-button{text-align:left;color:#283d30;min-height:20px;padding:0;font-size:10px;line-height:1.4}.home-order-table .selected-order td{background:#ecefdf60}.table-supplier{align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.table-supplier .home-avatar{width:20px;height:20px;font-size:8px}.home-pill{color:#526a40;white-space:nowrap;background:#e6ebda;border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:9px;line-height:1.4;display:inline-block}.home-pill[data-status=Bestilt]{background:#e4eadc}.home-pill[data-status=Planlagt]{color:#846126;background:#f6e7c8}.home-pill[data-status=Sendt]{color:#4b60a2;background:#e2e1f2}.home-pill.late{color:#9c5548;background:#f4dbd5}.home-workflow{flex-direction:column;display:flex}.home-steps{flex:1;min-height:75px;margin:6px 0 20px;padding:8px 0 0;list-style:none;display:flex}.home-steps li{text-align:center;flex:1;min-width:0;padding-top:24px;position:relative}.home-steps li:before{content:"";background:#ddd9ce;height:2px;position:absolute;top:8px;left:0;right:0}.home-steps li:first-child:before{left:50%}.home-steps li:last-child:before{right:50%}.home-steps li>span{color:#fff;z-index:1;background:#faf8f1;border:2px solid #d6d3c8;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:grid;position:absolute;top:0;left:calc(50% - 8px)}.home-steps li.complete:before{background:#387855}.home-steps li.complete>span,.home-steps li.current>span{background:#377855;border-color:#377855}.home-steps li.current>span{outline-offset:3px;outline:1px solid #377855}.home-steps strong{font-size:9px;font-weight:600;line-height:1.4;display:block}.home-steps small{color:#868778;font-size:9px}.home-workflow-footer{background:#eeecdf;border:1px solid #e7e4d7;border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}.workflow-art{color:#fcf8e7;background:linear-gradient(140deg,#637956,#c2c3a3);border-radius:5px;flex-shrink:0;place-items:center;width:58px;height:40px;display:grid}.home-workflow-footer>span:nth-child(2){flex:1;min-width:0}.home-workflow-footer strong{color:#326246;font-size:12px;display:block}.home-workflow-footer small{color:#767b6a;margin-top:3px;font-size:10px;display:block}.home-workflow-footer button{white-space:nowrap;color:#fff;background:linear-gradient(#65825b,#2e5035);border:1px solid #59734c;min-height:30px;padding:7px 10px;font-size:10px}.home-task-row>span:nth-child(2),.home-activity-row>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.home-task-square{border:1px solid #b8bea9;border-radius:3px;flex-shrink:0;width:12px;height:12px}.home-case-row>strong{text-overflow:ellipsis;white-space:nowrap;max-width:25%;overflow:hidden}.home-case-row>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.home-activity-row>.nav-icon{color:#8d7848;width:14px;height:14px}.home-activity-row time{text-align:right;white-space:normal;max-width:58px}.home-notifications .header-notifications{height:100%;position:relative}.home-notifications .notification-box-title{border:0;justify-content:space-between;align-items:center;gap:10px;margin:0 0 3px;padding:0 0 9px;display:flex}.home-notifications .notification-box-title strong{color:var(--flow-text);font-size:14px}.home-notifications .notification-box-title strong .nav-icon{color:#2f6646;width:16px;height:16px;margin-right:8px}.home-notifications .notification-box-title>.quiet{color:#2f6345;white-space:nowrap;background:0 0;border:0;min-height:20px;padding:0;font-size:10px}.home-notifications .notification-preview{max-height:112px;overflow:auto}.home-notifications .notification-preview .notification-row{color:var(--flow-text);background:0 0;border:0;border-top:1px solid #e8e4da;border-radius:0;gap:3px;min-height:30px;margin:0;padding:8px 0 8px 12px;font-size:10px;display:flex;position:relative}.home-notifications .notification-preview .notification-row:before{content:"";background:#93804c;border-radius:50%;width:5px;height:5px;position:absolute;top:13px;left:0}.home-notifications .notification-preview .notification-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.home-notifications .notification-preview .notification-row span{display:none}.home-notifications .notification-preview .notification-row small{color:#868778;font-size:9px;display:block}.home-notifications .notification-preview>p{color:#858778;font-size:11px;line-height:1.6}.home-notifications .notification-error{font-size:10px}.home-reference~.dashboard-details{margin-top:16px;padding:5px 14px}.home-reference~.footnote{margin-top:10px}:root[data-theme=dark] .home-card,:root[data-theme=dark] .home-notifications .header-notifications,:root[data-theme=dark] .home-metric{color:#e7ebdf;background:linear-gradient(120deg,#25392e,#1b2f25);border-color:#354b39}:root[data-theme=dark] .home-rows>button,:root[data-theme=dark] .home-order-table .text-button{color:#e7ebdf}:root[data-theme=dark] .home-card-heading>.text-button,:root[data-theme=dark] .home-notifications .notification-box-title>.quiet{color:#bad1a7}:root[data-theme=dark] .home-rows>button,:root[data-theme=dark] .home-order-table td,:root[data-theme=dark] .home-notifications .notification-preview .notification-row{border-color:#3a4a3b}:root[data-theme=dark] .home-workflow-footer{background:#314332;border-color:#496044}:root[data-theme=dark] .home-workflow-footer strong{color:#d0e1bd}:root[data-theme=dark] .home-empty,:root[data-theme=dark] .home-card-heading p,:root[data-theme=dark] .home-rows time,:root[data-theme=dark] .home-supplier-row small,:root[data-theme=dark] .home-workflow-footer small{color:#b2bdaa}@media (width<=1150px){.home-metric{gap:8px;padding:12px 10px}.home-metric>span{font-size:10px}.home-top-grid,.home-bottom-grid{gap:10px}.home-card,.home-notifications .header-notifications{padding:12px}.home-card-heading{gap:7px}.home-card-heading h3,.home-notifications .notification-box-title strong{font-size:12px}.home-card-heading>.text-button,.home-notifications .notification-box-title>.quiet{font-size:9px}.home-rows>.home-mail-row{grid-template-columns:22px minmax(45px,1fr) minmax(45px,1fr)}.home-mail-row>time{display:none}.home-workflow-footer{gap:7px}.workflow-art{width:40px}.home-order-table .table-supplier .home-avatar{display:none}}@media (width<=900px){.home-top-grid,.home-bottom-grid{grid-template-columns:1fr 1fr}.home-top-grid>:last-child,.home-bottom-grid>:last-child{grid-column:1/-1}.home-middle-grid{grid-template-columns:1fr}.home-metric>.nav-icon{width:16px}.home-metric{gap:6px}.home-rows>.home-mail-row{grid-template-columns:26px minmax(55px,1fr) minmax(70px,1fr) auto}.home-mail-row>time{display:block}.home-card-heading h3{font-size:14px}.home-card{padding:15px}}@media (width<=720px){.supplier-app:has(.home-reference)>.board-area{padding:0 12px 12px}.supplier-app:has(.home-reference)>header.workspace-hero{min-height:218px;padding-bottom:65px}.home-reference{margin-top:-52px}.home-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.home-metric:last-child{grid-column:1/-1}.home-metric:last-child>span{align-items:center;gap:20px;display:flex}.home-metric:last-child strong{margin:0}.home-metric{min-height:64px;padding:12px}.home-metric>span{font-size:11px}.home-metric>.nav-icon{width:20px}.home-metric strong{font-size:24px}.home-top-grid,.home-bottom-grid{grid-template-columns:1fr}.home-top-grid>:last-child,.home-bottom-grid>:last-child{grid-column:auto}.home-order-table{min-width:420px}.home-workflow-footer{flex-wrap:wrap}.home-workflow-footer button{min-height:40px}.home-rows>button{min-height:42px;font-size:11px}.home-card-heading>.text-button{min-height:30px}.home-notifications .notification-preview{max-height:150px}}.workspace-detail{--page-card:var(--flow-panel);--page-line:var(--flow-line);--page-muted:var(--flow-muted)}.supplier-app.workspace-detail>header.workspace-hero{border-bottom:1px solid #ffffff1a;min-height:76px;padding:16px 28px}.workspace-detail .workspace-toolbar{min-height:40px;margin-bottom:0}.workspace-detail .hero-heading{display:none}.workspace-detail>.page-notifications{padding:12px 26px 0}.workspace-detail>.page-notifications .header-notifications{border:1px solid var(--page-line);box-shadow:none;border-radius:10px;padding:8px 14px}.workspace-detail>.status{padding:4px 28px;font-size:10px;line-height:1.5}.workspace-detail>main,.workspace-detail>.board-area{width:100%;min-width:0;max-width:1600px;margin:auto;padding:22px 28px 40px;display:block}.workspace-detail :is(.profile-title,.board-heading){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px;padding:0;display:flex}.workspace-detail :is(.profile-title,.board-heading)>div{min-width:0}.workspace-detail :is(.profile-title,.board-heading) h2{letter-spacing:-.7px;color:var(--flow-text);margin:6px 0 8px;font-size:28px;line-height:1.2}.workspace-detail :is(.profile-title,.board-heading) p{color:var(--page-muted);margin:0;font-size:13px;line-height:1.6}.workspace-detail :is(.profile-title,.board-heading) small{letter-spacing:1.6px;color:var(--page-muted);font-size:10px}.workspace-detail :is(.profile-actions,.title){flex-wrap:wrap;gap:10px}.workspace-detail :is(.profile-actions,.title) button{padding:9px 13px;font-size:12px;line-height:1.4}.workspace-detail :is(.profile-box,.supplier-profile,.portfolio-content,.record-profile,.record-editor,.mailbox-list-panel,.mailbox-reader,.people-content>section,.notification-settings){background:var(--page-card);border:1px solid var(--page-line);border-radius:14px;min-width:0;padding:22px;box-shadow:0 3px 12px #423b2410}.workspace-detail .flow-panel{border-left-width:3px}.workspace-detail :is(.profile-box,.record-profile,.record-editor) :is(.profile-box,.flow-panel){box-shadow:none}.workspace-detail :is(.profile-box,.record-profile,.record-editor) h3{color:var(--flow-text);margin:0 0 16px;font-size:17px;line-height:1.4}.workspace-detail .title h3{margin:0}.workspace-detail .title{border-bottom:1px solid var(--page-line);margin-bottom:18px;padding-bottom:14px}.workspace-detail :is(.profile-columns,.profile-content,.people-content,.portfolio-content,.pin-content,.mailbox-reader){min-width:0}.workspace-detail :is(.profile-tabs,.mini-tabs,.mail-folders,.task-view-switch,.period-tabs){border:1px solid var(--page-line);background:var(--flow-surface);border-radius:11px;flex-wrap:wrap;align-items:center;gap:6px;margin:18px 0 22px;padding:6px;display:flex}.workspace-detail :is(.profile-tabs,.mini-tabs,.mail-folders,.task-view-switch,.period-tabs) button{min-height:38px;box-shadow:none;border:0;border-radius:7px;padding:9px 13px;font-size:12px;line-height:1.35}.workspace-detail .profile-tabs button.chosen,.workspace-detail .profile-tabs button[aria-current=page]{color:#315b3d;background:#e0e9d9;box-shadow:0 1px 4px #20402e12}.workspace-detail .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin-top:18px;display:grid}.workspace-detail .fields>label{min-width:0;color:var(--flow-text);flex-direction:column;gap:7px;margin:0;font-size:12px;font-weight:600;display:flex}.workspace-detail :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){border:1px solid var(--page-line);background:var(--flow-surface);color:var(--flow-text);border-radius:8px;min-width:0;max-width:100%;padding:10px 12px;font-size:13px;line-height:1.5}.workspace-detail .fields :is(input,select,textarea){width:100%;margin:0}.workspace-detail textarea{resize:vertical;min-height:110px}.workspace-detail :is(input,select,textarea):focus-visible{outline-offset:2px;background:var(--page-card);outline:2px solid #719477}.workspace-detail .fields>.wide{grid-column:1/-1}.workspace-detail .fields>.profile-actions{border-top:1px solid var(--page-line);margin-top:2px;padding-top:16px}.workspace-detail .list-filters{background:var(--page-card);border:1px solid var(--page-line);border-radius:11px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 20px;padding:14px;display:flex}.workspace-detail .list-filters>input{flex:240px;max-width:none;margin:0}.workspace-detail .list-filters>select{flex:0 220px;margin:0}.workspace-detail .list-filters>span{color:var(--page-muted);white-space:nowrap;font-size:11px}.workspace-detail :is(.supplier-cards,.record-cards,.portfolio-grid,.customer-directory,.file-grid){grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));align-items:stretch;gap:16px;display:grid}.workspace-detail :is(.supplier-card,.record-card,.portfolio-card,.customer-directory .contact,.file-card){border:1px solid var(--page-line);background:var(--page-card);color:var(--flow-text);text-align:left;border-radius:12px;min-width:0;margin:0;padding:20px;box-shadow:0 3px 10px #463c2510}.workspace-detail :is(.supplier-card,.record-card,.customer-directory .contact):hover{background:var(--flow-surface);border-color:#94ad85;box-shadow:0 5px 16px #35452c14}.workspace-detail :is(.supplier-card,.record-card,.portfolio-card,.customer-directory .contact) h3{margin:16px 0 8px;font-size:17px;line-height:1.4}.workspace-detail :is(.supplier-card,.record-card,.portfolio-card) p{color:var(--page-muted);margin:8px 0;font-size:12px;line-height:1.6}.workspace-detail :is(.card-heading,.card-counts,.card-footer){flex-wrap:wrap;gap:8px}.workspace-detail .card-counts{border-top:1px solid var(--page-line);color:var(--page-muted);margin-top:12px;padding:14px 0;font-size:11px}.workspace-detail .card-footer{margin-top:12px;font-size:11px}.workspace-detail .avatar{color:#426746;background:#e5ead9;border-radius:12px}.workspace-detail .profile-identity{align-items:center;gap:16px;min-width:0;max-width:100%}.workspace-detail .avatar.large{flex-shrink:0;width:64px;height:64px;font-size:22px}.workspace-detail :is(.profile-metrics,.people-stats){grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px;margin:20px 0;display:grid}.workspace-detail .profile-metrics button,.workspace-detail .people-stats section{background:var(--page-card);border:1px solid var(--page-line);min-width:0;color:var(--flow-text);text-align:left;box-shadow:none;border-radius:11px;padding:18px}.workspace-detail :is(.profile-metrics,.people-stats) strong{font-size:28px;line-height:1.2;display:block}.workspace-detail :is(.profile-metrics,.people-stats) span{color:var(--page-muted);margin-top:6px;font-size:11px;display:block}.workspace-detail .profile-facts{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px;display:grid}.workspace-detail .profile-facts>div{border-bottom:1px solid var(--page-line);min-width:0;padding:12px 0}.workspace-detail .profile-facts dt{letter-spacing:.6px;color:var(--page-muted);margin-bottom:5px;font-size:10px}.workspace-detail .profile-facts dd{overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.5}.workspace-detail .log-row{border-color:var(--page-line);gap:14px;padding:13px 0;font-size:13px}.workspace-detail .log-row>span:first-child{flex:1;min-width:0}.workspace-detail .log-row small{color:var(--page-muted);margin-top:5px;font-size:11px;display:block}.workspace-detail .profile-empty{background:var(--flow-surface);border:1px dashed var(--page-line);border-radius:12px;padding:26px 20px;font-size:13px;line-height:1.6}.workspace-detail .profile-empty h3{margin:0 0 8px;font-size:16px}.workspace-detail .profile-empty p{color:var(--page-muted);margin:6px 0 16px}.workspace-detail .pin-grid{grid-template-columns:minmax(0,1fr);gap:18px}.workspace-detail .pin-card{border:1px solid var(--page-line);background:var(--page-card);border-radius:14px}.workspace-detail .pin-title{background:var(--page-card);border-bottom:1px solid var(--page-line);padding:16px 22px}.workspace-detail .pin-title h2{color:var(--flow-text)}.workspace-detail .pin-content{padding:22px}.workspace-detail .work-row{border-color:var(--page-line);flex-wrap:wrap;align-items:center;gap:18px;padding:15px 0;display:flex}.workspace-detail .work-row>.text-button{text-align:left;flex:220px;min-width:0}.workspace-detail .work-row select{flex:0 180px;font-size:12px}.workspace-detail .purchase-editor{background:var(--flow-surface);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-top:20px;padding:18px;display:flex}.workspace-detail .purchase-editor label{flex:240px;margin:0;font-size:12px}.workspace-detail .purchase-editor select{margin:7px 0 0}.workspace-detail .tasks-panel{border-radius:12px;padding:18px}.workspace-detail .task-board-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.workspace-detail .task-board-toolbar .task-view-switch{margin:0}.workspace-detail .task-board-toolbar>input{flex:240px;margin:0}.workspace-detail .task-board-toolbar>select{flex:0 180px;margin:0}.workspace-detail .task-filters{gap:6px;margin:18px 0}.workspace-detail .task-note-preview{color:var(--page-muted);font-size:12px;line-height:1.6}.workspace-detail .kanban-board{grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px;padding-bottom:12px;overflow-x:auto}.workspace-detail .kanban-column{background:var(--flow-surface);border:1px solid var(--page-line);border-radius:12px;min-width:0;padding:12px}.workspace-detail .kanban-card{background:var(--page-card);border-color:var(--page-line);border-radius:10px;padding:14px;box-shadow:0 2px 6px #25351d0c}.workspace-detail .kanban-task-title{font-size:14px;line-height:1.5}.workspace-detail .kanban-card .hold-complete{white-space:normal;width:100%;min-width:0}.workspace-detail .mailbox-layout{grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.workspace-detail .mailbox-list-panel{padding:16px;position:sticky;top:16px}.workspace-detail .mailbox-list-panel>label{font-size:12px}.workspace-detail .mailbox-list-panel input{margin-top:8px}.workspace-detail .mailbox-messages{scrollbar-width:thin;max-height:65vh;overflow:auto}.workspace-detail .mailbox-messages .message{border-radius:9px;min-width:0;margin:5px 0;padding:14px 12px;font-size:12px}.workspace-detail .mailbox-messages .message strong{font-size:12px;line-height:1.5}.workspace-detail .mailbox-messages .message small{font-size:10px;line-height:1.6}.workspace-detail .mailbox-reader{min-width:0;padding:20px}.workspace-detail .mail-overview{background:var(--flow-surface);box-shadow:none;padding:18px}.workspace-detail .mail-overview h3{margin:8px 0 12px;font-size:20px;line-height:1.4}.workspace-detail .mail-summary{font-size:13px;line-height:1.7}.workspace-detail .mail-next-step{border:1px solid var(--page-line);background:var(--flow-surface);border-radius:9px;margin:16px 0;padding:12px 14px;font-size:12px;line-height:1.6}.workspace-detail .mail-body{background:var(--page-card);border:1px solid var(--page-line);border-radius:10px;padding:20px}.workspace-detail .mail-body pre{font:inherit;max-width:78ch;margin:18px 0;font-size:14px;line-height:1.8}.workspace-detail .compose{background:var(--flow-surface);border:1px solid var(--page-line);border-radius:12px;margin-top:20px;padding:20px}.workspace-detail .compose>label{margin:16px 0;font-size:12px;font-weight:600;display:block}.workspace-detail .compose input,.workspace-detail .compose textarea{background:var(--page-card);margin-top:7px}.workspace-detail .communication-history{border:1px solid var(--page-line);border-radius:9px;margin-top:18px;padding:12px}.workspace-detail .communication-history summary{cursor:pointer;font-size:12px;line-height:1.6}.workspace-detail .portfolio-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:20px}.workspace-detail .portfolio-folders,.workspace-detail .people-team{background:var(--page-card);border:1px solid var(--page-line);border-radius:12px;min-width:0;padding:16px}.workspace-detail .portfolio-folders button,.workspace-detail .people-team button{text-align:left;border-radius:8px;padding:11px;font-size:12px;line-height:1.5}.workspace-detail .portfolio-card dl{font-size:12px;line-height:1.6}.workspace-detail .portfolio-card dt{color:var(--page-muted)}.workspace-detail .portfolio-card .profile-actions{margin-top:18px}.workspace-detail .portfolio-note{font-size:11px;line-height:1.7}.workspace-detail .sales-metrics{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:14px;margin:20px 0;display:grid}.workspace-detail .sales-metric{background:var(--page-card);border:1px solid var(--page-line);border-radius:12px;min-width:0;padding:20px;box-shadow:0 3px 10px #423b2410}.workspace-detail .sales-metric strong{overflow-wrap:normal;word-break:normal;margin:14px 0;font-size:clamp(20px,2vw,30px);line-height:1.3;display:block}.workspace-detail .sales-metric small{letter-spacing:.6px;font-size:10px;line-height:1.5}.workspace-detail .sales-metric span{color:var(--page-muted);font-size:11px;line-height:1.6}.workspace-detail .sales-feed-row{flex-wrap:wrap;gap:14px;padding:16px 0}.workspace-detail .sales-feed-details{flex:200px;min-width:0}.workspace-detail .sales-feed-amount{margin-left:auto}.workspace-detail .intranet-source{flex-wrap:wrap;gap:10px;font-size:11px}.workspace-detail .sales-definition{border:1px solid var(--page-line);border-radius:10px;margin-top:20px;padding:16px;font-size:12px;line-height:1.7}.workspace-detail .files-panel .list-filters>label{flex:200px;min-width:0;font-size:12px}.workspace-detail .file-card{flex-direction:column;gap:10px;display:flex}.workspace-detail .file-card .profile-actions{margin-top:auto}.workspace-detail .team-directory button{border:1px solid var(--page-line);background:var(--page-card);color:var(--flow-text);border-radius:12px;padding:22px}.workspace-detail .notification-settings .check-option{border-bottom:1px solid var(--page-line);margin:0;padding:14px 0;font-size:13px}:root[data-theme=dark] .workspace-detail .profile-tabs button.chosen,:root[data-theme=dark] .workspace-detail .profile-tabs button[aria-current=page],:root[data-theme=dark] .workspace-detail .avatar{color:#e7eedc;background:#3b533d}@media (width<=1050px){.workspace-detail .mailbox-layout{grid-template-columns:minmax(220px,270px) minmax(0,1fr)}.workspace-detail .portfolio-layout{grid-template-columns:170px minmax(0,1fr)}.workspace-detail .profile-columns,.workspace-detail .people-layout{grid-template-columns:1fr}}@media (width<=850px){.workspace-detail .mailbox-layout{grid-template-columns:1fr}.workspace-detail .mailbox-list-panel{position:static}.workspace-detail .mailbox-messages{max-height:55vh}.workspace-detail .portfolio-layout{grid-template-columns:1fr}.workspace-detail .portfolio-folders{align-items:center;gap:8px;display:flex;overflow-x:auto}.workspace-detail .portfolio-folders>small{display:none}.workspace-detail .portfolio-folders>button{flex-shrink:0;max-width:220px}.workspace-detail .fields{grid-template-columns:1fr}.workspace-detail .fields>.wide{grid-column:auto}}@media (width<=720px){.supplier-app.workspace-detail>header.workspace-hero{min-height:60px;padding:10px 14px}.workspace-detail>.page-notifications{padding:10px 14px 0}.workspace-detail>.status{padding:4px 14px}.workspace-detail>main,.workspace-detail>.board-area{padding:18px 14px 28px}.workspace-detail :is(.profile-title,.board-heading){gap:14px;margin-bottom:18px}.workspace-detail :is(.profile-title,.board-heading) h2{font-size:25px}.workspace-detail :is(.profile-title,.board-heading)>.profile-actions{width:100%}.workspace-detail :is(.profile-box,.supplier-profile,.portfolio-content,.record-profile,.record-editor,.mailbox-reader,.people-content>section){padding:16px}.workspace-detail .pin-content{padding:14px}.workspace-detail .pin-title{padding:14px 16px}.workspace-detail .profile-tabs{flex-wrap:nowrap;overflow-x:auto}.workspace-detail .profile-tabs button{flex-shrink:0;min-height:44px}.workspace-detail :is(.profile-actions,.task-actions) button{min-height:44px}.workspace-detail .list-filters{gap:10px;padding:12px}.workspace-detail .list-filters>input,.workspace-detail .list-filters>select{flex-basis:100%;width:100%}.workspace-detail .compose,.workspace-detail .mail-body{padding:14px}.workspace-detail .kanban-board{grid-template-columns:repeat(4,minmax(245px,82vw))}.workspace-detail .task-board-toolbar>input,.workspace-detail .task-board-toolbar>select{flex-basis:100%;width:100%}.workspace-detail .people-team{overflow-x:auto}.workspace-detail .sales-feed-amount{margin-left:0}.workspace-detail .purchase-editor{padding:14px}.workspace-detail .purchase-editor>button{width:100%}}