:root{--mcs-bg:#f5f7fb;--mcs-card:#fff;--mcs-text:#172033;--mcs-muted:#667085;--mcs-border:#e5e7eb;--mcs-accent:#14A6A6;--mcs-danger:#b42318;--mcs-success:#067647;--mcs-sidebar:#141b2d}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mcs-text);background:var(--mcs-bg)}
a{color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}#appSidebar,.app-sidebar,.sidebar{background:var(--mcs-sidebar);color:#E8F8F7;padding:20px 16px;min-height:100vh;overflow:auto}
main{min-width:0;padding:22px}.app-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.app-header h1,.app-header h2{margin:0}.app-header p{margin:.25rem 0 0;color:var(--mcs-muted)}
.nav-link,.menu-link,#appSidebar a,#appSidebar summary{display:flex;gap:.55rem;align-items:center;padding:11px 12px;border-radius:12px;color:#cbd5e1;text-decoration:none;font-weight:750;margin:4px 0;cursor:pointer}.nav-link.active,#appSidebar a.active,#appSidebar summary:hover,#appSidebar a:hover{background:#0F766E;color:#fff}
.management-card,.card,.panel,.management-head,.cards article,.project-list article{background:var(--mcs-card);border:1px solid var(--mcs-border);border-radius:16px;padding:18px}.management-card,.management-head{margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0 0 16px}.cards article b{display:block;font-size:1.6rem}.cards article span,small,.muted{color:var(--mcs-muted)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:grid;gap:6px;font-weight:700;margin:8px 0}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:10px 11px;background:#fff;color:#172033;font:inherit}textarea{min-height:92px;resize:vertical}.check-row{display:flex;align-items:center;gap:8px}.check-row input{width:auto}
.btn,.secondary-btn,.link-btn,button{border:0;border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer}.btn{background:var(--mcs-accent);color:#fff}.secondary-btn{background:#E8F8F7;color:#0D8585}.link-btn{background:transparent;color:#0D8585}.danger-link{color:var(--mcs-danger)}.small{padding:7px 10px;font-size:.9rem}
.update-alert{padding:12px 14px;border-radius:12px;margin:0 0 14px}.update-alert.success{background:#ecfdf3;color:var(--mcs-success)}.update-alert.error{background:#fff1f2;color:var(--mcs-danger)}
.table-wrap{width:100%;overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th,.data-table td{text-align:left;padding:11px;border-bottom:1px solid var(--mcs-border);vertical-align:top}.data-table th{font-size:.82rem;text-transform:uppercase;color:var(--mcs-muted)}
.portal-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portal-admin-list article,.project-list article{display:flex;justify-content:space-between;gap:12px;margin:8px 0}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip-list span{background:#f2f4f7;border-radius:999px;padding:7px 10px}
.mobile-menu{display:none;background:#E8F8F7;color:#172033}.sidebar-overlay{display:none}
@media(max-width:900px){.shell{grid-template-columns:1fr}#appSidebar,.app-sidebar,.sidebar{position:fixed;z-index:1000;inset:0 auto 0 0;width:min(86vw,360px);transform:translateX(-105%);transition:transform .2s ease;box-shadow:12px 0 30px #0003}.sidebar-open #appSidebar,.sidebar-open .app-sidebar,.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-overlay{display:block;position:fixed;z-index:999;inset:0;background:#0f172a99}.mobile-menu{display:inline-flex}.portal-admin-grid{grid-template-columns:1fr}.form-grid,.form-grid.three{grid-template-columns:1fr}main{padding:15px}.app-header{align-items:flex-start}.app-header .header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}}

/* v3.17.38.385 persistent sidebar icon fallback. JS replaces these with route-specific SVGs. */
#appSidebar a:not([data-mcs-icon])::before,#appSidebar summary:not([data-mcs-icon])::before,.app-sidebar a:not([data-mcs-icon])::before,.app-sidebar summary:not([data-mcs-icon])::before,.sidebar a:not([data-mcs-icon])::before,.sidebar summary:not([data-mcs-icon])::before{content:"";display:inline-block;flex:0 0 1.75rem;width:1.75rem;height:1.75rem;border-radius:.58rem;background:linear-gradient(135deg,rgba(20,166,166,.24),rgba(20,166,166,.10));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.mcs-menu-icon{display:inline-grid!important;visibility:visible!important;opacity:1!important;place-items:center;flex:0 0 1.75rem;width:1.75rem;height:1.75rem;margin-right:.15rem;border-radius:.58rem;background:rgba(20,166,166,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.mcs-menu-icon svg{display:block!important;width:16px;height:16px}.mcs-menu-icon-finance{background:rgba(16,185,129,.16)}.mcs-menu-icon-store{background:rgba(245,158,11,.17)}.mcs-menu-icon-crm{background:rgba(59,130,246,.16)}.mcs-menu-icon-hr{background:rgba(236,72,153,.14)}.mcs-menu-icon-inventory{background:rgba(249,115,22,.16)}.mcs-menu-icon-system{background:rgba(239,68,68,.13)}.mcs-menu-icon-reports{background:rgba(20,166,166,.14)}.mcs-menu-icon-tenant{background:rgba(20,184,166,.16)}

/* v3.17.38.386 — direct sidebar runtime stabilization */
body{visibility:visible!important;opacity:1!important}
.mcs386-original-commerce-hidden{display:none!important}
.mcs386-commerce-list{display:block!important;margin:0!important;padding:0!important}
.mcs386-nav-link{display:flex!important;align-items:center!important;gap:12px!important;min-height:58px!important;padding:12px 18px!important;border-top:1px solid rgba(255,255,255,.06)!important;text-decoration:none!important;color:inherit!important;font-weight:650!important}
.mcs386-nav-link:hover,.mcs386-nav-link.active{background:rgba(255,255,255,.055)!important}
.mcs386-icon,.mcs-menu-icon{width:32px!important;height:32px!important;min-width:32px!important;border-radius:9px!important;display:inline-grid!important;place-items:center!important;background:rgba(20,166,166,.14)!important;color:#51CACA!important}
.mcs386-icon svg,.mcs-menu-icon svg{width:18px!important;height:18px!important;display:block!important}
.mcs386-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.mcs386-nav-link{min-height:60px!important;padding:13px 20px!important}.mcs386-label{font-size:16px!important}}


/* v3.19.29 — global responsive action/button collision hardening.
   Applied centrally so legacy SaaS, In-House and tenant modules inherit it. */
:where(.header-actions,.actions,.inline-actions,.toolbar,.tabs,.project-tabs,.report-tabs,
       .wizard-actions,.dashboard-quick-actions,.saas-header-actions,.hero-actions,
       .maintenance-actions,.sync-actions,.filters,.audit-toolbar,.module-nav,
       .action-list,.public-form-nav,.cookie-actions){
  gap:10px;
  flex-wrap:wrap;
}

:where(button,.btn,.secondary-btn,.link-btn,.danger-btn,.store-btn,.btn-soft){
  max-width:100%;
  min-height:42px;
  line-height:1.2;
  vertical-align:middle;
  overflow-wrap:anywhere;
}

:where(button,.btn,.secondary-btn,.link-btn,.danger-btn,.store-btn,.btn-soft)
+ :where(button,.btn,.secondary-btn,.link-btn,.danger-btn,.store-btn,.btn-soft){
  margin-inline-start:8px;
}

:where(.header-actions,.actions,.inline-actions,.toolbar,.tabs,.project-tabs,.report-tabs,
       .wizard-actions,.dashboard-quick-actions,.saas-header-actions,.hero-actions,
       .maintenance-actions,.sync-actions,.filters,.audit-toolbar,.module-nav,
       .action-list,.public-form-nav,.cookie-actions)
> :where(button,.btn,.secondary-btn,.link-btn,.danger-btn,.store-btn,.btn-soft,a){
  margin-inline-start:0;
  flex:0 1 auto;
}

.app-header{
  min-width:0;
}
.app-header > *{
  min-width:0;
}
.app-header .header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

@media(max-width:900px){
  .app-header{
    flex-wrap:wrap;
    row-gap:12px;
  }
  .app-header .header-actions{
    width:100%;
    justify-content:flex-start;
  }
  :where(.header-actions,.actions,.inline-actions,.toolbar,.tabs,.project-tabs,.report-tabs,
         .wizard-actions,.dashboard-quick-actions,.saas-header-actions,.hero-actions,
         .maintenance-actions,.sync-actions,.filters,.audit-toolbar,.module-nav,
         .action-list,.public-form-nav,.cookie-actions){
    max-width:100%;
  }
}

@media(max-width:560px){
  :where(.header-actions,.wizard-actions,.maintenance-actions,.dashboard-quick-actions){
    display:flex;
    width:100%;
    align-items:stretch;
  }
  :where(.header-actions,.wizard-actions,.maintenance-actions,.dashboard-quick-actions)
  > :where(button,.btn,.secondary-btn,.danger-btn,a){
    flex:1 1 145px;
    text-align:center;
    justify-content:center;
  }

  form > :where(button,.btn,.secondary-btn,.link-btn,.danger-btn)
  + :where(button,.btn,.secondary-btn,.link-btn,.danger-btn){
    margin-inline-start:0;
    margin-top:8px;
  }

  .tabs{
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    padding-bottom:2px;
  }
  .tabs > a,.tabs > button{
    flex:0 0 auto;
    white-space:nowrap;
  }
}

/* Keep touch targets visually separated even inside legacy forms/cards. */
.management-card :where(.btn,.secondary-btn,.link-btn,button),
.card :where(.btn,.secondary-btn,.link-btn,button){
  position:relative;
  z-index:0;
}


/* v3.19.31 — targeted recovery guard after accidental shared stylesheet regression */
@media(max-width:900px){
  .app-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
  }
  .app-header .mobile-menu{flex:0 0 auto}
  .app-header > div:not(.header-actions){flex:1 1 240px}
  .app-header .header-actions{
    flex:1 1 100%;
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    justify-content:flex-start;
  }
}
@media(max-width:560px){
  .management-card,.management-head,.card,.panel{padding:16px}
  .update-alert{font-size:15px;line-height:1.45}
}


/* v3.20.01 — global admin responsive containment */
.app-main,.app-content,.content,.panel,.card,.management-card,.hero,.form-grid,.grid,.two-col,
.store-admin-panel,.module-workspace-switcher,.commerce-management-launcher,.vertical-workspace-card{min-width:0}
.panel,.card,.management-card,.store-admin-panel{max-width:100%}
h1,h2,h3,p,small,label,.muted{overflow-wrap:anywhere}
.badge,.pill,.status-pill,.tag{max-width:100%}
table{max-width:100%}
.table-wrap,.responsive-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:680px){
  .app-header,.management-head,.card-head,.panel-head{min-width:0}
  .header-actions,.actions,.nav,.toolbar{max-width:100%;flex-wrap:wrap}
  .header-actions a,.actions a,.nav a,.toolbar a,.toolbar button{max-width:100%;white-space:normal}
  input,select,textarea,button{max-width:100%}
}


/* v3.20.57 — compact Super Admin navigation helpers */
#appSidebar .mcs-nav-tools{position:sticky;top:0;z-index:8;padding:12px 16px 10px;background:linear-gradient(180deg,#121b2f 82%,rgba(18,27,47,.96));border-bottom:1px solid rgba(255,255,255,.08)}
#appSidebar .mcs-nav-tools-title{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#9eabc2;margin:0 0 8px}
#appSidebar .mcs-nav-search{width:100%;margin:0 0 9px;padding:10px 12px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:#fff;color:#172033;font:inherit;outline:none}
#appSidebar .mcs-nav-search:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18)}
#appSidebar .mcs-nav-scope{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:9px}
#appSidebar .mcs-nav-scope button,#appSidebar .mcs-nav-actions button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#dbe4f3;border-radius:9px;padding:7px 5px;font-size:11px;font-weight:800;cursor:pointer}
#appSidebar .mcs-nav-scope button.active{background:#fff;color:#172033;border-color:#fff}
#appSidebar .mcs-nav-quick{display:flex;gap:6px;overflow-x:auto;padding:0 0 6px;scrollbar-width:thin}
#appSidebar .mcs-nav-quick-link{flex:0 0 auto;text-decoration:none;background:#0F766E;color:#fff;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850}
#appSidebar .mcs-nav-quick-link:hover{background:#0F766E}
#appSidebar .mcs-nav-actions{display:flex;gap:6px;margin-top:3px}
#appSidebar .mcs-nav-actions button{flex:1}
#appSidebar .nav-group[hidden],#appSidebar a.menu-item[hidden]{display:none!important}
#appSidebar .nav-group>summary{position:relative}
@media(max-width:900px){#appSidebar .mcs-nav-tools{top:0;padding-left:14px;padding-right:14px}#appSidebar .mcs-nav-scope{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v3.20.60 — global admin collision/spacing guard.
   Prevents legacy adjacent links/buttons from visually merging without changing routes or workflows. */
:where(.project-tabs,.report-tabs,.module-nav,.tabs,.actions,.inline-actions,.toolbar,.header-actions,
       .wizard-actions,.dashboard-quick-actions,.saas-header-actions,.hero-actions,.maintenance-actions,
       .sync-actions,.filters,.audit-toolbar,.action-list,.public-form-nav,.cookie-actions,.mailbox-toolbar){
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  min-width:0;
}
:where(.project-tabs,.report-tabs,.module-nav,.tabs,.toolbar,.mailbox-toolbar) > :where(a,button,.btn,.secondary-btn,.link-btn){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0!important;
  max-width:100%;
  min-width:0;
  text-decoration:none;
  line-height:1.25;
  white-space:normal;
}
.project-tabs,.report-tabs,.module-nav,.tabs{margin:0 0 16px}
.project-tabs>a,.report-tabs>a,.tabs>a{padding:9px 12px;border-radius:10px}
.mailbox-layout{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr);gap:16px;align-items:start;min-width:0}
.mailbox-folders{display:flex;flex-direction:column;gap:6px;min-width:0}
.mailbox-folders>a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;overflow-wrap:anywhere}
.mailbox-folders>a.active{background:#E8F8F7;color:#0D8585;font-weight:800}
.mailbox-toolbar{justify-content:space-between;margin-bottom:12px}
.mailbox-toolbar>strong{min-width:0;overflow-wrap:anywhere}
.mailbox-list,.mail-row,.mail-row>div{min-width:0}
.mail-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid var(--mcs-border)}
.mail-row>div{display:grid;gap:2px}
.mail-row>div>*{min-width:0;overflow-wrap:anywhere}
.mail-row time{white-space:nowrap;color:var(--mcs-muted);font-size:.85rem}
.management-card>h1,.management-card>h2,.management-card>h3,.card>h1,.card>h2,.card>h3{max-width:100%;overflow-wrap:anywhere}
:where(.management-card,.card,.panel) :where(.actions,.toolbar,.inline-actions,.header-actions) > *{min-width:0}
:where(.management-card,.card,.panel) :where(a.btn,a.secondary-btn,a.link-btn,button.btn,button.secondary-btn){position:relative;z-index:1}
@media(max-width:760px){
  .mailbox-layout{grid-template-columns:1fr}
  .mailbox-folders{flex-direction:row;flex-wrap:wrap}
  .mailbox-folders>a{flex:1 1 110px;text-align:center}
  .mail-row{grid-template-columns:auto minmax(0,1fr)}
  .mail-row time{grid-column:2;white-space:normal}
}
@media(max-width:560px){
  :where(.project-tabs,.report-tabs,.module-nav,.tabs,.toolbar,.mailbox-toolbar)>:where(a,button,.btn,.secondary-btn,.link-btn){flex:1 1 130px}
  .mailbox-toolbar{align-items:stretch}
  .mailbox-toolbar>strong{flex:1 1 100%}
}


/* v3.20.87 — numeric metric/value separation guard */
.marketing-kpis article,
.kpi-grid article,
.stats-grid article,
.metric-grid article,
.summary-grid article,
.dashboard-kpis article {
  min-width:0;
}
.marketing-kpis article small,
.marketing-kpis article strong,
.kpi-grid article small,
.kpi-grid article strong,
.stats-grid article small,
.stats-grid article strong,
.metric-grid article small,
.metric-grid article strong,
.summary-grid article small,
.summary-grid article strong,
.dashboard-kpis article small,
.dashboard-kpis article strong {
  display:block;
}
.marketing-kpis article small,
.kpi-grid article small,
.stats-grid article small,
.metric-grid article small,
.summary-grid article small,
.dashboard-kpis article small {
  margin-bottom:6px;
}
.marketing-kpis article strong,
.kpi-grid article strong,
.stats-grid article strong,
.metric-grid article strong,
.summary-grid article strong,
.dashboard-kpis article strong {
  margin-top:0;
}
@media (max-width:700px){
  .marketing-kpis,.kpi-grid,.stats-grid,.metric-grid,.summary-grid,.dashboard-kpis{
    gap:10px!important;
  }
}


/* v3.20.90 — pending badges and notification bell */
#appSidebar a.menu-item{position:relative}
.mcs-menu-pending-badge{
  margin-left:auto!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:#ef4444!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.10)!important;
}
.mcs-section-pending-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:20px!important;
  height:20px!important;
  margin-left:auto!important;
  margin-right:8px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:#14A6A6!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
}
.mcs-notification-bell{
  position:relative!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid #dfe3ea!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#344054!important;
  text-decoration:none!important;
  box-shadow:0 4px 14px rgba(15,23,42,.04)!important;
}
.mcs-notification-bell:hover{border-color:#BFD2FF!important;background:#F7FAFF!important}
.mcs-bell-icon{font-size:20px!important;line-height:1!important}
.mcs-bell-badge{
  position:absolute!important;
  top:-6px!important;
  right:-6px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 5px!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  background:#ef4444!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
}
.mcs-bell-badge[hidden]{display:none!important}
@media(max-width:700px){
  .mcs-notification-bell{
    flex-basis:40px!important;width:40px!important;height:40px!important;border-radius:11px!important;
  }
  #appSidebar a.menu-item .mcs-menu-pending-badge{margin-right:2px!important}
}


/* v3.20.91 — always-visible sidebar bell/count */
.sidebar-head{gap:10px!important}
.mcs91-sidebar-bell{
  position:relative!important;margin-left:auto!important;flex:0 0 42px!important;
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.14)!important;border-radius:11px!important;
  background:rgba(255,255,255,.07)!important;color:#fff!important;text-decoration:none!important;font-size:18px!important
}
.mcs91-sidebar-bell b{
  position:absolute!important;top:-7px!important;right:-7px!important;min-width:21px!important;height:21px!important;padding:0 5px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;
  border:2px solid #111827!important;background:#64748b!important;color:#fff!important;font-size:10px!important;line-height:1!important;font-weight:900!important
}
.mcs91-sidebar-bell.has-pending b{background:#ef4444!important}
.mcs91-notification-row{
  display:flex!important;align-items:center!important;gap:10px!important;min-height:46px!important;margin:6px 8px 12px!important;padding:9px 10px!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:11px!important;background:rgba(255,255,255,.045)!important;
  color:#e5e7eb!important;text-decoration:none!important;font-weight:800!important
}
.mcs91-notification-row:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.mcs91-notification-row .mcs91-row-icon{
  display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;
  border-radius:9px!important;background:rgba(20,166,166,.16)!important
}
.mcs91-notification-row .mcs91-row-label{min-width:0!important;flex:1 1 auto!important}
.mcs91-notification-row b{
  flex:0 0 auto!important;min-width:23px!important;height:23px!important;padding:0 6px!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#64748b!important;
  color:#fff!important;font-size:11px!important;line-height:1!important;font-weight:900!important
}
.mcs91-notification-row.has-pending b{background:#ef4444!important}


/* v3.20.93 — global label/value separation for numeric summaries.
   Prevents visual strings such as ACTIVE PROJECTS0, Open0, Orders0, etc. */
.project-kpis article small + strong,
.marketing-kpis article small + strong,
.action-kpis article small + strong,
.ops-kpis article small + strong,
.hr-kpis article small + strong,
.crm-kpis article small + strong,
.exec-kpis article small + strong,
.finance-kpis article small + strong,
.report-kpis article small + strong,
.kpi-grid article small + strong,
.stats-grid article small + strong,
.stat-grid article small + strong,
.vendor-stat-grid article small + strong,
.summary-grid article small + strong,
.metric-grid article small + strong,
.metrics article small + strong,
.stats article small + strong,
.stats2 article small + strong,
.stat2 article small + strong,
.kpis article small + strong,
.project-kpis article span + strong,
.marketing-kpis article span + strong,
.action-kpis article span + strong,
.ops-kpis article span + strong,
.hr-kpis article span + strong,
.crm-kpis article span + strong,
.finance-kpis article span + strong {
  margin-left:7px!important;
}
.project-kpis article > small,
.project-kpis article > strong,
.marketing-kpis article > small,
.marketing-kpis article > strong,
.action-kpis article > small,
.action-kpis article > strong,
.ops-kpis article > small,
.ops-kpis article > strong,
.hr-kpis article > small,
.hr-kpis article > strong,
.crm-kpis article > small,
.crm-kpis article > strong,
.exec-kpis article > small,
.exec-kpis article > strong,
.finance-kpis article > small,
.finance-kpis article > strong,
.report-kpis article > small,
.report-kpis article > strong {
  vertical-align:middle!important;
}


/* v3.21.30 — unified Super Admin chrome */
:root{
  --mcs-accent:#14A6A6;
  --mcs-accent-dark:#0D8585;
  --mcs-accent-soft:#E8F8F7;
}
#appSidebar,.app-sidebar,.sidebar{background:#141B2D!important}
#appSidebar .mcs386-icon,
#appSidebar .mcs-menu-icon,
#appSidebar .menu-icon,
#appSidebar [class*="mcs395-"]{
  background:rgba(20,166,166,.15)!important;
  color:#51CACA!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;
}
#appSidebar .mcs-nav-quick-link{background:#1C3E48!important}
#appSidebar .mcs-nav-quick-link:hover{background:#20515A!important}
#appSidebar details[open]>summary,
#appSidebar .active,
#appSidebar a.active{background:#145B61!important;color:#fff!important}
#appSidebar .mcs-nav-search:focus{border-color:#14A6A6!important;box-shadow:0 0 0 3px rgba(20,166,166,.18)!important}
#appSidebar .mcs91-notification-row .mcs91-notification-icon{background:rgba(20,166,166,.16)!important;color:#51CACA!important}


/* v3.21.31 — green admin sidebar + mobile hierarchy cleanup */
#appSidebar,.app-sidebar,.sidebar{
  --admin-green:#14A6A6;
  --admin-green-dark:#0D8585;
  --admin-green-soft:rgba(20,166,166,.15);
}
@media(max-width:760px){
  #appSidebar{
    width:min(88vw,390px)!important;
    padding:18px 18px 26px!important;
    overflow-y:auto!important;
  }
  #appSidebar .mcs-brand-row,
  #appSidebar .sidebar-brand{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:12px!important;
    min-height:58px!important;
    margin-bottom:12px!important;
  }
  #appSidebar .mcs-brand-row>*,
  #appSidebar .sidebar-brand>*{min-width:0!important}
  #appSidebar .mcs-brand-title,
  #appSidebar .brand-title{
    white-space:normal!important;
    line-height:1.15!important;
    overflow-wrap:anywhere!important;
  }
  #appSidebar .mcs-nav-search{height:54px!important;font-size:17px!important}
  #appSidebar .mcs-nav-filters{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  #appSidebar .mcs-nav-filter{min-height:50px!important}
  #appSidebar .mcs-nav-quick{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  #appSidebar .mcs-nav-quick-link{
    min-width:0!important;
    justify-content:center!important;
    padding:10px 7px!important;
    font-size:13px!important;
  }
  #appSidebar .mcs-nav-quick-link .mcs386-icon,
  #appSidebar .mcs-nav-quick-link .mcs-menu-icon{
    display:none!important;
  }
  #appSidebar details>summary,
  #appSidebar .mcs-menu-row,
  #appSidebar .mcs91-notification-row{
    min-height:54px!important;
    border-radius:13px!important;
  }
  #appSidebar .mcs91-notification-row{
    margin:10px 0 12px!important;
  }
}
#appSidebar .mcs386-icon,
#appSidebar .mcs-menu-icon,
#appSidebar .menu-icon,
#appSidebar [class*="mcs395-"]{
  background:rgba(20,166,166,.15)!important;
  color:#51CACA!important;
}
#appSidebar details[open]>summary,
#appSidebar .active,
#appSidebar a.active{
  background:#145B61!important;
  color:#fff!important;
}
#appSidebar .mcs-nav-search:focus{
  border-color:#14A6A6!important;
  box-shadow:0 0 0 3px rgba(20,166,166,.18)!important;
}


