@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{color:#24302d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4efe6;font-family:Poppins,Aptos,Trebuchet MS,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#21312e;font-family:Poppins,Aptos,Trebuchet MS,sans-serif;font-weight:600;line-height:1.05}#root{min-height:100vh}:root{--bg:#f6f4f0;--paper:#ffffffe6;--paper-strong:#fff;--ink:#24302d;--muted:#6b756f;--heading:#21312e;--line:#16211d1a;--brand-red:#e30613;--brand-green:#284646;--accent:#284646;--accent-soft:#28464614;--danger:#b03f1a;--shadow:0 14px 34px #42352012;--brand-ribbon:#284646}.shipment-app{min-height:100vh;color:var(--ink);background:#f6f4f0;padding:16px 16px 34px}.app-header,.control-card,.surface,.footer-card,.generated-document,.product-tile,.pack-card,.box-row{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}.app-header,.control-card,.surface,.footer-card,.generated-document,.generated-document{border-radius:16px;min-width:0}.app-header,.control-card,.surface,.footer-card,.generated-document,.pack-card,.box-row{padding:18px}.app-header{gap:14px;display:grid;position:relative;overflow:hidden}.app-header:before,.control-card:before,.surface:before,.footer-card:before,.generated-document:before,.pack-card:before{content:"";background:var(--brand-ribbon);height:2px;position:absolute;inset:0 0 auto}.control-card,.surface,.footer-card,.generated-document,.pack-card{position:relative}.eyebrow,.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:.8rem;font-weight:700}.app-header h1,.surface h2,.generated-document h2,.footer-card h2,.pack-card h3,.document-section h3{letter-spacing:-.04em;color:var(--heading);margin:0;font-family:Poppins,Aptos,Trebuchet MS,sans-serif;font-weight:600}.app-header h1{font-size:clamp(2.45rem,8vw,4rem);line-height:.94}.header-stats,.pill-row,.decision-row,.total-chips{flex-wrap:wrap;gap:8px;display:flex}.header-stats span,.surface-chip,.total-chip{color:var(--heading);background:#ffffffeb;border:1px solid #2846461f;border-radius:16px;align-items:center;padding:8px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.control-strip,.workspace,.footer-strip,.workspace-column,.stack,.mixed-workspace,.product-grid{gap:12px;margin-top:12px;display:grid}.footer-strip{gap:16px}.workspace-column{align-content:start;min-width:0;margin-top:0}.mixed-workspace{gap:16px;min-width:0;margin-top:0}.control-card,.generated-document,.surface,.footer-card,.pack-card{overflow:hidden}.surface,.control-card,.footer-card{gap:14px;display:grid}.pill,.select-pill,.decision-button{border:1px solid var(--line);background:var(--paper-strong);min-height:46px;color:var(--ink);font:inherit;cursor:pointer;border-radius:16px;justify-content:center;align-items:center;padding:0 16px;font-weight:700;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:inline-flex;position:relative}.pill input{opacity:0;pointer-events:none;position:absolute;inset:0}.pill.is-active,.select-pill.is-active,.decision-button.is-active{background:var(--accent);color:#f9f4ea;border-color:#28464642;transform:translateY(-1px);box-shadow:0 8px 16px #2846461f}.pill.is-disabled,.decision-button:disabled{opacity:.45;cursor:not-allowed}.decision-button{min-width:96px}.surface-head,.pack-card-head,.generated-document-head,.box-row-head,.entry-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.box-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.surface-head,.pack-card-head{flex-wrap:wrap;gap:14px}.surface h2,.generated-document h2,.footer-card h2{font-size:1.5rem}.empty-panel,.surface.is-muted{min-height:120px;color:var(--muted);text-align:center;background:#ffffff61;border:1px dashed #28464624;border-radius:18px;place-items:center;display:grid}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-tile{text-align:left;color:#000;cursor:pointer;border-radius:18px;gap:6px;width:100%;padding:16px;display:grid}.product-tile strong{font-size:1rem}.product-tile span{color:var(--muted);font-size:.88rem}.product-tile.is-active{background:#2846460f;border-color:#2846462e}.upload-target-grid,.upload-target,.comment-field{gap:8px;display:grid}.upload-target-grid{gap:12px}.upload-target{color:var(--accent);cursor:pointer;background:#2846460a;border:1px dashed #28464638;border-radius:18px;padding:18px;font-weight:800;position:relative}.upload-target small{color:var(--muted);font-size:.86rem;font-weight:700}.upload-target.is-disabled{opacity:.48;cursor:not-allowed}.upload-target input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-row{background:#ffffff9e;border:1px solid #2846461f;border-radius:16px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.photo-row span{overflow-wrap:anywhere;font-weight:700}.photo-row strong{color:var(--accent);text-transform:uppercase;font-size:.82rem}.photo-row.is-invalid{background:#e606130d;border-color:#e606132e}.photo-row.is-invalid strong{color:var(--danger)}.comment-field span{color:var(--muted);font-size:.9rem;font-weight:800}.comment-field input,.comment-field textarea{width:100%;color:var(--ink);font:inherit;background:#fffdfa;border:1px solid #1f241f29;border-radius:14px;padding:12px 14px}.comment-field input:focus,.comment-field textarea:focus,.comment-field input.is-invalid,.comment-field textarea.is-invalid{outline:none}.comment-field input.is-invalid,.comment-field textarea.is-invalid{background:#b03f1a0a;border-color:#b03f1a47}.comment-field input{min-height:48px}.comment-field textarea{resize:vertical;min-height:88px}.primary-button,.secondary-button,.text-button{color:var(--accent);font:inherit;background:0 0;border:none;font-weight:700}.primary-button{background:var(--accent);color:#f8f3ea;border-radius:14px;padding:12px 16px;box-shadow:0 10px 16px #2846461f}.secondary-button{background:#2846460d;border:1px solid #2846462e;border-radius:14px;padding:12px 16px}.primary-button:disabled,.secondary-button:disabled{opacity:.42}.text-button.is-danger{color:var(--danger)}.pack-card,.box-row{background:#ffffffc2;border-radius:18px;min-width:0}.pack-card{gap:14px;display:grid}.pack-card-head h3{font-size:1.25rem}.box-row,.entry-row{gap:10px;display:grid}.box-row{gap:14px;scroll-margin-top:24px}.entry-stack{background:#ffffff5c;border:1px solid #28464614;border-radius:16px;gap:10px;padding:12px;display:grid}.box-row-head,.entry-row span{color:var(--muted);overflow-wrap:anywhere;font-size:.92rem;font-weight:700}.box-row input,.entry-row input{width:100%;min-height:48px;color:var(--ink);font:inherit;box-sizing:border-box;background:#fffdfa;border:1px solid #1f241f29;border-radius:14px;min-width:0;padding:0 14px}.measure-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.traceability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.measure-grid label,.traceability-grid label,.box-duplicate-control{gap:6px;min-width:0;display:grid}.measure-grid span,.traceability-grid span,.box-duplicate-control span{color:var(--muted);font-size:.8rem;font-weight:800}.box-action-row{justify-content:space-between;align-items:end;gap:14px;display:flex}.pack-card-footer{justify-content:flex-end;margin-top:2px;display:flex}.box-duplicate-control{flex:1;max-width:120px}.box-duplicate-control input{width:100%;min-height:44px;color:var(--ink);font:inherit;box-sizing:border-box;background:#fffdfa;border:1px solid #1f241f29;border-radius:14px;min-width:0;padding:0 12px}.traceability-grid input[type=date]{width:100%;min-width:0;max-width:100%}.shipment-details-grid{gap:12px;display:grid}.field-note{color:var(--muted);margin:0;font-size:.74rem;font-weight:400}.field-note.is-error{color:var(--danger)}.box-subtle-meta{color:var(--muted);margin-top:2px;font-size:.8rem;font-weight:600;display:block}.footer-copy{color:var(--muted);margin:0}.generated-document,.generated-document{background:linear-gradient(180deg, #fffffffa, #f8f4edfa), var(--paper-strong);border-radius:24px;gap:18px;margin-top:12px;display:grid;box-shadow:0 18px 40px #42352014,inset 0 1px #ffffffd6}.generated-document-head{border-bottom:1px solid var(--line);flex-wrap:wrap;padding-bottom:14px}.generated-document-branding{align-items:center;gap:14px;min-width:0;display:flex}.generated-document-mark{border-radius:22px;flex:none;justify-content:center;align-items:center;min-width:100px;min-height:100px;padding:10px;display:inline-flex;box-shadow:inset 0 0 0 1px #f8f3ea2e}.generated-document-mark img{object-fit:contain;width:100%;max-width:100px;height:auto;display:block}.generated-document-mark-logo{filter:grayscale()brightness(0)}.generated-document-subtitle{color:var(--muted);margin:6px 0 0;font-size:.9rem;line-height:1.5}.generated-document-badge{background:#2846460d;border:1px solid #28464624;border-radius:16px;justify-items:end;gap:4px;padding:12px 14px;display:grid}.generated-document-badge strong{color:var(--heading);letter-spacing:.08em;font-size:.96rem}.generated-document-badge span{color:var(--muted);font-size:.82rem;font-weight:700}.document-identity{gap:12px;display:grid}.generated-document-actions{justify-content:flex-end;margin-top:4px;display:flex}.generated-document-head>strong,.generated-document-actions>strong{background:var(--accent);color:#f8f3ea;border-radius:14px;padding:10px 14px;font-size:.95rem}.document-summary,.document-totals,.document-box-list{gap:10px;display:grid}.document-summary{margin:0}.document-identity .document-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.document-summary div,.document-totals article,.document-box,.artifact-grid article,.artifact-photo-list article{background:#ffffffc7;border:1px solid #1f241f1a;border-radius:16px}.document-summary div,.document-totals article,.artifact-grid article,.artifact-photo-list article{padding:14px}.document-summary dt,.document-summary dd{margin:0}.document-summary dt,.document-totals small,.document-box-head span{color:var(--muted);text-transform:uppercase;font-size:.84rem;font-weight:800}.document-summary dd,.document-totals strong{color:var(--accent);margin-top:4px;font-size:.84rem;font-weight:700}.document-section{gap:10px;display:grid}.document-section h3{font-size:1.12rem}.document-ledger{-webkit-overflow-scrolling:touch;background:#fffc;border:1px solid #1f241f1a;border-radius:18px;overflow:auto hidden}.document-ledger table{border-collapse:collapse;table-layout:fixed;width:100%}.document-ledger-title-row th{background:linear-gradient(135deg,#2846461c,#2846460a);padding:0}.document-ledger-title-row th div{justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px;display:flex}.document-ledger-title-row strong{color:var(--heading);letter-spacing:.08em;text-transform:uppercase;font-size:.92rem}.document-ledger-title-row span{color:var(--muted);font-size:.82rem;font-weight:700}.document-ledger th,.document-ledger td{vertical-align:top;text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #1f241f14;padding:12px 14px}.document-ledger thead th{color:var(--heading);letter-spacing:.08em;text-transform:uppercase;background:#2846460d;font-size:.76rem;font-weight:800}.document-ledger tbody td:last-child,.document-ledger tfoot th,.document-ledger tfoot td{font-weight:700}.document-ledger tbody tr.is-replica td{background:#28464606}.document-ledger tfoot th,.document-ledger tfoot td{background:#2846460a;border-bottom:none}.document-ledger tfoot th{color:var(--heading)}.document-ledger tfoot td{color:var(--accent)}.document-ledger tbody td:first-child strong{display:block}.document-box-kind{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:.72rem;font-weight:800;display:block}.document-box{overflow:hidden}.document-box-head{background:#2846460d;border-bottom:1px solid #28464614;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.document-box-head>div{gap:4px;display:grid}.document-box-meta{text-align:right;gap:4px;display:grid}.document-box-meta span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.document-box-meta strong{color:var(--ink);font-size:.85rem}.document-box ul{gap:8px;margin:0;padding:12px 14px 14px;list-style:none;display:grid}.document-box li{justify-content:space-between;align-items:center;gap:12px;display:flex}.document-content-label{gap:3px;display:grid}.document-content-label span{overflow-wrap:anywhere}.document-content-label small{color:var(--muted);font-size:.78rem;font-weight:700}.document-totals article{gap:2px;display:grid}.document-totals span{font-weight:800}.document-comment{color:var(--ink);background:#2846460d;border-radius:16px;margin:0;padding:14px}.success-overlay,.warning-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1318136b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.success-dialog,.warning-dialog{background:var(--paper-strong);border:1px solid #28464629;border-radius:22px;gap:14px;width:min(100%,520px);padding:22px;display:grid;box-shadow:0 24px 64px #13181347}.success-badge,.warning-badge{color:#1f6c48;letter-spacing:.18em;text-transform:uppercase;background:#186d461f;border-radius:999px;align-self:start;margin:0;padding:6px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.success-dialog h2,.warning-dialog h2{letter-spacing:-.04em;margin:0;font-family:Poppins,Aptos,Trebuchet MS,sans-serif;font-size:1.45rem}.success-copy,.warning-copy{color:var(--muted);margin:0;line-height:1.6}.success-actions,.warning-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (width<=719px){.surface-head,.pack-card-head,.generated-document-head,.box-row-head,.entry-row,.box-row-actions,.box-action-row,.document-box-head,.document-box li{flex-direction:column;align-items:stretch}.box-row-actions{justify-content:stretch}.box-action-row{align-items:stretch}.pack-card-footer,.generated-document-actions{display:grid}.generated-document-actions .secondary-button,.pack-card-footer .text-button{text-align:center;width:100%}.measure-grid,.traceability-grid,.upload-target-grid,.product-grid,.document-summary,.document-totals,.shipment-details-grid{grid-template-columns:1fr}.traceability-grid input[type=date]{font-size:16px}.footer-strip{grid-template-columns:1fr}.generated-document-branding,.generated-document-badge,.generated-document-head,.document-ledger-title-row div{text-align:left;place-items:stretch start}.generated-document-mark{min-width:72px;min-height:72px}.document-identity .document-summary{grid-template-columns:1fr}.box-duplicate-control{max-width:none}.photo-row{grid-template-columns:1fr;justify-items:start}.warning-actions{grid-template-columns:1fr}.warning-actions .primary-button,.warning-actions .secondary-button{width:100%}}@media (width>=720px){.shipment-app{padding:22px 22px 40px}.control-strip,.footer-strip{grid-template-columns:1fr}.document-summary,.document-totals,.shipment-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.document-identity .document-summary,.upload-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:1fr;align-items:start}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1079px){.document-ledger table{min-width:920px}}@media (width>=1080px){.shipment-app{max-width:1220px;margin:0 auto;padding:26px 26px 56px}.app-header{grid-template-columns:1fr auto;align-items:end}.workspace{grid-template-columns:1fr;align-items:start}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}