/* MiMatt PRO Global Design System — Users is the canonical visual reference. */
:root{
  --mm-bg:#07111f;--mm-surface:#101827;--mm-surface-2:#0b1727;--mm-surface-3:#071321;
  --mm-border:rgba(148,163,184,.16);--mm-border-soft:rgba(148,163,184,.10);
  --mm-text:#f8fafc;--mm-muted:#94a3b8;--mm-blue:var(--owner-accent,var(--accent-primary,#2d8dff));--mm-green:#22c55e;
  --mm-amber:#f59e0b;--mm-red:#ef4444;--mm-purple:#8b5cf6;--mm-cyan:var(--accent-primary-hover,#06b6d4);
  --mm-radius:12px;--mm-shadow:0 18px 42px rgba(0,0,0,.20);--mm-card-height:104px;
}
html,body{background:var(--mm-bg);color:var(--mm-text);font-family:Inter,system-ui,sans-serif}
:where(.owner-exec-dashboard,.muc-page,.ops-center,.lcc-shell,.invoice-center,.payment-engine,.audit-center,.activity-center,.team-access-shell,.saas-page){color:var(--mm-text)}

/* Canonical page header */
:where(.owner-exec-hero,.muc-header,.ops-hero,.saas-hero,.audit-hero,.activity-hero,.ic-header,.pe-reference-header,.team-access-hero){
  box-sizing:border-box;min-width:0;padding:24px 26px;border:1px solid var(--mm-border);border-radius:var(--mm-radius);
  background:linear-gradient(145deg,var(--mm-surface),var(--mm-surface-2));box-shadow:0 12px 30px rgba(0,0,0,.14)
}
:where(.owner-exec-hero,.muc-header,.ops-hero,.saas-hero,.audit-hero,.activity-hero,.ic-header,.pe-reference-header,.team-access-hero) h1{
  margin:4px 0 6px;color:var(--mm-text);font:800 30px/1.15 Inter,system-ui,sans-serif
}
:where(.owner-exec-hero,.muc-header,.ops-hero,.saas-hero,.audit-hero,.activity-hero,.ic-header,.pe-reference-header,.team-access-hero) p{
  margin:0;color:var(--mm-muted);font-size:13px;line-height:1.45
}
:where(.owner-exec-eyebrow,.muc-eyebrow,.ops-eyebrow,.saas-eyebrow){color:var(--mm-blue);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}

