:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#17202a;background:#f3f5f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,select,input{min-height:48px}button{cursor:pointer}.app-header{color:#fff;background:#123b5d;padding:14px 16px 0}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.header-row>strong{font-size:1.25rem;white-space:nowrap}.user-summary{display:flex;align-items:center;gap:10px;font-size:.85rem}.user-summary button{min-height:38px;border:1px solid #fff;border-radius:6px;color:#fff;background:transparent}nav{display:flex;overflow-x:auto}nav a{min-width:72px;min-height:48px;display:grid;place-items:center;flex:1;color:#fff;text-decoration:none;border-bottom:4px solid transparent}nav a.router-link-active{border-color:#ffcb45;font-weight:700}main{width:min(100%,760px);margin:auto;padding:18px 14px 40px}h1{margin:0;font-size:1.5rem}h2{margin:0 0 14px;font-size:1.2rem}.page-title{margin-bottom:16px}.page-title.split,.line-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-page-title>.split{display:flex;align-items:center;justify-content:space-between;gap:10px}.iif-export{display:grid;grid-template-columns:minmax(155px,1fr) auto;align-items:end;gap:10px;margin-top:12px;padding:12px;border-radius:8px;background:#e8f1f7}.iif-export .secondary{width:auto}.export-summary{color:#07552d;font-weight:700}.card-list,.line-list,.form-lines{display:grid;gap:12px}.order-card,.summary-card,.line-card,.order-form,.panel{width:100%;border:1px solid #c6d0d8;border-radius:10px;background:#fff;box-shadow:0 1px 3px #0001}.order-card{min-height:92px;padding:15px;display:flex;justify-content:space-between;align-items:center;text-align:left;color:inherit}.order-card strong,.summary-card strong{display:block;font-size:1.15rem}small{display:block;margin-top:5px;color:#566573}.card-metrics{text-align:right}.card-metrics b{font-size:1.35rem;color:#9c2d18}.summary-card{display:flex;justify-content:space-between;padding:15px}.align-right{text-align:right}.slip-link{display:inline-block;margin-top:8px;color:#075f9b;font-weight:700}.status{display:inline-block;padding:3px 8px;border-radius:20px;background:#e4edf4;font-size:.8rem}.draft-card{border:2px solid #b97800;background:#fffaf0}.draft-status{background:#ffd66b;color:#5e3900;font-weight:800}.discount-badge{display:inline-block;padding:2px 7px;border-radius:5px;background:#e7f2e9;color:#17602d;font-weight:700}.confirm-button{display:block;min-height:38px;margin:8px 0 0 auto;border:0;border-radius:7px;padding:7px 11px;background:#b97800;color:#fff;font-weight:700}.customer-line{padding:10px 12px;background:#e8f1f7;border-radius:6px}.line-card{padding:14px}.line-card p{margin:7px 0}.line-payable{display:flex;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid #dde3e8}.order-preview{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding:14px;border-radius:8px;background:#eef3f6;font-size:1.1rem}.order-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.order-actions .secondary{width:auto}.stepper{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:6px}.stepper button{border:0;border-radius:7px;background:#dbe7ef;font-size:1.5rem}.stepper input{width:100%;text-align:center}label{display:grid;gap:5px;margin:12px 0;font-weight:650}input,select{width:100%;border:1px solid #8999a5;border-radius:6px;padding:10px;background:#fff;color:#17202a}.primary,.secondary{border:0;border-radius:7px;padding:10px 16px;font-weight:700}.primary{background:#075f9b;color:#fff}.secondary{width:100%;background:#dce9f2;color:#173e59}.action{width:100%;min-height:56px;margin-top:16px;font-size:1.1rem}button:disabled{opacity:.55;cursor:wait}.text-button,.danger-link{min-height:48px;border:0;background:transparent;color:#075f9b;padding:4px;text-decoration:underline}.danger-link{color:#9c2d18}.order-form,.panel{margin-bottom:20px;padding:16px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title h2{margin-bottom:4px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.section-title{margin-top:26px}.inline-entry{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.inline-entry label{margin-bottom:0}.button-pair{display:flex;justify-content:flex-end;align-items:center;gap:8px}.button-pair .secondary{width:auto}.reject{border:1px solid #9c2d18;border-radius:7px;padding:10px 16px;color:#9c2d18;background:#fff;font-weight:700}.compact-label{margin:0;min-width:155px;font-size:.82rem}fieldset{margin:12px 0;border:1px solid #c6d0d8;border-radius:8px}legend{font-weight:700}.difference-box{margin:12px 0;padding:14px;border-radius:8px;background:#eef3f6;font-size:1.1rem;font-weight:750}.positive{color:#08783f}.negative{color:#b02b1e}.backorder{color:#9c2d18;font-weight:800}.neutral{color:#425563}.table-wrap{overflow-x:auto;border:1px solid #c6d0d8;border-radius:9px;background:#fff}table{width:100%;border-collapse:collapse}th,td{padding:11px;text-align:left;border-bottom:1px solid #dde3e8;white-space:nowrap}th{background:#e9f0f5}tbody tr:last-child td{border-bottom:0}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-card{min-height:150px;display:flex;flex-direction:column;gap:8px;padding:17px;border-radius:12px;background:#fff;border:1px solid #c6d0d8;box-shadow:0 1px 3px #0001}.metric-card strong{font-size:1.6rem;color:#123b5d}.metric-card span{color:#566573}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid p{padding:10px;background:#f3f6f8;border-radius:7px}.success{padding:12px;border-left:5px solid #18864b;background:#e4f6ec;color:#07552d}.empty{padding:28px;text-align:center;color:#566573}.toast{position:fixed;z-index:10;left:14px;right:14px;bottom:18px;max-width:560px;margin:auto;padding:14px;border-radius:8px;color:#fff;box-shadow:0 3px 12px #0005}.toast.error{background:#a52318}.login-page{min-height:100vh;display:grid;place-items:center}.login-panel{width:min(100%,430px)}.employee-card{display:grid;gap:12px}.employee-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px}.manual-page{line-height:1.7}.manual-introduction{margin-bottom:18px;padding:12px 16px;border-left:5px solid #6f8798;background:#e9f0f5}.manual-introduction p{margin:4px 0}.manual-toc{display:block;margin-bottom:26px;padding:16px;border:1px solid #c6d0d8;border-radius:10px;background:#fff}.manual-toc ol{margin:8px 0 0;padding-left:24px}.manual-toc a{display:inline;min-width:0;min-height:0;color:#075f9b;text-decoration:underline;border:0}.manual-section{scroll-margin-top:16px;margin-top:28px}.manual-section h2{padding-bottom:7px;border-bottom:2px solid #c6d0d8}.manual-section h3{margin:24px 0 8px;font-size:1.05rem}.manual-section p{margin:10px 0}.manual-section li{margin:5px 0}.manual-section .table-wrap{margin-top:12px}.slip-page{color:#111}.slip-actions{margin-bottom:14px}.pickup-slip{min-height:900px;padding:28px;border:1px solid #9aa2a8;background:#fff}.slip-header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:18px;border-bottom:2px solid #111}.slip-header h1{font-size:2rem;letter-spacing:.2em}.slip-system-name{margin:0 0 5px;font-weight:700}.draft-warning{padding:7px 10px;border:2px solid #9c2d18;color:#9c2d18}.slip-meta{display:grid;grid-template-columns:1fr 1fr;margin:20px 0;gap:10px 28px}.slip-meta div{display:grid;grid-template-columns:76px 1fr}.slip-meta dt{font-weight:700}.slip-meta dd{margin:0}.slip-table{border:2px solid #111}.slip-table th,.slip-table td{border:1px solid #111;white-space:normal}.slip-table th:not(:first-child),.slip-table td:not(:first-child){width:14%;text-align:right}.slip-table th{background:#eef0f1}.slip-summary{width:min(100%,360px);margin:24px 0 28px auto}.slip-summary p{display:flex;justify-content:space-between;gap:20px;margin:8px 0}.slip-summary strong{font-size:1.15rem}.slip-summary .discount-label{justify-content:flex-end;font-weight:700}.slip-signatures{display:grid;grid-template-columns:120px 1fr;align-items:end;gap:22px 32px;margin-top:44px}.stamp-box{grid-row:span 2;width:112px;height:112px;display:grid;place-items:center;border:1px solid #111;color:#555}.slip-signatures p{display:flex;align-items:flex-end;margin:0;white-space:nowrap}.signature-line,.date-line{display:inline-block;width:100%;height:1.4em;margin-left:8px;border-bottom:1px solid #111}.date-line{max-width:180px}@media(max-width:560px){.three-columns,.metric-grid{grid-template-columns:1fr}.stacked-mobile{display:grid;gap:12px}}@media(min-width:600px){.app-header{padding-left:calc((100% - 732px)/2);padding-right:calc((100% - 732px)/2)}}@page{size:auto;margin:12mm}@media print{:root{background:#fff}.app-header,.manual-toc,.toast,.slip-actions{display:none!important}main{width:100%;padding:0}.manual-page{color:#000}.manual-introduction{border-color:#777;background:transparent}.manual-section{break-inside:auto}.manual-section h2,.manual-section h3{break-after:avoid}.manual-section .table-wrap{overflow:visible}.pickup-slip{min-height:0;padding:0;border:0;color:#000}.pickup-slip,.pickup-slip *{color:#000!important;box-shadow:none!important}.draft-warning{border-color:#000}.slip-table th{background:transparent}.slip-table tr{break-inside:avoid}}