/* V441: scoped shell polish for the signed-in Personal and Corporate workspaces. */

/* Reuse the selected Phosphor shapes; icon color follows the signed-in shell state. */

/*
 * Signed-in color rule: controls remain unfilled. Light selection and section
 * labels use blue; dark selection and section labels use sage.
 * Auth and loading remain outside this scope and retain their production baseline.
 */
body #app.app:not(.hidden){
  --atsrs-shell-accent:#4f8b7d;
  --atsrs-shell-accent-strong:#3f7468;
  --atsrs-shell-accent-soft:#edf5f2;
  --atsrs-shell-accent-border:#c9ddd6;
}

html[data-theme="light"] body #app.app:not(.hidden){
  --atsrs-shell-accent:#2f6fb2;
  --atsrs-shell-accent-strong:#245b93;
  --atsrs-shell-accent-soft:#edf4fb;
  --atsrs-shell-accent-border:#c8d9eb;
}

/* Section heading pills follow the workspace theme: green in dark, blue in light. */
html[data-theme="dark"] body #app.app:not(.hidden) .pill{
  color:#86efac!important;
  -webkit-text-fill-color:#86efac!important;
  border-color:rgba(79,139,125,.58)!important;
}

html[data-theme="light"] body #app.app:not(.hidden) .pill{
  color:var(--atsrs-shell-accent-strong)!important;
  -webkit-text-fill-color:var(--atsrs-shell-accent-strong)!important;
  border-color:var(--atsrs-shell-accent-border)!important;
  background:transparent!important;
}

/* Selection is communicated by the left rail only; no selected-menu box. */
html body #app.app:not(.hidden) .sidebar .nav button.active,
html[data-theme="light"] body #app.app:not(.hidden) .sidebar .nav button.active,
html[data-theme="dark"] body #app.app:not(.hidden) .sidebar .nav button.active{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:inset 3px 0 0 var(--atsrs-shell-accent)!important;
  color:var(--atsrs-shell-accent)!important;
  -webkit-text-fill-color:var(--atsrs-shell-accent)!important;
}

/* Selected tabs stay neutral; selection is shown without a colored fill. */
html body #app.app:not(.hidden) :where(
  .account-tabs button.active,
  .module-tabs button.active,
  .mode-choice button.active,
  .talent-view-switch button.active,
  .cert-mode-buttons button.active,
  [data-company-credentials-tab].active
){
  background:transparent!important;
  border-color:#526276!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  box-shadow:none!important;
}

/* Ordinary actions remain neutral in both themes; green is reserved for state feedback. */
html[data-theme] body #app.app:not(.hidden) button:not(.action):not(.danger):not(.danger-button):not(.delete-button):not(.nav button):not(.atsrs-theme-toggle):not(#atsrsNotificationButton):not(.workspace-switcher-button):not(.workspace-option):not(.sidebar-toggle):not(.atsrs-document-sort):not(.personnel-combobox-toggle):not(.work-type-select-toggle):not(.work-type-select-option):not(.file-preview-close):not(.share-request-close):not(.recipient-link-close){
  background:transparent!important;
  box-shadow:none!important;
}

html[data-theme="dark"] body #app.app:not(.hidden) button:not(.action):not(.danger):not(.danger-button):not(.delete-button):not(.nav button):not(.atsrs-theme-toggle):not(#atsrsNotificationButton):not(.workspace-switcher-button):not(.workspace-option):not(.sidebar-toggle):not(.atsrs-document-sort):not(.personnel-combobox-toggle):not(.work-type-select-toggle):not(.work-type-select-option):not(.file-preview-close):not(.share-request-close):not(.recipient-link-close){
  border-color:#2c3d52!important;
  color:#eef4fb!important;
  -webkit-text-fill-color:#eef4fb!important;
}

