/* 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 var(--border,#303747);border-radius:14px;background:var(--card,#161b26)}
.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,#303747);border-radius:12px;padding:1rem;background:var(--card,#161b26);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:#46caa5;color:#46caa5}.asset2Feedback{min-height:1.3rem;margin:.4rem 0}.asset2Feedback.ok{color:#46caa5}.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,#303747);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,#303747);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: #36c69d !important;
  border-color: #36c69d !important;
  background: rgba(54,198,157,.10) !important;
}
body[data-auth-view="false"] #app nav.asset2Tabs > button:focus-visible {
  outline: 2px solid #36c69d !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;
  }
}