@font-face{font-family:cockpitFont;src:url(../media/OpenRunde_Regular-s.p.1jlhbliok6_eb.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:cockpitFont;src:url(../media/OpenRunde_Medium-s.p.0tyjjf8cs-eei.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:cockpitFont;src:url(../media/OpenRunde_Semibold-s.p.0bk1jyw83h7uz.woff2)format("woff2");font-display:swap;font-weight:600}@font-face{font-family:cockpitFont;src:url(../media/OpenRunde_Bold-s.p.2uyvtvsynw6zk.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:cockpitFont Fallback;src:local(Arial);ascent-override:90.0%;descent-override:22.43%;line-gap-override:0.0%;size-adjust:107.64%}.cockpitfont_fa75cb4b-module__etrJHq__className{font-family:cockpitFont,cockpitFont Fallback}.cockpitfont_fa75cb4b-module__etrJHq__variable{--font-demo:"cockpitFont", "cockpitFont Fallback"}
@layer demo{body:has(.cockpit){background:#f1f2f3;margin:0}.cockpit{--ink:#202322;--muted:#626b65;--line:#e5e7e6;--accent:#6876ca;--soft:#f5f6fb;--green:#4e775d;--amber:#a66a1d;font-family:var(--font-demo), Arial, sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;grid-template-rows:82px minmax(0,1fr) 46px;grid-template-columns:80px minmax(0,1fr);max-width:1920px;min-height:100svh;margin:0 auto;font-size:14px;line-height:1.5;display:grid}.cockpit *,.demo-dialog *{box-sizing:border-box}.cockpit h1,.cockpit h2,.cockpit h3,.cockpit p{margin:0}.cockpit button,.cockpit input,.cockpit select,.cockpit textarea{font:inherit}.cockpit button,.cockpit a,.cockpit input,.cockpit select,.cockpit textarea,.cockpit summary{-webkit-tap-highlight-color:transparent}.cockpit button{cursor:pointer}.cockpit button:disabled{cursor:not-allowed;opacity:.45}.cockpit a{color:inherit;text-decoration:none}.cockpit :focus-visible{outline-offset:4px;outline:3px solid #6978d0}.cockpit input:focus-visible,.cockpit textarea:focus-visible,.cockpit select:focus-visible{outline-offset:2px}.cockpit svg{flex:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:6px;padding:12px 20px;position:fixed;top:12px;left:100px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sidebar{border-right:1px solid var(--line);background:#f8f9fa;flex-direction:column;grid-area:1/1/3;align-items:center;display:flex}.brand-mark{border-bottom:1px solid var(--line);background:#fff;place-items:center;width:100%;height:82px;display:grid}.brand-mark img{object-fit:contain;width:50px;height:50px}.workspace-mark{color:#fff;background:#232625;border-radius:11px;place-items:center;width:40px;height:40px;margin:28px 0 30px;font-size:12px;font-weight:700;display:grid;box-shadow:0 2px 3px #0000000b}.nav-items{flex-direction:column;gap:12px;display:flex}.nav-item{color:#666d6a;border-radius:8px;justify-content:center;align-items:center;width:44px;height:46px;transition:background .15s;display:flex}.nav-item span{display:none}a.nav-item:hover{background:#edeff4}.nav-item.active{color:#5465bd;background:#edf0fc}.nav-item.planned{opacity:.48}.sidebar-bottom{color:#686d6a;letter-spacing:4px;margin-top:auto;padding:32px 0 24px;font-size:16px}.topbar{border-bottom:1px solid var(--line);grid-column:2;justify-content:space-between;align-items:center;gap:20px;padding:0 36px;display:flex}.topbar h1{letter-spacing:-.8px;font-size:23px;font-weight:700}.topbar-right{align-items:center;gap:24px;display:flex}.demo-indicator{color:var(--muted);white-space:nowrap;align-items:center;gap:9px;font-size:12px;display:flex}.status-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.status-dot.violet{color:var(--accent)}.status-dot.green{color:#477746}.status-dot.amber{color:#a05b00}.avatar{color:#656e68;background:#f2f4f0;border:1px solid #e3e5e2;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:grid}.main-content{grid-column:2;min-width:0}.main-content:focus{outline:none}.statusbar{border-top:1px solid var(--line);color:var(--muted);grid-column:1/3;align-items:center;gap:10px;padding:0 30px;font-size:11px;display:flex}.statusbar>span:first-child{align-items:center;gap:8px;display:flex}.statusbar strong{font-weight:500}.text-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;display:inline-flex}.reset-button{white-space:nowrap;min-height:36px;margin-left:auto;font-size:11px}.reset-button svg{width:13px;height:13px}.reset-status{color:var(--green)}.dashboard-layout{grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);min-height:calc(100svh - 128px);display:grid}.task-panel{border-right:1px solid var(--line);flex-direction:column;padding:36px 34px 30px;display:flex}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;display:flex}.section-heading h2{letter-spacing:-.7px;font-size:22px;font-weight:700}.section-heading>span{color:var(--muted);text-align:right;font-size:11px}.task-list{flex-direction:column;gap:4px;display:flex}.task-item{text-align:left;width:100%;color:var(--ink);background:0 0;border:1px solid #0000;border-bottom-color:#edf0ee;border-radius:0;align-items:center;gap:18px;min-height:108px;padding:25px 14px;transition:background .15s,border-color .15s;display:flex}.task-item:hover{background:#f9fafc}.task-item.selected{background:#f5f6fc;border-color:#e2e6f5;border-radius:9px}.task-copy{flex-direction:column;gap:6px;display:flex}.task-copy strong{letter-spacing:-.35px;font-size:15px;font-weight:600;line-height:1.5}.task-copy>span{color:var(--muted);font-size:11px;line-height:1.65}.task-arrow{opacity:0;width:16px;color:var(--accent);margin-left:auto}.selected .task-arrow,.task-item:hover .task-arrow{opacity:1}.icon-tile{border-radius:8px;flex:none;place-items:center;width:37px;height:40px;display:grid}.amber{color:#995f09;background:#fcf6ec}.green{color:#4e7458;background:#eff6f1}.violet{color:#5566bc;background:#eff1fb}.muted{color:#676d6a;background:#f2f3f3}.red{color:#ad5040;background:#fcf0ee}.day-note{margin-top:auto;padding:46px 14px 4px}.small-label{letter-spacing:1.2px;color:#676e6a;font-size:11px;font-weight:600}.day-note p{color:#656e69;margin-top:10px;font-size:14px;line-height:1.8}.note-date{color:#676d6a;margin-top:18px;font-size:11px;display:block}.focus-panel{background:#f7f8f9;padding:36px 38px}.focus-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;height:100%;min-height:610px;max-height:810px;padding:34px 34px 20px;display:flex;box-shadow:0 2px 4px #172b1b02}.eyebrow{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.focus-intro{margin-top:34px}.focus-intro h2{letter-spacing:-1.55px;max-width:620px;margin:19px 0 20px;font-size:clamp(28px,2.65vw,44px);font-weight:600;line-height:1.2}.focus-intro p{color:#686d6a;max-width:570px;font-size:15px;line-height:1.75}.metrics{border:1px solid var(--line);background:#fafafa;border-radius:8px;grid-template-columns:1fr 1fr 1.4fr;margin:28px 0 20px;padding:21px 0;display:grid}.metrics>div{flex-direction:column;gap:10px;min-width:0;padding:0 18px;display:flex}.metrics>div+div{border-left:1px solid var(--line)}.metrics span{color:var(--muted);font-size:11px}.metrics strong{white-space:nowrap;letter-spacing:-.7px;font-size:22px}.metrics small{font-size:13px;font-weight:600}.metrics .metric-amount{padding-top:5px;font-size:17px}.info-strip{color:#646c79;background:#f5f6fc;border-radius:6px;align-items:center;gap:11px;margin-bottom:20px;padding:14px 16px;font-size:11px;line-height:1.65;display:flex}.info-strip svg{color:#5666b7;width:17px;height:17px}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:13px 18px;font-size:12px;font-weight:500;line-height:1.5;transition:background .15s,transform .15s;display:inline-flex}.button.primary{color:#fff;background:#212524;border-color:#212524}.button.primary:hover:not(:disabled){background:#374039;border-color:#374039}.button.secondary{color:#343d37;background:#fff;border-color:#cbd0cd}.button.secondary:hover:not(:disabled){background:#f6f8f6}.button.full{width:100%}.button svg{width:18px;height:18px}.button.primary.full{position:relative}.button.primary.full>svg{margin-left:auto}.focus-card .button{justify-content:space-between;padding-left:22px}.caption{color:#666e69;font-size:11px;line-height:1.7}.focus-card>.caption{margin-top:13px}.focus-bottom{color:#676e68;justify-content:center;align-items:center;gap:18px;margin-top:auto;padding:34px 45px 6px;display:flex}.focus-bottom svg{width:15px;height:15px}.decorative-line{background:#edf0ed;width:45px;height:1px}.workflow{border-bottom:1px solid var(--line);background:#fafbfc;padding:23px 34px 24px}.workflow-intro{justify-content:space-between;align-items:center;gap:16px;display:flex}.workflow-intro p{color:#666e68;font-size:13px}.outline-badge{color:#656e67;white-space:nowrap;border:1px solid #dfe3e0;border-radius:5px;padding:4px 9px;font-size:11px}.steps{align-items:center;gap:32px;margin:22px 0 17px;padding:0;list-style:none;display:flex}.steps li{color:#676e69;align-items:center;gap:11px;font-size:12px;display:flex}.steps li+li:before{content:"";background:#dbe0dc;width:38px;height:1px;margin-right:10px}.steps li>span{border:1px solid #dadee3;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.steps li.current{color:var(--ink)}.steps li.current>span{color:#fff;background:#6c7acd;border-color:#6c7acd}.steps small{border:1px solid var(--line);border-radius:4px;padding:2px 5px;font-size:11px}.workflow-summary{color:#676d67;flex-wrap:wrap;align-items:center;gap:20px;font-size:11px;display:flex}.workflow-summary>span+span:before{content:"·";margin-right:20px}.workflow-summary strong{color:#636c65;font-weight:500}.queue-layout{grid-template-columns:minmax(380px,1.15fr) minmax(330px,1fr) minmax(240px,.7fr);min-height:calc(100svh - 310px);display:grid}.invoice-list-panel{border-right:1px solid var(--line);min-width:0;padding:28px 26px 24px}.invoice-list-panel .section-heading,.invoice-detail-panel .section-heading{margin-bottom:20px}.count-strip{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.count-strip button{border:0;flex-direction:column;align-items:center;gap:5px;padding:15px 8px;display:flex}.count-strip button+button{border-left:1px solid var(--line)}.count-strip strong{letter-spacing:-1px;font-size:27px;line-height:1.3}.count-strip span{color:#676e68;font-size:11px}.count-strip .status-dot{width:5px;height:5px;margin-right:6px}.ready-count{color:#4b7558;background:#f2f7f3}.review-count{color:#97600d;background:#fcf8f1}.count-strip button:hover{filter:brightness(.985)}.search-field{border:1px solid var(--line);color:#666e68;border-radius:7px;align-items:center;gap:9px;height:40px;margin:20px 0 14px;padding:0 11px;display:flex}.search-field>svg{width:16px;height:16px}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;height:30px;font-size:11px}.search-field input::placeholder{color:#676e68}.filter-list{flex-wrap:wrap;gap:5px;padding-bottom:8px;display:flex}.filter-list button{color:#676e6a;background:0 0;border:0;border-radius:5px;align-items:center;gap:5px;min-height:34px;padding:7px 8px;font-size:11px;display:flex}.filter-list button.active{color:#5666ae;background:#eff1fa}.filter-list button span{opacity:1;font-size:11px}.sort-field{border:1px solid var(--line);color:#666e68;white-space:nowrap;border-radius:7px;align-items:center;gap:8px;height:32px;padding:0 11px;font-size:11px;display:inline-flex}.sort-field select{color:var(--ink);background:0 0;border:0;height:30px;font-size:11px}.sort-field.compact{cursor:pointer;justify-content:center;width:32px;padding:0;position:relative}.sort-field.compact>svg{width:16px;height:16px}.sort-field.compact select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.sort-field.compact:focus-within{outline-offset:2px;outline:3px solid #6978d0}.sort-field.compact:hover{background:#f4f5f3}.list-tools{align-items:center;gap:8px;display:flex}.list-tools .search-field{height:32px}.list-head{align-items:center;gap:10px;min-height:32px;display:flex}.list-head h2{letter-spacing:-.4px;margin:0 4px 0 0;font-size:20px;font-weight:650}.list-total{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.count-tiles{border-radius:9px;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:8px;display:grid;overflow:hidden}.count-tile{border-bottom:2px solid #0000;flex-direction:column;align-items:center;padding:10px;line-height:1.15;text-decoration:none;display:flex}.count-tile strong{letter-spacing:-.5px;font-size:23px;font-weight:650}.count-tile span{font-size:11px}.count-tile.green{color:#39704b;background:#edf5ee}.count-tile.amber{color:#956521;background:#fcf5e8}.count-tile[aria-current]{border-bottom-color:currentColor}.filter-row{scrollbar-width:none;flex-wrap:nowrap;gap:16px;padding:6px 6px 8px;font-size:12px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row a{color:#5b6360;white-space:nowrap;gap:5px;text-decoration:none;display:inline-flex}.filter-row a span{color:var(--muted)}.filter-row a[aria-current]{color:var(--ink);font-weight:600}.filter-row a:hover{color:var(--ink)}.list-tools .archive-selection{margin:0}.list-tools .archive-bar{min-height:32px}.list-tools .archive-bar .button{white-space:nowrap;align-items:center;gap:4px;height:32px;min-height:32px;padding:0 10px;display:inline-flex}.list-tools .archive-bar .button svg{width:14px;height:14px}.card-head .list-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.card-head .list-tools .filter-list{padding-bottom:0}.card-head .list-tools .search-field{height:32px;margin:0}.pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-top:10px;font-size:11px;display:flex}.pagination p{color:var(--muted);margin:0 auto 0 0}.pagination a,.pagination button,.pagination span{color:#676e6a;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;min-width:30px;min-height:30px;padding:0 8px;font-size:11px;text-decoration:none;display:inline-flex}.pagination a[aria-current],.pagination button[aria-current],.pagination span[aria-current]{color:#5666ae;background:#eff1fa}.pagination button:disabled,.pagination span[aria-disabled]{opacity:.45;cursor:default}.pagination span[aria-hidden]{min-width:0;padding:0 2px}.table-scroll{overflow-x:auto}.invoice-table{border-collapse:collapse;width:100%}.invoice-table th{color:#676e68;border-bottom:1px solid var(--line);text-align:left;height:42px;font-size:11px;font-weight:400}.invoice-table td{border-bottom:1px solid #edf0ed}.invoice-table .selection-cell{width:33px;padding-left:6px;padding-right:9px}.invoice-table .amount-cell{text-align:right;white-space:nowrap;padding-right:9px}.invoice-table td.amount-cell{font-size:11px}.invoice-table td.amount-cell strong{font-weight:600}.invoice-table .dot-cell{width:22px;padding:0 4px 0 0}.invoice-table .amount-cell .row-preview{vertical-align:middle;margin-right:6px}.invoice-table .switch-cell{text-align:center;width:64px;color:var(--muted);white-space:nowrap;padding-right:8px;font-size:11px}.paid-switch-form{flex-direction:column;align-items:center;gap:2px;display:inline-flex}.paid-switch{cursor:pointer;width:36px;height:20px;display:inline-block;position:relative}.paid-switch input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.paid-switch input:disabled{cursor:default}.paid-switch-track{background:#d6dad8;border-radius:999px;transition:background .15s;position:absolute;inset:0}.paid-switch-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.paid-switch input:checked+.paid-switch-track{background:#2f9e5f}.paid-switch input:checked+.paid-switch-track:after{transform:translate(16px)}.paid-switch input:focus-visible+.paid-switch-track{outline:2px solid var(--accent);outline-offset:2px}.paid-switch input:disabled+.paid-switch-track{opacity:.6}.paid-switch-error{color:#b3261e;white-space:normal;max-width:120px;font-size:10px}.archive-selection{margin:0 0 6px}.archive-bar{flex-wrap:wrap;align-items:center;gap:8px;min-height:32px;display:flex}.archive-bar .app-feedback{flex-basis:100%;margin:0}.invoice-table .selection-cell input[type=checkbox]{vertical-align:middle;width:15px;height:15px;accent-color:var(--accent);margin:0}.button.primary.danger{background:#b3261e;border-color:#b3261e}.button.primary.danger:hover:not(:disabled){background:#93201a}.archive-confirm .caption{margin-bottom:6px}.invoice-table tr.selected-row td{background:#fcf8f2;border-bottom-color:#eee2d1}.invoice-table tr.selected-row td:first-child{box-shadow:inset 2px 0 #dba753}.invoice-table tr:hover td{background:#f8f9fc}.invoice-open{text-align:left;color:var(--ink);background:0 0;border:0;flex-direction:column;gap:3px;width:100%;min-width:160px;padding:17px 8px 17px 0;display:flex}.invoice-open>strong{letter-spacing:-.1px;font-size:12px;font-weight:600}.invoice-open>span{color:#666e67;font-size:11px}.invoice-open .invoice-row-meta{color:#676d68;margin-top:4px;font-size:11px}.invoice-row-number{align-items:baseline;gap:8px;display:flex}.invoice-row-number>span{color:#676e68;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px;font-weight:400}.due-alert{white-space:nowrap;border-radius:999px;flex-shrink:0;margin-left:auto;padding:1px 6px;font-size:9.5px}.due-alert.amber{color:#8f6422;background:#fbf1df}.due-alert.red{color:#aa5142;background:#f8ebe8}.amber-text{color:#8f6422}.red-text{color:#aa5142}.row-status{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;display:inline-flex}.row-status svg{stroke-width:1.9px;width:17px;height:17px}.cockpit input[type=checkbox]{accent-color:#697acb;cursor:pointer;vertical-align:middle;width:24px;height:24px;margin:0}.table-footnote{color:#676e68;padding:18px 0 0;font-size:11px}.invoice-detail-panel{min-width:0;padding:28px 26px}.panel-description{color:#666e68;align-items:center;gap:8px;margin:0 0 18px;font-size:11px;display:flex}.panel-description svg{width:15px;height:15px}.invoice-detail{border:1px solid var(--line);border-radius:9px;padding:22px}.detail-kicker{justify-content:space-between;align-items:center;gap:8px;margin-bottom:17px;display:flex}.pill{border-radius:5px;padding:4px 7px;font-size:11px;font-weight:500;display:inline-block}.detail-kicker>.small-label{font-size:11px}.invoice-detail h3{letter-spacing:-.8px;overflow-wrap:anywhere;font-size:23px;font-weight:700}.invoice-detail .detail-amount{color:#666e68;margin-top:4px;font-size:14px}.issue-note{color:#886635;background:#fdf9f3;border:1px solid #f1e6d5;border-radius:6px;gap:9px;margin:20px 0;padding:12px;font-size:11px;display:flex}.issue-note svg{width:16px;height:16px;margin-top:1px}.issue-note strong{font-weight:600}.issue-note p{color:#796953;margin-top:4px;line-height:1.65}.issue-note.danger-note{color:#a25745;background:#fff6f4;border-color:#f0dbd6}.danger-note p{color:#8a6358}.invoice-fields{flex-direction:column;gap:21px;margin:23px 0 17px;display:flex}.invoice-fields>div{grid-template-columns:86px minmax(0,1fr);align-items:start;gap:10px;display:grid}.invoice-fields dt{color:#676e69;padding-top:1px;font-size:11px}.invoice-fields dd{color:#4c554e;overflow-wrap:anywhere;margin:0;font-size:11px}.invoice-fields small{color:#676e68;margin-top:4px;font-size:11px;line-height:1.7;display:block}.invoice-fields .source-label{color:#8c652b}.invoice-fields select{color:#4c554e;background:#fff;border:1px solid #d8dfd8;border-radius:5px;width:100%;min-height:34px;padding:7px;font-size:11px}.bank-account{font-variant-numeric:tabular-nums}.source-details{border-top:1px solid var(--line);color:#666e67;margin:20px 0;padding-top:13px;font-size:11px}.source-details summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:30px;display:flex}.source-details summary svg{width:14px;height:14px}.source-details dl{font-size:11px}.source-details dt{color:#646e66;margin-top:12px}.source-details dd{overflow-wrap:anywhere;margin:4px 0;font-size:11px}.decision-actions{flex-direction:column;gap:9px;margin-top:12px;display:flex}.decision-actions .caption{text-align:center}.accepted-note{color:#55735c;background:#f2f7f2;border-radius:6px;gap:8px;padding:13px;font-size:11px;display:flex}.accepted-note svg{width:17px;height:17px}.rejection-note{color:#676d68;overflow-wrap:anywhere;background:#f6f6f6;border-radius:6px;padding:13px;font-size:11px}.rejection-note p{margin-top:8px}.batch-panel{min-width:0;padding:28px 26px 28px 0}.batch-card{background:#f6f7fb;border:1px solid #e6e8ee;border-radius:10px;flex-direction:column;min-height:570px;padding:28px 24px;display:flex;position:sticky;top:20px}.batch-kicker{color:#676d72;align-items:center;gap:12px;margin:4px 0 42px;font-size:11px;display:flex}.batch-kicker svg{color:#5967ae;width:24px;height:24px}.batch-card h2{letter-spacing:-2px;font-size:46px;font-weight:600;line-height:1.15}.batch-card h2 span{letter-spacing:-.8px;font-size:22px}.batch-total{border-top:1px solid #e0e3eb;border-bottom:1px solid #e0e3eb;flex-direction:column;gap:6px;margin:22px 0;padding:19px 0;display:flex}.batch-total span{color:#666e6c;font-size:11px}.batch-total strong{letter-spacing:-.8px;white-space:nowrap;font-size:20px;font-weight:600}.batch-card>p{color:#676d6e;font-size:12px;line-height:1.9}.batch-spacer{flex:1;min-height:32px}.batch-demo-note{color:#666c74;gap:8px;margin:24px 0 15px;font-size:11px;line-height:1.8;display:flex}.batch-demo-note svg{width:15px;height:15px;margin-top:2px}.batch-card .button{padding:12px;font-size:11px}.empty-state,.detail-placeholder{text-align:center;color:#666e67;padding:48px 18px;font-size:12px}.empty-state h3{color:#4d594f;margin:15px 0 8px;font-size:16px}.empty-state .button{margin-top:20px}.detail-placeholder>svg{width:32px;height:32px;margin-bottom:15px}.icon-button{color:#666e69;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;min-width:34px;min-height:34px;padding:8px;display:inline-flex}.icon-button:hover{background:#eff1ee}.icon-button svg{width:17px;height:17px}.toast{z-index:40;color:#fff;background:#26372b;border-radius:9px;align-items:center;gap:12px;max-width:min(680px,100vw - 36px);padding:12px 16px;font-size:12px;display:none;position:fixed;bottom:60px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #1c372b20}.toast.visible{display:flex}.toast>.icon-button{color:#fff}.toast>.icon-button:hover{background:#ffffff15}.toast>svg{width:18px;height:18px}.demo-dialog{color:#28322b;font-family:var(--font-demo), Arial, sans-serif;border:1px solid #e0e5df;border-radius:13px;width:560px;max-width:calc(100vw - 32px);max-height:calc(100svh - 40px);padding:28px;overflow:auto;box-shadow:0 24px 90px #15251a30}.demo-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17221d65}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-heading h2{letter-spacing:-.7px;margin:0;font-size:22px}.dialog-description{color:#656e66;margin:10px 0 25px;font-size:12px}.field-label{margin-bottom:9px;font-size:12px;font-weight:600;display:block}.field-label span{color:#676e68;font-weight:400}.demo-dialog textarea{resize:vertical;color:#28322b;background:#fff;border:1px solid #ced6ce;border-radius:7px;width:100%;min-height:110px;padding:13px;font-size:13px}.demo-dialog .caption{margin-top:7px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.batch-preview-total{background:#f4f6fa;border:1px solid #e8eaf0;border-radius:8px;flex-direction:column;gap:7px;margin-bottom:15px;padding:20px;display:flex}.batch-preview-total span{color:#656e69;font-size:11px}.batch-preview-total strong{letter-spacing:-1px;font-size:30px}.batch-preview-list{max-height:280px;margin:0 0 18px;overflow:auto}.batch-preview-list>div{border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;gap:16px;padding:13px 3px;font-size:11px;display:flex}.batch-preview-list small{color:#656e67;margin-top:3px;font-size:11px;display:block}.batch-preview-list b{white-space:nowrap;font-size:12px}.loading-state{color:#656e68;padding:30px}@media (min-width:1700px){.task-panel,.focus-panel{padding:42px}.focus-card{padding:40px}.task-item{min-height:120px}.queue-layout{grid-template-columns:1.2fr 1fr .7fr}.invoice-list-panel,.invoice-detail-panel{padding:34px}.batch-panel{padding:34px 34px 34px 0}}@media (max-width:1270px){.cockpit{grid-template-columns:68px minmax(0,1fr)}.topbar{padding:0 26px}.dashboard-layout{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}.task-panel{padding:30px 22px}.task-item{gap:12px;padding:22px 10px}.task-copy strong{font-size:13px}.task-copy>span{font-size:11px}.focus-panel{padding:30px 24px}.focus-card{padding:28px 24px 18px}.metrics>div{padding:0 12px}.metrics .metric-amount{font-size:14px}.queue-layout{grid-template-columns:minmax(360px,1.1fr) minmax(320px,1fr)}.batch-panel{grid-column:1/3;padding:0 26px 28px}.batch-card{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;min-height:0;padding:24px;display:grid;position:static}.batch-kicker{margin:0}.batch-card h2{font-size:32px}.batch-card h2 br{display:none}.batch-card h2 span{font-size:17px}.batch-total{border:0;margin:0;padding:10px 0}.batch-card>p{font-size:11px}.batch-spacer{display:none}.batch-demo-note{margin:0}.batch-card>.button{grid-area:2/3}.batch-card>.batch-total{grid-area:1/3}.batch-card>h2{grid-area:1/2}}@media (max-width:1000px){.dashboard-layout{grid-template-columns:1fr}.task-panel{border-right:0;padding:26px}.task-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.task-item{border:1px solid var(--line);border-radius:8px;min-height:96px}.task-item:last-child{grid-column:1/3;min-height:76px}.day-note{display:none}.focus-panel{border-top:1px solid var(--line);padding:26px}.focus-card{min-height:0}.focus-intro h2{max-width:500px;font-size:34px}.focus-bottom{padding:26px 0 4px}.metrics .metric-amount{font-size:22px}.metrics small{font-size:15px}.queue-layout{grid-template-columns:minmax(310px,1fr) minmax(300px,1fr)}.invoice-list-panel,.invoice-detail-panel{padding:24px 18px}.invoice-detail{padding:17px}.invoice-fields>div{grid-template-columns:70px minmax(0,1fr)}.workflow{padding:22px 24px}.steps{gap:20px}.steps li{gap:8px;font-size:11px}.steps li+li:before{width:20px;margin-right:0}.steps small{display:none}.section-heading h2{font-size:20px}.section-heading>span{font-size:11px}}@media (max-width:760px){.pagination{justify-content:flex-start}.pagination p{width:100%;margin:0}.cockpit{grid-template-rows:70px minmax(0,1fr) auto;grid-template-columns:60px minmax(0,1fr)}.brand-mark{height:70px}.brand-mark img{width:43px;height:43px}.workspace-mark{width:34px;height:34px;margin:20px 0 24px;font-size:11px}.nav-item{width:40px;height:42px}.topbar{padding:0 20px}.topbar h1{font-size:20px}.topbar-right{gap:10px}.demo-indicator{font-size:11px}.avatar{display:none}.queue-layout{grid-template-columns:minmax(0,1fr)}.invoice-list-panel{border-right:0;border-bottom:1px solid var(--line);padding:24px}.invoice-detail-panel,.invoice-detail{padding:24px}.invoice-fields>div{grid-template-columns:110px minmax(0,1fr)}.invoice-fields dt,.invoice-fields dd{font-size:12px}.invoice-fields small{font-size:11px}.invoice-fields select{min-height:40px;font-size:12px}.batch-panel{grid-column:1;padding:0 24px 24px}.batch-card{align-items:stretch;gap:16px;display:flex}.batch-kicker{margin:0 0 8px}.batch-total{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.batch-card h2{align-items:baseline;gap:10px;display:flex}.batch-card h2 br{display:none}.batch-card h2 span{font-size:22px}.workflow-intro .outline-badge{display:none}.steps{gap:12px}.steps li+li:before{display:none}.steps li{font-size:11px}.steps li>span{width:25px;height:25px}.workflow-summary{gap:7px 15px;font-size:11px}.workflow-summary>span+span:before{display:none}.statusbar{flex-wrap:wrap;min-height:46px;padding:12px 20px;font-size:11px}.reset-status{order:3}.footer-detail{font-size:11px}.dashboard-layout{min-height:0}.focus-intro h2{font-size:32px}.focus-card{padding:26px 22px}.metrics>div{padding:0 14px}.metrics .metric-amount{font-size:16px}.metrics strong{font-size:20px}.metrics small,.task-copy strong{font-size:12px}.task-arrow{display:none}}@media (max-width:520px){.cockpit{grid-template-rows:64px auto minmax(0,1fr) auto;grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;grid-area:2/1;gap:12px;height:60px;padding:0 18px}.brand-mark{display:none}.workspace-mark{border-radius:8px;width:31px;height:31px;margin:0 8px 0 0}.nav-items{flex-direction:row;gap:12px}.nav-item{gap:7px;width:auto;height:38px;padding:0 11px}.nav-item>svg{width:18px;height:18px}.nav-item span{font-size:11px;display:inline}.nav-item.planned,.sidebar-bottom{display:none}.topbar{grid-area:1/1;gap:10px;padding:0 20px}.topbar h1{font-size:20px}.demo-indicator{gap:5px;font-size:11px}.demo-indicator .status-dot{width:5px;height:5px}.main-content{grid-area:3/1}.statusbar{grid-column:1;gap:10px;padding:12px 18px}.footer-detail{display:none}.task-panel{padding:25px 18px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:21px}.task-list{gap:7px;display:flex}.task-item{gap:14px;min-height:91px;padding:18px 13px}.task-item:last-child{min-height:91px}.task-copy strong{font-size:13px}.task-copy>span{font-size:11px}.icon-tile{width:34px;height:37px}.task-item:not(.selected){border-color:#0000;border-bottom-color:var(--line);border-radius:0}.focus-panel{padding:20px 18px}.focus-card{border-radius:9px;padding:23px 19px}.focus-intro{margin-top:26px}.focus-intro h2{letter-spacing:-1px;margin-top:14px;font-size:30px}.focus-intro p{font-size:13px}.metrics{grid-template-columns:1fr 1fr;row-gap:20px;padding:17px 0}.metrics>div{padding:0 17px}.metrics>div:last-child{border-left:0;border-top:1px solid var(--line);grid-column:1/3;gap:6px;padding-top:17px}.metrics .metric-amount{padding-top:0;font-size:22px}.metrics strong{font-size:22px}.metrics span{font-size:11px}.info-strip{padding:12px;font-size:11px}.workflow{padding:22px 18px}.workflow-intro p{font-size:12px;line-height:1.8}.steps{justify-content:space-between;gap:6px;margin:20px 0}.steps li{flex-direction:column;align-items:flex-start;gap:7px;font-size:11px}.steps li>span{width:28px;height:28px}.workflow-summary{gap:7px 14px}.workflow-summary>span:last-child{width:100%}.invoice-list-panel{padding:24px 18px}.invoice-open>strong{font-size:11px}.invoice-open{min-width:140px}.invoice-table td.amount-cell,.invoice-open>span{font-size:11px}.invoice-table .selection-cell{width:24px;padding-left:3px;padding-right:7px}.invoice-table .amount-cell{padding-right:4px}.invoice-detail-panel{padding:25px 18px}.invoice-detail{padding:21px}.invoice-fields>div{grid-template-columns:85px minmax(0,1fr)}.invoice-fields dt,.invoice-fields dd,.invoice-fields small{font-size:11px}.batch-panel{padding:0 18px 24px}.filter-list{gap:3px}.filter-list button{min-height:36px;padding:8px 7px;font-size:11px}.demo-dialog{max-height:calc(100svh - 28px);padding:22px 18px}.dialog-heading h2{font-size:20px}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}.toast{font-size:11px;bottom:15px}.skip-link{left:15px}}@media (prefers-reduced-motion:reduce){.cockpit *{scroll-behavior:auto;transition:none}}}.cockpit .task-list,.cockpit .filter-list{border:0;min-width:0;margin:0;padding:0}.cockpit .filter-list{padding-bottom:8px}.cockpit .status-dot{background:currentColor}.cockpit .table-scroll{max-height:max(400px,100svh - 490px);overflow:auto}.cockpit .invoice-table th{z-index:1;background:#fff;position:sticky;top:0}
@layer demo{@media (min-width:761px){body:has(.cockpit){overflow:hidden}.cockpit{grid-template-rows:60px minmax(0,1fr) 36px;grid-template-columns:72px minmax(0,1fr);height:100svh;min-height:0;overflow:hidden}.sidebar{scrollbar-width:none;min-height:0;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.brand-mark{flex:none;height:60px}.brand-mark img{width:38px;height:38px}.nav-items{gap:2px;margin-top:14px}.nav-item{border-radius:7px;width:40px;height:32px}.nav-item>svg{width:19px;height:19px}.nav-item.planned{opacity:.42}.sidebar-bottom{padding:6px 0 8px;font-size:13px}.topbar{padding:0 26px}.topbar h1{letter-spacing:-.6px;font-size:19px}.topbar-right{gap:16px}.topbar-date{text-align:center;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;overflow:hidden}.avatar{width:28px;height:28px}.main-content{min-height:0;overflow:auto}.statusbar{padding:0 22px}.reset-button{min-height:30px}.workflow{padding:10px 24px}.steps{gap:24px;margin:8px 0 0}.steps li>span{width:26px;height:26px}.invoice-view{flex-direction:column;height:100%;min-height:0;display:flex}.invoice-view .workflow{flex:none}.queue-layout{flex:1;height:auto;min-height:0}.invoice-list-panel,.invoice-detail-panel{flex-direction:column;min-height:0;padding:14px 20px 12px;display:flex}.invoice-list-panel .table-scroll{flex:1;min-height:0;max-height:none}.invoice-detail-panel .invoice-detail{flex:1;min-height:0;position:relative;overflow:auto}.invoice-detail .decision-actions{background:#fff;margin-top:12px;padding-top:10px;position:sticky;bottom:-1px;box-shadow:0 -10px 12px -10px #0002}.invoice-detail-panel .section-heading,.invoice-detail-panel .panel-description{flex:none}.batch-panel{min-height:0;overflow:auto}.invoice-list-panel .section-heading,.invoice-detail-panel .section-heading{margin-bottom:12px}.search-field{height:34px;margin:12px 0 8px}.filter-list button{min-height:30px;padding:5px 8px}.invoice-table th{height:34px}.invoice-open{padding:10px 8px 10px 0}.table-footnote{padding-top:10px}.invoice-detail{padding:14px 16px}.invoice-detail h3{font-size:20px}.invoice-fields>div{padding:7px 0}.batch-panel{padding-top:18px}}.connections{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:4px;width:44px;margin:10px 0 0;padding:8px 0 0;list-style:none;display:flex}.connection{border-radius:8px;place-items:center;width:32px;height:30px;display:grid;position:relative}.connection-mark{color:#fff;letter-spacing:-.2px;border-radius:7px;place-items:center;width:26px;height:26px;font-size:8px;font-weight:700;line-height:1;display:grid}.connection-mark.ksef{background:#b0413e}.connection-mark.mail{background:#d64541;font-size:11px}.connection-mark.bank{background:#1f4e9c}.connection-mark.calendar{background:#2f6fdc;font-size:10px}.connection-mark.zus{background:#2f8a4c}.connection-mark.vat{background:#3d4442}.connection-state{background:#b9bfbb;border:2px solid #f8f9fa;border-radius:50%;width:8px;height:8px;position:absolute;bottom:1px;right:1px}.connection.pilot .connection-state,.connection.connected .connection-state{background:#3f9a52}.connection.warning .connection-state{background:#dba753}.connection.error .connection-state{background:#c4685a}.connection.disconnected .connection-state{background:#b9bfbb}a.connection{color:inherit}a.connection:hover{background:#eef0fb}.connection.planned{opacity:.55}.connection.add{color:#5465bd;cursor:pointer;opacity:.8;background:0 0;border:1px dashed #c9cfe8;padding:0;transition:background .15s,opacity .15s}.connection.add:hover{opacity:1;background:#eef0fb}.connection.add svg{width:15px;height:15px;transition:transform .18s}.connection.add.open svg{transform:rotate(45deg)}@media (max-width:1000px){.topbar-date{display:none}}@media (max-width:760px){.connections{width:40px;margin-top:8px}.connection{width:28px;height:28px}.connection-mark{width:24px;height:24px;font-size:7px}}@media (max-width:520px){.connections{display:none}}.sidebar-bottom.company-settings{letter-spacing:normal;margin-top:auto;padding:12px 0;display:block}.company-settings .nav-item{min-height:44px}.company-settings .nav-item span{text-overflow:ellipsis;overflow:hidden}.company-settings small{color:var(--muted);font-size:11px;font-weight:400;display:block}.account-menu{flex-shrink:0;position:relative}.account-menu summary{cursor:pointer;min-width:36px;min-height:36px;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:focus-visible{outline-offset:3px;outline:2px solid}.account-panel{z-index:100;background:#fff;border:1px solid #ddd;border-radius:12px;gap:10px;width:280px;max-width:calc(100vw - 32px);padding:18px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 12px 32px #0002}.account-email,.account-role{overflow-wrap:anywhere;font-size:13px}.account-role{color:var(--muted)}.account-panel form{border-top:1px solid #eee;padding-top:10px}@media (max-width:760px){.sidebar-bottom.company-settings{flex-shrink:0;margin-top:0;padding:0}}.company-settings .nav-item>svg{flex-shrink:0}@media (max-width:760px){.sidebar{overflow-x:auto}.company-settings .nav-item span{display:none}}.account-menu summary.avatar{place-items:center;display:grid}@media (max-width:760px){.sidebar .nav-items{flex:1;min-width:0;margin-top:0;overflow-x:auto}.sidebar .nav-item{flex-shrink:0}.topbar-right{min-width:0}.topbar-right .demo-indicator{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}}@media (min-width:761px){.cockpit .table-scroll{max-height:max(260px,100svh - 400px)}}
@layer demo{.board{background:#f7f8f9;flex-direction:column;gap:14px;min-height:100%;padding:18px 24px 16px;display:flex}.board-head{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.board-head-inline{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:12px}.board-title-inline{letter-spacing:-.2px;margin-top:0;font-size:15px}.board-kicker{color:var(--muted);letter-spacing:.2px;font-size:11px}.board-title{letter-spacing:-.7px;margin-top:2px;font-size:clamp(20px,1.7vw,26px);font-weight:600;line-height:1.25}.ribbon{flex:none;width:min(480px,44%)}.ribbon-bar{background:#e6e8e7;border-radius:999px;gap:2px;height:8px;display:flex;overflow:hidden}.seg{flex-basis:0;min-width:6px;transition:flex-grow .35s,filter .15s;display:block}.seg:hover{filter:brightness(.88)}.ribbon-legend a{color:inherit;border-radius:4px;align-items:center;gap:6px;display:inline-flex}.ribbon-legend a:hover{color:var(--ink)}.ribbon-legend em{color:#9a5f0f;font-style:normal}.seg.review,.swatch.review{background:#d99a3a}.seg.ready,.swatch.ready{background:#5d9a6e}.seg.rejected,.swatch.rejected{background:#b3b8b5}.ribbon-legend{color:var(--muted);white-space:nowrap;gap:14px;margin:7px 0 0;padding:0;font-size:11px;list-style:none;display:flex}.ribbon-legend li{align-items:center;gap:6px;display:flex}.ribbon-total{color:#8a908d;margin-left:auto}.swatch{border-radius:3px;width:8px;height:8px;display:inline-block}.bento{flex:1;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,.95fr);gap:10px;min-height:0;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-width:0;min-height:0;padding:14px 16px;display:flex;overflow:hidden}.card.decisions,.card.activity{grid-row:1/3}.card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.card-head h3{letter-spacing:-.2px;font-size:14px;font-weight:600}.card-meta{color:var(--muted);white-space:nowrap;font-size:11px}.card-link{color:#5465bd;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:inline-flex}.card-link svg{width:13px;height:13px}.card-note{color:#646c79;background:#f5f6fc;border-radius:7px;align-items:center;gap:8px;margin-bottom:8px;padding:7px 10px;font-size:11px;display:flex}.card-note svg{color:#5666b7;width:14px;height:14px}.decision-list{flex-direction:column;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.decision{border-bottom:1px solid #edf0ee;grid-template-columns:3px minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:10px 4px 10px 0;display:grid}.decision:last-child{border-bottom:0}.decision-flag{background:#d9dcda;border-radius:2px;width:3px;height:30px}.decision-flag.amount,.decision-flag.account{background:#c4685a}.decision-flag.branch,.decision-flag.supplier{background:#d99a3a}.decision-flag.ok{background:#5d9a6e}.decision-body{flex-direction:column;gap:1px;min-width:0;display:flex}.decision-body strong{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.decision-body>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.chip{white-space:nowrap;color:#5c635f;background:#f2f3f3;border-radius:999px;padding:3px 8px;font-size:10.5px}.chip.amount,.chip.account{color:#a34a3b;background:#fcf0ee}.chip.branch,.chip.supplier{color:#8f5c0c;background:#fcf6ec}.chip.ok{color:#3f6f4d;background:#eff6f1}.decision-amount{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.button.small{border-radius:6px;gap:6px;min-height:30px;padding:4px 12px;font-size:11.5px}.live-note{color:var(--green);min-height:16px;margin-top:auto;padding-top:8px;font-size:11px}.board-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:6px;margin:auto;font-size:12px;display:flex}.board-empty svg{color:#5d9a6e;width:26px;height:26px}.board-empty strong{color:var(--ink);font-size:14px}.pill-soft{color:#5566bc;background:#eff1fb;border-radius:999px;padding:2px 8px;font-size:10.5px}.big-amount{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin-top:2px;font-size:clamp(22px,1.9vw,30px);font-weight:600;line-height:1.1}.card-sub{color:var(--muted);margin:6px 0 auto;font-size:11.5px;line-height:1.5}.card .button.full{margin-top:10px}.card .caption{margin-top:6px}.days,.activity-list{flex-direction:column;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.days li{border-bottom:1px solid #edf0ee;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 0;display:grid}.days li:last-child,.activity-list li:last-child{border-bottom:0}.day-badge{border:1px solid var(--line);background:#fafafa;border-radius:7px;flex-direction:column;align-items:center;padding:3px 0 2px;line-height:1.05;display:flex}.day-badge small{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-size:9px}.day-badge b{font-size:14px;font-weight:600}.soon .day-badge{background:#fcf6ec;border-color:#ecd9b5}.soon .day-badge b{color:#8f5c0c}.day-copy,.activity-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.day-copy strong,.activity-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.day-copy>span,.activity-copy>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.day-amount{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:600}.activity-list li{border-bottom:1px solid #edf0ee;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:7px 0;display:grid}.activity-dot{background:#b3b8b5;border-radius:50%;width:8px;height:8px}.activity-dot.ready{background:#5d9a6e}.activity-dot.rejected{background:#b3b8b5}.topbar-search{border:1px solid var(--line);height:34px;color:var(--muted);background:#fafafa;border-radius:8px;align-items:center;gap:8px;width:min(320px,30vw);padding:0 10px;transition:border-color .15s;display:flex}.topbar-search:focus-within{background:#fff;border-color:#9aa5dc}.topbar-search svg{width:15px;height:15px}.topbar-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:12px}.topbar-search input::placeholder{color:#8a908d}.kbd{color:#7a817d;white-space:nowrap;background:#fff;border:1px solid #dcdfdd;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:10px}@media (min-width:761px){.board{height:100%}.sidebar{z-index:6;justify-self:start;width:72px;transition:width .18s,box-shadow .18s;position:relative;overflow-x:hidden}.sidebar.expanded{border-right-color:#d9dcda;width:232px;box-shadow:16px 0 40px -20px #0003}.nav-items,.connections{align-items:flex-start;width:100%;padding-left:16px;padding-right:16px}.nav-item{justify-content:flex-start;gap:10px;width:40px;padding:0 10px;transition:width .18s,background .15s}.nav-item span{white-space:nowrap;opacity:0;font-size:12px;transition:opacity .12s;display:inline}.sidebar.expanded .nav-item{width:200px}.sidebar.expanded .nav-item span{opacity:1}.sidebar.expanded .nav-item.planned span:after{content:" · wkrótce";color:#8a908d;font-size:10.5px}.connection{grid-template-columns:26px minmax(0,1fr);justify-items:start;gap:9px;width:32px;padding-left:3px;transition:width .18s;display:grid}.connection.add{grid-template-columns:1fr;justify-items:center;padding-left:0}.connection-label{white-space:nowrap;opacity:0;flex-direction:column;font-size:11.5px;line-height:1.15;transition:opacity .12s;display:flex}.connection-label small{color:#8a908d;font-size:10px}.connection-state{left:21px;right:auto}.sidebar.expanded .connection{width:200px}.sidebar.expanded .connection-label{opacity:1}.connections-title{letter-spacing:.8px;text-transform:uppercase;color:#8a908d;white-space:nowrap;padding:2px 0 4px 6px;font-size:10px;display:none}.sidebar.expanded .connections-title{display:block}}@media (max-width:1180px){.bento{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.card.activity{display:none}.ribbon{width:320px}.ribbon-total{display:none}}@media (max-width:1000px){.board{height:auto;min-height:0;padding:16px}.board-head{flex-direction:column;align-items:stretch;gap:12px}.ribbon{width:100%}.bento{flex-direction:column;display:flex}.card{overflow:visible}.card.activity{display:flex}.decision-list,.days,.activity-list{overflow:visible}.topbar-search{width:100%}}@media (max-width:760px){.topbar-search{display:none}}@media (max-width:520px){.decision{grid-template-columns:3px minmax(0,1fr) auto;row-gap:6px}.decision .chip{grid-column:2;justify-self:start}.decision .button{grid-area:1/3/3}.decision-amount{grid-column:2}}}