/* STARS Spare Parts & Critical Parts v2.7.0 */
.sp-page{min-height:calc(100vh - 112px);padding-bottom:76px;background:var(--bg)}
.sp-workspace{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:calc(100vh - 112px);background:var(--bg)}
.sp-sidebar{position:sticky;top:56px;height:calc(100vh - 112px);padding:16px 12px;border-right:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--bg));overflow:auto}.sp-brand{display:flex;gap:10px;align-items:center;padding:8px 8px 17px}.sp-brand>span{font-size:27px}.sp-brand b{display:block;font-size:13px}.sp-brand small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.sp-sidebar nav{display:grid;gap:5px}.sp-sidebar nav button{display:flex;gap:9px;align-items:center;text-align:left;padding:11px 10px;border-radius:10px;color:var(--muted);font-size:9px;font-weight:900}.sp-sidebar nav button span{width:22px;font-size:15px}.sp-sidebar nav button:hover,.sp-sidebar nav button.active{background:rgba(245,183,0,.12);color:var(--accent)}.sp-side-note{margin-top:20px;padding:10px;border:1px solid var(--border);border-radius:10px;color:var(--dim);font-size:8px;line-height:1.5}
.sp-main{min-width:0}.sp-toolbar{position:sticky;top:56px;z-index:7;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px)}.sp-toolbar h2{font-size:17px}.sp-toolbar p{font-size:9px;color:var(--muted);margin-top:3px}.sp-toolbar-actions{display:flex;gap:7px}.sp-toolbar button,.sp-panel button,.sp-list-tools button,.sp-critical-tools button{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:8px;font-weight:900}.sp-content{padding:16px}.sp-mobile-tabs{display:none}
.sp-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px}.sp-kpi{padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.sp-kpi small{font-size:8px;color:var(--muted);text-transform:uppercase}.sp-kpi b{display:block;font-size:24px;margin:6px 0}.sp-kpi p{font-size:8px;color:var(--dim);line-height:1.4}.sp-kpi.red b{color:#ff6b78}.sp-kpi.green b{color:#56d89b}.sp-kpi.orange b{color:#ffab54}.sp-kpi.gold b{color:var(--accent)}.sp-kpi.gray b{color:#9aa4b2}
.sp-grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-bottom:12px}.sp-panel{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);margin-bottom:12px}.sp-panel h3{font-size:12px}.sp-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sp-source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:11px}.sp-source-card{display:flex;align-items:center;gap:10px;padding:12px!important;text-align:left}.sp-source-card>span{font-size:22px}.sp-source-card b{display:block;font-size:18px}.sp-source-card small{display:block;color:var(--muted);font-size:8px}
.sp-searchbar{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:12px}.sp-searchbar.large{margin:0 0 12px}.sp-searchbar input,.sp-critical-tools select,.sp-list-tools input{min-width:0;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface2);color:var(--text);font-size:10px}.sp-searchbar button{background:var(--accent);color:#181100;border-color:var(--accent)}.sp-mini-result{margin-top:10px;padding:10px;border-radius:10px;background:var(--surface2);font-size:9px;color:var(--muted);line-height:1.45}.sp-inline-summary{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center}.sp-inline-summary small{grid-column:1/-1;color:var(--muted)}
.sp-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:10px}.sp-table{width:100%;border-collapse:collapse;min-width:920px;background:var(--surface)}.sp-table th{position:sticky;top:0;z-index:1;padding:9px;background:var(--surface2);font-size:7px;text-align:left;color:var(--muted);text-transform:uppercase;white-space:nowrap}.sp-table td{padding:9px;border-top:1px solid var(--border);font-size:8.5px;vertical-align:top}.sp-table tr:hover td{background:rgba(255,255,255,.018)}.sp-table tr.deleted{opacity:.48}.sp-table .green-cell{color:#58daa0}.sp-table .yellow-cell{color:#f5c94b}.sp-table .blue-cell{color:#79b8ff}.sp-table .red-cell{color:#ff7885}.sp-link{font-family:monospace;color:var(--accent)!important;font-weight:900}.sp-table button.danger{color:#ff7885;border-color:rgba(255,80,95,.35)}
.sp-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:1000;white-space:nowrap;background:#303744;color:#c4ccd7}.sp-status.available{background:rgba(43,201,126,.16);color:#6be3a8}.sp-status.partial,.sp-status.in-order-shortage{background:rgba(255,148,54,.16);color:#ffb36e}.sp-status.shortage{background:rgba(255,59,78,.16);color:#ff7a87}.sp-status.in-order{background:rgba(78,168,255,.16);color:#8fc6ff}.sp-status.over-order-risk{background:rgba(181,155,255,.18);color:#c3b0ff}.sp-status.no-stock-data{background:rgba(150,160,175,.14);color:#aab3c0}
.sp-pn-card{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);margin-bottom:10px}.sp-pn-head{display:flex;justify-content:space-between;gap:10px}.sp-pn-head small{font-size:7px;color:var(--muted)}.sp-pn-head h3{font-family:monospace;font-size:15px;color:var(--accent);margin-top:3px}.sp-pn-head p{font-size:9px;color:var(--muted);margin-top:3px}.sp-pn-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.sp-pn-metrics>div{padding:9px;border-radius:9px;background:var(--surface2)}.sp-pn-metrics small{display:block;color:var(--muted);font-size:7px}.sp-pn-metrics b{display:block;margin-top:4px;font-size:11px}.sp-pn-card details{margin-top:9px;border-top:1px solid var(--border);padding-top:8px}.sp-pn-card summary{font-size:8px;font-weight:900;cursor:pointer}.sp-detail-list>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:8px}.sp-detail-list span{color:var(--muted)}
.sp-critical-tools,.sp-list-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:11px}.sp-critical-tools select{min-width:260px}.sp-critical-tools label{font-size:8px;color:var(--muted)}.sp-list-tools input{flex:1;min-width:230px}.sp-critical-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:10px}.sp-critical-summary>div{padding:10px;border-radius:9px;background:var(--surface2);text-align:center}.sp-critical-summary small{display:block;font-size:7px;color:var(--muted)}.sp-critical-summary b{display:block;font-size:15px;margin-top:4px}.sp-critical-summary .green b{color:#56d89b}.sp-critical-summary .orange b{color:#ffab54}.sp-critical-summary .red b{color:#ff6b78}.sp-critical-summary .blue b{color:#79b8ff}.sp-deleted-note{display:block;color:#ff8e98;margin-top:4px}
.sp-import-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.sp-import-card{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.sp-import-card>span{font-size:25px}.sp-import-card h3{font-size:11px;margin:8px 0 5px}.sp-import-card p{font-size:8px;color:var(--muted);line-height:1.45;min-height:38px}.sp-import-card div{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.sp-import-card a{font-size:8px;color:var(--accent);font-weight:900}.sp-import-help,.sp-import-success{padding:10px;border-radius:9px;background:var(--surface2);font-size:9px;line-height:1.5;margin-bottom:10px}.sp-import-success{color:#6be3a8}.sp-rules{padding-left:18px;margin-top:10px}.sp-rules li{font-size:9px;color:var(--muted);line-height:1.55;margin-bottom:4px}
.sp-unit-critical-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;margin-bottom:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.sp-unit-critical-head small{font-size:7px;color:var(--muted)}.sp-unit-critical-head h3{font-size:16px;margin:3px 0}.sp-unit-critical-head p{font-size:8px;color:var(--muted)}.sp-unit-critical-head button{padding:8px;border-radius:8px;background:var(--accent);color:#171100;font-size:8px;font-weight:900}.sp-pn-live{grid-column:1/-1;display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:6px 8px;border-radius:8px;background:var(--surface2);font-size:7px;color:var(--muted)}.sp-pn-live b{font-size:7px}.sp-pn-live small{margin-left:auto}.part-row{flex-wrap:wrap}.sp-empty,.sp-error,.sp-loading{padding:24px;text-align:center;color:var(--muted);font-size:10px}.sp-error{color:#ff7a87}
@media(max-width:900px){.sp-workspace{display:block}.sp-sidebar{display:none}.sp-toolbar{top:56px;padding:11px 12px}.sp-toolbar p{display:none}.sp-content{padding:10px}.sp-mobile-tabs{display:flex;gap:6px;overflow:auto;padding:8px 10px;border-bottom:1px solid var(--border);scrollbar-width:none}.sp-mobile-tabs button{white-space:nowrap;padding:7px 9px;border-radius:8px;border:1px solid var(--border);font-size:8px;color:var(--muted)}.sp-mobile-tabs button.active{background:var(--accent);color:#171100}.sp-kpis{grid-template-columns:repeat(2,1fr)}.sp-grid-2{grid-template-columns:1fr}.sp-import-grid{grid-template-columns:1fr 1fr}.sp-pn-metrics{grid-template-columns:repeat(2,1fr)}.sp-critical-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:460px){.sp-kpis{grid-template-columns:1fr 1fr}.sp-import-grid{grid-template-columns:1fr}.sp-source-grid{grid-template-columns:1fr 1fr}.sp-toolbar h2{font-size:13px}.sp-toolbar-actions button{padding:7px}.sp-critical-tools select{min-width:100%;width:100%}.sp-inline-summary{grid-template-columns:1fr auto}.sp-inline-summary>span{grid-column:1/-1}.sp-pn-live small{width:100%;margin-left:0}}