/* FLEET Inventory 2.0 v0.3 — scoped styles; no modal/prompt/pop-up. */
.asset2Hero{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;margin:0 0 1rem;border:1px solid #262626;border-radius:14px;background:#0b0b0b;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.asset2Hero h2{margin:.2rem 0 .5rem}.asset2HeroNumbers{display:flex;flex-direction:column;text-align:right}.asset2HeroNumbers b{font-size:2.5rem}.asset2HeroNumbers small{opacity:.7}
.asset2Stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.asset2Stats>div{border:1px solid var(--border,#303030);border-radius:12px;padding:1rem;background:var(--card,#161616);display:flex;flex-direction:column}.asset2Stats strong{font-size:1.7rem}.asset2Stats span{opacity:.7;font-size:.8rem}
.asset2Tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:.7rem 0 1rem}.asset2Tabs button.selected{border-color:#e5e5e5;color:#e5e5e5}.asset2Feedback{min-height:1.3rem;margin:.4rem 0}.asset2Feedback.ok{color:#e5e5e5}.asset2Feedback.bad{color:#fa7483}
.asset2List,.asset2Editor{margin-bottom:1rem}.asset2Toolbar,.asset2EditorHead{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.asset2Toolbar h3,.asset2EditorHead h3{margin:0}.asset2Filters{display:grid;grid-template-columns:minmax(200px,1fr) minmax(130px,200px) minmax(130px,180px);gap:.75rem;margin:1rem 0}
.asset2Filters label,.asset2Editor label,.asset2Inline label,.asset2Grid label{display:flex;flex-direction:column;gap:.35rem}.asset2Filters input,.asset2Filters select,.asset2Editor input,.asset2Editor select,.asset2Editor textarea,.asset2Inline input,.asset2Inline select,.asset2Grid input,.asset2Grid select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.asset2Editor form{display:flex;flex-direction:column;gap:.85rem;margin-top:1rem}.asset2Grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;align-items:end}.asset2FieldsHeading{font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;opacity:.65;margin:1rem 0 .5rem}.asset2Actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.asset2Inline{display:flex;flex-wrap:wrap;align-items:end;gap:.8rem;margin:1rem 0}.asset2Inline label{flex:1;min-width:150px}.asset2InlineEditor{margin:1rem 0;border:1px solid var(--border,#303030);border-radius:10px;padding:.9rem}.asset2InlineEditor>summary{cursor:pointer;font-weight:600;list-style:none}.asset2Inset{margin-top:1rem}.asset2Segments,.asset2RowActions{display:flex;gap:.4rem;flex-wrap:wrap}.asset2Chip{padding:.35rem .65rem;border:1px solid var(--border,#303030);border-radius:30px;font-size:.8rem}.asset2DueDanger{color:#fa7483}.asset2DueWarning{color:#e9b55d}.asset2Description{display:block;opacity:.65;font-size:.8rem}.asset2Money{white-space:nowrap;font-variant-numeric:tabular-nums}.asset2ResultCount{margin:.7rem 0 0}.asset2Bind{margin:1rem 0}.asset2List table{min-width:650px}.asset2List .tableWrap{overflow-x:auto}
@media(max-width:950px){.asset2Stats{grid-template-columns:repeat(2,minmax(0,1fr))}.asset2Grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.asset2Hero{flex-direction:column;align-items:flex-start}.asset2HeroNumbers{text-align:left}.asset2Filters,.asset2Grid{grid-template-columns:1fr}.asset2Stats{gap:.5rem}.asset2Toolbar button{width:100%}}

.asset2Confirm{display:flex;flex-direction:column;gap:.35rem;min-width:145px}.asset2Confirm .muted{font-size:.75rem}

/* v0.3.1 DEV-only hotfix: global ui-phase3g.css forces all nav vertical (!important).
   Restrict the horizontal override to the inventory nav inside #app. */
body[data-auth-view="false"] #app nav.asset2Tabs {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 10px 0 16px !important;
  width: 100% !important;
  min-width: 0 !important;
}
body[data-auth-view="false"] #app nav.asset2Tabs > button {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 76px !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  padding: 9px 14px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  cursor: pointer;
}
body[data-auth-view="false"] #app nav.asset2Tabs > button.selected {
  color: #e5e5e5 !important;
  border-color: #e5e5e5 !important;
  background: rgba(255,255,255,.08) !important;
}
body[data-auth-view="false"] #app nav.asset2Tabs > button:focus-visible {
  outline: 2px solid #e5e5e5 !important;
  outline-offset: 2px !important;
}
@media(max-width:650px){
  body[data-auth-view="false"] #app nav.asset2Tabs { gap: 6px !important; }
  body[data-auth-view="false"] #app nav.asset2Tabs > button {
    flex: 1 1 auto !important;
    min-width: 92px !important;
    padding: 10px 12px !important;
  }
}


