:root {
    --et-shell-max: 1500px;
    --et-side-width: 210px;
    --et-shell-gap: 20px;
    --et-shell-pad: 20px;
    --et-page-top-offset: 60px;
    --et-navy: #102c46;
    --et-gold: #d9a21b;
    --et-bg: #f4f4f4;
    --et-border: #e1e5e8;
}

/* EmlakTimi GLOBAL PAGE SHELL
   Desktop: 210px + 20px + flexible center + 20px + 210px
*/
.et-page-shell {
    width: min(calc(100% - (var(--et-shell-pad) * 2)), var(--et-shell-max));
    margin: 0 auto 60px;
    display: grid;
    grid-template-columns: var(--et-side-width) minmax(0, 1fr) var(--et-side-width);
    gap: var(--et-shell-gap);
    align-items: start;
}

.et-page-left,
.et-page-main,
.et-page-right {
    min-width: 0;
}

.et-page-left,
.et-page-right {
    width: var(--et-side-width);
}

.et-page-main {
    width: 100%;
}

/* Ortak yardımcı sınıflar */
.et-page-title {
    margin: 0 0 16px;
    color: var(--et-navy);
}

.et-card {
    background: #fff;
    border: 1px solid var(--et-border);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16, 44, 70, .06);
}

/* Tablet: yan kolonları sıkıştırma; içerik öncelikli */
@media (max-width: 1249px) {
    .et-page-shell {
        grid-template-columns: var(--et-side-width) minmax(0, 1fr);
    }

    .et-page-right {
        display: none;
    }
}

/* Mobil/tablet dar ekran: tek kolon */
@media (max-width: 820px) {
    .et-page-shell {
        width: min(calc(100% - 30px), var(--et-shell-max));
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .et-page-left,
    .et-page-right {
        display: none;
        width: auto;
    }
}

@media (max-width: 480px) {
    .et-page-shell {
        width: min(calc(100% - 20px), var(--et-shell-max));
        margin-bottom: 35px;
    }
}

/* Listing.php ile ortak dikey ritim */
.et-sidebar-top-offset { padding-top: var(--et-page-top-offset); }
@media (max-width: 820px) { .et-sidebar-top-offset { padding-top: 0; } }