:root {
    --tema-zemin: #f5f1e8;
    --tema-panel: #fffaf2;
    --tema-yuzey-ikincil: #f8f4ec;
    --tema-topbar: rgba(255, 255, 255, 0.95);
    --tema-metin: #1c1917;
    --tema-metin-yumusak: #57534e;
    --tema-baglanti: #365314;
    --tema-baglanti-hover: #3f6212;
    --tema-cizgi: #d6d3d1;
    --tema-odak: #84cc16;
    --tema-girdi-zemin: #ffffff;
    --tema-girdi-cizgi: #a8a29e;
    --tema-dugme-zemin: #3f6212;
    --tema-dugme-zemin-hover: #365314;
    --tema-dugme-metin: #ffffff;
    --tema-dugme-ikincil-zemin: #57534e;
    --tema-dugme-ikincil-zemin-hover: #44403c;
    --tema-yuzey-golge: 0 10px 30px rgba(41, 37, 36, 0.08);
    --tema-dialog-golge: 0 20px 60px rgba(28, 25, 23, 0.35);
    --tema-alert-zemin: #f8fafc;
    --tema-alert-metin: #1f2937;
    --tema-alert-cizgi: #d6d3d1;
    --tema-basarili-zemin: #f7fee7;
    --tema-basarili-metin: #365314;
    --tema-basarili-cizgi: #bef264;
    --tema-hata-zemin: #fef2f2;
    --tema-hata-metin: #991b1b;
    --tema-hata-cizgi: #fecaca;
    --tema-eylem-zemin: #ecfccb;
    --tema-eylem-zemin-hover: #d9f99d;
    --tema-eylem-metin: #365314;
    --tema-nav-metin: #292524;
    --tema-nav-hover-zemin: #ecfccb;
    --tema-nav-hover-metin: #365314;
    --tema-nav-aktif-zemin: #ecfccb;
    --tema-nav-aktif-metin: #365314;
    --tema-cikis-metin: #7f1d1d;
    --tema-cikis-zemin-hover: #fee2e2;
    --tema-cikis-metin-hover: #991b1b;
    --tema-secim-zemin: #d9f99d;
    --tema-secim-metin: #1c1917;
    --tema-backdrop: rgba(28, 25, 23, 0.72);
}

html[data-tema="yumusak"] {
    --tema-zemin: #eee7dc;
    --tema-panel: #f8f1e6;
    --tema-yuzey-ikincil: #f4ebde;
    --tema-topbar: rgba(250, 247, 241, 0.96);
    --tema-metin: #3b342d;
    --tema-metin-yumusak: #766c61;
    --tema-baglanti: #4b5f22;
    --tema-baglanti-hover: #5c742d;
    --tema-cizgi: #d8cdbd;
    --tema-odak: #7fb069;
    --tema-girdi-zemin: #fcf7ef;
    --tema-girdi-cizgi: #cdbfae;
    --tema-dugme-zemin: #6f8356;
    --tema-dugme-zemin-hover: #62764b;
    --tema-dugme-ikincil-zemin: #7a746d;
    --tema-dugme-ikincil-zemin-hover: #68625c;
    --tema-yuzey-golge: 0 8px 24px rgba(70, 58, 46, 0.07);
    --tema-dialog-golge: 0 18px 48px rgba(70, 58, 46, 0.2);
    --tema-alert-zemin: #f6f7f4;
    --tema-alert-metin: #334155;
    --tema-alert-cizgi: #d9ddd3;
    --tema-basarili-zemin: #eff7e8;
    --tema-basarili-metin: #436028;
    --tema-basarili-cizgi: #c7dbb1;
    --tema-hata-zemin: #fbf1f1;
    --tema-hata-metin: #8b3f3f;
    --tema-hata-cizgi: #e9c7c7;
    --tema-eylem-zemin: #edf4df;
    --tema-eylem-zemin-hover: #e3eed0;
    --tema-eylem-metin: #4c5f2a;
    --tema-nav-metin: #4c443c;
    --tema-nav-hover-zemin: #edf4df;
    --tema-nav-hover-metin: #4c5f2a;
    --tema-nav-aktif-zemin: #e6efda;
    --tema-nav-aktif-metin: #4c5f2a;
    --tema-cikis-metin: #8b3f3f;
    --tema-cikis-zemin-hover: #f6dddd;
    --tema-cikis-metin-hover: #9b2c2c;
    --tema-secim-zemin: #dbe8c9;
    --tema-secim-metin: #2f2923;
    --tema-backdrop: rgba(54, 46, 38, 0.58);
}

html[data-tema="koyu"] {
    --tema-zemin: #15110d;
    --tema-panel: #211a15;
    --tema-yuzey-ikincil: #2a221c;
    --tema-topbar: rgba(31, 25, 20, 0.96);
    --tema-metin: #ecdfcc;
    --tema-metin-yumusak: #c8baa7;
    --tema-baglanti: #d8c8ab;
    --tema-baglanti-hover: #e6d8be;
    --tema-cizgi: #4b3f33;
    --tema-odak: #b79d68;
    --tema-girdi-zemin: #2b241d;
    --tema-girdi-cizgi: #5c4d3e;
    --tema-dugme-zemin: #617040;
    --tema-dugme-zemin-hover: #70814a;
    --tema-dugme-metin: #f6eedf;
    --tema-dugme-ikincil-zemin: #5e5248;
    --tema-dugme-ikincil-zemin-hover: #6f6155;
    --tema-yuzey-golge: 0 10px 30px rgba(0, 0, 0, 0.24);
    --tema-dialog-golge: 0 20px 60px rgba(0, 0, 0, 0.34);
    --tema-alert-zemin: #2a221c;
    --tema-alert-metin: #eadfce;
    --tema-alert-cizgi: #5c4d3e;
    --tema-basarili-zemin: #2b3120;
    --tema-basarili-metin: #d8e2c2;
    --tema-basarili-cizgi: #64714a;
    --tema-hata-zemin: #3a2826;
    --tema-hata-metin: #edd2cd;
    --tema-hata-cizgi: #8d5f59;
    --tema-eylem-zemin: #33402a;
    --tema-eylem-zemin-hover: #405035;
    --tema-eylem-metin: #ecdfcc;
    --tema-nav-metin: #e6d9c8;
    --tema-nav-hover-zemin: #332c23;
    --tema-nav-hover-metin: #efe4d4;
    --tema-nav-aktif-zemin: #465134;
    --tema-nav-aktif-metin: #f2eadb;
    --tema-cikis-metin: #ecd0ca;
    --tema-cikis-zemin-hover: #4a302d;
    --tema-cikis-metin-hover: #f3ddd8;
    --tema-secim-zemin: #4b5738;
    --tema-secim-metin: #f4ecdd;
    --tema-backdrop: rgba(8, 6, 4, 0.72);
    color-scheme: dark;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Segoe UI", Tahoma, sans-serif;
    line-height: 1.65;
    background: var(--tema-zemin);
    color: var(--tema-metin);
}

a {
    color: var(--tema-baglanti);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

a:hover {
    color: var(--tema-baglanti-hover);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
    outline: 3px solid var(--tema-odak);
    outline-offset: 3px;
}

.page {
    max-width: 1180px;
}

/* Amac: Geniş ekranlarda üst menüyü tek satıra daha rahat sığdırmak. */
@media (min-width: 1280px) {
    .page {
        max-width: 1380px;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .topbar {
        overflow-x: visible;
    }

    .topbar-icerik {
        min-width: 0;
        gap: 0.5rem;
    }

    .nav {
        width: 100%;
        flex-wrap: nowrap !important;
        justify-content: flex-end;
        column-gap: 0.28rem;
        row-gap: 0.28rem;
    }

    .nav > a,
    .nav-ozet {
        min-height: 2.5rem;
        padding: 0.52rem 0.56rem !important;
        font-size: 0.82rem;
        line-height: 1.2;
        letter-spacing: -0.01em;
        white-space: nowrap;
    }
}

.topbar {
    margin-bottom: 0;
}

.brand {
    text-decoration: none;
}

.content > *:first-child {
    margin-top: 0;
}

.content > * + * {
    margin-top: 1.5rem;
}

.content h1 {
    margin-bottom: 0.75rem;
    font-size: clamp(2rem, 3vw, 2.8rem);
    line-height: 1.1;
}

.content h2 {
    margin-top: 0;
    margin-bottom: 0.75rem;
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    line-height: 1.2;
}

.content h3 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.35;
}

.content p,
.content ul,
.content ol {
    max-width: 72ch;
}

form {
    display: grid;
    gap: 1rem;
}

label,
.field-label {
    display: grid;
    gap: 0.375rem;
    font-weight: 700;
    color: var(--tema-metin);
}

input,
select,
textarea,
button {
    font: inherit;
}

input,
select,
textarea {
    width: 100%;
    border-radius: 0.9rem;
    border: 1px solid var(--tema-girdi-cizgi);
    background: var(--tema-girdi-zemin);
    color: var(--tema-metin);
    padding: 0.85rem 1rem;
}

/* Amac: Ses kaydırıcılarını tüm temalarda tema renkleriyle uyumlu göstermek. */
input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 1.2rem;
    padding: 0;
    background: transparent;
    accent-color: var(--tema-dugme-zemin);
}

input[type="range"]::-webkit-slider-runnable-track {
    height: 0.42rem;
    border: 1px solid var(--tema-girdi-cizgi);
    border-radius: 999px;
    background: linear-gradient(90deg, var(--tema-yuzey-ikincil) 0%, var(--tema-panel) 100%);
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1rem;
    height: 1rem;
    margin-top: -0.34rem;
    border: 2px solid var(--tema-panel);
    border-radius: 999px;
    background: var(--tema-dugme-zemin);
    box-shadow: 0 4px 12px rgba(28, 25, 23, 0.16);
}

