/**
 * TARG Design System — Panel użytkownika.
 *
 * Zakres:
 * - typografia Satoshi,
 * - logo,
 * - sidebar,
 * - przyciski,
 * - kafelki statystyk,
 * - jednolite ikony TARG.
 */

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

body.tds-dashboard-page {
--tds-panel-gold: #b8864a;
--tds-panel-gold-dark: #9d6d34;
--tds-panel-gold-soft: #f7efe4;

--tds-panel-graphite: #252724;
--tds-panel-text: #50534e;
--tds-panel-muted: #858882;

--tds-panel-border: #e7e3dc;
--tds-panel-border-strong: #ddd7cd;

--tds-panel-surface: #ffffff;
--tds-panel-background: #f7f7f5;

--tds-panel-shadow:
0 1px 2px rgba(28, 30, 27, 0.02),
0 10px 28px rgba(28, 30, 27, 0.045);
}

/* ==========================================================
   SATOSHI
========================================================== */

body.tds-dashboard-page,
body.tds-dashboard-page button,
body.tds-dashboard-page input,
body.tds-dashboard-page select,
body.tds-dashboard-page textarea {
font-family:
"Satoshi",
"Inter",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
sans-serif !important;
}

body.tds-dashboard-page h1,
body.tds-dashboard-page h2,
body.tds-dashboard-page h3,
body.tds-dashboard-page h4,
body.tds-dashboard-page strong {
font-family:
"Satoshi",
"Inter",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
sans-serif !important;
}

/* ==========================================================
   LOGO — WIĘKSZE, ALE NADAL LEKKIE
========================================================== */

.tds-app-header-brand {
min-width: 350px !important;
padding: 0 30px !important;
background: #ffffff !important;
}

.tds-app-header-brand .tds-app-logo {
flex: 1 1 auto;
}

.tds-app-header-brand .tds-dashboard-logo {
max-width: 245px !important;
}

.tds-app-header-brand .tds-dashboard-logo img {
width: auto !important;
max-width: 232px !important;
max-height: 72px !important;
object-fit: contain;
object-position: left center;
}

.tds-app-header-brand .tds-app-menu-toggle {
margin-right: 22px !important;
}

/* ==========================================================
   HEADER — LŻEJSZY PRZYCISK DODAWANIA
========================================================== */

.tds-app-add-property {
min-height: 44px !important;
padding: 0 20px !important;

color: var(--tds-panel-gold-dark) !important;
background: #ffffff !important;

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

box-shadow: none !important;

font-size: 13px !important;
font-weight: 650 !important;
}

.tds-app-add-property:hover {
color: #ffffff !important;
background: var(--tds-panel-gold) !important;
border-color: var(--tds-panel-gold) !important;
transform: translateY(-1px);
}

.tds-app-add-property > span:first-child {
font-size: 19px;
font-weight: 400;
}

/* ==========================================================
   SIDEBAR — POŁOŻENIE
========================================================== */

body.tds-dashboard-page .dashboard-sidebar,
body.tds-dashboard-page .rh_dashboard__sidebar {
padding-top: 0 !important;
}

body.tds-dashboard-page .dashboard-sidebar .dashboard-user-info,
body.tds-dashboard-page .dashboard-sidebar .user-info,
body.tds-dashboard-page .dashboard-sidebar .sidebar-user,
body.tds-dashboard-page .rh_dashboard__sidebar .dashboard-user-info,
body.tds-dashboard-page .rh_dashboard__sidebar .user-info {
padding-top: 24px !important;
padding-bottom: 18px !important;
margin-bottom: 0 !important;
}

body.tds-dashboard-page .dashboard-sidebar nav,
body.tds-dashboard-page .dashboard-sidebar .dashboard-menu,
body.tds-dashboard-page .dashboard-sidebar .user-nav,
body.tds-dashboard-page .rh_dashboard__sidebar nav,
body.tds-dashboard-page .rh_dashboard__sidebar .dashboard-menu,
body.tds-dashboard-page .rh_dashboard__sidebar .user-nav {
margin-top: 10px !important;
}

/* ==========================================================
   SIDEBAR — GŁÓWNE POZYCJE
========================================================== */

