/* ATSRS executive dashboard hierarchy. Layout only; all visual values use ATSRS tokens. */
html[data-theme="dark"] body.personal-mode #app.app:not(.hidden) > .main #dashboardPage #dashboardHeading{
  color:var(--atsrs-ref-dark-text,#f8fafc)!important;
  -webkit-text-fill-color:var(--atsrs-ref-dark-text,#f8fafc)!important;
}

body.personal-mode #dashboardPage #adminOverviewPanel.dashboard-admin-overview{
  position:static;
  display:block;
  width:100%;
  max-width:none;
  margin:0 0 16px;
  padding:14px 16px;
  border:1px solid var(--atsrs-workspace-line,var(--atsrs-border));
  border-radius:14px;
  background:var(--atsrs-workspace-surface,var(--atsrs-panel));
  background-image:none;
  box-shadow:none;
}

body.personal-mode #dashboardPage #adminOverviewPanel.dashboard-admin-overview.hidden{
  display:none!important;
}

body.personal-mode #dashboardPage #adminOverviewPanel .admin-overview-heading h4,
body.personal-mode #dashboardPage #adminOverviewPanel .admin-overview-stat strong{
  color:var(--atsrs-ref-dark-text,#f8fafc);
}

body.personal-mode #dashboardPage #adminOverviewPanel .admin-overview-stats{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:10px 0 8px;
}

body.personal-mode #dashboardPage #adminOverviewPanel .admin-overview-stat{
  padding:10px 12px;
  border-color:var(--atsrs-workspace-line,var(--atsrs-border));
  background:color-mix(in srgb,var(--atsrs-workspace-surface,var(--atsrs-panel)) 88%,#000 12%);
}

body.personal-mode #dashboardPage #adminOverviewPanel .admin-overview-stat span{
  font-size:10px;
}

body.personal-mode #dashboardPage #adminOverviewPanel .admin-overview-stat strong{
  margin-top:5px;
  font-size:22px;
}