html[data-theme="light"] body #app.app:not(.hidden) button:not(.action):not(.danger):not(.danger-button):not(.delete-button):not(.nav button):not(.atsrs-theme-toggle):not(#atsrsNotificationButton):not(.workspace-switcher-button):not(.workspace-option):not(.sidebar-toggle):not(.atsrs-document-sort):not(.personnel-combobox-toggle):not(.work-type-select-toggle):not(.work-type-select-option):not(.file-preview-close):not(.share-request-close):not(.recipient-link-close){
  border-color:#d5dee3!important;
  color:#172b25!important;
  -webkit-text-fill-color:#172b25!important;
}

/* Product-update and dashboard utility boxes keep a neutral/sage interior. */
body #app.app:not(.hidden) :where(.roadmap-icon,.dashboard-view-button){
  background:var(--atsrs-shell-accent-soft)!important;
  border-color:var(--atsrs-shell-accent-border)!important;
  color:var(--atsrs-shell-accent-strong)!important;
  -webkit-text-fill-color:var(--atsrs-shell-accent-strong)!important;
  box-shadow:none!important;
}

/* Shared Product Updates intro uses the page canvas in both Personal and Corporate workspaces. */
body #app.app:not(.hidden) #introPage .updates-hero,
html[data-theme="light"] body #app.app:not(.hidden) #introPage .updates-hero{
  margin-bottom:24px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;
}

body #app.app:not(.hidden) #introPage .roadmap-section,
html[data-theme="light"] body #app.app:not(.hidden) #introPage .roadmap-section{
  margin-top:24px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;overflow:visible!important;
}
/* Product Updates is one shared surface: switching workspaces must not reflow it. */
body:where(.personal-mode,.company-mode) #app.app:not(.hidden) > .main > #introPage{
  position:relative;
  z-index:1;
  width:min(100%,1440px);
  min-width:0;
  margin-inline:auto;
}

/* Personal routes and the compact Corporate routes share one readable origin. */
body.personal-mode #app.app:not(.hidden) > .main > #pageTitle,
body.personal-mode #app.app:not(.hidden) > .main > section,
body.company-mode #app.app:not(.hidden) > .main > #pageTitle,
body.company-mode #app.app:not(.hidden) > .main > section:not(#candidatesPage):not(#personnelPage){
  position:relative;
  z-index:1;
  width:min(100%,1440px);
  min-width:0;
  margin-inline:auto;
}

body:where(.personal-mode,.company-mode) #app.app:not(.hidden) > .main > #pageTitle{
  margin:0 auto 16px;
}

/*
 * Only routes that already render the same heading inside their content hide
 * the shell heading. Other Corporate route titles remain visible at the shared
 * content origin.
 */
body.company-mode:has(#dashboardPage:not(.hidden)) #app.app:not(.hidden) > .main > #pageTitle,
body.company-mode:has(#privacyPage:not(.hidden)) #app.app:not(.hidden) > .main > #pageTitle,
body.company-mode:has(#dataRightsPage:not(.hidden)) #app.app:not(.hidden) > .main > #pageTitle{
  display:none!important;
}

/* Candidates and Personnel keep the approved wide directory/list geometry. */
body.company-mode:has(#candidatesPage:not(.hidden)) #app.app:not(.hidden) > .main > #pageTitle,
body.company-mode:has(#personnelPage:not(.hidden)) #app.app:not(.hidden) > .main > #pageTitle,
body.company-mode #app.app:not(.hidden) > .main > #candidatesPage,
body.company-mode #app.app:not(.hidden) > .main > #personnelPage{
  width:min(100%,var(--atsrs-data-content-width,2100px));
  margin-inline:auto;
}

body:where(.personal-mode,.company-mode):has(#navIntro.active) #app.app:not(.hidden) > .main > #pageTitle{
  position:relative;
  z-index:1;
  width:min(100%,1440px);
  min-width:0;
  margin:0 auto 16px;
}

body:where(.personal-mode,.company-mode) #introPage .product-updates-content :where(h3,p){
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}

body:where(.personal-mode,.company-mode) #introPage .updates-hero h3,
body:where(.personal-mode,.company-mode) #introPage .roadmap-heading h3{
  line-height:1.25;
}

body:where(.personal-mode,.company-mode) #introPage .roadmap-heading > p{
  line-height:1.5;
}