/* v3.21.32 — stable compact sidebar inspired by proven marketplace/admin patterns */
:root{
  --mcs-sidebar:#313A4D;
  --mcs-sidebar-deep:#293244;
  --mcs-sidebar-text:#DCE3EA;
  --mcs-sidebar-muted:#96A1B1;
  --mcs-sidebar-line:rgba(255,255,255,.08);
  --mcs-accent:#1FA88E;
  --mcs-accent-dark:#16836F;
  --mcs-accent-soft:rgba(31,168,142,.14);
}
.shell{grid-template-columns:288px minmax(0,1fr)!important}
#appSidebar,.app-sidebar,.sidebar{
  background:var(--mcs-sidebar)!important;
  color:var(--mcs-sidebar-text)!important;
  width:288px;
  padding:0!important;
  min-height:100vh;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-shadow:none!important;
}
#appSidebar .sidebar-head{
  position:sticky!important;top:0!important;z-index:20!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;padding:22px 20px 18px!important;
  background:var(--mcs-sidebar)!important;border-bottom:1px solid var(--mcs-sidebar-line)!important;
}
#appSidebar .platform-mark{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
#appSidebar .platform-mark .mark{
  width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;background:#1FA88E!important;color:#fff!important;
  font-weight:900!important;font-size:20px!important;box-shadow:none!important
}
#appSidebar .platform-mark>div{min-width:0!important}
#appSidebar .platform-mark strong{
  display:block!important;color:#fff!important;font-size:16px!important;font-weight:800!important;
  line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
