/**
 * TARG Dashboard — autorski sidebar v2.
 *
 * Ten arkusz styluje wyłącznie własny komponent:
 * .tds-dashboard-sidebar-v2
 */

/* ==========================================================
   RESET KOMPONENTU
========================================================== */

body.tds-dashboard-page
.tds-dashboard-sidebar-v2,
body.tds-dashboard-page
.tds-dashboard-sidebar-v2 * {
box-sizing: border-box;

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

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

body.tds-dashboard-page
.tds-dashboard-sidebar-v2 {
position: fixed;

top: var(--tds-dashboard-header-height, 90px);
bottom: 0;
left: 0;

display: block;

width: var(--tds-dashboard-sidebar-width, 305px);
min-width: var(--tds-dashboard-sidebar-width, 305px);
height: auto;

margin: 0;
padding: 0;

overflow: visible;

color: rgba(255, 255, 255, 0.78);

background:
linear-gradient(
165deg,
#20211f 0%,
#181918 58%,
#151615 100%
);

border: 0;
border-radius: 0 0 0 22px;

box-shadow:
10px 0 32px rgba(18, 18, 17, 0.055);

z-index: 1010;
}

/* ==========================================================
   WEWNĘTRZNY UKŁAD
========================================================== */

body.tds-dashboard-page
.tds-sidebar-v2__inner {
display: flex;
flex-direction: column;

width: 100%;
height: 100%;
min-height: 0;

margin: 0;
padding: 40px 22px 24px;
}

/* ==========================================================
   NAWIGACJA
========================================================== */

body.tds-dashboard-page
.tds-sidebar-v2__navigation {
display: block;

width: 100%;

margin: 0;
padding: 0;
}

body.tds-dashboard-page
.tds-sidebar-v2__menu {
display: flex;
flex-direction: column;
gap: 9px;

width: 100%;

margin: 0;
padding: 0;

list-style: none;
}

body.tds-dashboard-page
.tds-sidebar-v2__item {
display: block;

width: 100%;

margin: 0;
padding: 0;
}

/* ==========================================================
   LINK MENU
========================================================== */

body.tds-dashboard-page
.tds-sidebar-v2__link {
display: grid;
grid-template-columns: 30px minmax(0, 1fr);
align-items: center;
column-gap: 13px;

width: 100%;
min-width: 0;
min-height: 56px;

margin: 0;
padding: 0 17px;

color: rgba(255, 255, 255, 0.68);
background: transparent;

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

font-size: 15px;
font-weight: 500;
line-height: 1.25;
letter-spacing: -0.012em;

text-decoration: none;

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

body.tds-dashboard-page
.tds-sidebar-v2__label {
display: block;

min-width: 0;

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

/* ==========================================================
   IKONY
========================================================== */

body.tds-dashboard-page
.tds-sidebar-v2__icon,
body.tds-dashboard-page
.tds-sidebar-v2__footer-icon {
display: flex;
align-items: center;
justify-content: center;

width: 30px;
height: 30px;
min-width: 30px;

margin: 0;
padding: 0;

color: rgba(255, 255, 255, 0.72);
}

body.tds-dashboard-page
.tds-sidebar-v2__icon svg,
body.tds-dashboard-page
.tds-sidebar-v2__footer-icon svg {
display: block;

width: 24px;
height: 24px;

margin: 0;
padding: 0;

fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}

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

body.tds-dashboard-page
.tds-sidebar-v2__link:hover {
color: #ffffff;

background: rgba(255, 255, 255, 0.055);
border-color: rgba(255, 255, 255, 0.065);
}

body.tds-dashboard-page
.tds-sidebar-v2__link:hover
.tds-sidebar-v2__icon {
color: #d5a15b;
}

/* ==========================================================
   AKTYWNY ELEMENT
========================================================== */

body.tds-dashboard-page
.tds-sidebar-v2__item.is-current
.tds-sidebar-v2__link {
color: #a96822;

background:
linear-gradient(
135deg,
#fbf4e8 0%,
#f7ecdc 100%
);

border-color: rgba(199, 154, 91, 0.28);

box-shadow:
0 8px 22px rgba(7, 7, 7, 0.075);

font-weight: 500;
}

body.tds-dashboard-page
.tds-sidebar-v2__item.is-current
.tds-sidebar-v2__icon {
color: #d89b4c;
}

/* ==========================================================
   STOPKA SIDEBARA
========================================================== */

body.tds-dashboard-page
.tds-sidebar-v2__footer {
display: flex;
flex-direction: column;
gap: 4px;

width: 100%;

margin: auto 0 0;
padding: 19px 0 0;

border-top: 1px solid rgba(255, 255, 255, 0.13);
}

body.tds-dashboard-page
.tds-sidebar-v2__footer-link {
display: grid;
grid-template-columns: 30px minmax(0, 1fr);
align-items: center;
column-gap: 13px;

width: 100%;
min-height: 48px;

margin: 0;
padding: 0 17px;

color: rgba(255, 255, 255, 0.65);
background: transparent;

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

font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: -0.01em;

text-decoration: none;

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

body.tds-dashboard-page
.tds-sidebar-v2__footer-link:hover {
color: #ffffff;

background: rgba(255, 255, 255, 0.055);
border-color: rgba(255, 255, 255, 0.06);
}

body.tds-dashboard-page
.tds-sidebar-v2__footer-link:hover
.tds-sidebar-v2__footer-icon {
color: #d5a15b;
}

/* ==========================================================
   PRZYCISK ZWIJANIA
========================================================== */

body.tds-dashboard-page
.tds-sidebar-v2__toggle {
position: absolute;

top: 28px;
right: -18px;

display: flex;
align-items: center;
justify-content: center;

width: 38px;
height: 38px;

margin: 0;
padding: 0;

color: #73766f;
background: #ffffff;

border: 1px solid #dedbd4;
border-radius: 50%;

box-shadow:
0 4px 12px rgba(22, 22, 21, 0.08);

cursor: pointer;

z-index: 5;
}

body.tds-dashboard-page
.tds-sidebar-v2__toggle svg {
display: block;

width: 19px;
height: 19px;

fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}

/* ==========================================================
   ZWINIĘTY SIDEBAR — ZACHOWANIE RH
========================================================== */

body.tds-dashboard-page
#dashboard.hide-sidebar
.tds-dashboard-sidebar-v2 {
transform: translateX(-100%);
}

body.tds-dashboard-page
#dashboard.hide-sidebar
.tds-sidebar-v2__toggle {
right: -48px;
}

body.tds-dashboard-page
#dashboard.hide-sidebar
.tds-sidebar-v2__toggle svg {
transform: rotate(180deg);
}

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

@media (max-width: 900px) {
body.tds-dashboard-page
.tds-sidebar-v2__inner {
padding-right: 15px;
padding-left: 15px;
}

body.tds-dashboard-page
.tds-sidebar-v2__link,
body.tds-dashboard-page
.tds-sidebar-v2__footer-link {
grid-template-columns: 28px minmax(0, 1fr);
column-gap: 11px;

padding-right: 14px;
padding-left: 14px;
}
}