/* v0.3.2 DEV-only visual polish: page title icon, tab icons, darker header card */
.asset2PageTitle{display:inline-flex;align-items:center;gap:.7rem}
.asset2PageTitleIcon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #303030;border-radius:12px;color:#e5e5e5;background:rgba(255,255,255,.04)}
.asset2Icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex:0 0 auto}
.asset2Icon svg{width:1rem;height:1rem;display:block}
body[data-auth-view="false"] #app nav.asset2Tabs > button {justify-content:flex-start !important;gap:10px !important;}
body[data-auth-view="false"] #app nav.asset2Tabs > button .asset2TabIcon{color:inherit}
body[data-auth-view="false"] #app nav.asset2Tabs > button.selected .asset2TabIcon{color:#e5e5e5 !important}
body[data-auth-view="false"] #app nav.asset2Tabs > button > span:last-child{display:inline-flex;align-items:center}
@media(max-width:650px){
  .asset2PageTitle{gap:.55rem}
  .asset2PageTitleIcon{width:1.85rem;height:1.85rem;border-radius:10px}
  body[data-auth-view="false"] #app nav.asset2Tabs > button {justify-content:center !important;gap:8px !important;}
}

/* v0.3.3 — true neutral-black Inventory palette + readable, unified icons.
   These declarations only target Inventory. Keep FLEET global theme intact. */
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app .asset2Hero {
  background:#080808 !important;
  color:#f5f5f5 !important;
  border-color:#242424 !important;
  box-shadow:none !important;
}
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app .asset2Stats > div {
  background:#101010 !important;
  color:#f5f5f5 !important;
  border:1px solid #272727 !important;
  box-shadow:none !important;
}
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app .asset2Stats > div span {
  color:#b5b5b5 !important;
  opacity:1 !important;
}
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app #assets2Body .detailCard,
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app #assets2Body .asset2InlineEditor {
  background:#0a0a0a !important;
  border-color:#272727 !important;
  color:#ededed !important;
  box-shadow:none !important;
}
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app #assets2Body :is(.tableWrap,table,tbody tr,tbody td) {
  background:#0c0c0c !important;
  border-color:#232323 !important;
}
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app #assets2Body tbody tr:hover td {
  background:#181818 !important;
}
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app #assets2Body :is(thead,thead tr,thead th) {
  background:#171717 !important;
  border-color:#2c2c2c !important;
  color:#c8c8c8 !important;
}
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app nav.asset2Tabs > button {
  background:#111111 !important;
  border:1px solid #292929 !important;
  color:#e5e5e5 !important;
  box-shadow:none !important;
}
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app nav.asset2Tabs > button:hover {
  background:#1b1b1b !important;
  border-color:#454545 !important;
}
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app nav.asset2Tabs > button.selected {
  background:#242424 !important;
  border-color:#777777 !important;
  color:#ffffff !important;
}
/* Consistent sidebar glyph, no unrelated cube/layers icon on the title. */
body[data-auth-view="false"] #app .asset2PageTitleIcon {
  width:25px !important;height:25px !important;
  border:0 !important;border-radius:0 !important;
  background:transparent !important;
  color:inherit !important;
}
body[data-auth-view="false"] #app .asset2Icon .asset2AssetGlyph {
  display:inline-flex;align-items:center;justify-content:center;
  font:700 23px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  width:1em;height:1em;color:currentColor;
}
body[data-auth-view="false"] #app .asset2PageTitleIcon .asset2AssetGlyph {
  font-size:25px;color:#e4e4e4;
}
/* Icons are fully visible with native FLEET monochrome active states. */
body[data-auth-view="false"] #app nav.asset2Tabs > button {
  display:inline-flex !important;gap:11px !important;
  min-height:44px !important;min-width:126px !important;
  align-items:center !important;justify-content:center !important;
  padding:11px 16px !important;
  border-radius:9px !important;
  font-size:13px !important;
  letter-spacing:0 !important;
}
body[data-auth-view="false"] #app nav.asset2Tabs > button .asset2TabIcon {
  flex:0 0 21px !important;
  width:21px !important;height:21px !important;
  color:inherit !important;
}
body[data-auth-view="false"] #app nav.asset2Tabs > button .asset2TabIcon svg {
  width:20px !important;height:20px !important;
  stroke-width:2 !important;
}
body[data-auth-view="false"] #app nav.asset2Tabs > button .asset2AssetGlyph {
  font-size:22px;
}
body[data-auth-view="false"] #app nav.asset2Tabs > button.selected .asset2TabIcon {
  color:inherit !important;
}
body[data-auth-view="false"] #app nav.asset2Tabs > button:focus-visible {
  outline:2px solid #f0f0f0 !important;outline-offset:3px !important;
}
/* Light mode remains light/neutral; prevent dark palette overrides on toggle. */
html[data-auth-theme="light"] body[data-auth-view="false"] #app .asset2Hero,
html[data-auth-theme="light"] body[data-auth-view="false"] #app .asset2Stats > div {
  background:#fff !important;color:#171717 !important;
  border-color:#dedede !important;box-shadow:none !important;
}
html[data-auth-theme="light"] body[data-auth-view="false"] #app .asset2PageTitleIcon .asset2AssetGlyph {
  color:#1e1e1e !important;
}
html[data-auth-theme="light"] body[data-auth-view="false"] #app nav.asset2Tabs > button {
  background:#f6f6f6 !important;color:#242424 !important;
  border-color:#dadada !important;
}
html[data-auth-theme="light"] body[data-auth-view="false"] #app nav.asset2Tabs > button.selected {
  background:#e9e9e9 !important;color:#181818 !important;
  border-color:#777777 !important;
}
@media(max-width:650px){
 body[data-auth-view="false"] #app nav.asset2Tabs > button {
   min-width:calc(50% - 5px) !important;flex:1 1 calc(50% - 5px) !important;
   padding:11px 12px !important;
 }
}

