/* Dense, grouped Business Settings view. */
body[data-view="settings"] #content{max-width:1320px;margin:0 auto}
body[data-view="settings"] .intro{margin-bottom:8px}
body[data-view="settings"] .intro h2{font-size:18px}
body[data-view="settings"] .intro p{margin-bottom:6px}
body[data-view="settings"] .settingsgrid{gap:10px}
body[data-view="settings"] .panel{margin-bottom:10px}
body[data-view="settings"] .panelhead{padding:8px 11px;min-height:38px}
body[data-view="settings"] .panelhead h2{font-size:13px}
body[data-view="settings"] .panelbody{padding:10px 11px}
body[data-view="settings"] .settingsgrid .panelbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;align-content:start}
body[data-view="settings"] .settingsgrid .panelbody>.field{margin:0}
body[data-view="settings"] .settingsgrid .panelbody>.field:has(textarea),
body[data-view="settings"] .settingsgrid .panelbody>.notice,
body[data-view="settings"] .settingsgrid .panelbody>.brandingPreview,
body[data-view="settings"] .settingsgrid .panelbody>p{grid-column:1/-1}
body[data-view="settings"] .settingsgrid textarea{min-height:52px}
body[data-view="settings"] .settingsgrid .brandingPreview{margin:0!important;max-height:118px;overflow:hidden}
body[data-view="settings"] .settingsgrid .garageLogo{max-width:104px!important;max-height:104px!important;object-fit:contain}
body[data-view="settings"] .settingsgrid label.field[style]{margin:4px auto!important}
body[data-view="settings"] .panelbody>p{margin:0 0 8px;font-size:10.5px;line-height:1.4}
body[data-view="settings"] .formgrid{gap:8px 12px}
body[data-view="settings"] .field{gap:3px}
body[data-view="settings"] .field>span{font-size:9px}
body[data-view="settings"] input,body[data-view="settings"] select{min-height:31px;height:31px;padding:6px 8px;font-size:12px}
body[data-view="settings"] textarea{padding:7px 8px;font-size:12px}
body[data-view="settings"] .notice{padding:7px 9px;margin-bottom:8px;font-size:10px}
body[data-view="settings"] .toolbar{margin:8px 0;gap:6px}
body[data-view="settings"] .toolbar .btn{min-height:31px;padding:6px 9px;font-size:10.5px}
body[data-view="settings"] [data-settings-category="invoice"],
body[data-view="settings"] [data-settings-category="payment"]{border-left:3px solid #2563eb}
body[data-view="settings"] [data-settings-category="payment"]{border-left-color:#059669}
body[data-view="settings"] .invoiceAssetGrid{gap:10px}
body[data-view="settings"] .invoiceAssetGrid section{padding:8px}
body[data-view="settings"] .assetSettingsPreview{max-height:72px;max-width:112px}
body[data-view="settings"] #settingsForm>.toolbar{position:sticky;bottom:0;z-index:3;padding:8px;background:#f8fafc;border:1px solid #dbe3ed;margin:10px 0 0}
@media(max-width:700px){
  body[data-view="settings"] .settingsgrid,body[data-view="settings"] .settingsgrid .panelbody{grid-template-columns:1fr}
  body[data-view="settings"] .settingsgrid .panelbody>*{grid-column:auto!important}
  body[data-view="settings"] .formgrid{grid-template-columns:1fr}
}