@media(max-width:800px){
  body:where(.personal-mode,.company-mode):has(#navIntro.active) #app.app:not(.hidden) > .main > #pageTitle,
  body:where(.personal-mode,.company-mode) #app.app:not(.hidden) > .main > #introPage{
    width:calc(100% - 16px);
  }
}

#app.app:not(.hidden) .sidebar .nav button .atsrs-nav-icon{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  color:inherit!important;
  font-size:21px!important;
  line-height:1!important;
}

#app.app:not(.hidden) .sidebar .nav button .atsrs-nav-label{
  min-width:0;
  color:inherit!important;
}

body.v76-sidebar-collapsed #app.app:not(.hidden) .sidebar .nav button{
  justify-content:center!important;
  gap:4px!important;
}

body.v76-sidebar-collapsed #app.app:not(.hidden) .sidebar .nav button .atsrs-nav-label{
  display:block!important;
}

body.v76-sidebar-collapsed #app.app:not(.hidden) .sidebar .nav button .atsrs-nav-icon{
  margin:0!important;
  font-size:21px!important;
}

/* Desktop rail: icon above the label, matching the selected reference without borrowing its colors. */
@media(min-width:801px){
  body #app.app:not(.hidden),
  body.v76-sidebar-collapsed #app.app:not(.hidden){
    grid-template-columns:112px minmax(0,1fr)!important;
  }

  body #app.app:not(.hidden) .sidebar,
  body.v76-sidebar-collapsed #app.app:not(.hidden) .sidebar{
    width:112px!important;
    padding:0 8px 10px!important;
    overflow:hidden!important;
  }

  body #app.app:not(.hidden) .sidebar-head{
    min-height:84px!important;
    margin:0!important;
    justify-content:center!important;
  }

  body #app.app:not(.hidden) .sidebar-head .brand,
  body.v76-sidebar-collapsed #app.app:not(.hidden) .sidebar-head .brand{
    display:block!important;
    font-size:22px!important;
    line-height:1!important;
    text-align:center!important;
  }

  body #app.app:not(.hidden) .sidebar-head .brand::after{
    display:none!important;
    content:none!important;
  }

  body #app.app:not(.hidden) .sidebar-head #sidebarToggleBtn,
  body #app.app:not(.hidden) .sidebar > .sub{
    display:none!important;
  }

  body #app.app:not(.hidden) .sidebar .nav{
    position:static!important;
    top:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:2px!important;
    height:calc(100vh - 94px)!important;
    min-height:0!important;
    margin:0!important;
  }

  body #app.app:not(.hidden) .sidebar .nav button,
  body.v76-sidebar-collapsed #app.app:not(.hidden) .sidebar .nav button{
    display:flex!important;
    flex:0 0 64px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    width:100%!important;
    min-width:44px!important;
    height:64px!important;
    min-height:44px!important;
    padding:6px 4px!important;
    text-align:center!important;
    font-size:inherit!important;
  }

  body #app.app:not(.hidden) .sidebar .nav button::before,
  body.v76-sidebar-collapsed #app.app:not(.hidden) .sidebar .nav button::before{
    display:none!important;
    content:none!important;
  }

  body #app.app:not(.hidden) .sidebar .nav button .atsrs-nav-label,
  body.v76-sidebar-collapsed #app.app:not(.hidden) .sidebar .nav button .atsrs-nav-label{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    font-size:11px!important;
    line-height:1.18!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  body #app.app:not(.hidden) .sidebar .nav button .atsrs-nav-icon,
  body.v76-sidebar-collapsed #app.app:not(.hidden) .sidebar .nav button .atsrs-nav-icon{
    margin:0!important;
  }

  body #app.app:not(.hidden) .sidebar .nav .nav-utility-divider{
    margin-top:auto!important;
  }

  body #app.app:not(.hidden) .sidebar .nav #navIntro{
    order:0!important;
  }
}