/* v0.3.4 — verified rendering fix for disappearing Inventory tab icons.
   FLEET global `nav a,nav span {padding:11px}` also matched the inline icon
   wrappers. Their available content width collapsed to 0px, so SVGs existed
   in the DOM but were not painted. Reset only the inventory nav's nested spans. */
body[data-auth-view="false"] #app nav.asset2Tabs .asset2TabIcon,
body[data-auth-view="false"] #app nav.asset2Tabs .asset2TabIcon svg,
body[data-auth-view="false"] #app nav.asset2Tabs .asset2TabIcon .asset2AssetGlyph,
body[data-auth-view="false"] #app nav.asset2Tabs button > span:last-child {
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
}
body[data-auth-view="false"] #app nav.asset2Tabs .asset2TabIcon {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 22px !important;
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  overflow:visible !important;
}
body[data-auth-view="false"] #app nav.asset2Tabs .asset2TabIcon svg {
  display:block !important;
  flex:0 0 20px !important;
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
  stroke:currentColor !important;
}
/* Make sure text labels aren't padded by FLEET's generic `nav span`. */
body[data-auth-view="false"] #app nav.asset2Tabs button > span:last-child {
  display:inline-block !important;
  width:auto !important;
  min-width:0 !important;
  white-space:nowrap !important;
}

