/**
 * TARG Design System — Dashboard.
 *
 * Warstwa wizualna dopasowana do stylu TARG Nieruchomości.
 */

body {
--targ-gold: #9a6f42;
--targ-gold-hover: #876039;
--targ-gold-light: #d4b17a;
--targ-gold-soft: #f5eee4;

--targ-graphite: #262824;
--targ-text: #3f423e;
--targ-muted: #7a7d78;

--targ-background: #f6f6f4;
--targ-surface: #ffffff;
--targ-surface-warm: #fcfbf8;
--targ-border: #e5e2dc;
--targ-border-strong: #d9d4cc;

--targ-radius-small: 8px;
--targ-radius-medium: 12px;
--targ-radius-large: 16px;

--targ-shadow-small:
0 1px 2px rgba(29, 31, 28, 0.025),
0 5px 16px rgba(29, 31, 28, 0.035);

--targ-shadow-card:
0 1px 2px rgba(29, 31, 28, 0.025),
0 12px 32px rgba(29, 31, 28, 0.045);
}

/* ==========================================================
   TŁO I GŁÓWNA TYPOGRAFIA
========================================================== */

.dashboard-wrapper,
.dashboard-content,
.dashboard-content-area,
.dashboard-page-content {
background: var(--targ-background);
}

.dashboard-content h1,
.dashboard-content h2,
.dashboard-content h3,
.dashboard-page-content h1,
.dashboard-page-content h2,
.dashboard-page-content h3 {
color: var(--targ-graphite);
}

.dashboard-content a,
.dashboard-page-content a {
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}

/* ==========================================================
   NAGŁÓWEK STRONY I OKRUSZKI
========================================================== */

.dashboard-breadcrumbs,
.breadcrumbs {
color: var(--targ-muted);
}

.dashboard-breadcrumbs a,
.breadcrumbs a {
color: #5b5e59;
}

.dashboard-breadcrumbs a:hover,
.breadcrumbs a:hover {
color: var(--targ-gold);
}

.dashboard-page-title,
.dashboard-content h1 {
letter-spacing: -0.035em;
}

/* ==========================================================
   WYSZUKIWARKA
========================================================== */

.dashboard-search,
.dashboard-search-form,
.dashboard-search-form input,
.dashboard-content .search-field,
.dashboard-content input[type="search"] {
border-radius: var(--targ-radius-small);
}

.dashboard-search-form,
.dashboard-content .search-form {
background: var(--targ-surface);
border: 1px solid var(--targ-border);
box-shadow: var(--targ-shadow-small);
}

.dashboard-search-form:focus-within,
.dashboard-content .search-form:focus-within {
border-color: var(--targ-gold-light);
box-shadow:
0 0 0 3px rgba(154, 111, 66, 0.09),
var(--targ-shadow-small);
}

.dashboard-search-form input,
.dashboard-content input[type="search"] {
color: var(--targ-graphite);
}

.dashboard-search-form input::placeholder,
.dashboard-content input[type="search"]::placeholder {
color: #979993;
}

/* ==========================================================
   POLA SELECT I FILTRY
========================================================== */

.dashboard-content select,
.dashboard-content .bootstrap-select > .dropdown-toggle,
.dashboard-posts-list select,
.dashboard-posts-list .bootstrap-select > .dropdown-toggle {
min-height: 46px;
color: var(--targ-text);
background: var(--targ-surface);
border: 1px solid var(--targ-border);
border-radius: 10px;
box-shadow: none;
}

.dashboard-content select:focus,
.dashboard-content .bootstrap-select.show > .dropdown-toggle,
.dashboard-posts-list select:focus {
border-color: var(--targ-gold-light);
box-shadow: 0 0 0 3px rgba(154, 111, 66, 0.08);
}

/* ==========================================================
   GÓRNA NAWIGACJA LISTY
========================================================== */

#dashboard-properties .dashboard-posts-list,
.dashboard-content-inner .dashboard-posts-list {
background: transparent;
}

#dashboard-properties .dashboard-posts-list::before,
.dashboard-content-inner .dashboard-posts-list::before {
content: "";
display: block;
height: 1px;
margin: 0 18px;
background: var(--targ-border);
}

/* ==========================================================
   KARTY OFERT
========================================================== */