/* A 44px hit area contains the smaller, familiar 42 x 24 visual switch. */
html body #atsrsGlobalControls > #atsrsThemeToggle,
html body.personal-mode #atsrsGlobalControls > #atsrsThemeToggle,
html body.company-mode #atsrsGlobalControls > #atsrsThemeToggle{
  position:relative!important;
  flex:0 0 44px!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

body #atsrsThemeToggle .atsrs-theme-track{
  position:absolute!important;
  inset:auto!important;
  top:50%!important;
  left:1px!important;
  display:block!important;
  width:42px!important;
  height:24px!important;
  border:1px solid #42566a!important;
  border-radius:999px!important;
  background:#101d2b!important;
  box-shadow:0 5px 14px rgba(0,0,0,.14)!important;
  overflow:hidden!important;
  transform:translateY(-50%)!important;
}

html[data-theme] body #atsrsThemeToggle::before,
html[data-theme] body #atsrsThemeToggle::after{display:none!important;content:none!important}

html[data-theme="light"] body #atsrsThemeToggle .atsrs-theme-track{
  border-color:#b8c8d4!important;
  background:#e8eef3!important;
  box-shadow:0 5px 14px rgba(35,61,80,.07)!important;
}

body #atsrsThemeToggle .atsrs-theme-sun,
body #atsrsThemeToggle .atsrs-theme-moon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  top:50%!important;
  width:16px!important;
  height:16px!important;
  font-size:11px!important;
  line-height:1!important;
  padding:0!important;
  transform:translateY(-50%)!important;
}

body #atsrsThemeToggle .atsrs-theme-sun{right:4px!important}
body #atsrsThemeToggle .atsrs-theme-moon{left:3px!important}

body #atsrsThemeToggle .atsrs-theme-thumb,
body.personal-mode #atsrsThemeToggle .atsrs-theme-thumb,
body.company-mode #atsrsThemeToggle .atsrs-theme-thumb{
  top:2px!important;
  left:2px!important;
  width:18px!important;
  height:18px!important;
}

html[data-theme="light"] body #atsrsThemeToggle .atsrs-theme-thumb{
  transform:translateX(18px)!important;
}

/* In dark mode the moon sits on the white thumb, so it must remain a dark glyph. */
html[data-theme="dark"] body #atsrsThemeToggle .atsrs-theme-moon{
  color:#0f172a!important;
}

/* Auth keeps only the theme switch. The bell belongs to signed-in workspaces. */
html body #atsrsNotificationButton{
  display:none!important;
  flex:0 0 44px!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
}

html body #app.app:not(.hidden) #atsrsGlobalControls > #atsrsNotificationButton{display:inline-flex!important}
html body #app.app:not(.hidden) #atsrsGlobalControls{
  gap:8px!important;
}
html[data-theme] body #app.app:not(.hidden) #atsrsGlobalControls > #atsrsNotificationButton{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #app.app:not(.hidden) #atsrsNotificationButton .ph{font-size:24px;line-height:1;color:inherit!important}
html[data-theme] body #app.app:not(.hidden) #atsrsGlobalControls > #atsrsNotificationButton:hover{
  background:transparent!important;
}
html body #app.app:not(.hidden) #atsrsNotificationButton:focus-visible{
  outline:3px solid var(--sidebar-accent,#22c55e)!important;
  outline-offset:2px!important;
}

html body #app.app:not(.hidden) :where(.sidebar .nav button,#atsrsNotificationButton,#atsrsThemeToggle):focus:not(:focus-visible){
  outline:0!important;
  box-shadow:none!important;
}