body.tds-dashboard-page .dashboard-sidebar nav > ul > li,
body.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li,
body.tds-dashboard-page .dashboard-sidebar .user-nav > li,
body.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li,
body.tds-dashboard-page .rh_dashboard__sidebar .dashboard-menu > li,
body.tds-dashboard-page .rh_dashboard__sidebar .user-nav > li {
margin: 4px 18px !important;
}

body.tds-dashboard-page .dashboard-sidebar nav > ul > li > a,
body.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li > a,
body.tds-dashboard-page .dashboard-sidebar .user-nav > li > a,
body.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li > a,
body.tds-dashboard-page .rh_dashboard__sidebar .dashboard-menu > li > a,
body.tds-dashboard-page .rh_dashboard__sidebar .user-nav > li > a {
position: relative;

display: flex !important;
align-items: center !important;

min-height: 56px;
padding: 0 18px 0 22px !important;

color: #585b56;
background: transparent;

border: 1px solid transparent;
border-radius: 11px;

font-size: 14px;
font-weight: 500;
line-height: 1.25;

transition:
color 150ms ease,
background-color 150ms ease,
border-color 150ms ease;
}

/* ==========================================================
   SIDEBAR — WIĘKSZE IKONY
========================================================== */

body.tds-dashboard-page .dashboard-sidebar nav > ul > li > a::before,
body.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li > a::before,
body.tds-dashboard-page .dashboard-sidebar .user-nav > li > a::before,
body.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li > a::before,
body.tds-dashboard-page .rh_dashboard__sidebar .dashboard-menu > li > a::before,
body.tds-dashboard-page .rh_dashboard__sidebar .user-nav > li > a::before {
flex: 0 0 25px !important;

width: 25px !important;
height: 25px !important;

margin-right: 17px !important;

background-color: #747771;

-webkit-mask-size: 25px 25px !important;
mask-size: 25px 25px !important;

-webkit-mask-position: center !important;
mask-position: center !important;
}

/* ==========================================================
   SIDEBAR — HOVER
========================================================== */

body.tds-dashboard-page .dashboard-sidebar nav > ul > li > a:hover,
body.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li > a:hover,
body.tds-dashboard-page .dashboard-sidebar .user-nav > li > a:hover,
body.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li > a:hover,
body.tds-dashboard-page .rh_dashboard__sidebar .dashboard-menu > li > a:hover,
body.tds-dashboard-page .rh_dashboard__sidebar .user-nav > li > a:hover {
color: var(--tds-panel-graphite);
background: #faf8f4;
border-color: #eee8df;
}

body.tds-dashboard-page .dashboard-sidebar nav > ul > li > a:hover::before,
body.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li > a:hover::before,
body.tds-dashboard-page .dashboard-sidebar .user-nav > li > a:hover::before,
body.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li > a:hover::before,
body.tds-dashboard-page .rh_dashboard__sidebar .dashboard-menu > li > a:hover::before,
body.tds-dashboard-page .rh_dashboard__sidebar .user-nav > li > a:hover::before {
background-color: var(--tds-panel-gold);
}

/* ==========================================================
   SIDEBAR — AKTYWNA POZYCJA
========================================================== */

body.tds-dashboard-page .dashboard-sidebar nav > ul > li.active > a,
body.tds-dashboard-page .dashboard-sidebar nav > ul > li.current > a,
body.tds-dashboard-page .dashboard-sidebar nav > ul > li.current-menu-item > a,
body.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li.active > a,
body.tds-dashboard-page .dashboard-sidebar .user-nav > li.active > a,
body.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li.active > a,
body.tds-dashboard-page .rh_dashboard__sidebar .dashboard-menu > li.active > a,
body.tds-dashboard-page .rh_dashboard__sidebar .user-nav > li.active > a {
color: #8e5f2c !important;
background: #fbf5ec !important;
border-color: #ead8bd !important;
box-shadow: none !important;
}

/*
 * Kreska znajduje się przy krawędzi elementu.
 * Ikona zaczyna się dopiero 22 px dalej.
 */