html[data-theme="light"] body.personal-mode #dashboardPage #adminOverviewPanel.dashboard-admin-overview{
  border-color:var(--atsrs-ref-light-line,#d7e0e8);
  background:var(--atsrs-ref-light-surface,#fff);
}

html[data-theme="light"] body.personal-mode #dashboardPage #adminOverviewPanel .admin-overview-kicker{
  color:var(--atsrs-ref-blue,#167bd3);
}

html[data-theme="light"] body.personal-mode #dashboardPage #adminOverviewPanel .admin-overview-heading h4,
html[data-theme="light"] body.personal-mode #dashboardPage #adminOverviewPanel .admin-overview-stat strong{
  color:var(--atsrs-ref-light-text,#10233e);
}

html[data-theme="light"] body.personal-mode #dashboardPage #adminOverviewPanel .admin-overview-secure,
html[data-theme="light"] body.personal-mode #dashboardPage #adminOverviewPanel .admin-overview-stat span,
html[data-theme="light"] body.personal-mode #dashboardPage #adminOverviewPanel .admin-overview-footer{
  color:var(--atsrs-ref-light-muted,#62758b);
}

html[data-theme="light"] body.personal-mode #dashboardPage #adminOverviewPanel .admin-overview-stat{
  border-color:var(--atsrs-ref-light-line,#d7e0e8);
  background:var(--atsrs-ref-light-soft,#f7f9fc);
}

html[data-theme="light"] body.personal-mode #dashboardPage #adminOverviewPanel .admin-overview-refresh{
  border-color:var(--atsrs-ref-light-line,#d7e0e8);
  background:var(--atsrs-ref-light-surface,#fff);
  color:var(--atsrs-ref-blue,#167bd3);
}

@media(max-width:720px){
  body.personal-mode #dashboardPage #adminOverviewPanel .admin-overview-stats{
    grid-template-columns:1fr;
  }
}

body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-executive-grid{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:12px;
  margin:0 0 16px;
}

body.personal-mode #dashboardPage .dashboard-personal-tools{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(300px,1fr);
  gap:12px;
  margin:0 0 16px;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-layout{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(300px,1fr);
  gap:12px;
  margin:0 0 16px;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-card{
  display:grid;
  grid-template-rows:64px 22px minmax(0,1fr);
  min-width:0;
  margin:0!important;
  padding:18px!important;
  border:1px solid var(--atsrs-workspace-line,var(--atsrs-border))!important;
  border-radius:14px!important;
  background:var(--atsrs-workspace-surface,var(--atsrs-panel))!important;
  background-image:none!important;
  box-shadow:none!important;
}

body.personal-mode #dashboardPage .dashboard-document-list-card{grid-column:1;}
body.personal-mode #dashboardPage .dashboard-document-bars-card{grid-column:2;}

html[data-theme="light"] body.personal-mode #dashboardPage .dashboard-document-timeline-card{
  border-color:var(--atsrs-ref-light-line)!important;
  background:var(--atsrs-ref-light-surface)!important;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  min-width:0;
  margin:0;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-head h2{
  margin:0 0 4px;
  font-size:18px;
  line-height:1.25;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-head .sub{
  margin:0!important;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-count{
  flex:0 0 auto;
  color:var(--atsrs-muted);
  font-size:12px;
  line-height:1.4;
  white-space:nowrap;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-columns{
  display:flex;
  align-items:flex-start;
  padding:0 10px 8px;
  color:var(--atsrs-muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.personal-mode #dashboardPage .dashboard-document-sort{
  display:inline-flex;
  align-items:center;
  gap:6px;
  position:relative;
  z-index:1;
  width:auto!important;
  height:14px!important;
  min-width:0!important;
  min-height:0!important;
  max-height:14px!important;
  margin:0;
  padding:0!important;
  border:0!important;
  border-radius:4px;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
  text-transform:inherit;
  cursor:pointer;
}

body.personal-mode #dashboardPage #dashboardDocumentNameSort,
body.personal-mode #dashboardPage #dashboardDocumentDaysSort{
  box-sizing:border-box!important;
  height:14px!important;
  min-height:14px!important;
  max-height:14px!important;
  line-height:14px!important;
}

body.personal-mode #dashboardPage .dashboard-document-sort:hover,
body.personal-mode #dashboardPage .dashboard-document-sort[aria-pressed="true"]{
  color:var(--atsrs-accent);
}

body.personal-mode #dashboardPage .dashboard-document-sort:focus-visible{
  outline:2px solid var(--atsrs-accent);
  outline-offset:3px;
}

body.personal-mode #dashboardPage .dashboard-document-sort-arrows{
  display:grid;
  grid-template-rows:5px 5px;
  align-items:center;
  font-size:10px;
  line-height:1;
}

body.personal-mode #dashboardPage .dashboard-document-sort-arrows i{
  opacity:.42;
}

body.personal-mode #dashboardPage .dashboard-document-sort[data-direction="asc"] .ph-caret-up,
body.personal-mode #dashboardPage .dashboard-document-sort[data-direction="desc"] .ph-caret-down{
  opacity:1;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-rows{
  max-height:432px;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-right:5px;
  scrollbar-width:thin;
  scrollbar-color:var(--atsrs-muted) transparent;
}

body.personal-mode #dashboardPage .dashboard-document-list-rows,
body.personal-mode #dashboardPage .dashboard-document-bar-rows{
  padding-right:0;
  scrollbar-width:none;
}

body.personal-mode #dashboardPage .dashboard-document-list-rows::-webkit-scrollbar,
body.personal-mode #dashboardPage .dashboard-document-bar-rows::-webkit-scrollbar{
  width:0;
  height:0;
}

body.personal-mode #dashboardPage .dashboard-document-list-row,
body.personal-mode #dashboardPage .dashboard-document-bar-row{
  --remaining-color:var(--atsrs-ref-blue,#167bd3);
  display:flex;
  align-items:center;
  box-sizing:border-box;
  height:54px;
  min-height:54px;
  border-top:1px solid var(--atsrs-workspace-line,var(--atsrs-border));
}

html[data-theme="light"] body.personal-mode #dashboardPage .dashboard-document-list-row,
html[data-theme="light"] body.personal-mode #dashboardPage .dashboard-document-bar-row{
  border-top-color:var(--atsrs-ref-light-line);
}