/* Header labels stay atomic. Narrow screens scroll the register instead of splitting a word. */
#certificatesPage .table-wrap{overflow-x:auto!important}
#certificatesPage .atsrs-document-register{
  width:100%!important;
  min-width:1040px!important;
}

#certificatesPage .atsrs-document-register thead th,
#certificatesPage .atsrs-document-register thead th > *,
#certificatesPage .atsrs-document-register .atsrs-document-sort,
#certificatesPage .atsrs-document-register .atsrs-document-sort > span:not(.atsrs-sort-arrows){
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
}

#certificatesPage .atsrs-document-register thead th{
  padding-block:6px!important;
}

#certificatesPage .atsrs-document-register .atsrs-document-sort{
  flex-wrap:nowrap!important;
}

@media(max-width:800px){
  #app.app:not(.hidden) .sidebar .nav button .atsrs-nav-icon{
    flex-basis:20px!important;
    width:20px!important;
    min-width:20px!important;
    height:20px!important;
    font-size:20px!important;
  }
}

@media(min-width:801px) and (max-height:820px){
  body #app.app:not(.hidden) .sidebar-head{
    min-height:70px!important;
  }

  body #app.app:not(.hidden) .sidebar .nav{
    height:calc(100vh - 80px)!important;
  }

  body #app.app:not(.hidden) .sidebar .nav button,
  body.v76-sidebar-collapsed #app.app:not(.hidden) .sidebar .nav button{
    flex-basis:56px!important;
    height:56px!important;
  }
}

/* The rail layout must never expose controls from the other workspace. */
body.personal-mode #app.app:not(.hidden) .sidebar .nav :is(
  #navCandidates,
  #navPersonnel,
  #navCredentials,
  #navReports
),
body.company-mode #app.app:not(.hidden) .sidebar .nav :is(
  #navCertificates,
  #navRefs
){
  display:none!important;
}

body.personal-mode #app.app:not(.hidden) .sidebar .nav :is(
  #navDashboard,
  #navCertificates,
  #navRefs,
  #navCompliance,
  #navProfile,
  #navIntro,
  #navPrivacy
),
body.company-mode #app.app:not(.hidden) .sidebar .nav :is(
  #navDashboard,
  #navCandidates,
  #navPersonnel,
  #navCredentials,
  #navCompliance,
  #navReports,
  #navProfile,
  #navIntro,
  #navPrivacy
){
  display:flex!important;
}

/* V445: route panels are layout wrappers, not another layer of cards. */
body #app.app:not(.hidden) > .main > :is(
  #candidatesPage,
  #personnelPage,
  #certificatesPage,
  #refsPage,
  #compliancePage,
  #reportsPage,
  #profilePage
) > .panel{
  margin-bottom:20px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* V446: the document register uses the page background and fits the desktop viewport. */
body #app.app:not(.hidden) #certificatesPage .table-wrap{
  padding:0!important;
  overflow-x:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body #app.app:not(.hidden) #certificatesPage .atsrs-document-register{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}

#certificatesPage .atsrs-document-col-select{width:38px}
#certificatesPage .atsrs-document-col-name{width:35%}
#certificatesPage .atsrs-document-col-provider{width:24%}
#certificatesPage .atsrs-document-col-expiry{width:112px}
#certificatesPage .atsrs-document-col-uploaded{width:96px}
#certificatesPage .atsrs-document-col-status{width:104px}
#certificatesPage .atsrs-document-col-actions{width:204px}

#certificatesPage .atsrs-document-register th,
#certificatesPage .atsrs-document-register td{
  min-width:0!important;
  overflow:hidden!important;
}

#certificatesPage .atsrs-document-name{
  display:-webkit-box;
  max-width:100%;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  white-space:normal!important;
  overflow-wrap:anywhere;
  line-height:1.35;
}

#certificatesPage .atsrs-document-register tbody td:nth-child(3){
  white-space:normal!important;
  overflow-wrap:anywhere;
}