body.tds-dashboard-page .dashboard-sidebar nav > ul > li.active > a::after,
body.tds-dashboard-page .dashboard-sidebar nav > ul > li.current > a::after,
body.tds-dashboard-page .dashboard-sidebar nav > ul > li.current-menu-item > a::after,
body.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li.active > a::after,
body.tds-dashboard-page .dashboard-sidebar .user-nav > li.active > a::after,
body.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li.active > a::after,
body.tds-dashboard-page .rh_dashboard__sidebar .dashboard-menu > li.active > a::after,
body.tds-dashboard-page .rh_dashboard__sidebar .user-nav > li.active > a::after {
content: "";

position: absolute;
top: 13px;
bottom: 13px;
left: -1px;

width: 3px;

background: #ce9853;
border-radius: 0 3px 3px 0;
}

body.tds-dashboard-page .dashboard-sidebar nav > ul > li.active > a::before,
body.tds-dashboard-page .dashboard-sidebar nav > ul > li.current > a::before,
body.tds-dashboard-page .dashboard-sidebar nav > ul > li.current-menu-item > a::before,
body.tds-dashboard-page .dashboard-sidebar .dashboard-menu > li.active > a::before,
body.tds-dashboard-page .dashboard-sidebar .user-nav > li.active > a::before,
body.tds-dashboard-page .rh_dashboard__sidebar nav > ul > li.active > a::before,
body.tds-dashboard-page .rh_dashboard__sidebar .dashboard-menu > li.active > a::before,
body.tds-dashboard-page .rh_dashboard__sidebar .user-nav > li.active > a::before {
background-color: #b77936 !important;
}

/* ==========================================================
   POWRÓT DO STRONY
========================================================== */

body.tds-dashboard-page .dashboard-sidebar a[href="/"],
body.tds-dashboard-page .rh_dashboard__sidebar a[href="/"] {
display: flex !important;
align-items: center !important;

min-height: 54px;
margin: 18px !important;
padding: 0 18px !important;

color: #666963;
background: #ffffff;

border: 1px solid var(--tds-panel-border);
border-radius: 10px;

font-size: 13px;
font-weight: 550;
}

body.tds-dashboard-page .dashboard-sidebar a[href="/"]::before,
body.tds-dashboard-page .rh_dashboard__sidebar a[href="/"]::before {
content: "";

display: inline-block !important;
flex: 0 0 23px !important;

width: 23px !important;
height: 23px !important;

margin-right: 15px !important;

background-color: #747771 !important;

-webkit-mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.7 5.3 4 12l6.7 6.7 1.4-1.4L7.8 13H20v-2H7.8l4.3-4.3-1.4-1.4Z'/%3E%3C/svg%3E") !important;

mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.7 5.3 4 12l6.7 6.7 1.4-1.4L7.8 13H20v-2H7.8l4.3-4.3-1.4-1.4Z'/%3E%3C/svg%3E") !important;

-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;

-webkit-mask-position: center !important;
mask-position: center !important;

-webkit-mask-size: 23px 23px !important;
mask-size: 23px 23px !important;
}

body.tds-dashboard-page .dashboard-sidebar a[href="/"]:hover,
body.tds-dashboard-page .rh_dashboard__sidebar a[href="/"]:hover {
color: #895b2b;
background: #faf6f0;
border-color: #ddc6a8;
}

/* ==========================================================
   PANEL UŻYTKOWNIKA — TYTUŁ
========================================================== */