#dashboard-properties .post-column-wrap {
grid-template-columns: minmax(0, 1fr) 218px;
background: var(--targ-surface);
border: 1px solid var(--targ-border);
border-radius: var(--targ-radius-large);
box-shadow: var(--targ-shadow-small);
}

#dashboard-properties .post-column-wrap::before {
content: "";
position: absolute;
top: 18px;
bottom: 18px;
left: 0;
width: 3px;
background: transparent;
border-radius: 0 3px 3px 0;
transition: background-color 180ms ease;
}

#dashboard-properties .post-column-wrap:hover {
border-color: var(--targ-border-strong);
box-shadow: var(--targ-shadow-card);
transform: translateY(-1px);
}

#dashboard-properties .post-column-wrap:hover::before {
background: var(--targ-gold-light);
}

/* Zdjęcie pozostaje szerokie, ale otrzymuje spokojniejsze proporcje. */

#dashboard-properties .large-column-wrap,
#dashboard-properties .tds-property-card-main {
grid-template-columns: 340px minmax(0, 1fr);
gap: 30px;
padding: 20px;
}

#dashboard-properties .column-thumbnail figure {
min-height: 210px;
max-height: 230px;
background: #efeee9;
border-radius: 13px;
}

#dashboard-properties .column-thumbnail img {
min-height: 210px;
max-height: 230px;
object-fit: cover;
}

/* Informacje. */

#dashboard-properties .property-info-wrap {
padding: 8px 0 3px;
}

#dashboard-properties .property-title {
margin-bottom: 13px;
font-size: 18px;
line-height: 1.38;
font-weight: 700;
letter-spacing: -0.025em;
}

#dashboard-properties .property-title a {
color: var(--targ-graphite);
}

#dashboard-properties .property-title a:hover {
color: var(--targ-gold);
}

#dashboard-properties .property-excerpt {
max-width: 620px;
margin-bottom: 25px;
color: var(--targ-muted);
font-size: 13px;
line-height: 1.65;
}

/* Parametry nieruchomości. */

#dashboard-properties .property-meta {
gap: 9px;
}

#dashboard-properties .property-meta > li {
min-height: 38px;
padding: 8px 12px;
color: var(--targ-text);
background: #f7f6f2;
border: 1px solid #efede8;
border-radius: 9px;
}

#dashboard-properties .property-meta-icon {
color: #4e514c;
}

#dashboard-properties .property-meta-icon svg,
#dashboard-properties .property-meta-icon img {
opacity: 0.5;
}

#dashboard-properties .property-meta .figure {
color: var(--targ-graphite);
font-weight: 700;
}

/* ==========================================================
   PRAWA CZĘŚĆ KARTY
========================================================== */

#dashboard-properties .small-column-wrap {
padding: 22px 22px 66px;
background: var(--targ-surface-warm);
border-left: 1px solid var(--targ-border);
}

/* Cena. */

#dashboard-properties .property-price {
color: var(--targ-graphite);
font-size: 20px;
font-weight: 750;
letter-spacing: -0.025em;
}

/* Status oferty. */

#dashboard-properties .property-status {
padding: 6px 10px;
color: #785735;
background: var(--targ-gold-soft);
border: 1px solid #eee0ce;
font-weight: 700;
}

/* Status publikacji. */

#dashboard-properties .property-status-tag {
padding: 6px 10px;
border: 1px solid transparent;
}

#dashboard-properties .property-status-tag-publish {
color: #356c4a;
background: #eaf4ed;
border-color: #dcecdf;
}

#dashboard-properties .property-status-tag-draft {
color: #666963;
background: #efefec;
border-color: #e4e4df;
}

#dashboard-properties .property-status-tag-pending {
color: #80601f;
background: #fff3d7;
border-color: #f5e5bc;
}

#dashboard-properties .property-status-tag-private {
color: #705683;
background: #f1ebf5;
border-color: #e8deef;
}

#dashboard-properties .property-featured-tag {
color: #775329;
background: #f5eadb;
border: 1px solid #ead7be;
}

/* Data. */

#dashboard-properties .property-date {
color: #92948f;
font-size: 11px;
}

/* ==========================================================
   PRZYCISKI AKCJI
========================================================== */

