:root{font-family:Roboto,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1a1a1a;background-color:#f5f6f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#2563eb;text-decoration:inherit}a:hover{color:#1d4ed8}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{flex:1;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:border-box}:root{--bg: #f5f6f8;--s1: #ffffff;--s2: #f0f1f4;--bd: #e0e2e8;--tx: #1a1a1a;--tm: #6b7280;--td: #9ca3af;--ac: #2563eb;--gn: #16a34a;--rd: #dc2626;--og: #ea580c;--yl: #ca8a04;--pp: #7c3aed;--app-max: 1600px;--header-h: 56px;--radius: 10px;--radius-sm: 6px}.app-root{min-height:100vh;background:var(--bg);color:var(--tx);font-family:Roboto,system-ui,sans-serif;overflow-x:hidden}.app-header{background:var(--s1);border-bottom:1px solid var(--bd);padding:10px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;box-shadow:0 1px 3px #0000000a}.app-main{padding:16px 24px;max-width:var(--app-max);margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden}.recording-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}.recording-view-grid .recording-form-panel{min-height:440px;display:flex;flex-direction:column}.recording-view-grid .recording-form-panel .recording-form-body{flex:1;min-height:0;display:flex;flex-direction:column}.recording-view-grid .recording-form-panel .recording-form-table-wrap{flex:1;min-height:280px;display:flex;flex-direction:column;min-width:0}.recording-view-grid .recording-table-wrap{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;max-height:280px}.recording-view-grid .recording-records-panel .recording-table-wrap{max-height:200px}.recording-view-grid .recording-records-panel{min-height:240px;display:flex;flex-direction:column}.recording-view-grid .recording-packaging-row-highlight{box-shadow:inset 3px 0 0 var(--ac)}.recording-view-grid .recording-records-panel .recording-records-body{flex:1;min-height:160px;display:flex;flex-direction:column;min-width:0}.panel{background:var(--s1);border:1px solid var(--bd);border-radius:var(--radius);padding:14px;box-shadow:0 1px 2px #00000008;min-width:0}.panel-title{font-size:13px;font-weight:600;margin-bottom:10px;color:var(--tx)}.dashboard{display:grid;gap:14px;margin-bottom:14px;min-width:0;overflow-x:hidden}.dashboard-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:14px;text-align:center}.dashboard-overview-item .label{font-size:10px;color:var(--tm);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.dashboard-overview-item .value{font-size:20px;font-weight:700;margin-top:4px}.dashboard-priority-block{cursor:pointer}.dashboard-packaging-grid-wrap{background:var(--s1);border:1px solid var(--bd);border-radius:6px;padding:6px;margin-bottom:0}.dashboard-packaging-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.dashboard-packaging-tile{background:var(--s2);border:1px solid var(--bd);border-radius:6px;padding:8px 10px;min-height:64px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;justify-content:space-between}.dashboard-packaging-tile:hover{border-color:var(--ac);box-shadow:0 1px 3px #0000000f}.dashboard-packaging-tile-product{font-size:10px;font-weight:600;color:var(--tx);line-height:1.2;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-packaging-tile-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:2px}.dashboard-packaging-tile-qty{font-size:9px;color:var(--tm)}.dashboard-packaging-tile-date{font-size:9px;color:var(--td)}.dashboard-packaging-tile-more{display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--tm);font-weight:500;min-height:64px}.dashboard-packaging-empty{font-size:10px;color:var(--td);text-align:center;padding:6px}.search-select-dropdown{z-index:1000}.dashboard-section-title{font-size:11px;font-weight:700;color:var(--tm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.dashboard-families{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.dashboard-family-card{background:var(--s2);border-radius:8px;padding:10px;border:1px solid var(--bd)}.dashboard-family-card .family-name{margin-bottom:4px}.dashboard-family-card .family-meta{font-size:10px;color:var(--tm)}.dashboard-family-card .family-bar{height:4px;border-radius:2px;background:var(--bd);margin-top:4px;overflow:hidden}.dashboard-family-card .family-bar-fill{height:100%;border-radius:2px;transition:width .2s}.dashboard-family-card .family-machines{font-size:9px;color:var(--td);margin-top:3px}.dashboard-family-card .family-behind{font-size:10px;margin-top:4px}.dashboard-attention{margin-top:12px;padding-top:12px;border-top:1px solid var(--bd);min-width:0;overflow:hidden}.dashboard-attention-title{font-size:14px;font-weight:700;color:var(--tx);letter-spacing:.01em;margin-bottom:6px}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:100;background:var(--ac);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00000026;font-family:Roboto,system-ui,sans-serif;transition:opacity .2s,transform .2s}.back-to-top:hover{opacity:.85;transform:translateY(-2px)}.dashboard-attention-subtitle{font-size:10px;color:var(--td);margin-bottom:8px}.dashboard-attention-list{display:flex;flex-direction:column;gap:6px}.dashboard-attention-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ea580c0f;border:1px solid rgba(234,88,12,.15);border-radius:6px;font-size:12px;color:var(--tx)}.dashboard-attention-item .product{font-weight:500}.safety-stock-carousel-wrap{display:flex;align-items:flex-start;gap:8px;width:100%;min-width:0;overflow:hidden}.safety-carousel-arrow{flex-shrink:0;width:48px;height:48px;border:1px solid var(--bd);background:var(--s1);border-radius:50%;font-size:30px;line-height:1;color:var(--tx);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000014;transition:background .15s,color .15s;align-self:center}.safety-carousel-arrow:hover{background:var(--s2);color:var(--ac)}.safety-stock-carousel{flex:1 1 0;min-width:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:12px;overflow-x:auto;overflow-y:hidden;padding:10px 0 12px;scroll-snap-type:x mandatory;scroll-padding-inline-start:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.safety-stock-carousel::-webkit-scrollbar{display:none}.safety-stock-card{flex:0 0 172px;min-width:172px;scroll-snap-align:start;scroll-snap-stop:always;background:var(--s1);border:2px solid var(--bd);border-radius:var(--radius);padding:12px 14px;transition:box-shadow .15s}.safety-stock-card:hover{box-shadow:0 2px 10px #00000014}.safety-stock-card-low{border-color:var(--rd);background:#dc26260a}.badge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700}.btn{padding:7px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;border:none;transition:opacity .15s;font-family:Roboto,system-ui,sans-serif}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:hover:not(:disabled){opacity:.85}.btn-primary{background:var(--ac);color:#fff}.btn-secondary{background:transparent;color:var(--tm);border:1px solid var(--bd)}.btn-sm{padding:3px 8px;font-size:11px}.btn-danger{background:#fef2f2;color:var(--rd);border:1px solid rgba(220,38,38,.2)}.btn-delete{background:var(--rd)!important;color:#fff!important;border:none!important}.btn-success{background:#f0fdf4;color:var(--gn);border:1px solid rgba(22,163,74,.2)}.btn-tooltip{position:relative}.btn-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:4px;padding:4px 8px;background:#1f2937;color:#fff;font-size:11px;font-weight:500;white-space:nowrap;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .1s ease .1s;z-index:50}.btn-tooltip:hover:after{opacity:1}.input,.input-num,select.input{background:var(--s1);color:var(--tx);border:1px solid var(--bd);border-radius:var(--radius-sm);padding:7px 10px;font-size:13px;outline:none;font-family:Roboto,system-ui,sans-serif}.input,.input-num,select.input{box-sizing:border-box}.input:focus,select.input:focus{border-color:var(--ac);box-shadow:0 0 0 2px #2563eb1a}.input-num{width:70px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image: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='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px;padding-right:34px}.tabs{display:flex;background:var(--s1);border-radius:var(--radius);border:1px solid var(--bd);margin-bottom:16px;overflow:hidden}.tabs button{flex:1;padding:9px 10px;border:none;border-right:1px solid var(--bd);cursor:pointer;font-size:12px;font-weight:500;background:transparent;color:var(--tm);font-family:Roboto,system-ui,sans-serif;border-radius:0;transition:background .15s,color .15s}.tabs button:last-child{border-right:none}.tabs button:hover:not(.active){background:var(--s2)}.tabs button.active{background:var(--ac);color:#fff;font-weight:600}.progress-wrap{display:flex;align-items:center;gap:6px}.progress-track{width:50px;height:5px;border-radius:3px;background:var(--s2);overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .2s}.progress-pct{font-size:10px;color:var(--tm)}.toggle{width:34px;height:18px;border-radius:9px;position:relative;cursor:pointer;flex-shrink:0;transition:background .15s}.toggle.on{background:var(--gn)}.toggle.off{background:var(--bd)}.toggle-knob{width:14px;height:14px;border-radius:7px;background:#fff;position:absolute;top:2px;transition:left .15s;box-shadow:0 1px 2px #0000001a}.toggle.on .toggle-knob{left:18px}.toggle.off .toggle-knob{left:2px}.schedule-gen{margin-bottom:14px}.schedule-gen .row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.schedule-gen label{display:block;font-size:10px;color:var(--tm);margin-bottom:3px;font-weight:500}.schedule-by-date{display:flex;flex-direction:column;gap:20px}.schedule-day{background:var(--s1);border:1px solid var(--bd);border-radius:var(--radius);padding:14px;overflow:hidden}.schedule-day-header{font-size:14px;font-weight:700;color:var(--tx);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--bd)}.schedule-shifts{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.schedule-shift-col{min-width:0}.schedule-shift-col h4{font-size:11px;font-weight:700;color:var(--tm);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;padding:4px 0}.schedule-shift-col.s1 h4{color:var(--ac)}.schedule-shift-col.s2 h4{color:var(--pp)}.schedule-table-wrap{overflow-x:hidden;max-height:380px;overflow-y:auto}.schedule-table{width:100%;border-collapse:collapse;font-size:12px}.schedule-table.schedule-table--fit{table-layout:fixed;font-size:10px}.schedule-table.schedule-table--fit th{white-space:normal;line-height:1.2;padding:4px 2px;font-size:8px;letter-spacing:.02em;word-break:break-word}.schedule-table.schedule-table--fit td{padding:3px 2px;font-size:10px;vertical-align:middle;overflow:hidden;word-wrap:break-word}.schedule-table.schedule-table--fit td:nth-child(4){word-break:break-word}.schedule-table th{padding:7px 6px;text-align:left;color:var(--tm);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:2px solid var(--bd);position:sticky;top:0;background:var(--s1);z-index:1}.schedule-table td{padding:6px;border-bottom:1px solid var(--bd);color:var(--tx);vertical-align:middle}.schedule-table tbody tr:hover{background:var(--s2)}.schedule-print-pages{position:absolute;left:-9999px;top:0;width:210mm;visibility:hidden;pointer-events:none}@media print{html,body{overflow:visible!important;height:auto!important}.no-print,.app-root .app-header{display:none!important}.app-root .app-main>.panel.dashboard{display:none!important}.app-root .app-main>.tabs{display:none!important}.app-root .app-main>*:not(.schedule-print-zone){display:none!important}.app-root .app-main .schedule-print-zone{display:block!important;width:100%;overflow:visible!important}.app-root .app-main .schedule-panel{overflow:visible!important}.schedule-screen-only{display:none!important}.schedule-print-pages{position:static!important;left:auto!important;width:100%!important;visibility:visible!important;pointer-events:auto!important}.schedule-print-page{page-break-after:always;break-inside:avoid}.schedule-print-page:last-child{page-break-after:auto}.schedule-print-page-header{font-size:16px;font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--bd)}.schedule-print-date{margin-right:12px}.schedule-print-shift{color:var(--ac)}.schedule-print-table-wrap,.schedule-table-wrap{max-height:none;overflow:visible}}.schedule-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap}.schedule-filters-right{display:flex;align-items:center;gap:10px}.schedule-print-btn{flex-shrink:0}.schedule-filters select{font-size:11px;min-width:120px}.table-th{padding:7px 5px;text-align:left;color:var(--tm);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.machines-cat{margin-bottom:16px}.machines-cat-title{font-size:11px;font-weight:700;color:var(--ac);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;display:flex;justify-content:space-between}.machines-grid{display:grid;grid-template-columns:repeat(auto-fill,260px);gap:8px;align-items:start}.machine-card{display:flex;flex-direction:column;align-items:stretch;width:260px;min-height:108px;box-sizing:border-box;border-radius:8px;padding:6px 8px;border:1px solid}.machine-card-body{display:flex;flex-direction:column;min-height:0;height:100%}.machine-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.machine-card-controls{margin-top:6px;flex:0 0 auto;display:flex;flex-direction:column;min-height:32px}.machine-card-controls-placeholder{visibility:hidden}.machine-card-reason-one-row{display:flex;flex-wrap:nowrap;gap:6px;align-items:stretch;min-height:30px}.machine-card-reason-one-row>*{min-width:0}.machine-card-saved-at{margin-top:6px;font-size:9px;color:var(--tm);border-top:1px solid rgba(0,0,0,.06);padding-top:4px}.machine-card.on{background:#f0fdf4;border-color:#16a34a33}.machine-card.off{background:#fef2f2;border-color:#dc262633}.machine-card .name{font-size:12px;font-weight:600;color:var(--tx)}.machine-card .fam{font-size:10px;color:var(--tm)}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 900px){.record-grid,.schedule-shifts{grid-template-columns:1fr}}.analytics-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}@media (max-width: 900px){.analytics-cards{grid-template-columns:repeat(2,1fr)}}.analytics-card{background:var(--s1);border:1px solid var(--bd);border-radius:var(--radius);padding:14px;text-align:center}.analytics-card .label{font-size:10px;color:var(--tm);font-weight:500}.analytics-card .value{font-size:20px;font-weight:700;margin-top:4px}#root{max-width:none;margin:0;padding:0;text-align:left;min-height:100vh}body{margin:0;min-width:320px;min-height:100vh;place-items:stretch;background:var(--bg)}