/* Inventory, Service, and the Projects / Support dialogs. */
#tab-inventory,#inv-portal,#tab-service,#svc-portal{--inv-ok:var(--neo-success);--inv-low:var(--neo-warn);--inv-out:var(--neo-danger)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .section-heading-icon .ui-icon{width:22px;height:22px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) button.inv-kpi:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--neo-brand) 40%,var(--neo-line))!important}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-kpi.on{border-color:var(--neo-brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--neo-brand) 14%,transparent)!important}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .k-res .inv-kpi-ico{background:color-mix(in srgb,var(--neo-cyan) 14%,transparent);color:var(--neo-cyan)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .k-low .inv-kpi-ico{background:color-mix(in srgb,var(--inv-low) 14%,transparent);color:var(--inv-low)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .k-out .inv-kpi-ico{background:color-mix(in srgb,var(--inv-out) 12%,transparent);color:var(--inv-out)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .k-value .inv-kpi-ico{background:color-mix(in srgb,var(--inv-ok) 13%,transparent);color:var(--inv-ok)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-kpi-text{display:grid;min-width:0}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-views,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-seg,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-layout{display:inline-flex;gap:3px;padding:3px;border-radius:11px;background:var(--neo-page-2);border:1px solid var(--neo-line)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-views button,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-seg button,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-layout button,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dtabs button{display:inline-flex!important;align-items:center;gap:6px;height:32px;padding:0 13px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--neo-muted)!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important;cursor:pointer;box-shadow:none!important;white-space:nowrap}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-views button.on,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-seg button.on,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-layout button.on{background:var(--neo-card)!important;color:var(--neo-ink)!important;box-shadow:var(--neo-shadow-sm)!important}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-layout button{padding:0 9px!important}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-actions{display:flex;gap:8px;flex-wrap:wrap}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-actions .btn{display:inline-flex;align-items:center}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-filters>.field{width:auto!important;min-width:150px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-search{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--neo-line);border-radius:10px;background:var(--neo-card);color:var(--neo-muted);flex:1 1 220px;max-width:340px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-search:focus-within{border-color:var(--neo-brand);box-shadow:var(--neo-ring)}
html body #dashboard-view :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-search input[type="search"]{border:0!important;outline:0!important;background:transparent!important;color:var(--neo-ink)!important;font-family:inherit!important;font-size:14px!important;width:100%!important;min-width:0!important;padding:0!important;margin:0!important;box-shadow:none!important;height:auto!important;border-radius:0!important}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-list{min-height:120px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-table{border:1px solid var(--neo-line);border-radius:var(--neo-r-lg);background:var(--neo-card);overflow:hidden;box-shadow:var(--neo-shadow-sm)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-tr{display:grid;grid-template-columns:minmax(220px,2.4fr) repeat(4,minmax(64px,.5fr)) minmax(72px,.5fr) minmax(130px,.9fr) minmax(100px,.8fr);gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--neo-line);cursor:pointer;transition:background .12s}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-tr:hover{background:var(--neo-card-2)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-tr:focus-visible{outline:2px solid var(--neo-brand);outline-offset:-2px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-th{border-top:0;background:var(--neo-page-2);cursor:default;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--neo-muted);padding-top:10px;padding-bottom:10px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-th:hover{background:var(--neo-page-2)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .r{text-align:right;justify-content:flex-end}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-name{display:grid;gap:2px;min-width:0}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-name strong{font-size:14.5px;overflow-wrap:anywhere}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-name small,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-upd small{color:var(--neo-muted);font-size:12px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-links{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--neo-brand);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-links .ui-icon{width:13px;height:13px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-cat{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--neo-page-2);border:1px solid var(--neo-line);font-size:12px;font-weight:600;color:var(--neo-ink-2);white-space:nowrap}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-qty strong{font-size:17px;font-variant-numeric:tabular-nums}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-qty small{color:var(--neo-muted)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .s-low .inv-qty strong{color:var(--inv-low)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .s-out .inv-qty strong{color:var(--inv-out)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pill{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pill.s-ok{background:color-mix(in srgb,var(--inv-ok) 13%,transparent);color:var(--inv-ok)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pill.s-low{background:color-mix(in srgb,var(--inv-low) 15%,transparent);color:var(--inv-low)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pill.s-order{background:color-mix(in srgb,var(--neo-brand) 12%,transparent);color:var(--neo-brand)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pill.s-off{background:var(--neo-page-2);color:var(--neo-muted);border:1px solid var(--neo-line)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-card.s-order{border-top-color:var(--neo-brand)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-card.s-off{border-top-color:var(--neo-line-strong);opacity:.8}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-tr.s-off .inv-name strong{color:var(--neo-muted)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-parts{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;border-top:1px solid var(--neo-line);font-size:12.5px;color:var(--neo-ink-2)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-parts .ui-icon{width:15px;height:15px;color:var(--neo-brand)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-parts span{display:inline-flex;gap:4px;align-items:center;padding:2px 9px;border-radius:999px;background:var(--neo-card);border:1px solid var(--neo-line)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-status{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--neo-line);font-size:13px;font-weight:600;color:var(--neo-ink-2)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-status .field{width:auto!important;min-width:170px;height:36px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pill.s-out{background:color-mix(in srgb,var(--inv-out) 13%,transparent);color:var(--inv-out)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-value{font-variant-numeric:tabular-nums;font-weight:600}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-upd{display:grid;font-size:13px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-card{display:grid;gap:8px;padding:16px;border:1px solid var(--neo-line);border-radius:var(--neo-r-md);background:var(--neo-card);box-shadow:var(--neo-shadow-sm);cursor:pointer;border-top:3px solid var(--inv-ok);transition:transform .15s,box-shadow .15s}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-card.s-low{border-top-color:var(--inv-low)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-card.s-out{border-top-color:var(--inv-out)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-card:hover{transform:translateY(-2px);box-shadow:var(--neo-shadow)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-card-top{display:flex;justify-content:space-between;gap:8px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-card h3{margin:0;font-size:15.5px;line-height:1.3;overflow-wrap:anywhere}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-sub{margin:0;font-size:12.5px;color:var(--neo-muted);overflow-wrap:anywhere}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-card-qty{display:flex;align-items:baseline;gap:6px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-card-qty strong{font-size:28px;line-height:1;font-variant-numeric:tabular-nums}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-card.s-low .inv-card-qty strong{color:var(--inv-low)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-card.s-out .inv-card-qty strong{color:var(--inv-out)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-card-qty>span{color:var(--neo-muted);font-size:13px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-card-foot{display:flex;justify-content:space-between;margin:0;font-size:12px;color:var(--neo-muted)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-empty{display:grid;justify-items:center;gap:10px;padding:48px 16px;color:var(--neo-muted);text-align:center;border:1.5px dashed var(--neo-line);border-radius:var(--neo-r-lg);background:var(--neo-card)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-empty .ui-icon{width:38px;height:38px;stroke-width:1.4!important;opacity:.6}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-moves{border:1px solid var(--neo-line);border-radius:var(--neo-r-lg);background:var(--neo-card);overflow:hidden}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-moves .inv-empty{border:0;border-radius:0}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-move{display:grid;grid-template-columns:86px minmax(0,1fr) 90px minmax(120px,.5fr);gap:12px;align-items:center;padding:11px 16px;border-top:1px solid var(--neo-line)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-move:first-child{border-top:0}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-move-head{background:var(--neo-page-2);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--neo-muted)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-move-head span:last-child{text-align:right}:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-move-change{font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-move.in .inv-move-change{color:var(--inv-ok)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-move.out .inv-move-change{color:var(--inv-out)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-move-main{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-move-main small{flex-basis:100%;color:var(--neo-muted);font-size:12px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-move-bal{font-variant-numeric:tabular-nums;color:var(--neo-ink-2);font-weight:600}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-move-meta{display:grid;font-size:13px;text-align:right}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-move-meta small{color:var(--neo-muted);font-size:12px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-reason{display:inline-flex;height:20px;align-items:center;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700;background:var(--neo-page-2);color:var(--neo-ink-2);border:1px solid var(--neo-line)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .r-received,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .r-returned,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .r-quotation-returned{background:color-mix(in srgb,var(--inv-ok) 12%,transparent);color:var(--inv-ok);border-color:transparent}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .r-issued,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .r-quotation{background:color-mix(in srgb,var(--neo-brand) 12%,transparent);color:var(--neo-brand);border-color:transparent}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .r-damaged{background:color-mix(in srgb,var(--inv-out) 12%,transparent);color:var(--inv-out);border-color:transparent}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-ref{font-size:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--neo-muted)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-moves-sm .inv-move{grid-template-columns:70px minmax(0,1fr) 60px;padding:10px 4px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-moves-sm .inv-move-meta{grid-column:2/-1;text-align:left;display:flex;gap:8px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-moves-sm{border:0;border-radius:0;background:transparent}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-scrim{position:fixed;inset:0;z-index:900;background:rgba(7,12,24,.42);opacity:0;pointer-events:none;transition:opacity .2s}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-scrim.on{opacity:1;pointer-events:auto}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-drawer{position:fixed;top:0;right:0;bottom:0;z-index:901;width:min(520px,100vw);display:flex;flex-direction:column;background:var(--neo-card);border-left:1px solid var(--neo-line);box-shadow:var(--neo-shadow-lg);transform:translateX(102%);transition:transform .28s var(--neo-ease);overflow:auto}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-drawer.on{transform:none}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dhead{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 14px;background:var(--neo-card);border-bottom:1px solid var(--neo-line)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dhead h3{margin:6px 0 2px;font-size:19px;line-height:1.3;overflow-wrap:anywhere}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-icon-btn{display:inline-grid!important;place-items:center;width:36px;height:36px;flex:none;padding:0!important;border:1px solid var(--neo-line)!important;border-radius:10px!important;background:var(--neo-card)!important;color:var(--neo-ink)!important;cursor:pointer;box-shadow:none!important}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-icon-btn:hover{border-color:var(--neo-brand)!important;color:var(--neo-brand)!important}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dsummary{display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:center;margin:16px 22px 4px;padding:16px;border-radius:var(--neo-r-md);background:var(--neo-page-2);border:1px solid var(--neo-line)}
      :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dsummary p{grid-column:1/-1;display:flex;justify-content:space-between;margin:0;font-size:12.5px;color:var(--neo-muted)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dsummary p span{font-weight:700;color:var(--neo-ink-2)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dtabs{display:flex;gap:4px;margin:14px 22px 0;border-bottom:1px solid var(--neo-line)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dtabs button{border-radius:0!important;height:38px;border-bottom:2px solid transparent!important;margin-bottom:-1px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dtabs button.on{color:var(--neo-brand)!important;border-bottom-color:var(--neo-brand)!important}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dbody{padding:18px 22px 26px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-adjust{display:grid;gap:14px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-modes{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-modes button{padding:0 6px!important;gap:5px;justify-content:center;height:38px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-amount{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-amount input{height:52px!important;text-align:center;font-size:24px!important;font-weight:700;font-variant-numeric:tabular-nums}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-step{display:inline-grid!important;place-items:center;height:52px;padding:0!important;border:1px solid var(--neo-line)!important;border-radius:12px!important;background:var(--neo-card)!important;color:var(--neo-ink)!important;cursor:pointer;box-shadow:none!important}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-step:hover{border-color:var(--neo-brand)!important;color:var(--neo-brand)!important}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-unit{color:var(--neo-muted);font-weight:600}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-after{margin:-4px 0 0;font-size:14px;color:var(--neo-muted);font-variant-numeric:tabular-nums}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-after strong{color:var(--neo-ink);font-size:16px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-after strong.low{color:var(--inv-low)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-after strong.neg{color:var(--inv-out)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-apply{height:44px;justify-content:center}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-span{grid-column:1/-1}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--neo-ink-2);margin-bottom:6px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-links-edit{display:grid;gap:8px;padding:12px;border:1px dashed var(--neo-line);border-radius:12px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-linkrow{display:grid;grid-template-columns:minmax(0,1fr) 84px 36px;gap:8px;align-items:center}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-links-edit .btn{justify-self:start;display:inline-flex;align-items:center}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-form-actions{display:flex;gap:8px;align-items:center;margin-top:4px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-form-actions span{flex:1}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-num{font-variant-numeric:tabular-nums;color:var(--neo-ink-2)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-num.inv-resv{color:var(--neo-cyan);font-weight:700}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-num.inv-in{color:var(--inv-ok)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-num.inv-out{color:var(--inv-out)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-num.inv-closing{color:var(--neo-ink);font-weight:700}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-filters .date-range{margin-left:auto}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-avail{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pills{display:inline-flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pills:empty{display:none}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-mobile-meta{display:none}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--neo-cyan) 16%,transparent);color:var(--neo-cyan);font-size:11px;font-weight:800}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res-stack{display:grid;gap:12px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res{border:1px solid var(--neo-line);border-radius:var(--neo-r-md);background:var(--neo-card);box-shadow:var(--neo-shadow-sm);overflow:hidden}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--neo-line);background:var(--neo-page-2)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res header div{display:grid;min-width:0}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res header strong{font-size:14.5px;overflow-wrap:anywhere}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res header small{color:var(--neo-muted);font-size:12px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res header .btn{display:inline-flex;align-items:center;gap:6px;flex:none}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res ul{list-style:none;margin:0;padding:4px 0}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 14px;font-size:13.5px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res li+li{border-top:1px solid var(--neo-line)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res li b{font-variant-numeric:tabular-nums}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res li small{grid-column:1/-1;display:inline-flex;align-items:center;gap:4px;color:var(--inv-out);font-size:12px;font-weight:600}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res li small .ui-icon{width:13px;height:13px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dstats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dstat{display:grid;gap:2px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dstat span{color:var(--neo-muted);font-size:12px;font-weight:600}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dstat strong{font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--neo-ink-2)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dstat small{color:var(--neo-muted);font-size:12px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dstat-main strong{font-size:30px;color:var(--neo-ink)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dsummary.s-low .inv-dstat-main strong{color:var(--inv-low)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dsummary.s-out .inv-dstat-main strong{color:var(--inv-out)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dsummary>.inv-dstat-main{display:flex;align-items:baseline;gap:8px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-parts span.short{border-color:color-mix(in srgb,var(--inv-out) 40%,var(--neo-line));color:var(--inv-out)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-parts span small{color:var(--neo-muted);font-size:11.5px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-adjust-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-adjust-fields .hidden+label{grid-column:1/-1}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-form-actions .btn{display:inline-flex;align-items:center}
:is(#inv-portal,#svc-portal) .inv-scrim{z-index:30005}:is(#inv-portal,#svc-portal) .inv-drawer{z-index:30006}:is(#inv-portal,#svc-portal) .inv-scrim.on,:is(#inv-portal,#svc-portal) .inv-drawer.on{pointer-events:auto!important}
.inv-hint-add{display:inline-flex!important;align-items:center;gap:4px;margin-top:4px;padding:2px 8px!important;height:auto!important;min-height:0!important;border:1px dashed var(--neo-line-strong,#d4dceb)!important;border-radius:999px!important;background:transparent!important;color:var(--neo-muted,#5d6b85)!important;font-family:inherit!important;font-size:12px!important;font-weight:600!important;cursor:pointer;box-shadow:none!important;opacity:0;transition:opacity .15s,color .15s,border-color .15s}
tr[data-line-index]:hover .inv-hint-add,tr[data-line-index]:focus-within .inv-hint-add,.inv-hint-add:focus-visible{opacity:1}
.inv-hint-add:hover{color:var(--neo-brand,#3d63f2)!important;border-color:var(--neo-brand,#3d63f2)!important}
.inv-hint-add .ui-icon{width:12px;height:12px}
@media (hover:none){.inv-hint-add{opacity:1}}
.inv-hint{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:12px;font-weight:600;color:var(--neo-success,#16a34a)}
.inv-hint.short{color:var(--neo-warn,#d97706)}
.inv-hint .ui-icon{width:13px;height:13px}
body.inv-drawer-open{overflow:hidden}
@media (max-width:1280px){:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-tr{grid-template-columns:minmax(200px,2fr) repeat(4,64px) 72px minmax(120px,1fr)}:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-tr>:nth-child(8){display:none}}
@media (max-width:860px){
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-kpis{grid-template-columns:1fr 1fr}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-kpis .k-value{grid-column:1/-1}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-th{display:none}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-table{border:0;background:transparent;box-shadow:none;display:grid;gap:10px}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-tr{grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--neo-line);border-radius:var(--neo-r-md);background:var(--neo-card);gap:10px}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-tr>:nth-child(n+2):nth-child(-n+6),:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-tr>:nth-child(8){display:none}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-mobile-meta{display:block}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-move{grid-template-columns:70px minmax(0,1fr) 60px}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-move-meta{grid-column:2/-1;text-align:left;display:flex;gap:8px}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-move-head{display:none}
}
:is(#tab-inventory,#inv-portal) .inv-move.inv-edit .inv-move-change{display:flex;color:var(--neo-muted)}
:is(#tab-inventory,#inv-portal) .inv-move.inv-edit .inv-move-change .ui-icon{width:16px;height:16px}
:is(#tab-inventory,#inv-portal) .inv-move.inv-edit .inv-move-main small{display:block}
:is(#tab-inventory,#inv-portal) .inv-move.inv-edit .inv-move-main b{font-weight:700;color:var(--neo-ink)}
:is(#tab-inventory,#inv-portal) .inv-reason.r-edit{background:color-mix(in srgb,var(--neo-brand) 10%,transparent);color:var(--neo-brand)}
#inv-portal .inv-sheet{display:grid;gap:14px;align-content:start}
#inv-portal .inv-sheet-group{display:grid;gap:6px}
#inv-portal .inv-sheet-group h4{display:flex;align-items:center;gap:8px;margin:4px 0 2px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--neo-muted)}
#inv-portal .inv-sheet-group h4 .ui-icon{width:15px;height:15px}
#inv-portal .inv-sheet-row{display:grid!important;grid-template-columns:auto minmax(0,1fr) 92px auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--neo-line);border-radius:12px;background:var(--neo-card);cursor:pointer}
#inv-portal .inv-sheet-row[hidden]{display:none!important}
#inv-portal .inv-count-list{display:grid;gap:6px}
#inv-portal .inv-count-list .inv-sheet-row{grid-template-columns:minmax(0,1fr) 48px 92px 56px;cursor:default}
#inv-portal .inv-sheet-name{display:grid;gap:2px;min-width:0}
#inv-portal .inv-sheet-name strong{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#inv-portal .inv-sheet-name small{font-size:.76rem;color:var(--neo-muted)}
#inv-portal .inv-sheet-qty{min-height:38px!important;padding:6px 10px!important;text-align:right;font-variant-numeric:tabular-nums}
#inv-portal .inv-pick{width:16px;height:16px;margin:0;accent-color:var(--neo-brand);cursor:pointer}
#inv-portal .inv-count-sys{text-align:right;font-variant-numeric:tabular-nums;color:var(--neo-muted);font-size:.86rem}
#inv-portal .inv-count-diff{font-weight:800;font-size:.86rem;font-variant-numeric:tabular-nums;text-align:right}
#inv-portal .inv-count-diff.up{color:var(--inv-ok,#16a34a)}#inv-portal .inv-count-diff.down{color:var(--inv-out,#dc2626)}#inv-portal .inv-count-diff.same{color:var(--neo-muted)}
#inv-portal .inv-count-summary{font-size:.84rem;font-weight:700;color:var(--neo-ink-2)}
#inv-portal .inv-sheet .inv-search{width:100%!important;max-width:none!important}
:is(#tab-inventory,#inv-portal) .inv-held{display:inline-flex;align-items:center;gap:4px;align-self:center;padding:3px 8px;border-radius:999px;font-size:.74rem;font-weight:800;color:var(--neo-warn,#d97706);background:color-mix(in srgb,var(--neo-warn,#d97706) 12%,transparent)}
:is(#tab-inventory,#inv-portal) .inv-held.old{color:var(--neo-danger,#dc2626);background:color-mix(in srgb,var(--neo-danger,#dc2626) 11%,transparent)}
:is(#tab-inventory,#inv-portal) .inv-held .ui-icon{width:13px;height:13px}
:is(#tab-inventory,#inv-portal) .inv-res header>div{flex:1}
@media (max-width:560px){#inv-portal .inv-count-list .inv-sheet-row{grid-template-columns:minmax(0,1fr) 40px 78px 44px;gap:8px}#inv-portal .inv-sheet-row{grid-template-columns:auto minmax(0,1fr) 78px}#inv-portal .inv-sheet-row>.inv-unit{display:none}}
#tab-inventory .inv-pick{width:16px;height:16px;margin:0;accent-color:var(--neo-brand);cursor:pointer}
#tab-inventory .inv-pick-cell,#tab-inventory .inv-del-cell{display:flex;align-items:center;justify-content:center}
#tab-inventory .inv-del{display:grid;place-items:center;width:30px;height:30px;flex:none;border:0;border-radius:8px;background:transparent;color:var(--neo-muted);cursor:pointer;opacity:.5;transition:opacity .12s,color .12s,background .12s}
#tab-inventory .inv-del .ui-icon{width:16px;height:16px}
#tab-inventory :is(.inv-tr,.inv-card):hover .inv-del,#tab-inventory .inv-del:focus-visible{opacity:1}
#tab-inventory .inv-del:hover{color:var(--neo-danger);background:color-mix(in srgb,var(--neo-danger) 10%,transparent)}
@media (hover:none){#tab-inventory .inv-del{opacity:1}}
#tab-inventory .inv-tr.picked,#tab-inventory .inv-tr.picked:hover{background:color-mix(in srgb,var(--neo-brand) 7%,var(--neo-card))}
#tab-inventory .inv-card.picked{box-shadow:0 0 0 2px var(--neo-brand)}
#tab-inventory .inv-card-top .inv-pills{margin-left:auto}
#tab-inventory .inv-card-top .inv-del{width:26px;height:26px;margin:-4px -6px 0 0}
#tab-inventory .inv-bulk{position:sticky;top:8px;z-index:6;display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:8px 10px 8px 16px;border:1px solid color-mix(in srgb,var(--neo-brand) 35%,var(--neo-line));border-radius:var(--neo-r-md);background:var(--neo-card);box-shadow:var(--neo-shadow-sm)}
#tab-inventory .inv-bulk.hidden{display:none}
#tab-inventory .inv-bulk>span{flex:1}
#tab-inventory .inv-bulk strong{font-size:14px;white-space:nowrap}
#tab-inventory .inv-editable .inv-tr{grid-template-columns:20px minmax(220px,2.4fr) repeat(4,minmax(64px,.5fr)) minmax(72px,.5fr) minmax(130px,.9fr) minmax(100px,.8fr) 32px}
@media (max-width:1280px){#tab-inventory .inv-editable .inv-tr{grid-template-columns:20px minmax(200px,2fr) repeat(4,64px) 72px minmax(120px,1fr) 32px}#tab-inventory .inv-editable .inv-tr>:nth-child(8){display:flex}#tab-inventory .inv-editable .inv-tr>:nth-child(9){display:none}}
@media (max-width:860px){#tab-inventory .inv-editable .inv-tr{grid-template-columns:20px minmax(0,1fr) auto 32px}#tab-inventory .inv-editable .inv-tr>:nth-child(2){display:grid}#tab-inventory .inv-editable .inv-tr>:nth-child(n+3):nth-child(-n+7),#tab-inventory .inv-editable .inv-tr>:nth-child(9){display:none}#tab-inventory .inv-editable .inv-tr>:nth-child(8){display:flex}}
@media (max-width:640px){
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-search,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-filters>.field{flex:1 1 100%;max-width:none}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-seg{width:100%;display:grid;grid-template-columns:repeat(5,1fr)}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-seg button{justify-content:center;padding:0 6px!important}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-form,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-adjust-fields{grid-template-columns:1fr}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-modes{grid-template-columns:repeat(2,1fr)}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-kpi-text strong{font-size:18px}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dhead,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dbody{padding-left:16px;padding-right:16px}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dsummary,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dtabs{margin-left:16px;margin-right:16px}
}
    :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-amount input::-webkit-inner-spin-button,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-amount input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-amount input{-moz-appearance:textfield}

:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-kpis{display:grid;margin:6px 0 18px;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-kpi{display:flex!important;align-items:center;border:1px solid var(--neo-line)!important;border-radius:var(--neo-r-md)!important;background:var(--neo-card)!important;color:var(--neo-ink)!important;text-align:left;box-shadow:var(--neo-shadow-sm)!important;cursor:pointer;font:inherit!important;min-width:0;transition:transform .15s,border-color .15s;gap:10px!important;padding:12px 14px!important}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-kpi-ico{flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--neo-brand) 12%,transparent);color:var(--neo-brand);width:34px;height:34px;border-radius:10px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-kpi-ico .ui-icon{width:18px;height:18px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-kpi-text span{color:var(--neo-muted);font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-kpi-text strong{line-height:1.2;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-tr:not(.inv-th)>span,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-name>span{font-size:14px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res li:has(.inv-link-btn){grid-template-columns:minmax(0,1fr) auto auto;align-items:center}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res li:has(.inv-link-btn) .inv-link-btn{grid-column:3;grid-row:1}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .k-order .inv-kpi-ico{background:color-mix(in srgb,var(--neo-violet,#7c3aed) 13%,transparent);color:var(--neo-violet,#7c3aed)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-views{flex-wrap:wrap}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-tr{grid-template-columns:minmax(150px,1fr) minmax(140px,1fr) minmax(200px,2fr) 120px 120px 120px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-sup-tr{grid-template-columns:minmax(200px,1.5fr) minmax(200px,1.5fr) 90px 180px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-items{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--neo-ink-2);font-size:13px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-progress{display:inline-block;width:42px;height:5px;margin-right:8px;border-radius:999px;vertical-align:middle;background:linear-gradient(90deg,var(--inv-ok) var(--p),var(--neo-page-2) var(--p));border:1px solid var(--neo-line)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-late{color:var(--inv-out);font-weight:700}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pill.po-draft{background:var(--neo-page-2);color:var(--neo-muted);border:1px solid var(--neo-line)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pill.po-ordered{background:color-mix(in srgb,var(--neo-brand) 12%,transparent);color:var(--neo-brand)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pill.po-partial{background:color-mix(in srgb,var(--inv-low) 15%,transparent);color:var(--inv-low)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pill.po-received{background:color-mix(in srgb,var(--inv-ok) 13%,transparent);color:var(--inv-ok)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pill.po-cancelled{background:var(--neo-page-2);color:var(--neo-muted);text-decoration:line-through}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pill.sn-in_stock{background:color-mix(in srgb,var(--inv-ok) 13%,transparent);color:var(--inv-ok)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pill.sn-issued{background:color-mix(in srgb,var(--neo-brand) 12%,transparent);color:var(--neo-brand)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pill.sn-returned{background:color-mix(in srgb,var(--neo-cyan) 14%,transparent);color:var(--neo-cyan)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-pill.sn-faulty{background:color-mix(in srgb,var(--inv-out) 13%,transparent);color:var(--inv-out)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-link-btn{display:inline-flex!important;align-items:center;gap:5px;height:auto!important;min-height:0!important;padding:3px 8px!important;border:1px solid var(--neo-line)!important;border-radius:8px!important;background:var(--neo-card)!important;color:var(--neo-brand)!important;font:inherit!important;font-size:12px!important;font-weight:700!important;cursor:pointer;box-shadow:none!important;width:auto!important}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-link-btn:hover{border-color:var(--neo-brand)!important}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-link-btn .ui-icon{width:13px;height:13px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-dsummary p .inv-link-btn{margin-left:8px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res li .inv-link-btn{grid-column:2;justify-self:end}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-res li small.inv-ok{color:var(--inv-ok)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-muted{color:var(--neo-muted);font-size:12.5px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-warn{display:inline-flex;align-items:center;gap:4px;color:var(--inv-out);font-size:12px;font-weight:600}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-warn .ui-icon{width:13px;height:13px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-sheet,:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-receive{display:grid;gap:10px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-sheet-line{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--neo-line);border-radius:12px;background:var(--neo-card)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-sheet-line.short{border-color:color-mix(in srgb,var(--inv-out) 40%,var(--neo-line))}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-sheet-row{display:flex;justify-content:space-between;gap:10px;font-size:14px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-sheet-row b{font-variant-numeric:tabular-nums}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial-pick{display:grid;gap:6px;padding-top:6px;border-top:1px dashed var(--neo-line)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial-pick em{font-style:normal;color:var(--neo-brand);font-weight:800}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial-pick>div{display:flex;flex-wrap:wrap;gap:6px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial-pick>div>label{position:relative;display:inline-flex!important;margin:0!important;cursor:pointer}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial-pick>div input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;pointer-events:none}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial-pick>div span{display:inline-block;padding:4px 9px;border:1px solid var(--neo-line);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial-pick input:checked+span{border-color:var(--neo-brand);background:color-mix(in srgb,var(--neo-brand) 10%,transparent);color:var(--neo-brand);font-weight:700}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial-pick input:disabled+span{opacity:.45;cursor:not-allowed}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial-pick input:focus-visible+span{outline:2px solid var(--neo-brand);outline-offset:1px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-line{display:grid;grid-template-columns:minmax(0,1fr) 72px 120px 36px;gap:8px;align-items:center}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-head{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--neo-muted)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-total{display:flex;justify-content:flex-end;gap:10px;margin:2px 0 0;font-size:13px;color:var(--neo-muted)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-total strong{color:var(--neo-ink);font-size:15px;font-variant-numeric:tabular-nums}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;padding:12px 14px;border-radius:12px;background:var(--neo-page-2);border:1px solid var(--neo-line)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-meta div{display:grid;gap:2px;min-width:0}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-meta span{color:var(--neo-muted);font-size:12px;font-weight:600}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-meta strong{font-size:14px;overflow:hidden;text-overflow:ellipsis}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-meta small{color:var(--neo-muted);font-size:12px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-recv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-check{flex-direction:row!important;align-items:center;gap:8px;align-self:end;min-height:40px;cursor:pointer}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-check input{width:16px!important;height:16px!important;min-height:0!important;accent-color:var(--neo-brand)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;margin-bottom:8px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial-add .btn{display:inline-flex;align-items:center;height:40px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial-count{margin:0 0 10px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serials{display:grid;border:1px solid var(--neo-line);border-radius:12px;overflow:hidden}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serials .inv-empty{border:0;border-radius:0}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 10px;align-items:center;padding:9px 12px;border-top:1px solid var(--neo-line)}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial:first-child{border-top:0}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial code{font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial small{grid-column:1/2;color:var(--neo-muted);font-size:11.5px}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-serial .inv-link-btn{grid-column:3;grid-row:1}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-sup-history{display:grid;gap:6px;padding-top:0}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-sup-po{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;width:100%!important;padding:9px 12px!important;border:1px solid var(--neo-line)!important;border-radius:10px!important;background:var(--neo-card)!important;color:var(--neo-ink)!important;font:inherit!important;font-size:13px!important;text-align:left;cursor:pointer;box-shadow:none!important}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-sup-po:hover{border-color:var(--neo-brand)!important}
:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-sup-po b{font-variant-numeric:tabular-nums}
@media (max-width:1280px){:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-tr{grid-template-columns:minmax(140px,1fr) minmax(130px,1fr) minmax(0,1.4fr) 110px 110px 120px}}
@media (max-width:860px){
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-kpis{grid-template-columns:1fr 1fr}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-kpis .k-value{grid-column:auto}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-tr{grid-template-columns:minmax(0,1fr) auto}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-tr>:nth-child(n+2):nth-child(-n+4){display:none}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-tr>:nth-child(6){grid-column:1/-1;justify-content:flex-start}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-sup-tr{grid-template-columns:minmax(0,1fr) auto}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-sup-tr>:nth-child(2),:is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-sup-tr>:nth-child(3){display:none}
  :is(#tab-inventory,#inv-portal,#tab-service,#svc-portal) .inv-po-meta{grid-template-columns:1fr 1fr}
}

.signoff-panel{display:grid;gap:8px;margin-top:12px;text-align:left;padding:12px 14px;border:1px solid var(--neo-line);border-radius:var(--neo-r-md,12px);background:var(--neo-page-2)}
.signoff-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.86rem}
.so-backdrop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;background:rgba(10,16,32,.55);backdrop-filter:blur(3px);animation:so-fade .16s ease-out}
.so-dialog{width:min(100%,520px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--neo-line,#e4e9f2);border-radius:18px;background:var(--neo-card,#fff);color:var(--neo-ink,#101b33);box-shadow:0 30px 70px -20px rgba(10,16,32,.5);animation:so-rise .2s cubic-bezier(.2,.8,.2,1)}
.so-dialog svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.so-head{display:flex;align-items:center;gap:12px;padding:18px 18px 16px 20px;border-bottom:1px solid var(--neo-line,#e4e9f2)}
.so-head>div{flex:1;min-width:0}
.so-head h2{margin:0;font-size:1.06rem;font-weight:800;letter-spacing:-.01em}
.so-head p{margin:2px 0 0;font-size:.84rem;color:var(--neo-muted,#5d6b85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.so-badge{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex:none;color:var(--neo-success,#16a34a);background:color-mix(in srgb,var(--neo-success,#16a34a) 12%,transparent)}
.so-x{display:grid;place-items:center;width:34px;height:34px;flex:none;border:0;border-radius:9px;background:transparent;color:var(--neo-muted,#5d6b85);cursor:pointer;transition:background .12s,color .12s}
.so-x:hover{background:var(--neo-page-2,#eef2f9);color:var(--neo-ink,#101b33)}
.so-x.sm{width:28px;height:28px}.so-x.sm svg{width:15px;height:15px}
.so-body{display:grid;gap:18px;padding:20px;overflow:auto}
.so-field{display:grid;gap:8px;margin:0}
.so-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:.84rem;font-weight:700;color:var(--neo-ink-2,#33415e)}
.so-label em{font-style:normal;font-weight:600;font-size:.76rem;color:var(--neo-muted,#5d6b85)}
.so-field textarea,.so-field input[type=date]{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid var(--neo-line,#e4e9f2);border-radius:12px;background:var(--neo-card,#fff);color:inherit;font:inherit;font-size:.92rem;transition:border-color .12s,box-shadow .12s}
.so-field textarea{resize:vertical;min-height:104px;line-height:1.5}
.so-field textarea:focus,.so-field input[type=date]:focus{outline:0;border-color:var(--neo-brand,#3d63f2);box-shadow:0 0 0 4px color-mix(in srgb,var(--neo-brand,#3d63f2) 16%,transparent)}
.so-drop{display:grid;justify-items:center;gap:4px;padding:18px 14px;border:1.5px dashed var(--neo-line-strong,#cfd7e6);border-radius:14px;background:var(--neo-card-2,#f7f9fd);text-align:center;cursor:pointer;transition:border-color .12s,background .12s}
.so-drop:hover,.so-drop.is-over,.so-drop:focus-within{border-color:var(--neo-brand,#3d63f2);background:color-mix(in srgb,var(--neo-brand,#3d63f2) 6%,var(--neo-card,#fff))}
.so-drop-ico{display:grid;place-items:center;width:36px;height:36px;margin-bottom:4px;border-radius:50%;color:var(--neo-brand,#3d63f2);background:color-mix(in srgb,var(--neo-brand,#3d63f2) 12%,transparent)}
.so-drop strong{font-size:.9rem}.so-drop small{font-size:.76rem;color:var(--neo-muted,#5d6b85)}
.so-files{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.so-files li{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 10px;border:1px solid var(--neo-line,#e4e9f2);border-radius:10px;font-size:.84rem}
.so-file-ico{display:flex;color:var(--neo-muted,#5d6b85)}
.so-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.so-files small{color:var(--neo-muted,#5d6b85);white-space:nowrap}
.so-note{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-size:.84rem;font-weight:600;color:var(--neo-brand,#3d63f2);background:color-mix(in srgb,var(--neo-brand,#3d63f2) 9%,transparent)}
.so-error{margin:0;padding:10px 12px;border-radius:10px;font-size:.84rem;font-weight:600;color:var(--neo-danger,#dc2626);background:color-mix(in srgb,var(--neo-danger,#dc2626) 9%,transparent)}
.so-error[hidden]{display:none}
.so-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--neo-line,#e4e9f2);background:var(--neo-card-2,#f7f9fd)}
#dashboard-view .so-foot .btn{min-height:40px!important;padding:0 18px!important;border-radius:11px!important}
.so-badge.danger{color:var(--neo-danger,#dc2626);background:color-mix(in srgb,var(--neo-danger,#dc2626) 12%,transparent)}
#dashboard-view .so-body .label{display:grid!important;gap:8px!important;margin:0!important;font-size:.84rem!important;font-weight:700!important;color:var(--neo-ink-2,#33415e)!important}
#dashboard-view .so-body .label .muted{font-weight:600;font-size:.76rem}
#dashboard-view .so-body .field{width:100%!important;box-sizing:border-box!important;min-height:44px!important;padding:10px 13px!important;border:1px solid var(--neo-line,#e4e9f2)!important;border-radius:12px!important;background:var(--neo-card,#fff)!important;color:var(--neo-ink,#101b33)!important;font:inherit!important;font-size:.92rem!important;font-weight:500!important;box-shadow:none!important}
#dashboard-view .so-body textarea.field{min-height:96px!important;line-height:1.5!important;resize:vertical}
#dashboard-view .so-body .field:focus{outline:0!important;border-color:var(--neo-brand,#3d63f2)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--neo-brand,#3d63f2) 16%,transparent)!important}
#dashboard-view .so-body .so-pick{padding:0!important;position:relative}
#dashboard-view .so-body .so-pick summary{padding:11px 13px;cursor:pointer;list-style:none;font-weight:500}
#dashboard-view .so-body .so-pick summary::-webkit-details-marker{display:none}
#dashboard-view .so-body .so-pick>div{max-height:220px;overflow:auto;padding:4px;border-top:1px solid var(--neo-line,#e4e9f2)}
#dashboard-view .so-body .so-pick label{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:8px 9px!important;border-radius:8px;font-weight:600;font-size:.88rem;cursor:pointer}
#dashboard-view .so-body .so-pick label:hover{background:var(--neo-page-2,#eef2f9)}
#dashboard-view .so-body .so-pick input[type=checkbox]{width:16px!important;height:16px!important;min-height:0!important;flex:none!important;margin:0!important;accent-color:var(--neo-brand,#3d63f2)}
#dashboard-view .so-body .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:0!important;align-items:start!important}
.so-thread{display:grid;gap:8px;max-height:46vh;overflow:auto;padding:2px}
.so-msg{max-width:85%;padding:10px 12px;border-radius:14px 14px 14px 4px;background:var(--neo-page-2,#eef2f9)}
.so-msg.mine{justify-self:end;border-radius:14px 14px 4px 14px;background:color-mix(in srgb,var(--neo-brand,#3d63f2) 11%,var(--neo-card,#fff))}
.so-msg strong{font-size:.76rem}.so-msg p{margin:3px 0;font-size:.88rem;white-space:pre-wrap;overflow-wrap:anywhere}.so-msg small{font-size:.7rem;color:var(--neo-muted,#5d6b85)}
.so-empty{margin:0;padding:18px;text-align:center;color:var(--neo-muted,#5d6b85);font-size:.88rem}
@media (max-width:560px){#dashboard-view .so-body .form-grid{grid-template-columns:1fr!important}#dashboard-view .so-body .form-grid>*{grid-column:auto!important}}
@keyframes so-fade{from{opacity:0}}@keyframes so-rise{from{opacity:0;transform:translateY(10px) scale(.98)}}
@media (max-width:560px){.so-backdrop{place-items:end stretch;padding:0}.so-dialog{width:100%;max-height:92dvh;border-radius:18px 18px 0 0}.so-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.so-foot .btn{flex:1}}
@media (prefers-reduced-motion:reduce){.so-backdrop,.so-dialog{animation:none}}
.signoff-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:start;font-size:.82rem}
.signoff-row p{margin:3px 0 0;color:var(--neo-ink-2);white-space:pre-wrap;overflow-wrap:anywhere}
.signoff-dot{width:10px;height:10px;margin-top:4px;border-radius:999px;border:2px solid var(--neo-muted);box-sizing:border-box}
.signoff-row.is-signed .signoff-dot{border-color:var(--neo-success);background:var(--neo-success)}
.signoff-panel .workflow-ticket-media{display:flex;flex-wrap:wrap;gap:6px}

#tab-service .svc-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
#tab-service .svc-tr{display:grid;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--neo-line);cursor:pointer;transition:background .12s}
#tab-service .svc-tr.inv-th{border-top:0;cursor:default}
#tab-service .svc-tr:not(.inv-th):hover{background:var(--neo-card-2)}
#tab-service .svc-tr:focus-visible{outline:2px solid var(--neo-brand);outline-offset:-2px}
#tab-service .svc-tickets .svc-tr{grid-template-columns:minmax(220px,2.2fr) 128px minmax(150px,1fr) 110px 130px}
#tab-service .svc-visits .svc-tr{grid-template-columns:minmax(150px,1fr) minmax(180px,1.5fr) minmax(130px,1fr) minmax(110px,.8fr) minmax(170px,auto)}
#tab-service .svc-contracts .svc-tr{grid-template-columns:minmax(180px,1.5fr) minmax(170px,1.3fr) minmax(140px,1fr) 70px 110px 90px}
#tab-service .svc-sites .svc-tr{grid-template-columns:minmax(220px,2fr) 120px minmax(130px,1fr) 120px 130px minmax(160px,1.2fr);column-gap:20px}
#tab-service .svc-sites .svc-tr>:is(:nth-child(4),:nth-child(5)){text-align:center;justify-content:center}
#tab-service .svc-sites .svc-tr.inv-th>*{white-space:nowrap}
#tab-service .svc-tr .r{text-align:right;justify-content:flex-end}
#tab-service .svc-tr>span{min-width:0;font-size:14px}
#tab-service .svc-name{display:grid;gap:2px;min-width:0}
#tab-service .svc-name strong{font-size:14.5px;overflow-wrap:anywhere}
#tab-service .svc-name small,#tab-service .svc-sla small{color:var(--neo-muted);font-size:12px}
#tab-service .svc-sla{display:grid;gap:3px;justify-items:start}
#tab-service .svc-muted{color:var(--neo-muted)}
#tab-service .svc-late{color:var(--inv-out)!important;font-weight:600}
#tab-service .svc-hot{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--inv-out) 13%,transparent);color:var(--inv-out);font-size:12px}
#tab-service .svc-row-actions{display:flex;align-items:center;gap:8px}
#tab-service .svc-row-actions .btn{display:inline-flex;align-items:center;gap:5px}
#tab-service .svc-row-actions .ui-icon{width:15px;height:15px}
#tab-service .svc-tr.s-overdue{box-shadow:inset 3px 0 0 var(--inv-out)}
#tab-service .svc-tr.s-done,#tab-service .svc-tr.s-cancelled{color:var(--neo-muted)}
html body #dashboard-view #tab-service select.svc-priority{appearance:none!important;-webkit-appearance:none!important;height:30px!important;padding:0 28px 0 12px!important;font-family:inherit!important;color:var(--neo-ink-2)!important;background:var(--neo-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 9px center/13px!important;border:1px solid var(--neo-line)!important;border-radius:999px!important;cursor:pointer!important;max-width:100%!important;min-height:30px!important;width:auto!important;min-width:104px!important;font-size:13px!important;font-weight:600!important;line-height:28px!important;box-shadow:none!important}
html body #dashboard-view #tab-service select.svc-priority:focus-visible{outline:none;border-color:var(--neo-brand);box-shadow:var(--neo-ring)}
#tab-service .svc-priority option{color:var(--neo-ink);background:var(--neo-card)}
:is(#tab-service,#svc-portal) .p-urgent,html body #dashboard-view #tab-service select.svc-priority.p-urgent{color:var(--inv-out)!important;border-color:color-mix(in srgb,var(--inv-out) 45%,var(--neo-line))!important;background-color:color-mix(in srgb,var(--inv-out) 8%,var(--neo-card))!important}
:is(#tab-service,#svc-portal) .p-high,html body #dashboard-view #tab-service select.svc-priority.p-high{color:var(--inv-low)!important;border-color:color-mix(in srgb,var(--inv-low) 45%,var(--neo-line))!important}
:is(#tab-service,#svc-portal) .p-low{color:var(--neo-muted)!important}
:is(#tab-service,#svc-portal) .inv-pill.p-normal{background:var(--neo-page-2);color:var(--neo-ink-2)}
#tab-service .svc-error{margin-bottom:16px}
#svc-portal .svc-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
#svc-portal .svc-summary>div{display:grid;gap:3px;min-width:0}
#svc-portal .svc-summary>div span{font-size:12px;color:var(--neo-muted);font-weight:600}
#svc-portal .svc-summary>div strong{font-size:14.5px;overflow-wrap:anywhere}
#svc-portal .svc-summary .w-expiring{color:var(--inv-low)}
#svc-portal .svc-summary .w-expired{color:var(--neo-muted)}
#svc-portal .svc-summary-actions{justify-content:flex-start!important;gap:8px;flex-wrap:wrap}
#svc-portal .svc-summary-actions .btn,#svc-portal .svc-link-row .btn,#svc-portal .inv-form-actions .btn{display:inline-flex;align-items:center;gap:6px}
#svc-portal .svc-summary-actions .ui-icon,#svc-portal .svc-link-row .ui-icon,#svc-portal .inv-form-actions .ui-icon{width:15px;height:15px}
#svc-portal .inv-dtabs{overflow-x:auto;scrollbar-width:none}
#svc-portal .inv-dtabs::-webkit-scrollbar{display:none}
#svc-portal .inv-dtabs button{flex:none;white-space:nowrap}
#svc-portal .svc-lines{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#svc-portal .svc-lines li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--neo-line);border-radius:var(--neo-r-md);background:var(--neo-card)}
#svc-portal .svc-lines li>div{display:grid;gap:2px;min-width:0}
#svc-portal .svc-lines li strong{font-size:14px;overflow-wrap:anywhere}
#svc-portal .svc-lines li small{font-size:12px;color:var(--neo-muted)}
#svc-portal .svc-lines li p{margin:6px 0 0;font-size:13px;color:var(--neo-ink-2);white-space:pre-wrap}
#svc-portal .svc-lines li>code{margin-left:auto}
#svc-portal .svc-lines code{font-size:12.5px;padding:3px 8px;border-radius:7px;background:var(--neo-page-2);border:1px solid var(--neo-line);white-space:nowrap}
#svc-portal .svc-click{cursor:pointer}
#svc-portal .svc-click:hover{border-color:color-mix(in srgb,var(--neo-brand) 40%,var(--neo-line))}
#svc-portal .svc-link-row{margin:12px 0 0}
#svc-portal .svc-next{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--neo-brand) 8%,transparent);color:var(--neo-brand);font-size:13.5px;font-weight:600}
#svc-portal .svc-next .ui-icon{width:16px;height:16px}
#svc-portal .svc-danger{color:var(--neo-danger)!important}
#svc-portal .svc-form-error{margin:0;color:var(--neo-danger);font-size:13px;font-weight:600}
#svc-portal .svc-form-error[hidden]{display:none}
@media (max-width:1280px){#tab-service .svc-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){
  #tab-service .svc-kpis{grid-template-columns:1fr 1fr}
  html body #dashboard-view #tab-service .svc-kpis .inv-kpi-text span{white-space:normal!important;overflow:visible!important;line-height:1.25}
  #tab-service .svc-table{border:0;background:transparent;box-shadow:none;display:grid;gap:10px}
  #tab-service .svc-tr.inv-th{display:none}
  #tab-service .svc-table .svc-tr{grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--neo-line);border-radius:var(--neo-r-md);background:var(--neo-card);gap:8px 12px}
  #tab-service .svc-table .svc-tr>span:first-child{grid-column:1/-1}
  #tab-service .svc-table .svc-tr>span.r{text-align:left;justify-content:flex-start}
  #tab-service .inv-seg{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-template-columns:none}
  #svc-portal .svc-summary{grid-template-columns:1fr 1fr}
}