/* Reference: design/references/03-office-arbeitsplatz.png */
:root{--ink:#152033;--muted:#647187;--canvas:#fafbfd;--panel:#fff;--line:#e8ecf1;--indigo:#1765ec;--green:#20a86b;--amber:#f4aa19;--red:#df353c}
body{background:var(--canvas);color:var(--ink);padding-bottom:0}
html{scroll-behavior:auto}
body *{letter-spacing:0}
.ui-icon{width:21px;height:21px;flex:none;display:inline-block;vertical-align:middle}
.icon-button{width:38px;height:38px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--ink)}
.icon-button:hover{background:#eef2f7}
.icon-button:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #1765ec;outline-offset:3px}
.reference-shell{grid-template-columns:286px minmax(0,1fr);min-height:100dvh}
.reference-shell .sidebar{grid-template-columns:62px minmax(0,1fr);top:56px;height:calc(100dvh - 56px);margin-top:56px;background:#f8f9fb;color:var(--ink);border-right:1px solid var(--line);overflow:hidden}
.reference-shell .nav-rail{background:#222d38;border:0;padding:16px 7px;gap:18px}
.reference-shell .nav-rail .app-brand{width:42px;height:38px;border-radius:6px;background:transparent}
.reference-shell .nav-rail .brand-icon-only{filter:grayscale(1) brightness(0) invert(1);width:23px;height:23px}
.reference-shell .rail-nav{gap:9px}
.reference-shell .rail-button{width:46px;height:46px;min-height:46px;padding:0;border-radius:6px;display:grid;place-items:center;color:#dce3eb;box-shadow:none;transform:none;background:transparent}
.reference-shell .rail-button span{display:none}
.reference-shell .rail-button.active,.reference-shell .rail-button:hover{background:#3c4856;color:#fff;box-shadow:none;transform:none}
.reference-shell .rail-download{color:#dce3eb;border-radius:6px;background:transparent}
.reference-shell .rail-apps{display:grid;place-items:center;width:42px;height:42px;flex:none;color:#dce3eb;border-radius:6px;text-decoration:none}
.reference-shell .rail-apps:hover,.reference-shell .rail-apps:focus-visible{background:#ffffff18;color:#fff}
.reference-shell .nav-panel{padding:16px 10px;gap:14px;overflow:auto;scrollbar-width:thin;scrollbar-color:#ced5df transparent}
.reference-shell .tenant{display:flex;padding:0 7px 15px;gap:8px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}
.reference-shell .tenant-icon{width:30px;height:30px;border-radius:7px;background:#e9edf3;color:#40516b;box-shadow:none;font-size:10px}
.reference-shell .tenant>span:last-child{min-width:0}
.reference-shell .tenant b{font-size:12px;color:var(--ink);overflow-wrap:anywhere}
.reference-shell .tenant small{font-size:11px;color:var(--muted)}
.reference-shell .nav{display:block;position:static;inset:auto;z-index:auto;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:0;overflow:visible}
.reference-shell .nav-group{display:block;border:0;border-radius:0;background:none;padding:0;margin:0 0 9px}
.reference-shell .nav-group-title{display:flex;align-items:center;gap:10px;min-height:37px;padding:5px 8px;cursor:pointer;list-style:none;text-transform:none;color:var(--ink);font-size:13px;font-weight:650;border-radius:6px}
.reference-shell .nav-group-title::-webkit-details-marker{display:none}
.reference-shell .nav-group-title:hover{background:#edf1f7}
.reference-shell .nav-group-title b{flex:1;font-weight:650}
.reference-shell .nav-chevron{width:14px;height:14px;transition:transform .15s ease}
.reference-shell .nav-group[open] .nav-chevron{transform:rotate(180deg)}
.reference-shell .nav-group-pages{display:grid;padding:1px 0 4px 34px;gap:0}
.reference-shell .nav button{display:flex;justify-items:normal;min-width:0;width:auto;min-height:29px;padding:5px 7px;font-size:12px;font-weight:400;text-align:left;color:#48566b;background:transparent;border-radius:5px;transform:none;box-shadow:none}
.reference-shell .nav button i{display:none}
.reference-shell .nav button.active{color:var(--indigo);background:#e8effc;font-weight:600}
.reference-shell .nav button:hover{color:var(--indigo);background:#edf2fb;transform:none}
.reference-shell .main{padding-top:56px}
.reference-shell .top{position:fixed;left:0;right:0;top:0;height:56px;min-height:56px;padding:0 22px;gap:13px;display:flex;background:#f8f9fb;border-bottom:1px solid var(--line);backdrop-filter:none;z-index:40}
.reference-shell .top:before{display:none}
.top-brand{width:264px;flex:none;text-decoration:none;font-size:17px;font-weight:650;color:var(--ink)}
.workspace-search{position:relative;display:flex;align-items:center;width:min(620px,50%);min-width:130px}
.workspace-search>.ui-icon{position:absolute;left:12px;width:17px;color:#586982;pointer-events:none}
.reference-shell .search{width:100%;height:34px;min-height:34px;padding:0 12px 0 37px;border-radius:6px;border:1px solid #e8ecf1;background:#edf1f5;font-size:12px}
.reference-shell .search:focus{background:#fff;border-color:#90b5f5;box-shadow:0 0 0 2px #edf3ff}
.reference-shell .avatar{width:30px;height:30px;background:#e3e7ed;color:#40506a;font-size:11px;box-shadow:none}
.reference-shell .role{font-size:11px;color:var(--muted)}
.reference-shell .top [data-action="logout"]{width:36px;min-width:36px;max-width:none;color:var(--muted);text-indent:0;position:static;overflow:visible}
.reference-shell .top [data-action="logout"]:before{display:none}
.mobile-menu{display:none}
.reference-shell .content{max-width:none;padding:28px}
.reference-shell .head{align-items:center;margin-bottom:22px;border:0;background:none;padding:0;border-radius:0;box-shadow:none}
.reference-shell .head h1{font-size:26px;line-height:1.2;font-weight:650}
.reference-shell .head .eyebrow{display:none}
.reference-shell .head p{font-size:12px;margin-top:7px;line-height:1.5;max-width:720px}
.reference-shell .card{border-radius:8px;background:#fff;box-shadow:none}
.reference-shell .btn{border-radius:6px;min-height:36px;font-size:12px;font-weight:550;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.reference-shell .btn:hover{transform:none;box-shadow:none}
.reference-shell .btn.primary{background:var(--indigo);border-color:var(--indigo);color:#fff}
.reference-shell .btn .ui-icon{width:17px;height:17px}
.reference-shell .link{font-size:11px;font-weight:500;white-space:nowrap;padding:6px 0}
.reference-shell .stat{min-height:110px;padding:18px}
.reference-shell .stat:before{display:none}
.reference-shell .stat b{font-size:24px}
.reference-shell .status{font-size:10px;font-weight:500;padding:4px 8px;white-space:nowrap;max-width:100%}
.reference-shell .status:before{display:none}
.reference-shell .status.office_review{color:#945c09;background:#fff0cf}
.reference-shell .status.warehouse{color:#25784f;background:#dff4e7}
.reference-shell .field input,.reference-shell .field select,.reference-shell .field textarea{border-radius:6px}
.reference-shell .workspace-content{padding:0}
.workspace-layout{display:grid;min-height:calc(100dvh - 56px);grid-template-columns:minmax(0,1fr)}
.workspace-layout.has-inspector{grid-template-columns:minmax(0,1fr) 364px}
.workspace-center{min-width:0;padding:38px 30px}
.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 28px}
.workspace-heading>div{display:flex;align-items:baseline;gap:24px;min-width:0;flex-wrap:wrap}
.workspace-heading h1{margin:0;font-size:34px;font-weight:650;line-height:1.2}
.workspace-heading time{color:var(--muted);font-size:13px;white-space:nowrap}
.workspace-heading>.btn{flex:none}
.workspace-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.workspace-board:not(:has(.accounting-column)){grid-template-columns:repeat(2,minmax(0,1fr))}
.workspace-board:has(>.work-column:only-child){grid-template-columns:minmax(0,1fr)}
.work-column{min-width:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;min-height:600px;padding-bottom:14px}
.work-column>header{min-height:58px;padding:15px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.work-column h2{font-size:17px;font-weight:650;line-height:1.4;margin:0;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.count{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:20px;background:#edf0f5;color:#485770;font-weight:550;font-size:11px;line-height:1.2}
.work-list{padding:0 12px}
.work-row{display:grid;width:100%;min-width:0;text-align:left;background:transparent;border:0;border-bottom:1px solid #eef1f5;border-radius:0;padding:18px 0;color:var(--ink);gap:9px;align-items:start;transition:background .15s ease}
.work-row:last-child{border-bottom:0}
.work-row:hover,.work-row[aria-pressed="true"]{background:#f7f9fd}
.order-work-row{grid-template-columns:9px minmax(0,1fr) auto 9px;min-height:104px}
.work-row .row-dot{width:9px;height:9px;margin-top:5px}
.work-row-copy{display:grid;gap:6px;min-width:0}
.work-row-copy>b{font-size:14px;font-weight:600}
.work-row-copy>span{font-size:13px;color:#506078;line-height:1.4;overflow-wrap:anywhere}
.work-row-copy>small{font-size:12px;color:#8290a5;line-height:1.4}
.work-row-value{display:grid;gap:9px;justify-items:end}
.work-row strong{font-size:13px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.work-row-value small{font-size:10px;color:#8490a3;white-space:nowrap}
.work-row-value small.overdue{color:var(--red)}
.row-arrow{width:13px;height:13px;color:#768497;align-self:center}
.pick-work-row{grid-template-columns:minmax(0,1fr) auto 24px;min-height:104px;gap:9px 12px;align-items:center}
.pick-progress{display:block;grid-column:1/3;height:7px;border-radius:4px;background:#e4e8ed;overflow:hidden;max-width:230px}
.pick-progress i{display:block;height:100%;background:#b4bcc8;border-radius:4px}
.pick-progress.success i{background:#52c888}
.pick-progress.warning i{background:#ffb824}
.pick-progress.danger i{background:#e3434c}
.progress-status{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e6eaf0;color:#56647a;grid-column:3;grid-row:1/3}
.progress-status .ui-icon{width:15px;height:15px}
.progress-status.success{background:var(--green);color:#fff}
.progress-status.warning{background:#ffb824;color:#684200}
.progress-status.danger{background:var(--red);color:#fff}
.account-overview{display:flex;gap:12px;padding:16px 12px 22px}
.account-summary{flex:1;min-width:0;display:grid;gap:12px;text-align:left;padding:0 10px;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink)}
.account-summary:first-child{border-left:0;padding-left:0}
.account-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;color:#fff}
.account-icon.green{background:#1eac70}
.account-icon.blue{background:#1765ec}
.account-summary>b{font-size:12px;font-weight:600}
.account-summary>span:not(.account-icon){color:var(--muted);font-size:11px}
.account-summary strong{color:var(--ink);font-size:27px;font-weight:650;margin-right:3px}
.account-summary small{color:#52627a;font-size:12px;overflow-wrap:anywhere}
.work-subheading{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:12px}
.work-subheading h3{font-size:12px;margin:0;line-height:1.5}
.payment-trend{padding-bottom:12px}
.payment-trend .work-subheading{padding-top:0;padding-bottom:5px}
.payment-trend .icon-button{width:24px;height:24px}
.payment-bars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:0 15px}
.payment-bars>div{min-width:0;text-align:center}
.payment-bars>div>span{height:50px;display:flex;align-items:end;justify-content:center;border-bottom:1px solid var(--line)}
.payment-bars i{display:block;width:20px;background:#72d99b;border-radius:1px}
.payment-bars>div:nth-child(2) i{background:#19b574}
.payment-bars small{display:block;margin-top:5px;color:#748098;font-size:10px}
.invoice-work-row{grid-template-columns:9px minmax(0,1fr) auto;min-height:80px}
.reference-shell .export-button{display:flex;width:calc(100% - 24px);margin:18px 12px 0;background:#f7f9fc}
.workspace-inspector{min-width:0;align-self:start;position:sticky;top:56px;min-height:calc(100dvh - 56px);height:auto;overflow:visible;border-left:1px solid var(--line);background:#fff;padding:28px 20px;box-shadow:none;display:flex;flex-direction:column;gap:20px}
.workspace-inspector>header{display:flex;align-items:start;justify-content:space-between;gap:8px}
.workspace-inspector h2{margin:0;font-size:21px;line-height:1.3;font-weight:650;overflow-wrap:anywhere}
.workspace-inspector header p{margin:5px 0 0;font-size:15px;line-height:1.4;color:#526078;overflow-wrap:anywhere}
.workspace-inspector header .icon-button{margin-top:-5px;margin-right:-8px}
.inspector-tabs{display:flex;border-bottom:1px solid var(--line);gap:22px}
.inspector-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--muted);font-size:12px;padding:10px 4px}
.inspector-tabs button.active{color:var(--indigo);border-bottom-color:var(--indigo)}
.inspector-alert{display:flex;align-items:center;gap:13px;padding:16px;background:#fff0ef;border:1px solid #ffc9c8;border-radius:8px;color:#bf2029}
.inspector-alert>.ui-icon{width:30px;height:30px;flex:none}
.inspector-alert div{display:grid;gap:6px;font-size:12px}
.inspector-alert b{font-size:14px;font-weight:600}
.inspector-body{min-width:0}
.inspector-product{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;min-width:0}
.inspector-product>img,.inspector-product-initials{width:54px;height:58px;border-radius:7px;border:1px solid #edf0f5;background:#f8f9fb;object-fit:contain}
.inspector-product-initials{display:grid;place-items:center;color:#6b7d96;font-size:16px}
.inspector-product>div{display:grid;gap:6px;min-width:0}
.inspector-product b{font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.inspector-product small,.inspector-product div>span{font-size:12px;color:#7a879b;line-height:1.5}
.inspector-product em{font-style:normal;color:#d72e38;font-weight:600;display:inline-block}
.product-checked{width:22px;height:22px;border-radius:50%;background:#1fa971;color:#fff;display:grid;place-items:center}
.product-checked .ui-icon{width:15px;height:15px}
.workspace-inspector>footer{display:grid;gap:10px;margin-top:auto;padding-top:12px}
.workspace-inspector>footer .btn{min-height:43px}
.inspector-facts{margin:0}
.inspector-facts>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5}
.inspector-facts dt{color:var(--muted)}
.inspector-facts dd{margin:0;overflow-wrap:anywhere}
.inspector-history>div{padding:16px 0;border-bottom:1px solid var(--line);display:grid;gap:6px;font-size:12px}
.inspector-history span,.inspector-history time{color:var(--muted);font-size:11px}
.reference-shell .scanner-panel{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;box-shadow:none}
.reference-shell .scanner-copy p,.reference-shell .scanner-next-line small{color:var(--muted)}
.reference-shell .scanner-next-line{background:#f7f9fc;border-color:var(--line)}
.reference-shell .scanner-frame{background:#edf3fc;color:#668dbe;border-color:#91b7ec;border-radius:8px}
.reference-shell .scanner-frame small{color:#48678e}
.reference-shell .scanner-copy .eyebrow{display:none}
.reference-shell .scanner-actions .btn{min-height:44px}
.reference-shell .scanner-panel{grid-template-columns:minmax(0,1fr) 140px;min-height:0;padding:20px;gap:24px}
.reference-shell .scanner-copy{gap:12px}
.reference-shell .scanner-copy h2{color:var(--ink);font-size:22px;margin:0;line-height:1.25}
.reference-shell .scanner-copy p{margin:0;font-size:13px}
.reference-shell .scanner-next-line{border-radius:6px;padding:12px}
.reference-shell .scanner-next-line b{font-size:16px;font-weight:600}
.reference-shell .scanner-frame{gap:12px;min-height:160px;padding:14px}
.reference-shell .scanner-frame>.ui-icon{width:48px;height:48px;color:#668dbe}
.reference-shell .scanner-frame b{font-size:28px;color:var(--ink)}
.reference-shell .scanner-frame .status{width:auto;height:auto;min-height:0;border:0;border-radius:4px;background:#e3edf9;color:#305c8e;opacity:1;font-size:12px;line-height:1.4;padding:4px 8px}
.reference-shell .scanner-actions .btn:not(.primary){color:var(--ink);border-color:var(--line);background:#fff}
.modal{border-radius:8px;box-shadow:0 15px 60px #18283a26}
.modal-head{background:#fff}
.modal .btn{border-radius:6px;box-shadow:none}
.modal .btn.primary{background:#1765ec}
.modal-bg{backdrop-filter:none}
.modal-foot{flex-wrap:wrap}
.modal-foot>.btn{max-width:100%;white-space:normal}
.login{background:#f6f8fb}
.login-card{border-radius:8px;box-shadow:0 10px 40px #192c4810;border:1px solid #e4e9f0}
.login-card h1{font-size:28px}
.scanner-dialog{width:min(430px,100%);background:#fff}
.scanner-dialog .modal-head{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:0}
.scanner-dialog .modal-head h2{font-size:16px;flex:1;text-align:center}
.scanner-dialog .modal-body{padding:10px 20px 16px}
.scan-target{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:#f2f6fd;border:1px solid #67a1f9;border-radius:8px;padding:25px 14px 15px}
.scan-target>.ui-icon{width:52px;height:52px;color:#799dcc}
.scan-target input{width:100%;min-height:40px;border:0;border-bottom:1px solid #c6d7ed;border-radius:0;background:transparent;text-align:center;font-size:12px;outline-offset:4px;color:#344763}
.scan-current-product{display:flex;align-items:center;gap:12px;margin:23px 0;min-width:0}
.scan-current-product img,.scan-product-icon{width:54px;height:60px;object-fit:contain;background:#f5f6f8;border-radius:7px;flex:none;display:grid;place-items:center}
.scan-current-product>div{min-width:0;flex:1;display:grid;gap:7px}
.scan-current-product b{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.scan-current-product small{font-size:11px;color:#647187;overflow-wrap:anywhere}
.scan-current-product strong{font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}
.scan-quantity{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;gap:16px;align-items:center}
.scan-quantity button{height:56px;border:0;border-radius:8px;background:#f0f2f5;color:#25354d;display:grid;place-items:center}
.scan-quantity input{height:56px;width:100%;border:0;background:#fff;text-align:center;font-size:36px;font-weight:650;color:#162239;appearance:textfield}
.scan-quantity input::-webkit-inner-spin-button{appearance:none}
.scan-shortage{width:100%;min-height:51px;border:0;border-radius:7px;background:#ffb52c;color:#332100;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600;margin:20px 0 10px}
.scan-position-list>summary{min-height:40px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#647187;cursor:pointer}
.scan-position-list table{min-width:340px}
.scan-position-list th,.scan-position-list td{padding:8px;font-size:11px}
.scanner-dialog .modal-foot{padding:12px 20px 20px;background:#fff}
.scanner-dialog .modal-foot .btn{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px}
.reference-shell .compact-table-wrap,.reference-shell .compact-audit,.reference-shell .tall-audit{max-height:none}
.reference-shell .compact-audit{overflow:visible}
.reference-shell .table-wrap{overflow-x:auto;overflow-y:visible}
.reference-shell .content .card{box-shadow:none}
.reference-shell .cart{position:static}
.reference-shell .product-grid,.reference-shell .stock-grid{scroll-margin-top:76px}
.product-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 0;color:var(--muted);font-size:13px}
.product-pager button:disabled{opacity:.35;cursor:default}
.global-search-results{position:absolute;left:0;right:0;top:calc(100% + 6px);border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 8px 24px #15203312;max-height:calc(100dvh - 86px);overflow:auto;z-index:45}
.global-search-results[hidden]{display:none}
.global-search-results button{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;min-height:48px;padding:10px 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;text-align:left;color:var(--ink)}
.global-search-results button:hover,.global-search-results button[aria-selected="true"]{background:#edf3fc}
.global-search-results button>span{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.global-search-results b{font-size:13px;font-weight:600}
.global-search-results small,.global-search-results p{font-size:12px;color:var(--muted)}
.global-search-results p{padding:8px 12px}
.role-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.role-board .work-column,.role-queue{min-height:0;border:0;border-radius:0;background:transparent}
.role-board .accounting-column{grid-column:auto}
.role-workspace .work-column>header{padding:14px 0}
.role-workspace .work-list{padding:0}
.role-workspace .scanner-panel{margin:0 0 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 24px}
.role-queue{max-width:760px}
.role-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 28px;padding:0 0 20px;border-bottom:1px solid var(--line)}
.role-totals dt{font-size:12px;color:var(--muted)}
.role-totals dd{margin:8px 0 0;font-size:22px;font-weight:600;overflow-wrap:anywhere}
.customer-work-row{grid-template-columns:minmax(0,1fr) auto;min-height:90px;align-items:center}
.customer-work-row>.ui-icon{width:16px;color:var(--muted)}
.role-entry{max-width:520px;padding:60px 24px}
.role-entry>.ui-icon{width:32px;height:32px;color:var(--muted)}
.role-entry h1{font-size:26px;margin:20px 0}
.role-entry p{color:var(--muted);font-size:14px}
@media(max-width:1100px){.workspace-inspector{min-height:0;overflow:auto}}
@media(max-width:720px){.role-board{grid-template-columns:minmax(0,1fr)}.role-totals{grid-template-columns:minmax(0,1fr);gap:16px}.role-totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.role-totals dd{font-size:18px;margin:0}.global-search-results{position:fixed;left:12px;right:12px;top:56px}.role-workspace .workspace-heading h1{font-size:25px}}
@media(max-width:720px){.modal-bg:has(.scanner-dialog){padding:0;align-items:stretch}.scanner-dialog{height:100dvh;max-height:100dvh;max-width:100%;border-radius:0;display:flex;flex-direction:column}.scanner-dialog .modal-head{padding-top:max(14px,env(safe-area-inset-top))}.scanner-dialog form{display:flex;flex-direction:column;flex:1;min-height:0}.scanner-dialog .modal-body{flex:1;overflow:auto}.scanner-dialog .modal-foot{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
@media(min-width:1440px){.workspace-board{gap:20px}.work-column{border:1px solid var(--line);border-radius:6px}.work-column>header{padding-left:15px;padding-right:15px}.work-list{padding-left:15px;padding-right:15px}}
@media(max-width:1439px) and (min-width:1101px){.reference-shell{grid-template-columns:234px minmax(0,1fr)}.reference-shell .sidebar{grid-template-columns:58px minmax(0,1fr)}.reference-shell:has(.has-inspector){grid-template-columns:58px minmax(0,1fr)}.reference-shell:has(.has-inspector) .nav-panel{display:none}.top-brand{width:212px}.workspace-layout.has-inspector{grid-template-columns:minmax(0,1fr) 280px}.workspace-center{padding:24px 18px}.workspace-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.workspace-heading time{font-size:12px}.workspace-heading>div{gap:12px}.workspace-inspector{padding:24px 16px}.work-column h2{font-size:15px}.work-row-copy>b{font-size:13px}.work-row-copy>span{font-size:12px}}
@media(max-width:1100px){.reference-shell{grid-template-columns:230px minmax(0,1fr)}.reference-shell .sidebar{grid-template-columns:56px minmax(0,1fr)}.reference-shell .nav-rail{display:flex;padding:16px 5px}.reference-shell .nav-panel{display:flex}.top-brand{width:208px}.reference-shell .role{display:none}.workspace-layout.has-inspector{grid-template-columns:minmax(0,1fr)}.workspace-board{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-column{grid-column:1/-1;min-height:0}.workspace-inspector{position:fixed;top:56px;right:0;bottom:0;width:340px;max-width:100%;height:auto;z-index:35;box-shadow:-12px 0 45px #192a4522}.workspace-center{padding:24px 20px}.workspace-heading>div{display:grid;gap:8px}.work-column{min-height:440px}.workspace-heading h1{font-size:30px}.reference-shell .workspace-content{padding:0}}
@media(max-width:720px){.reference-shell{display:block}.reference-shell .main{padding-top:58px}.reference-shell .top{height:58px;min-height:58px;padding:0 12px;gap:7px}.mobile-menu{display:inline-flex}.top-brand{font-size:17px;width:auto}.reference-shell .top .avatar{display:none}.workspace-search{margin-left:auto;min-width:0;width:min(220px,50%)}.workspace-search>.ui-icon{left:9px}.reference-shell .top .search{grid-column:auto;grid-row:auto;order:initial;width:100%;padding-left:31px;font-size:11px}.reference-shell .top-space{display:none}.reference-shell .sidebar{display:none;position:fixed;top:58px;left:0;bottom:0;width:min(320px,88%);height:calc(100dvh - 58px);margin:0;z-index:38;box-shadow:15px 0 45px #1b2b4329;grid-template-columns:58px minmax(0,1fr)}.reference-shell.menu-open .sidebar{display:grid}.reference-shell .nav-panel{overflow:auto;display:flex;padding:14px 10px}.reference-shell .nav{display:block;overflow:visible;padding:0}.reference-shell .nav button{width:100%;max-width:none}.reference-shell .nav-group-pages button{min-height:36px}.reference-shell .nav-group-title{min-height:42px}.reference-shell .content{padding:20px 14px}.reference-shell .workspace-content{padding:0}.workspace-center{padding:23px 16px}.workspace-heading{margin-bottom:24px}.workspace-heading h1{font-size:29px}.workspace-heading time{font-size:12px}.workspace-board,.workspace-board:not(:has(.accounting-column)){grid-template-columns:minmax(0,1fr);gap:24px}.work-column{min-height:0}.work-column>header{padding:12px 0}.work-list{padding:0}.work-row{min-height:86px}.accounting-column{grid-column:auto}.workspace-inspector{top:58px;width:min(380px,100%);padding:22px 18px;max-height:calc(100dvh - 58px)}.reference-shell .head{flex-wrap:wrap}.reference-shell .head h1{font-size:24px}.reference-shell .head .actions{justify-content:flex-start}.reference-shell .btn{min-height:42px}.reference-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-shell .scanner-panel{padding:16px;grid-template-columns:minmax(0,1fr)}.reference-shell .scanner-frame{min-height:130px}.reference-shell .scanner-actions{display:grid;grid-template-columns:1fr 1fr}.reference-shell .scanner-panel .scanner-copy h2{font-size:20px}.reference-shell .scanner-next-line{padding:12px}.inspector-tabs button{min-height:44px}}
@media(max-width:720px){.reference-shell .scanner-panel{gap:16px}.reference-shell .scanner-frame{display:flex;flex-direction:row;flex-wrap:wrap;min-height:64px;gap:12px;padding:12px}.reference-shell .scanner-frame>.ui-icon{width:28px;height:28px}.reference-shell .scanner-frame b{font-size:24px}.reference-shell .scanner-frame .status{margin-left:auto}.role-workspace .scanner-panel{padding:0 0 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.app-loading { min-height: 100dvh; display: grid; place-items: center; font: 600 24px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #152033; background: #FAFBFD; }
.workspace-app-link { display: inline-block; margin-top: 20px; color: #1765EC; font-size: 14px; text-decoration: none; }
.workspace-app-link:hover { text-decoration: underline; }
.login .field[hidden] { display: none; }
.order-capture label { display: grid; gap: 5px; min-width: 0; }
.order-capture input,.order-capture select,.order-capture textarea { width: 100%; min-width: 0; }
.order-capture input,.order-capture select,.order-capture textarea { padding: 8px; min-height: 38px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--ink); font: inherit; }
.order-capture textarea { min-height: 60px; resize: vertical; }
.order-delivery { min-width: 0; }
.order-delivery summary { cursor: pointer; padding: 8px 0; font-size: 12px; font-weight: 600; }
.order-delivery label { margin-top: 8px; }
.cart-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.cart-heading h2 { min-width: 0; overflow-wrap: anywhere; }
.cart,.product-grid { scroll-margin-top: 76px; }
.order-cart-jump { display: none; }
.order-reference { display: block; margin-top: 5px; color: var(--muted); overflow-wrap: anywhere; }
.order-links { display: grid; gap: 8px; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--line); }
.order-links>div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.order-links .link { white-space: normal; overflow-wrap: anywhere; }
.receipt-scan-result { display: grid; gap: 6px; font-size: 13px; overflow-wrap: anywhere; }
.location-setting { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 12px 0; margin-bottom: 18px; border-bottom: 1px solid var(--line); }
.location-setting label { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; }
.location-setting input { width: 18px; height: 18px; }
.location-setting small { color: var(--muted); }
.location-point { display: grid; gap: 14px; margin: 0; }
.location-point>div { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.location-point dd { margin: 0; overflow-wrap: anywhere; }
.inventory-section,.business-section { margin: 24px 0; min-width: 0; }
.inventory-section h2,.business-section h2 { font-size: 16px; }
.inventory-source-row,.quote-line { display: grid; grid-template-columns: minmax(0,1fr) minmax(100px,160px) auto; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); }
.inventory-source-row small { display: block; margin-top: 5px; color: var(--muted); }
.inventory-source-row label,.quote-line label { display: grid; gap: 5px; font-size: 12px; }
.inventory-source-row input,.inventory-source-row select,.quote-line input,.quote-line select { width: 100%; min-width: 0; padding: 8px; min-height: 38px; border: 1px solid var(--line); border-radius: 6px; background: #fff; }
.inventory-source-row>div { min-width: 0; overflow-wrap: anywhere; }
.quote-line { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
.bank-csv-settings { margin: 16px 0; }
.bank-csv-settings summary { cursor: pointer; font-size: 13px; font-weight: 600; padding: 8px 0; }
.payment-qr { display: grid; gap: 20px; min-width: 0; }
.payment-qr>img { display: block; max-width: 100%; height: auto; margin: 0 auto; background: #fff; }
.payment-qr dd { overflow-wrap: anywhere; max-width: 100%; }
.modal-feedback { padding: 10px 0; margin-bottom: 10px; font-size: 13px; overflow-wrap: anywhere; border-bottom: 1px solid var(--line); }
@media(max-width:720px){.inventory-source-row,.quote-line{grid-template-columns:minmax(0,1fr)}.inventory-source-row .icon-button{justify-self:end}}
.workspace-heading { flex-wrap: wrap; }
.workspace-heading h1 { min-width: 0; overflow-wrap: anywhere; }
.order-work-row { grid-template-columns: 8px minmax(0,1fr) auto 16px; }
.work-row-value { min-width: 0; }
.modal-head { gap: 12px; }
.modal-head h2 { min-width: 0; overflow-wrap: anywhere; }
.modal-head .close { flex: none; }
.modal .field { min-width: 0; }
.modal input,.modal select,.modal textarea { min-width: 0; max-width: 100%; }
@media(max-width:720px){
  .order-cart-jump { display: inline-flex; position: fixed; right: 16px; bottom: max(16px,env(safe-area-inset-bottom)); z-index: 42; width: 52px; height: 52px; border: 1px solid var(--line); background: #fff; box-shadow: 0 3px 16px #15203320; }
  .order-cart-jump>span { position: absolute; top: 3px; right: 3px; min-width: 18px; padding: 2px; border-radius: 4px; background: var(--indigo); color: #fff; font-size: 11px; }
  .order-layout { padding-bottom: 64px; }
  .reference-shell .cart-line b { font-size: 13px; }
  .reference-shell .cart-line small { font-size: 11px; }
  .reference-shell .cart-line .line-unit select,.reference-shell .cart-line .line-price input { min-height: 42px; font-size: 13px; }
  .modal .form-grid { grid-template-columns: minmax(0,1fr) !important; }
  .modal .form-grid>.field { grid-column: 1 / -1 !important; }
  .modal { max-width: 100%; }
  .modal-foot>.btn { min-width: 0; overflow-wrap: anywhere; }
  .reference-shell .work-row { gap: 8px; }
  .reference-shell .order-work-row .row-arrow { width: 16px; }
  .reference-shell .workspace-heading { gap: 12px; }
  .reference-shell .workspace-heading h1 { font-size: 24px; }
}
.reference-shell .top-brand { white-space: nowrap; }
html[data-workspace] .reference-shell .stats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; padding-bottom: 12px; border-bottom: 1px solid #E8ECF1; }
html[data-workspace] .reference-shell .stats .stat { min-height: 0; padding: 8px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
html[data-workspace] .reference-shell .stats .stat span { min-height: 30px; font-size: 12px; line-height: 15px; overflow-wrap: anywhere; }
html[data-workspace] .reference-shell .stats .stat b { margin: 0; font-size: 24px; line-height: 30px; }
html[data-workspace] .reference-shell .stats .stat small { display: none; }
@media(max-width:720px){.reference-shell .top-brand{font-size:14px;max-width:148px;white-space:normal;line-height:1.15;overflow-wrap:anywhere}.reference-shell .workspace-search{flex:1;min-width:50px}.login-card h1{font-size:24px}}
#company-profile-form .field[hidden] { display: none !important; }