body.personal-mode #dashboardPage :is(.dashboard-document-list-row,.dashboard-document-bar-row)[data-tone="current"]{--remaining-color:#22a06b;}
body.personal-mode #dashboardPage :is(.dashboard-document-list-row,.dashboard-document-bar-row)[data-tone="mid"]{--remaining-color:#8b5cf6;}
body.personal-mode #dashboardPage :is(.dashboard-document-list-row,.dashboard-document-bar-row)[data-tone="notice"]{--remaining-color:#2563eb;}
body.personal-mode #dashboardPage :is(.dashboard-document-list-row,.dashboard-document-bar-row)[data-tone="warning"]{--remaining-color:#f59e0b;}
body.personal-mode #dashboardPage :is(.dashboard-document-list-row,.dashboard-document-bar-row)[data-tone="critical"]{--remaining-color:#f97316;}
body.personal-mode #dashboardPage :is(.dashboard-document-list-row,.dashboard-document-bar-row)[data-tone="expired"]{--remaining-color:#ef4444;}
body.personal-mode #dashboardPage :is(.dashboard-document-list-row,.dashboard-document-bar-row)[data-tone="no-expiry"],
body.personal-mode #dashboardPage :is(.dashboard-document-list-row,.dashboard-document-bar-row)[data-tone="unconfirmed"]{--remaining-color:#64748b;}

body.personal-mode #dashboardPage .dashboard-document-timeline-document{
  display:flex;
  align-items:center;
  min-width:0;
  gap:10px;
  padding:7px 10px;
  width:100%;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-icon{
  display:grid;
  flex:0 0 30px;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:8px;
  background:color-mix(in srgb,var(--remaining-color) 12%,transparent);
  color:var(--remaining-color);
  font-size:17px;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-copy{
  min-width:0;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-copy strong,
body.personal-mode #dashboardPage .dashboard-document-timeline-copy span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-copy strong{
  font-size:13px;
  line-height:1.35;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-copy span{
  margin-top:2px;
  color:var(--atsrs-muted);
  font-size:10px;
  line-height:1.2;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-remaining{
  display:grid;
  grid-template-columns:minmax(48px,1fr) minmax(76px,auto);
  align-items:center;
  gap:8px;
  min-width:0;
  padding:7px 8px;
  width:100%;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-track{
  display:block;
  width:100%;
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:color-mix(in srgb,var(--atsrs-muted) 14%,transparent);
}

body.personal-mode #dashboardPage .dashboard-document-timeline-fill{
  display:block;
  width:var(--remaining-progress);
  height:100%;
  border-radius:inherit;
  background:var(--remaining-color);
  transition:width .24s ease;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-label{
  color:var(--remaining-color);
  font-size:11px;
  font-weight:800;
  text-align:right;
  white-space:nowrap;
}

body.personal-mode #dashboardPage .dashboard-document-timeline-empty{
  margin:0;
  padding:24px 10px;
  color:var(--atsrs-muted);
  text-align:center;
}

body.personal-mode #dashboardPage .dashboard-personal-tool-card{
  min-width:0;
  min-height:178px;
  margin:0!important;
  padding:18px!important;
  border:1px solid var(--atsrs-workspace-line,var(--atsrs-border))!important;
  border-radius:14px!important;
  background:var(--atsrs-workspace-surface,var(--atsrs-panel))!important;
  background-image:none!important;
  box-shadow:none!important;
}

html[data-theme="light"] body.personal-mode #dashboardPage .dashboard-personal-tool-card{
  border-color:var(--atsrs-ref-light-line)!important;
  background:var(--atsrs-ref-light-surface)!important;
}

body.personal-mode #dashboardPage .dashboard-personal-tool-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}

body.personal-mode #dashboardPage .dashboard-personal-tool-head > div{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
}

