/* Smart School Portal — final portal fidelity layer v0.8.88
   Goal: make every role portal read as part of one premium product while keeping a distinct identity.
   Visual-only layer. No data contracts, permissions, IDs or business logic are changed. */
:root{
  --ssp-v5-canvas:#f6fafc;
  --ssp-v5-surface:#fff;
  --ssp-v5-ink:#102f43;
  --ssp-v5-muted:#71848f;
  --ssp-v5-line:#dfe8ed;
  --ssp-v5-radius:20px;
  --ssp-v5-radius-sm:14px;
  --ssp-v5-shadow:0 12px 34px rgba(18,53,72,.065);
  --ssp-v5-shadow-hover:0 18px 42px rgba(18,53,72,.105);
}

/* ---------- shared portal shell ---------- */
body.portal-role{
  color:var(--ssp-v5-ink);
  background:
    radial-gradient(circle at 94% -8%,rgba(var(--ssp-role-rgb),.12),transparent 27%),
    linear-gradient(180deg,#fbfdfe 0,#f3f8fa 58%,#f8fbfc 100%)!important;
}
body.portal-role :is(.main,.shell,.ps-shell,.activity-standalone-shell,.sb-shell){min-width:0}
body.portal-role :is(.card,.info-card,.ps-card,.ps-section,.sb-panel,.manager-quick-card,.daily-ops-card,.parity-card){
  border-color:var(--ssp-v5-line)!important;
  box-shadow:var(--ssp-v5-shadow)!important;
}
body.portal-role :is(.card,.info-card,.ps-card,.sb-panel,.manager-quick-card,.daily-ops-card,.parity-card):hover{
  border-color:rgba(var(--ssp-role-rgb),.22)!important;
}
body.portal-role :is(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}
body.portal-role :is(input,select,textarea){border-radius:11px!important}
body.portal-role :is(.primary,button.primary,.primary-wide){border-radius:11px!important}
body.portal-role .portal-lobby-link{box-shadow:0 7px 20px rgba(20,52,72,.045)!important}

/* Small portal badge on prominent page heads. */
body.portal-role .panel-page>.section-head:first-child,
body.portal-role-teacher .panel>.section-head:first-child,
body.portal-role-independent .panel>.section-head:first-child{isolation:isolate}
body.portal-role .panel-page>.section-head:first-child::after,
body.portal-role-teacher .panel>.section-head:first-child::after,
body.portal-role-independent .panel>.section-head:first-child::after{
  pointer-events:none;
}

/* ---------- manager / school shell ---------- */
body.portal-role-manager .app-shell>.sidebar{
  width:252px!important;
  background:linear-gradient(180deg,#0d2b3d 0%,#10384a 62%,color-mix(in srgb,var(--ssp-role) 33%,#0e3041) 100%)!important;
  box-shadow:12px 0 36px rgba(7,32,47,.07);
}
body.portal-role-manager .sidebar .brand-row{min-height:62px!important;padding:8px 6px 15px!important}
body.portal-role-manager .sidebar nav{padding-block:7px!important}
body.portal-role-manager .sidebar :is(.nav-btn,.sidebar-direct-link){
  min-height:39px!important;padding:9px 11px!important;border-radius:11px!important;font-size:11px!important
}
body.portal-role-manager .main>.topbar{
  min-height:74px!important;
  padding:11px 22px!important;
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(var(--ssp-role-rgb),.10)!important;
}
body.portal-role-manager .main>.topbar h2{font-size:18px!important;color:#173a4d!important}
body.portal-role-manager .main>.topbar .eyebrow{font-size:10px!important;font-weight:900!important}
body.portal-role-manager .panel-page{max-width:1320px;margin-inline:auto!important}

/* Manager landing page closely follows the approved desktop/mobile reference. */
body.portal-role-manager #overviewPanel>.section-head:first-child{
  min-height:220px!important;
  padding:32px!important;
  border-radius:26px!important;
  box-shadow:0 20px 50px rgba(18,53,72,.09)!important;
}
body.portal-role-manager #overviewPanel>.section-head:first-child>div{max-width:575px!important}
body.portal-role-manager #overviewPanel>.section-head:first-child h3{font-size:clamp(31px,3.2vw,43px)!important}
body.portal-role-manager #overviewPanel>.section-head:first-child p{font-size:13px!important;line-height:1.9!important}
body.portal-role-manager #overviewPanel>.metrics{gap:9px!important}
body.portal-role-manager #overviewPanel>.metrics .metric{
  min-height:102px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#fff,#fbfdfe)!important;
}
body.portal-role-manager #overviewPanel>.metrics .metric strong{font-size:29px!important}
body.portal-role-manager .manager-quick-card{padding:17px!important}
body.portal-role-manager .manager-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
body.portal-role-manager .manager-quick-actions button{
  min-height:112px!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#fff,var(--ssp-role-soft))!important;
}
body.portal-role-manager .manager-quick-actions button b{font-size:13px!important}
body.portal-role-manager .manager-quick-actions button small{font-size:10px!important}

/* General school profile inherits the blue school identity and same hero grammar. */
body.portal-role-school #schoolProfilePanel>.section-head:first-child{min-height:214px!important;border-radius:26px!important;padding:31px!important}
body.portal-role-school #schoolProfilePanel>.section-head:first-child h3{font-size:clamp(31px,3.2vw,43px)!important}
body.portal-role-school #schoolProfilePanel>.parity-card{border-radius:18px!important}

/* ---------- teacher ---------- */
body.portal-role-teacher #teacherView>.topbar,
body.portal-role-independent .topbar{
  position:sticky;top:0;z-index:30;
  background:rgba(255,255,255,.95)!important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(var(--ssp-role-rgb),.10)!important;
}
body.portal-role-teacher main.shell>.hero,
body.portal-role-independent main.shell>.hero{
  min-height:216px!important;
  border-radius:26px!important;
  box-shadow:0 20px 50px rgba(18,53,72,.09)!important;
}
body.portal-role-teacher main.shell>.hero h1,
body.portal-role-independent main.shell>.hero h1{font-size:clamp(30px,3.4vw,43px)!important}
body.portal-role-teacher .portal-tabs,
body.portal-role-independent .workspace-nav{
  scrollbar-width:none;
}
body.portal-role-teacher .portal-tabs::-webkit-scrollbar,
body.portal-role-independent .workspace-nav::-webkit-scrollbar{display:none}
body.portal-role-teacher .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.portal-role-teacher .quick-card{min-height:126px!important;border-radius:16px!important}
body.portal-role-independent .setup-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
body.portal-role-independent .setup-grid button{min-height:116px!important}

/* Teacher portal administration should visually belong to the teacher portal too. */
body.portal-role-teacher.portal-teacher-admin .hero{
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0 48%,rgba(255,255,255,.77) 68%,rgba(255,255,255,.28)),
    url("../assets/landing/school_building.webp") center/cover no-repeat!important;
}
body.portal-role-teacher.portal-teacher-admin .tabs{
  position:sticky;top:8px;z-index:15;
  border:1px solid var(--ssp-v5-line)!important;border-radius:14px!important;
  background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px);
  box-shadow:0 8px 24px rgba(18,53,72,.05)!important;
}
body.portal-role-teacher.portal-teacher-admin .tabs button.active{background:var(--ssp-role-grad)!important;color:#fff!important}

/* ---------- activity ---------- */
body.portal-role-activity .activity-standalone-shell{max-width:1340px!important}
body.portal-role-activity .activity-standalone-header{min-height:120px!important;border-radius:24px!important}
body.portal-role-activity .activity-hero{min-height:196px!important;border-radius:23px!important}
body.portal-role-activity .activity-metrics{gap:9px!important}
body.portal-role-activity .activity-tabs{border-radius:14px!important}
body.portal-role-activity :is(.activity-card,.activity-panel){border-radius:17px!important}

/* ---------- guidance ---------- */
body.portal-role-guidance #guidanceCenterPanel>.page-intro,
body.portal-role-guidance #guidanceManagementPanel>.page-intro{
  min-height:198px!important;border-radius:24px!important;padding:27px!important;
}
body.portal-role-guidance .guidance-metrics{gap:9px!important}
body.portal-role-guidance .guidance-metrics .metric{min-height:94px!important}