#appSidebar .platform-mark small{
  display:block!important;margin-top:5px!important;color:var(--mcs-sidebar-muted)!important;
  font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
#appSidebar .platform-mark small::before{
  content:"";display:inline-block;width:8px;height:8px;border-radius:50%;
  background:#38A169;margin-right:6px;vertical-align:1px
}
#appSidebar .menu-close{
  width:38px!important;height:38px!important;min-width:38px!important;border:0!important;border-radius:10px!important;
  background:rgba(255,255,255,.07)!important;color:#fff!important;font-size:20px!important
}
#appSidebar .mcs-nav-tools{display:none!important}
#appSidebar .sidebar-nav{
  padding:18px 14px 30px!important;
}
#appSidebar .sidebar-nav::before{
  content:"NAVIGATION";display:block;padding:0 10px 12px;color:#8F99A8;
  font-size:11px;font-weight:800;letter-spacing:.10em
}
html[lang="es"] #appSidebar .sidebar-nav::before{content:"NAVEGACIÓN"}
#appSidebar details.nav-group{
  margin:0 0 6px!important;border:0!important;background:transparent!important;border-radius:0!important;
}
#appSidebar details.nav-group>summary{
  min-height:42px!important;padding:10px 10px!important;margin:0!important;border-radius:8px!important;
  background:transparent!important;color:#9FA9B7!important;
  font-size:12px!important;font-weight:800!important;letter-spacing:.035em!important;
  text-transform:uppercase!important;box-shadow:none!important
}
#appSidebar details.nav-group>summary:hover{background:rgba(255,255,255,.045)!important;color:#fff!important}
#appSidebar details.nav-group>summary b{
  margin-left:auto!important;color:#8390A2!important;font-size:12px!important;transition:transform .16s ease!important
}
#appSidebar details.nav-group[open]>summary b{transform:rotate(180deg)!important}
#appSidebar details.nav-group[open]>summary{background:transparent!important;color:#C8D0D9!important}
#appSidebar .nav-group-items{padding:2px 0 7px!important}
#appSidebar a.menu-item{
  position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;
  min-height:44px!important;padding:9px 12px!important;margin:2px 0!important;border-radius:8px!important;
  color:#C5CDD7!important;background:transparent!important;font-size:14px!important;font-weight:600!important;
  box-shadow:none!important;border:0!important;text-decoration:none!important
}
#appSidebar a.menu-item:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
#appSidebar a.menu-item.active{
  background:var(--mcs-accent-soft)!important;color:#fff!important;font-weight:750!important;
  box-shadow:inset 3px 0 0 var(--mcs-accent)!important
}
#appSidebar a.menu-item.active::after{display:none!important}
#appSidebar .menu-icon,#appSidebar .mcs-menu-icon,#appSidebar .mcs386-icon,#appSidebar [class*="mcs395-"]{
  width:24px!important;height:24px!important;min-width:24px!important;border-radius:0!important;
  background:transparent!important;color:#9CA9B8!important;box-shadow:none!important
}
#appSidebar a.menu-item:hover .menu-icon,#appSidebar a.menu-item.active .menu-icon,
#appSidebar a.menu-item:hover [class*="mcs395-"],#appSidebar a.menu-item.active [class*="mcs395-"]{
  color:var(--mcs-accent)!important;background:transparent!important
}
#appSidebar .menu-text{min-width:0!important;white-space:normal!important;line-height:1.25!important}
#appSidebar .mcs91-notification-row{
  margin:8px 14px 12px!important;min-height:46px!important;padding:9px 12px!important;
  border-radius:8px!important;border:1px solid var(--mcs-sidebar-line)!important;
  background:rgba(255,255,255,.035)!important;color:#D7DEE6!important
}
#appSidebar .mcs91-notification-row:hover{background:rgba(255,255,255,.06)!important}
#appSidebar .mcs91-notification-row .mcs91-row-icon,
#appSidebar .mcs91-notification-row .mcs91-notification-icon{
  width:24px!important;height:24px!important;background:transparent!important;color:var(--mcs-accent)!important
}
#appSidebar .mcs91-notification-row b{
  background:#59677A!important;color:#fff!important;border:0!important;min-width:24px!important;height:24px!important
}
#appSidebar .mcs91-notification-row.has-pending b{background:#E84C4C!important}
#appSidebar::-webkit-scrollbar{width:6px}
#appSidebar::-webkit-scrollbar-track{background:transparent}
#appSidebar::-webkit-scrollbar-thumb{background:#566174;border-radius:999px}

