.inventory-page{display:grid;gap:20px;color:var(--text)}
.inventory-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.inventory-hero h1{margin:5px 0 8px;font-size:clamp(26px,3vw,40px);letter-spacing:-.04em}.inventory-hero p{margin:0;max-width:720px;color:var(--muted);line-height:1.55}
.inventory-sync-card{display:grid;gap:12px;align-content:start;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.inventory-sync-card dl{display:grid;gap:9px;margin:0}.inventory-sync-card dl div{display:flex;justify-content:space-between;gap:12px}.inventory-sync-card dt{color:var(--muted);font-size:12px}.inventory-sync-card dd{margin:0;text-align:right;font-size:12px;font-weight:700}
.inventory-status{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:5px 9px;border-radius:99px;background:var(--surface-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.inventory-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.inventory-status.healthy{color:#0b7764;background:#e6f6f1}.inventory-status.attention{color:#93620a;background:#fff4d5}.inventory-status.critical{color:#b4432d;background:#ffebe5}.inventory-status.zero{color:#9f2631;background:#ffe5e8}.inventory-status.unknown{color:#65706e;background:#edf1f0}
.inventory-warning{display:flex;gap:12px;padding:13px 16px;border:1px solid #e6b28a;border-radius:12px;background:#fff7ed;color:#8a4717;font-size:13px}.inventory-warning span{color:#744c31}
.inventory-kpis{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:10px}.inventory-kpi{display:grid;gap:9px;text-align:left;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text)}button.inventory-kpi{cursor:pointer}button.inventory-kpi:hover{border-color:#8eb9b1;transform:translateY(-1px)}.inventory-kpi span{color:var(--muted);font-size:11px;font-weight:700}.inventory-kpi strong{font-size:25px}.inventory-kpi.healthy{border-top:3px solid #258b78}.inventory-kpi.attention{border-top:3px solid #d39a25}.inventory-kpi.critical,.inventory-kpi.zero{border-top:3px solid #d65b43}.inventory-kpi.progress{border-top:3px solid #4e7891}
.inventory-focus{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.inventory-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.inventory-section-title h2{margin:4px 0 0;font-size:24px}.inventory-section-title>span{font-size:12px;color:var(--muted)}
.inventory-toolbar{display:grid;grid-template-columns:minmax(260px,2fr) repeat(4,minmax(130px,1fr));gap:9px;margin:18px 0 10px}.inventory-toolbar label{display:grid}.inventory-toolbar label>span{position:absolute;width:1px;height:1px;overflow:hidden}.inventory-toolbar input,.inventory-toolbar select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);padding:0 11px}
.inventory-toolbar-simple{grid-template-columns:minmax(300px,2fr) repeat(3,minmax(150px,1fr))}
.inventory-quick-filters{display:flex;gap:7px;overflow:auto;padding-bottom:14px}.inventory-quick-filters button{white-space:nowrap;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--muted);padding:7px 11px;font-size:12px;font-weight:700}.inventory-quick-filters button.active{background:#e4f2ef;border-color:#76aa9f;color:#0b6858}
.inventory-list{display:grid;border-top:1px solid var(--line)}.inventory-row{display:grid;grid-template-columns:minmax(250px,2fr) repeat(5,minmax(105px,1fr));gap:16px;align-items:center;text-align:left;padding:16px 10px;border:0;border-left:4px solid transparent;border-bottom:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer}.inventory-row.critical,.inventory-row.zero{border-left-color:#d94d3d;background:linear-gradient(90deg,rgba(217,77,61,.08),transparent 22%)}.inventory-row.attention{border-left-color:#d39a25;background:linear-gradient(90deg,rgba(211,154,37,.08),transparent 22%)}.inventory-row.healthy{border-left-color:#258b78;background:linear-gradient(90deg,rgba(37,139,120,.06),transparent 22%)}.inventory-row:hover{background-color:var(--surface-muted)}.inventory-row>span{display:grid;gap:5px;min-width:0}.inventory-row small{color:var(--muted);font-size:11px}.inventory-row strong{font-size:13px;line-height:1.35}.inventory-product strong{font-size:14px}.inventory-product small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-buy-quantity strong{font-size:16px;color:#a83a2c}.inventory-row.attention .inventory-buy-quantity strong{color:#8a5c08}.inventory-row.healthy .inventory-buy-quantity strong{color:#14715f}.inventory-row-action{position:relative;padding-right:20px}.inventory-row-action b{position:absolute;right:3px;top:50%;font-size:24px;color:#61867f}.inventory-na{font-size:11px;color:var(--muted);font-weight:500}.inventory-empty,.inventory-no-results{padding:55px 20px;text-align:center;color:var(--muted)}.inventory-empty>span{display:grid;place-items:center;width:44px;height:44px;margin:auto;border-radius:50%;background:var(--surface-muted);font-weight:800}.inventory-empty h2{margin:12px 0 6px;color:var(--text)}
.inventory-groups{display:grid;gap:10px}.inventory-sector-group{border:1px solid var(--line);border-radius:11px;overflow:hidden}.inventory-sector-heading{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 15px;border:0;background:var(--surface-muted);color:var(--text);text-align:left;cursor:pointer}.inventory-sector-heading>span{display:flex;align-items:center;gap:10px}.inventory-sector-heading strong{font-size:14px}.inventory-sector-heading small{color:var(--muted)}.inventory-sector-heading b{padding:4px 8px;border-radius:99px;background:#ffebe5;color:#b4432d;font-size:10px;text-transform:uppercase}.inventory-sector-heading i{font-style:normal;color:var(--muted);transition:transform .15s}.inventory-sector-group .inventory-list{border-top:1px solid var(--line)}.inventory-sector-group.collapsed .inventory-list{display:none}.inventory-sector-group.collapsed .inventory-sector-heading i{transform:rotate(-90deg)}
.inventory-provenance{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--surface);font-size:11px;color:var(--muted)}.inventory-provenance span{display:grid;grid-template-columns:8px auto;column-gap:8px}.inventory-provenance strong{color:var(--text)}.inventory-provenance i{grid-row:1/3;width:8px;height:8px;margin-top:3px;border-radius:50%}.inventory-provenance .real{background:#20836f}.inventory-provenance .calculated{background:#d39a25}.inventory-provenance .unavailable{background:#8e9997}
.inventory-drawer-backdrop{position:fixed;z-index:1000;inset:0;background:rgba(13,24,21,.48);backdrop-filter:blur(3px)}.inventory-drawer{position:absolute;right:0;top:0;bottom:0;width:min(720px,94vw);overflow:auto;padding:24px;background:var(--surface);box-shadow:-20px 0 50px rgba(0,0,0,.18)}.inventory-drawer>header{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.inventory-drawer header h2{margin:9px 0 4px;font-size:24px}.inventory-drawer header p{margin:0;color:var(--muted);font-size:12px}.inventory-drawer header button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font-size:25px}.inventory-drawer section{padding:20px 0;border-bottom:1px solid var(--line)}.inventory-drawer h3{margin:0 0 12px;font-size:15px}.inventory-recommendation{display:grid;gap:7px;padding:18px!important;margin-top:18px;border:1px solid #8eb9b1!important;border-radius:13px;background:#edf8f5}.inventory-recommendation small{color:#0d6d5d;font-weight:800}.inventory-recommendation strong{font-size:17px}.inventory-recommendation p{margin:0;color:#476761;font-size:12px}.inventory-detail-grid,.inventory-consumption{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.inventory-detail-grid>div,.inventory-consumption>div{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:10px}.inventory-summary-grid>div{min-height:76px;background:var(--surface-muted);border-color:transparent}.inventory-summary-grid>div.emphasis{background:#e8f5f1;color:#0b6858}.inventory-summary-grid>div.danger{background:#fff0ed;color:#a83a2c}.inventory-detail-grid small,.inventory-consumption small{color:var(--muted);font-size:11px}.inventory-detail-grid strong,.inventory-consumption strong{font-size:14px;line-height:1.35}.inventory-more{margin-top:12px}.inventory-more summary{width:max-content;color:#176f60;font-size:12px;font-weight:700;cursor:pointer}.inventory-more .inventory-detail-grid{margin-top:12px}.inventory-section-help{margin:-5px 0 13px;color:var(--muted);font-size:12px}.inventory-chart-wrap{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.inventory-chart-wrap>div{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 0;color:var(--muted);font-size:11px}.inventory-chart-wrap>div strong{color:var(--text);font-size:15px}.inventory-chart{display:block;width:100%;height:auto;background:var(--surface)}.inventory-chart .axis{stroke:var(--line);stroke-width:1}.inventory-chart .line{stroke:#177463;stroke-width:3}.inventory-chart circle{fill:#177463}.inventory-chart text{fill:var(--muted);font-size:10px}.inventory-chart-empty{padding:22px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted);font-size:12px}.inventory-process-list{display:grid;gap:8px}.inventory-process-list article{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px}.inventory-process-list span,.inventory-process-list small{font-size:11px;color:var(--muted)}.inventory-data-origin p{margin:6px 0;color:var(--muted);font-size:12px;line-height:1.45}
@media(max-width:1250px){.inventory-kpis{grid-template-columns:repeat(4,1fr)}.inventory-toolbar,.inventory-toolbar-simple{grid-template-columns:repeat(2,1fr)}.inventory-search{grid-column:1/-1}.inventory-row{grid-template-columns:minmax(240px,2fr) repeat(3,1fr)}.inventory-row>span:nth-child(5),.inventory-row>span:nth-child(6){display:none}}
@media(max-width:760px){.inventory-hero{grid-template-columns:1fr;padding:20px}.inventory-kpis{grid-template-columns:repeat(2,1fr)}.inventory-focus{padding:15px}.inventory-toolbar{grid-template-columns:1fr}.inventory-toolbar>*{grid-column:auto}.inventory-row{grid-template-columns:1fr 1fr;gap:11px;padding:16px 2px}.inventory-product,.inventory-row-action{grid-column:1/-1}.inventory-row>span:nth-child(4){display:none}.inventory-provenance{grid-template-columns:1fr}.inventory-detail-grid,.inventory-consumption{grid-template-columns:1fr}.inventory-process-list article{grid-template-columns:1fr}.inventory-section-title{align-items:start;flex-direction:column;gap:6px}}
.inventory-rounding-note{margin:10px 2px 0;color:var(--muted);font-size:12px;line-height:1.5}
.inventory-request-action{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;padding:16px!important;border:1px solid #75aa9f!important;border-radius:12px;background:var(--surface)}.inventory-request-action>div{display:grid;gap:4px}.inventory-request-action small{color:#0b6c5b;font-weight:800;letter-spacing:.05em}.inventory-request-action strong{font-size:16px}.inventory-request-action span{color:var(--muted);font-size:12px}.inventory-request-action.is-blocked{border-color:var(--line)!important;background:var(--surface-muted)}.inventory-request-action.is-blocked small{color:var(--muted)}
.inventory-request-context{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px;padding:16px 18px;border-left:4px solid #177463;border-radius:10px;background:var(--surface-muted)}.inventory-request-context>div{display:grid;gap:3px}.inventory-request-context strong{font-size:16px}.inventory-request-context span{color:var(--muted);font-size:12px}.inventory-request-context>span{font-weight:700}
@media(max-width:760px){.inventory-request-action,.inventory-request-context{align-items:stretch;flex-direction:column}.inventory-request-action .button{width:100%}}