#dashboard-properties .post-actions-wrapper {
right: 18px;
bottom: 17px;
gap: 7px;
}

#dashboard-properties .post-actions-wrapper > a {
width: 36px;
height: 36px;
color: #6f726c;
background: var(--targ-surface);
border: 1px solid var(--targ-border);
border-radius: 9px;
box-shadow: 0 1px 2px rgba(29, 31, 28, 0.025);
}

#dashboard-properties .post-actions-wrapper > a:hover {
color: var(--targ-gold);
background: var(--targ-gold-soft);
border-color: #d9bea0;
}

#dashboard-properties .post-actions-wrapper > a.delete:hover {
color: #9a4a45;
background: #fbefed;
border-color: #e8c8c4;
}

/* ==========================================================
   KAFELKI PANELU UŻYTKOWNIKA
========================================================== */

.dashboard-card,
.dashboard-stat,
.dashboard-stat-item,
.dashboard-widget,
.dashboard-statistics > div,
.dashboard-statistics-item {
background: var(--targ-surface);
border: 1px solid var(--targ-border);
border-radius: var(--targ-radius-medium);
box-shadow: var(--targ-shadow-small);
transition:
transform 160ms ease,
border-color 160ms ease,
box-shadow 160ms ease;
}

.dashboard-card:hover,
.dashboard-stat:hover,
.dashboard-stat-item:hover,
.dashboard-widget:hover,
.dashboard-statistics > div:hover,
.dashboard-statistics-item:hover {
border-color: var(--targ-border-strong);
box-shadow: var(--targ-shadow-card);
transform: translateY(-1px);
}

/* Ikony pozostają czytelne, ale mniej przypadkowo kolorowe. */

.dashboard-statistics svg,
.dashboard-statistics i,
.dashboard-stat-item svg,
.dashboard-stat-item i {
filter: saturate(0.72);
}

/* ==========================================================
   WIDOK BRAKU WYNIKÓW
========================================================== */

.dashboard-no-items,
.no-items-found,
.dashboard-content .no-results {
background: var(--targ-surface);
border: 1px solid var(--targ-border);
border-radius: var(--targ-radius-medium);
box-shadow: var(--targ-shadow-card);
}

.dashboard-no-items h3,
.no-items-found h3 {
color: var(--targ-graphite);
}

.dashboard-no-items p,
.no-items-found p {
color: var(--targ-muted);
}

/* Turkusowe ilustracje RealHomes zostają wizualnie uspokojone. */

.dashboard-no-items img,
.no-items-found img {
filter:
grayscale(0.3)
sepia(0.16)
saturate(0.75);
}

/* ==========================================================
   ULUBIONE — UJEDNOLICENIE TABELI
========================================================== */

body .dashboard-favorites .dashboard-posts-list,
body #dashboard-favorites .dashboard-posts-list {
overflow: hidden;
background: var(--targ-surface);
border: 1px solid var(--targ-border);
border-radius: var(--targ-radius-large);
box-shadow: var(--targ-shadow-small);
}

body .dashboard-favorites .dashboard-posts-list-head,
body #dashboard-favorites .dashboard-posts-list-head {
color: var(--targ-muted);
background: var(--targ-surface-warm);
border-bottom: 1px solid var(--targ-border);
}

body .dashboard-favorites .post-column-wrap,
body #dashboard-favorites .post-column-wrap {
background: var(--targ-surface);
border-bottom: 1px solid var(--targ-border);
}

body .dashboard-favorites .post-column-wrap:last-child,
body #dashboard-favorites .post-column-wrap:last-child {
border-bottom: 0;
}

body .dashboard-favorites .post-column-wrap:hover,
body #dashboard-favorites .post-column-wrap:hover {
background: #fdfcf9;
}

body .dashboard-favorites .property-price,
body #dashboard-favorites .property-price {
color: var(--targ-gold);
}

body .dashboard-favorites .property-status-tag,
body #dashboard-favorites .property-status-tag {
border-radius: 999px;
}

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

