/**
 * GBPSSI-AAN Portal Suite v3.24.0 — UI/UX Foundation
 * Shared responsive and accessibility baseline. Business logic is untouched.
 */
:root{
  --gbp-ui-max:1280px;
  --gbp-ui-admin-max:1480px;
  --gbp-ui-gutter:clamp(14px,2.2vw,28px);
  --gbp-ui-section:clamp(18px,2.6vw,30px);
  --gbp-ui-card-pad:clamp(16px,2vw,24px);
  --gbp-ui-radius-xs:7px;
  --gbp-ui-radius-sm:10px;
  --gbp-ui-radius-md:14px;
  --gbp-ui-radius-lg:18px;
  --gbp-ui-navy:#174A82;
  --gbp-ui-navy-deep:#0E3B6B;
  --gbp-ui-blue:#1268F3;
  --gbp-ui-gold:#D9A441;
  --gbp-ui-ink:#18324F;
  --gbp-ui-text:#3F556A;
  --gbp-ui-muted:#6B7E90;
  --gbp-ui-line:#DCE8F0;
  --gbp-ui-line-strong:#C8DCE9;
  --gbp-ui-soft:#F5F9FC;
  --gbp-ui-soft-blue:#EDF5FB;
  --gbp-ui-success:#176B37;
  --gbp-ui-danger:#B42318;
  --gbp-ui-warning:#8A5A00;
  --gbp-ui-shadow:0 8px 24px rgba(21,63,99,.07);
  --gbp-ui-shadow-hover:0 14px 34px rgba(21,63,99,.12);
  --gbp-ui-focus:0 0 0 3px rgba(18,104,243,.18);
}