/* ---------- broadcast ---------- */
body.portal-role-broadcast #morningBroadcastPanel>.page-intro{
  min-height:198px!important;border-radius:24px!important;padding:27px!important;
}
body.portal-role-broadcast #morningBroadcastPanel .broadcast-summary-grid{gap:9px!important}

/* ---------- standalone service portals ---------- */
body.portal-role .ps-topbar{box-shadow:0 5px 20px rgba(18,53,72,.025)}
body.portal-role .ps-shell{width:min(1180px,calc(100% - 32px))!important}
body.portal-role .ps-hero{
  min-height:218px!important;
  border-radius:25px!important;
  padding:29px!important;
  box-shadow:0 20px 50px rgba(18,53,72,.085)!important;
}
body.portal-role .ps-hero h1{font-size:clamp(31px,3.3vw,43px)!important}
body.portal-role .ps-hero p{font-size:13px!important;line-height:1.9!important}
body.portal-role .ps-hero-badge{min-width:240px!important}
body.portal-role .ps-metrics{gap:9px!important}
body.portal-role .ps-metric{min-height:94px!important;border-radius:15px!important}
body.portal-role .ps-section{border-radius:20px!important}
body.portal-role .ps-grid{gap:10px!important}
body.portal-role .ps-card{border-radius:16px!important}