@media(max-width:900px){
  .shell{grid-template-columns:1fr!important}
  #appSidebar,.app-sidebar,.sidebar{
    position:fixed!important;z-index:1000!important;inset:0 auto 0 0!important;
    width:min(84vw,330px)!important;transform:translateX(-105%)!important;
    transition:transform .20s ease!important;box-shadow:10px 0 30px rgba(0,0,0,.25)!important
  }
  .sidebar-open #appSidebar,.sidebar-open .app-sidebar,.sidebar-open .sidebar,
  #appSidebar.open{transform:translateX(0)!important}
  #appSidebar .sidebar-head{padding:18px 16px 15px!important}
  #appSidebar .platform-mark .mark{width:42px!important;height:42px!important;min-width:42px!important}
  #appSidebar .sidebar-nav{padding:16px 12px 26px!important}
  #appSidebar details.nav-group>summary{min-height:40px!important;padding:9px 9px!important;font-size:11px!important}
  #appSidebar a.menu-item{min-height:43px!important;padding:9px 10px!important;font-size:14px!important}
}


/* v3.21.40 — SINGLE SOURCE OF TRUTH: Super Admin / Tenant sidebar */
.mcs-nav-tools{display:none!important}
#appSidebar,.app-sidebar,.sidebar{
 --mcs-sb-bg:#30394A;--mcs-sb-text:#DCE3EA;--mcs-sb-muted:#96A1B1;
 --mcs-sb-line:rgba(255,255,255,.075);--mcs-sb-accent:#1FA88E;
 --mcs-sb-active:rgba(31,168,142,.13);
 background:#30394A!important;color:#DCE3EA!important;width:286px!important;
 padding:0!important;overflow-y:auto!important;overflow-x:hidden!important
}
#appSidebar .sidebar-head{display:flex!important;align-items:center!important;gap:12px!important;padding:18px 16px!important;background:#30394A!important;border-bottom:1px solid rgba(255,255,255,.075)!important}
#appSidebar .platform-mark{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;flex:1!important}
#appSidebar .platform-mark .mark{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;background:#1FA88E!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:19px!important;font-weight:900!important;box-shadow:none!important;border:0!important}
#appSidebar .platform-mark strong{color:#fff!important;font-size:16px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#appSidebar .platform-mark small{display:block!important;color:#96A1B1!important;font-size:12px!important;margin-top:4px!important}
#appSidebar .menu-close{width:36px!important;height:36px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.075)!important;background:rgba(255,255,255,.045)!important;color:#fff!important}
#appSidebar .sidebar-nav{padding:14px 10px 26px!important}
#appSidebar .sidebar-nav::before{content:"NAVIGATION";display:block;color:#8D98A8!important;padding:0 10px 10px!important;font-size:11px!important;letter-spacing:.09em!important;font-weight:800!important}
html[lang="es"] #appSidebar .sidebar-nav::before{content:"NAVEGACIÓN"}
#appSidebar details.nav-group{margin:0 0 4px!important;border:0!important;background:transparent!important;box-shadow:none!important}
#appSidebar details.nav-group>summary{min-height:38px!important;display:flex!important;align-items:center!important;padding:8px 10px!important;background:transparent!important;color:#A7B0BD!important;border:0!important;border-radius:7px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;box-shadow:none!important}
#appSidebar details.nav-group>summary:hover{background:rgba(255,255,255,.04)!important;color:#fff!important}
#appSidebar details.nav-group>summary b{margin-left:auto!important;color:#7E8999!important}
#appSidebar details.nav-group[open]>summary{background:transparent!important;color:#C9D0D9!important}
#appSidebar .nav-group-items{padding:2px 0 6px!important}
#appSidebar a.menu-item{min-height:42px!important;display:flex!important;align-items:center!important;gap:11px!important;margin:1px 0!important;padding:8px 10px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#C6CED8!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;box-shadow:none!important}
#appSidebar a.menu-item:hover{background:rgba(255,255,255,.05)!important;color:#fff!important}
#appSidebar a.menu-item.active{background:rgba(31,168,142,.13)!important;color:#fff!important;box-shadow:inset 3px 0 0 #1FA88E!important;font-weight:750!important}
#appSidebar .menu-icon,#appSidebar .mcs-menu-icon,#appSidebar [class*="mcs386-icon"],#appSidebar [class*="mcs395-"]{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;min-width:22px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#9BA7B6!important;box-shadow:none!important}
#appSidebar .menu-icon svg,#appSidebar [class*="mcs395-"] svg{width:18px!important;height:18px!important}
#appSidebar a.menu-item:hover .menu-icon,#appSidebar a.menu-item.active .menu-icon{color:#1FA88E!important}
#appSidebar .mcs91-notification-row{margin:7px 10px 11px!important;min-height:44px!important;padding:8px 10px!important;border-radius:7px!important;border:1px solid rgba(255,255,255,.075)!important;background:rgba(255,255,255,.03)!important;color:#D4DCE5!important}
#appSidebar .mcs91-notification-row .mcs91-row-icon,#appSidebar .mcs91-notification-row .mcs91-notification-icon{background:transparent!important;color:#1FA88E!important;box-shadow:none!important}
#appSidebar .mcs91-notification-row b{background:#566375!important;color:#fff!important;border:0!important}
@media(max-width:900px){
 #appSidebar,.app-sidebar,.sidebar{position:fixed!important;inset:0 auto 0 0!important;z-index:1000!important;width:min(82vw,320px)!important;max-width:320px!important;transform:translateX(-105%)!important;transition:transform .18s ease!important;box-shadow:10px 0 28px rgba(0,0,0,.25)!important}
 #appSidebar.open,body.sidebar-open #appSidebar,html.sidebar-open #appSidebar{transform:translateX(0)!important}
}


