:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#133333;background:#f0f7f6;--canvas: #f0f7f6;--paper: #ffffff;--line: #d8e7e5;--line-light: #e8f2f0;--teal: #0d9488;--teal-dark: #0f766e;--teal-light: #f0fdfa;--teal-soft: #ccfbf1;--teal-border: #99f6e4;--ink: #133333;--ink-secondary: #476361;--muted: #6b8885;--subtle: #94aba8;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(13, 148, 136, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 16px rgba(13, 148, 136, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 28px rgba(13, 148, 136, .12), 0 4px 8px rgba(15, 23, 42, .06)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}main{max-width:1320px;margin:auto;padding:24px 28px}header{display:flex;gap:16px;align-items:center;justify-content:space-between;background:var(--paper);padding:14px 24px;border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-sm);margin-bottom:20px}header .header-brand{display:grid;gap:2px}header strong{font-size:1.15rem;letter-spacing:-.02em;color:var(--ink)}header small{color:var(--muted);font-size:.82rem}button{border:0;border-radius:var(--radius-sm);padding:9px 14px;background:var(--teal);color:#fff;font-weight:550;font-size:.9rem;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover{background:var(--teal-dark)}button:disabled{opacity:.45;cursor:not-allowed}.link{background:transparent;color:var(--teal);padding:0;text-decoration:underline;font-weight:500}.link:hover{background:transparent;color:var(--teal-dark)}.danger-button{background:#b42318}.danger-button:hover{background:#8f1d14}.toolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:20px 0 16px}.toolbar h1{margin:0;font-size:1.6rem;letter-spacing:-.03em;color:var(--ink)}.actions,.range{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.range{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.range label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--ink-secondary)}.range select,.range input{padding:7px 10px;font-size:.88rem;background:#fafcfb}.grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:20px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;margin:16px 0}article,form,section>section{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;margin-bottom:18px;box-shadow:var(--shadow-sm)}label{display:grid;gap:6px;margin:8px 0;font-weight:600;font-size:.9rem;color:var(--ink)}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 12px;font:inherit;width:100%;margin:4px 0;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #0d948826}textarea{min-height:90px}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line-light)}th{color:var(--muted);font-size:.82rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em;background:#fafcfb}tr:last-child td{border-bottom:none}tbody tr:hover{background:#f7faf9}.badge{background:var(--teal-soft);color:var(--teal-dark);border-radius:var(--radius-pill);padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center}.retail-price-tag{display:inline-flex;align-items:center;background:var(--teal-soft);color:var(--teal-dark);font-weight:700;font-size:.92rem;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--teal-border);white-space:nowrap}.error,.notice{padding:12px 16px;border-radius:var(--radius-md);margin:12px 0;font-size:.92rem}.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.notice{background:#f0fdfa;color:#0f766e;border:1px solid #ccfbf1}.audit-question{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:var(--muted);color:#fff;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:var(--teal)}.audit-question-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#133333;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 #0000004d;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:#133333 transparent transparent transparent}.audit-question:hover .audit-question-tooltip,.audit-question:focus .audit-question-tooltip,.audit-question:active .audit-question-tooltip{display:block}.customer-ref{position:relative;display:inline-flex;align-items:center;gap:6px}.quick-call-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-pill);background:var(--teal-soft);color:var(--teal-dark);text-decoration:none;font-size:12px;line-height:1;transition:transform .15s,background .15s}.quick-call-btn:hover{background:var(--teal);color:#fff;transform:scale(1.08)}.quick-phone{display:none;position:absolute;z-index:20;top:100%;left:0;min-width:170px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.quick-phone a{display:block;color:var(--teal);text-decoration:none;padding:2px 0}.customer-ref:hover .quick-phone,.customer-ref:focus-within .quick-phone{display:block}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#13333373;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.dialog{background:var(--paper);border-radius:var(--radius-lg);padding:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--line)}.order-day-group{margin-bottom:24px}.order-day-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:var(--radius-md);margin-bottom:8px;border:1px solid var(--line)}.order-day-header.group-today{background:linear-gradient(135deg,#e6fffa,#ccfbf1);border-color:#99f6e4}.order-day-header.group-tomorrow{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.order-day-header.group-future{background:linear-gradient(135deg,#f0f7f6,#e6f0ee);border-color:var(--line)}.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.1rem;color:var(--ink)}.order-day-subtitle{font-size:.88rem;font-weight:500;color:var(--muted)}.order-day-count{background:#fff;padding:3px 10px;border-radius:var(--radius-pill);font-size:.82rem;font-weight:700;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.readiness-select{padding:6px 10px;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;border:1px solid var(--line)}.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}.negative{color:#b91c1c}.positive{color:#15803d}.product-picker-results{display:flex;flex-direction:column;gap:6px;margin:8px 0 16px;max-height:360px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-md);padding:8px;background:#fafcfb}.product-picker-item{display:flex;justify-content:space-between;align-items:center;text-align:left;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 14px;cursor:pointer;transition:all .15s ease;width:100%}.product-picker-item:hover{background:var(--teal-light);border-color:var(--teal)}.badge-defect{background:#fee2e2;color:#991b1b;border-radius:var(--radius-pill);padding:4px 8px;font-size:.8rem;font-weight:600}.writeoffs-box{background:#fff1f2;border:1px solid #fecdd3;border-radius:var(--radius-md);padding:16px;margin:16px 0}.writeoffs-box h3{color:#9f1239;margin-top:0}.plan-pulse-section{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.plan-pulse-card{background:#fafcfb;border:1px solid var(--line);border-radius:var(--radius-md);padding:18px 20px;margin:12px 0 16px}.plan-pulse-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}.plan-actual-value{font-size:1.5rem;font-weight:750;color:var(--teal-dark)}.plan-target-muted{font-size:1.05rem;color:var(--muted);font-weight:550}.plan-pulse-badge{padding:6px 14px;border-radius:var(--radius-pill);font-size:.88rem;font-weight:700;display:inline-flex;align-items:center;gap:6px}.badge-ahead{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.badge-behind{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.plan-gauge-container{margin:16px 0 12px}.plan-gauge-track{position:relative;height:22px;background:#e6f0ee;border-radius:var(--radius-pill);overflow:visible;border:1px solid var(--line)}.plan-gauge-bar{height:100%;border-radius:var(--radius-pill);transition:width .3s ease}.bar-ahead{background:linear-gradient(90deg,#14b8a6,#0d9488)}.bar-behind{background:linear-gradient(90deg,#f59e0b,#e11d48)}.plan-gauge-needle{position:absolute;top:-8px;bottom:-8px;width:2px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:2;pointer-events:none}.needle-pin{width:10px;height:10px;border-radius:50%;background:var(--ink);box-shadow:0 1px 3px #0000004d}.needle-line{flex:1;width:2px;background:var(--ink)}.plan-gauge-scale{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);margin-top:6px;position:relative}.pace-badge-info{position:absolute;transform:translate(-50%);font-weight:650;color:var(--ink-secondary);white-space:nowrap}.plan-pulse-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:.88rem;color:var(--ink-secondary);margin-top:14px;padding-top:12px;border-top:1px solid var(--line-light)}.plan-input-row{display:flex;align-items:flex-end;gap:12px;margin-top:14px}.plan-input-row label{margin:0;flex:1;max-width:280px}.daily-chart{display:flex;flex-direction:column;gap:6px;margin:12px 0}.daily-row{display:grid;grid-template-columns:50px 1fr 110px;align-items:center;gap:12px;font-size:.88rem}.daily-bar{background:#e6f0ee;border-radius:var(--radius-pill);height:14px;overflow:hidden}.daily-bar span{display:block;height:100%;background:var(--teal);border-radius:var(--radius-pill)}.mobile-bottom-nav{display:none}@media(max-width:768px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom,14px))}main{padding:12px 12px calc(72px + env(safe-area-inset-bottom,14px))}header{padding:10px 14px;margin-bottom:12px;border-radius:var(--radius-md)}header .actions{display:none}.toolbar{margin:12px 0 10px;flex-direction:row;align-items:center}.toolbar h1{font-size:1.35rem}.range{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px}.range label{font-size:.8rem;margin:0}.range select,.range input{font-size:.85rem;padding:6px 8px;margin:2px 0 0}table{background:transparent;border:none;box-shadow:none}table thead{display:none}table,tbody,tr,td{display:block;width:100%}tbody tr{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:10px;box-shadow:var(--shadow-sm)}tbody tr td{padding:4px 0;border:none}tbody tr td:first-child{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-light);padding-bottom:8px;margin-bottom:6px}tbody tr td:last-child{border-top:1px solid var(--line-light);padding-top:8px;margin-top:6px;font-weight:600}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.grid{grid-template-columns:1fr;gap:12px}article,form,section>section{padding:14px;border-radius:var(--radius-md);margin-bottom:12px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom,12px));z-index:999;justify-content:space-around;align-items:center;box-shadow:0 -4px 16px #0d94880f}.nav-btn{background:transparent;border:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;border-radius:var(--radius-sm);font-size:.72rem;font-weight:550;flex:1;cursor:pointer}.nav-btn .nav-icon{font-size:1.25rem;line-height:1.2}.nav-btn .nav-text{letter-spacing:-.01em}.nav-btn.active{color:var(--teal);font-weight:700}.nav-btn.active .nav-icon{transform:scale(1.1)}}.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:var(--muted)}.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:var(--teal);border:1px solid var(--line);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:var(--ink-secondary)}.customer-contact-inline a{color:var(--teal)}.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:var(--muted);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}}@media print{header,.mobile-bottom-nav,.actions,button,input,select,textarea,.notice,.error{display:none!important}.procurement-list{max-width:none}.procurement-list table{font-size:11pt}}