/* ---------- smart bell ---------- */
body.portal-role-bell[data-smart-bell-page="account"] .sb-account-hero{
  min-height:210px!important;
  border-radius:25px!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.19),transparent 31%),
    linear-gradient(135deg,#fff 0 58%,var(--ssp-role-soft) 100%)!important;
}
body.portal-role-bell[data-smart-bell-page="account"] .sb-account-layout{gap:13px!important}
body.portal-role-bell[data-smart-bell-page="account"] .sb-sidebar{border-radius:17px!important}
body.portal-role-bell[data-smart-bell-page="account"] :is(.sb-card,.sb-panel,.sb-device-card,.sb-license-card){border-radius:16px!important}

/* ---------- store ---------- */
body.portal-role-store .store-header{box-shadow:0 5px 20px rgba(18,53,72,.03)!important}
body.portal-role-store :is(.hero,.store-hero){min-height:205px!important;border-radius:25px!important}
body.portal-role-store :is(.product-card,.category-card,.store-section,.store-card){border-radius:16px!important}

/* ---------- professional empty/loading/error states ---------- */
body.portal-role :is(.empty-state,.ps-empty,.activity-empty,.loading-state){
  border-radius:14px!important;
  border:1px dashed color-mix(in srgb,var(--ssp-role) 22%,#d9e3e8)!important;
  background:linear-gradient(145deg,#fff,var(--ssp-role-soft))!important;
  color:#72848e!important;
}
body.portal-role :is(.error-state,.ps-error,.error-card){border-radius:15px!important}

/* ---------- tablets ---------- */
@media(max-width:1050px){
  body.portal-role-manager .app-shell>.sidebar{width:232px!important}
  body.portal-role-manager #overviewPanel>.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.portal-role-manager .manager-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.portal-role-teacher .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.portal-role-independent .setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ---------- mobile: card-led app feel, matching approved reference ---------- */
@media(max-width:700px){
  body.portal-role{padding-bottom:max(8px,env(safe-area-inset-bottom))}
  body.portal-role-manager .app-shell>.sidebar{width:auto!important;box-shadow:none!important}
  body.portal-role-manager .main>.topbar{min-height:64px!important;padding:9px 12px!important}
  body.portal-role-manager .main>.topbar h2{font-size:15px!important}
  body.portal-role-manager .top-actions{gap:6px!important}
  body.portal-role-manager .status-pill{display:none!important}
  body.portal-role-manager #overviewPanel>.section-head:first-child,
  body.portal-role-school #schoolProfilePanel>.section-head:first-child{
    min-height:218px!important;padding:17px!important;border-radius:19px!important;
  }
  body.portal-role-manager #overviewPanel>.section-head:first-child h3,
  body.portal-role-school #schoolProfilePanel>.section-head:first-child h3{font-size:27px!important}
  body.portal-role-manager #overviewPanel>.section-head:first-child p,
  body.portal-role-school #schoolProfilePanel>.section-head:first-child p{font-size:11px!important;max-width:92%}
  body.portal-role-manager #overviewPanel>.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body.portal-role-manager #overviewPanel>.metrics .metric{min-height:82px!important;padding:11px!important}
  body.portal-role-manager #overviewPanel>.metrics .metric strong{font-size:23px!important}
  body.portal-role-manager .manager-quick-card{padding:11px!important;border-radius:16px!important}
  body.portal-role-manager .manager-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body.portal-role-manager .manager-quick-actions button{min-height:104px!important;padding:11px!important;border-radius:13px!important}

  body.portal-role-teacher #teacherView>.topbar,
  body.portal-role-independent .topbar{min-height:64px!important}
  body.portal-role-teacher main.shell>.hero,
  body.portal-role-independent main.shell>.hero{
    min-height:222px!important;border-radius:19px!important;padding:17px!important;
  }
  body.portal-role-teacher main.shell>.hero h1,
  body.portal-role-independent main.shell>.hero h1{font-size:27px!important}
  body.portal-role-teacher .quick-grid,
  body.portal-role-independent .setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body.portal-role-teacher .quick-card,
  body.portal-role-independent .setup-grid button{min-height:108px!important;padding:11px!important;border-radius:13px!important}

  body.portal-role-activity .activity-standalone-shell{padding:8px!important}
  body.portal-role-activity .activity-standalone-header{min-height:96px!important;border-radius:17px!important}
  body.portal-role-activity .activity-hero{min-height:184px!important;border-radius:18px!important}

  body.portal-role-guidance #guidanceCenterPanel>.page-intro,
  body.portal-role-guidance #guidanceManagementPanel>.page-intro,
  body.portal-role-broadcast #morningBroadcastPanel>.page-intro{
    min-height:184px!important;padding:17px!important;border-radius:18px!important;
  }

  body.portal-role .ps-topbar-inner{min-height:62px!important}
  body.portal-role .ps-shell{width:min(100% - 18px,620px)!important}
  body.portal-role .ps-hero{min-height:218px!important;padding:17px!important;border-radius:19px!important;display:block!important}
  body.portal-role .ps-hero h1{font-size:27px!important}
  body.portal-role .ps-hero p{font-size:11px!important;line-height:1.75!important}
  body.portal-role .ps-hero-badge{min-width:0!important;margin-top:13px!important;padding:10px 12px!important}
  body.portal-role .ps-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body.portal-role .ps-metric{min-height:78px!important;padding:11px!important}
  body.portal-role .ps-section{padding:12px!important;border-radius:16px!important}
  body.portal-role .ps-grid{grid-template-columns:1fr!important}

  body.portal-role-bell[data-smart-bell-page="account"] .sb-account-hero{min-height:184px!important;border-radius:18px!important}
  body.portal-role-bell[data-smart-bell-page="account"] .sb-account-layout{grid-template-columns:1fr!important}
}

@media(max-width:390px){
  body.portal-role-manager #overviewPanel>.metrics,
  body.portal-role-manager .manager-quick-actions,
  body.portal-role-teacher .quick-grid,
  body.portal-role-independent .setup-grid,
  body.portal-role .ps-metrics{grid-template-columns:1fr 1fr!important}
}

@media(prefers-reduced-motion:reduce){
  body.portal-role *,body.portal-role *::before,body.portal-role *::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}

/* Professional sidebar grouping — headings are structural only and never own a route. */
body.portal-role-manager .sidebar .sidebar-group-label{
  padding:12px 10px 5px;margin-top:3px;color:rgba(255,255,255,.48);
  font-size:9px;font-weight:900;letter-spacing:.035em;white-space:nowrap
}
body.portal-role-manager .sidebar .sidebar-group-label:not(:first-child){border-top:1px solid rgba(255,255,255,.055);padding-top:13px;margin-top:7px}
@media(max-width:700px){body.portal-role-manager .sidebar .sidebar-group-label{font-size:8px;padding:9px 9px 4px}}

/* Smart School v0.9.01 — Manager portal clarity, real icons, and mobile navigation. */
body.portal-role-manager #overviewPanel > .metrics .metric::after{
  content:none!important;
  display:none!important;
}
body.portal-role-manager .manager-quick-card{
  padding:18px!important;
}
body.portal-role-manager .manager-action-groups{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:12px!important;
}
body.portal-role-manager .manager-action-group{
  min-width:0;
  border:1px solid color-mix(in srgb,var(--portal-accent,#177f61) 22%,#dbe7e2);
  border-radius:18px;
  background:linear-gradient(180deg,#fff,rgba(239,249,245,.72));
  padding:12px;
}
body.portal-role-manager .manager-action-group > header{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:start;
  gap:10px;
  min-height:64px;
  padding:2px 2px 10px;
  border-bottom:1px solid rgba(15,65,78,.08);
}
body.portal-role-manager .manager-step{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:11px;
  background:var(--portal-accent,#177f61);
  color:#fff;
  font-size:15px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(15,93,75,.14);
}
body.portal-role-manager .manager-action-group > header b{
  display:block;
  color:#123445;
  font-size:14px;
  line-height:1.5;
}
body.portal-role-manager .manager-action-group > header small{
  display:block;
  margin-top:3px;
  color:#71828d;
  font-size:11px;
  line-height:1.7;
}
body.portal-role-manager .manager-action-group .manager-quick-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin-top:10px!important;
}
body.portal-role-manager .manager-action-group .manager-quick-actions button{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 14px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:70px!important;
  width:100%!important;
  padding:10px!important;
  text-align:right!important;
  border:1px solid rgba(16,91,73,.13)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#153848!important;
  box-shadow:none!important;
  cursor:pointer;
}
body.portal-role-manager .manager-action-group .manager-quick-actions button:hover,
body.portal-role-manager .manager-action-group .manager-quick-actions button:focus-visible{
  border-color:color-mix(in srgb,var(--portal-accent,#177f61) 50%,#cbded6)!important;
  box-shadow:0 7px 18px rgba(20,74,68,.08)!important;
  transform:translateY(-1px);
}
body.portal-role-manager .manager-action-icon{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:12px;
  background:color-mix(in srgb,var(--portal-accent,#177f61) 10%,#fff);
  color:var(--portal-accent,#177f61);
}
body.portal-role-manager .manager-action-icon svg,
body.portal-role-manager .teacher-portal-overview-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.portal-role-manager .manager-action-copy{
  display:block;
  min-width:0;
}
body.portal-role-manager .manager-action-copy b{
  display:block;
  font-size:13px;
  line-height:1.45;
  color:#123445;
}
body.portal-role-manager .manager-action-copy small{
  display:block;
  margin-top:3px;
  font-size:11px;
  line-height:1.5;
  color:#75858d;
}
body.portal-role-manager .manager-action-chevron{
  color:var(--portal-accent,#177f61);
  font-size:22px;
  line-height:1;
}
.school-mobile-nav-toggle{display:none}

@media(max-width:1050px){
  body.portal-role-manager .manager-action-groups{
    grid-template-columns:1fr!important;
  }
  body.portal-role-manager .manager-action-group > header{min-height:auto}
}

@media(max-width:900px){
  body.portal-role-manager .sidebar{
    position:sticky!important;
    top:0!important;
    z-index:80!important;
    padding:9px 12px!important;
    background:linear-gradient(180deg,#0b3c4f,#0b5148)!important;
    box-shadow:0 8px 24px rgba(6,32,42,.16)!important;
  }
  body.portal-role-manager .sidebar .brand-row.compact{
    display:flex!important;
    min-height:42px;
    margin:0!important;
  }
  body.portal-role-manager .sidebar .brand-mark.small{display:none!important}
  body.portal-role-manager .sidebar .brand-row.compact strong{color:#fff!important;font-size:14px!important}
  body.portal-role-manager .sidebar .brand-row.compact small{color:rgba(255,255,255,.72)!important;font-size:10px!important}
  body.portal-role-manager .school-mobile-nav-toggle{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:44px;
    margin:6px 0 0;
    padding:9px 11px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:12px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font:inherit;
    font-size:13px;
    font-weight:800;
  }
  body.portal-role-manager .school-mobile-nav-bars{display:grid;gap:3px;width:18px}
  body.portal-role-manager .school-mobile-nav-bars i{display:block;height:2px;border-radius:10px;background:currentColor}
  body.portal-role-manager .sidebar #schoolPrimaryNav{
    display:none!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    max-height:min(68vh,540px);
    overflow:auto;
    margin-top:8px!important;
    padding:8px!important;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    background:rgba(5,36,46,.78);
    overscroll-behavior:contain;
  }
  body.portal-role-manager .sidebar.mobile-nav-open #schoolPrimaryNav{display:grid!important}
  body.portal-role-manager .sidebar #schoolPrimaryNav .sidebar-group-label{
    grid-column:1!important;
    margin:8px 4px 3px!important;
    padding:0 4px!important;
    color:#9fd6c7!important;
    font-size:10px!important;
    font-weight:900!important;
    text-align:right!important;
  }
  body.portal-role-manager .sidebar #schoolPrimaryNav :is(.nav-btn,.sidebar-direct-link){
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:42px!important;
    padding:9px 11px!important;
    border-radius:10px!important;
    text-align:right!important;
    font-size:12px!important;
    line-height:1.45!important;
    white-space:normal!important;
  }
  body.portal-role-manager .sidebar #schoolPrimaryNav .nav-btn.active{
    background:#fff!important;
    color:#0b5148!important;
    font-weight:900!important;
  }
}

@media(max-width:700px){
  body.portal-role-manager .manager-quick-card{padding:14px!important}
  body.portal-role-manager .manager-action-groups{grid-template-columns:1fr!important;gap:10px!important}
  body.portal-role-manager .manager-action-group{padding:10px;border-radius:15px}
  body.portal-role-manager .manager-action-group .manager-quick-actions button{
    grid-template-columns:38px minmax(0,1fr) 12px!important;
    min-height:64px!important;
    gap:8px!important;
  }
  body.portal-role-manager .manager-action-icon{width:36px;height:36px;border-radius:10px}
  body.portal-role-manager .manager-action-icon svg{width:20px;height:20px}
  body.portal-role-manager .manager-action-copy b{font-size:12px}
  body.portal-role-manager .manager-action-copy small{font-size:10.5px}
}