/* v3.21.46 — notification/badge invariants */
#appSidebar .mcs92-count.zero,
#appSidebar .mcs91-sidebar-bell b[hidden],
#appSidebar .mcs91-notification-row b[hidden],
.mcs-notification-bell .mcs-bell-badge[hidden]{
  display:none!important;
}
#appSidebar .mcs92-pending-row + .mcs92-pending-row,
#appSidebar .mcs91-notification-row + .mcs91-notification-row{
  display:none!important;
}

/* v3.21.47 — DEFINITIVE SINGLE SIDEBAR CASCADE */
:root{--mcs-side:#30394A;--mcs-side-text:#D8E0E8;--mcs-side-muted:#9EABBA;--mcs-teal:#1FA88E}
#appSidebar{background:var(--mcs-side)!important;color:var(--mcs-side-text)!important;border:0!important;box-shadow:18px 0 38px rgba(15,23,42,.16)!important}
#appSidebar .sidebar-head{display:flex!important;align-items:center!important;gap:12px!important;min-height:80px!important;padding:14px 16px!important;background:var(--mcs-side)!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
#appSidebar .platform-mark{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;flex:1!important}
#appSidebar .platform-mark .mark{width:46px!important;height:46px!important;min-width:46px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:var(--mcs-teal)!important;color:#fff!important;border:0!important;box-shadow:none!important;font-size:22px!important;font-weight:900!important}
#appSidebar .platform-mark strong{display:block!important;max-width:180px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#fff!important;font-size:16px!important}
#appSidebar .platform-mark small{display:block!important;color:var(--mcs-side-muted)!important;font-size:12px!important;margin-top:2px!important}
#appSidebar .sidebar-head-actions{display:flex!important;align-items:center!important;gap:7px!important}
#appSidebar .mcs-pending-bell,#appSidebar .menu-close{position:relative!important;width:39px!important;height:39px!important;min-width:39px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:10px!important;background:rgba(255,255,255,.055)!important;color:#D7E0E8!important;text-decoration:none!important;box-shadow:none!important}
#appSidebar .mcs-pending-bell svg{width:20px!important;height:20px!important}#appSidebar .menu-close{font-size:24px!important}
#appSidebar .mcs-pending-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;height:20px!important;padding:0 5px!important;margin-left:auto!important;border-radius:999px!important;background:#E84C4C!important;color:#fff!important;border:0!important;font-size:10px!important;font-weight:900!important;line-height:1!important;box-shadow:none!important}
#appSidebar .mcs-pending-count[hidden],#appSidebar .mcs-pending-count.zero{display:none!important}
#appSidebar .mcs-pending-bell .mcs-pending-count{position:absolute!important;right:-5px!important;top:-5px!important;margin:0!important;border:2px solid var(--mcs-side)!important}
#appSidebar .sidebar-nav{padding:12px 10px 26px!important;background:transparent!important}
#appSidebar .mcs-pending-row{display:flex!important;align-items:center!important;gap:10px!important;min-height:44px!important;margin:0 0 10px!important;padding:9px 11px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:9px!important;background:rgba(255,255,255,.035)!important;color:var(--mcs-side-text)!important;text-decoration:none!important;font-weight:800!important;box-shadow:none!important}
#appSidebar .mcs-pending-icon{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;color:var(--mcs-teal)!important;background:transparent!important;border:0!important;box-shadow:none!important}#appSidebar .mcs-pending-icon svg{width:19px!important;height:19px!important}
#appSidebar .mcs-pending-row .lbl{flex:1!important;min-width:0!important;font-size:13px!important;line-height:1.25!important}
#appSidebar details.nav-group{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#appSidebar details.nav-group>summary{display:flex!important;align-items:center!important;gap:8px!important;min-height:41px!important;margin:0!important;padding:10px 8px!important;border:0!important;background:transparent!important;color:#AAB5C2!important;box-shadow:none!important;font-size:11px!important;font-weight:900!important;letter-spacing:.035em!important;text-transform:uppercase!important;list-style:none!important}
#appSidebar details.nav-group>summary::before,#appSidebar details.nav-group>summary::after{display:none!important;content:none!important}
#appSidebar details.nav-group>summary span{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:inherit!important}
#appSidebar details.nav-group>summary b{margin-left:auto!important;background:transparent!important;color:#82909F!important;border:0!important;box-shadow:none!important}
#appSidebar .nav-group-items{padding:0 0 3px!important;background:transparent!important}
#appSidebar a.menu-item{display:flex!important;align-items:center!important;gap:11px!important;min-height:42px!important;margin:2px 0!important;padding:8px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#CDD6DF!important;text-decoration:none!important;box-shadow:none!important;transform:none!important}
#appSidebar a.menu-item:hover{background:rgba(255,255,255,.045)!important;color:#fff!important}
#appSidebar a.menu-item.active{background:rgba(31,168,142,.13)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--mcs-teal)!important}
#appSidebar a.menu-item .menu-icon{width:23px!important;height:23px!important;min-width:23px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;background:transparent!important;color:#9EABBA!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#appSidebar a.menu-item.active .menu-icon{color:var(--mcs-teal)!important}#appSidebar a.menu-item .menu-icon svg{width:20px!important;height:20px!important}
#appSidebar a.menu-item .menu-text{flex:1!important;min-width:0!important;margin:0!important;padding:0!important;color:inherit!important;font-size:13px!important;font-weight:760!important;line-height:1.25!important}
#appSidebar .mcs91-sidebar-bell,#appSidebar .mcs91-notification-row,#appSidebar .mcs92-bell,#appSidebar .mcs92-pending-row,#appSidebar .mcs-nav-tools,#appSidebar [class*="mcs386-icon"],#appSidebar [class*="mcs395-icon"]{display:none!important}
@media(max-width:900px){#appSidebar{width:min(82vw,330px)!important;max-width:330px!important}#appSidebar .sidebar-head{min-height:78px!important;padding:13px 14px!important}#appSidebar .sidebar-nav{padding:11px 9px 28px!important}}

/* v3.21.48 — no legacy group squares / fixed bell geometry */
#appSidebar details.nav-group>summary span::before,
#appSidebar details.nav-group>summary span::after,
#appSidebar details.nav-group>summary::before,
#appSidebar details.nav-group>summary::after{display:none!important;content:none!important}
#appSidebar details.nav-group>summary span{background:transparent!important;box-shadow:none!important;width:auto!important;height:auto!important;min-width:0!important;border:0!important}
#appSidebar .mcs-bell-svg,#appSidebar .mcs-bell-svg svg{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important}


/* ==========================================================================
   v3.21.49 — DEFINITIVE ADMIN COLOR LOCK
   Purple/blue accents are forbidden in SuperAdmin, In-House and tenant admin.
   ========================================================================== */
:root{
 --mcs-admin-primary:#1FA88E!important;
 --mcs-admin-primary-dark:#0F766E!important;
 --mcs-admin-primary-soft:#CCFBF1!important;
 --mcs-admin-primary-pale:#F0FDFA!important;
}
#appSidebar .sidebar-head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;align-self:center!important;gap:8px!important}
#appSidebar [data-mcs-pending-bell]{
 width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;
 display:grid!important;place-items:center!important;align-self:center!important;position:relative!important;
 margin:0!important;padding:0!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;
 background:rgba(255,255,255,.055)!important;color:#D8E0E8!important;border:1px solid rgba(255,255,255,.10)!important;
}
#appSidebar [data-mcs-pending-bell] .mcs-bell-svg,
#appSidebar [data-mcs-pending-bell] .mcs-bell-svg svg{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;display:block!important;margin:0!important;transform:none!important}
#appSidebar .menu-close{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;align-self:center!important}
#appSidebar .platform-mark .mark,
#appSidebar a.menu-item.active .menu-icon,
#appSidebar .mcs-pending-icon{background-color:transparent!important;color:#1FA88E!important}
#appSidebar .platform-mark .mark{background:#1FA88E!important;color:#fff!important}
#appSidebar a.menu-item.active{background:rgba(31,168,142,.13)!important;box-shadow:inset 3px 0 0 #1FA88E!important}
#appSidebar .mcs-pending-row{border-color:rgba(255,255,255,.08)!important}
main .btn-primary,.app-header .btn-primary,
main a.btn-primary,main button.btn-primary,
main .primary,main a.primary,main button.primary{
 background:#1FA88E!important;border-color:#1FA88E!important;color:#fff!important;
}
main .btn-primary:hover,main a.btn-primary:hover,main button.btn-primary:hover,
main .primary:hover,main a.primary:hover,main button.primary:hover{
 background:#0F766E!important;border-color:#0F766E!important;
}
/* utility pages / cards / badges */
main .badge-primary,main .text-primary,.app-header .text-primary{color:#0F766E!important}
main .bg-primary,.app-header .bg-primary{background:#1FA88E!important}
main .border-primary,.app-header .border-primary{border-color:#1FA88E!important}


/* ==========================================================================
   v3.21.50 — FIXED HEADER BELL + TEAL-ONLY ADMIN
   ========================================================================== */
#appSidebar .sidebar-head{
  position:relative!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;column-gap:10px!important;
}
#appSidebar .platform-mark{grid-column:1!important;min-width:0!important}
#appSidebar .sidebar-head-actions{
  grid-column:2!important;display:grid!important;
  grid-template-columns:40px 40px!important;align-items:center!important;
  justify-items:center!important;gap:8px!important;margin:0!important;padding:0!important
}
#appSidebar [data-mcs-pending-bell],#appSidebar .menu-close{
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  max-width:40px!important;max-height:40px!important;position:relative!important;
  inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  margin:0!important;padding:0!important;transform:none!important;display:grid!important;place-items:center!important;
}
#appSidebar .mcs-bell-glyph{
  width:20px!important;height:20px!important;display:grid!important;place-items:center!important;
  position:static!important;inset:auto!important;transform:none!important;
  margin:0!important;padding:0!important;font-size:18px!important;line-height:20px!important;
}
#appSidebar .mcs-pending-icon{
  background:transparent!important;color:#1FA88E!important;
  font-size:17px!important;line-height:22px!important
}
/* kill old purple/blue button/link remnants in admin shells */
body .shell main [style*="#1FA88E" i],body .shell main [style*="#1FA88E" i],
body .shell main [style*="#1FA88E" i],body .shell main [style*="#5b45" i],
body .shell main [style*="#0F766E" i],body .shell main [style*="#0F766E" i],
body .shell main [style*="#0F766E" i],body .shell main [style*="#14B8A6" i]{
  background-color:#1FA88E!important;border-color:#1FA88E!important;color:#fff!important;
}