input[type="range"]::-moz-range-track {
    height: 0.42rem;
    border: 1px solid var(--tema-girdi-cizgi);
    border-radius: 999px;
    background: linear-gradient(90deg, var(--tema-yuzey-ikincil) 0%, var(--tema-panel) 100%);
}

input[type="range"]::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    border: 2px solid var(--tema-panel);
    border-radius: 999px;
    background: var(--tema-dugme-zemin);
    box-shadow: 0 4px 12px rgba(28, 25, 23, 0.16);
}

textarea {
    min-height: 7rem;
    resize: vertical;
}

button {
    cursor: pointer;
    width: fit-content;
    min-width: 10rem;
    border: 0;
    border-radius: 9999px;
    background: var(--tema-dugme-zemin);
    color: var(--tema-dugme-metin);
    padding: 0.85rem 1.25rem;
    font-weight: 700;
}

button:hover {
    background: #365314;
}

button:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

button.secondary {
    background: #57534e;
}

button.secondary:hover {
    background: #44403c;
}

button.link-button {
    min-width: 0;
    border-radius: 0;
    background: transparent;
    color: #365314;
    padding: 0;
    text-decoration: underline;
}

.alert {
    border-radius: 1rem;
    border: 1px solid #d6d3d1;
    background: #f8fafc;
    color: #1f2937;
    padding: 1rem 1.1rem;
}

.alert.hata {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.alert.basarili {
    border-color: #bef264;
    background: #f7fee7;
    color: #365314;
}

.card {
    border-radius: 1.5rem;
    border: 1px solid #d6d3d1;
    background: rgba(255, 255, 255, 0.96);
    padding: 1.25rem;
    box-shadow: 0 10px 30px rgba(41, 37, 36, 0.08);
}

.card > :first-child {
    margin-top: 0;
}

.card > :last-child {
    margin-bottom: 0;
}

.card h2,
.card h3,
.card h4 {
    text-wrap: balance;
}

.card .actions {
    margin-top: 0.25rem;
}

.muted {
    color: #57534e;
}

.actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.actions a,
.actions button,
.action-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    border-radius: 9999px;
    padding: 0.75rem 1rem;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.actions a,
.action-link {
    background: #ecfccb;
    color: #365314;
}

/* Amac: Küçük rozetleri tema renkleriyle tutarlı göstermek. */
.inline-flex.rounded-full.bg-lime-100.px-3.py-1.text-sm.font-semibold.text-vurguluKoyu {
    background: var(--tema-eylem-zemin) !important;
    color: var(--tema-eylem-metin) !important;
}

.actions a:hover,
.action-link:hover {
    background: #d9f99d;
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(132, 204, 22, 0.18);
}

ul.list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 1rem;
}

.kisa-mesaj-listesi {
    display: grid;
    gap: 1rem;
}

.duyuru-karti p,
.kisa-mesaj-karti p {
    margin-top: 0;
    margin-bottom: 0.75rem;
}

.duyuru-karti p:last-child,
.kisa-mesaj-karti p:last-child {
    margin-bottom: 0;
}

dialog {
    border: 0;
    border-radius: 1.5rem;
    padding: 1.25rem;
    width: min(92vw, 30rem);
    box-shadow: 0 20px 60px rgba(28, 25, 23, 0.35);
}

dialog::backdrop {
    background: rgba(28, 25, 23, 0.72);
}

dialog h2 {
    margin-top: 0;
    margin-bottom: 0.75rem;
}

dialog p {
    margin: 0 0 1rem;
    white-space: pre-line;
}

.sr-only-fallback {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 768px) {
    .content {
        padding: 1rem;
    }

    button,
    .actions a,
    .action-link {
        width: 100%;
    }
}

body,
body[class] {
    background: var(--tema-zemin);
    color: var(--tema-metin);
}

a {
    color: var(--tema-baglanti);
}

a:hover {
    color: var(--tema-baglanti-hover);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
    outline-color: var(--tema-odak);
}

::selection {
    background: var(--tema-secim-zemin);
    color: var(--tema-secim-metin);
}

.topbar {
    border-color: var(--tema-cizgi);
    background: var(--tema-topbar);
    box-shadow: var(--tema-yuzey-golge);
}

.topbar-icerik {
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
}

.nav {
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    row-gap: 0.6rem;
    column-gap: 0.6rem;
}

.topbar-marka {
    color: var(--tema-nav-metin);
    text-decoration: none;
    white-space: nowrap;
}

.topbar-marka:hover {
    color: var(--tema-nav-hover-metin);
}

.nav a {
    color: var(--tema-nav-metin);
    white-space: nowrap;
}

.nav a:hover {
    background: var(--tema-nav-hover-zemin) !important;
    color: var(--tema-nav-hover-metin) !important;
}

.nav a[aria-current="page"] {
    background: var(--tema-nav-aktif-zemin) !important;
    color: var(--tema-nav-aktif-metin) !important;
}

.nav a[href$="cikis.php"] {
    color: var(--tema-cikis-metin);
}

.nav a[href$="cikis.php"]:hover {
    background: var(--tema-cikis-zemin-hover) !important;
    color: var(--tema-cikis-metin-hover) !important;
}

.nav-dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.nav-ozet {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 3rem;
    cursor: pointer;
    color: var(--tema-nav-metin);
    list-style: none;
    white-space: nowrap;
}

.nav-ozet::-webkit-details-marker {
    display: none;
}

.nav-ozet::after {
    content: "▾";
    font-size: 0.85rem;
    line-height: 1;
    transition: transform 0.2s ease;
}

.nav-dropdown[open] .nav-ozet::after {
    transform: rotate(180deg);
}

.nav-ozet:hover,
.nav-ozet.aktif,
.nav-dropdown[open] .nav-ozet {
    background: var(--tema-nav-hover-zemin) !important;
    color: var(--tema-nav-hover-metin) !important;
}

.nav-acilir {
    display: grid;
    gap: 0.35rem;
    min-width: 13rem;
    width: max-content;
    max-width: min(22rem, calc(100vw - 2rem));
    margin-top: 0.5rem;
    padding: 0.5rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1rem;
    background: var(--tema-panel);
    box-shadow: var(--tema-yuzey-golge);
}

.nav-alt-baglanti {
    display: block;
    padding: 0.7rem 0.9rem;
    border-radius: 0.85rem;
    color: var(--tema-nav-metin);
    font-weight: 600;
    text-decoration: none;
}

.nav > a {
    min-height: 3rem;
    white-space: nowrap;
}

.nav-alt-baglanti:hover,
.nav-alt-baglanti.aktif,
.nav-alt-baglanti[aria-current="page"] {
    background: var(--tema-nav-hover-zemin);
    color: var(--tema-nav-hover-metin);
}

@media (min-width: 1024px) {
    .nav-dropdown {
        align-self: flex-start;
    }

    .nav-acilir {
        position: absolute;
        left: 0;
        top: calc(100% + 0.15rem);
        z-index: 40;
    }
}

@media (max-width: 1023px) {
    .nav-dropdown {
        width: 100%;
    }

    .nav-ozet {
        width: 100%;
        justify-content: space-between;
    }

    .nav-acilir {
        width: 100%;
        max-width: 100%;
    }
}

/* Amac: Mobilde üst menüyü satırlara boğmadan yatay kaydırılabilir ve rahat dokunulur yapmak. */
@media (max-width: 768px) {
    .topbar {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .topbar-icerik {
        align-items: stretch;
        gap: 0.75rem;
    }

    .nav {
        width: max-content;
        min-width: max-content;
        flex-wrap: nowrap;
        justify-content: flex-start;
        column-gap: 0.45rem;
        row-gap: 0.45rem;
        padding-bottom: 0.15rem;
    }

    .nav-dropdown {
        width: auto;
        flex: 0 0 auto;
    }

    .nav > a,
    .nav-ozet {
        min-height: 2.85rem;
        padding: 0.7rem 0.95rem !important;
        font-size: 0.95rem;
    }

    .nav-dropdown[open] {
        z-index: 45;
    }

    .nav-acilir {
        position: absolute;
        left: 0;
        top: calc(100% + 0.2rem);
        z-index: 46;
        width: max-content;
        min-width: 12rem;
        max-width: min(18rem, calc(100vw - 1.5rem));
    }
}

.content {
    border-color: var(--tema-cizgi);
    background: var(--tema-panel);
    box-shadow: var(--tema-yuzey-golge);
}

label,
.field-label,
summary {
    color: var(--tema-nav-metin);
}

input,
select,
textarea {
    border-color: var(--tema-girdi-cizgi);
    background: var(--tema-girdi-zemin);
    color: var(--tema-metin);
}

button {
    background: var(--tema-dugme-zemin);
    color: var(--tema-dugme-metin);
}

button:hover {
    background: var(--tema-dugme-zemin-hover);
}

button.secondary {
    background: var(--tema-dugme-ikincil-zemin);
}

button.secondary:hover {
    background: var(--tema-dugme-ikincil-zemin-hover);
}

button.link-button {
    color: var(--tema-baglanti);
}

.alert {
    border-color: var(--tema-alert-cizgi);
    background: var(--tema-alert-zemin);
    color: var(--tema-alert-metin);
}

.alert.hata {
    border-color: var(--tema-hata-cizgi);
    background: var(--tema-hata-zemin);
    color: var(--tema-hata-metin);
}

.alert.basarili {
    border-color: var(--tema-basarili-cizgi);
    background: var(--tema-basarili-zemin);
    color: var(--tema-basarili-metin);
}

.alert-uyari {
    border-color: #d6b06c;
    background: linear-gradient(180deg, #fffaf0 0%, #fff3df 100%);
    color: #8a4b12;
    box-shadow: 0 8px 22px rgba(214, 176, 108, 0.12);
}

.alert-firari {
    border-color: #f59e0b;
    background: linear-gradient(180deg, #fff7e6 0%, #fff3d6 100%);
    color: #7c2d12;
    box-shadow: 0 12px 28px rgba(245, 158, 11, 0.14);
}

.alert-firari-baslik {
    font-weight: 800;
}

.card {
    border-color: var(--tema-cizgi);
    background: var(--tema-panel);
    box-shadow: var(--tema-yuzey-golge);
}

.index-sayfasi {
    gap: 1.5rem;
}

.index-ust-blok {
    position: relative;
    overflow: hidden;
    padding: 1.1rem 1.2rem 1.25rem;
    border: 1px solid rgba(120, 106, 72, 0.12);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at top right, rgba(183, 210, 100, 0.18), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(250, 244, 232, 0.96) 100%);
    box-shadow: 0 14px 34px rgba(41, 37, 36, 0.06);
}

.index-ust-blok::after {
    content: "";
    position: absolute;
    right: -2.8rem;
    top: -2.4rem;
    width: 9rem;
    height: 9rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 72%);
    pointer-events: none;
}

.index-sayfa-baslik {
    margin: 0;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.sayfa-baslik-odak-gizli:focus,
.sayfa-baslik-odak-gizli:focus-visible {
    outline: none;
}

.index-selamlama {
    margin: 0;
    max-width: 60ch;
    color: var(--tema-metin-yumusak);
}

.index-ust-blok .alert {
    max-width: 42rem;
}

.genel-bakis-satiri {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.genel-bakis-satiri p {
    margin: 0;
}

.genel-bakis-satiri-ana {
    align-items: flex-start;
}

.genel-bakis-detay-karti {
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(41, 37, 36, 0.05);
}

.genel-bakis-detay-karti > summary {
    cursor: pointer;
    list-style: none;
    padding: 1rem 1.05rem;
}

.genel-bakis-detay-karti > summary::-webkit-details-marker {
    display: none;
}

.genel-bakis-detay-karti[open] > summary {
    border-bottom: 1px solid var(--tema-cizgi);
    background: rgba(255, 255, 255, 0.45);
}

.genel-bakis-detay-ozet p {
    flex: 1;
}

.genel-bakis-detay-icerik {
    padding: 1rem 1.05rem 1.05rem;
}

.genel-bakis-detay-icerik .action-link {
    min-height: 0;
}

.genel-bakis-ikon {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    object-fit: contain;
    filter: drop-shadow(0 6px 10px rgba(41, 37, 36, 0.12));
}

.genel-bakis-ikon-ana {
    width: 2.5rem;
    height: 2.5rem;
}

#index-yerlesim {
    gap: 1.5rem;
}

#index-yan-sutun {
    display: grid;
    gap: 1.5rem;
    align-content: start;
}

#index-sol-sutun,
#index-sag-sutun {
    display: grid;
    gap: 1.5rem;
    align-content: start;
}