/* v0.3.5 — only original FLEET sidebar SVGs may appear in Inventory. */
body[data-auth-view="false"] #app .asset2Icon {
  padding:0 !important;
  margin:0 !important;
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  overflow:visible !important;
}
body[data-auth-view="false"] #app .asset2Icon[hidden] {display:none !important;}
body[data-auth-view="false"] #app .asset2Icon > svg.asset2NativeIconSvg {
  display:block !important;
  width:19px !important;
  min-width:19px !important;
  height:19px !important;
  flex:0 0 19px !important;
  padding:0 !important;
  margin:0 !important;
  stroke:currentColor !important;
  stroke-width:1.85 !important;
  fill:none !important;
}
body[data-auth-view="false"] #app .asset2PageTitleIcon {
  width:28px !important;
  min-width:28px !important;
  height:28px !important;
  flex-basis:28px !important;
  color:var(--ui-text, #eeeeee) !important;
  background:transparent !important;
  border-color:var(--ui-border, #272727) !important;
}
body[data-auth-view="false"] #app nav.asset2Tabs > button.selected .asset2TabIcon {
  color:inherit !important;
}
html[data-auth-theme="light"] body[data-auth-view="false"] #app .asset2PageTitleIcon {
  color:#242424 !important;
  background:transparent !important;
  border-color:#dadada !important;
}

/* FLEET Inventory v0.4: in-page detail, provider, finance and renewal views.
   Scoped to Inventory only; preserve v0.3.5 native sidebar icon rendering. */
body[data-auth-view="false"] #app .asset2TextAction {appearance:none!important;background:none!important;border:0!important;color:inherit!important;font:inherit!important;font-weight:700!important;text-decoration:underline;text-decoration-color:#595959;text-underline-offset:3px;cursor:pointer;padding:0!important;}
body[data-auth-view="false"] #app .asset2TextAction:hover {color:#f4f4f4!important;}
body[data-auth-view="false"] #app .asset2FactGrid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:20px 0;}
body[data-auth-view="false"] #app .asset2FactGrid>div {border:1px solid var(--ui-border,#292929);padding:12px 14px;border-radius:10px;min-width:0;background:transparent;}
body[data-auth-view="false"] #app .asset2FactGrid dt {color:#aaa;font-size:11px;margin-bottom:6px;}
body[data-auth-view="false"] #app .asset2FactGrid dd {margin:0;overflow-wrap:anywhere;font-weight:600;}
body[data-auth-view="false"] #app .asset2MiniCols {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;}
body[data-auth-view="false"] #app .asset2MiniCols>div {border:1px solid var(--ui-border,#292929);border-radius:12px;padding:16px;min-width:0;}
body[data-auth-view="false"] #app .asset2MiniCols h4 {margin:0 0 12px;font-size:14px;}
body[data-auth-view="false"] #app .asset2CompactList {padding:0;margin:0;list-style:none;}
body[data-auth-view="false"] #app .asset2CompactList li {display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid #282828;padding:10px 0;font-size:12px;}
body[data-auth-view="false"] #app .asset2CompactList li span {color:#b4b4b4;}
body[data-auth-view="false"] #app .asset2ProviderGrid {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:16px;}
body[data-auth-view="false"] #app .asset2ProviderCard {border:1px solid #2b2b2b;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0;background:transparent;}
body[data-auth-view="false"] #app .asset2ProviderCard strong {font-size:15px;overflow-wrap:anywhere;}
body[data-auth-view="false"] #app .asset2ProviderCard span,body[data-auth-view="false"] #app .asset2ProviderCard small {color:#b4b4b4;overflow-wrap:anywhere;}
body[data-auth-view="false"] #app .asset2ProviderLink {margin-top:18px;}
body[data-auth-view="false"] #app .asset2FinanceOverview {border:1px solid #2b2b2b;border-radius:12px;padding:16px;margin:18px 0;}
body[data-auth-view="false"] #app .asset2FinanceGrid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0;}
body[data-auth-view="false"] #app .asset2FinanceCard {border:1px solid #2c2c2c;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;background:transparent;}
body[data-auth-view="false"] #app .asset2FinanceCard>strong {font-size:12px;letter-spacing:.1em;color:#e8e8e8;}
body[data-auth-view="false"] #app .asset2FinanceCard>div {display:flex;align-items:baseline;gap:9px;}
body[data-auth-view="false"] #app .asset2FinanceCard b {font-size:22px;font-variant-numeric:tabular-nums;}
body[data-auth-view="false"] #app .asset2FinanceCard span,body[data-auth-view="false"] #app .asset2FinanceCard small {color:#aaa;font-size:12px;}
body[data-auth-view="false"] #app .asset2KpiGrid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;}
body[data-auth-view="false"] #app .asset2KpiGrid>div {border:1px solid #2b2b2b;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:5px;}
body[data-auth-view="false"] #app .asset2KpiGrid strong {font-size:24px;}
body[data-auth-view="false"] #app .asset2KpiGrid span {color:#aaa;font-size:12px;}
body[data-auth-view="false"] #app .asset2Caution {font-size:12px;line-height:1.65;margin-top:10px;}
body[data-auth-view="false"] #app .asset2RenewalFilters {max-width:550px;margin-bottom:15px;}
html[data-auth-theme="light"] body[data-auth-view="false"] #app .asset2CompactList li {border-color:#ddd;}
html[data-auth-theme="light"] body[data-auth-view="false"] #app :is(.asset2CompactList li span,.asset2FactGrid dt,.asset2ProviderCard span,.asset2ProviderCard small,.asset2FinanceCard small,.asset2FinanceCard span,.asset2KpiGrid span) {color:#555;}
html[data-auth-theme="light"] body[data-auth-view="false"] #app :is(.asset2ProviderCard,.asset2FinanceCard,.asset2FinanceOverview,.asset2KpiGrid>div) {border-color:#d8d8d8;}
@media(max-width:760px){body[data-auth-view="false"] #app .asset2KpiGrid {grid-template-columns:repeat(2,minmax(0,1fr));}}


/* v0.4.1 — FLEET monochrome Inventory polish. Keep operational danger/warning colors.
   No decorative teal/green; dark uses black/gray/white, light uses neutral grays. */
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app nav.asset2Tabs > button.selected {
  background:#242424 !important; border-color:#777777 !important; color:#ffffff !important;
}
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app nav.asset2Tabs > button.selected .asset2TabIcon {
  color:#ffffff !important;
}
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app nav.asset2Tabs > button:focus-visible {
  outline:2px solid #f0f0f0 !important; outline-offset:3px !important;
}
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app .asset2FinanceCard > strong {
  color:#e8e8e8 !important;
}
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app .asset2Feedback.ok {color:#e5e5e5 !important;}
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app .asset2TextAction:hover {color:#ffffff !important;}
html[data-auth-theme="light"] body[data-auth-view="false"] #app nav.asset2Tabs > button.selected {
  background:#e9e9e9 !important; border-color:#777777 !important; color:#181818 !important;
}
html[data-auth-theme="light"] body[data-auth-view="false"] #app nav.asset2Tabs > button.selected .asset2TabIcon {
  color:#181818 !important;
}
html[data-auth-theme="light"] body[data-auth-view="false"] #app nav.asset2Tabs > button:focus-visible {
  outline:2px solid #333333 !important; outline-offset:3px !important;
}
html[data-auth-theme="light"] body[data-auth-view="false"] #app .asset2FinanceCard > strong {
  color:#242424 !important;
}
html[data-auth-theme="light"] body[data-auth-view="false"] #app .asset2Feedback.ok {color:#292929 !important;}
html[data-auth-theme="light"] body[data-auth-view="false"] #app .asset2TextAction:hover {color:#111111 !important;}

