/**
 * TARG Design System — Panel użytkownika.
 *
 * Etap 17:
 * - większe ikony kart,
 * - uproszczone breadcrumbs,
 * - poprawione wyrównanie headera,
 * - tytuł w jednej linii,
 * - dopasowanie logo i akcji nagłówka.
 */

/* ==========================================================
   ZMIENNE
========================================================== */

body.tds-dashboard-page {
--tds-sidebar-width: 305px;
--tds-gold: #a96f2c;
--tds-gold-soft: #f8efe3;
--tds-graphite: #252724;
--tds-muted: #747771;
--tds-border: #e7e3dc;
}

/* ==========================================================
   HEADER — RÓWNA SZEROKOŚĆ LOGO I SIDEBARA
========================================================== */

body.tds-dashboard-page .tds-app-header-brand {
display: flex !important;
align-items: center !important;
justify-content: center !important;

flex: 0 0 var(--tds-sidebar-width) !important;

width: var(--tds-sidebar-width) !important;
min-width: var(--tds-sidebar-width) !important;
max-width: var(--tds-sidebar-width) !important;

padding: 0 24px !important;

background: #ffffff !important;
border-right: 1px solid var(--tds-border) !important;
}

/*
 * Logo wycentrowane w swoim polu.
 */

body.tds-dashboard-page
.tds-app-header-brand
.tds-app-logo {
display: flex !important;
align-items: center !important;
justify-content: center !important;

width: 100% !important;
min-width: 0 !important;
height: 100% !important;
}

body.tds-dashboard-page
.tds-app-header-brand
.tds-dashboard-logo {
display: flex !important;
align-items: center !important;
justify-content: center !important;

width: 100% !important;
max-width: 235px !important;
height: 100% !important;
}

body.tds-dashboard-page
.tds-app-header-brand
.tds-dashboard-logo img {
display: block !important;

width: auto !important;
max-width: 220px !important;
height: auto !important;
max-height: 72px !important;

margin: 0 auto !important;

object-fit: contain !important;
object-position: center center !important;

opacity: 0.96 !important;
}

/* ==========================================================
   HEADER — USUNIĘCIE „PANEL KLIENTA”
========================================================== */

body.tds-dashboard-page :is(
.tds-app-header-title,
.tds-app-header-label,
.tds-app-header-context,
.dashboard-header-title,
.dashboard-header-label
) {
display: none !important;
}

/*
 * Środkowa część headera nie może spychać akcji na lewo.
 */

body.tds-dashboard-page :is(
.tds-app-header-center,
.tds-app-header-main,
.dashboard-header-main
) {
display: none !important;
}

/* ==========================================================
   HEADER — AKCJE PO PRAWEJ STRONIE
========================================================== */

body.tds-dashboard-page :is(
.tds-app-header-actions,
.tds-app-header-right,
.dashboard-header-actions
) {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 24px !important;

flex: 1 1 auto !important;

margin-left: auto !important;
padding-right: 30px !important;
}

/*
 * Przycisk pozostaje lekki.
 */

body.tds-dashboard-page .tds-app-add-property {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 9px !important;

min-height: 44px !important;
padding: 0 20px !important;

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

border: 1px solid #d6a96f !important;
border-radius: 9px !important;

box-shadow: none !important;

font-size: 14px !important;
font-weight: 600 !important;
}

body.tds-dashboard-page .tds-app-add-property:hover {
color: #ffffff !important;
background: #a96f2c !important;
border-color: #a96f2c !important;
}

/* ==========================================================
   PROFIL W NAGŁÓWKU
========================================================== */

body.tds-dashboard-page :is(
.tds-app-user-menu,
.tds-app-user,
.dashboard-user-menu
) {
display: flex !important;
align-items: center !important;

margin-left: 0 !important;
}

/* ==========================================================
   SIDEBAR
========================================================== */

body.tds-dashboard-page :is(
.dashboard-sidebar,
.tds-dashboard-sidebar,
.rh_dashboard__sidebar
) {
width: var(--tds-sidebar-width) !important;
min-width: var(--tds-sidebar-width) !important;
max-width: var(--tds-sidebar-width) !important;
}