.dashboard-sidebar-toggle,
.dashboard-sidebar-trigger,
.sidebar-toggle,
.dashboard-toggle,
.dashboard-sidebar .sidebar-toggle-button,
.dashboard-sidebar .dashboard-sidebar-toggle {
z-index: 1000;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
overflow: visible !important;
color: var(--targ-graphite) !important;
background: var(--targ-surface) !important;
border: 1px solid var(--targ-border-strong) !important;
border-radius: 50% !important;
box-shadow:
0 2px 5px rgba(29, 31, 28, 0.06),
0 9px 22px rgba(29, 31, 28, 0.10) !important;
opacity: 1 !important;
visibility: visible !important;
transition:
color 160ms ease,
background-color 160ms ease,
border-color 160ms ease,
transform 160ms ease !important;
}

.dashboard-sidebar-toggle::before,
.dashboard-sidebar-trigger::before,
.sidebar-toggle::before,
.dashboard-toggle::before {
color: inherit;
opacity: 1;
}

.dashboard-sidebar-toggle i,
.dashboard-sidebar-trigger i,
.sidebar-toggle i,
.dashboard-toggle i,
.dashboard-sidebar-toggle svg,
.dashboard-sidebar-trigger svg,
.sidebar-toggle svg,
.dashboard-toggle svg {
display: block !important;
color: currentColor !important;
fill: currentColor !important;
font-size: 15px !important;
opacity: 1 !important;
}

.dashboard-sidebar-toggle:hover,
.dashboard-sidebar-trigger:hover,
.sidebar-toggle:hover,
.dashboard-toggle:hover {
color: #ffffff !important;
background: var(--targ-gold) !important;
border-color: var(--targ-gold) !important;
transform: scale(1.04);
}

/*
 * Po zwinięciu sidebar przesuwa przycisk przy lewą krawędź.
 * Zapewniamy mu widoczne położenie i pełny kontrast.
 */

body.dashboard-sidebar-collapsed .dashboard-sidebar-toggle,
body.dashboard-sidebar-collapsed .dashboard-sidebar-trigger,
body.sidebar-collapsed .dashboard-sidebar-toggle,
body.sidebar-collapsed .dashboard-sidebar-trigger,
.dashboard-sidebar.collapsed .dashboard-sidebar-toggle,
.dashboard-sidebar.collapsed .dashboard-sidebar-trigger {
left: 18px !important;
right: auto !important;
color: var(--targ-graphite) !important;
background: var(--targ-surface) !important;
border-color: var(--targ-border-strong) !important;
opacity: 1 !important;
}

/* ==========================================================
   GŁÓWNE ZŁOTE PRZYCISKI
========================================================== */

.dashboard-header .button,
.dashboard-header .btn,
.dashboard-header .rh-btn,
.dashboard-content .primary-button,
.dashboard-content .btn-primary,
.dashboard-content .rh-btn-primary {
color: #ffffff;
background: var(--targ-gold);
border-color: var(--targ-gold);
border-radius: 9px;
box-shadow: none;
}

.dashboard-header .button:hover,
.dashboard-header .btn:hover,
.dashboard-header .rh-btn:hover,
.dashboard-content .primary-button:hover,
.dashboard-content .btn-primary:hover,
.dashboard-content .rh-btn-primary:hover {
color: #ffffff;
background: var(--targ-gold-hover);
border-color: var(--targ-gold-hover);
}

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

@media (max-width: 1280px) {
#dashboard-properties .post-column-wrap {
grid-template-columns: minmax(0, 1fr) 205px;
}

#dashboard-properties .large-column-wrap,
#dashboard-properties .tds-property-card-main {
grid-template-columns: 300px minmax(0, 1fr);
gap: 24px;
}
}

@media (max-width: 1050px) {
#dashboard-properties .large-column-wrap,
#dashboard-properties .tds-property-card-main {
grid-template-columns: 260px minmax(0, 1fr);
}
}

@media (max-width: 900px) {
#dashboard-properties .post-column-wrap {
grid-template-columns: minmax(0, 1fr);
}

#dashboard-properties .small-column-wrap {
background: var(--targ-surface-warm);
border-top: 1px solid var(--targ-border);
border-left: 0;
}
}

@media (max-width: 680px) {
#dashboard-properties .large-column-wrap,
#dashboard-properties .tds-property-card-main {
grid-template-columns: minmax(0, 1fr);
gap: 17px;
padding: 14px;
}

#dashboard-properties .column-thumbnail figure,
#dashboard-properties .column-thumbnail img {
min-height: 220px;
max-height: 270px;
}
}