/* ==========================================================================
   v3.21.51 — APPROVED SIDEBAR DESIGN IMPLEMENTED IN SCRIPT
   ========================================================================== */
#appSidebar{display:flex!important;flex-direction:column!important;background:linear-gradient(180deg,#243746 0%,#19313D 100%)!important}
#appSidebar .sidebar-head{grid-template-columns:minmax(0,1fr) 88px!important;min-height:84px!important}
#appSidebar .sidebar-head-actions{display:grid!important;grid-template-columns:40px 40px!important;gap:8px!important}
#appSidebar [data-mcs-pending-bell],#appSidebar .menu-close{
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  max-width:40px!important;max-height:40px!important;background:#213A45!important;
  border:1px solid rgba(45,212,191,.32)!important;color:#DDFBF5!important;
  position:relative!important;inset:auto!important;transform:none!important
}
#appSidebar [data-mcs-pending-bell]{border-color:#2DD4BF!important}
#appSidebar .mcs-bell-css{position:relative!important;width:18px!important;height:15px!important;display:block!important;border:2px solid #2DD4BF!important;border-top-left-radius:9px!important;border-top-right-radius:9px!important;border-bottom:0!important;box-sizing:border-box!important}
#appSidebar .mcs-bell-css::before{content:""!important;position:absolute!important;left:50%!important;transform:translateX(-50%)!important;bottom:-5px!important;width:22px!important;height:2px!important;background:#2DD4BF!important;border-radius:2px!important}
#appSidebar .mcs-bell-css::after{content:""!important;position:absolute!important;left:50%!important;transform:translateX(-50%)!important;bottom:-9px!important;width:5px!important;height:5px!important;background:#2DD4BF!important;border-radius:50%!important}
#appSidebar .mcs-bell-css.small{transform:scale(.88)!important}
#appSidebar .mcs-pending-row{min-height:48px!important;border-radius:11px!important}
#appSidebar details.nav-group>summary .group-icon{width:22px!important;height:22px!important;min-width:22px!important;display:grid!important;place-items:center!important;color:#2DD4BF!important;background:transparent!important;border:0!important;box-shadow:none!important}
#appSidebar details.nav-group>summary .group-icon svg{width:19px!important;height:19px!important}
#appSidebar details.nav-group>summary .group-label{flex:1!important;background:transparent!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important}
#appSidebar .mcs-sidebar-footer-v32151{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 16px 18px!important;margin-top:auto!important;border-top:1px solid rgba(255,255,255,.07)!important;color:#92A7B2!important;font-size:11px!important}