body.tds-dashboard-module-dashboard .dashboard-content h1,
body.tds-dashboard-module-dashboard .dashboard-page-title {
color: var(--tds-panel-graphite);

font-size: clamp(30px, 2.2vw, 38px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.04em;
}

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

body.tds-dashboard-module-dashboard :is(
.dashboard-statistics,
.dashboard-stats,
.dashboard-statistics-wrapper,
.dashboard-widgets,
.dashboard-statistics-list
) {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px !important;

width: 100%;
margin-top: 30px;
}

/* ==========================================================
   KARTY STATYSTYK
========================================================== */

body.tds-dashboard-module-dashboard :is(
.dashboard-stat,
.dashboard-stat-item,
.dashboard-statistics-item,
.dashboard-widget,
.dashboard-statistics > div,
.dashboard-stats > div,
.dashboard-widgets > div
) {
position: relative;

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

min-height: 220px;
padding: 34px 34px 30px !important;

background: var(--tds-panel-surface) !important;

border: 1px solid #ebe8e2 !important;
border-radius: 14px !important;

box-shadow: var(--tds-panel-shadow) !important;

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

body.tds-dashboard-module-dashboard :is(
.dashboard-stat,
.dashboard-stat-item,
.dashboard-statistics-item,
.dashboard-widget,
.dashboard-statistics > div,
.dashboard-stats > div,
.dashboard-widgets > div
):hover {
border-color: #ded6ca !important;

box-shadow:
0 2px 5px rgba(28, 30, 27, 0.025),
0 16px 38px rgba(28, 30, 27, 0.06) !important;

transform: translateY(-2px);
}

/* ==========================================================
   UKRYCIE STARYCH IKON REALHOMES W KAFELKACH
========================================================== */

body.tds-dashboard-module-dashboard :is(
.dashboard-stat,
.dashboard-stat-item,
.dashboard-statistics-item,
.dashboard-widget,
.dashboard-statistics > div,
.dashboard-stats > div,
.dashboard-widgets > div
) :is(
i,
svg,
img,
.icon,
.stat-icon,
.dashboard-icon
) {
display: none !important;
}

/* ==========================================================
   NOWA IKONA — WSPÓLNY WYGLĄD
========================================================== */

body.tds-dashboard-module-dashboard :is(
.dashboard-stat,
.dashboard-stat-item,
.dashboard-statistics-item,
.dashboard-widget,
.dashboard-statistics > div,
.dashboard-stats > div,
.dashboard-widgets > div
)::before {
content: "";

display: block;

width: 66px;
height: 66px;

margin: 0 0 26px;

background-color: var(--tds-panel-gold);

border-radius: 50%;

box-shadow: inset 0 0 0 20px var(--tds-panel-gold-soft);

-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;

-webkit-mask-position: center;
mask-position: center;

-webkit-mask-size: 30px 30px;
mask-size: 30px 30px;
}

/*
 * Ponieważ maska obejmowałaby również koło, używamy
 * dodatkowego pseudo-elementu dla ikony.
 */

body.tds-dashboard-module-dashboard :is(
.dashboard-stat,
.dashboard-stat-item,
.dashboard-statistics-item,
.dashboard-widget,
.dashboard-statistics > div,
.dashboard-stats > div,
.dashboard-widgets > div
)::before {
background-color: #f7efe4;

box-shadow: none;

-webkit-mask-image: none;
mask-image: none;
}

body.tds-dashboard-module-dashboard :is(
.dashboard-stat,
.dashboard-stat-item,
.dashboard-statistics-item,
.dashboard-widget,
.dashboard-statistics > div,
.dashboard-stats > div,
.dashboard-widgets > div
)::after {
content: "";

position: absolute;
top: 52px;
left: 52px;

width: 30px;
height: 30px;

background-color: var(--tds-panel-gold);

-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;

-webkit-mask-position: center;
mask-position: center;

-webkit-mask-size: contain;
mask-size: contain;
}

/* ==========================================================
   IKONY KAFELKÓW
========================================================== */

/* Łączna liczba nieruchomości */

body.tds-dashboard-module-dashboard :is(
.dashboard-stat,
.dashboard-stat-item,
.dashboard-statistics-item,
.dashboard-widget,
.dashboard-statistics > div,
.dashboard-stats > div,
.dashboard-widgets > div
):nth-child(1)::after {
-webkit-mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 11.2 12 4l8.5 7.2'/%3E%3Cpath d='M5.5 10.2V20h13v-9.8'/%3E%3Cpath d='M9.5 20v-6h5v6'/%3E%3C/svg%3E");

mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 11.2 12 4l8.5 7.2'/%3E%3Cpath d='M5.5 10.2V20h13v-9.8'/%3E%3Cpath d='M9.5 20v-6h5v6'/%3E%3C/svg%3E");
}

/* Opublikowane */

body.tds-dashboard-module-dashboard :is(
.dashboard-stat,
.dashboard-stat-item,
.dashboard-statistics-item,
.dashboard-widget,
.dashboard-statistics > div,
.dashboard-stats > div,
.dashboard-widgets > div
):nth-child(2)::after {
-webkit-mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8l4 4V20H6Z'/%3E%3Cpath d='M14 3.5V8h4'/%3E%3Cpath d='M12 16V10'/%3E%3Cpath d='m9.5 12.5 2.5-2.5 2.5 2.5'/%3E%3C/svg%3E");

mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8l4 4V20H6Z'/%3E%3Cpath d='M14 3.5V8h4'/%3E%3Cpath d='M12 16V10'/%3E%3Cpath d='m9.5 12.5 2.5-2.5 2.5 2.5'/%3E%3C/svg%3E");
}

/* Oczekujące */

body.tds-dashboard-module-dashboard :is(
.dashboard-stat,
.dashboard-stat-item,
.dashboard-statistics-item,
.dashboard-widget,
.dashboard-statistics > div,
.dashboard-stats > div,
.dashboard-widgets > div
):nth-child(3)::after {
-webkit-mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E");

mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E");
}

/* Polecane */

body.tds-dashboard-module-dashboard :is(
.dashboard-stat,
.dashboard-stat-item,
.dashboard-statistics-item,
.dashboard-widget,
.dashboard-statistics > div,
.dashboard-stats > div,
.dashboard-widgets > div
):nth-child(4)::after {
-webkit-mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.5 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1-4.4-4.3 6.1-.9L12 3Z'/%3E%3C/svg%3E");

mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.5 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1-4.4-4.3 6.1-.9L12 3Z'/%3E%3C/svg%3E");
}

/* Ulubione */

body.tds-dashboard-module-dashboard :is(
.dashboard-stat,
.dashboard-stat-item,
.dashboard-statistics-item,
.dashboard-widget,
.dashboard-statistics > div,
.dashboard-stats > div,
.dashboard-widgets > div
):nth-child(5)::after {
-webkit-mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 5.8a5 5 0 0 0-7.1 0L12 7.2l-1.4-1.4a5 5 0 1 0-7.1 7.1L12 21l8.5-8.1a5 5 0 0 0 0-7.1Z'/%3E%3C/svg%3E");

mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 5.8a5 5 0 0 0-7.1 0L12 7.2l-1.4-1.4a5 5 0 1 0-7.1 7.1L12 21l8.5-8.1a5 5 0 0 0 0-7.1Z'/%3E%3C/svg%3E");
}

/* ==========================================================
   TYPOGRAFIA W KAFELKACH
========================================================== */

/*
 * Liczby RealHomes występują w różnych elementach,
 * dlatego uwzględniamy najczęściej stosowane klasy.
 */

body.tds-dashboard-module-dashboard :is(
.dashboard-stat,
.dashboard-stat-item,
.dashboard-statistics-item,
.dashboard-widget,
.dashboard-statistics > div,
.dashboard-stats > div,
.dashboard-widgets > div
) :is(
.number,
.count,
.figure,
.value,
.stat-number,
.dashboard-stat-number,
strong
) {
order: 2;

margin: 0 0 8px !important;

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

font-size: 38px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: -0.045em !important;
}

body.tds-dashboard-module-dashboard :is(
.dashboard-stat,
.dashboard-stat-item,
.dashboard-statistics-item,
.dashboard-widget,
.dashboard-statistics > div,
.dashboard-stats > div,
.dashboard-widgets > div
) :is(
h3,
h4,
p,
span
) {
color: #666963;

font-size: 14px;
line-height: 1.45;
}

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

@media (max-width: 1250px) {
body.tds-dashboard-module-dashboard :is(
.dashboard-statistics,
.dashboard-stats,
.dashboard-statistics-wrapper,
.dashboard-widgets,
.dashboard-statistics-list
) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 760px) {
.tds-app-header-brand {
min-width: auto !important;
padding: 0 18px !important;
}

.tds-app-header-brand .tds-dashboard-logo img {
max-width: 175px !important;
max-height: 58px !important;
}

body.tds-dashboard-module-dashboard :is(
.dashboard-statistics,
.dashboard-stats,
.dashboard-statistics-wrapper,
.dashboard-widgets,
.dashboard-statistics-list
) {
grid-template-columns: minmax(0, 1fr);
gap: 16px !important;
}

body.tds-dashboard-module-dashboard :is(
.dashboard-stat,
.dashboard-stat-item,
.dashboard-statistics-item,
.dashboard-widget,
.dashboard-statistics > div,
.dashboard-stats > div,
.dashboard-widgets > div
) {
min-height: 190px;
padding: 26px !important;
}
}