.ma dialog:modal{
  box-sizing:border-box;
  position:fixed;
  inset:0;
  margin:auto;
  max-width:calc(100vw - 32px);
  max-height:calc(100dvh - 32px);
  overscroll-behavior:contain;
  box-shadow:var(--shadow-lg,0 24px 64px rgba(0,0,0,.4));
}
.ma dialog:modal::backdrop{background:rgba(0,0,0,.65)}
html:has(.ma dialog[open]){overflow:hidden}
.ma dialog h2{font-family:var(--display,var(--serif,'Instrument Serif',Georgia,serif));font-size:28px;font-weight:400;line-height:1.2;margin-bottom:24px}
.ma dialog label{min-width:0;color:var(--text,var(--ink,#202822));line-height:1.5}
.ma dialog .ma-muted{color:var(--ivory-dim,var(--muted,var(--ink2,#5a665e)))}
.ma dialog .ma-error{color:var(--text,var(--ink,#202822));border-left:3px solid var(--red,#902c22)}
.ma dialog .ma-actions{border-top:1px solid var(--line,var(--border,#dce3dd));padding-top:20px}
.ma dialog button{min-height:44px}
/* Super Admin uses the shared Callbase tokens; the agency owner shell
   already supplies its own equivalent tokens. Keep this bridge local. */
#section.ma{
  --surface:var(--surface-1,var(--cream,#faf9f6));
  --surface2:var(--surface-2,var(--cream2,#f4f2ec));
  --text:var(--ivory,var(--ink,#1a1916));
  --line:var(--hairline,var(--border,#e4e0d6));
  --line2:var(--hairline-strong,var(--border2,#d4cfc3));
}
#section.ma button.ma-primary{background:var(--gold,#d0ad62);border-color:var(--gold,#d0ad62);color:var(--surface-0,#08090b)}
#section.ma button.ma-primary:hover{background:var(--gold-hi,#f0d69a)}
@media(max-width:700px){
  .ma dialog:modal{padding:20px;max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px)}
  .ma dialog input:not([type=checkbox]),.ma dialog select,.ma dialog textarea{font-size:16px}
  .ma dialog .ma-actions{display:grid;grid-template-columns:1fr 1fr}
}
.ma{color:var(--text,var(--ink,#202822));font-family:inherit}.ma-owner{max-width:1200px;margin:auto;padding:32px 24px}.ma-head,.ma-actions,.ma-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ma-head{justify-content:space-between;margin-bottom:24px}.ma h1{font-size:30px;letter-spacing:-1px;margin:8px 0;color:var(--text,var(--ink,#202822))}.ma h2{font-size:18px;margin:0 0 14px;color:var(--text,var(--ink,#202822))}.ma p{line-height:1.6}.ma-kicker{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold,#35664f)}.ma-muted{color:var(--muted,var(--ink3,#5a665e));font-size:13px}.ma-nav{border-bottom:1px solid var(--line,#d9dfda);margin-bottom:24px;padding-bottom:12px}.ma button,.ma a.ma-button{font:inherit;cursor:pointer;background:var(--surface,#fff);border:1px solid var(--line2,#cbd5cd);border-radius:7px;padding:10px 14px;color:var(--text,var(--ink,#243c2d));text-decoration:none;min-height:42px}.ma button:hover{background:var(--surface2,#edf4ef)}.ma button[aria-current=true],.ma button.ma-primary{background:#264e39;color:#fff;border-color:#438863}.ma button:disabled{cursor:not-allowed;opacity:.55}.ma :focus-visible{outline:3px solid #438863;outline-offset:3px}.ma-panel{padding:22px;background:var(--surface,#fff);border:1px solid var(--line,#dce3dd);border-radius:10px;margin:18px 0}.ma-banner{padding:16px 20px;background:var(--surface2,#eef4ee);border-left:3px solid var(--gold,#426f4c);color:var(--text,var(--ink,#202822));line-height:1.6;margin:16px 0}.ma-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ma-metric{padding:20px;background:var(--surface2,#f0f5f1);border:1px solid var(--line,#dce5de);border-radius:9px;color:var(--text,var(--ink,#202822))}.ma-metric strong{display:block;font-size:25px;margin-top:12px;font-variant-numeric:tabular-nums}.ma-table{overflow-x:auto;margin-top:16px}.ma table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.ma th{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted,var(--ink3,#556159))}.ma td,.ma th{padding:14px 12px;border-bottom:1px solid var(--line,#e2e7e3);vertical-align:top}.ma td .ma-actions{gap:6px}.ma td button{padding:6px 10px;min-height:36px;font-size:12px}.ma-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ma label{display:block;font-size:13px;font-weight:600}.ma input:not([type=checkbox]),.ma select,.ma textarea{display:block;box-sizing:border-box;width:100%;font:inherit;padding:11px;border:1px solid var(--line2,#bdc9bf);border-radius:6px;background:var(--surface2,#fff);color:var(--text,var(--ink,#202822));margin-top:6px}.ma textarea{min-height:110px;resize:vertical}.ma-wide{grid-column:1/-1}.ma-error{color:var(--red,#902c22);background:var(--surface2,#fff0ec);border:1px solid var(--line,#e7b9b2);padding:14px;border-radius:6px;margin:14px 0;line-height:1.5}.ma-status{padding:4px 8px;background:var(--surface2,#eef2ef);border:1px solid var(--line,#dce3dd);border-radius:5px;display:inline-block;font-size:12px;color:var(--text,var(--ink,#202822))}.ma-empty{padding:28px 12px;color:var(--muted,var(--ink3,#556159));text-align:center}.ma dialog{width:min(660px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid var(--line2,#ccd7ce);border-radius:12px;padding:24px;background:var(--surface,#fff);color:var(--text,var(--ink,#202822))}.ma dialog::backdrop{background:#13261db3}.ma dialog .ma-actions{margin-top:20px;justify-content:flex-end}.ma-terms{white-space:pre-wrap;max-height:260px;overflow:auto;padding:18px;background:var(--surface2,#f4f6f4);color:var(--text,var(--ink,#202822));line-height:1.6}.ma-busy{opacity:.7;pointer-events:none}.ma-detail{overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px}.ma-notice:empty{display:none}
@media(max-width:700px){.ma-owner{padding:22px 14px}.ma-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ma-form{grid-template-columns:1fr}.ma-panel{padding:16px}.ma-head{align-items:flex-start}.ma h1{font-size:26px}.ma-nav{gap:6px}.ma-nav button{flex:1;padding:9px}.ma td,.ma th{padding:12px 8px}.ma-metric{padding:14px}.ma-metric strong{font-size:22px}}