/* views-business.css — the owner's Business area (#/business, economics
   plan F). Wide money grids scroll inside their card, never the page.
   The ONE Business tab row (components/business-tabs.js) keeps its own
   .business-tabs rules in views-business-billing.css; they are class-based,
   so they apply inside .business too (it sits in the .biz-header column). */
.business{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s4);min-width:0}
.biz-header{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.biz-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}
.biz-title{margin:0;font-size:20px;font-weight:600;color:var(--text-1)}
.biz-sub{margin:4px 0 0;color:var(--text-muted);font-size:13px}
.biz-body{display:flex;flex-direction:column;gap:var(--s4);min-width:0}
.biz-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s3)}
.biz-grid-wrap,.biz-table-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.biz-grid td,.biz-grid th{white-space:nowrap}
.biz-grid .biz-grid-label{position:sticky;left:0;background:var(--bg-card);z-index:1}
.biz-grid .is-future{opacity:.5}
.biz-grid th.is-current{color:var(--accent)}
.biz-grid .biz-grid-heading td{font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);padding-top:14px}
.biz-grid .biz-grid-strong td{font-weight:600;border-top:1px solid var(--border)}
.biz-table .num{text-align:right}
.biz-table tr.is-ended td{opacity:.55}
.biz-budget-grid .biz-cell{width:84px;min-height:30px;padding:4px 6px;text-align:right}
.biz-bar{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center;margin-bottom:var(--s3)}
.biz-actions{display:inline-flex;gap:4px;flex-wrap:wrap}
.biz-notes{margin:0;padding-left:18px;color:var(--text-muted);font-size:13px}
.biz-caveat{color:var(--text-muted);font-size:12px;margin:var(--s2) 0 0}
.biz-hint{color:var(--text-muted);font-size:12px;margin:var(--s2) 0 4px}
.biz-dialog{display:flex;flex-direction:column;gap:var(--s3)}
.biz-form .field.has-error .input{border-color:var(--danger)}
.biz-form-error{color:var(--danger);font-size:13px;margin:0;min-height:1em}
.biz-form-actions{display:flex;justify-content:flex-end;gap:var(--s2)}
.biz-rows{display:flex;flex-direction:column;gap:var(--s2);min-width:0}
.biz-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.biz-narrow{width:72px}
.biz-inline{display:inline-flex;align-items:center;gap:4px;font-size:13px}
.biz-segment{border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:var(--s3);margin:0 0 var(--s2);min-width:0}
.biz-epm{gap:4px}
.biz-epm-cell{display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--text-muted)}
.biz-epm-cell .input{width:52px;text-align:right}
@media (max-width:760px){
  .business{padding:var(--s3) 12px}
  .biz-budget-grid .biz-cell{width:72px}
}