body.personal-mode #dashboardPage .dashboard-personal-tool-head h2{
  margin:0 0 4px;
  font-size:18px;
  line-height:1.25;
}

body.personal-mode #dashboardPage .dashboard-personal-tool-head .sub{
  margin:0!important;
}

body.personal-mode #dashboardPage .dashboard-personal-actions{
  display:grid;
  grid-template-columns:repeat(6,minmax(106px,1fr));
  gap:8px;
  overflow-x:auto;
  padding-bottom:2px;
  scrollbar-width:thin;
}

body.personal-mode #dashboardPage .dashboard-personal-action{
  display:grid!important;
  place-items:center;
  align-content:center;
  gap:8px;
  width:100%!important;
  min-width:106px!important;
  min-height:78px!important;
  margin:0!important;
  padding:10px 8px!important;
  text-align:center!important;
  white-space:normal!important;
  box-shadow:none!important;
  transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .12s ease!important;
}

html[data-theme="dark"] body.personal-mode #app.app:not(.hidden) > .main #dashboardPage .dashboard-personal-action:not(:hover):not(:focus-visible){
  background:var(--atsrs-field-surface,#0b0d0d)!important;
}

html[data-theme] body.personal-mode #app.app:not(.hidden) > .main #dashboardPage .dashboard-personal-action:is(:hover,:focus-visible){
  outline:0!important;
  border-top-color:var(--atsrs-field-line)!important;
  border-bottom-color:var(--atsrs-field-line)!important;
  border-left-color:var(--atsrs-field-accent)!important;
  border-right-color:var(--atsrs-field-accent)!important;
  background:var(--atsrs-field-surface)!important;
  color:var(--atsrs-text)!important;
  box-shadow:-3px 0 0 var(--atsrs-field-accent-ring),3px 0 0 var(--atsrs-field-accent-ring),0 8px 20px var(--atsrs-field-accent-shadow)!important;
}

body.personal-mode #dashboardPage .dashboard-personal-action:active{
  transform:translateY(1px);
}

body.personal-mode #dashboardPage .dashboard-personal-action i{
  --dashboard-action-color:var(--atsrs-ref-blue,#167bd3);
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid color-mix(in srgb,var(--dashboard-action-color) 18%,transparent);
  border-radius:10px;
  background:color-mix(in srgb,var(--dashboard-action-color) 10%,var(--atsrs-workspace-surface,var(--atsrs-panel)));
  color:var(--dashboard-action-color);
  font-size:20px;
  line-height:1;
}

body.personal-mode #dashboardPage .dashboard-personal-action[data-tone="ai"] i{
  --dashboard-action-color:#f59e0b;
}

body.personal-mode #dashboardPage .dashboard-personal-action[data-tone="qr"] i,
body.personal-mode #dashboardPage .dashboard-personal-action[data-tone="profile"] i{
  --dashboard-action-color:#8b5cf6;
}

body.personal-mode #dashboardPage .dashboard-personal-action[data-tone="upload"] i{
  --dashboard-action-color:#22a06b;
}

body.personal-mode #dashboardPage .dashboard-personal-action[data-tone="sharing"] i{
  --dashboard-action-color:#e11d48;
}

body.personal-mode #dashboardPage .dashboard-personal-action span{
  font-size:11px;
  line-height:1.25;
}