/* v0.4.2 — FLEET's own typography tokens, not an Inventory-specific font palette.
   ROOT CAUSE: legacy app.css sets `nav a, nav span {color:#8e9db2}`;
   the nested `<span>` label in Inventory nav inherited that blue-gray
   independently of the button. Force ONLY this nav label to inherit
   native FLEET --ui-text / --ui-text-2, same font metrics as #sidebar nav a.
   Honor both light and dark mode tokens rather than hardcoded hex colors. */
html[data-auth-theme] body[data-auth-view="false"] #app nav.asset2Tabs > button {
  font-family:var(--ui-font, Inter, system-ui, sans-serif) !important;
  font-size:12px !important;
  font-weight:400 !important;
  font-style:normal !important;
  line-height:1.32 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  color:var(--ui-text-2) !important;
}
html[data-auth-theme] body[data-auth-view="false"] #app nav.asset2Tabs > button > span:last-child {
  color:inherit !important;
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  font-style:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  text-transform:inherit !important;
  opacity:1 !important;
}
html[data-auth-theme] body[data-auth-view="false"] #app nav.asset2Tabs > button .asset2TabIcon,
html[data-auth-theme] body[data-auth-view="false"] #app nav.asset2Tabs > button .asset2TabIcon svg {
  color:inherit !important;
}
html[data-auth-theme] body[data-auth-view="false"] #app nav.asset2Tabs > button:is(:hover,:focus-visible),
html[data-auth-theme] body[data-auth-view="false"] #app nav.asset2Tabs > button.selected {
  color:var(--ui-text) !important;
}
@media (max-height:780px) and (min-width:801px) {
  html[data-auth-theme] body[data-auth-view="false"] #app nav.asset2Tabs > button {
    font-size:11.5px !important; /* FLEET compact-height sidebar */
  }
}
@media (max-width:800px) {
  html[data-auth-theme] body[data-auth-view="false"] #app nav.asset2Tabs > button {
    font-size:14px !important; /* FLEET mobile sidebar */
  }
}