/* v3.21.53 — authoritative sidebar contract */
#appSidebar{background:linear-gradient(180deg,#263A35,#1F332E)!important}
#appSidebar .sidebar-head{display:flex!important;align-items:center!important;justify-content:space-between!important;background:#20352F!important}
#appSidebar .sidebar-head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}
#appSidebar [data-mcs-pending-bell]{background-color:#203B35!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 6.5-2.5 7.4-3 9h18c-.5-1.6-3-2.5-3-9' fill='none' stroke='%232DD4BF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 21h4' fill='none' stroke='%232DD4BF' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:20px 20px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;position:relative!important;inset:auto!important;margin:0!important;padding:0!important;transform:none!important;overflow:hidden!important;border:1px solid #2DD4BF!important;border-radius:10px!important}
#appSidebar [data-mcs-pending-bell]::before,#appSidebar [data-mcs-pending-bell]::after{display:none!important;content:none!important}
#appSidebar [data-mcs-pending-bell]>*:not(.mcs-pending-count){display:none!important}
#appSidebar .mcs-pending-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 6.5-2.5 7.4-3 9h18c-.5-1.6-3-2.5-3-9' fill='none' stroke='%232DD4BF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 21h4' fill='none' stroke='%232DD4BF' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:18px 18px!important}
#appSidebar .mcs-pending-icon>*{display:none!important}
#appSidebar a.menu-item.active{background:#285048!important;box-shadow:inset 3px 0 0 #2DD4BF!important}

/* v3.21.55 final sidebar contract */
#appSidebar{background:linear-gradient(180deg,#263A35,#1F332E)!important}
#appSidebar .sidebar-head{display:flex!important;align-items:center!important;justify-content:space-between!important;background:#20352F!important}
#appSidebar .sidebar-head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}
#appSidebar [data-mcs-pending-bell]{background-color:#203B35!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 6.5-2.5 7.4-3 9h18c-.5-1.6-3-2.5-3-9' fill='none' stroke='%232DD4BF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 21h4' fill='none' stroke='%232DD4BF' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:20px 20px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;position:relative!important;inset:auto!important;margin:0!important;padding:0!important;transform:none!important;overflow:hidden!important;border:1px solid #2DD4BF!important;border-radius:10px!important}
#appSidebar [data-mcs-pending-bell]>*:not(.mcs-pending-count){display:none!important}
#appSidebar .mcs-pending-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 6.5-2.5 7.4-3 9h18c-.5-1.6-3-2.5-3-9' fill='none' stroke='%232DD4BF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 21h4' fill='none' stroke='%232DD4BF' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:18px 18px!important;background-color:transparent!important}
#appSidebar .mcs-pending-icon>*{display:none!important}
#appSidebar details.nav-group>summary span:not(.group-label):not(.group-icon){background:transparent!important;box-shadow:none!important}
#appSidebar a.menu-item.active{background:#285048!important;box-shadow:inset 3px 0 0 #2DD4BF!important}


/* v3.22.12 — final teal theme lock for legacy modules */
:root{
 --mcs-accent:#1FA88E;
 --mcs-accent-dark:#0F766E;
 --mcs-accent-soft:#E8F8F5;
}
.nav-link.active,#appSidebar a.active,#appSidebar summary:hover,#appSidebar a:hover,
.app-sidebar a.active,.sidebar a.active{background:#245347!important;color:#fff!important}
main .btn:not(.danger-btn),main button:not(.danger-btn):not(.danger),
main a.primary,main button.primary,main .btn-primary{
 background:#1FA88E!important;border-color:#1FA88E!important;color:#fff!important
}
main .secondary-btn,main .btn-soft,main a.secondary-btn{
 background:#E8F8F5!important;border-color:#B7DED5!important;color:#0F766E!important
}
main :where(.tabs,.project-tabs,.report-tabs,.module-nav,.catalog-manager-nav) a.active{
 background:#DFF7F1!important;border-color:#9FD6C9!important;color:#0F766E!important
}
main a:not(.btn):not(.danger-link):not(.danger-btn){color:#0F766E}


/* ==========================================================================
   v3.22.52 — GLOBAL ADMIN RESPONSIVE HEADER + LAYOUT LOCK
   Applies to SaaS Super Admin and tenant/admin screens using app.css.
   ========================================================================== */
html,body{max-width:100%;overflow-x:hidden}
.shell>main{width:100%;max-width:100%;min-width:0}
.app-header{
  width:100%;
  max-width:100%;
  min-width:0;
}
.app-header>div:not(.header-actions){min-width:0}
.app-header h1,.app-header h2{
  max-width:100%;
  overflow-wrap:anywhere;
  line-height:1.12;
}
.app-header p{
  max-width:100%;
  overflow-wrap:anywhere;
  line-height:1.35;
}
.app-header .header-actions{
  min-width:0;
  max-width:100%;
  gap:8px;
}
.app-header .header-actions>a,
.app-header .header-actions>button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  margin:0!important;
  padding:8px 11px;
  border:1px solid #d8e4e1;
  border-radius:10px;
  background:#fff;
  color:#0F766E!important;
  text-decoration:none;
  line-height:1.2;
  white-space:nowrap;
}
.app-header .header-actions>a:hover,
.app-header .header-actions>button:hover{
  background:#E8F8F5;
  border-color:#9FD6CA;
}
.management-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  min-width:0;
}
.management-head>div{min-width:0}
.management-head h1{margin:.35rem 0 .45rem;line-height:1.12}
.management-head p{margin:.25rem 0 0;line-height:1.45}
.management-head .count-chip,.management-head .status-chip{
  flex:0 0 auto;
  max-width:100%;
  white-space:nowrap;
}
.management-layout{
  display:grid;
  grid-template-columns:minmax(280px,.85fr) minmax(0,1.35fr);
  gap:16px;
  align-items:start;
  min-width:0;
}
.management-layout>.management-card{min-width:0;width:100%}
.management-layout>.management-card.wide{min-width:0}
.plan-entitlement-checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 12px;
  min-width:0;
}
.plan-entitlement-checks .check-row{min-width:0;align-items:flex-start}
.plan-entitlement-checks .check-row span,
.plan-entitlement-checks .check-row{overflow-wrap:anywhere}
.form-grid{min-width:0}
.form-grid>*{min-width:0}
.management-card form{min-width:0}
.management-card input,
.management-card select,
.management-card textarea{min-width:0;max-width:100%}
.management-card .btn,
.management-card .secondary-btn,
.management-card button{
  max-width:100%;
  white-space:normal;
}
.table-wrap,.responsive-table{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
.data-table{min-width:640px}

@media(min-width:901px){
  .app-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center!important;
    gap:18px 24px!important;
  }
  .app-header>.mobile-menu{display:none!important}
  .app-header>div:not(.header-actions){grid-column:1}
  .app-header>.header-actions{
    grid-column:2;
    justify-self:end;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
  }
}