/* --- Accessibility + document foundation --- */
body.gbpssi-ui-v324{overflow-wrap:anywhere}
body.gbpssi-ui-v324 *,body.gbpssi-ui-v324 *::before,body.gbpssi-ui-v324 *::after{box-sizing:border-box}
body.gbpssi-ui-v324 img,body.gbpssi-ui-v324 video,body.gbpssi-ui-v324 iframe{max-width:100%}
body.gbpssi-ui-v324 img{height:auto}
body.gbpssi-ui-v324 :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--gbp-ui-blue)!important;
  outline-offset:2px!important;
  box-shadow:var(--gbp-ui-focus)!important;
}
.gbpssi-ui-skip-link{position:fixed;left:16px;top:12px;z-index:100000;transform:translateY(-160%);padding:10px 14px;border-radius:8px;background:#fff;color:var(--gbp-ui-navy)!important;border:2px solid var(--gbp-ui-blue);font:700 13px/1.2 Arial,sans-serif;text-decoration:none!important;box-shadow:0 10px 30px rgba(0,0,0,.16);transition:transform .15s ease}
.gbpssi-ui-skip-link:focus{transform:translateY(0)}
#gbpssi-main-content{scroll-margin-top:90px}

/* Avoid grid/flex overflow from long names, URLs and tables. */
body.gbpssi-ui-v324 :where(.gbpssi-console-content,.gbpssi-console-card,.gbpssi-console-grid,.gbpssi-console-form-grid,.gbp-portal-grid,.gbp-portal-card,.gbpai-panel,.gbpssi-pro-section,.gbpssi-career-section,.gbpssi-jobs-panel)>*{min-width:0}
body.gbpssi-ui-v324 :where(.gbpssi-console-muted,.gbpssi-console-card p,.gbp-portal-card p,.gbpai-panel p){overflow-wrap:anywhere}

/* --- Shared controls --- */
body.gbpssi-ui-v324 :where(input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="search"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"],input[type="month"],select,textarea){
  min-height:42px;border:1px solid var(--gbp-ui-line-strong);border-radius:var(--gbp-ui-radius-sm);background:#fff;color:var(--gbp-ui-ink);font-size:13px;line-height:1.4;padding:9px 11px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease
}
body.gbpssi-ui-v324 textarea{min-height:112px;resize:vertical}
body.gbpssi-ui-v324 :where(input,select,textarea)::placeholder{color:#8797A8}
body.gbpssi-ui-v324 :where(button,.button,[class*="-button"],[class*="-primary"],[class*="-secondary"]){transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}

/* --- Portal context width + surface baseline --- */
body.gbpssi-ui-portal-context .site-content>.ast-container,
body.gbpssi-ui-portal-context #content>.ast-container{max-width:none!important;padding-left:0!important;padding-right:0!important}
body.gbpssi-ui-portal-context :where(.gbp-portal,.gbpai,.gbpssi-pro-wrap,.gbpssi-career,.gbpssi-jobs,.gbpssi-business-wrap,.gbpssi-groups-page,.gbpssi-support-wrap,.gbpssi-privacy-wrap,.gbpssi-voice-wrap,.gbpssi-pulse-wrap,.gbpssi-pwa-wrap,.gbpssi-network-updates-page,.gbpssi-digest-wrap,.gbpssi-engagement-wrap,.gbpssi-id-page,.gbpssi-legacy-wrap){
  width:min(100%,var(--gbp-ui-max));margin-left:auto!important;margin-right:auto!important;padding-left:var(--gbp-ui-gutter)!important;padding-right:var(--gbp-ui-gutter)!important
}
body.gbpssi-ui-portal-context .gbp-portal{max-width:var(--gbp-ui-max)!important;padding-top:clamp(24px,3vw,42px)!important;padding-bottom:clamp(40px,5vw,68px)!important}
body.gbpssi-ui-portal-context .gbp-portal-grid{gap:clamp(14px,1.7vw,20px)!important}
body.gbpssi-ui-portal-context .gbp-portal-card{border-radius:var(--gbp-ui-radius-md)!important;box-shadow:var(--gbp-ui-shadow)!important}
body.gbpssi-ui-portal-context a.gbp-portal-card:hover{transform:translateY(-2px)!important;box-shadow:var(--gbp-ui-shadow-hover)!important}

/* --- Front-end Admin Console foundation --- */
body.gbpssi-ui-admin-console .site-content>.ast-container,
body.gbpssi-ui-admin-console #content>.ast-container{max-width:none!important;padding-left:0!important;padding-right:0!important}
body.gbpssi-ui-admin-console .gbpssi-admin-console,
body.gbpssi-ui-admin-console .gbpssi-aan-suite{width:min(100%,var(--gbp-ui-admin-max))!important;max-width:var(--gbp-ui-admin-max)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--gbp-ui-gutter)!important;padding-right:var(--gbp-ui-gutter)!important}
body.gbpssi-ui-admin-console .gbpssi-console-content{width:100%;min-width:0}
body.gbpssi-ui-admin-console .gbpssi-console-content>*{min-width:0}
body.gbpssi-ui-admin-console .gbpssi-console-card,
body.gbpssi-ui-admin-console .gbpssi-suite-card,
body.gbpssi-ui-admin-console .gbpssi-suite-module,
body.gbpssi-ui-admin-console .gbpssi-suite-kpi{border:1px solid var(--gbp-ui-line)!important;border-radius:var(--gbp-ui-radius-md)!important;box-shadow:var(--gbp-ui-shadow)!important;background:#fff!important}
body.gbpssi-ui-admin-console .gbpssi-console-card{padding:var(--gbp-ui-card-pad)!important;margin-bottom:18px!important}
body.gbpssi-ui-admin-console .gbpssi-console-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
body.gbpssi-ui-admin-console .gbpssi-console-card-head h2{margin:3px 0 0!important;color:var(--gbp-ui-navy)!important;font-size:clamp(18px,2vw,23px)!important;line-height:1.25!important}
body.gbpssi-ui-admin-console .gbpssi-console-card-head p{max-width:880px}
body.gbpssi-ui-admin-console .gbpssi-console-muted{color:var(--gbp-ui-muted)!important;line-height:1.55}
body.gbpssi-ui-admin-console .gbpssi-console-form-grid,
body.gbpssi-ui-admin-console .gbpssi-console-filter-grid,
body.gbpssi-ui-admin-console .gbpssi-dashboard-fields{gap:14px!important}
body.gbpssi-ui-admin-console :where(.gbpssi-console-primary,.gbpssi-console-button,.gbpssi-console-primary-link,.button.button-primary){min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:9px 14px!important;border:1px solid var(--gbp-ui-navy)!important;border-radius:9px!important;background:var(--gbp-ui-navy)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;line-height:1.2!important;box-shadow:none!important}
body.gbpssi-ui-admin-console :where(.gbpssi-console-secondary,.gbpssi-console-secondary-link,.button):not(.button-primary){min-height:38px;border-radius:9px!important}
body.gbpssi-ui-admin-console :where(.gbpssi-console-primary,.gbpssi-console-button,.gbpssi-console-primary-link,.button.button-primary):hover{background:var(--gbp-ui-navy-deep)!important;border-color:var(--gbp-ui-navy-deep)!important;transform:translateY(-1px)}

/* Admin nav stays visible without hiding below WP admin bar. */
body.gbpssi-ui-admin-console .gbpssi-console-nav{top:8px!important;scrollbar-width:thin;scrollbar-color:#BBD0DF transparent}
body.admin-bar.gbpssi-ui-admin-console .gbpssi-console-nav{top:40px!important}
body.gbpssi-ui-admin-console .gbpssi-console-nav a{min-height:38px!important;padding:8px 11px!important;font-size:11px!important}

/* Tables scroll locally, not the whole page. */
body.gbpssi-ui-admin-console .gbpssi-console-table-wrap,
body.gbpssi-ui-admin-console [class$="-table-wrap"]{width:100%;max-width:100%;overflow:auto;overscroll-behavior-x:contain;border-radius:10px;scrollbar-width:thin;scrollbar-color:#B8CDDC #F5F9FC}
body.gbpssi-ui-admin-console .gbpssi-console-table{width:100%;border-collapse:separate;border-spacing:0}
body.gbpssi-ui-admin-console .gbpssi-console-table th{position:relative;background:#F5F9FC!important;color:var(--gbp-ui-navy)!important;font-size:10px!important;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
body.gbpssi-ui-admin-console .gbpssi-console-table td{vertical-align:top;color:var(--gbp-ui-text);line-height:1.45}
body.gbpssi-ui-admin-console .gbpssi-console-table th,
body.gbpssi-ui-admin-console .gbpssi-console-table td{padding:11px 12px!important;border-bottom:1px solid #E8F0F5!important}
body.gbpssi-ui-admin-console .gbpssi-console-row-actions,
body.gbpssi-ui-admin-console .gbpssi-console-inline-actions,
body.gbpssi-ui-admin-console .gbpssi-console-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}

/* Consistent badges/status chips. */
body.gbpssi-ui-v324 :where(.gbpssi-console-kpi,.gbpssi-suite-kpi){min-width:0}
body.gbpssi-ui-v324 :where(.gbpssi-console-notice,.gbpssi-suite-note){border-radius:10px!important}

/* Public site foundation is deliberately conservative. */
body.gbpssi-ui-public-context .entry-content :where(img,video,iframe){max-width:100%}
body.gbpssi-ui-public-context .elementor-section .elementor-container,
body.gbpssi-ui-public-context .e-con{min-width:0}

/* Motion/accessibility. */
@media (prefers-reduced-motion:reduce){
  body.gbpssi-ui-v324 *,body.gbpssi-ui-v324 *::before,body.gbpssi-ui-v324 *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* Tablet */
@media(max-width:1199px){
  :root{--gbp-ui-gutter:clamp(14px,2.4vw,22px)}
  body.gbpssi-ui-admin-console .gbpssi-admin-console{max-width:100%!important}
  body.gbpssi-ui-admin-console .gbpssi-console-grid-2{grid-template-columns:1fr!important}
}

/* Mobile */
@media(max-width:767px){
  :root{--gbp-ui-gutter:14px;--gbp-ui-card-pad:16px}
  body.gbpssi-ui-v324 :where(input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="search"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"],select,textarea,button,.button){font-size:16px}
  body.gbpssi-ui-admin-console .gbpssi-admin-console{padding-top:18px!important;padding-bottom:80px!important}
  body.gbpssi-ui-admin-console .gbpssi-console-card-head{display:block}
  body.gbpssi-ui-admin-console .gbpssi-console-card-head>:last-child{margin-top:10px}
  body.gbpssi-ui-admin-console .gbpssi-console-form-grid,
  body.gbpssi-ui-admin-console .gbpssi-console-filter-grid,
  body.gbpssi-ui-admin-console .gbpssi-dashboard-fields{grid-template-columns:1fr!important}
  body.gbpssi-ui-admin-console .gbpssi-console-kpis,
  body.gbpssi-ui-admin-console .gbpssi-console-kpi-grid,
  body.gbpssi-ui-admin-console .gbpssi-suite-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.gbpssi-ui-admin-console :where(.gbpssi-console-primary,.gbpssi-console-button,.gbpssi-console-primary-link,.gbpssi-console-secondary,.gbpssi-console-secondary-link,.button){min-height:44px!important}
  body.admin-bar.gbpssi-ui-admin-console .gbpssi-console-nav{top:54px!important}
  body.gbpssi-ui-portal-context .gbp-portal{padding-top:20px!important}
}

@media(max-width:430px){
  body.gbpssi-ui-admin-console .gbpssi-console-kpis,
  body.gbpssi-ui-admin-console .gbpssi-console-kpi-grid,
  body.gbpssi-ui-admin-console .gbpssi-suite-grid-4{grid-template-columns:1fr!important}
}