/* v0.5.0 — subscription workspace using native FLEET text/tokens; no custom accents. */
body[data-auth-view="false"] #app .asset2ReminderBand{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.85rem;color:var(--ui-text-2)}
body[data-auth-view="false"] #app .asset2ReminderBand span{border:1px solid var(--border,#303030);border-radius:8px;padding:.5rem .85rem;font-size:12px}
body[data-auth-view="false"] #app .asset2ReminderBand b{color:var(--ui-text);font-variant-numeric:tabular-nums;margin-inline-start:.5rem}
body[data-auth-view="false"] #app .asset2SubscriptionSummary{border:1px solid var(--border,#303030);border-radius:10px;padding:1rem;margin:1rem 0;background:var(--card,#101010)}
body[data-auth-view="false"] #app .asset2SubscriptionSummary h4{margin:0}
body[data-auth-view="false"] #app .asset2SubscriptionTotals{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;margin-top:.8rem}
body[data-auth-view="false"] #app .asset2SubscriptionTotal{border:1px solid var(--border,#303030);border-radius:9px;padding:.85rem;display:flex;flex-direction:column;gap:.35rem;color:var(--ui-text)}
body[data-auth-view="false"] #app .asset2SubscriptionTotal>span,body[data-auth-view="false"] #app .asset2SubscriptionTotal>small{font-size:12px;color:var(--ui-text-2)}
body[data-auth-view="false"] #app .asset2SubscriptionTotal>strong{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
body[data-auth-view="false"] #app .asset2PlannerFilter{display:flex;align-items:center;gap:.65rem;color:var(--ui-text-2)}
body[data-auth-view="false"] #app .asset2PlannerFilter select{min-width:190px}
body[data-auth-view="false"] #app .asset2SubscriptionPlanner{border:1px solid var(--border,#303030);padding:1rem;border-radius:10px;margin:1rem 0;background:var(--card,#101010)}
body[data-auth-view="false"] #app .asset2SubscriptionPlanner h4{margin:0}
body[data-auth-view="false"] #app .asset2SubscriptionPlanner .asset2Grid{margin-top:1rem;align-items:end}
body[data-auth-view="false"] #app .asset2SubscriptionPlanner .asset2Confirm{margin-top:1rem;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.7rem}
body[data-auth-view="false"] #app .asset2SubscriptionPlanner .asset2Confirm p{flex-basis:100%;margin:0}
body[data-auth-view="false"] #app .asset2Subscriptions .tableWrap{overflow:auto}
body[data-auth-view="false"] #app .asset2Subscriptions table{min-width:740px}
html:not([data-auth-theme="light"]) body[data-auth-view="false"] #app :is(.asset2SubscriptionSummary,.asset2SubscriptionPlanner){background:#0c0c0c}
@media(max-width:700px){body[data-auth-view="false"] #app .asset2Subscriptions .asset2Toolbar{align-items:flex-start}body[data-auth-view="false"] #app .asset2PlannerFilter{width:100%}body[data-auth-view="false"] #app .asset2PlannerFilter select{flex:1;min-width:0}}

/* v0.6: Subscription ledger uses native FLEET tokens, no new palette */
body[data-auth-view="false"] #app .asset2V6Stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
body[data-auth-view="false"] #app .asset2V6Stats>div{display:flex;flex-direction:column;gap:5px;padding:16px;background:var(--card,#101010);border:1px solid var(--border,#303030);border-radius:10px}
body[data-auth-view="false"] #app .asset2V6Stats strong{font-size:22px;color:var(--ui-text)}
body[data-auth-view="false"] #app .asset2V6Stats span,body[data-auth-view="false"] #app .asset2V6Reminder{color:var(--ui-text-2);font-size:12px}
body[data-auth-view="false"] #app .asset2V6 .tableWrap{overflow-x:auto;margin-bottom:22px}
body[data-auth-view="false"] #app .asset2V6 .tableWrap table{min-width:810px}
body[data-auth-view="false"] #app .asset2V6Reminders{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 24px}
body[data-auth-view="false"] #app .asset2V6Reminder{padding:9px 12px;border:1px solid var(--border,#303030);border-radius:8px}
body[data-auth-view="false"] #app .asset2V6Review{background:var(--card,#101010);border:1px solid var(--border,#303030);border-radius:10px;padding:18px;margin:14px 0}
body[data-auth-view="false"] #app .asset2V6Review button{margin:6px}
body[data-auth-view="false"] #app .asset2V6Feedback{padding:8px 0;color:var(--ui-text-2)}
@media(max-width:800px){body[data-auth-view="false"] #app .asset2V6Stats{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v0.8.1 — Subscription/Finance light-theme contrast regression fix.
   FLEET's --card token can resolve to a dark value even in Light Mode.
   The Inventory v0.6/v0.8 panels must use FLEET's *active theme* tokens,
   not legacy card or hardcoded dark surfaces. Scoped to Inventory only. */
html[data-auth-theme] body[data-auth-view="false"] #app #assets2Body .asset2V6Review,
html[data-auth-theme] body[data-auth-view="false"] #app #assets2Body .asset2V6Stats > div {
  background:var(--ui-surface) !important;
  border-color:var(--ui-border) !important;
  color:var(--ui-text) !important;
  box-shadow:none !important;
}
html[data-auth-theme] body[data-auth-view="false"] #app #assets2Body .asset2V6Stats > div {
  background:var(--ui-surface-2) !important;
}
html[data-auth-theme] body[data-auth-view="false"] #app #assets2Body .asset2V6Review :is(h3,h4,strong),
html[data-auth-theme] body[data-auth-view="false"] #app #assets2Body .asset2V6Stats strong {
  color:var(--ui-text) !important;
}
html[data-auth-theme] body[data-auth-view="false"] #app #assets2Body .asset2V6Review :is(.muted,.asset2V6Feedback),
html[data-auth-theme] body[data-auth-view="false"] #app #assets2Body .asset2V6Stats span {
  color:var(--ui-text-2) !important;
}


