@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;letter-spacing:0;color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--text:#0f172a;--muted:#475569;--border:#e2e8f0;--primary:#2563eb;--primary-strong:#1d4ed8;--green:#16a34a;--green-bg:#dcfce7;--green-border:#22c55e;--green-text:#166534;--amber:#d97706;--amber-bg:#fef3c7;--amber-border:#f59e0b;--amber-text:#92400e;--red:#dc2626;--red-bg:#fee2e2;--red-border:#ef4444;--red-text:#991b1b;--blue:#2563eb;--blue-bg:#dbeafe;--blue-border:#3b82f6;--blue-text:#1e3a8a;--gray-bg:#f3f4f6;--gray-border:#9ca3af;--gray-text:#374151;--corn:#eab308;--corn-dark:#b45309;--chart-grid:#cbd5e1;--chart-axis:#334155;--shadow:0 18px 40px #0f172a1a;--strong-shadow:0 16px 28px #0f172a24;background:#f8fafc;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.5}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;--bg:#0f172a;--surface:#111827;--surface-2:#1e293b;--text:#f8fafc;--muted:#cbd5e1;--border:#334155;--primary:#3b82f6;--primary-strong:#2563eb;--green:#4ade80;--green-bg:#052e16;--green-border:#22c55e;--green-text:#bbf7d0;--amber:#facc15;--amber-bg:#451a03;--amber-border:#fbbf24;--amber-text:#fef3c7;--red:#ef4444;--red-bg:#450a0a;--red-border:#f87171;--red-text:#fecaca;--blue:#3b82f6;--blue-bg:#172554;--blue-border:#60a5fa;--blue-text:#dbeafe;--gray-bg:#1f2937;--gray-border:#9ca3af;--gray-text:#e5e7eb;--corn:#facc15;--corn-dark:#ca8a04;--chart-grid:#475569;--chart-axis:#cbd5e1;--shadow:0 18px 40px #00000061;--strong-shadow:0 20px 36px #00000070;background:#0f172a}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font-family:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}#root{min-height:100svh}.app-shell{background:var(--bg);min-height:100svh}.access-page{background:linear-gradient(180deg, #1f6f8b1f, transparent 44%), var(--bg);place-items:center;min-height:100svh;padding:20px;display:grid}.access-panel{background:var(--surface);border:1px solid var(--border);width:min(100%,460px);box-shadow:var(--shadow);border-radius:8px;padding:28px}.access-icon{width:64px;height:64px;color:var(--primary);background:var(--blue-bg);border-radius:8px;place-items:center;margin-bottom:18px;display:grid}.app-header{z-index:20;background:color-mix(in srgb, var(--surface) 94%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,3vw,32px);display:flex;position:sticky;top:0}.app-header h1,.access-panel h1{color:var(--text);margin:0;font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.14}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.back-button{border:1px solid var(--primary);color:#fff;background:var(--primary);border-radius:8px;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-weight:800;display:inline-flex}.back-button:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.eyebrow{color:var(--primary);text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}.role-badge,.connection,.draft-badge{border:1px solid var(--border);min-height:40px;color:var(--text);background:var(--surface-2);text-transform:capitalize;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-weight:800;display:inline-flex}.connection.online{color:var(--green)}.connection.offline,.draft-badge{color:var(--blue);background:var(--blue-bg)}.connection-banner{border:1px solid var(--border);width:calc(100% - 32px);max-width:1180px;min-height:48px;color:var(--blue);background:var(--blue-bg);text-align:left;border-radius:8px;margin:14px auto 0;padding:10px 16px;font-weight:800;display:block}.page-grid{width:min(1180px,100% - 32px);margin:0 auto;padding:22px 0 34px}.section-heading{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.section-heading h2,.status-hero h2,.settings-panel h3,.chart-panel h3,.data-panel h3,.pending-panel h3{color:var(--text);margin:0;line-height:1.18}.section-heading h2,.status-hero h2{font-size:clamp(1.45rem,3vw,2.2rem)}.section-heading p:last-child,.status-hero p{color:var(--muted);margin:8px 0 0}.home-actions,.two-action-grid,.summary-grid,.chart-grid,.table-grid,.settings-grid,.report-layout{gap:14px;margin-top:14px;display:grid}.home-page .home-actions{margin-top:0}.home-draft-status{justify-content:flex-end;margin-bottom:14px;display:flex}.home-actions,.two-action-grid,.chart-grid,.table-grid,.settings-grid,.report-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.home-card,.big-action{border:1px solid var(--border);min-height:148px;color:var(--text);background:var(--surface);text-align:left;box-shadow:var(--strong-shadow);border-radius:8px;align-items:center;gap:18px;padding:22px;display:flex}.home-card:hover:not(:disabled):not([aria-disabled=true]),.big-action:hover{border-color:var(--primary);transform:translateY(-1px)}.home-card[aria-disabled=true]{opacity:.72}.home-card svg,.big-action svg{color:var(--primary);flex:none}.home-card strong,.big-action strong{font-size:1.45rem;line-height:1.15;display:block}.home-card small,.big-action small,.draft-item small,.small-note{color:var(--muted);font-size:.92rem;display:block}.receiving-action svg{color:var(--blue)}.production-action svg{color:var(--green)}.inventory-action svg{color:var(--amber)}.button,.icon-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-weight:800;display:inline-flex}.button{padding:0 18px}.button.full{width:100%}.button.primary{color:#fff;background:var(--primary)}.button.primary:hover{background:var(--primary-strong)}.button.secondary{color:var(--text);background:var(--surface-2);border-color:var(--border)}.button.secondary:hover,.icon-button:hover,.tabs button:hover,.segmented-buttons button:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, var(--surface))}.button.danger{color:var(--red);background:var(--red-bg);border-color:var(--red-border)}.button.danger:hover{color:var(--red-text);border-color:var(--red-border);background:color-mix(in srgb, var(--red-bg) 85%, var(--surface))}.icon-button{width:46px;min-width:46px;color:var(--text);background:var(--surface-2);border-color:var(--border)}.table-edit{width:38px;min-width:38px;min-height:38px}.status-hero,.result-panel,.recovery-panel,.pending-panel,.settings-panel,.chart-panel,.data-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:18px;box-shadow:0 10px 24px #0f172a14}.chart-panel{overflow:hidden}.status-hero{justify-content:space-between;align-items:center;gap:16px;min-height:136px;display:flex}.status-hero svg{flex:none}.status-hero.status-good h2,.status-hero.status-good p,.status-hero.status-good .eyebrow,.status-hero.status-good svg{color:var(--green-text)}.status-hero.status-warning h2,.status-hero.status-warning p,.status-hero.status-warning .eyebrow,.status-hero.status-warning svg,.status-hero.status-accepted_above_limits h2,.status-hero.status-accepted_above_limits p,.status-hero.status-accepted_above_limits .eyebrow,.status-hero.status-accepted_above_limits svg{color:var(--amber-text)}.status-hero.status-out_of_spec h2,.status-hero.status-out_of_spec p,.status-hero.status-out_of_spec .eyebrow,.status-hero.status-out_of_spec svg,.status-hero.status-rejected h2,.status-hero.status-rejected p,.status-hero.status-rejected .eyebrow,.status-hero.status-rejected svg{color:var(--red-text)}.status-hero.status-incomplete h2,.status-hero.status-incomplete p,.status-hero.status-incomplete .eyebrow,.status-hero.status-incomplete svg,.status-hero.status-conversion_missing h2,.status-hero.status-conversion_missing p,.status-hero.status-conversion_missing .eyebrow,.status-hero.status-conversion_missing svg{color:var(--gray-text)}.status-hero.status-pending_sync h2,.status-hero.status-pending_sync p,.status-hero.status-pending_sync .eyebrow,.status-hero.status-pending_sync svg,.status-hero.status-draft h2,.status-hero.status-draft p,.status-hero.status-draft .eyebrow,.status-hero.status-draft svg{color:var(--blue-text)}.status-good{border-color:var(--green-border);background:var(--green-bg);color:var(--green-text)}.status-warning{border-color:var(--amber-border);background:var(--amber-bg);color:var(--amber-text)}.status-out_of_spec,.status-rejected{border-color:var(--red-border);background:var(--red-bg);color:var(--red-text)}.status-accepted_above_limits{border-color:var(--amber-border);background:var(--amber-bg);color:var(--amber-text)}.status-incomplete,.status-conversion_missing{border-color:var(--gray-border);background:var(--gray-bg);color:var(--gray-text)}.status-pending_sync,.status-draft{border-color:var(--blue-border);background:var(--blue-bg);color:var(--blue-text)}.status-pill{white-space:nowrap;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:.92rem;font-weight:800;display:inline-flex}.status-pill.compact{min-height:28px;font-size:.8rem}.status-pill.status-good{color:var(--green-text)}.status-pill.status-warning{color:var(--amber-text)}.status-pill.status-out_of_spec,.status-pill.status-rejected{color:var(--red-text)}.status-pill.status-accepted_above_limits{color:var(--amber-text)}.status-pill.status-incomplete,.status-pill.status-conversion_missing{color:var(--gray-text)}.status-pill.status-draft,.status-pill.status-pending_sync{color:var(--blue-text)}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-section{margin-top:24px}.dashboard-page-title{margin-bottom:14px}.dashboard-page-title h2{color:var(--text);margin:0;font-size:clamp(1.45rem,3vw,2rem);font-weight:800;line-height:1.1}.dashboard-section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:10px;display:flex}.dashboard-section-header h3{color:var(--text);margin:0;font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.18}.dashboard-section-header p{max-width:760px;color:var(--muted);margin:5px 0 0}.dashboard-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.dashboard-note-row{gap:10px;margin-top:12px;display:grid}.dashboard-section-note{border:1px solid var(--border);border-radius:8px;margin:0;padding:10px 12px;font-weight:700}.pending-action-panel{border:1px solid var(--blue-border);width:min(100%,420px);color:var(--blue-text);background:var(--blue-bg);border-radius:8px;gap:8px;margin-top:14px;padding:12px;display:grid}.pending-action-panel strong,.pending-action-panel li{color:var(--blue-text)}.pending-action-panel ul{margin:0;padding-left:18px}.info-panel,.insight-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:16px;box-shadow:0 10px 24px #0f172a14}.insight-panel{margin-top:14px}.info-panel h4,.insight-panel h4{color:var(--text);margin:0 0 12px;font-size:1.02rem}.single-kpi-grid{grid-template-columns:minmax(260px,.85fr) minmax(280px,1.15fr)}.receiving-kpi-grid{grid-template-columns:minmax(260px,420px)}.info-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(130px,.9fr) minmax(0,1.1fr);align-items:center;gap:12px;min-height:38px;padding:8px 0;display:grid}.info-row:last-child{border-bottom:0}.info-row span{color:var(--muted);font-weight:800}.info-row strong{min-width:0;color:var(--text);overflow-wrap:anywhere;font-weight:800}.compact-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.compact-status-grid .info-row{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:10px}.status-stack{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;width:100%;min-height:22px;display:flex;overflow:hidden}.status-stack-segment{min-width:0}.status-stack-segment.tone-good{background:var(--green)}.status-stack-segment.tone-warning{background:var(--amber)}.status-stack-segment.tone-danger{background:var(--red)}.receiving-breakdown-grid{gap:10px;margin-top:12px;display:grid}.receiving-breakdown-row{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;grid-template-columns:minmax(120px,auto) minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.receiving-breakdown-row span:last-child{color:var(--muted);font-weight:700}.period-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.movement-panel{gap:14px;display:grid}.movement-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.15fr);align-items:stretch;gap:10px;display:grid}.movement-node{border:1px solid var(--blue-border);min-height:72px;color:var(--blue-text);background:var(--blue-bg);border-radius:8px;align-content:center;gap:4px;padding:10px 12px;display:grid}.movement-node span{text-transform:uppercase;font-size:.82rem;font-weight:800}.movement-node strong{color:inherit;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1}.movement-result{border-color:var(--green-border);color:var(--green-text);background:var(--green-bg)}.movement-result.review{border-color:var(--amber-border);color:var(--amber-text);background:var(--amber-bg)}.movement-operator{color:var(--text);place-items:center;font-size:1.8rem;font-weight:800;display:grid}.movement-details{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.compact-movement-flow,.compact-inventory-meta{margin-top:12px}.dashboard-tabs{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.dashboard-tabs button{border:1px solid var(--border);min-height:46px;color:var(--text);background:var(--surface);border-radius:8px;padding:0 16px;font-weight:800}.dashboard-tabs button:hover{border-color:var(--primary);color:var(--primary)}.dashboard-tabs button.active{color:#fff;border-color:var(--primary);background:var(--primary)}.silo-dashboard-panel{margin-top:18px}.inventory-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.summary-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;justify-content:space-between;min-height:118px;padding:16px;display:flex;box-shadow:0 8px 18px #0f172a12}.summary-card span{color:var(--muted);font-weight:700}.summary-card strong{color:var(--text);font-size:1.95rem;line-height:1}.summary-card small{color:var(--muted);font-size:.85rem;font-weight:700;line-height:1.25;display:block}.tone-good{border-color:var(--green-border);background:var(--green-bg);color:var(--green-text)}.tone-warning{border-color:var(--amber-border);background:var(--amber-bg);color:var(--amber-text)}.tone-danger{border-color:var(--red-border);background:var(--red-bg);color:var(--red-text)}.tone-blue{border-color:var(--blue-border);background:var(--blue-bg);color:var(--blue-text)}.tone-neutral{border-color:var(--gray-border);background:var(--surface);color:var(--text)}.tone-good span,.tone-good strong,.tone-good small{color:var(--green-text)}.tone-warning span,.tone-warning strong,.tone-warning small{color:var(--amber-text)}.tone-danger span,.tone-danger strong,.tone-danger small{color:var(--red-text)}.tone-blue span,.tone-blue strong,.tone-blue small{color:var(--blue-text)}.compact-status{border:1px solid var(--border);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:30px;padding:0 10px;font-size:.86rem;font-weight:800;display:inline-flex}.compact-status.tone-good{border-color:var(--green-border);color:var(--green-text);background:var(--green-bg)}.compact-status.tone-warning{border-color:var(--amber-border);color:var(--amber-text);background:var(--amber-bg)}.compact-status.tone-danger{border-color:var(--red-border);color:var(--red-text);background:var(--red-bg)}.compact-status.tone-blue{border-color:var(--blue-border);color:var(--blue-text);background:var(--blue-bg)}.compact-status.tone-neutral{border-color:var(--gray-border);color:var(--gray-text);background:var(--gray-bg)}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.filter-row,.button-row,.sticky-actions,.conversion-add,.inline-fields{flex-wrap:wrap;gap:10px;display:flex}.filter-row{margin-bottom:10px}.filter-row select,.conversion-add input,.conversion-add button{flex:160px}.chart-empty-state{border:1px dashed var(--border);min-height:300px;color:var(--muted);background:var(--surface-2);text-align:center;border-radius:8px;place-content:center;gap:8px;padding:24px;display:grid}.chart-empty-state strong{color:var(--text);font-size:1rem}.chart-empty-state span{max-width:460px;font-size:.92rem;font-weight:700}.responsive-table{overflow-x:auto}.review-stack{gap:14px;margin-top:14px;display:grid}.mobile-record-list{display:none}.record-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:12px;padding:14px;display:grid}.record-card-header,.record-card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.record-card-header strong{color:var(--text)}.record-card-grid{grid-template-columns:minmax(104px,.8fr) minmax(0,1.2fr);gap:8px 12px;display:grid}.record-card-grid span{color:var(--muted);font-weight:800}.record-card-grid strong{color:var(--text);font-weight:800}.reports-panel{margin-top:14px}table{border-collapse:collapse;width:100%;min-width:720px}.compact-record-table table{min-width:0}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:10px}th{color:var(--muted);text-transform:uppercase;font-size:.82rem}td input{width:120px;min-height:40px}.compact-record-table th,.compact-record-table td{padding:8px}.table-subtext{color:var(--muted);margin-top:2px;font-size:.82rem;font-weight:800;display:block}.record-note-row td{color:var(--muted);background:var(--surface-2);font-size:.9rem;font-weight:700}.quality-value{min-height:28px;color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;padding:2px 7px;font-weight:800;display:inline-flex}.quality-value.quality-warning{color:var(--amber-text);background:var(--amber-bg);border:1px solid var(--amber-border)}.quality-value.quality-danger{color:var(--red-text);background:var(--red-bg);border:1px solid var(--red-border)}.quality-value.quality-missing{color:var(--gray-text);background:var(--gray-bg);border:1px solid var(--gray-border)}.form-page{padding-bottom:112px}.operator-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.production-top-form{align-items:end}.segmented-buttons{gap:10px;display:grid}.segmented-buttons.two{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-buttons button{border:1px solid var(--border);min-height:58px;color:var(--text);background:var(--surface);border-radius:8px;font-weight:800}.segmented-buttons button.active{color:#fff;background:var(--primary);border-color:var(--primary)}.sample-point-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.sample-point-grid.single-edit{grid-template-columns:minmax(0,420px)}.sample-point-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:12px;padding:16px;display:grid}.sample-point-card h3{color:var(--text);margin:0;font-size:1.25rem}.conversion-warning{color:var(--amber);margin:-4px 0 0;font-size:.88rem;font-weight:800}.point-status{border:1px solid var(--border);border-radius:8px;padding:8px}.sample-matrix-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-top:14px;overflow:hidden}.sample-matrix{grid-template-columns:minmax(96px,.75fr) repeat(3,minmax(0,1fr));min-width:0;display:grid}.sample-matrix-panel.single-edit .sample-matrix{grid-template-columns:minmax(96px,.75fr) minmax(0,1fr);min-width:0}.matrix-corner,.matrix-column-header,.matrix-row-label,.matrix-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px}.matrix-corner,.matrix-column-header{min-height:48px;color:var(--text);background:var(--surface-2);place-items:center;font-weight:800;display:grid}.matrix-column-header{font-size:1.08rem}.matrix-row-label{min-height:58px;color:var(--text);background:var(--surface-2);overflow-wrap:anywhere;flex-direction:column;justify-content:center;font-size:.86rem;font-weight:800;display:flex}.matrix-row-label span,.matrix-unit{color:var(--muted);font-size:.82rem}.matrix-label-short{display:none}.matrix-cell{background:var(--surface);align-content:center;gap:6px;min-height:58px;display:grid}.matrix-cell input{min-width:0;min-height:44px;padding-inline:8px}.status-cell{min-height:56px}.empty-status{color:var(--muted);font-size:.85rem;font-weight:800}.matrix-cell .conversion-warning{margin:0;display:block}.decision-panel{border:1px solid color-mix(in srgb, var(--amber) 42%, var(--border));background:var(--amber-bg);border-radius:8px;gap:14px;margin-top:14px;padding:18px;display:grid}.decision-panel h3{color:var(--text);margin:0}.decision-panel p{color:var(--muted);margin:6px 0 0}.decision-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.decision-button{border:1px solid var(--border);min-height:98px;color:var(--text);background:var(--surface);text-align:left;border-radius:8px;align-content:center;gap:5px;padding:14px;font-weight:800;display:grid}.decision-button span{color:var(--muted);font-size:.9rem;font-weight:700}.decision-button.accept-override.active{border-color:var(--amber);background:color-mix(in srgb, var(--amber-bg) 72%, var(--surface))}.decision-button.reject-load.active{border-color:var(--red);background:var(--red-bg)}.photo-evidence-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:14px;margin-top:14px;padding:18px;display:grid;box-shadow:0 10px 24px #0f172a14}.photo-evidence-panel .panel-heading{margin:0}.photo-evidence-panel .panel-heading>svg{color:var(--primary)}.photo-preview-row{grid-template-columns:minmax(180px,280px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.photo-preview{border:1px solid var(--border);background:var(--surface-2);object-fit:cover;border-radius:8px;width:100%;max-height:230px}.photo-placeholder{border:1px dashed var(--border);min-height:190px;color:var(--muted);background:var(--surface-2);text-align:center;border-radius:8px;place-items:center;gap:6px;padding:18px;display:grid}.photo-placeholder svg{color:var(--primary)}.photo-placeholder strong{color:var(--text)}.photo-placeholder span{font-size:.92rem;font-weight:700}.photo-placeholder.attached{border-style:solid;border-color:var(--blue-border);color:var(--blue-text);background:var(--blue-bg)}.photo-placeholder.attached strong,.photo-placeholder.attached svg{color:var(--blue-text)}.photo-actions{align-content:start;gap:10px;display:grid}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;min-height:100%;position:absolute;inset:0}.compact-button{min-height:36px;padding:0 10px;font-size:.88rem}.field{color:var(--text);flex-direction:column;gap:7px;font-weight:800;display:flex}.field span{font-size:.96rem}input,select,textarea{border:1px solid var(--border);width:100%;min-height:54px;color:var(--text);background:var(--surface);border-radius:8px;outline:none;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent)}textarea{resize:vertical;min-height:104px}.full-field{grid-column:1/-1}.form-stack{gap:14px;display:grid}.draft-chip-row{justify-content:flex-end;align-items:center;gap:8px;min-height:40px;margin-top:10px;display:flex}.draft-chip{border:1px solid var(--blue-border);min-height:34px;color:var(--blue-text);background:var(--blue-bg);border-radius:8px;align-items:center;padding:0 10px;font-size:.88rem;font-weight:800;display:inline-flex}.result-panel,.recovery-panel{gap:10px;margin-top:14px;display:grid}.result-panel ul{margin:0;padding-left:20px}.form-error,.form-success{border-radius:8px;margin:12px 0 0;padding:12px 14px;font-weight:800}.form-error{color:var(--red-text);background:var(--red-bg);border:1px solid var(--red-border)}.form-success{color:var(--green-text);background:var(--green-bg);border:1px solid var(--green-border)}.sticky-actions{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;justify-content:flex-end;padding:12px;position:fixed;bottom:18px;left:clamp(16px,3vw,32px);right:clamp(16px,3vw,32px)}.save-button{min-width:170px}.pending-panel{width:min(1180px,100% - 32px);margin:0 auto 32px}.draft-list{gap:10px;display:grid}.draft-item{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.draft-item>div:first-child{gap:6px;display:grid}.tabs{gap:8px;margin-top:14px;padding-bottom:2px;display:flex;overflow-x:auto}.tabs button{border:1px solid var(--border);min-height:44px;color:var(--text);background:var(--surface);white-space:nowrap;border-radius:8px;padding:0 14px;font-weight:800}.tabs button.active{color:#fff;background:var(--primary);border-color:var(--primary)}.settings-panel{margin-top:14px}.settings-save-bar{z-index:12;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px;display:flex;position:sticky;top:84px}.settings-save-bar>div:first-child{gap:2px;display:grid}.settings-save-bar span{color:var(--muted);font-size:.9rem;font-weight:700}.email-status-card{align-items:flex-start;gap:12px;margin-top:14px;display:flex}.email-status-card ul{margin:8px 0 0;padding-left:20px}.disabled-row{opacity:.72}.settings-grid .settings-panel{margin-top:0}.inventory-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.inventory-main-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.inventory-main-actions button{border:1px solid var(--border);min-height:132px;color:var(--text);background:var(--surface);text-align:left;border-radius:8px;align-content:center;gap:8px;padding:14px;display:grid;box-shadow:0 8px 18px #0f172a0f}.inventory-main-actions button svg{color:var(--primary)}.inventory-main-actions button strong{line-height:1.15}.inventory-main-actions button span{color:var(--muted);font-size:.9rem}.inventory-main-actions button.active{border-color:var(--primary);background:var(--blue-bg);color:var(--blue-text)}.inventory-main-actions button.active span,.inventory-main-actions button.active svg{color:var(--blue-text)}.inventory-entry-card{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;gap:12px;padding:14px;display:grid}.inventory-entry-card h4{color:var(--text);margin:0;font-size:1.08rem}.inventory-entry-card strong{color:var(--text);font-size:1.12rem}.production-step-card{align-content:start}.percentage-control{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;padding:10px;display:grid}.percentage-heading{color:var(--text);justify-content:space-between;align-items:center;gap:10px;font-weight:800;display:flex}.percentage-heading strong{color:var(--primary);font-size:1.3rem}.percentage-control input[type=range]{min-height:34px;padding:0}.percentage-buttons{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.percentage-buttons button{border:1px solid var(--border);min-height:42px;color:var(--text);background:var(--surface-2);border-radius:8px;font-weight:800}.percentage-buttons button.active{color:#fff;border-color:var(--primary);background:var(--primary)}.adjustment-preview{margin:14px 0}.recharts-wrapper,.recharts-surface{max-width:100%}.recharts-wrapper text{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.recharts-cartesian-axis-tick-value,.recharts-legend-item-text{fill:var(--chart-axis);color:var(--chart-axis)!important}.recharts-default-tooltip{color:var(--text)!important}.silo-baseline-panel{margin-top:14px}.silo-graphic-grid{grid-template-columns:repeat(6,minmax(110px,1fr));gap:14px;margin-top:14px;display:grid}.silo-card{border:1px solid var(--border);background:var(--surface-2);min-height:260px;color:var(--text);text-align:center;border-radius:8px;justify-items:center;gap:10px;padding:14px 10px;display:grid}.silo-card strong{font-size:1rem}.silo-card p,.silo-card small{color:var(--muted);margin:0;font-weight:800}.silo-tank{border:3px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 82%, transparent), var(--surface-2));width:74px;height:154px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 8%, transparent);border-radius:28px 28px 10px 10px;align-items:flex-end;display:flex;position:relative;overflow:hidden}.silo-card.large-silo{min-height:302px}.silo-card.large-silo .silo-tank{width:92px;height:196px}.silo-tank:before{content:"";border:3px solid var(--border);background:var(--surface);border-bottom:0;border-radius:50% 50% 0 0;height:10px;position:absolute;top:-3px;left:10px;right:10px}.silo-fill{background:radial-gradient(circle at 16px 12px, #ffffff47 0 2px, transparent 3px), linear-gradient(180deg, var(--corn), var(--corn-dark));min-height:3px;position:absolute;bottom:0;left:0;right:0}.silo-tank span{z-index:1;width:100%;color:var(--text);text-shadow:0 1px 2px color-mix(in srgb, var(--surface) 70%, transparent);padding:4px;font-weight:800;position:relative}.settings-panel h3{margin-bottom:14px}.inline-fields .field{flex:220px}.toggle-row{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:56px;margin-top:14px;padding:0 14px;font-weight:800;display:flex}.toggle-row input,td input[type=checkbox]{width:26px;min-height:26px}.conversion-add{margin-bottom:14px}.backend-note{color:var(--amber);background:var(--amber-bg);border-radius:8px;margin-top:14px;padding:12px;font-weight:800}.summary-list{grid-template-columns:1fr auto;gap:12px;display:grid}.summary-list span{color:var(--muted)}.summary-list strong{color:var(--text)}.modal-backdrop{z-index:50;background:#09110e94;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--border);background:var(--surface);width:min(100%,520px);box-shadow:var(--shadow);border-radius:8px;padding:24px;position:relative}.modal-panel h2{margin:0 42px 10px 0}.modal-panel p{color:var(--muted)}.photo-modal{width:min(100%,860px);max-height:90vh;overflow:auto}.photo-meta{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;grid-template-columns:max-content minmax(0,1fr);gap:8px 12px;margin:10px 0 14px;padding:12px;display:grid}.photo-meta span{color:var(--muted);font-weight:800}.photo-meta strong{min-width:0;color:var(--text);overflow-wrap:anywhere}.photo-full{border:1px solid var(--border);background:var(--surface-2);object-fit:contain;border-radius:8px;width:100%;max-height:62vh}.photo-modal .small-note{align-items:center;gap:8px;margin:12px 0 0;display:flex}.modal-close{position:absolute;top:14px;right:14px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}@media (width<=920px){.app-header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:flex-start;width:100%}.home-actions,.two-action-grid,.chart-grid,.table-grid,.settings-grid,.report-layout,.operator-form,.sample-point-grid,.decision-buttons{grid-template-columns:1fr}.summary-grid,.dashboard-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.single-kpi-grid,.period-performance-grid,.compact-status-grid,.movement-details,.inventory-summary-grid,.inventory-card-grid,.inventory-main-actions{grid-template-columns:1fr}.silo-graphic-grid{grid-template-columns:repeat(3,minmax(110px,1fr))}}@media (width<=560px){.page-grid,.pending-panel{width:min(100% - 20px,1180px)}.access-panel,.section-heading,.status-hero,.settings-panel,.chart-panel,.data-panel,.pending-panel{padding:14px}.home-card,.big-action{min-height:128px;padding:16px}.home-card strong,.big-action strong{font-size:1.2rem}.summary-grid,.dashboard-card-grid{grid-template-columns:1fr}.info-row{grid-template-columns:1fr;gap:4px}.receiving-breakdown-row{grid-template-columns:1fr}.movement-flow{grid-template-columns:1fr;gap:6px}.movement-node{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:54px}.movement-node strong{font-size:1.2rem}.movement-operator{min-height:18px;font-size:1.25rem}.desktop-review-table{display:none}.mobile-record-list{gap:10px;display:grid}.dashboard-section{margin-top:20px}.dashboard-section-header{flex-direction:column;align-items:flex-start}.dashboard-tabs button{flex:100%}.silo-graphic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.percentage-buttons{grid-template-columns:repeat(5,minmax(44px,1fr))}.sample-matrix{grid-template-columns:minmax(58px,.64fr) repeat(3,minmax(0,1fr))}.sample-matrix-panel.single-edit .sample-matrix{grid-template-columns:minmax(74px,.64fr) minmax(0,1fr)}.matrix-corner,.matrix-column-header,.matrix-row-label,.matrix-cell{padding:6px}.matrix-column-header,.matrix-row-label{font-size:.78rem}.matrix-label-full{display:none}.matrix-label-short{display:inline}.matrix-unit{font-size:.72rem}.matrix-cell input{min-height:40px;padding:6px;font-size:.9rem}.conversion-warning{font-size:.72rem}.silo-card{min-height:232px}.draft-item,.status-hero{flex-direction:column;align-items:stretch}.draft-chip-row{flex-wrap:wrap;justify-content:flex-start}.photo-preview-row,.photo-meta{grid-template-columns:1fr}.button-row,.sticky-actions{flex-direction:column}.sticky-actions .button,.modal-actions .button,.button-row .button{width:100%}}