body.personal-mode #dashboardPage #dashboardManageStorage{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto;
  width:auto!important;
  max-width:none!important;
  min-height:36px!important;
  margin:0!important;
  padding:7px 10px!important;
  border:1px solid var(--atsrs-workspace-line,var(--atsrs-border))!important;
  border-radius:10px!important;
  background:var(--atsrs-workspace-surface,var(--atsrs-panel))!important;
  color:var(--atsrs-text)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:border-color .16s ease,background-color .16s ease,color .16s ease!important;
}

html[data-theme="dark"] body.personal-mode #app.app:not(.hidden) > .main #dashboardPage #dashboardManageStorage:hover{
  border-color:color-mix(in srgb,var(--atsrs-brand-green,#22c55e) 55%,var(--atsrs-workspace-line,var(--atsrs-border)))!important;
  background:color-mix(in srgb,var(--atsrs-brand-green,#22c55e) 8%,var(--atsrs-workspace-surface,var(--atsrs-panel)))!important;
  color:var(--atsrs-brand-green,#22c55e)!important;
}

html[data-theme="light"] body.personal-mode #app.app:not(.hidden) > .main #dashboardPage #dashboardManageStorage:hover{
  border-color:var(--atsrs-shell-accent-border,#b8d5f0)!important;
  background:var(--atsrs-shell-accent-soft,#edf6ff)!important;
  color:var(--atsrs-shell-accent-strong,#245b93)!important;
}

body.personal-mode #dashboardPage #dashboardManageStorage:focus-visible{
  outline:2px solid var(--atsrs-field-accent)!important;
  outline-offset:2px!important;
}

body.personal-mode #dashboardPage .dashboard-storage-summary{
  display:flex;
  align-items:baseline;
  gap:5px;
  margin:0 0 8px;
}

body.personal-mode #dashboardPage .dashboard-storage-summary strong{
  font-size:24px;
  line-height:1;
}

body.personal-mode #dashboardPage .dashboard-storage-summary span{
  color:var(--atsrs-muted);
  font-size:12px;
}

body.personal-mode #dashboardPage .dashboard-storage-visual{
  display:grid;
  grid-template-columns:84px minmax(0,1fr);
  align-items:center;
  gap:14px;
}

body.personal-mode #dashboardPage .dashboard-storage-chart{
  --dashboard-storage-accent:var(--atsrs-brand-green,#22c55e);
  --dashboard-storage-track:var(--atsrs-workspace-line,var(--atsrs-border));
  position:relative;
  display:grid;
  place-items:center;
  width:84px;
  height:84px;
}

html[data-theme="light"] body.personal-mode #dashboardPage .dashboard-storage-chart{
  --dashboard-storage-accent:var(--atsrs-ref-blue,#167bd3);
  --dashboard-storage-track:var(--atsrs-ref-light-line,#dce6f2);
}

body.personal-mode #dashboardPage .dashboard-storage-chart canvas{
  display:block;
  width:84px;
  height:84px;
}

body.personal-mode #dashboardPage .dashboard-storage-chart > strong{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:var(--atsrs-text);
  font-size:15px;
  line-height:1;
}

body.personal-mode #dashboardPage .dashboard-storage-copy{
  min-width:0;
}

body.personal-mode #dashboardPage .dashboard-storage-copy > p{
  margin:0!important;
  color:var(--atsrs-muted);
  font-size:11px;
  line-height:1.45;
}

body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-executive-panel{
  min-width:0;
  min-height:0;
  margin:0!important;
  padding:18px!important;
  border:1px solid var(--atsrs-workspace-line,var(--atsrs-border))!important;
  border-radius:14px!important;
  background:var(--atsrs-workspace-surface,var(--atsrs-panel))!important;
  background-image:none!important;
  box-shadow:none!important;
}

html[data-theme="light"] body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-executive-panel{
  border-color:var(--atsrs-ref-light-line)!important;
  background:var(--atsrs-ref-light-surface)!important;
}

