/* Step 36: scoped visual preview; permissions and actions remain unchanged. */
body.cf-admin-standalone,
body.cf-admin.is-admin,
body.cf-legacy,
body.cf-pay:has(#billingAdminSection:not([style*="display: none"])) {
  --cf-admin-page: #f7f8fc;
  --cf-admin-primary: #4f46e5;
  --cf-admin-border: #dbe1ec;
  background: var(--cf-admin-page);
}
body.cf-admin-standalone :is(header,section,.card,.intro,.lookup,.result),
body.cf-admin.is-admin :is(.tab-panel,.card,.admin-card),
body.cf-pay #billingAdminSection,
body.cf-legacy :is(.bg-white,.rounded-xl) { border-color: var(--cf-admin-border); box-shadow: none; }
body.cf-admin-standalone header { min-height: 72px; }
body.cf-admin-standalone :is(section,.card,.intro,.lookup,.result) { border-radius: 16px; }
body.cf-admin-standalone :is(button,.button,input),
body.cf-admin.is-admin :is(button,input,select),
body.cf-pay #billingAdminSection :is(button,input,select),
body.cf-legacy :is(button,input,select) { min-height: 44px; border-radius: 12px; }
body.cf-admin-standalone :is(button.primary,.button.primary),
body.cf-admin.is-admin :is(.btn-primary,.tab-btn.active),
body.cf-pay #billingAdminSection .primary,
body.cf-legacy .cf-home-button { background: var(--cf-admin-primary); border-color: var(--cf-admin-primary); color: #fff; }
body.cf-admin-standalone :is(button,input,.button):focus-visible,
body.cf-admin.is-admin :is(button,input,select):focus-visible { outline: 2px solid var(--cf-admin-primary); outline-offset: 2px; }
body.cf-admin-standalone .scroll { max-width: 100%; overflow-x: auto; }
body.cf-admin-standalone table { min-width: 820px; }
body.cf-admin-standalone :is(#adminConsoleHelp,#apiControlHelp) { color: var(--cf-admin-primary); border-color: #c7c4ff; }
#adminSystemModal.cf-unified > div,
#modelSelectionModal.cf-unified > div,
#adminAuditModal.cf-unified > div { background: #f7f8fc; border: 1px solid #dbe1ec; border-radius: 18px; }
#adminSystemModal.cf-unified :is(button,input,select),
#modelSelectionModal.cf-unified :is(button,input,select),
#adminAuditModal.cf-unified :is(button,input,select) { min-height: 44px; border-radius: 12px; }
body:is(.cf-admin-standalone,.cf-admin,.cf-pay,.cf-legacy) #standaloneModuleHelp h3 { background: #eef2ff; border-left-color: #4f46e5; }
body:is(.cf-admin-standalone,.cf-admin,.cf-pay,.cf-legacy) #standaloneModuleHelp nav button { background: #eef2ff; color: #4338ca; }
@media(max-width:700px) {
  body.cf-admin-standalone header { flex-wrap: wrap; align-items: flex-start; }
  body.cf-admin-standalone header :is(.actions,.inline) { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
  body.cf-admin-standalone main { margin-top: 16px; }
}