/* Critical page styles loaded in to avoid layout flash on navbar clicks. */ .material-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px} .summary-card{display:block;border:1px solid var(--line);border-radius:20px;background:#fff;padding:18px;box-shadow:0 16px 40px rgba(11,102,152,.07)} .summary-card span{display:block;color:var(--muted);font-weight:850}.summary-card strong{display:block;margin-top:6px;color:var(--blue-dark);font-size:30px;line-height:1}.summary-card small{display:block;margin-top:6px;color:var(--orange);font-weight:850} .material-toolbar,.stock-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px}.search-input{height:46px;flex:1;min-width:260px}.filter-select{width:220px}.filter-select.small{width:170px} .quick-update{margin-bottom:18px}.fast-form{display:grid;grid-template-columns:minmax(360px,1fr) 220px;gap:12px;align-items:start}.fast-form .field{display:grid;gap:7px}.action-field,.movement-context{grid-column:1/-1} .action-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.action-pill{position:relative;display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--line);border-radius:14px;background:#fff;font-weight:950;color:var(--blue-dark);cursor:pointer} .action-pill input{position:absolute;opacity:0;pointer-events:none}.action-pill:has(input:checked){border-color:var(--orange);box-shadow:0 10px 24px rgba(255,130,23,.14)}.action-pill.take:has(input:checked){background:#fff7ed;color:#b54708}.action-pill.add:has(input:checked){background:#ecfdf3;border-color:#abefc6;color:#027a48} .movement-context{display:grid;grid-template-columns:1fr;gap:10px;padding:12px;border:1px dashed #cfe2ef;border-radius:16px;background:#f8fbfd}.raw-mode-add .movement-context{background:#f7fef9;border-color:#abefc6}.raw-mode-subtract .movement-context{background:#fffaf5;border-color:#ffd6a8} .context-title{display:grid;gap:3px}.context-title strong{color:var(--blue-dark);font-size:16px}.context-title span{color:var(--muted);font-size:12px}.spk-ref-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,.65fr);gap:8px} .fast-form .context-add,.fast-form .context-spk{display:none}.raw-mode-add .context-add,.raw-mode-subtract .context-spk{display:grid}.material-field{min-width:0}.multi-material-field{grid-column:1} .fast-row-head{display:grid;grid-template-columns:1.2fr .9fr .72fr .72fr 86px 82px 76px;gap:8px;color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase;padding:0 2px}.fast-row-head span:nth-child(n+5){text-align:center} .fast-material-rows{display:grid;gap:8px}.fast-material-row{display:grid;grid-template-columns:1.2fr .9fr .72fr .72fr 86px 82px 76px;gap:8px;align-items:center}.fast-material-row.simple-material{grid-template-columns:minmax(240px,1fr) 86px 82px 76px}.fast-material-row.simple-material .material-dimension{display:none} .material-search{position:relative}.material-name{height:46px;font-weight:850}.material-suggestions{display:none;position:absolute;z-index:25;left:0;right:0;top:calc(100% + 6px);max-height:230px;overflow:auto;border:1px solid #cfe2ef;border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(11,102,152,.16);padding:6px}.material-suggestions.open{display:grid} .material-suggestion{border:0;background:#fff;text-align:left;padding:10px 11px;border-radius:10px;font-weight:850;color:var(--blue-dark);cursor:pointer}.material-suggestion:hover,.material-suggestion.active{background:#eaf5fb} .stock-preview{height:46px;min-width:0;border:1px solid #d9eaf5;border-radius:14px;background:#fff;display:grid;align-content:center;justify-items:center;padding:4px 5px;text-align:center;overflow:hidden}.stock-preview span{font-size:8px;line-height:1;font-weight:950;color:var(--muted);text-transform:uppercase}.stock-preview strong{max-width:100%;font-size:11px;color:var(--blue-dark);line-height:1.05;white-space:normal;overflow-wrap:anywhere} .fast-qty{text-align:center;font-weight:950;height:46px}.add-fast-row{justify-self:start}.note-field{grid-column:2}.note-input{height:46px}.fast-submit{height:46px;align-self:end;grid-column:2} .material-groups,.product-groups{display:grid;gap:16px}.material-group,.product-group{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 18px 46px rgba(11,102,152,.07);overflow:hidden} .group-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 22px;background:linear-gradient(135deg,#f4fbff,#fff)}.group-head h2{margin:0;color:var(--blue-dark);font-size:22px}.group-head p{margin:5px 0 0;color:var(--muted)} .group-total{text-align:right}.group-total span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.group-total strong{display:block;color:var(--orange);font-size:30px;line-height:1}.group-total small{display:block;color:var(--muted);font-weight:850;margin-top:4px} .material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}.material-card{display:grid;gap:13px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:15px;scroll-margin-top:24px}.material-card:target{outline:3px solid rgba(255,130,23,.28);outline-offset:-3px;background:#fff7ef}.material-card.empty{background:#fffaf5} .material-info{display:grid;gap:4px}.material-info strong{color:var(--blue-dark);font-size:16px}.material-info span{color:var(--muted);font-size:12px;word-break:break-word} .stock-number{border:1px solid #d9eaf5;border-radius:16px;background:linear-gradient(135deg,#fff,#f7fcff);padding:12px}.stock-number span{display:block;color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase}.stock-number strong{display:block;color:var(--blue-dark);font-size:28px;line-height:1}.stock-number small{display:block;color:var(--orange);font-weight:850;margin-top:4px} .master-actions{display:flex;gap:8px;align-items:center}.master-actions form{margin:0}.master-actions .btn{flex:1;padding:9px 10px}.material-actions{display:grid;gap:8px}.material-action-panel{border:1px solid var(--line);border-radius:14px;background:#f8fbfd;overflow:hidden}.material-action-panel summary{list-style:none;cursor:pointer;padding:10px 12px;font-weight:950;color:var(--blue-dark)}.material-action-panel summary::-webkit-details-marker{display:none}.material-action-panel summary:after{content:"+";float:right;color:var(--orange);font-weight:950}.material-action-panel[open] summary:after{content:"-"}.material-action-panel.add-panel{background:#f7fef9;border-color:#abefc6}.material-action-panel.take-panel{background:#fffaf5;border-color:#ffd6a8} .material-adjust{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;border-top:1px solid rgba(0,0,0,.06);padding:10px}.material-adjust .stock-context,.material-adjust .select-shell.stock-context{grid-column:1/-1;width:100%;min-width:0}.material-adjust .btn{min-height:40px}.material-adjust .stock-add,.material-adjust .stock-subtract{grid-column:1/-1}.stock-input{text-align:center;font-weight:900;height:40px}.stock-context{height:40px;font-size:12px}.stock-add{background:#ecfdf3;border-color:#abefc6;color:#027a48;white-space:nowrap}.stock-subtract{background:#fff4e5;border-color:#ffd6a8;color:#b54708;white-space:nowrap} .section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.section-head h2{font-size:20px;margin:0;color:var(--blue-dark)}.section-head p{margin:4px 0 0;color:var(--muted)}.activity-card{margin-top:18px}.activity-list{display:grid;gap:10px}.activity-item{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.activity-item span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.activity-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.activity-meta em{font-style:normal;font-size:11px;font-weight:850;color:var(--blue-dark);background:#fff;border:1px solid #d9eaf5;border-radius:999px;padding:5px 8px}.activity-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap} .movement-label{display:inline-flex!important;margin:0 7px 0 0!important;border-radius:999px;padding:5px 8px;font-size:11px!important;font-weight:950;color:#344054;background:#eef4ff}.movement-label.movement-add{background:#ecfdf3;color:#027a48}.movement-label.movement-take{background:#fff7ed;color:#b54708}.movement-label.movement-reject{background:#fef3f2;color:#b42318} .product-page-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.product-page-tabs a{display:block;border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px 18px;box-shadow:0 12px 30px rgba(11,102,152,.06)}.product-page-tabs a.active{border-color:var(--orange);background:linear-gradient(135deg,#fff,#fff4e8);box-shadow:0 16px 38px rgba(255,130,23,.14)}.product-page-tabs strong{display:block;color:var(--blue-dark);font-size:18px}.product-page-tabs span{display:block;margin-top:4px;color:var(--muted);font-weight:750} .stock-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.stock-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:16px;background:#fff}.stock-tabs a{padding:9px 12px;border-radius:12px;font-weight:850;color:var(--muted);white-space:nowrap}.stock-tabs a.active{background:#eaf5fb;color:var(--blue-dark)}.stock-tabs span{display:inline-flex;margin-left:6px;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:#f1f8fc;color:var(--blue-dark);font-size:12px} .empty-state{text-align:center}.empty-state h2{margin:0;color:var(--blue-dark)}.empty-state p{color:var(--muted)} @media(max-width:1280px){.stock-toolbar,.material-toolbar{flex-wrap:wrap}.stock-tabs{order:3;width:100%;overflow:auto}.search-input{min-width:0}} @media(max-width:1180px){.material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fast-form{grid-template-columns:1fr}.multi-material-field,.note-field,.fast-submit{grid-column:auto}.material-toolbar{flex-wrap:wrap}.search-input{min-width:0;flex-basis:100%}} @media(max-width:1080px){.stock-summary{grid-template-columns:1fr 1fr}} @media(max-width:860px){.material-summary{grid-template-columns:1fr}.material-grid{grid-template-columns:1fr 1fr}.fast-row-head{display:none}.fast-material-row{grid-template-columns:1fr 1fr}.fast-material-row .material-color,.fast-material-row .stock-preview{grid-column:1/-1}.filter-select,.filter-select.small{width:100%}.material-toolbar .btn{flex:1}.fast-submit{grid-column:auto}} @media(max-width:760px){.product-page-tabs,.stock-summary{grid-template-columns:1fr}.group-head{align-items:flex-start;flex-direction:column}.stock-toolbar .btn{flex:1}.search-input{flex-basis:100%}.activity-item{align-items:flex-start;flex-direction:column}} @media(max-width:560px){.material-grid{grid-template-columns:1fr}.group-head{align-items:flex-start;flex-direction:column}.group-total{text-align:left}.material-adjust{grid-template-columns:1fr}.activity-item,.activity-actions{align-items:flex-start;flex-direction:column}.spk-ref-grid{grid-template-columns:1fr}} /* Production-lite overrides: keep the UI clean but reduce expensive painting on VPS/low-end clients. */ .summary-card,.material-group,.product-group,.product-page-tabs a{box-shadow:none!important} .material-group,.product-group{border-radius:18px;background:#fff} .group-head{background:#f7fbfe} .stock-number{background:#f8fbfd} .material-suggestions{box-shadow:0 8px 18px rgba(11,102,152,.12)} .action-pill:has(input:checked){box-shadow:none} .product-page-tabs a.active{background:#fff7ef;box-shadow:none!important}