body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-executive-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-executive-panel-head h2{
  margin:8px 0 0;
  font-size:18px;
  line-height:1.25;
}

body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-executive-panel > .sub{
  margin:0 0 14px!important;
}

body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-quick-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-quick-actions button{
  width:100%;
  min-width:0!important;
  margin:0!important;
  text-align:left;
}

body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-recent-list{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}

body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-recent-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px 18px;
  align-items:start;
  padding:11px 0;
  border-top:1px solid var(--atsrs-workspace-line,var(--atsrs-border));
}

html[data-theme="light"] body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-recent-item{
  border-top-color:var(--atsrs-ref-light-line);
}

body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-recent-item:first-child{
  padding-top:0;
  border-top:0;
}

body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-recent-copy{
  min-width:0;
}

body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-recent-copy strong,
body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-recent-copy span,
body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-recent-meta{
  display:block;
  overflow-wrap:anywhere;
}

body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-recent-copy span,
body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-recent-meta,
body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-recent-empty{
  color:var(--atsrs-muted);
  font-size:12px;
  line-height:1.45;
}

body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-recent-meta{
  text-align:right;
  white-space:nowrap;
}

body:where(.personal-mode,.company-mode) #dashboardPage .expiry-summary-current{
  --expiry-signal:var(--atsrs-ref-blue);
  --expiry-signal-soft:var(--public-accent-soft);
}

html[data-theme="dark"] body:where(.personal-mode,.company-mode) #dashboardPage .expiry-summary-current{
  --expiry-signal:var(--atsrs-brand-green);
  --expiry-signal-soft:var(--atsrs-shell-accent-soft);
}

body.personal-mode #dashboardPage .stats-grid{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
}

body.company-mode #dashboardPage .stats-grid{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
}

@media(max-width:1600px){
  body.personal-mode #dashboardPage .stats-grid,
  body.company-mode #dashboardPage .stats-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:1100px){
  body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-executive-grid{
    grid-template-columns:1fr;
  }
  body.personal-mode #dashboardPage .stats-grid,
  body.company-mode #dashboardPage .stats-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.personal-mode #dashboardPage .dashboard-personal-tools{
    grid-template-columns:minmax(0,2fr) minmax(260px,1fr);
  }
  body.personal-mode #dashboardPage .dashboard-document-timeline-layout{
    grid-template-columns:minmax(0,2fr) minmax(260px,1fr);
  }
}

@media(max-width:800px){
  body.personal-mode #dashboardPage .dashboard-personal-tools,
  body.personal-mode #dashboardPage .dashboard-document-timeline-layout{
    grid-template-columns:1fr;
  }
  body.personal-mode #dashboardPage .dashboard-document-list-card,
  body.personal-mode #dashboardPage .dashboard-document-bars-card{
    grid-column:1;
  }
}

@media(max-width:560px){
  body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-executive-panel{
    padding:14px!important;
  }
  body.personal-mode #dashboardPage .dashboard-personal-tool-card{
    padding:14px!important;
  }
  body.personal-mode #dashboardPage .dashboard-document-timeline-card{
    padding:14px!important;
  }
  body.personal-mode #dashboardPage .dashboard-document-timeline-columns{
    display:none;
  }
  body.personal-mode #dashboardPage .dashboard-document-list-row,
  body.personal-mode #dashboardPage .dashboard-document-bar-row{
    height:54px;
    min-height:54px;
  }
  body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-quick-actions{
    grid-template-columns:1fr;
  }
  body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-recent-item{
    grid-template-columns:1fr;
    gap:4px;
  }
  body:where(.personal-mode,.company-mode) #dashboardPage .dashboard-recent-meta{
    text-align:left;
    white-space:normal;
  }
  body.personal-mode #dashboardPage .stats-grid,
  body.company-mode #dashboardPage .stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body:where(.personal-mode,.company-mode) #dashboardPage .stats-grid > .expiry-summary-current{
    grid-column:span 2;
  }
}