/**
 * TARG Design System — korekta Panelu użytkownika.
 *
 * Naprawia:
 * - zniknięcie przycisku i profilu w nagłówku,
 * - zbyt małe symbole SVG wewnątrz okręgów.
 */

/* ==========================================================
   NAGŁÓWEK — PRZYWRÓCENIE GŁÓWNEGO KONTENERA
========================================================== */

/*
 * Poprzednia warstwa ukryła kontener, w którym znajdują się
 * również przycisk „Dodaj ofertę” oraz profil użytkownika.
 */

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

flex: 1 1 auto !important;

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

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

/*
 * Ukrywamy wyłącznie napis „Panel klienta”,
 * a nie jego nadrzędny kontener.
 */

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

/* ==========================================================
   NAGŁÓWEK — PRZYCISK I PROFIL PO PRAWEJ
========================================================== */

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

flex: 1 1 auto !important;

gap: 28px !important;

width: auto !important;
min-width: 0 !important;

margin: 0 0 0 auto !important;
padding: 0 !important;

visibility: visible !important;
opacity: 1 !important;
}

/*
 * Przycisk dodawania.
 */

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

flex: 0 0 auto !important;

min-width: 148px !important;
min-height: 46px !important;

margin: 0 !important;
padding: 0 20px !important;

visibility: visible !important;
opacity: 1 !important;

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

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

box-shadow: none !important;

font-size: 14px !important;
font-weight: 600 !important;
line-height: 1 !important;
text-decoration: none !important;
}

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

/*
 * Profil użytkownika.
 */

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

flex: 0 0 auto !important;

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

visibility: visible !important;
opacity: 1 !important;
}

/* ==========================================================
   POLE LOGO
========================================================== */

body.tds-dashboard-page .tds-app-header-brand {
flex: 0 0 305px !important;

width: 305px !important;
min-width: 305px !important;
max-width: 305px !important;
}

body.tds-dashboard-page
.tds-app-header-brand
.tds-dashboard-logo {
justify-content: center !important;
}

body.tds-dashboard-page
.tds-app-header-brand
.tds-dashboard-logo img {
margin-right: auto !important;
margin-left: auto !important;
}

/* ==========================================================
   KARTY — OKRĄG POZOSTAJE W OBECNYM ROZMIARZE
========================================================== */

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;

overflow: visible !important;

color: #a96f2c !important;
background: #f8efe3 !important;

border-radius: 50% !important;
}

/* ==========================================================
   KARTY — RZECZYWISTE POWIĘKSZENIE SYMBOLU SVG
========================================================== */

/*
 * Wcześniejsze reguły powiększały span, ale rozmiar
 * właściwego SVG nadal był ograniczany przez inne arkusze.
 */

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

flex: 0 0 54px !important;

width: 54px !important;
height: 54px !important;

min-width: 54px !important;
min-height: 54px !important;
max-width: 54px !important;
max-height: 54px !important;

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

overflow: visible !important;

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

fill: none !important;

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

transform: scale(1.28) !important;
transform-origin: center center !important;
}

/*
 * Wyłączamy ewentualne ograniczenia elementów SVG
 * wynikające z wcześniejszych arkuszy RealHomes.
 */

body.tds-dashboard-module-dashboard
.tds-dashboard-overview-card__icon
:is(path, circle, rect, line, polyline, polygon) {
display: block !important;

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

fill: none !important;

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

/* ==========================================================
   KARTY — PROPORCJE
========================================================== */

body.tds-dashboard-module-dashboard
.tds-dashboard-overview-card {
min-height: 246px !important;
padding: 34px 36px 31px !important;
}

body.tds-dashboard-module-dashboard
.tds-dashboard-overview-card__value {
margin-top: 0 !important;
}

/* ==========================================================
   RESPONSYWNOŚĆ NAGŁÓWKA
========================================================== */

@media (max-width: 1100px) {
body.tds-dashboard-page :is(
.tds-app-header-center,
.tds-app-header-main,
.dashboard-header-main
) {
padding-right: 20px !important;
padding-left: 20px !important;
}

body.tds-dashboard-page :is(
.tds-app-header-actions,
.tds-app-header-right,
.dashboard-header-actions,
.dashboard-header-right
) {
gap: 18px !important;
}

body.tds-dashboard-page .tds-app-add-property {
min-width: 134px !important;
padding-right: 16px !important;
padding-left: 16px !important;
}
}

@media (max-width: 760px) {
body.tds-dashboard-page .tds-app-add-property {
min-width: auto !important;
}

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: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
max-width: 48px !important;
max-height: 48px !important;
}
}