.almox-vista-switch {
	display: flex;
	gap: 8px;
	margin: 0 0 12px;
}
.almox-vista-btn {
	border: 1px solid #e2e8f0;
	background: #fff;
	color: #334155;
	border-radius: 999px;
	padding: 8px 14px;
	font-weight: 800;
	font-size: 0.78rem;
	cursor: pointer;
}
.almox-vista-btn.is-on {
	background: #fff1f2;
	border-color: #fecdd3;
	color: #9f1239;
}
.exp-dash { padding: 4px 0 28px; display: flex; flex-direction: column; gap: 14px; }
.exp-dash h3,
.exp-painel h3 {
	margin: 0 0 12px;
	font-size: 0.72rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #64748b;
}
.exp-dash-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.exp-kpi, .exp-mini, .exp-painel {
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}
.exp-kpi { padding: 12px 14px; display: flex; align-items: center; gap: 10px; min-height: 72px; }
.exp-kpi > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.exp-kpi i { color: #9f1239; font-size: 1.35rem; flex: 0 0 auto; }
.exp-kpi small, .exp-mini span { color: #64748b; font-size: 0.72rem; font-weight: 700; line-height: 1.25; }
.exp-kpi b { font-size: 1.45rem; color: #0f172a; line-height: 1; }
.exp-board { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr); gap: 14px; align-items: stretch; }
.exp-col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.exp-painel { padding: 16px; }
.exp-grade { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; flex: 1; min-width: 0; }
.exp-mini { padding: 12px 14px; background: #f8fafc; box-shadow: none; }
.exp-mini b { display: block; font-size: 1.35rem; color: #9f1239; line-height: 1.1; }
@media (max-width: 1100px) {
	.exp-dash-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.exp-board { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
	.exp-dash-kpis { grid-template-columns: 1fr 1fr; }
	.exp-status { flex-direction: column; align-items: stretch; }
}
.exp-vazio { margin: 0; color: #94a3b8; }
html.modo-noturno-ativo .exp-kpi,
html.modo-noturno-ativo .exp-mini,
html.modo-noturno-ativo .exp-painel {
	background: #1a2030;
	border-color: rgba(148, 163, 184, 0.28);
	box-shadow: none;
}
html.modo-noturno-ativo .exp-mini { background: #141924; }
html.modo-noturno-ativo .exp-kpi b,
html.modo-noturno-ativo .exp-mini span,
html.modo-noturno-ativo .exp-dash h3 { color: #e8eef7; }
.exp-status { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
.exp-donut {
	width: 148px; height: 148px; border-radius: 50%;
	display: grid; place-items: center; flex: 0 0 auto;
}
.exp-donut span {
	width: 96px; height: 96px; border-radius: 50%; background: #fff;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	font-weight: 800; color: #0f172a;
}
.exp-donut small { font-size: 0.68rem; color: #64748b; font-weight: 700; }
.exp-feed { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.exp-feed li {
	display: flex; justify-content: space-between; gap: 12px;
	background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 10px 12px;
}
.exp-feed b { font-size: 0.72rem; color: #9f1239; white-space: nowrap; }
.exp-kpi.is-alert b { color: #9f1239; }
html.modo-noturno-ativo .exp-donut span,
html.modo-noturno-ativo .exp-feed li { background: #1a2030; color: #e8eef7; border-color: rgba(148,163,184,.28); }
html.modo-noturno-ativo .almox-vista-btn,
html.modo-noturno-ativo .exp-dash-kpis article {
	background: #1a2030;
	border-color: rgba(148, 163, 184, 0.28);
	color: #e8eef7;
}
html.modo-noturno-ativo .almox-vista-btn.is-on {
	background: rgba(225, 29, 72, 0.18);
	color: #fda4af;
}
html.modo-noturno-ativo .exp-dash,
html.modo-noturno-ativo .exp-dash h3 { color: #e8eef7; }