#certificatesPage .atsrs-document-register tbody td:is(:nth-child(4),:nth-child(5),:nth-child(6)){
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip;
}

#certificatesPage .atsrs-document-row-actions{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr) minmax(0,1fr);
  gap:6px;
  width:100%;
  align-items:center;
}

body #app.app:not(.hidden) #certificatesPage td:last-child .atsrs-document-row-actions > button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding-inline:8px!important;
  white-space:nowrap!important;
}

@media(max-width:800px){
  body:where(.personal-mode,.company-mode) #app.app:not(.hidden) > .main > #pageTitle,
  body:where(.personal-mode,.company-mode) #app.app:not(.hidden) > .main > section{
    width:calc(100% - 16px);
  }

  body #app.app:not(.hidden) #certificatesPage .table-wrap{overflow:visible!important}
  body #app.app:not(.hidden) #certificatesPage .atsrs-document-register{
    display:block!important;
    min-width:0!important;
    table-layout:auto!important;
  }
  #certificatesPage .atsrs-document-register colgroup,
  #certificatesPage .atsrs-document-register thead{display:none!important}
  #certificatesPage .atsrs-document-register tbody{
    display:grid!important;
    gap:12px!important;
  }
  #certificatesPage .atsrs-document-register tbody tr{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    gap:8px 12px!important;
    padding:14px!important;
    border:1px solid var(--atsrs-personal-functional-border,rgba(54,82,108,.72))!important;
    border-radius:12px!important;
    background:var(--atsrs-personal-functional-surface,rgba(11,24,37,.72))!important;
  }
  #certificatesPage .atsrs-document-register tbody td{
    display:block!important;
    width:auto!important;
    padding:0!important;
    border:0!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  #certificatesPage .atsrs-document-register tbody td:nth-child(1){grid-column:1;grid-row:1 / span 2}
  #certificatesPage .atsrs-document-register tbody td:nth-child(2){grid-column:2 / 4;grid-row:1}
  #certificatesPage .atsrs-document-register tbody td:nth-child(3){grid-column:2 / 4;grid-row:2}
  #certificatesPage .atsrs-document-register tbody td:nth-child(4){grid-column:2;grid-row:3}
  #certificatesPage .atsrs-document-register tbody td:nth-child(5){grid-column:2;grid-row:4}
  #certificatesPage .atsrs-document-register tbody td:nth-child(6){grid-column:3;grid-row:3 / span 2;text-align:right}
  #certificatesPage .atsrs-document-register tbody td:nth-child(7){grid-column:1 / 4;grid-row:5}
  #certificatesPage .atsrs-document-register tbody td[data-label]::before{
    display:block;
    margin-bottom:3px;
    color:var(--muted,#8ea2b5);
    content:attr(data-label);
    font-size:10px;
    font-weight:700;
    letter-spacing:.06em;
    line-height:1.2;
    text-transform:uppercase;
  }
  #certificatesPage .atsrs-document-register tbody td:nth-child(2)::before{display:none}
  #certificatesPage .atsrs-document-register tbody .atsrs-document-empty{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    padding:18px 8px!important;
    text-align:center!important;
  }
  #certificatesPage .atsrs-document-register tbody .atsrs-document-empty::before{display:none!important}
  #certificatesPage .atsrs-document-row-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
  #certificatesPage .atsrs-document-name{-webkit-line-clamp:2;line-clamp:2}
}

/* Empty dashboard states should explain the state without becoming large blank cards. */
body #app.app:not(.hidden) #dashboardPage :where(.atsrs-notification-empty,.access-empty){
  min-height:0!important;
  padding:12px 14px!important;
}
body #app.app:not(.hidden) #dashboardPage .panel:has(> .atsrs-notification-empty,> .access-request-list > .access-empty){
  min-height:0!important;
  padding-block:14px!important;
}