/* Canonical KPI grid and cards */
:where(.owner-exec-kpis,.muc-kpis,.ops-kpi-grid,.lcc-kpis,.audit-kpis,.activity-kpis,.ic-kpis,.pe-kpis,.team-kpi-grid){
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:start
}
:where(.owner-exec-kpi,.muc-stat,.ops-kpi,.lcc-kpis>button,.audit-kpis>article,.activity-kpis>article,.ic-kpis>article,.pe-kpis>article,.team-kpi-grid>article){
  box-sizing:border-box;height:var(--mm-card-height);min-height:var(--mm-card-height);max-height:var(--mm-card-height);
  padding:16px;border:1px solid var(--mm-border);border-radius:16px;background:linear-gradient(145deg,var(--mm-surface),var(--mm-surface-2));
  box-shadow:0 14px 34px rgba(0,0,0,.16);color:var(--mm-text);text-decoration:none;transition:transform .18s ease,border-color .18s ease
}
:where(.owner-exec-kpi,.muc-stat,.ops-kpi,.lcc-kpis>button,.audit-kpis>article,.activity-kpis>article,.ic-kpis>article,.pe-kpis>article,.team-kpi-grid>article):hover{
  transform:translateY(-2px);border-color:var(--owner-accent-border,rgba(123,179,255,.44))
}
:where(.owner-exec-icon,.muc-icon,.ops-kpi-icon,.lcc-kpis>button>span,.audit-kpis>article>span,.activity-kpis>article>span,.ic-kpis>article>span,.pe-kpis>article>span,.team-kpi-grid>article>span){
  width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:50%;color:#fff;background:var(--owner-accent-primary-gradient,linear-gradient(135deg,#2d8dff,#1b76ff));box-shadow:0 0 28px rgba(45,141,255,.55)
}
:where(.is-green) :where(.owner-exec-icon,.ops-kpi-icon),:where(.is-green)>span{background:var(--mm-green);box-shadow:0 0 28px rgba(34,197,94,.52)}
:where(.is-amber) :where(.owner-exec-icon,.ops-kpi-icon),:where(.is-amber)>span{background:var(--mm-amber);box-shadow:0 0 28px rgba(245,158,11,.52)}
:where(.is-red) :where(.owner-exec-icon,.ops-kpi-icon),:where(.is-red)>span{background:var(--mm-red);box-shadow:0 0 28px rgba(239,68,68,.52)}
:where(.is-purple) :where(.owner-exec-icon,.ops-kpi-icon),:where(.is-purple)>span{background:var(--mm-purple);box-shadow:0 0 28px rgba(139,92,246,.52)}
:where(.is-blue) :where(.owner-exec-icon,.ops-kpi-icon),:where(.is-blue)>span{background:var(--owner-accent-primary-gradient,linear-gradient(135deg,#2d8dff,#1b76ff));box-shadow:0 0 28px rgba(45,141,255,.55)}

/* Canonical cards, panels and sections */
:where(.owner-exec-panel,.ops-monitor,.ops-alerts,.lcc-panel,.lcc-inspector-section,.ic-panel,.ic-card,.pe-card,.audit-table-card,.activity-table-card,.team-table-card,.saas-card,.muc-table-card,.muc-info){
  border:1px solid var(--mm-border);border-radius:var(--mm-radius);background:var(--mm-surface);box-shadow:var(--mm-shadow)
}
:where(.ops-section-head,.lcc-section-head,.pe-section-heading,.ic-section-head) h2,
:where(.ops-section-head,.lcc-section-head,.pe-section-heading,.ic-section-head) h3{color:var(--mm-text);font-family:Inter,system-ui,sans-serif}

/* Canonical filters */
:where(.muc-filters,.ops-filters,.audit-filters,.activity-filters,.ic-filters,.pe-filters,.approval-filter-row,.team-filter-row){
  box-sizing:border-box;gap:10px;padding:14px;border:1px solid var(--mm-border);border-radius:var(--mm-radius);background:var(--mm-surface)
}
:where(.muc-filters,.ops-filters,.audit-filters,.activity-filters,.ic-filters,.pe-filters,.approval-filter-row,.team-filter-row) :where(input,select,button){
  box-sizing:border-box;min-height:38px;border:1px solid var(--mm-border);border-radius:9px;background:var(--mm-surface-3);color:#dbe7f5;font:600 11px Inter,system-ui,sans-serif;outline:none
}
:where(.muc-filters,.ops-filters,.audit-filters,.activity-filters,.ic-filters,.pe-filters,.approval-filter-row,.team-filter-row) :where(input,select):focus{border-color:var(--owner-accent-border,rgba(123,179,255,.44));box-shadow:0 0 0 3px var(--owner-accent-soft,rgba(45,141,255,.14))}

/* Canonical tables */
:where(.muc-table,.ops-table,.lcc-table,.audit-table,.activity-table,.ic-table,.pe-table,.team-table){width:100%;border-collapse:collapse;background:transparent}
:where(.muc-table,.ops-table,.lcc-table,.audit-table,.activity-table,.ic-table,.pe-table,.team-table) th{
  padding:12px 14px;background:#0d1727;color:#8ea4bf;font:800 10px Inter,system-ui,sans-serif;letter-spacing:.05em;text-align:left;text-transform:uppercase
}
:where(.muc-table,.ops-table,.lcc-table,.audit-table,.activity-table,.ic-table,.pe-table,.team-table) td{
  padding:12px 14px;border-top:1px solid var(--mm-border-soft);color:#d9e4f2;font:500 11px Inter,system-ui,sans-serif
}
:where(.muc-table,.ops-table,.lcc-table,.audit-table,.activity-table,.ic-table,.pe-table,.team-table) tbody tr:hover{background:rgba(59,130,246,.055)}

/* Canonical controls */
:where(.muc-btn,.ops-btn,.lcc-btn,.ic-primary,.ic-secondary,.pe-head-actions button,.team-btn,.audit-btn,.activity-btn){
  min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--mm-border);border-radius:9px;background:var(--mm-surface-2);color:#eaf2ff;font:800 11px Inter,system-ui,sans-serif;text-decoration:none
}
:where(.muc-btn,.ops-btn,.lcc-btn,.ic-primary,.ic-secondary,.pe-head-actions button,.team-btn,.audit-btn,.activity-btn):hover{border-color:var(--owner-accent-border,rgba(123,179,255,.44));background:var(--owner-accent-soft,rgba(45,141,255,.13))}
:where(.is-primary,.ic-primary){border-color:var(--owner-accent-border,rgba(123,179,255,.44));background:var(--owner-accent-primary-gradient,linear-gradient(135deg,#2d8dff,#1b76ff));color:#fff;box-shadow:0 12px 30px var(--owner-accent-glow,rgba(45,141,255,.28))}

/* Canonical tabs */
:where(.muc-tabs,.lcc-tabs,.ic-center-tabs,.ic-tabs,.pe-provider-tabs,.audit-tabs,.activity-tabs){border-bottom:1px solid var(--mm-border)}
:where(.muc-tabs,.lcc-tabs,.ic-center-tabs,.ic-tabs,.pe-provider-tabs,.audit-tabs,.activity-tabs)>button{
  min-height:42px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--mm-muted);font:800 10px Inter,system-ui,sans-serif
}
:where(.muc-tabs,.lcc-tabs,.ic-center-tabs,.ic-tabs,.pe-provider-tabs,.audit-tabs,.activity-tabs)>button.active{border-color:var(--owner-accent,var(--mm-blue));color:var(--owner-accent-hover,#55c8ff)}

/* Canonical details modal surface; preserve each module's behavior and JS. */
:where(.muc-detail-backdrop,.lcc-detail-backdrop,.ic-backdrop,.pe-modal-backdrop,.audit-drawer-backdrop,.activity-drawer-backdrop){background:rgba(1,8,18,.82);backdrop-filter:blur(8px)}
:where(.muc-detail-panel,.lcc-drawer-panel,.ic-modal-card,.pe-modal-panel,.audit-drawer-panel,.activity-drawer-panel,.profile-modal){
  border:1px solid rgba(96,165,250,.28);border-radius:14px;background:linear-gradient(145deg,#091727,#06111e);box-shadow:0 34px 100px rgba(0,0,0,.55);color:var(--mm-text)
}

/* Layout rhythm */
:where(.owner-exec-dashboard,.muc-page,.ops-center,.invoice-center,.payment-engine,.audit-center,.activity-center,.team-access-shell){gap:16px}
@media(max-width:1450px){:where(.owner-exec-kpis,.muc-kpis,.ops-kpi-grid,.lcc-kpis,.audit-kpis,.activity-kpis,.ic-kpis,.pe-kpis,.team-kpi-grid){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){:where(.owner-exec-kpis,.muc-kpis,.ops-kpi-grid,.lcc-kpis,.audit-kpis,.activity-kpis,.ic-kpis,.pe-kpis,.team-kpi-grid){grid-template-columns:1fr}:where(.owner-exec-hero,.muc-header,.ops-hero,.saas-hero,.audit-hero,.activity-hero,.ic-header,.pe-reference-header,.team-access-hero){padding:18px}}

/* Owner Dashboard adapter: the legacy component had 168px vertical cards. */
.owner-exec-dashboard .owner-exec-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}
.owner-exec-dashboard .owner-exec-kpis .owner-exec-kpi{
  box-sizing:border-box;height:104px;min-height:104px;max-height:104px;display:flex;align-items:center;gap:14px;overflow:visible;
  padding:16px;border:1px solid var(--mm-border);border-radius:16px;background:linear-gradient(145deg,var(--mm-surface),var(--mm-surface-2));
  box-shadow:0 14px 34px rgba(0,0,0,.16);color:var(--mm-text)
}
.owner-exec-dashboard .owner-exec-kpi>div{min-width:0;display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center}
.owner-exec-dashboard .owner-exec-kpi .owner-exec-icon{position:relative;width:48px;height:48px;flex:0 0 48px;margin:0;border-radius:50%;font-size:11px;box-shadow:0 0 0 7px rgba(59,130,246,.10),0 0 30px rgba(59,130,246,.65)}
.owner-exec-dashboard .owner-exec-kpi.is-purple .owner-exec-icon{background:var(--mm-purple);box-shadow:0 0 0 7px rgba(139,92,246,.10),0 0 30px rgba(139,92,246,.68)}
.owner-exec-dashboard .owner-exec-kpi.is-green .owner-exec-icon{background:var(--mm-green);box-shadow:0 0 0 7px rgba(34,197,94,.10),0 0 30px rgba(34,197,94,.68)}
.owner-exec-dashboard .owner-exec-kpi.is-amber .owner-exec-icon{background:var(--mm-amber);box-shadow:0 0 0 7px rgba(245,158,11,.10),0 0 30px rgba(245,158,11,.68)}
.owner-exec-dashboard .owner-exec-kpi.is-cyan .owner-exec-icon{background:var(--mm-cyan);box-shadow:0 0 0 7px rgba(6,182,212,.10),0 0 30px rgba(6,182,212,.68)}
.owner-exec-dashboard .owner-exec-kpi small{grid-column:1/-1;color:#b4c0d1;font-size:11px;font-weight:800}
.owner-exec-dashboard .owner-exec-kpi strong{margin:4px 0 0;color:#fff;font-size:26px;line-height:1}
.owner-exec-dashboard .owner-exec-kpi em{margin:5px 0 0;font-size:10px}
.owner-exec-dashboard .owner-exec-kpi p{grid-column:1/-1;overflow:hidden;margin:4px 0 0;color:var(--mm-muted);font-size:9px;white-space:nowrap;text-overflow:ellipsis}
.owner-exec-dashboard .owner-exec-kpi:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.45);box-shadow:0 18px 40px rgba(0,0,0,.25)}
@media(max-width:1500px){.owner-exec-dashboard .owner-exec-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.owner-exec-dashboard .owner-exec-kpis{grid-template-columns:1fr}}

/* Owner Admins / Team Access adapter */
.team-access-page{align-content:start;gap:16px}
.team-access-page .team-access-hero{box-sizing:border-box;min-height:0;padding:24px 26px;align-items:center;border:1px solid var(--mm-border);border-radius:var(--mm-radius);background:linear-gradient(145deg,var(--mm-surface),var(--mm-surface-2));box-shadow:0 12px 30px rgba(0,0,0,.14)}
.team-access-page .team-access-hero h1{margin:0;color:var(--mm-text);font-size:30px;line-height:1.15}
.team-access-page .team-access-hero p{margin:6px 0 0;color:var(--mm-muted);font-size:13px}
.team-access-page .team-access-actions{gap:8px}
.team-access-page .team-access-actions :where(a,button){min-height:36px;padding:0 14px;border:1px solid var(--mm-border);border-radius:9px;background:var(--mm-surface-2);color:#eaf2ff;font:800 11px Inter,system-ui,sans-serif;text-decoration:none}
.team-access-page .team-access-actions :where(a,button):first-child{border-color:var(--owner-accent-border,rgba(123,179,255,.44));background:var(--owner-accent-primary-gradient,linear-gradient(135deg,#2d8dff,#1b76ff));color:#fff;box-shadow:0 12px 30px var(--owner-accent-glow,rgba(45,141,255,.28))}
.team-access-page .team-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}
.team-access-page .team-kpi-grid article{box-sizing:border-box;height:104px;min-height:104px;max-height:104px;gap:14px;padding:16px;border:1px solid var(--mm-border);border-radius:16px;background:linear-gradient(145deg,var(--mm-surface),var(--mm-surface-2));box-shadow:0 14px 34px rgba(0,0,0,.16)}
.team-access-page .team-kpi-grid article>span{width:48px;height:48px;flex:0 0 48px;border:0;border-radius:50%;font-size:19px;color:#fff;background:var(--owner-accent-primary-gradient,linear-gradient(135deg,#2d8dff,#1b76ff));box-shadow:0 0 0 7px rgba(45,141,255,.10),0 0 30px rgba(45,141,255,.62)}
.team-access-page .team-kpi-grid article>span.is-purple{background:var(--mm-purple);box-shadow:0 0 0 7px rgba(139,92,246,.10),0 0 30px rgba(139,92,246,.62)}
.team-access-page .team-kpi-grid article>span.is-green{background:var(--mm-green);box-shadow:0 0 0 7px rgba(34,197,94,.10),0 0 30px rgba(34,197,94,.62)}
.team-access-page .team-kpi-grid article>span.is-amber{background:var(--mm-amber);box-shadow:0 0 0 7px rgba(245,158,11,.10),0 0 30px rgba(245,158,11,.62)}
.team-access-page .team-kpi-grid small{color:#b4c0d1;font-size:11px}.team-access-page .team-kpi-grid b{margin-top:4px;font-size:26px;line-height:1}.team-access-page .team-kpi-grid em{margin-top:5px;color:var(--mm-muted);font-size:9px}
.team-access-page .team-table-card{overflow:hidden;border:1px solid var(--mm-border);border-radius:var(--mm-radius);background:var(--mm-surface);box-shadow:var(--mm-shadow)}
.team-access-page .team-filter-row{grid-template-columns:minmax(240px,1.6fr) repeat(2,minmax(150px,.55fr)) auto;gap:10px;padding:14px;border:0;border-bottom:1px solid var(--mm-border)}
.team-access-page .team-search input,.team-access-page .team-filter-row select{height:38px;border:1px solid var(--mm-border);border-radius:9px;background:var(--mm-surface-3);color:#dbe7f5;font-size:11px}
.team-access-page .team-access-table th{padding:12px 14px;background:#0d1727;color:#8ea4bf;font-size:10px}
.team-access-page .team-access-table td{padding:12px 14px;border-color:var(--mm-border-soft);color:#d9e4f2;font-size:11px}
.team-access-page .team-table-footer{padding:12px 14px;color:var(--mm-muted);font-size:10px}
@media(max-width:1200px){.team-access-page .team-kpi-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.team-access-page .team-kpi-grid,.team-access-page .team-filter-row{grid-template-columns:1fr}.team-access-page .team-access-hero{align-items:flex-start;padding:18px}}
.muc-detail-avatar img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}