@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,500;0,8..60,600;0,8..60,700;1,8..60,500;1,8..60,600&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--paper: #fbfbf8;--white: #ffffff;--ink-50: #f4f5f2;--ink-100: #e7e9e3;--ink-200: #d4d7cf;--ink-300: #b2b7ac;--ink-400: #888e82;--ink-500: #5e645b;--ink-700: #2a2e29;--ink-900: #0c0f0d;--green-500: #1f8a50;--green-600: #176b41;--green-700: #114f31;--bg: var(--paper);--surface: var(--white);--surface-2: var(--ink-50);--text: var(--ink-900);--muted: var(--ink-500);--faint: var(--ink-400);--accent: var(--green-600);--border: rgba(12, 15, 13, .1);--border-2: rgba(12, 15, 13, .16);--hairline: rgba(12, 15, 13, .06);--ok-fg: #1f8a50;--ok-bg: #e7f4ec;--ok-ring: rgba(31, 138, 80, .3);--risk-fg: #bc7a12;--risk-bg: #f8efd8;--risk-ring: rgba(188, 122, 18, .3);--brk-fg: #c23a2d;--brk-bg: #f8e3df;--brk-ring: rgba(194, 58, 45, .3);--font-display: "Source Serif 4", Georgia, serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--shadow-sm: 0 1px 3px rgba(12, 15, 13, .07), 0 1px 2px rgba(12, 15, 13, .04);--shadow-md: 0 4px 12px rgba(12, 15, 13, .08), 0 2px 4px rgba(12, 15, 13, .04)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}::selection{background:#a8d8b9;color:var(--ink-900)}.app{max-width:880px;margin:0 auto;padding:20px 18px 96px}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.page-stamp{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--faint);white-space:nowrap}.brand{padding:8px 0 26px}.brand-link{display:inline-flex;align-items:baseline;gap:9px;text-decoration:none}.brand-word{font-family:var(--font-sans);font-weight:800;font-size:21px;letter-spacing:-.035em;color:var(--ink-900);line-height:1}.brand-tag{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:20px;letter-spacing:-.01em;line-height:1;color:var(--green-600)}.centered{text-align:center;padding:88px 16px}.centered h1{font-family:var(--font-display);font-weight:600;font-size:30px;letter-spacing:-.01em;margin-bottom:10px}.muted{color:var(--muted)}code{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-family:var(--font-mono);font-size:.88em}.detail-header{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px 24px;margin-bottom:26px;box-shadow:var(--shadow-sm)}.title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.title-row h1{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;font-size:30px;margin:0;color:var(--ink-900)}.sub{color:var(--muted);margin-top:8px;font-size:14.5px}.sub .customer{color:var(--ink-900);font-weight:600}.sub .appt{margin-top:2px;color:var(--muted)}.order-summary{margin:16px 0 0;font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--ink-700)}.order-summary strong{font-weight:600;color:var(--ink-900)}.headline-metrics{display:flex;gap:36px;margin-top:20px;flex-wrap:wrap}section{margin-bottom:30px}section h2{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:500;color:var(--accent);margin:0 0 14px;display:flex;align-items:center;gap:8px}.count{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:11px;padding:1px 8px;color:var(--ink-500);letter-spacing:0}.empty{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;padding:4px 11px 4px 9px;border-radius:999px}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.badge.big{font-size:12.5px;padding:5px 13px 5px 11px}.sev-red{--sev: var(--brk-fg)}.sev-amber{--sev: var(--risk-fg)}.sev-green{--sev: var(--ok-fg)}.sev-neutral{--sev: var(--ink-500)}.badge.sev-red{background:var(--brk-bg);color:var(--brk-fg)}.badge.sev-amber{background:var(--risk-bg);color:var(--risk-fg)}.badge.sev-green{background:var(--ok-bg);color:var(--ok-fg)}.badge.sev-neutral{background:var(--surface-2);color:var(--ink-500)}.line-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--sev, var(--border));border-radius:16px;padding:18px 20px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.line-head{display:flex;align-items:center;gap:12px}.line-head .sku{font-family:var(--font-mono);font-weight:600;font-size:15px;color:var(--ink-900);font-variant-numeric:tabular-nums}.metrics{display:flex;flex-wrap:wrap;gap:26px;margin-top:16px}.metric-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:500;color:var(--faint)}.info-tip{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;margin-left:5px;border-radius:50%;border:1px solid var(--ink-300);color:var(--ink-400);font-size:9px;font-weight:700;font-style:italic;font-family:var(--font-display);text-transform:none;letter-spacing:0;line-height:1;cursor:help;position:relative;vertical-align:middle}.info-tip:hover,.info-tip:focus-visible{border-color:var(--ink-900);color:var(--ink-900);outline:none}.info-tip:hover:after,.info-tip:focus-visible:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:min(260px,calc(100vw - 24px));padding:9px 11px;border-radius:10px;background:var(--ink-900);border:1px solid rgba(255,255,255,.08);color:var(--paper);font-family:var(--font-sans);font-size:12px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:1.45;text-align:left;white-space:normal;box-shadow:var(--shadow-md);z-index:10}.th-info{display:inline-flex;align-items:center;white-space:nowrap}@media (max-width: 560px){.info-tip:hover:after,.info-tip:focus-visible:after{position:fixed;left:12px;right:12px;bottom:16px;top:auto;width:auto;max-width:none;transform:none;font-size:13px;padding:12px 14px}}.metric-value{font-family:var(--font-sans);font-size:20px;font-weight:700;letter-spacing:-.01em;margin-top:3px;color:var(--ink-900);font-variant-numeric:tabular-nums}.metric-value.danger,td.danger{color:var(--brk-fg)}.metric-hint{font-size:11px;color:var(--faint);margin-top:2px}.bottleneck{margin-top:20px}.bottleneck .metric-label{display:flex;align-items:center;gap:6px;margin-bottom:9px}.sku-chips{display:flex;flex-wrap:wrap;gap:6px}.sku-chip{display:inline-block;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 11px;color:var(--ink-700);font-family:var(--font-mono);font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums}.reason{margin:14px 0 0;color:var(--ink-700);font-size:14.5px;line-height:1.6}.sub-table{margin-top:16px}.sub-table-label{display:flex;align-items:center;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:500;color:var(--faint);margin-bottom:8px}.sub-table table{width:100%;border-collapse:collapse;font-size:13.5px}.sub-table th{text-align:left;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:500;border-bottom:1px solid var(--border);padding:6px 8px}.sub-table td{padding:7px 8px;border-bottom:1px solid var(--hairline);color:var(--ink-700);font-variant-numeric:tabular-nums}.substitute{margin-top:16px;border-top:1px solid var(--hairline);padding-top:12px}.substitute>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);transition:background .15s ease,border-color .15s ease}.substitute>summary:hover{background:var(--ink-100, rgba(12, 15, 13, .06));border-color:var(--ink-300, rgba(12, 15, 13, .18))}.substitute>summary::-webkit-details-marker{display:none}.substitute>summary:after{content:"";width:14px;height:14px;flex:none;background:no-repeat center / 14px 14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237a8472' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");transition:transform .15s ease}.substitute[open]>summary:after{transform:rotate(180deg)}.substitute-preview{margin-left:auto;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:9.5px;font-weight:600;color:var(--green-600);background:#176b411a;border:1px solid rgba(23,107,65,.22);border-radius:999px;padding:2px 8px}.substitute-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:500;color:var(--accent)}.substitute-meta{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--faint);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:1px 8px}.substitute-body{margin-top:12px}.substitute-empty{margin:0;font-size:13.5px;color:var(--muted)}.substitute-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.substitute-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:9px 12px}.substitute-info{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.substitute-sku{font-family:var(--font-mono);font-weight:600;font-size:13.5px;color:var(--ink-900);font-variant-numeric:tabular-nums}.substitute-have{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.substitute-note{font-size:12.5px;color:var(--faint)}.substitute-action{flex:none;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--green-600);background:var(--white);border:1px solid var(--green-600);border-radius:8px;padding:7px 14px;cursor:pointer;transition:background .15s ease,color .15s ease,transform .1s ease}.substitute-action:after{content:"→";font-size:13px;line-height:1}.substitute-action:hover{background:var(--green-600);color:var(--white)}.substitute-action:active{transform:translateY(1px)}.safe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.safe-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--ok-fg);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;box-shadow:var(--shadow-sm)}.safe-card .sku{font-family:var(--font-mono);font-weight:600;font-size:13.5px;color:var(--ink-900);font-variant-numeric:tabular-nums}.safe-meta{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.raw{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;overflow:auto;font-family:var(--font-mono);font-size:13px}
