/* redpol_v543: dashboard and KPI layout stability */

.app-shell-unified-v211 .kpi-grid,
.app-shell-unified-v211 .stat-grid,
.app-shell-unified-v211 .status-grid,
.app-shell-unified-v211 .dashboard-kpi-grid,
.app-shell-unified-v211 .admin-kpi-grid-v229,
.app-shell-unified-v211 .admin-dashboard-kpi-v410,
.app-shell-unified-v211 .fik-kpi-grid,
.app-shell-unified-v211 .acc-kpi-grid-v245,
.app-shell-unified-v211 .vote-kpi-grid,
.app-shell-unified-v211 .home422-kpis {
  align-items: stretch;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
  max-width: 100%;
  min-width: 0;
}

.app-shell-unified-v211 .kpi-card,
.app-shell-unified-v211 .dashboard-kpi-card,
.app-shell-unified-v211 .stat-box,
.app-shell-unified-v211 .admin-kpi-v229,
.app-shell-unified-v211 .fik-kpi,
.app-shell-unified-v211 .acc-kpi-v245,
.app-shell-unified-v211 .vote-kpi,
.app-shell-unified-v211 .home422-kpi {
  box-sizing: border-box;
  height: 100%;
  margin-bottom: 0;
  max-width: 100%;
  min-width: 0;
}

.app-shell-unified-v211 .kpi-card .label,
.app-shell-unified-v211 .dashboard-kpi-card .label,
.app-shell-unified-v211 .stat-box .label,
.app-shell-unified-v211 .admin-kpi-v229 span,
.app-shell-unified-v211 .fik-kpi small,
.app-shell-unified-v211 .acc-kpi-v245 span,
.app-shell-unified-v211 .vote-kpi__label,
.app-shell-unified-v211 .home422-kpi__body span {
  overflow-wrap: anywhere;
  white-space: normal;
}

.app-shell-unified-v211 .kpi-card .value,
.app-shell-unified-v211 .dashboard-kpi-card .value,
.app-shell-unified-v211 .stat-box .value,
.app-shell-unified-v211 .admin-kpi-v229 strong,
.app-shell-unified-v211 .fik-kpi strong,
.app-shell-unified-v211 .acc-kpi-v245 strong,
.app-shell-unified-v211 .vote-kpi__value,
.app-shell-unified-v211 .home422-kpi__body strong {
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.app-shell-unified-v211 .dashboard-main-grid,
.app-shell-unified-v211 .admin-dashboard-grid-v410,
.app-shell-unified-v211 .home422-main-grid,
.app-shell-unified-v211 .fik-main-grid,
.app-shell-unified-v211 .acc-grid-v245 {
  align-items: stretch;
  max-width: 100%;
  min-width: 0;
}

.app-shell-unified-v211 .dashboard-kpi-card,
.app-shell-unified-v211 .vote-kpi--link,
.app-shell-unified-v211 .home422-kpi,
.app-shell-unified-v211 .kpi-card-link {
  color: inherit;
  text-decoration: none;
}

.app-shell-unified-v211 .vote-kpi--link,
.app-shell-unified-v211 .home422-kpi,
.app-shell-unified-v211 .kpi-card-link,
.app-shell-unified-v211 .dashboard-tile-link {
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.app-shell-unified-v211 .vote-kpi--link:hover,
.app-shell-unified-v211 .home422-kpi:hover,
.app-shell-unified-v211 .kpi-card-link:hover,
.app-shell-unified-v211 .dashboard-tile-link:hover {
  border-color: #94a3b8;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
  transform: translateY(-1px);
}

.app-shell-unified-v211 .vote-kpi--link:focus-visible,
.app-shell-unified-v211 .home422-kpi:focus-visible,
.app-shell-unified-v211 .kpi-card-link:focus-visible,
.app-shell-unified-v211 .dashboard-tile-link:focus-visible {
  outline: 3px solid rgba(31, 41, 55, .24);
  outline-offset: 2px;
}

@media (max-width: 760px) {
  .app-shell-unified-v211 .kpi-grid,
  .app-shell-unified-v211 .stat-grid,
  .app-shell-unified-v211 .status-grid,
  .app-shell-unified-v211 .dashboard-kpi-grid,
  .app-shell-unified-v211 .admin-kpi-grid-v229,
  .app-shell-unified-v211 .admin-dashboard-kpi-v410,
  .app-shell-unified-v211 .fik-kpi-grid,
  .app-shell-unified-v211 .acc-kpi-grid-v245,
  .app-shell-unified-v211 .vote-kpi-grid,
  .app-shell-unified-v211 .home422-kpis {
    grid-template-columns: 1fr;
  }
}