/**
 * TARG Dashboard — Overview cards fix.
 *
 * Zakres:
 * - kontener Overview,
 * - siatka kafelków,
 * - wygląd kart,
 * - liczby i opisy.
 *
 * Rozmiary ikon pozostają w osobnym arkuszu icon-fix.
 */

/* ==========================================================
   KONTENER
========================================================== */

body.tds-dashboard-module-dashboard
.tds-overview {
display: block !important;

width: 100% !important;
max-width: none !important;

margin: 30px 0 0 !important;
padding: 0 !important;
}

/* ==========================================================
   SIATKA
========================================================== */

body.tds-dashboard-module-dashboard
.tds-overview__grid {
display: grid !important;

grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 24px !important;

width: 100% !important;
max-width: none !important;

margin: 0 !important;
padding: 0 !important;
}

/* ==========================================================
   KAFELKI
========================================================== */

body.tds-dashboard-module-dashboard
.tds-overview-card {
box-sizing: border-box !important;

display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;

width: 100% !important;
min-width: 0 !important;
max-width: none !important;
min-height: 248px !important;

margin: 0 !important;
padding: 34px 36px 31px !important;

overflow: hidden !important;

color: #242623 !important;
background: #ffffff !important;

border: 1px solid #e7e3dc !important;
border-radius: 15px !important;

box-shadow:
0 1px 2px rgba(28, 30, 27, 0.02),
0 12px 30px rgba(28, 30, 27, 0.045) !important;

text-decoration: none !important;

transition:
transform 160ms ease,
border-color 160ms ease,
box-shadow 160ms ease !important;
}

body.tds-dashboard-module-dashboard
.tds-overview-card:hover {
color: #242623 !important;

border-color: #d9cfc1 !important;

box-shadow:
0 2px 4px rgba(28, 30, 27, 0.025),
0 18px 42px rgba(28, 30, 27, 0.065) !important;

transform: translateY(-2px) !important;
}

/* ==========================================================
   KOLEJNOŚĆ ELEMENTÓW W KAFELKU
========================================================== */

body.tds-dashboard-module-dashboard
.tds-overview-card__icon {
order: 1 !important;
}

body.tds-dashboard-module-dashboard
.tds-overview-card__value {
order: 2 !important;

display: block !important;

margin: 0 0 8px !important;

color: #20221f !important;

font-family:
"Satoshi",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
sans-serif !important;

font-size: 42px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: -0.055em !important;

text-decoration: none !important;
}

body.tds-dashboard-module-dashboard
.tds-overview-card__label {
order: 3 !important;

display: block !important;

width: 100% !important;
max-width: none !important;

margin: 0 !important;

color: #696c67 !important;

font-family:
"Satoshi",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
sans-serif !important;

font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
letter-spacing: -0.012em !important;

text-decoration: none !important;
}

/* ==========================================================
   USUNIĘCIE WPŁYWU STARYCH LAYOUTÓW REALHOMES
========================================================== */

body.tds-dashboard-module-dashboard
.tds-overview-card > * {
position: static !important;
float: none !important;
}

body.tds-dashboard-module-dashboard
.tds-overview-card::before,

body.tds-dashboard-module-dashboard
.tds-overview-card::after {
content: none !important;
display: none !important;
}

/* ==========================================================
   RESPONSYWNOŚĆ
========================================================== */

@media (max-width: 1280px) {
body.tds-dashboard-module-dashboard
.tds-overview__grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}

@media (max-width: 700px) {
body.tds-dashboard-module-dashboard
.tds-overview__grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 16px !important;
}

body.tds-dashboard-module-dashboard
.tds-overview-card {
min-height: 222px !important;
padding: 28px !important;
}
}