/* Disorder119 owner business insights. Kept separate from the core operations UI. */
.business-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}
.business-toolbar__copy { color:var(--muted,#8c8c8c); font-size:.78rem; max-width:720px; }
.business-period {
  background:transparent;
  color:inherit;
  border:1px solid var(--line-strong,rgba(255,255,255,.2));
  padding:8px 10px;
  font:inherit;
  font-size:.76rem;
}
.business-period option { background:#111; }
.business-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:22px;
}
.business-kpi {
  border:1px solid var(--line,rgba(255,255,255,.13));
  background:rgba(255,255,255,.018);
  padding:15px;
  min-height:116px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.business-kpi__label { font-size:.64rem; letter-spacing:.09em; text-transform:uppercase; opacity:.48; }
.business-kpi__value { font-size:1.45rem; line-height:1.05; font-weight:700; margin:10px 0 6px; }
.business-kpi__sub { font-size:.72rem; opacity:.52; }
.business-section {
  border-top:1px solid var(--line,rgba(255,255,255,.13));
  padding-top:20px;
  margin-top:22px;
}
.business-section__head {
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-end;
  margin-bottom:12px;
}
.business-section__head h2 { margin:0; font-size:1rem; }
.business-section__head p { margin:0; font-size:.7rem; opacity:.45; }
.business-alerts {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.business-alert {
  border:1px solid var(--line,rgba(255,255,255,.13));
  padding:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:58px;
}
.business-alert strong { font-size:1.05rem; }
.business-alert span { font-size:.72rem; opacity:.62; }
.business-alert.is-hot { border-color:rgba(192,100,90,.75); }
.business-alert.is-ok { opacity:.52; }
.business-split {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.business-panel { border:1px solid var(--line,rgba(255,255,255,.13)); padding:14px; min-width:0; }
.business-panel h3 { margin:0 0 12px; font-size:.78rem; letter-spacing:.04em; text-transform:uppercase; }
.business-list { display:flex; flex-direction:column; gap:9px; }
.business-row { display:grid; grid-template-columns:minmax(90px,1fr) auto; gap:12px; align-items:center; font-size:.76rem; }
.business-row__main { min-width:0; }
.business-row__title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.business-row__meta { opacity:.43; font-size:.66rem; margin-top:2px; }
.business-row__value { text-align:right; white-space:nowrap; font-weight:600; }
.business-bar { height:3px; background:rgba(255,255,255,.08); margin-top:5px; overflow:hidden; }
.business-bar > i { display:block; height:100%; background:rgba(242,239,231,.72); }
.business-table { width:100%; border-collapse:collapse; font-size:.72rem; }
.business-table th,.business-table td { padding:9px 8px; border-bottom:1px solid var(--line,rgba(255,255,255,.1)); text-align:left; }
.business-table th { opacity:.45; font-size:.61rem; letter-spacing:.07em; text-transform:uppercase; }
.business-table td:last-child,.business-table th:last-child { text-align:right; }
.business-empty { padding:22px; text-align:center; opacity:.42; font-size:.78rem; }
.business-error { border:1px solid rgba(192,100,90,.6); padding:14px; font-size:.78rem; }
.business-pill { display:inline-block; border:1px solid var(--line,rgba(255,255,255,.14)); padding:2px 6px; font-size:.62rem; margin-left:5px; opacity:.65; }
@media (max-width:1100px) {
  .business-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .business-alerts { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .business-toolbar { align-items:flex-start; flex-direction:column; }
  .business-grid,.business-alerts,.business-split { grid-template-columns:1fr; }
  .business-kpi { min-height:96px; }
  .business-table { font-size:.66rem; }
}
