/* HB Suporte — painel inicial: indicadores reais e atividade, sem blocos decorativos. */
.empty-view{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;background:var(--bg)}
.overview-toolbar{height:51px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 27px;background:var(--side);border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}
.toolbar-chevron{color:#aab7c4;margin:0 7px}
.overview-today{color:var(--muted)}
.overview-scroll{min-height:0;overflow-y:auto;flex:1}
.overview-content{max-width:1060px;margin:0 auto;padding:38px clamp(18px,3.5vw,46px) 30px}
.overview-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}
.overview-heading h2{font-size:27px;font-weight:760;letter-spacing:-.9px;margin:7px 0 4px;line-height:1.2}
.overview-heading p{font-size:12px;color:var(--muted);line-height:1.55}
.overview-heading .btn{align-self:center}
.overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--panel);border:1px solid var(--line);border-radius:7px;overflow:hidden}
.overview-metric{display:flex;flex-direction:column;gap:7px;background:var(--panel);border-right:1px solid var(--line);padding:19px 21px 16px;text-align:left;color:var(--muted)}
.overview-metric:last-child{border-right:0}
.overview-metric:hover{background:var(--surface-hover)}
.overview-metric>span{font-size:11px;font-weight:660}
.overview-metric strong{font-size:29px;letter-spacing:-.9px;line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums}
.overview-metric small{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}
.overview-metric small .ic{width:13px;height:13px}
.overview-metric:hover small{color:#006fda}
.overview-activity{background:var(--panel);border:1px solid var(--line);border-radius:7px;margin-top:18px;overflow:hidden}
.overview-section-header{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 21px;border-bottom:1px solid var(--line)}
.overview-section-header h3{font-size:14px;font-weight:760;letter-spacing:-.2px}
.overview-section-header p{font-size:10.5px;color:var(--muted);margin-top:4px}
.activity-subtitle{font-size:10px;color:var(--muted)}
.overview-recent-item{display:flex;align-items:center;gap:12px;min-height:60px;padding:9px 20px;width:100%;background:var(--panel);border-bottom:1px solid var(--line);text-align:left;color:var(--text)}
.overview-recent-item:last-child{border-bottom:0}
.overview-recent-item:hover{background:var(--surface-hover)}
.overview-recent-icon{width:34px;height:34px;flex:none;border-radius:7px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:15px}
.overview-recent-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.overview-recent-text strong{font-size:11.5px;font-weight:710;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-recent-text small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-recent-meta{color:var(--muted);font-size:10px;white-space:nowrap}
.overview-recent-meta b{display:inline-block;margin-right:11px;font-weight:650;color:var(--muted)}
.overview-no-data{padding:36px 22px;text-align:center;color:var(--muted);font-size:12px}
.overview-footer{color:var(--muted);font-size:10px;margin-top:22px;text-align:center}
@media(max-width:1200px){.overview-content{padding:29px 23px}.overview-heading h2{font-size:24px}.overview-metric{padding:16px;background:var(--panel);color:var(--muted);border-right:1px solid var(--line);}}
@media(max-width:690px){.overview-toolbar{padding:0 15px;background:var(--side);border-bottom:1px solid var(--line);color:var(--muted);}.overview-content{padding:20px 13px}.overview-heading{align-items:flex-start;flex-direction:column;gap:12px}.overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));background:var(--panel);border:1px solid var(--line);}.overview-metric{padding:12px 9px;background:var(--panel);color:var(--muted);border-right:1px solid var(--line);}.overview-metric strong{font-size:25px;color:var(--text);}.overview-metric>span{font-size:10px}.overview-metric small{font-size:9px;color:var(--muted);}.overview-section-header{padding:12px}.overview-recent-item{padding:9px 12px;background:var(--panel);border-bottom:1px solid var(--line);color:var(--text);}.overview-recent-meta b,.activity-subtitle{display:none}}
@media(max-width:380px){.overview-metric small,.overview-recent-meta{display:none}.overview-metric strong{font-size:21px;color:var(--text);}}
@media(min-width:881px){
  .density-compact .overview-toolbar{height:45px;padding:0 21px}
  .density-compact .overview-content{max-width:1040px;padding:26px 30px 18px}
  .density-compact .overview-heading{margin-bottom:17px}
  .density-compact .overview-heading h2{font-size:24px;margin:4px 0}
  .density-compact .overview-metric{padding:15px 18px 12px}
  .density-compact .overview-metric strong{font-size:27px}
  .density-compact .overview-activity{margin-top:15px}
  .density-compact .overview-section-header{min-height:59px;padding:11px 17px}
  .density-compact .overview-recent-item{min-height:53px;padding:7px 16px}
  .density-compact .overview-recent-icon{width:29px;height:29px}
  .density-compact .overview-footer{margin-top:16px}
}

/* Dark — painel inicial e indicadores */
:root[data-theme="dark"] .overview-toolbar,:root[data-theme="dark"] .overview-metrics,
:root[data-theme="dark"] .overview-activity{background:var(--side);border-color:var(--line)}
:root[data-theme="dark"] .overview-toolbar,:root[data-theme="dark"] .overview-heading p,
:root[data-theme="dark"] .overview-section-header p,:root[data-theme="dark"] .overview-recent-meta,
:root[data-theme="dark"] .overview-footer,:root[data-theme="dark"] .overview-today{color:var(--muted)}
:root[data-theme="dark"] .overview-metric,:root[data-theme="dark"] .overview-recent-item{background:var(--side);border-color:var(--line);color:var(--muted)}
:root[data-theme="dark"] .overview-metric:hover,:root[data-theme="dark"] .overview-recent-item:hover{background:var(--surface-hover)}
:root[data-theme="dark"] .overview-metric strong,:root[data-theme="dark"] .overview-recent-text strong{color:var(--text)}
:root[data-theme="dark"] .overview-metric small,:root[data-theme="dark"] .overview-recent-text small,
:root[data-theme="dark"] .overview-no-data{color:var(--muted)}
:root[data-theme="dark"] .overview-recent-icon{background:var(--accent-soft);color:#dbe9ff}
:root[data-theme="dark"] .overview-recent-meta b{color:var(--muted)}