/* Tela empresarial: componentes existentes, sem alterar cálculos ou a tela geral. */
#dashboardView #agendaInicio,#dashboardView #quickCarousel{display:none!important}
#dashboardView{grid-template-columns:minmax(0,3fr) minmax(285px,1fr);gap:16px;align-items:stretch}
#dashboardView .dashboard-left,#dashboardView .right-column{display:flex;flex-direction:column;gap:16px;min-width:0;justify-content:flex-start}
#dashboardView .info-card,#dashboardView .reference-card{border-radius:18px;padding:16px;background:var(--ui-card,#fff);border:1px solid var(--ui-border,#dfebf5);box-shadow:0 3px 12px #16588705}
#dashboardView .financial-card{flex:none;margin:0}
#dashboardView .financial-card .panel-title{padding-bottom:10px;margin-bottom:8px;border:0}
#dashboardView .finance-grid{display:flex;flex-wrap:wrap;gap:0}
#dashboardView .finance-tile:not([hidden]){display:grid;flex:1 1 115px;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;row-gap:5px;border:0;border-right:1px solid var(--ui-border,#dfebf5);border-radius:0;padding:9px 10px;min-width:0;background:transparent}
#dashboardView .finance-tile:last-child{border-right:0}
#dashboardView .finance-tile>span{grid-row:1/3;align-self:center;width:32px;height:36px}
#dashboardView .finance-tile small{font-size:10px;line-height:1.3;white-space:normal}
#dashboardView .finance-tile b{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
#dashboardView .reference-card{flex:1;display:flex;flex-direction:column;min-height:360px}
#dashboardView .card-heading{gap:14px;align-items:center;flex-wrap:wrap}
#dashboardView .card-heading>div:first-child{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#dashboardView .chart-card h3{font-size:17px;margin:0}
#dashboardView .chart-sub{font-size:12px}
#dashboardView .chart-legend{font-size:12px}
#dashboardView .chart-wrap{height:auto;min-height:280px;flex:1;position:relative}
#dashboardView .company-info-card{flex:none}
#dashboardView .company-lines>div{padding:11px 0}
#dashboardView .company-lines small{font-size:10px}
#dashboardView .company-lines b{font-size:12px;line-height:1.45;overflow-wrap:anywhere}
#dashboardView .panel-title strong{font-size:14px}
#dashboardView .panel-title small{font-size:11px}
#dashboardView .comparativo-vendas-card{flex:1;display:flex;flex-direction:column;min-height:300px}
#dashboardView .comparativo-vendas-card[hidden]{display:none!important}
#dashboardView .sales-comparison-body{flex:1;display:flex;flex-direction:column;min-height:0;gap:14px}
#dashboardView .sales-chart-column{flex:1;display:flex;flex-direction:column;min-height:0}
#dashboardView .comparativo-vendas-card .sales-area-wrap{flex:1;height:auto;min-height:160px}
#dashboardView .demo-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--ui-border,#dfebf5);padding-top:12px;margin-top:4px}
#dashboardView .demo-item{min-width:0;padding:5px 0;border-radius:0;background:transparent;border:0}
#dashboardView .demo-item:first-child{border-right:1px solid var(--ui-border,#dfebf5);padding-right:8px}
#dashboardView .demo-item b{white-space:normal;overflow-wrap:anywhere}
body.dark-mode #dashboardView .info-card,body.dark-mode #dashboardView .reference-card{background:#142235;border-color:#30475f}
@media(min-width:1051px){#dashboardView{height:calc(100dvh - 94px);min-height:620px}}
@media(max-width:1250px){#dashboardView .finance-tile:not([hidden]){flex-basis:28%;padding:8px}#dashboardView .chart-card h3{font-size:15px}}
@media(max-width:1050px){#dashboardView{grid-template-columns:1fr;height:auto;min-height:0}#dashboardView .right-column{display:grid;grid-template-columns:1fr 1fr;align-items:start}#dashboardView .reference-card{height:420px;flex:none}#dashboardView .comparativo-vendas-card{grid-column:auto;min-height:360px}}
@media(max-width:650px){#dashboardView .right-column{display:flex}#dashboardView .finance-tile:not([hidden]){flex-basis:42%}#dashboardView .card-heading>div:first-child{gap:5px}#dashboardView .reference-card{height:350px;min-height:350px}#dashboardView .chart-wrap{min-height:240px}}

#dashboardView .finance-tile:not([hidden]){box-sizing:border-box;flex:1 1 0;min-width:90px;padding:9px 7px}
#dashboardView .company-info-card .panel-title>div{min-width:0;flex:1}
#dashboardView .company-info-card .panel-title strong{white-space:normal;overflow:visible;font-size:13px;line-height:1.3}
#dashboardView .company-info-card .panel-edit{position:static;flex:none;margin-left:4px}
@media(max-width:1250px){#dashboardView .finance-tile:not([hidden]){flex-basis:30%}}
@media(max-width:650px){#dashboardView .finance-tile:not([hidden]){flex-basis:44%}}

/* 10.12 — indicadores verticais e painel compacto. */
#dashboardView{gap:12px}
#dashboardView .dashboard-left,#dashboardView .right-column{gap:12px;min-height:0}
#dashboardView .info-card,#dashboardView .reference-card{padding:12px;border-radius:16px;box-sizing:border-box}
#dashboardView .financial-card .panel-title{padding-bottom:4px;margin-bottom:5px}
#dashboardView .finance-tile:not([hidden]){display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;flex:1 1 0;min-width:0;padding:5px;text-align:center;height:auto}
#dashboardView .finance-tile>span{position:static;grid-row:auto;align-self:center;width:30px;height:30px;flex:none;margin:0}
#dashboardView .finance-tile small{font-size:10px;line-height:1.3;min-height:26px;display:flex;align-items:center;justify-content:center}
#dashboardView .finance-tile b{font-size:12px;line-height:1.3;margin:0;white-space:normal}
#dashboardView .company-lines>div{padding:7px 0}
#dashboardView .company-lines b{font-size:11px;line-height:1.35}
#dashboardView .company-lines .line-icon{width:27px;height:27px;flex-basis:27px}
#dashboardView .panel-title{margin-bottom:7px;padding-bottom:7px}
#dashboardView .panel-title strong{font-size:13px}
#dashboardView .panel-title small{font-size:10px}
#dashboardView .card-heading{margin-bottom:8px;gap:8px}
#dashboardView .card-heading>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
#dashboardView .chart-card h3{font-size:15px}
#dashboardView .chart-sub,#dashboardView .chart-legend{font-size:10px}
#dashboardView .reference-card{min-height:220px}
#dashboardView .chart-wrap{min-height:150px}
#dashboardView .comparativo-vendas-card{min-height:220px}
#dashboardView .sales-comparison-body{gap:7px}
#dashboardView .comparativo-vendas-card .sales-area-wrap{min-height:100px}
#dashboardView .demo-list{gap:6px;padding-top:7px;margin-top:0}
#dashboardView .demo-item{padding:3px 0}
@media(min-width:1051px) and (min-height:580px){
 #dashboardView{height:var(--empresa-altura,calc(100dvh - 94px));min-height:0}
 #appContainer:not(.contexto-geral) .app-main{padding-bottom:0}
 #dashboardView .dashboard-left,#dashboardView .right-column{height:100%}
 #dashboardView .reference-card{min-height:0}
 #dashboardView .company-info-card{max-height:48%;overflow-y:auto;flex-shrink:0}
 #dashboardView .comparativo-vendas-card{min-height:0}
}
@media(max-width:1050px),(max-height:579px){
 #dashboardView{height:auto;min-height:0}
 #dashboardView .finance-grid{flex-wrap:wrap}
 #dashboardView .finance-tile:not([hidden]){flex:1 1 25%;min-width:95px}
}
@media(max-width:650px){#dashboardView .finance-tile:not([hidden]){flex-basis:28%;min-width:75px}#dashboardView .reference-card{height:330px}}