:root{font-family:Inter,system-ui,sans-serif;color:#17202a;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:auto;padding:24px}header{display:flex;gap:16px;align-items:center;justify-content:space-between;background:#fff;padding:16px 24px;border-bottom:1px solid #dce3ec}header div{display:grid}header small{color:#617083}button{border:0;border-radius:8px;padding:9px 12px;background:#1f5eff;color:#fff;cursor:pointer}button:hover{background:#164ad1}button:disabled{opacity:.45;cursor:not-allowed}.toolbar{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;margin:18px 0}.toolbar h1{margin:0}.grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:24px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin:16px 0}article,form,section>section{background:#fff;border:1px solid #dce3ec;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 2px #17202a0d}label{display:grid;gap:5px;margin:8px 0;font-weight:600}input,select,textarea{border:1px solid #b9c4d2;border-radius:7px;padding:9px;font:inherit;width:100%;margin:4px 0}textarea{min-height:90px}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dce3ec}th,td{text-align:left;padding:10px;border-bottom:1px solid #e7edf5}th{color:#617083;font-size:.85rem}.link{background:transparent;color:#1542bd;padding:0;text-decoration:underline}.badge{background:#e1ecff;color:#1542bd;border-radius:999px;padding:4px 8px;font-size:.8rem}.error,.notice{padding:12px;border-radius:8px}.error{background:#ffe3e3;color:#9b1c1c}.notice{background:#e0f7e9;color:#146c43}.actions,.range{display:flex;gap:6px;flex-wrap:wrap;align-items:end}.customer-ref{position:relative;display:inline-block}.quick-phone{display:none;position:absolute;z-index:2;top:100%;left:0;min-width:170px;padding:8px;background:#fff;border:1px solid #b9c4d2;border-radius:8px;box-shadow:0 4px 14px #17202a33}.quick-phone a{display:block;color:#1542bd}.customer-ref:hover .quick-phone,.customer-ref:focus-within .quick-phone{display:block}.destructive-action{margin-top:32px;display:flex;gap:10px;align-items:center}.danger-button{background:#b42318}.danger-button:hover{background:#8f1d14}.history-row{display:grid;grid-template-columns:1fr auto;gap:4px;width:100%;text-align:left;background:#fff;color:#17202a;border:1px solid #e7edf5;margin:5px 0}.history-row small{grid-column:1/-1;color:#617083}.login{max-width:440px;margin:10vh auto}@media(max-width:800px){main{padding:14px}header,.toolbar{align-items:flex-start;flex-direction:column}.grid,.metric-grid{grid-template-columns:1fr}table{font-size:.86rem}.destructive-action{align-items:flex-start;flex-direction:column}}@media print{header,.actions,button,input,select,textarea,.notice,.error{display:none!important}.procurement-list{max-width:none}.procurement-list table{font-size:11pt}.procurement-list td,.procurement-list th{padding:6px;border:1px solid #333}}.customer-profile{max-width:1120px;margin:0 auto}.customer-profile>section,.customer-workspace>section{margin-bottom:12px}.customer-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;padding:14px 16px}.customer-header h1{margin:2px 0 4px;font-size:1.5rem}.customer-header p{margin:0;color:#617083}.customer-back{margin-bottom:8px}.customer-actions{justify-content:flex-end}.button-link{display:inline-flex;align-items:center;border-radius:8px;padding:9px 12px;background:#fff;color:#1542bd;border:1px solid #b9c4d2;text-decoration:none}.customer-contact-inline{display:flex;gap:6px 16px;flex-wrap:wrap;margin-top:10px;font-size:.9rem}.customer-contact-inline span{color:#425166}.customer-contact-inline a{color:#1542bd}.customer-kpis{padding:12px 16px}.customer-kpi-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center}.customer-period{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.customer-period label{margin:0;font-size:.82rem}.customer-period select,.customer-period input{min-width:130px;padding:6px 8px;margin:2px 0}.customer-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:10px 0 0}.customer-metric-grid article{margin:0;padding:10px 11px;min-height:74px;box-shadow:none}.customer-metric-grid small{display:block;color:#617083;min-height:30px}.customer-metric-grid strong{font-size:1.08rem}.customer-workspace{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(310px,.92fr);gap:12px;align-items:start}.customer-workspace>section{padding:14px 16px}.customer-panel-heading{display:flex;gap:12px;justify-content:space-between;align-items:start;margin-bottom:10px}.customer-panel-heading h2,.customer-orders-panel h2{margin:0;font-size:1.08rem}.customer-note-form{padding:0;border:0;box-shadow:none;margin:0 0 10px}.customer-note-form textarea{min-height:70px}.customer-note-list{display:grid;gap:7px}.customer-note-list article,.customer-timeline article{margin:0;padding:10px 11px;box-shadow:none}.customer-note-list p,.customer-timeline p{margin:5px 0 0}.customer-orders-panel .order-history{display:grid;gap:6px}.customer-orders-panel .history-row{margin:0;padding:9px 10px}.customer-timeline{padding:14px 16px}.customer-timeline>p{margin-bottom:0}@media(max-width:1000px){.customer-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.customer-header,.customer-workspace{grid-template-columns:1fr}.customer-actions{justify-content:flex-start}.customer-kpi-toolbar{align-items:flex-start;flex-direction:column}.customer-period{width:100%}.customer-period label{flex:1}.customer-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.customer-metric-grid{grid-template-columns:1fr}.customer-header,.customer-kpis,.customer-workspace>section,.customer-timeline{padding:12px}.customer-contact-inline{display:grid;gap:5px}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.dialog{background:#fff;border-radius:12px;padding:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid #dce3ec}.badge-defect{background:#fee2e2;color:#991b1b;border-radius:999px;padding:4px 8px;font-size:.8rem;font-weight:600}.writeoffs-box{background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;padding:16px;margin:16px 0}.writeoffs-box h3{color:#9f1239;margin-top:0}.product-picker-results{display:flex;flex-direction:column;gap:6px;margin:8px 0 16px;max-height:360px;overflow-y:auto;border:1px solid #dce3ec;border-radius:10px;padding:8px;background:#f8fafc}.product-picker-item{display:flex;justify-content:space-between;align-items:center;text-align:left;background:#fff;color:#1e293b;border:1px solid #cbd5e1;border-radius:8px;padding:12px 14px;font-size:1.05rem;line-height:1.4;cursor:pointer;transition:all .15s ease;width:100%;box-shadow:0 1px 2px #0000000a}.product-picker-item:hover{background:#f1f5f9;border-color:#64748b;color:#0f172a}.product-picker-item:focus{outline:2px solid #2563eb;background:#eff6ff;color:#0f172a}.product-picker-item:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}.product-picker-item-main{display:flex;flex-direction:column;gap:4px;flex:1}.product-picker-item-name{font-size:1.05rem;font-weight:600;color:#0f172a}.product-picker-item-meta{font-size:.9rem;color:#475569;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.product-picker-item-price{font-size:1.15rem;font-weight:700;color:#047857;white-space:nowrap;margin-left:14px;padding:4px 10px;background:#ecfdf5;border-radius:6px;border:1px solid #a7f3d0}.readiness-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.85rem;font-weight:600;line-height:1.2;border:1px solid transparent}.readiness-ready{background:#dcfce7;color:#15803d;border-color:#86efac}.readiness-missing{background:#fee2e2;color:#b91c1c;border-color:#fca5a5;box-shadow:0 0 0 1px #b91c1c26}.readiness-not-checked{background:#fef3c7;color:#b45309;border-color:#fde68a}.readiness-select{padding:5px 8px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;border:1px solid #b9c4d2}.readiness-select.status-READY{background:#dcfce7;color:#15803d;border-color:#86efac}.readiness-select.status-MISSING{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.readiness-select.status-NOT_CHECKED{background:#fef3c7;color:#b45309;border-color:#fde68a}.order-day-group{margin-bottom:28px}.order-day-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:10px;margin-bottom:10px;border:1px solid #dce3ec}.order-day-header.group-today{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.order-day-header.group-tomorrow{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.order-day-header.group-future{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1}.order-day-header.group-other{background:#f8fafc;border-color:#e2e8f0}.order-day-title{display:flex;align-items:baseline;gap:10px;font-weight:700;font-size:1.15rem;color:#0f172a}.order-day-subtitle{font-size:.9rem;font-weight:500;color:#475569}.order-day-count{background:#fff;padding:3px 10px;border-radius:999px;font-size:.82rem;font-weight:700;color:#1e293b;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0000000d}.order-totals-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:16px;margin:16px 0;display:flex;flex-direction:column;gap:12px}.order-totals-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.order-totals-row label{margin:0;font-weight:600;font-size:.95rem}.order-totals-inputs{display:flex;align-items:center;gap:8px}.order-totals-inputs input{margin:0;width:130px}.order-totals-final{border-top:1px solid #e2e8f0;padding-top:10px;display:flex;justify-content:space-between;align-items:center;font-size:1.15rem;font-weight:700}.order-totals-final input{width:150px;font-size:1.15rem;font-weight:700;color:#0f172a}.order-helper-note{font-size:.85rem;color:#475569;background:#f1f5f9;border-left:3px solid #3b82f6;padding:8px 12px;border-radius:4px;margin-top:4px}.audit-question{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#94a3b8;color:#0f172a;font-size:11px;font-weight:700;margin-left:6px;cursor:pointer;position:relative;vertical-align:middle;-webkit-user-select:none;user-select:none;border:none;outline:none;transition:background .2s}.audit-question:hover,.audit-question:focus,.audit-question:active{background:#3b82f6;color:#fff}.audit-question-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#0f172a;color:#f8fafc;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;box-shadow:0 4px 12px #0006;border:1px solid #334155;z-index:1000;pointer-events:none}.audit-question-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#0f172a transparent transparent transparent}.audit-question:hover .audit-question-tooltip,.audit-question:focus .audit-question-tooltip,.audit-question:active .audit-question-tooltip{display:block}