/* v0.8.2 — Inventory consumes FLEET tokens; never introduce a new palette. */
html[data-auth-theme] body[data-auth-view="false"] #app #assets2Body :is(
  .asset2Hero,.asset2Card,.asset2SubscriptionSummary,.asset2SubscriptionPlanner,
  .asset2V6Review
){
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app #assets2Body :is(
  .asset2V6Stats>div,.asset2SubscriptionTotal,.asset2V6Reminder
){
  background:var(--ui-surface-2)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app nav.asset2Tabs > button{
  font-family:var(--ui-font)!important;
  color:var(--ui-text-2)!important;
  border-color:var(--ui-border)!important;
  background:var(--ui-button)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app nav.asset2Tabs > button:is(.selected,[aria-selected="true"]){
  color:var(--ui-text)!important;
  border-color:var(--ui-border-strong)!important;
  background:var(--ui-selected)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app nav.asset2Tabs > button :is(.asset2TabIcon,.asset2Icon,svg,span){
  color:inherit!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app #assets2Body :is(
  .asset2V6Stats span,.asset2V6Feedback,.asset2ReminderBand,
  .asset2PlannerFilter,.asset2SubscriptionTotal>span,.asset2SubscriptionTotal>small
){color:var(--ui-text-2)!important;}
html[data-auth-theme] body[data-auth-view="false"] #app #assets2Body :is(
  .asset2V6Stats strong,.asset2SubscriptionTotal>strong,.asset2TextAction
){color:var(--ui-text)!important;}
html[data-auth-theme] body[data-auth-view="false"] #app #assets2Body .asset2TextAction:hover{
  color:var(--ui-text)!important;text-decoration-color:currentColor!important;
}