#genel-bakis-ozeti,
#index-yan-sutun .card,
#ciftligim,
#ekili-araziler {
    padding: 1.4rem;
}

#genel-bakis-ozeti {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(252, 248, 240, 0.98) 100%);
}

.genel-bakis-kart-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 0.95rem;
}

#index-yan-sutun .card,
#ciftligim,
#ekili-araziler {
    position: relative;
    overflow: hidden;
}

#index-yan-sutun .card::before,
#ciftligim::before,
#ekili-araziler::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 0.35rem;
    border-radius: 1.5rem 1.5rem 0 0;
}

#duyurular::before {
    background: linear-gradient(90deg, #b7d264 0%, #e8f3c2 100%);
}

#guvenlik-kulebesi::before {
    background: linear-gradient(90deg, #9ba97c 0%, #e4edd2 100%);
}

#guvenlik-bolumlu-alan::before {
    background: linear-gradient(90deg, #a59a88 0%, #e8e1d8 100%);
}

#genel-bakis-balikcilik-blok::before {
    background: linear-gradient(90deg, #57a6d9 0%, #bde3f8 100%);
}

#kisa-mesajlar::before {
    background: linear-gradient(90deg, #c6c6c6 0%, #ececec 100%);
}

#ciftligim::before {
    background: linear-gradient(90deg, #d9cd8f 0%, #efe7be 100%);
}

#ekili-araziler::before {
    background: linear-gradient(90deg, #8ac05a 0%, #d7ecc1 100%);
}

#index-yan-sutun .card > h2,
#ciftligim > h2,
#ekili-araziler > h2 {
    margin-bottom: 0.95rem;
}

#index-yan-sutun .ikonlu-kucuk-baslik,
#ekili-araziler .ikonlu-kucuk-baslik {
    padding-top: 0.15rem;
}

#index-yan-sutun .ikonlu-kucuk-baslik img,
#ekili-araziler .ikonlu-kucuk-baslik img {
    width: 2rem;
    height: 2rem;
}

#genel-bakis-balikcilik-liste > div,
#duyurular-icerik > div,
.kisa-mesaj-listesi > div,
.ciftlik-karti,
.ekili-grup-karti,
#ekili-araziler [data-index-ekili-grup] {
    border-radius: 1.15rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 244, 237, 0.96) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.duyuru-karti,
.balikcilik-karti,
.kisa-mesaj-karti,
.ciftlik-karti,
.ekili-grup-karti,
.ekili-kayit-karti {
    border-color: rgba(120, 106, 72, 0.14);
    box-shadow: 0 10px 24px rgba(41, 37, 36, 0.06);
}

.duyuru-karti,
.balikcilik-karti,
.kisa-mesaj-karti {
    padding: 1rem 1.05rem;
}

.duyuru-karti h3,
.kisa-mesaj-karti h4,
.ciftlik-karti h3,
.ekili-grup-karti h3 {
    margin-bottom: 0.45rem;
}

.guvenlik-karti {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 246, 239, 0.96) 100%) !important;
}

.guvenlik-ozet-kutusu,
.guvenlik-durum-kutusu,
.guvenlik-acigi-oyuncu-karti {
    display: grid;
    gap: 0.75rem;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(120, 106, 72, 0.14);
    border-radius: 1.15rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 244, 237, 0.96) 100%);
    box-shadow: 0 10px 24px rgba(41, 37, 36, 0.06);
}

.guvenlik-ozet-kutusu p,
.guvenlik-durum-kutusu p,
.guvenlik-acigi-oyuncu-karti p,
.guvenlik-acigi-oyuncu-karti h3 {
    margin: 0;
}

.guvenlik-bolum-karti {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.guvenlik-acigi-oyuncu-baslik {
    align-items: center;
}

.guvenlik-saldiri-formu {
    margin: 0;
}

#ciftlik-koruma-form button,
.guvenlik-saldiri-formu button,
.guvenlik-linki {
    width: 100%;
    min-width: 0;
    justify-content: center;
    text-align: center;
}

.guvenlik-saldiri-durum-metni {
    color: var(--tema-metin-yumusak);
}

.ciftlik-karti,
.ekili-grup-karti {
    display: grid;
    gap: 0.7rem;
}

.ekili-kayit-karti {
    background: rgba(255, 255, 255, 0.74);
}

#kisa-mesajlar form {
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(120, 106, 72, 0.1);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.38);
}

#kisa-mesajlar textarea {
    min-height: 8rem;
}

#kisa-mesajlar button,
#kisa-mesajlar .action-link {
    width: 100%;
    min-width: 0;
}

#kisa-mesajlar .action-link {
    justify-content: center;
}

#genel-bakis-balikcilik-bos-durum,
#ciftligim > p,
#ekili-araziler > p {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(247, 244, 237, 0.96) 100%);
}

@media (max-width: 1279px) {
    #index-yan-sutun {
        order: 4;
    }
}

@media (min-width: 1280px) {
    #index-yerlesim {
        grid-template-columns: minmax(0, 1.14fr) minmax(24rem, 0.98fr);
        align-items: start;
    }
}

@media (min-width: 1536px) {
    #index-yerlesim {
        grid-template-columns: minmax(0, 1.1fr) minmax(26rem, 1fr);
    }
}

@media (max-width: 768px) {
    .index-ust-blok {
        padding: 1rem;
    }

    .index-ust-blok::after {
        width: 6rem;
        height: 6rem;
        right: -1.8rem;
        top: -1.6rem;
    }

    .genel-bakis-kart-grid {
        grid-template-columns: 1fr;
    }

    #kisa-mesajlar textarea {
        min-height: 7rem;
    }
}

.ikonlu-baslik,
.ikonlu-kucuk-baslik,
.ikonlu-bakiye {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    line-height: 1.2;
}

.ikonlu-baslik img,
.ikonlu-kucuk-baslik img,
.ikonlu-bakiye img {
    flex-shrink: 0;
    object-fit: contain;
    filter: drop-shadow(0 6px 10px rgba(41, 37, 36, 0.12));
}

.ikonlu-baslik img {
    width: 2.4rem;
    height: 2.4rem;
}

.ikonlu-baslik[tabindex="-1"]:focus,
.ikonlu-baslik[tabindex="-1"]:focus-visible {
    outline: none;
}

.ikonlu-kucuk-baslik img {
    width: 1.85rem;
    height: 1.85rem;
}

.kart-ikonlu-baslik {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0;
    line-height: 1.3;
}

.kart-ikonlu-baslik img {
    width: 1.5rem;
    height: 1.5rem;
    max-width: 1.5rem;
    max-height: 1.5rem;
    flex-shrink: 0;
    object-fit: contain;
    filter: drop-shadow(0 6px 10px rgba(41, 37, 36, 0.12));
}

.kart-ikonlu-resim {
    width: 1.5rem !important;
    height: 1.5rem !important;
    max-width: 1.5rem !important;
    max-height: 1.5rem !important;
}

.kart-ikonlu-baslik h3 {
    margin-bottom: 0;
}

.ikonlu-bakiye img {
    width: 1.75rem;
    height: 1.75rem;
}

.ciftlik-kart-firari {
    border-color: #f5c26b !important;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, #fff4de 100%) !important;
    box-shadow: 0 12px 28px rgba(245, 158, 11, 0.12);
}

