@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.page-wrapper{padding:var(--space-10) var(--space-10);flex:1;overflow-y:auto}.page-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:-.02em;margin:0 0 var(--space-1)}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-8)}*,:before,:after{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{width:100%;height:100vh}h1,h2,h3{font-family:var(--font-sans);margin:0}p{margin:0}@keyframes blink-warn{0%,to{box-shadow:0 0 0 2px #ef4444}50%{box-shadow:none}}.sample-orders-page{width:100%;max-width:none}.sample-orders-content{width:100%;max-width:1180px;margin:0 auto}.sample-orders-page form{gap:var(--space-4);display:grid}.sample-card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-primary);box-shadow:var(--shadow-xs)}.sample-card h2{margin-bottom:var(--space-4);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.sample-grid{gap:var(--space-4);margin-top:var(--space-4);display:grid}.sample-grid:first-of-type{margin-top:0}.sample-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.sample-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.sample-orders-page label{gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);display:grid}.sample-field-hint{color:var(--text-muted);font-weight:var(--font-normal)}.sample-orders-page input,.sample-orders-page select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;min-height:40px;color:var(--text-primary);font:inherit;font-size:var(--text-sm);font-weight:var(--font-normal);outline:none;padding:8px 11px}.sample-orders-page input:focus,.sample-orders-page select:focus{border-color:var(--text-muted);box-shadow:0 0 0 3px color-mix(in srgb, var(--text-muted) 18%, transparent)}.sample-orders-page input[aria-invalid=true]{border-color:#b91c1c}.sample-section-heading,.sample-actions{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.sample-section-heading h2{margin-bottom:var(--space-1)}.sample-section-heading p,.sample-actions>span{color:var(--text-secondary);font-size:var(--text-xs)}.sample-sheet{margin-top:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.sample-sheet-row{background:var(--bg-primary);grid-template-columns:44px minmax(220px,1fr) 120px 80px;align-items:start;display:grid}.sample-sheet-row+.sample-sheet-row{border-top:1px solid var(--border)}.sample-sheet-header{background:var(--bg-secondary);min-height:34px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);align-items:center}.sample-sheet-header span{padding:0 10px}.sample-sheet-row label{display:block}.sample-sheet-row input{border:0;border-left:1px solid var(--border);min-height:42px;box-shadow:none;border-radius:0}.sample-sheet-row input:focus{z-index:1;position:relative;box-shadow:inset 0 0 0 2px #5c7a5c}.sample-sheet-row input[type=number]{border-right:1px solid var(--border)}.sample-sheet-row input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.sample-sheet-row input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.sample-sheet-row input[type=number]{appearance:textfield}.sample-row-number{color:var(--text-muted);font-size:var(--text-xs);text-align:center;padding-top:13px}.sample-sku--checking{background:#fffbeb!important}.sample-sku--valid{color:#166534!important;background:#f0fdf4!important}.sample-sku--invalid{color:#991b1b!important;background:#fef2f2!important}.sample-field-error{color:#b91c1c;font-size:11px;font-weight:var(--font-normal)}.sample-button,.sample-icon-button{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-weight:var(--font-semibold);border:0}.sample-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;font-size:var(--text-sm);padding:9px 14px;display:inline-flex}.sample-button span,.sample-icon-button span{font-family:Material Symbols Outlined;font-size:18px;font-weight:var(--font-normal)}.sample-button--primary{color:#fff;background:#5c7a5c}.sample-button--secondary{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary)}.sample-action-buttons{gap:var(--space-2);display:flex}.sample-action-buttons a{text-decoration:none}.sample-section-footer{margin-top:var(--space-3);justify-content:flex-end;display:flex}.sample-clear-link{color:var(--text-secondary);cursor:pointer;font:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);background:0 0;border:0;padding:0;text-decoration:underline}.sample-clear-link:hover{color:var(--text-primary)}.sample-icon-button{width:40px;height:40px;color:var(--text-secondary);background:0 0}.sample-row-actions{justify-content:center;align-items:center;display:flex}.sample-icon-button:disabled,.sample-button:disabled{cursor:not-allowed;opacity:.45}.sample-form-error{border-radius:var(--radius-md);color:#991b1b;font-size:var(--text-sm);background:#fef2f2;border:1px solid #fca5a5;padding:10px 14px}.sample-failsafe{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-secondary);display:flex}.sample-failsafe strong{color:var(--text-primary);font-size:var(--text-sm)}.sample-failsafe p,.sample-failsafe>div>span{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.5}.sample-failsafe a,.sample-link-button{color:var(--text-secondary);font:inherit;font-weight:var(--font-semibold);text-decoration:underline}.sample-link-button{cursor:pointer;background:0 0;border:0;padding:0}.sample-mobile-label{display:none}@media (width<=900px){.sample-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-sheet-row{grid-template-columns:40px minmax(180px,1fr) 100px 80px}}@media (width<=640px){.sample-orders-page{padding:var(--space-5)}.sample-grid--two,.sample-grid--three,.sample-grid--four{grid-template-columns:1fr}.sample-sheet{overflow-x:auto}.sample-sheet-row{min-width:520px}.sample-actions,.sample-failsafe{flex-direction:column;align-items:stretch}.sample-action-buttons{flex-direction:column}}