@media(max-width:900px){
  main{padding:14px!important}
  .app-header{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    gap:10px 12px!important;
    margin-bottom:16px!important;
  }
  .app-header>.mobile-menu{
    grid-column:1!important;
    grid-row:1!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .app-header>div:not(.header-actions){
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    align-self:center!important;
  }
  .app-header>.header-actions{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.7fr) minmax(52px,.55fr) minmax(52px,.55fr) minmax(90px,1fr)!important;
    gap:8px!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    padding:10px 0 0!important;
    margin:0!important;
    border-top:1px solid #e3e9e7;
  }
  .app-header>.header-actions>*{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    margin:0!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .app-header>.header-actions .cache-header-link{justify-content:center!important}
  .management-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
  }
  .management-head .count-chip,.management-head .status-chip{white-space:normal}
  .management-layout{grid-template-columns:1fr!important;gap:14px!important}
  .plan-entitlement-checks{grid-template-columns:1fr!important}
  .form-grid,.form-grid.three{grid-template-columns:1fr!important}
}

@media(max-width:560px){
  main{padding:12px!important}
  .app-header{
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:9px 10px!important;
  }
  .app-header>.mobile-menu{
    width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important
  }
  .app-header h1,.app-header h2{font-size:clamp(1.35rem,7vw,1.8rem)!important}
  .app-header p{font-size:.93rem!important}
  .app-header>.header-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .app-header>.header-actions>a,
  .app-header>.header-actions>button{
    min-height:44px!important;
    padding:9px 8px!important;
  }
  .management-card,.management-head,.card,.panel{
    padding:15px!important;
    border-radius:14px!important;
  }
  .management-head h1{font-size:clamp(1.75rem,9vw,2.25rem)!important}
  .management-card h3{line-height:1.2}
  .data-table{min-width:600px}
}

@media(max-width:360px){
  .app-header>.header-actions{grid-template-columns:1fr!important}
  .app-header>.header-actions>*{min-height:42px!important}
}

/* Global action-row collision guard. */
:where(.actions,.toolbar,.nav-actions,.card-actions,.page-actions,.quick-actions,.top-actions){
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  min-width:0;
}
:where(.actions,.toolbar,.nav-actions,.card-actions,.page-actions,.quick-actions,.top-actions)>:where(a,button,.btn,.secondary-btn){
  margin:0!important;
  max-width:100%;
  min-width:0;
}
@media(max-width:560px){
  :where(.actions,.toolbar,.nav-actions,.card-actions,.page-actions,.quick-actions,.top-actions)>:where(a,button,.btn,.secondary-btn){
    flex:1 1 140px;
    white-space:normal;
    text-align:center;
  }
}

/* v3.22.54 — global anti-overlap / action-form containment audit */
:where(.actions,.top,.status,.toolbar,.nav-actions,.card-actions,.page-actions,.quick-actions,.top-actions,.sync-actions,.device-actions,.approval-actions){
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;max-width:100%;
}
:where(.actions,.top,.status,.toolbar,.nav-actions,.card-actions,.page-actions,.quick-actions,.top-actions,.sync-actions,.device-actions,.approval-actions)>form{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%;margin:0!important;
}
:where(.actions,.top,.status,.toolbar,.nav-actions,.card-actions,.page-actions,.quick-actions,.top-actions,.sync-actions,.device-actions,.approval-actions) :where(button,.btn,.secondary-btn,.link-btn,a){
  max-width:100%;min-width:0;margin:0!important;white-space:normal;overflow-wrap:anywhere;
}
.management-card form,.card form,.panel form{max-width:100%;min-width:0}
.management-card form+form,.card form+form,.panel form+form{margin-top:10px!important}
.management-card :where(button,.btn,.secondary-btn),.card :where(button,.btn,.secondary-btn),.panel :where(button,.btn,.secondary-btn){
  min-height:42px;height:auto;line-height:1.2;
}
@media(max-width:760px){
  :where(.actions,.top,.toolbar,.nav-actions,.card-actions,.page-actions,.quick-actions,.top-actions,.sync-actions){align-items:stretch}
  :where(.actions,.top,.toolbar,.nav-actions,.card-actions,.page-actions,.quick-actions,.top-actions,.sync-actions)>form{flex:1 1 180px;width:auto}
  :where(.actions,.top,.toolbar,.nav-actions,.card-actions,.page-actions,.quick-actions,.top-actions,.sync-actions)>:where(a,button,.btn,.secondary-btn),
  :where(.actions,.top,.toolbar,.nav-actions,.card-actions,.page-actions,.quick-actions,.top-actions,.sync-actions)>form>:where(button,.btn,.secondary-btn){flex:1 1 150px;width:auto}
}
@media(max-width:480px){
  :where(.actions,.top,.toolbar,.nav-actions,.card-actions,.page-actions,.quick-actions,.top-actions,.sync-actions)>form{flex-basis:100%;width:100%}
  :where(.actions,.top,.toolbar,.nav-actions,.card-actions,.page-actions,.quick-actions,.top-actions,.sync-actions)>:where(a,button,.btn,.secondary-btn),
  :where(.actions,.top,.toolbar,.nav-actions,.card-actions,.page-actions,.quick-actions,.top-actions,.sync-actions)>form>:where(button,.btn,.secondary-btn){width:100%;flex-basis:100%}
}


/* v3.22.55 — Companies directory identity separation */
.companies-page .company-identity-cell,
.company-identity-cell{
  min-width:220px;
  vertical-align:top;
}
.companies-page .company-identity-cell .company-name,
.company-identity-cell .company-name{
  display:block!important;
  margin:0 0 4px!important;
  color:#172033!important;
  font-weight:850!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}
.companies-page .company-identity-cell .company-email,
.company-identity-cell .company-email{
  display:block!important;
  margin:0!important;
  color:#667085!important;
  font-size:.92rem!important;
  font-weight:500!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.companies-page .data-table td,
.companies-page .data-table th{vertical-align:top}
@media(max-width:760px){
  .companies-page .company-identity-cell,
  .company-identity-cell{min-width:190px}
  .companies-page .company-identity-cell .company-email,
  .company-identity-cell .company-email{font-size:.88rem!important}
}

/* v3.22.57 — prevent tenant/site secondary identifiers (email/slug) from colliding with names */
.data-table td>strong+small,
.data-table td>.tenant-secondary-id{
  display:block;
  margin-top:4px;
  max-width:100%;
  color:#718096;
  font-size:.88rem;
  line-height:1.3;
  font-weight:500;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.tenant-identity-cell{
  min-width:220px;
  max-width:360px;
  vertical-align:top;
}
.tenant-primary-name{
  display:block;
  max-width:100%;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.tenant-subscription-table td,
.tenant-subscription-table th{vertical-align:top}
.tenant-subscription-table .inline-plan-form{
  display:grid;
  grid-template-columns:minmax(130px,1fr) auto;
  gap:8px;
  align-items:start;
  min-width:210px;
}
.tenant-subscription-table .inline-plan-form select,
.tenant-subscription-table .inline-plan-form button{margin:0!important}
@media(max-width:760px){
  .tenant-identity-cell{min-width:200px;max-width:280px}
  .tenant-subscription-table .inline-plan-form{grid-template-columns:1fr;min-width:160px}
}