.ciftlik-kart-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.ciftlik-kart-baslik h3 {
    margin-bottom: 0;
}

.ciftlik-kart-gif {
    width: 5.25rem;
    height: 5.25rem;
    flex-shrink: 0;
    object-fit: contain;
    image-rendering: auto;
    transform-origin: center bottom;
    animation: ciftlik-gorsel-sallanma 3.8s ease-in-out infinite;
    filter: drop-shadow(0 10px 16px rgba(41, 37, 36, 0.16));
}

@media (prefers-reduced-motion: reduce) {
    .ciftlik-kart-gif {
        animation: none;
    }
}

.ciftlik-firari-satiri {
    margin-top: 0.45rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid #f5c26b;
    border-radius: 0.95rem;
    background: #fff8ea;
    color: #92400e;
    font-weight: 700;
}

.ciftlik-firari-satiri strong {
    font-size: 1.05em;
}

.duyuru-uyari {
    border-color: #d6b06c !important;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, #fff6e7 100%) !important;
    box-shadow: 0 10px 24px rgba(214, 176, 108, 0.1);
}

.duyuru-firari {
    border-color: #f59e0b !important;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, #fff1d6 100%) !important;
    box-shadow: 0 12px 28px rgba(245, 158, 11, 0.12);
}

html[data-tema="yumusak"] .alert-firari {
    border-color: #d7b16f;
    background: linear-gradient(180deg, #f7eddc 0%, #f4e5cd 100%);
    color: #7d4f1d;
}

html[data-tema="yumusak"] .alert-uyari {
    border-color: #cfb07b;
    background: linear-gradient(180deg, #f8f0e3 0%, #f5e8d3 100%);
    color: #7b5627;
}

html[data-tema="yumusak"] .ciftlik-kart-firari {
    border-color: #d7b16f !important;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, #f3e5d2 100%) !important;
}

html[data-tema="yumusak"] .ciftlik-firari-satiri {
    border-color: #d7b16f;
    background: #f8ecdc;
    color: #7d4f1d;
}

html[data-tema="yumusak"] .duyuru-uyari {
    border-color: #cfb07b !important;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, #f6ead9 100%) !important;
}

html[data-tema="yumusak"] .duyuru-firari {
    border-color: #d7b16f !important;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, #f2e3cd 100%) !important;
}

html[data-tema="koyu"] .alert-firari {
    border-color: #c3872f;
    background: linear-gradient(180deg, #3e2a13 0%, #4a3215 100%);
    color: #ffe0b2;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

html[data-tema="koyu"] .alert-uyari {
    border-color: #9b7740;
    background: linear-gradient(180deg, #332918 0%, #3a2e1a 100%);
    color: #f6ddb0;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

html[data-tema="koyu"] .ciftlik-kart-firari {
    border-color: #a56a22 !important;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, #3a2814 100%) !important;
}

html[data-tema="koyu"] .genel-bakis-ikon {
    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.28));
}

html[data-tema="koyu"] .ciftlik-kart-gif {
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.32));
}

@keyframes ciftlik-gorsel-sallanma {
    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }
    25% {
        transform: translateY(-2px) rotate(-3deg);
    }
    50% {
        transform: translateY(0) rotate(0deg);
    }
    75% {
        transform: translateY(-1px) rotate(3deg);
    }
}

html[data-tema="koyu"] .ciftlik-firari-satiri {
    border-color: #a56a22;
    background: #3b2814;
    color: #ffd8a3;
}

html[data-tema="koyu"] .duyuru-uyari {
    border-color: #9b7740 !important;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, #332818 100%) !important;
}

html[data-tema="koyu"] .duyuru-firari {
    border-color: #a56a22 !important;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, #3a2814 100%) !important;
}

/* Amac: Koyu temada anasayfa kartlarini koyu krem yuzeylerle yumusatmak. */
html[data-tema="koyu"] .index-ust-blok {
    border-color: rgba(150, 127, 95, 0.24);
    background:
        radial-gradient(circle at top right, rgba(180, 156, 110, 0.14), transparent 34%),
        linear-gradient(180deg, #2d241d 0%, #241d17 100%);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}

html[data-tema="koyu"] .index-ust-blok::after {
    background: radial-gradient(circle, rgba(237, 223, 197, 0.09) 0%, rgba(237, 223, 197, 0) 72%);
}

html[data-tema="koyu"] #genel-bakis-balikcilik-liste > div,
html[data-tema="koyu"] #duyurular-icerik > div,
html[data-tema="koyu"] .kisa-mesaj-listesi > div,
html[data-tema="koyu"] .ciftlik-karti,
html[data-tema="koyu"] .ekili-grup-karti,
html[data-tema="koyu"] #ekili-araziler [data-index-ekili-grup] {
    background: linear-gradient(180deg, #2c241d 0%, #241d17 100%);
    box-shadow: inset 0 1px 0 rgba(250, 240, 222, 0.04);
}

html[data-tema="koyu"] .duyuru-karti,
html[data-tema="koyu"] .balikcilik-karti,
html[data-tema="koyu"] .kisa-mesaj-karti,
html[data-tema="koyu"] .ciftlik-karti,
html[data-tema="koyu"] .ekili-grup-karti,
html[data-tema="koyu"] .ekili-kayit-karti {
    border-color: rgba(150, 127, 95, 0.28);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}

html[data-tema="koyu"] .guvenlik-karti {
    background: linear-gradient(180deg, #2b241d 0%, #221b16 100%) !important;
}

html[data-tema="koyu"] .guvenlik-ozet-kutusu,
html[data-tema="koyu"] .guvenlik-durum-kutusu,
html[data-tema="koyu"] .guvenlik-acigi-oyuncu-karti {
    border-color: rgba(157, 133, 98, 0.3);
    background: linear-gradient(180deg, #312821 0%, #261f19 100%);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}

html[data-tema="koyu"] .ekili-kayit-karti {
    background: linear-gradient(180deg, rgba(49, 40, 32, 0.96) 0%, rgba(38, 31, 24, 0.98) 100%);
}

html[data-tema="koyu"] #kisa-mesajlar form {
    border-color: rgba(150, 127, 95, 0.22);
    background: linear-gradient(180deg, rgba(49, 40, 32, 0.92) 0%, rgba(38, 31, 24, 0.96) 100%);
}

html[data-tema="koyu"] #genel-bakis-balikcilik-bos-durum,
html[data-tema="koyu"] #ciftligim > p,
html[data-tema="koyu"] #ekili-araziler > p {
    background: linear-gradient(180deg, #302820 0%, #261f18 100%);
    color: var(--tema-metin);
}

html[data-tema="koyu"] #ekili-araziler details.rounded-2xl.border.border-stone-200.bg-white.p-3 {
    background: linear-gradient(180deg, #302820 0%, #261f18 100%);
}

html[data-tema] .bg-white {
    background-color: var(--tema-girdi-zemin) !important;
}

html[data-tema] body {
    background: var(--tema-zemin) !important;
    color: var(--tema-metin) !important;
}

html[data-tema] .bg-zemin {
    background-color: var(--tema-zemin) !important;
}

html[data-tema] .bg-panel {
    background-color: var(--tema-panel) !important;
}

html[data-tema] .text-metin,
html[data-tema] .text-stone-950,
html[data-tema] .text-stone-900,
html[data-tema] .text-stone-500 {
    color: var(--tema-metin) !important;
}

html[data-tema="koyu"] .card,
html[data-tema="koyu"] .content,
html[data-tema="koyu"] .auth-kart,
html[data-tema="koyu"] .mesaj-yonlendirme-karti,
html[data-tema="koyu"] .mesaj-detay-karti,
html[data-tema="koyu"] .mesaj-ozet-karti,
html[data-tema="koyu"] .mesaj-icerik-kutusu {
    background: var(--tema-panel) !important;
    color: var(--tema-metin) !important;
    border-color: var(--tema-cizgi) !important;
}

html[data-tema="koyu"] header.topbar,
html[data-tema="koyu"] .topbar,
html[data-tema="koyu"] main.content {
    background: var(--tema-panel) !important;
    border-color: var(--tema-cizgi) !important;
}

html[data-tema="koyu"] .topbar-marka,
html[data-tema="koyu"] .nav > a,
html[data-tema="koyu"] .nav-ozet,
html[data-tema="koyu"] .nav-alt-baglanti {
    color: var(--tema-metin) !important;
}

html[data-tema="koyu"] .topbar-marka:hover,
html[data-tema="koyu"] .nav > a:hover,
html[data-tema="koyu"] .nav-ozet:hover,
html[data-tema="koyu"] .nav-alt-baglanti:hover {
    background: var(--tema-nav-hover-zemin) !important;
    color: var(--tema-nav-hover-metin) !important;
}

html[data-tema="koyu"] .nav > a[aria-current="page"],
html[data-tema="koyu"] .nav-ozet.aktif,
html[data-tema="koyu"] .nav-alt-baglanti.aktif {
    background: var(--tema-nav-aktif-zemin) !important;
    color: var(--tema-nav-aktif-metin) !important;
}

html[data-tema="koyu"] input,
html[data-tema="koyu"] select,
html[data-tema="koyu"] textarea {
    background: var(--tema-girdi-zemin) !important;
    color: var(--tema-metin) !important;
    border-color: var(--tema-girdi-cizgi) !important;
}

html[data-tema="koyu"] input::placeholder,
html[data-tema="koyu"] textarea::placeholder {
    color: var(--tema-metin-yumusak) !important;
}

html[data-tema="koyu"] input[type="checkbox"],
html[data-tema="koyu"] input[type="radio"] {
    background-color: var(--tema-girdi-zemin) !important;
    border-color: var(--tema-girdi-cizgi) !important;
    accent-color: var(--tema-dugme-zemin);
}

html[data-tema] .bg-stone-50 {
    background-color: var(--tema-yuzey-ikincil) !important;
}

html[data-tema] .border-stone-200 {
    border-color: var(--tema-cizgi) !important;
}

html[data-tema] .border-stone-400 {
    border-color: var(--tema-girdi-cizgi) !important;
}

html[data-tema] .text-stone-800,
html[data-tema] .text-stone-700,
html[data-tema] .text-stone-600 {
    color: var(--tema-metin) !important;
}

.muted {
    color: var(--tema-metin-yumusak);
}

.actions a,
.action-link {
    background: var(--tema-eylem-zemin);
    color: var(--tema-eylem-metin);
}

.actions a:hover,
.action-link:hover {
    background: var(--tema-eylem-zemin-hover);
}

.actions a[aria-current="page"],
.action-link[aria-current="page"],
.action-link.aktif {
    background: var(--tema-dugme-zemin);
    color: var(--tema-dugme-metin);
}

dialog,
dialog[class],
#sysdlg {
    background: var(--tema-panel);
    color: var(--tema-metin);
    box-shadow: var(--tema-dialog-golge);
}

dialog::backdrop {
    background: var(--tema-backdrop);
}

.skip-link {
    background: var(--tema-dugme-zemin);
    color: var(--tema-dugme-metin);
}

/* Amac: Hayvan pazari bolumlerini ve kart ritmini daha belirgin hale getirmek. */
.hayvan-pazari-bolumu {
    padding-top: 1.5rem;
}

.hayvan-pazari-bolumu > h2 {
    padding-bottom: 0.65rem;
    border-bottom: 1px solid var(--tema-cizgi);
}

.hayvan-pazari-karti {
    display: grid;
    gap: 0.9rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1.15rem;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, var(--tema-panel) 100%) !important;
    box-shadow: 0 10px 24px rgba(41, 37, 36, 0.06);
}

.hayvan-pazari-karti > h3 {
    margin-bottom: 0;
}

.hayvan-pazari-detay {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.hayvan-pazari-detay > summary {
    cursor: pointer;
    font-weight: 700;
    color: var(--tema-metin-yumusak);
}

.hayvan-pazari-formu {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.hayvan-pazari-detay > * + *,
.hayvan-pazari-formu > * + * {
    margin-top: 0;
}

.hayvan-pazari-formu button {
    width: 100%;
    min-width: 0;
    min-height: 3.1rem;
    justify-content: center;
}

@media (min-width: 980px) {
    .hayvan-pazari-kart-listesi {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }

    .hayvan-pazari-kart-listesi > * {
        margin-top: 0 !important;
    }
}

/* Amac: Yem ve su satin alma kartlarini daha dengeli ve okunur hale getirmek. */
.yem-su-ozet {
    background: linear-gradient(180deg, var(--tema-panel) 0%, var(--tema-yuzey-ikincil) 100%);
    border-color: var(--tema-cizgi);
}

.yem-su-bakiye-satiri {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0;
    font-size: clamp(1rem, 1.2vw, 1.2rem);
}

.yem-su-bakiye-satiri strong {
    font-size: clamp(1.2rem, 1.8vw, 1.55rem);
}

/* Amac: Balikcilik sayfasinda liman ve satilik alanlarini net ayirmak. */
.balikcilik-sayfasi {
    gap: 1.5rem;
}

.balikcilik-ust-bolum {
    padding: 1.5rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1.75rem;
    background:
        radial-gradient(circle at top right, rgba(14, 116, 144, 0.12), transparent 32%),
        linear-gradient(180deg, var(--tema-panel) 0%, var(--tema-yuzey-ikincil) 100%);
}

.balikcilik-ust-bolum > :first-child,
.pazar-ust-bolum > :first-child {
    margin-top: 0;
}

.balikcilik-ust-bolum > :last-child,
.pazar-ust-bolum > :last-child {
    margin-bottom: 0;
}

.balikcilik-aciklama {
    max-width: 70ch;
    color: var(--tema-metin-yumusak);
    font-size: 1rem;
    line-height: 1.7;
}

.balikcilik-hizli-baglantilar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.balikcilik-hizli-baglantilar .action-link {
    justify-content: center;
    min-height: 3rem;
}

.balikcilik-bakiye-satiri {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0;
    font-size: clamp(1rem, 1.2vw, 1.2rem);
}

.balikcilik-bakiye-icerik {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    flex-wrap: wrap;
}

.balikcilik-bakiye-tutar {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
}

.balikcilik-bakiye-satiri strong {
    font-size: clamp(1.2rem, 1.8vw, 1.55rem);
}

.balikcilik-sekme-ozetleri {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.balikcilik-sekme-karti {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.68);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 12px 30px rgba(28, 25, 23, 0.06);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.balikcilik-sekme-karti:hover,
.balikcilik-sekme-karti:focus-visible {
    transform: translateY(-2px);
    border-color: var(--tema-dugme-zemin);
    box-shadow: 0 16px 36px rgba(28, 25, 23, 0.1);
}

.balikcilik-sekme-karti strong {
    font-size: 1.2rem;
}

.balikcilik-sekme-etiket {
    color: var(--tema-metin-yumusak);
    font-size: 0.94rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.balikcilik-panel {
    padding-top: 1.5rem;
}

.balikcilik-panel-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.balikcilik-panel-baslik h2 {
    margin: 0;
}

.balikcilik-sayac-rozet {
    margin: 0;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: var(--tema-eylem-zemin);
    color: var(--tema-eylem-metin);
    font-size: 0.94rem;
    font-weight: 700;
    white-space: nowrap;
}

.balikcilik-panel-aciklama {
    margin-top: -0.35rem;
    color: var(--tema-metin-yumusak);
}

.balikcilik-kart-izgarasi {
    align-items: stretch;
}

.balikcilik-tekne-karti {
    display: grid;
    gap: 0.95rem;
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, var(--tema-panel) 100%) !important;
    box-shadow: 0 16px 30px rgba(28, 25, 23, 0.06);
}

.balikcilik-tekne-karti::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    border-radius: 999px;
    background: #0f766e;
}

.balikcilik-tekne-karti-satilik::before {
    background: #0f766e;
}

.balikcilik-tekne-karti-liman::before {
    background: #1d4ed8;
}

.balikcilik-tekne-karti-deniz::before {
    background: #2563eb;
}

.balikcilik-tekne-baslik {
    margin: 0;
    font-size: 1.16rem;
    line-height: 1.45;
}

.balikcilik-tekne-detaylari {
    display: grid;
    gap: 0.45rem;
}

.balikcilik-tekne-detaylari p,
.balikcilik-tekne-karti > p,
.balikcilik-tekne-formu {
    margin: 0;
}

.balikcilik-tekne-formu {
    margin-top: 0.15rem;
}

.balikcilik-tekne-formu button {
    width: 100%;
    min-height: 3.1rem;
}

.balikcilik-kart-etiket {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin: 0;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.1);
    color: #0f766e;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.balikcilik-tekne-karti-liman .balikcilik-kart-etiket {
    background: rgba(29, 78, 216, 0.1);
    color: #1d4ed8;
}

.balikcilik-bos-durum {
    padding: 1rem 1.1rem;
    border: 1px dashed var(--tema-cizgi);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.5);
    color: var(--tema-metin-yumusak);
}

@media (max-width: 720px) {
    .balikcilik-ust-bolum {
        padding: 1.2rem;
    }

    .balikcilik-hizli-baglantilar {
        grid-template-columns: 1fr;
    }

    .balikcilik-bakiye-satiri {
        align-items: flex-start;
    }

    .balikcilik-bakiye-icerik {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }

    .balikcilik-panel-baslik {
        align-items: flex-start;
        flex-direction: column;
    }

    .balikcilik-sayac-rozet {
        white-space: normal;
    }
}

.yem-su-kart-listesi {
    display: grid;
    gap: 1rem;
    align-items: start;
}

.yem-su-karti {
    display: grid;
    gap: 1rem;
    background: linear-gradient(180deg, var(--tema-panel) 0%, var(--tema-yuzey-ikincil) 100%) !important;
}

.yem-su-karti > h2 {
    margin-bottom: 0;
}

.yem-su-durum-kutu {
    display: grid;
    gap: 0.5rem;
    padding: 1rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1rem;
    background: var(--tema-girdi-zemin);
}

.yem-su-durum-kutu p {
    margin: 0;
}

.yem-su-paket-formu {
    padding-top: 0;
    margin: 0;
}

.yem-su-alt-blok {
    padding: 1rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1rem;
    background: var(--tema-yuzey-ikincil);
}

.yem-su-alt-baslik {
    font-size: 1rem;
}

.yem-su-paket-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.75rem;
    align-items: stretch;
}

.yem-su-paket-grid > button {
    display: inline-flex;
    width: 100%;
    min-width: 0;
    min-height: 4.25rem;
    justify-content: center;
    text-align: center;
    line-height: 1.45;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    box-shadow: 0 8px 20px rgba(41, 37, 36, 0.08);
}

.yem-su-fulle-formu {
    margin: 0;
    padding: 1rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1rem;
    background: var(--tema-girdi-zemin);
}

.yem-su-fulle-bilgi {
    margin: 0;
    color: var(--tema-metin-yumusak);
}

.yem-su-fulle-formu > button {
    width: 100%;
    min-width: 0;
    justify-content: center;
    text-align: center;
    line-height: 1.45;
    border-radius: 1rem;
}

@media (min-width: 980px) {
    .yem-su-kart-listesi {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Amac: Depolar sayfasinda depo ve hayvan alani kartlarini daha duzenli gostermek. */
.depolar-ozet {
    background: linear-gradient(180deg, var(--tema-panel) 0%, var(--tema-yuzey-ikincil) 100%);
}

.depolar-bakiye-satiri {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0;
    font-size: clamp(1rem, 1.2vw, 1.2rem);
}

.depolar-bakiye-satiri strong {
    font-size: clamp(1.2rem, 1.8vw, 1.55rem);
}

.depolar-bolumu {
    padding-top: 1.5rem;
}

.depolar-bolumu > h2 {
    padding-bottom: 0.65rem;
    border-bottom: 1px solid var(--tema-cizgi);
}

.depolar-kart-listesi {
    display: grid;
    gap: 1rem;
}

.depolar-karti {
    display: grid;
    gap: 1rem;
    height: 100%;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, var(--tema-panel) 100%) !important;
}

.depolar-karti > h3 {
    margin-bottom: 0;
}

.depolar-durum-kutu,
.depolar-fiyat-kutu {
    display: grid;
    gap: 0.5rem;
    padding: 1rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1rem;
    background: var(--tema-girdi-zemin);
}

.depolar-durum-kutu p,
.depolar-fiyat-kutu p {
    margin: 0;
}

.depolar-formu {
    margin: 0;
}

.depolar-formu > button {
    width: 100%;
    min-width: 0;
    justify-content: center;
    text-align: center;
    line-height: 1.45;
    border-radius: 1rem;
}

@media (min-width: 980px) {
    .depolar-kart-listesi {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Amac: Bahce sayfasinda ozet, durum ve urun kartlarini daha dengeli gostermek. */
.bahce-ozet {
    background: linear-gradient(180deg, var(--tema-panel) 0%, var(--tema-yuzey-ikincil) 100%);
}

.bahce-bakiye-satiri {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0;
    font-size: clamp(1rem, 1.2vw, 1.2rem);
}

.bahce-bakiye-icerik {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    flex-wrap: wrap;
}

.bahce-bakiye-tutar {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
}

.bahce-bakiye-satiri strong {
    font-size: clamp(1.2rem, 1.8vw, 1.55rem);
}

.bahce-bolumu {
    padding-top: 1.5rem;
}

.bahce-bolumu > h2 {
    padding-bottom: 0.65rem;
    border-bottom: 1px solid var(--tema-cizgi);
}

.bahce-kart-listesi {
    display: grid;
    gap: 1rem;
}

.bahce-durum-karti,
.bahce-urun-karti {
    display: grid;
    gap: 0.85rem;
    height: 100%;
    align-content: start;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, var(--tema-panel) 100%) !important;
}

.bahce-durum-karti > h3,
.bahce-urun-karti > h3 {
    margin-bottom: 0;
}

.bahce-durum-karti p,
.bahce-urun-karti p {
    margin: 0;
    line-height: 1.5;
}

.bahce-durum-karti form,
.bahce-urun-karti form {
    margin: 0;
}

.bahce-durum-karti button,
.bahce-urun-karti button {
    width: 100%;
    min-width: 0;
    justify-content: center;
    text-align: center;
    line-height: 1.45;
}

.bahce-urun-karti details,
.bahce-urun-detay {
    padding: 1rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1rem;
    background: var(--tema-girdi-zemin);
}

.bahce-urun-karti details > summary,
.bahce-urun-detay > summary {
    font-weight: 700;
}

.bahce-urun-karti details > * + *,
.bahce-urun-detay > * + * {
    margin-top: 0.75rem;
}

.bahce-ekim-alani {
    display: grid;
    gap: 0.45rem;
}

.bahce-ekim-girdisi {
    width: 100%;
    min-height: 3rem;
}

@media (min-width: 980px) {
    .bahce-durum-listesi {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bahce-urun-listesi {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 639px) {
    .bahce-bakiye-satiri {
        align-items: flex-start;
    }

    .bahce-bakiye-icerik {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }
}

/* Amac: Ciftci kredisi sayfasinda basvuru ve aktif kredi bloklarini daha net ayirmak. */
.ciftci-kredisi-ozet {
    background: linear-gradient(180deg, var(--tema-panel) 0%, var(--tema-yuzey-ikincil) 100%);
}

.ciftci-kredisi-bakiye-satiri {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0;
    font-size: clamp(1rem, 1.2vw, 1.2rem);
}

.ciftci-kredisi-bakiye-satiri strong {
    font-size: clamp(1.2rem, 1.8vw, 1.55rem);
}

.ciftci-kredisi-bolum {
    padding-top: 1.5rem;
}

.ciftci-kredisi-bolum > h2 {
    padding-bottom: 0.65rem;
    border-bottom: 1px solid var(--tema-cizgi);
}

.ciftci-kredisi-ozet-grid,
.ciftci-kredisi-taksit-listesi {
    display: grid;
    gap: 1rem;
}

.ciftci-kredisi-ozet-kutu,
.ciftci-kredisi-ic-kutu,
.ciftci-kredisi-sonuc-kutu,
.ciftci-kredisi-sozlesme,
.ciftci-kredisi-taksit-karti {
    height: 100%;
    padding: 1rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1rem;
    background: var(--tema-girdi-zemin);
}

.ciftci-kredisi-sozlesme,
.ciftci-kredisi-sonuc-kutu {
    background: linear-gradient(180deg, var(--tema-girdi-zemin) 0%, var(--tema-yuzey-ikincil) 100%);
}

.ciftci-kredisi-sonuc-uyari {
    border-color: var(--tema-hata-cizgi);
    background: var(--tema-hata-zemin);
    color: var(--tema-hata-metin);
}

.ciftci-kredisi-ozet-kutu p,
.ciftci-kredisi-ic-kutu p,
.ciftci-kredisi-sonuc-kutu p,
.ciftci-kredisi-sozlesme p,
.ciftci-kredisi-taksit-karti p {
    margin: 0;
}

.ciftci-kredisi-ozet-kutu p + p,
.ciftci-kredisi-ic-kutu p + p,
.ciftci-kredisi-sonuc-kutu p + p,
.ciftci-kredisi-sozlesme p + p,
.ciftci-kredisi-taksit-karti p + p {
    margin-top: 0.65rem;
}

.ciftci-kredisi-formu,
.ciftci-kredisi-onay-formu {
    margin: 0;
}

.ciftci-kredisi-formu button,
.ciftci-kredisi-onay-formu button {
    width: 100%;
    min-width: 0;
    justify-content: center;
    text-align: center;
    line-height: 1.45;
}

@media (min-width: 980px) {
    .ciftci-kredisi-ozet-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Amac: Pazar sayfasinda urun kartlarini ve satis bloklarini daha net gostermek. */
.pazar-ozet {
    background: linear-gradient(180deg, var(--tema-panel) 0%, var(--tema-yuzey-ikincil) 100%);
}

.pazar-ust-bolum {
    display: grid;
    gap: 1rem;
}

.pazar-bolum-gezinme {
    display: grid;
    gap: 0.75rem;
    align-items: stretch;
}

.pazar-bolum-gezinme .action-link {
    width: 100%;
    justify-content: center;
    text-align: center;
}

.pazar-bakiye-satiri {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0;
    font-size: clamp(1rem, 1.2vw, 1.2rem);
}

.pazar-bakiye-icerik {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    flex-wrap: wrap;
}

.pazar-bakiye-tutar {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
}

.pazar-bakiye-satiri strong {
    font-size: clamp(1.2rem, 1.8vw, 1.55rem);
}

.pazar-kart-listesi {
    display: grid;
    gap: 1rem;
}

.pazar-bolum-paneli {
    gap: 1.25rem;
}

.pazar-bolum-icerigi {
    align-items: start;
}

.pazar-karti {
    display: grid;
    gap: 1rem;
    align-content: start;
    border: 1px solid var(--tema-cizgi);
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, var(--tema-panel) 100%) !important;
    box-shadow: 0 10px 24px rgba(41, 37, 36, 0.06);
}

.pazar-karti > h2 {
    margin-bottom: 0;
}

.pazar-durum-kutu,
.pazar-vurgu-kutu,
.pazar-islem-kutu,
.pazar-hizli-satis-kutu {
    display: grid;
    gap: 0.65rem;
    padding: 1rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1rem;
    background: var(--tema-girdi-zemin);
}

.pazar-vurgu-kutu {
    background: linear-gradient(180deg, var(--tema-girdi-zemin) 0%, var(--tema-yuzey-ikincil) 100%);
}

.pazar-durum-kutu p,
.pazar-vurgu-kutu p {
    margin: 0;
}

.pazar-islem-kutu > * + *,
.pazar-formu > * + * {
    margin-top: 0;
}

.pazar-bos-durum {
    margin: 0;
    padding: 1rem;
    border: 1px dashed var(--tema-cizgi);
    border-radius: 1rem;
    background: var(--tema-girdi-zemin);
}

.pazar-formu {
    margin: 0;
}

.pazar-formu .field-label {
    display: block;
    line-height: 1.45;
}

.pazar-miktar-girdisi {
    width: 100%;
    max-width: 100%;
    min-height: 3rem;
}

.pazar-formu button {
    width: 100%;
    min-width: 0;
    min-height: 3.1rem;
    justify-content: center;
    text-align: center;
    line-height: 1.45;
}

@media (min-width: 980px) {
    .pazar-bolum-gezinme {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .pazar-kart-listesi {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 639px) {
    .pazar-bakiye-satiri {
        align-items: flex-start;
    }

    .pazar-bakiye-icerik {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }

    .pazar-miktar-girdisi {
        max-width: 100%;
    }
}

/* Amaç: Kasap sayfasında kesim akışını daha düzenli ve anlaşılır göstermek. */
.kasap-ozet {
    background: linear-gradient(180deg, var(--tema-panel) 0%, var(--tema-yuzey-ikincil) 100%);
}

.kasap-bakiye-satiri {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0;
    font-size: clamp(1rem, 1.2vw, 1.2rem);
}

.kasap-bakiye-satiri strong {
    font-size: clamp(1.2rem, 1.8vw, 1.55rem);
}

.kasap-bolumu {
    display: grid;
    gap: 1rem;
}

.kasap-bolumu > h2 {
    margin-bottom: 0;
}

.kasap-kart-listesi {
    display: grid;
    gap: 1rem;
}

.kasap-karti {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1.15rem;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, var(--tema-panel) 100%);
}

.kasap-karti > h3 {
    margin-bottom: 0;
}

.kasap-detay {
    display: grid;
    gap: 0.85rem;
}

.kasap-detay > summary {
    cursor: pointer;
    font-weight: 700;
}

.kasap-detay > * + * {
    margin-top: 0;
}

.kasap-durum-kutu,
.kasap-islem-kutu,
.kasap-vurgu-kutu {
    display: grid;
    gap: 0.65rem;
    padding: 1rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1rem;
    background: var(--tema-girdi-zemin);
}

.kasap-vurgu-kutu {
    background: linear-gradient(180deg, var(--tema-girdi-zemin) 0%, var(--tema-yuzey-ikincil) 100%);
}

.kasap-durum-kutu p,
.kasap-vurgu-kutu p {
    margin: 0;
}

.kasap-formu {
    margin: 0;
}

.kasap-formu button {
    width: 100%;
    min-width: 0;
    min-height: 3.1rem;
    justify-content: center;
    text-align: center;
    line-height: 1.45;
}

.kasap-bos-durum p {
    margin-bottom: 0;
}

@media (min-width: 980px) {
    .kasap-kart-listesi {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Amaç: Sıralama sayfasında üst özetleri hafifletip ana tabloyu öne çıkarmak. */
.siralama-sayfa {
    display: grid;
    gap: 1.5rem;
}

.siralama-baslik-alani h1 {
    margin-bottom: 0;
}

.siralama-ust-grid {
    display: grid;
    gap: 1rem;
}

.siralama-bolum {
    display: grid;
    gap: 1rem;
}

.siralama-bolum > h2 {
    margin-bottom: 0;
}

.siralama-bilgi-listesi,
.siralama-detay-listesi {
    display: grid;
    gap: 0.85rem;
    margin: 0;
}

.siralama-bilgi-karti,
.siralama-detay-karti,
.siralama-uyari-kutusu {
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1rem;
    background: var(--tema-girdi-zemin);
}

.siralama-bilgi-karti dt,
.siralama-detay-karti dt {
    font-weight: 700;
    color: var(--tema-metin);
}

.siralama-bilgi-karti dd,
.siralama-detay-karti dd,
.siralama-uyari-kutusu p {
    margin: 0;
    color: var(--tema-metin-yumusak);
}

.siralama-ozet-grid {
    display: grid;
    gap: 0.85rem;
}

.siralama-ozet-karti {
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1rem;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, var(--tema-panel) 100%);
}

.siralama-ozet-karti p {
    margin: 0;
    color: var(--tema-metin-yumusak);
}

.siralama-ozet-karti strong {
    font-size: 1.1rem;
    color: var(--tema-metin);
}

.siralama-tablo-bolumu {
    background: linear-gradient(180deg, var(--tema-panel) 0%, var(--tema-yuzey-ikincil) 100%);
}

.siralama-tablo-sarmal {
    overflow-x: auto;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1rem;
    background: var(--tema-girdi-zemin);
}

.siralama-tablosu {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    text-align: left;
}

.siralama-tablosu thead {
    background: var(--tema-yuzey-ikincil);
}

.siralama-tablosu th,
.siralama-tablosu td {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--tema-cizgi);
    vertical-align: top;
}

.siralama-tablosu tbody tr:last-child th,
.siralama-tablosu tbody tr:last-child td {
    border-bottom: 0;
}

.siralama-tablosu tbody th[scope="row"] {
    font-weight: 700;
}

.siralama-benim-satirim {
    background: var(--tema-eylem-zemin);
    color: var(--tema-metin);
}

@media (min-width: 980px) {
    .siralama-ust-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
        align-items: start;
    }

    .siralama-ozet-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .siralama-detay-listesi {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Amaç: Oyun ayarları sayfasında ayar bloklarını daha düzenli ve anlaşılır göstermek. */
.oyun-ayarlari-sayfa {
    display: grid;
    gap: 1.5rem;
}

.oyun-ayarlari-ust-grid,
.oyun-ayarlari-alt-grid {
    display: grid;
    gap: 1rem;
}

.oyun-ayarlari-karti {
    display: grid;
    gap: 1rem;
}

.oyun-ayarlari-karti > h2 {
    margin-bottom: 0;
}

.oyun-ayarlari-formu {
    margin: 0;
}

.oyun-ayarlari-alt-kutu,
.oyun-ayarlari-bilgi-kutusu {
    display: grid;
    gap: 0.65rem;
    padding: 1rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1rem;
    background: var(--tema-girdi-zemin);
}

.oyun-ayarlari-bilgi-kutusu p {
    margin: 0;
}

.oyun-ayarlari-pasif-karti {
    opacity: 0.82;
}

.oyun-ayarlari-formu .actions {
    margin-top: 0;
}

.oyun-ayarlari-formu .secondary {
    min-width: 0;
}

.auth-sayfa {
    display: grid;
    gap: 1.5rem;
}

.auth-ust {
    display: grid;
    gap: 0.75rem;
}

.auth-ust .muted {
    margin: 0;
}

.auth-kart {
    padding: 1.5rem;
    border-radius: 1.7rem;
}

.auth-form {
    display: grid;
    gap: 1rem;
}

.auth-form > button {
    width: 100%;
    justify-content: center;
    min-height: 3.2rem;
}

.auth-alan {
    display: grid;
    gap: 0.45rem;
}

.auth-alan input {
    min-height: 3.2rem;
}

.auth-alan-baslik {
    font-weight: 700;
    color: var(--tema-metin);
}

.auth-aciklama {
    margin: 0;
    color: var(--tema-metin-yumusak);
    font-size: 0.95rem;
    line-height: 1.5;
    max-width: 52ch;
}

.auth-hatirla {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    border: 1px solid var(--tema-cizgi);
    background: var(--tema-yuzey-ikincil);
    border-radius: 1rem;
    padding: 0.9rem 1rem;
    font-weight: 700;
    color: var(--tema-metin);
}

.auth-hatirla input {
    width: 1.15rem;
    height: 1.15rem;
    margin-top: 0.2rem;
    padding: 0;
}

.auth-alt-baglanti {
    margin: 0;
}

.auth-alt-baglanti .action-link {
    width: 100%;
}

.auth-vurgu-grid {
    display: grid;
    gap: 1rem;
    margin-top: 0.25rem;
}

.auth-vurgu-karti {
    padding: 1.15rem 1.2rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1.15rem;
    background: linear-gradient(180deg, var(--tema-panel) 0%, var(--tema-yuzey-ikincil) 100%);
    box-shadow: 0 14px 32px rgba(28, 25, 23, 0.06);
}

.auth-vurgu-karti > h2 {
    margin-bottom: 0.75rem;
}

.auth-vurgu-listesi {
    display: grid;
    gap: 0.8rem;
}

.auth-vurgu-listesi p {
    margin: 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 0.95rem;
    background: var(--tema-girdi-zemin);
}

.mesaj-yonlendirme-listesi {
    display: grid;
    gap: 1rem;
}

.mesaj-yonlendirme-karti {
    display: grid;
    gap: 0.35rem;
    text-decoration: none;
}

.mesaj-yonlendirme-karti > :first-child {
    margin-top: 0;
}

.mesaj-yonlendirme-karti > :last-child {
    margin-bottom: 0;
}

.mesaj-yonlendirme-karti strong {
    color: var(--tema-baglanti);
}

.mesaj-ozet-karti {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.mesaj-detay-karti {
    padding: 1.5rem;
}

.mesaj-detay-karti > :first-child {
    margin-top: 0;
}

.mesaj-detay-karti > :last-child {
    margin-bottom: 0;
}

.mesaj-icerik-kutusu {
    border: 1px solid var(--tema-cizgi);
    background: var(--tema-yuzey-ikincil);
    border-radius: 1rem;
    padding: 1rem 1.1rem;
    white-space: pre-wrap;
}

.mesaj-liste-karti h2 {
    margin-bottom: 0.3rem;
    font-size: 1.05rem;
}

/* Amac: Header baglantili sayfalarda ust bloklari ve kart ritmini daha tutarli gostermek. */
.sayfa-ust-blok {
    display: grid;
    gap: 1rem;
    padding: 1.3rem 1.4rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1.65rem;
    background:
        radial-gradient(circle at top right, rgba(163, 230, 53, 0.16), transparent 34%),
        linear-gradient(180deg, var(--tema-panel) 0%, var(--tema-yuzey-ikincil) 100%);
    box-shadow: 0 14px 32px rgba(28, 25, 23, 0.06);
}

.sayfa-ust-blok > :first-child {
    margin-top: 0;
}

.sayfa-ust-blok > :last-child {
    margin-bottom: 0;
}

.sayfa-ust-blok .ikonlu-baslik,
.sayfa-ust-blok .ikonlu-bakiye {
    margin: 0;
}

.sayfa-ust-blok p {
    max-width: 64ch;
}

.sayfa-ust-blok .actions {
    row-gap: 0.65rem;
}

.sayfa-ust-blok > .card {
    margin: 0;
    box-shadow: none;
    background: var(--tema-girdi-zemin);
}

.sayfa-bahce .content > section,
.sayfa-depolar .content > section,
.sayfa-yem-su .content > section,
.sayfa-pazar .content > section,
.sayfa-balikcilik .content > section,
.sayfa-oyun-ayarlari .oyun-ayarlari-sayfa,
.sayfa-siralama .siralama-sayfa,
.sayfa-mesajlar .content > section,
.sayfa-mesaj-gelen .content > section,
.sayfa-mesaj-giden .content > section,
.sayfa-mesaj-gonder .content > section,
.hayvan-pazari-sayfa,
.kasap-sayfa {
    width: min(100%, 72rem);
    margin-inline: auto;
}

.sayfa-ciftci-kredisi .content > section,
.sayfa-mesajlar .content > section,
.sayfa-mesaj-gonder .content > section {
    width: min(100%, 60rem);
}

.sayfa-mesaj-gelen .content > section,
.sayfa-mesaj-giden .content > section,
.kasap-sayfa {
    width: min(100%, 64rem);
}

.sayfa-bahce .content > section > .space-y-3,
.sayfa-depolar .content > section > .space-y-3,
.sayfa-yem-su .content > section > .space-y-3,
.sayfa-ciftci-kredisi .content > section > .space-y-3,
.sayfa-mesajlar .content > section > .space-y-3,
.sayfa-mesaj-gelen .content > section > .space-y-3,
.sayfa-mesaj-giden .content > section > .space-y-3,
.sayfa-mesaj-gonder .content > section > .space-y-3,
.sayfa-siralama .siralama-baslik-alani,
.sayfa-pazar .pazar-ust-bolum,
.sayfa-oyun-ayarlari .oyun-ayarlari-sayfa > h1 {
    padding: 1.2rem 1.3rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at top right, rgba(132, 204, 22, 0.12), transparent 36%),
        linear-gradient(180deg, var(--tema-panel) 0%, var(--tema-yuzey-ikincil) 100%);
    box-shadow: 0 12px 28px rgba(28, 25, 23, 0.05);
}

.sayfa-oyun-ayarlari .oyun-ayarlari-sayfa > h1 {
    margin-bottom: 0;
}

.sayfa-balikcilik .balikcilik-ust-bolum {
    box-shadow: 0 16px 34px rgba(28, 25, 23, 0.08);
}

.sayfa-balikcilik .balikcilik-panel,
.sayfa-ciftci-kredisi .ciftci-kredisi-bolum,
.sayfa-oyun-ayarlari .oyun-ayarlari-karti,
.sayfa-siralama .siralama-bolum,
.sayfa-mesaj-gelen .mesaj-detay-karti,
.sayfa-mesaj-giden .mesaj-detay-karti,
.sayfa-mesaj-gonder .auth-kart,
.sayfa-mesajlar .mesaj-yonlendirme-karti,
.hayvan-pazari-bolumu,
.kasap-bolumu {
    box-shadow: 0 14px 32px rgba(28, 25, 23, 0.06);
}

.sayfa-ciftci-kredisi .ciftci-kredisi-bolum,
.sayfa-oyun-ayarlari .oyun-ayarlari-karti,
.sayfa-siralama .siralama-bolum,
.sayfa-mesaj-gonder .auth-kart,
.sayfa-mesajlar .mesaj-yonlendirme-karti,
.kasap-bolumu {
    background: linear-gradient(180deg, var(--tema-panel) 0%, var(--tema-yuzey-ikincil) 100%);
}

.sayfa-mesajlar .mesaj-yonlendirme-listesi {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.sayfa-mesajlar .mesaj-yonlendirme-karti {
    min-height: 100%;
    padding: 1.15rem 1.2rem;
    border-radius: 1.25rem;
}

.sayfa-mesaj-gelen .mesaj-ozet-karti,
.sayfa-mesaj-giden .card.space-y-4,
.sayfa-mesaj-gelen .card.space-y-4,
.sayfa-mesaj-gonder .auth-kart {
    border-color: var(--tema-cizgi);
    background: linear-gradient(180deg, var(--tema-panel) 0%, var(--tema-yuzey-ikincil) 100%);
}

.sayfa-mesaj-gelen .mesaj-ozet-karti {
    padding: 1rem 1.15rem;
    border: 1px solid var(--tema-cizgi);
    border-radius: 1.15rem;
    box-shadow: 0 12px 26px rgba(28, 25, 23, 0.05);
}

.sayfa-mesaj-gelen .mesaj-liste-karti,
.sayfa-mesaj-giden .mesaj-liste-karti {
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, var(--tema-panel) 100%);
    box-shadow: 0 12px 26px rgba(28, 25, 23, 0.05);
}

.sayfa-mesaj-gonder .auth-form,
.sayfa-mesaj-gelen .actions,
.sayfa-mesaj-giden .actions {
    align-items: stretch;
}

.hayvan-pazari-sayfa,
.kasap-sayfa {
    display: grid;
    gap: 1.5rem;
}

.hayvan-pazari-bolumu,
.kasap-bolumu {
    padding: 1.35rem;
    border-radius: 1.6rem;
}

.hayvan-pazari-kart-listesi,
.kasap-kart-listesi {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    align-items: start;
}

.hayvan-pazari-kart-listesi {
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}

.hayvan-pazari-kart-listesi > *,
.kasap-kart-listesi > * {
    margin-top: 0 !important;
}

.hayvan-pazari-karti,
.kasap-karti {
    height: 100%;
    box-shadow: 0 12px 26px rgba(28, 25, 23, 0.05);
}

.hayvan-pazari-detay,
.hayvan-pazari-formu {
    border-color: var(--tema-cizgi) !important;
    background: var(--tema-girdi-zemin) !important;
}

.sayfa-yem-su .yem-su-karti,
.sayfa-depolar .depolar-karti,
.sayfa-bahce .bahce-durum-karti,
.sayfa-bahce .bahce-urun-karti,
.sayfa-pazar .pazar-karti,
.sayfa-balikcilik .balikcilik-tekne-karti {
    box-shadow: 0 12px 26px rgba(28, 25, 23, 0.05);
}

.sayfa-yem-su .yem-su-kart-listesi,
.sayfa-depolar .depolar-kart-listesi,
.sayfa-bahce .bahce-kart-listesi,
.sayfa-pazar .pazar-kart-listesi {
    gap: 1.15rem;
}

.sayfa-balikcilik #liman-bolumu,
.sayfa-balikcilik #balikcilik-aktif-liste {
    display: grid;
    gap: 1rem;
}

/* Amac: Veri sifirlandiginda bos durum kartlarini daha derli toplu gostermek. */
.sayfa-kasap .kasap-bos-durum {
    display: grid;
    gap: 0.85rem;
    min-height: 8.5rem;
    align-content: center;
    padding: 1.35rem;
    background:
        radial-gradient(circle at top right, rgba(132, 204, 22, 0.12), transparent 36%),
        linear-gradient(180deg, var(--tema-panel) 0%, var(--tema-yuzey-ikincil) 100%);
    box-shadow: 0 14px 30px rgba(28, 25, 23, 0.06);
}

.sayfa-kasap .kasap-bos-durum h2,
.sayfa-kasap .kasap-bos-durum p {
    margin: 0;
}

.sayfa-ciftci-kredisi .ciftci-kredisi-bolum > p:first-of-type,
.sayfa-mesaj-gelen #gelen-mesaj-liste-alani > p,
.sayfa-mesaj-giden .card.space-y-4 > p {
    margin: 0;
    padding: 1rem 1.05rem;
    border: 1px dashed var(--tema-cizgi);
    border-radius: 1rem;
    background: linear-gradient(180deg, var(--tema-yuzey-ikincil) 0%, var(--tema-panel) 100%);
    color: var(--tema-metin-yumusak);
}

.sayfa-ciftci-kredisi .ciftci-kredisi-bolum > button,
.sayfa-ciftci-kredisi .ciftci-kredisi-bolum > form > button {
    align-self: start;
}

.sayfa-mesaj-gelen .card.space-y-4,
.sayfa-mesaj-giden .card.space-y-4 {
    min-height: 11rem;
    align-content: start;
}

.sayfa-mesaj-gelen #gelen-mesaj-liste-alani,
.sayfa-mesaj-giden .card.space-y-4 > ul {
    margin-top: 0.25rem;
}

@media (max-width: 720px) {
    .sayfa-ust-blok,
    .sayfa-bahce .content > section > .space-y-3,
    .sayfa-depolar .content > section > .space-y-3,
    .sayfa-yem-su .content > section > .space-y-3,
    .sayfa-ciftci-kredisi .content > section > .space-y-3,
    .sayfa-mesajlar .content > section > .space-y-3,
    .sayfa-mesaj-gelen .content > section > .space-y-3,
    .sayfa-mesaj-giden .content > section > .space-y-3,
    .sayfa-mesaj-gonder .content > section > .space-y-3,
    .sayfa-siralama .siralama-baslik-alani,
    .sayfa-pazar .pazar-ust-bolum,
    .sayfa-oyun-ayarlari .oyun-ayarlari-sayfa > h1 {
        padding: 1rem 1.05rem;
    }

    .sayfa-mesajlar .mesaj-yonlendirme-listesi,
    .hayvan-pazari-kart-listesi,
    .kasap-kart-listesi {
        grid-template-columns: 1fr;
    }

    .mesaj-ozet-karti {
        flex-direction: column;
        align-items: flex-start;
    }

    .sayfa-ust-blok .actions,
    .mesaj-ozet-karti .actions {
        width: 100%;
    }
}

@media (min-width: 1080px) {
    .sayfa-balikcilik #liman-bolumu,
    .sayfa-balikcilik #balikcilik-aktif-liste {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Amac: Alt kisimdaki yonetim kutusunu daha derli toplu ve daha az baskin gostermek. */
.admin-panel-blok {
    display: grid;
    gap: 0.45rem;
    width: min(100%, 32rem);
    max-width: 32rem;
    padding: 1rem 1.1rem;
}

.admin-panel-blok br {
    display: none;
}

.admin-panel-blok > a {
    width: fit-content;
    font-size: 0.92rem;
}

.admin-panel-blok > h2 {
    margin: 0;
    font-size: 1rem;
    line-height: 1.35;
}

.admin-panel-blok > div {
    max-width: 22rem;
}

.admin-panel-blok select {
    min-height: 2.75rem;
}

@media (min-width: 980px) {
    .oyun-ayarlari-ust-grid,
    .oyun-ayarlari-alt-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }
}