/* ==========================================================
   BREADCRUMBS — TYLKO „HOME”
========================================================== */

/*
 * Ukrywamy bieżącą nazwę modułu w breadcrumbs,
 * ponieważ ten sam tekst występuje już w tytule strony.
 */

body.tds-dashboard-module-dashboard
:is(
.dashboard-breadcrumbs,
.breadcrumbs,
.page-breadcrumbs
)
span:last-child,

body.tds-dashboard-module-dashboard
:is(
.dashboard-breadcrumbs,
.breadcrumbs,
.page-breadcrumbs
)
li:last-child {
display: none !important;
}

/*
 * Jeżeli RealHomes generuje dodatkowy wiersz tekstu
 * bez listy, ukrywamy ostatni element po linku Home.
 */

body.tds-dashboard-module-dashboard
:is(
.dashboard-breadcrumbs,
.breadcrumbs,
.page-breadcrumbs
)
> :last-child:not(:first-child) {
display: none !important;
}

body.tds-dashboard-module-dashboard
:is(
.dashboard-breadcrumbs,
.breadcrumbs,
.page-breadcrumbs
) {
display: flex !important;
align-items: center !important;
gap: 8px !important;

margin-bottom: 18px !important;

color: #636660 !important;

font-size: 15px !important;
line-height: 1.4 !important;
}

/* ==========================================================
   TYTUŁ
========================================================== */

body.tds-dashboard-module-dashboard :is(
.dashboard-page-title,
.page-head h1,
.dashboard-content h1,
.dashboard-page-content h1
) {
display: block !important;

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

margin: 0 0 30px !important;

overflow: visible !important;
white-space: nowrap !important;

color: var(--tds-graphite) !important;

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

font-size: clamp(32px, 2.4vw, 42px) !important;
font-weight: 700 !important;
line-height: 1.08 !important;
letter-spacing: -0.05em !important;
}

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

body.tds-dashboard-module-dashboard
.tds-dashboard-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;
}

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

width: 100% !important;
min-width: 0 !important;
min-height: 250px !important;

padding: 36px 36px 32px !important;

overflow: hidden !important;

background: #ffffff !important;

border: 1px solid #e8e4dd !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;
}

/* ==========================================================
   WIĘKSZE OKRĘGI I IKONY
========================================================== */

body.tds-dashboard-module-dashboard
.tds-dashboard-overview-card__icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;

flex: 0 0 96px !important;

width: 96px !important;
height: 96px !important;

margin: 0 0 28px !important;

color: var(--tds-gold) !important;
background: var(--tds-gold-soft) !important;

border-radius: 50% !important;
}

/*
 * Ikona zajmuje około połowy średnicy okręgu.
 */

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

width: 50px !important;
height: 50px !important;

min-width: 50px !important;
min-height: 50px !important;

margin: 0 !important;

stroke: currentColor !important;
stroke-width: 1.7 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;

fill: none !important;

opacity: 1 !important;
filter: none !important;
}

/* ==========================================================
   LICZBY I OPISY
========================================================== */

body.tds-dashboard-module-dashboard
.tds-dashboard-overview-card__value {
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;
}

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

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

color: #6c6f69 !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;
}

/* ==========================================================
   HOVER
========================================================== */

body.tds-dashboard-module-dashboard
.tds-dashboard-overview-card:hover {
border-color: #dcd2c5 !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;
}

body.tds-dashboard-module-dashboard
.tds-dashboard-overview-card:hover
.tds-dashboard-overview-card__icon {
color: #945e21 !important;
background: #f5e6d2 !important;
}

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

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

@media (max-width: 800px) {
body.tds-dashboard-page {
--tds-sidebar-width: 280px;
}

body.tds-dashboard-module-dashboard
.tds-dashboard-overview-card__icon {
width: 86px !important;
height: 86px !important;
flex-basis: 86px !important;
}

body.tds-dashboard-module-dashboard
.tds-dashboard-overview-card__icon svg {
width: 45px !important;
height: 45px !important;
}
}

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

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

body.tds-dashboard-module-dashboard :is(
.dashboard-page-title,
.page-head h1,
.dashboard-content h1
) {
white-space: normal !important;
}
}