/* =============================================================================
   app-switch yapısı burada; renk token’ları reset.css :root (--app-switch-*).
   ============================================================================= */

/* ---------- Partial: MusteriAra (reset.css :root — gorusme-test / isliste-tb token’ları) ---------- */
.musteriarapage.onepage > .head {
    background: linear-gradient(135deg, var(--gorusme-test-accent) 0%, var(--gorusme-test-accent-hover) 52%, #0f766e 100%);
    padding: 1.25rem 1.25rem 1rem 1.25rem;
    box-shadow: 0 4px 24px rgba(13, 148, 136, 0.28);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.musteriarapage.onepage > .head > h2 {
    color: var(--gorusme-test-surface) !important;
    font-weight: 600;
    font-size: 1.05rem;
    letter-spacing: -0.02em;
    line-height: 1.35;
    text-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
}

.musteriarapage.onepage > .bottompage {
    background: var(--gorusme-test-page-bg);
    padding: 1.25rem 1rem 2rem;
}

.musteriara-search-card {
    background: var(--gorusme-test-surface);
    border-radius: var(--gorusme-test-radius);
    padding: 1.35rem 1.5rem;
    margin-bottom: 1.15rem;
    box-shadow: var(--gorusme-test-shadow);
    border: 1px solid var(--gorusme-test-border);
}

.musteriara-search-card h3 {
    margin: 0 0 14px 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--gorusme-test-text);
}

.musteriara-search-wrap {
    display: flex;
    gap: 12px;
    align-items: center;
    max-width: 420px;
}

.musteriara-search-wrap input {
    flex: 1;
    padding: 12px 16px;
    font-size: 1rem;
    border: 1px solid var(--gorusme-test-border);
    border-radius: var(--gorusme-test-radius-sm);
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: var(--gorusme-test-surface);
    color: var(--gorusme-test-text);
}

.musteriara-search-wrap input:focus {
    border-color: var(--gorusme-test-accent);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.22);
}

.musteriara-search-wrap input::placeholder {
    color: var(--gorusme-test-text-muted);
}

.musteriara-search-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    background: linear-gradient(180deg, var(--gorusme-test-accent) 0%, var(--gorusme-test-accent-hover) 100%);
    color: var(--gorusme-test-surface);
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: var(--gorusme-test-radius-sm);
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.2s, transform 0.1s, box-shadow 0.2s;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(13, 148, 136, 0.28);
}

.musteriara-search-btn:hover {
    filter: brightness(1.06);
    box-shadow: 0 4px 14px rgba(13, 148, 136, 0.35);
}

.musteriara-search-btn:active {
    transform: scale(0.98);
}

.musteriara-search-btn .material-symbols-outlined {
    font-size: 20px;
}

.musteriara-hint {
    margin-top: 8px;
    font-size: 0.8rem;
    color: var(--gorusme-test-text-muted);
}

#musteriara_butonlar.musteriara-butonlar-card,
#musteriara_butonlar {
    margin-top: 1.25rem;
    padding: 1.1rem 1.25rem 1.25rem;
    background: linear-gradient(145deg, var(--gorusme-test-accent-hover) 0%, var(--gorusme-test-accent) 48%, #0d9488 100%);
    border-radius: var(--gorusme-test-radius);
    box-shadow:
        0 8px 28px rgba(13, 148, 136, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

#musteriara_butonlar .mb10,
#musteriara_butonlar > p {
    color: var(--gorusme-test-surface) !important;
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0 0 0.85rem 0 !important;
    opacity: 0.95;
}

#musteriara_butonlar .ikili {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

#musteriara_butonlar .musteriara-teklif-btn,
#musteriara_butonlar .musteriara-sozlesme-btn,
#musteriara_butonlar .musteriara-opsiyon-btn {
    background: rgba(255, 255, 255, 0.97) !important;
    color: var(--gorusme-test-accent-hover) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    padding: 11px 18px;
    border-radius: var(--gorusme-test-radius-sm);
    font-weight: 600;
    font-size: 0.88rem;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.1);
}

#musteriara_butonlar .musteriara-teklif-btn:hover,
#musteriara_butonlar .musteriara-sozlesme-btn:hover,
#musteriara_butonlar .musteriara-opsiyon-btn:hover {
    background: var(--gorusme-test-surface) !important;
    color: #0f766e !important;
    border-color: rgba(255, 255, 255, 0.85) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.14);
}

#musteriara_butonlar .material-symbols-outlined {
    color: var(--gorusme-test-accent) !important;
    font-size: 20px;
}

#musteriara_butonlar .musteriara-teklif-btn:hover .material-symbols-outlined,
#musteriara_butonlar .musteriara-sozlesme-btn:hover .material-symbols-outlined,
#musteriara_butonlar .musteriara-opsiyon-btn:hover .material-symbols-outlined {
    color: var(--gorusme-test-accent-hover) !important;
}

#musteriadd.musteriara-results {
    background: var(--gorusme-test-surface);
    border-radius: var(--gorusme-test-radius);
    padding: 1.25rem 1.35rem;
    box-shadow: var(--gorusme-test-shadow);
    border: 1px solid var(--gorusme-test-border);
}

#musteriadd.musteriara-results fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

#musteriadd.musteriara-results legend {
    font-size: 1rem;
    font-weight: 600;
    color: var(--gorusme-test-text);
    margin-bottom: 16px;
}

#musteriadd.musteriara-results table {
    width: 100%;
    border-collapse: collapse;
}

#musteriadd.musteriara-results table thead td {
    background: var(--gorusme-test-page-bg);
    padding: 12px 14px;
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--gorusme-test-text-muted);
    border-bottom: 2px solid var(--gorusme-test-border);
}

#musteriadd.musteriara-results table tbody td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--gorusme-test-border);
    font-size: 0.9rem;
    color: var(--gorusme-test-text);
}

#musteriadd.musteriara-results table tbody tr:hover {
    background: var(--gorusme-test-page-bg);
}

#musteriadd .musteriara-hide-col { display: none !important; }
#musteriadd .musteriara-table { margin-top: 0; }

.kayitlimusterilist.musteriara-results .musteriara-table {
    border-radius: var(--gorusme-test-radius-sm);
    overflow: hidden;
    box-shadow: 0 1px 3px var(--isliste-tb-shadow);
}

.kayitlimusterilist.musteriara-results .musteriara-table thead tr {
    background: linear-gradient(180deg, var(--gorusme-test-page-bg) 0%, #e2e8f0 100%);
}

.kayitlimusterilist.musteriara-results .musteriara-table thead td {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.045em;
    color: var(--gorusme-test-text-muted);
    padding: 14px 16px;
    border: none;
}

.kayitlimusterilist.musteriara-results .musteriara-table tbody tr {
    transition: background 0.15s ease;
}

.kayitlimusterilist.musteriara-results .musteriara-table tbody tr:nth-child(even) {
    background: rgba(241, 245, 249, 0.55);
}

.kayitlimusterilist.musteriara-results .musteriara-table tbody tr:hover {
    background: var(--gorusme-test-info-bg) !important;
}

.kayitlimusterilist.musteriara-results .musteriara-table tbody td {
    padding: 14px 16px;
    border-bottom: 1px solid var(--gorusme-test-border);
    color: var(--gorusme-test-text);
}

.kayitlimusterilist.musteriara-results .musteriara-table tbody td:first-child {
    font-weight: 600;
    color: var(--gorusme-test-accent-hover);
}

.kayitlimusterilist.musteriara-results .musteriara-table tbody tr.musteriara-projede {
    background: linear-gradient(90deg, var(--gorusme-test-info-bg) 0%, var(--gorusme-test-surface) 100%) !important;
}

.kayitlimusterilist.musteriara-results .musteriara-table tbody tr.musteriara-projede:hover {
    background: linear-gradient(90deg, #ccfbf1 0%, var(--gorusme-test-info-bg) 100%) !important;
}

.kayitlimusterilist.musteriara-results .musteriara-table .musteriara-proje-check {
    width: 36px;
    text-align: center;
    color: var(--gorusme-test-accent);
}

.kayitlimusterilist.musteriara-results .musteriara-table .musteriara-proje-check .material-symbols-outlined {
    font-size: 20px;
}

.kayitlimusterilist.musteriara-results .musteriara-table thead .musteriara-proje-check-col {
    width: 36px;
    text-align: center;
}

.kayitlimusterilist.musteriara-results .kayitolustur.kopyala {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: var(--gorusme-test-radius-sm);
    cursor: pointer;
    transition: background 0.2s, transform 0.1s, box-shadow 0.2s;
    background: var(--gorusme-test-info-bg) !important;
    border: 1px solid var(--gorusme-test-info-border) !important;
    color: var(--gorusme-test-accent-hover) !important;
}

.kayitlimusterilist.musteriara-results .kayitolustur.kopyala:hover {
    transform: scale(1.04);
    box-shadow: 0 2px 10px rgba(13, 148, 136, 0.2);
}

.kayitlimusterilist.musteriara-results .musteriara-sec-alan {
    margin-top: 20px;
    padding: 16px 20px;
    background: linear-gradient(135deg, var(--gorusme-test-info-bg) 0%, var(--gorusme-test-surface) 100%);
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid var(--gorusme-test-info-border);
}

.kayitlimusterilist.musteriara-results .musteriara-sec-alan p {
    margin: 0 0 12px 0;
    color: var(--gorusme-test-text);
    font-size: 0.95rem;
}

.kayitlimusterilist.musteriara-results .musteriara-sec-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.kayitlimusterilist.musteriara-results .musteriara-sec {
    padding: 10px 18px;
    border-radius: var(--gorusme-test-radius-sm);
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.kayitlimusterilist.musteriara-form-wrap {
    background: var(--gorusme-test-surface);
    border-radius: var(--gorusme-test-radius);
    padding: 1.35rem 1.5rem;
    box-shadow: var(--gorusme-test-shadow);
    border: 1px solid var(--gorusme-test-border);
}

.kayitlimusterilist.musteriara-form-wrap .green.button,
.kayitlimusterilist #musterikayit .green.button {
    padding: 12px 24px;
    border-radius: var(--gorusme-test-radius-sm, 8px);
    font-weight: 600;
    font-size: 0.95rem;
    background: linear-gradient(180deg, var(--gorusme-test-accent) 0%, var(--gorusme-test-accent-hover) 100%) !important;
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    color: var(--gorusme-test-surface) !important;
}

@media (max-width: 600px) {
    .kayitlimusterilist.musteriara-form-wrap .app-form-grid:not(.app-form-grid--range),
    .kayitlimusterilist #musterikayit .app-form-grid:not(.app-form-grid--range) {
        grid-template-columns: 1fr;
    }
}

/* ---------- Fiyat Opsiyonlama (FiyatOpsiyonla.cshtml — _Layoutbos) ---------- */
@keyframes fo-spin {
    to { transform: rotate(360deg); }
}

.fo-page {
    width: 100%;
}

.fo-card {
    background: var(--gorusme-test-surface);
    border-radius: var(--gorusme-test-radius);
    box-shadow: var(--gorusme-test-shadow);
    overflow: hidden;
    border: 1px solid var(--gorusme-test-border);
}

.fo-header {
    background: linear-gradient(135deg, var(--gorusme-test-accent) 0%, var(--gorusme-test-accent-hover) 55%, #0f766e 100%);
    color: var(--gorusme-test-surface);
    padding: 1.15rem 1.35rem;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1);
}

.fo-header h2 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: -0.02em;
    color: var(--app-switch-thumb-bg);
}

.fo-header h2 .material-symbols-outlined {
    font-size: 24px;
    opacity: 0.95;
    color: var(--app-switch-thumb-bg);
}

.fo-body {
    padding: 1.35rem 1.35rem 1.25rem;
    background: var(--gorusme-test-surface);
}

.fo-field {
    margin-bottom: 1.15rem;
}

.fo-field label {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--gorusme-test-text-muted);
    margin-bottom: 8px;
}

.fo-field input,
.fo-field select,
.fo-field textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--gorusme-test-border);
    border-radius: var(--gorusme-test-radius-sm);
    font-size: 14px;
    font-family: inherit;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: var(--gorusme-test-surface);
    color: var(--gorusme-test-text);
}

.fo-field input:focus,
.fo-field select:focus,
.fo-field textarea:focus {
    outline: none;
    border-color: var(--gorusme-test-accent);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.2);
}

.fo-field input.error,
.fo-field select.error {
    border-color: var(--gorusme-test-danger);
}

.fo-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.fo-row .fo-field:only-child {
    grid-column: 1 / -1;
}

.fo-textarea {
    min-height: 90px;
    resize: vertical;
}

.fo-actions {
    display: flex;
    gap: 12px;
    padding: 1.1rem 1.35rem;
    background: var(--gorusme-test-page-bg);
    border-top: 1px solid var(--gorusme-test-border);
}

.fo-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    border: none;
    border-radius: var(--gorusme-test-radius-sm);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.2s, transform 0.15s, box-shadow 0.2s, background 0.2s;
}

.fo-btn-save {
    background: linear-gradient(180deg, var(--gorusme-test-success) 0%, #15803d 100%);
    color: var(--gorusme-test-surface);
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 2px 10px rgba(22, 163, 74, 0.28);
}

.fo-btn-save:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(22, 163, 74, 0.35);
}

.fo-btn-close {
    background: var(--gorusme-test-surface);
    color: var(--gorusme-test-text-muted);
    border: 1px solid var(--gorusme-test-border);
}

.fo-btn-close:hover {
    background: var(--gorusme-test-page-bg);
    color: var(--gorusme-test-text);
}

.fo-loading {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.88);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border-radius: var(--gorusme-test-radius);
}

.fo-loading.hidden {
    display: none;
}

.fo-loading-icon {
    font-size: 32px;
    color: var(--gorusme-test-accent);
    animation: fo-spin 1s linear infinite;
}

.fo-form-wrap {
    position: relative;
}

.fo-success {
    display: none;
    padding: 1.35rem;
    background: var(--gorusme-test-surface);
}

.fo-success.show {
    display: block;
}

.fo-form-wrap.hidden {
    display: none;
}

.fo-success-icon {
    width: 56px;
    height: 56px;
    background: linear-gradient(145deg, var(--gorusme-test-success) 0%, #15803d 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gorusme-test-surface);
    font-size: 28px;
    margin: 0 auto 16px;
    box-shadow: 0 4px 16px rgba(22, 163, 74, 0.35);
}

.fo-success-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--gorusme-test-text);
    text-align: center;
    margin-bottom: 1.15rem;
}

.fo-success-info {
    background: var(--gorusme-test-info-bg);
    border: 1px solid var(--gorusme-test-info-border);
    border-radius: var(--gorusme-test-radius-sm);
    padding: 1rem 1.1rem;
}

.fo-success-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid rgba(153, 246, 228, 0.65);
    font-size: 13px;
    gap: 12px;
}

.fo-success-row:last-child {
    border-bottom: none;
}

.fo-success-row span:first-child {
    color: var(--gorusme-test-text-muted);
    font-weight: 500;
}

.fo-success-row span:last-child {
    color: var(--gorusme-test-text);
    font-weight: 600;
    text-align: right;
}

.fo-success-actions {
    margin-top: 1.25rem;
    display: flex;
    justify-content: center;
}

.fo-result-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    margin-top: 12px;
}

.fo-result-table th,
.fo-result-table td {
    padding: 8px 10px;
    border: 1px solid var(--gorusme-test-border);
    text-align: left;
}

.fo-result-table th {
    background: var(--gorusme-test-page-bg);
    color: var(--gorusme-test-text-muted);
    font-weight: 600;
}

.fo-result-table tr:nth-child(even) {
    background: rgba(241, 245, 249, 0.45);
}

.fo-result-sonuc-ok {
    color: var(--gorusme-test-success);
    font-weight: 600;
}

.fo-result-sonuc-skip {
    color: var(--gorusme-test-danger);
    font-weight: 600;
}

.fo-result-table-wrap {
    max-height: 200px;
    overflow-y: auto;
    margin-top: 12px;
}

.slider-range {
    display: flex;
    align-items: center;
    gap: 12px;
}

.slider-range input[type="range"] {
    flex: 1;
    min-width: 120px;
    height: 8px;
    -webkit-appearance: none;
    appearance: none;
    background: var(--gorusme-test-border);
    border-radius: 4px;
}

.slider-range input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: var(--gorusme-test-accent);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(13, 148, 136, 0.45);
}

.slider-range input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: var(--gorusme-test-accent);
    border-radius: 50%;
    cursor: pointer;
    border: none;
    box-shadow: 0 2px 6px rgba(13, 148, 136, 0.45);
}

.slider-range #opsiyonlamaSuresiVal {
    font-weight: 600;
    color: var(--gorusme-test-text);
    min-width: 1.5em;
}

.main {
}

.mainbar {
    width: 100%;
    height: 100%;
    padding-top: 30px;
}

.boslayout {
}

/* _Layoutbos + partial=1 (modal iframe): dar çerçeve, taşmayı azalt */
.boslayout-html--partial .main.boslayout--partial {
    padding: 8px 6px 16px;
    box-sizing: border-box;
    max-width: 100%;
}

.headbar {
    background: #000;
    padding: 0px 25px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
}

    .headbar > div {
        margin: 0 auto;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .headbar > div > div {
        }

            .headbar > div > div:first-child {
                display: flex;
                flex-direction: row;
                align-items: center;
            }

            .headbar > div > div:last-child {
                display: flex
            }

            .headbar > div > div:first-child img {
                width: 30px;
            }

            .headbar > div > div:nth-child(2) {
                max-width: inherit;
            }

                .headbar > div > div:nth-child(2) > form {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    padding: 5px 8px;
                    background: #343434;
                    border: 1px solid #505050;
                    border-radius: 7px;
                    justify-content: space-between;
                }

                    .headbar > div > div:nth-child(2) > form > span {
                        width: calc(100% );
                    }

                        .headbar > div > div:nth-child(2) > form > span:first-child {
                            width: 25px;
                            color: #adb0b2;
                            font-size: 19px;
                        }

            .headbar > div > div input {
                width: 100%;
                border: 0;
                background: #343434;
                color: #fff;
            }

            .headbar > div > div a {
                color: #fff;
                font-size: 13px;
                font-weight: 500;
            }

.searchmenu {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    gap: 12px;
}

    .searchmenu > div {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
    }

.listbutton {
    display: flex
}

    .listbutton > form {
        display: flex
    }

    .listbutton div.item {
        margin-right: 10px;
        margin-bottom: 0;
    }

    .listbutton div.ite:last-child {
        margin-right: 0;
    }

.searchmenu .listbutton {
    margin-right: 10px;
}

.searchmenu > div button {
    margin-right: 10px
}

    .searchmenu > div button:last-child {
        margin-right: 10px
    }

.searchmenu > div:first-child {
    background: var(--gorusme-test-surface);
    padding: 6px 12px;
    border: 1px solid var(--gorusme-test-border);
    border-radius: var(--gorusme-test-radius-sm);
    box-shadow: 0 1px 3px var(--isliste-tb-shadow);
    width: 30%;
    min-width: 200px;
    max-width: 100%;
    transition: box-shadow 0.2s, border-color 0.2s;
}

.searchmenu > div:first-child:focus-within {
    border-color: var(--gorusme-test-accent);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15);
}

    .searchmenu > div:first-child input {
        border: 0;
        width: 100%;
        padding: 8px 10px;
        background: transparent;
        color: var(--gorusme-test-text);
        font-size: 13px;
    }

        .searchmenu > div:first-child input::placeholder {
            color: var(--gorusme-test-text-muted);
        }

.searchmenu > div span {
    font-size: 18px;
    font-weight: 500;
}

.searchmenu > div:first-child span {
    color: var(--gorusme-test-text-muted);
}

.searchmenu > div > p {
}

.islemler {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .islemler > a {
    }

    .islemler span {
        margin-right: 4px;
        padding: 5px;
        border-radius: 5px;
        font-size: 16px;
    }

span.delete {
    background: #b60000;
    color: #fff;
}

span.edit {
    background: #018e0c;
    color: #fff;
}

span.loglar {
    color: #fff;
    background: #d5804f;
}

.button {
    background: #ffffff;
    font-size: 13px;
    line-height: 21px;
    border: 1px solid #f1f1f1;
    padding: 3px 9px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
}

    .button span {
        font-size: 14px;
        font-weight: 600;
        margin-right: 4px;
    }

    .button.red {
        background: linear-gradient(180deg, var(--gorusme-test-danger) 0%, var(--gorusme-test-danger-hover) 100%);
        border: 1px solid var(--gorusme-test-danger-hover);
        box-shadow:
            0 1px 2px var(--isliste-tb-shadow),
            inset 0 1px 0 rgba(255, 255, 255, 0.2);
        transition:
            background 0.15s ease,
            border-color 0.15s ease,
            box-shadow 0.15s ease,
            filter 0.15s ease,
            transform 0.1s ease;
    }

    .button.red:hover {
        filter: brightness(1.07);
        box-shadow:
            0 3px 10px rgba(220, 38, 38, 0.32),
            inset 0 1px 0 rgba(255, 255, 255, 0.22);
    }

    .button.red:active {
        filter: brightness(0.94);
        transform: scale(0.98);
        box-shadow: 0 1px 2px var(--isliste-tb-shadow);
    }

    /* Birincil (eski .mavi ve .yeşil aynı görünüm — :root --app-btn-primary-*) */
    .button.blue,
    .button.green {
        background: var(--app-btn-primary-gradient);
        color: var(--app-btn-primary-text);
        border: 1px solid var(--app-btn-primary-border);
        box-shadow: var(--app-btn-primary-shadow);
        padding: 0.5rem 0.95rem;
        border-radius: var(--gorusme-test-radius-sm);
        font-weight: 600;
        transition: box-shadow 0.18s ease, transform 0.12s ease, filter 0.15s ease, border-color 0.15s ease;
    }

    .button.blue:hover,
    .button.green:hover {
        filter: brightness(1.06);
        box-shadow: var(--app-btn-primary-shadow-hover);
    }

    .button.blue:active,
    .button.green:active {
        transform: scale(0.98);
        filter: brightness(0.96);
    }

    .button.blue:focus-visible,
    .button.green:focus-visible {
        outline: 2px solid var(--gorusme-test-accent);
        outline-offset: 2px;
    }

    .button.yellow {
        background: #bd7619;
        border: 1px solid #ffad11;
    }

        .button.blue, .button.blue *, .button.yellow, .button.yellow *, .button.green, .button.green *, .button.red, .button.red * {
            color: #fff !important;
        }
        .button.red p,
        .button.green p,
        .button.blue p {
            margin: 0;
            font-weight: 600;
            font-size: 13px;
            line-height: 1.35;
        }




textarea {
}

a, a:hover {
    text-decoration: none;
}

b, strong {
    font-weight: bold;
}

ol, ul {
    list-style: none;
    margin: 0;
}

blockquote, q {
    quotes: none;
}

.red {
    color: #f00 !important
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.table.liste input, .table.liste textarea, .table.liste select, .table.liste input {
    font-size: 11px;
    line-height: 14px
}

.table.liste {
    min-width: 100%;
}

    .table.liste > thead {
        position: relative;
        z-index: 2;
    }

        .table.liste > thead > tr {
            border: 0;
        }

    /* Sütun başlıkları (toplu işlem satırı .bostr hariç) — reset :root */
    .table.liste > thead > tr:not(.bostr) > td {
        font-weight: 700;
        font-size: 10px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--app-form-control-text);
        background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
        border: none;
        border-right: 1px solid var(--app-switch-thumb-border);
        border-bottom: 1px solid var(--isliste-tb-border);
        box-shadow: inset 0 -1px 0 rgba(13, 148, 136, 0.22);
        height: auto;
        min-height: 38px;
        padding: 10px 10px;
        vertical-align: middle;
        white-space: nowrap;
    }

    .table.liste > thead > tr:not(.bostr) > td:last-child {
        border-right: none;
    }

    .table.liste > tfoot > tr > td {
        font-weight: 600;
        background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
        border-top: none;
        border-bottom: none;
        box-shadow: 0 -4px 18px -6px var(--isliste-tb-shadow);
        color: var(--gorusme-test-text);
        padding: 10px 12px !important;
        vertical-align: middle;
    }



td.csize {
}

.table.liste > thead > tr > td .urunlerisil {
    display: flex;
}

.table.liste > tfoot > tr > td .altbar {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 20px;
    max-width: 95vw;
    min-height: 44px;
    border-top: 1px solid var(--app-switch-thumb-border);
}

.tableGrid {
    display: grid;
    gap: 10px;
    align-items: center;
}

.Gridfour {
    grid-template-columns: repeat(4, 1fr); /* 4 eşit sütun */
}

.Gridtek {
    grid-template-columns: 1fr;
}


.cell {
    padding: 15px;
    font-size: 14px;
    line-height: 18px;
    width: 100%
}

    .cell.head, .cell.head label {
        font-weight: 600
    }


.table.liste > tfoot > tr > td .altbar > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

    .table.liste > tfoot > tr > td .altbar > div > p {
        white-space: nowrap;
        margin-right: 0;
        color: var(--isliste-tb-muted);
        font-size: 12px;
        font-weight: 500;
    }

        .table.liste > tfoot > tr > td .altbar > div > p > b {
            color: var(--gorusme-test-text);
            font-size: 12px;
            font-weight: 700;
        }

    /* tfoot içindeki tüm select'ler (sayfa boyutu, updatePageSize / .page-size-selector vb.) */
    .table.liste > tfoot select {
        min-width: 4.5rem;
        max-width: 100%;
        padding: 0.45rem 2rem 0.45rem 0.65rem;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--gorusme-test-text);
        background-color: var(--isliste-tb-surface);
        background-image:
            linear-gradient(45deg, transparent 50%, var(--isliste-tb-muted) 50%),
            linear-gradient(135deg, var(--isliste-tb-muted) 50%, transparent 50%);
        background-position: calc(100% - 0.78rem) calc(50% - 0.08rem), calc(100% - 0.5rem) calc(50% - 0.08rem);
        background-size: 5px 5px, 5px 5px;
        background-repeat: no-repeat;
        border: 1px solid var(--isliste-tb-border);
        border-radius: var(--gorusme-test-radius-sm);
        box-shadow: 0 1px 2px var(--isliste-tb-shadow);
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
    }

    .table.liste > tfoot select:hover {
        border-color: rgba(13, 148, 136, 0.4);
        background-color: var(--gorusme-test-info-bg);
        box-shadow: 0 2px 8px var(--isliste-tb-shadow);
    }

    .table.liste > tfoot select:focus,
    .table.liste > tfoot select:focus-visible {
        outline: none;
        border-color: var(--isliste-tb-accent);
        box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.22);
    }

    .table.liste > tfoot select:disabled {
        opacity: 0.6;
        cursor: not-allowed;
        background-color: var(--gorusme-test-page-bg);
    }

    .table.liste > tfoot .toplamkayit label,
    .table.liste > tfoot .records-per-page label {
        color: var(--isliste-tb-muted);
        font-size: 12px;
        font-weight: 600;
        padding-right: 8px;
    }

    /* Sayfalama — liste tfoot içinde (reset :root) */
    .table.liste > tfoot .pagination {
        gap: 6px;
        align-items: center;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .table.liste > tfoot .pagination > li {
        border: 1px solid var(--isliste-tb-border);
        margin: 0;
        border-radius: var(--gorusme-test-radius-sm);
        background: var(--isliste-tb-surface);
        overflow: hidden;
        box-shadow: 0 1px 2px var(--isliste-tb-shadow);
        transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
    }

    .table.liste > tfoot .pagination > li a {
        color: var(--gorusme-test-text) !important;
        padding: 7px 12px;
        font-size: 12px;
        font-weight: 600;
        display: block;
        line-height: 1.2;
        text-decoration: none;
        transition: background 0.15s ease, color 0.15s ease;
    }

    .table.liste > tfoot .pagination > li:hover:not(.active) {
        border-color: rgba(13, 148, 136, 0.4);
        background: var(--gorusme-test-info-bg);
        box-shadow: 0 2px 6px var(--isliste-tb-shadow);
    }

    .table.liste > tfoot .pagination > li:hover:not(.active) a {
        color: var(--isliste-tb-accent-dark) !important;
    }

    .table.liste > tfoot .pagination > li.active {
        background: linear-gradient(180deg, var(--isliste-tb-accent) 0%, var(--isliste-tb-accent-dark) 100%);
        border-color: var(--isliste-tb-accent-dark);
        box-shadow: 0 2px 8px rgba(13, 148, 136, 0.25);
    }

    .table.liste > tfoot .pagination > li.active a {
        color: #fff !important;
    }


.table.liste > tbody {
}

    .table.liste > tbody > tr {
    }

        .table.liste > tbody > tr > td {
            max-width: 200px
        }

            .table.liste > tbody > tr > td:last-child {
                max-width: 30px;
                text-align: center;
            }


                .table.liste > tbody > tr > td:last-child.genis {
                    max-width: 70px;
                }

                .table.liste > tbody > tr > td:last-child input {
                    width: 14px
                }

            .table.liste > tbody > tr > td > img {
                width: 100%;
                border: 1px solid #d0d0d0;
                padding: 4px;
                border-radius: 6px;
            }

            .table.liste > tbody > tr > td > input {
                border: 1px solid #ddd;
                padding: 2px 5px;
            }

            .table.liste > tbody > tr > td .altbar {
                display: flex;
                align-items: center;
                justify-content: center;
            }

.table.liste tr {
    border-bottom: 1px solid #f1f1f1;
    cursor: pointer;
}

    .table.liste tr.bostr {
        display: none
    }

    .table.liste tr > td {
        padding: 4px 0;
        vertical-align: middle;
        padding: 0px 5px;
        height: 31px;
        position: relative;
        font-size: 12px;
    }
    .table.liste tr > td:first-child{text-align:center}

.table.liste > tbody > tr > td .altbar img {
    width: 30px;
    margin-left: 3px;
}

.table.liste input, .table.liste textarea {
    width: 100%;
    padding: 4px 3px;
    border: 1px solid #f1f1f1;
}

.table.liste textarea {
    padding: 5px !important;
    height: 60px !important;
}

.table.liste tr.bostr > td {
    background: #000000;
}

    .table.liste tr.bostr > td .checkyazi, .table.liste tr.bostr > td .checkreset {
        color: #fff;
    }

    .table.liste tr.bostr > td .checkreset {
        margin-right: 5px
    }

.table.liste tr.bostr .checkreset:hover {
}

    .table.liste tr.bostr .checkreset:hover > span {
        background: #b60000;
        border: 1px solid #cb1313;
    }

.table.liste tr.bostr .checkreset > span {
    color: #fff;
    border: 1px solid #333;
    border-radius: 100%;
    padding: 5px;
    font-size: 14px;
    font-weight: 700;
}

/* thead içindeki .bostr: tbody ile aynı siyah şerit yerine modern araç çubuğu (reset token) */
.table.liste thead tr.bostr > td {
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%) !important;
    color: var(--gorusme-test-text) !important;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: normal;
    text-transform: none;
    border: none;
    border-bottom: 1px solid var(--isliste-tb-border);
    box-shadow: 0 3px 14px -6px var(--isliste-tb-shadow);
    padding: 10px 12px !important;
    min-height: 48px;
    vertical-align: middle;
    white-space: normal;
}

.table.liste thead tr.bostr > td .checkyazi,
.table.liste thead tr.bostr > td .checkreset {
    color: var(--gorusme-test-text) !important;
}

.table.liste thead tr.bostr > td > div > div {
    color: var(--gorusme-test-text) !important;
}

.table.liste thead tr.bostr .checkreset > span {
    border-radius: 999px;
    color: var(--gorusme-test-text);
    background: var(--isliste-tb-surface);
    border: 1px solid var(--isliste-tb-border);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
}

.table.liste thead tr.bostr .checkreset:hover > span {
    background: var(--gorusme-test-info-bg);
    border-color: rgba(13, 148, 136, 0.45);
}

/* .bostr araç çubuğundaki yeşil / sarı toplu işlem düğmeleri (Fiyat listesi .bostr--fiyatlistesi .button.green daha özgül) */
.table.liste tr.bostr .button.green {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0.45rem 0.85rem;
    border-radius: var(--gorusme-test-radius-sm);
    font-weight: 600;
    font-size: 12px;
    line-height: 1.3;
    background: var(--app-btn-primary-gradient);
    border: 1px solid var(--app-btn-primary-border);
    box-shadow: var(--app-btn-primary-shadow);
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
    cursor: pointer;
}

.table.liste tr.bostr .button.green:hover {
    filter: brightness(1.06);
    box-shadow: var(--app-btn-primary-shadow-hover);
}

.table.liste tr.bostr .button.green:active {
    filter: brightness(0.95);
    transform: scale(0.98);
}

.table.liste tr.bostr .button.yellow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0.45rem 0.85rem;
    border-radius: var(--gorusme-test-radius-sm);
    font-weight: 600;
    font-size: 12px;
    line-height: 1.3;
    background: linear-gradient(180deg, #fbbf24 0%, #d97706 100%);
    border: 1px solid #b45309;
    box-shadow:
        0 1px 2px var(--isliste-tb-shadow),
        0 2px 8px rgba(217, 119, 6, 0.25);
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
    cursor: pointer;
}

.table.liste tr.bostr .button.yellow:hover {
    filter: brightness(1.05);
    box-shadow: 0 2px 10px rgba(217, 119, 6, 0.35);
}

.table.liste tr.bostr .button.yellow:active {
    filter: brightness(0.95);
    transform: scale(0.98);
}

.table.liste tr.bostr .button.green,
.table.liste tr.bostr .button.green *,
.table.liste tr.bostr .button.yellow,
.table.liste tr.bostr .button.yellow * {
    color: #fff !important;
}

/* Temsilci seçimi: Havuz / İş listesi .bostr (class="button" select — flex yerine modern alan) */
.table.liste tr.bostr select#temsilci,
select#temsilci.button {
    display: inline-block;
    width: auto;
    min-width: 12.5rem;
    max-width: min(22rem, 100%);
    box-sizing: border-box;
    margin: 0;
    padding: 0.45rem 2.35rem 0.45rem 0.75rem;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--gorusme-test-text);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 0.5rem center / 1rem,
        linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.table.liste tr.bostr select#temsilci:hover,
select#temsilci.button:hover {
    border-color: rgba(13, 148, 136, 0.45);
}

.table.liste tr.bostr select#temsilci:focus,
.table.liste tr.bostr select#temsilci:focus-visible,
select#temsilci.button:focus,
select#temsilci.button:focus-visible {
    outline: none;
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.2);
}

select#temsilci.button option {
    color: var(--gorusme-test-text);
    background: var(--isliste-tb-surface);
    font-weight: 500;
}

.table.liste tr.bostr > td > div {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 auto;
    padding: 10px 0;
    gap: 50px;
}

    .table.liste tr.bostr > td > div > div {
        font-size: 14px;
        line-height: 17px;
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        color: #fff;
    }

        .table.liste tr.bostr > td > div > div > div {
            margin-right: 10px;
        }

            .table.liste tr.bostr > td > div > div > div:last-child {
                margin-right: 0
            }

        .table.liste tr.bostr > td > div > div > ul {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

            .table.liste tr.bostr > td > div > div > ul > li {
                display: flex;
                flex-direction: row;
                align-content: center;
                margin-right: 15px;
            }

                .table.liste tr.bostr > td > div > div > ul > li:last-child {
                    margin-right: 0
                }

                .table.liste tr.bostr > td > div > div > ul > li .urunlerisil {
                }

/* ---------- Fiyat listesi: seçim araç çubuğu (thead .bostr--fiyatlistesi) ---------- */
.table.liste thead tr.bostr.bostr--fiyatlistesi {
    cursor: default;
}

.table.liste thead tr.bostr.bostr--fiyatlistesi > td {
    height: auto !important;
    min-height: 0;
    padding: 0.7rem 1rem !important;
    vertical-align: middle;
    background: linear-gradient(180deg, var(--gorusme-test-surface) 0%, var(--gorusme-test-page-bg) 100%) !important;
    border-bottom: 1px solid var(--gorusme-test-border) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.table.liste thead tr.bostr.bostr--fiyatlistesi > td .checkyazi,
.table.liste thead tr.bostr.bostr--fiyatlistesi > td .checkreset {
    color: var(--gorusme-test-text) !important;
}

.table.liste thead tr.bostr.bostr--fiyatlistesi .fiyat-bostr-shell {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem 15px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.table.liste thead tr.bostr.bostr--fiyatlistesi .fiyat-bostr-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    flex: 0 1 auto;
    max-width: 100%;
}

.table.liste thead tr.bostr.bostr--fiyatlistesi .checkyazi {
    font-size: 0.9rem !important;
    font-weight: 600;
    color: var(--gorusme-test-text) !important;
    letter-spacing: -0.01em;
}

.table.liste thead tr.bostr.bostr--fiyatlistesi .checkreset {
    margin-right: 0 !important;
    flex-shrink: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.table.liste thead tr.bostr.bostr--fiyatlistesi .checkreset > span {
    color: var(--gorusme-test-text-muted) !important;
    background: var(--gorusme-test-surface) !important;
    border: 1px solid var(--gorusme-test-border) !important;
    border-radius: 999px !important;
    padding: 0.35rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
}

.table.liste thead tr.bostr.bostr--fiyatlistesi .checkreset:hover > span {
    background: var(--gorusme-test-warn-bg) !important;
    border-color: var(--gorusme-test-warn-border) !important;
    color: var(--gorusme-test-danger) !important;
}

.table.liste thead tr.bostr.bostr--fiyatlistesi .fiyat-bostr-actions {
    flex: 0 1 auto;
    min-width: 0;
}

.table.liste thead tr.bostr.bostr--fiyatlistesi .fiyat-bostr-actions ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.table.liste thead tr.bostr.bostr--fiyatlistesi .fiyat-bostr-actions ul > li {
    margin-right: 0 !important;
    display: flex;
}

.table.liste thead tr.bostr.bostr--fiyatlistesi .fiyat-bostr-actions .button.green {
    display: inline-flex !important;
    align-items: center;
    gap: 0.4rem;
    margin: 0 !important;
    padding: 0.48rem 0.9rem !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    border-radius: var(--gorusme-test-radius-sm) !important;
    border: 1px solid var(--app-btn-primary-border) !important;
    background: var(--app-btn-primary-gradient) !important;
    color: var(--app-btn-primary-text) !important;
    box-shadow: var(--app-btn-primary-shadow) !important;
    transition: filter 0.15s ease, box-shadow 0.15s ease;
    cursor: pointer;
}

.table.liste thead tr.bostr.bostr--fiyatlistesi .fiyat-bostr-actions .button.green:hover {
    filter: brightness(1.06);
    box-shadow: var(--app-btn-primary-shadow-hover) !important;
}

.table.liste thead tr.bostr.bostr--fiyatlistesi .fiyat-bostr-actions .button.green .material-symbols-outlined {
    font-size: 1.1rem !important;
    color: inherit !important;
}

.table.liste > tbody > tr > td > div.value, .payalimalan > .value {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
}

.table.liste > tbody > tr > td > p.value.editok {
    animation: highlightGreen 2s ease forwards;
}

.table.liste > tbody > tr > td .fiyatlistesi {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 8px;
}

    .table.liste > tbody > tr > td .fiyatlistesi > p {
        width: 100%;
        text-align: center;
        display: block;
    }

    .table.liste > tbody > tr > td .fiyatlistesi span {
        font-size: 18px;
        color: #006c0b;
    }

@keyframes highlightGreen {
    0% {
        color: green;
    }

    100% {
        color: inherit;
    }
}

.table.liste > tbody > tr > td > div.value > p {
    margin-right: 5px;
}

.table.liste > tbody > tr > td > div.value > span {
    margin-left: 2px;
    color: #006c0b;
    font-size: 21px;
    padding: 0;
}

.table.liste > tbody > tr > td > .edit {
    display: none
}

    .table.liste > tbody > tr > td > .edit > div {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .table.liste > tbody > tr > td > .edit > div > input {
            width: calc(100% - 30px);
            border: 1px solid #f1f1f1;
            padding: 5px 10px;
        }

        .table.liste > tbody > tr > td > .edit > div > span {
            color: #900000;
            margin-left: 5px;
            font-size: 17px;
            line-height: 18px;
            font-weight: 800;
        }

        .table.liste > tbody > tr > td > .edit > div select, .table.liste > tbody > tr > td > .edit > div select option {
            font-size: 10px;
        }

        .table.liste > tbody > tr > td > .edit > div select {
            padding: 2px;
        }


        .table.liste > tbody > tr > td > .edit > div .popup {
            position: absolute;
            top: 33px;
            background: #fff;
            border: 1px solid #dedede;
            padding: 5px;
            border-radius: 5px;
            z-index: 9;
        }

            .table.liste > tbody > tr > td > .edit > div .popup > ul {
                display: flex;
                gap: 5px;
                flex-direction: column;
            }

                .table.liste > tbody > tr > td > .edit > div .popup > ul > li {
                    margin-bottom: 3px;
                }

                    .table.liste > tbody > tr > td > .edit > div .popup > ul > li > div {
                        display: flex;
                        flex-direction: row;
                        align-content: center;
                        align-items: center;
                    }

                        .table.liste > tbody > tr > td > .edit > div .popup > ul > li > div > input {
                            width: 15px;
                            height: 15px;
                        }

                        .table.liste > tbody > tr > td > .edit > div .popup > ul > li > div > span {
                            margin-left: 5px;
                            font-size: 11px;
                        }

.table.liste > tbody > tr > td, .table.liste > tbody > tr > td p, .table.liste > tbody > tr > td > div.value > p, .gorusme > p, .gorusme > p * {
    font-size: 11px;
    line-height: 14px;
}

    .table.liste > tbody > tr > td > div.value > p {
        white-space: nowrap; /* Tek satırda tut */
        overflow: hidden; /* Taşan metni gizle */
        text-overflow: ellipsis; /* Fazlalığı "..." ile göster */
    }

.alert-success {
    background: #71ff00 !important;
    padding: 15px;
    width: 100%;
    border-radius: 10px;
}

.gorusme .ikili > div {
    position: relative;
    min-width: 26px;
    display: flex;
    justify-content: flex-end;
}

html, body {
    width: 100%;
    height: 100%;
    background: #f1f1f1;
}

.temizle {
    clear: both;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.hide {
    display: none !important;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.no-margin {
    margin: 0 !important;
}

.ds-effect {
    box-shadow: 5px 5px 15px 0 rgba(0,0,0,.1);
    transition: .22s ease-out;
    transition-property: transform,box-shadow;
}

    .ds-effect:hover {
        transform: translate3d(0,-.1875rem,0);
        box-shadow: 5px 15px 30px 0 rgba(0,0,0,.15);
    }

.mt0 {
    margin-top: 0px !important
}

.mt5 {
    margin-top: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt45 {
    margin-top: 45px !important
}

.mt60 {
    margin-top: 60px !important
}

.mb0 {
    margin-bottom: 0px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml25 {
    margin-left: 25px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml50 {
    margin-left: 50px !important
}

.bg30 {
    background: rgba(130,110, 74, .3);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.bg50 {
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.bg60 {
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.bg70 {
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.grdbg {
    width: 100%;
    position: absolute;
    height: 25vh;
    top: 0;
    z-index: 2;
    background: rgb(130,110, 74);
    background: linear-gradient(180deg, rgba(130,110, 74,.75) 0%, rgba(130,110, 74,0) 100%);
}

.grdbgbottom {
    width: 100%;
    position: absolute;
    height: 55vh;
    bottom: 0;
    z-index: 2;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);
}

.grdbgtop {
    width: 100%;
    position: absolute;
    height: 25vh;
    top: 0;
    z-index: 2;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0%) 0, rgb(255 255 255 / 41%) 140%);
}

.grdbg {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 2;
    background: rgb(0,0,0,0.3);
}

.bg1 {
    background: #ACA29A
}

.bgwhite {
    background: #fff
}

.h50 {
    height: 50%;
    overflow: hidden;
}

.imgcover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

#toTop {
    position: fixed;
    right: 30px;
    bottom: 30px;
    border-radius: 10px;
    display: none;
    background: #ffffff;
    border-radius: 30px;
    width: 30px;
    height: 50px;
    z-index: 9; /* box-shadow: 0px 0px 7px rgb(0 0 0 / 25%); */
    display: none;
    border: 1px solid #f7f5f4;
}

    #toTop a {
        display: block;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #toTop a svg {
            width: 30% !important;
        }

            #toTop a svg path {
                fill: #000000;
                stroke: #000000;
            }

    #toTop:hover {
        background: #000000;
        border-color: #000;
    }

        #toTop:hover a svg path {
            fill: #fff;
            stroke: #fff;
        }

.modal {
    position: fixed;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 1000;
    top: 0;
    left: 0;
    display: none;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(4px);
}

/* Modal kapatma butonu */
.modal-close {
    position: absolute;
    top: 0;
    right: 0;
    background: #ffffff;
    color: #ff0000;
    border: none;
    border-radius: 0 11px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    z-index: 1001;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
    padding: 0;
}

    .modal-close:hover {
        /* background: #cc0000; */
    }

/* Modal içindeki vazgec butonları için stil */
.vazgec {
    cursor: pointer;
}

.btn.vazgec {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tablo CSS düzeltme stilleri */
.table-normal {
    border-collapse: collapse;
    width: 100%;
}

    .table-normal tr {
        border-bottom: 1px solid #ddd;
    }

        .table-normal tr:last-child {
            border-bottom: none;
        }

    .table-normal td {
        padding: 8px;
        vertical-align: top;
    }

    .table-normal tr:last-child td {
        border-bottom: 1px solid #ddd;
    }

.error-row {
    background-color: #f8d7da !important;
}

.error-cell {
    background-color: #f5c6cb !important;
}

.table-error {
    border: 2px solid #dc3545 !important;
}

.modal .modal-dialog {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal .modal-content {
    background: #fff;
    border-radius: 11px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.2);
    width: 100%;
    /* max-width: 1000px; */
    max-height: calc(100vh - 50px);
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
    height: 100%;
}

    .modal .modal-content .partial {
        width: 100%;
    }

.modal .modelclose {
    position: absolute;
    right: 4px;
    top: 4px;
    cursor: pointer;
    background: #000;
    border-radius: 100%;
    z-index: 9;
}

.onepage {
    width: 100%;
}

    .onepage > .head {
        background: #b60000;
        padding: 25px 15px 15px 20px;
        position: sticky;
        top: 0;
        z-index: 3;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .onepage > .head > h1 {
            color: #fff;
        }

        .onepage > .head > h2 {
            color: #fff;
            font-weight: 600;
            font-size: 16px;
            text-decoration: 20px;
        }

    .onepage > .uyari {
        width: 100%;
        padding: 25px 20px;
        background: #e6e6e6;
    }

        .onepage > .uyari > p {
            font-weight: 600;
            margin-bottom: 7px;
        }

        .onepage > .uyari > ul {
            list-style: circle;
            padding-left: 20px;
        }

            .onepage > .uyari > ul > li {
                line-height: 25px;
            }

.uyarihata {
    padding: 10px 25px;
}

    .uyarihata p {
        color: #ff0000;
    }

.onepageContent {
    width: calc(100% - 40px) !important;
    margin: 0 auto;
    margin-top: 20px;
}

    .onepageContent > form {
    }

        .onepageContent > form .tekli {
            display: flex;
            flex-direction: column;
            width: 100%;
        }

            .onepageContent > form .tekli > hr {
                width: 100%;
                height: 1px;
                margin: 15px 0;
                border: none;
                background-color: #e6e6e6;
            }

            .onepageContent > form .tekli > label {
                font-weight: 600;
                margin-bottom: 8px;
            }

            .onepageContent > form .tekli .aciklama {
                display: flex;
                flex-direction: column;
                margin-left: 5px;
            }

                .onepageContent > form .tekli .aciklama > label {
                    font-weight: 600;
                }

                .onepageContent > form .tekli .aciklama > span {
                }

    .onepageContent .izinler {
        margin-top: 5px;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        .onepageContent .izinler > div {
            width: 100%;
            border: 1px solid #e6e6e6;
            margin-bottom: 15px;
        }

            .onepageContent .izinler > div:last-child {
                margin-bottom: 0
            }

            .onepageContent .izinler > div .izhead {
                background: #e6e6e6;
                padding: 15px 10px;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }

                .onepageContent .izinler > div .izhead > h1 {
                    font-weight: 600;
                    font-size: 14px;
                }

                .onepageContent .izinler > div .izhead > div {
                }

            .onepageContent .izinler > div .item {
                width: 100%;
                padding: 20px 20px;
            }

                .onepageContent .izinler > div .item > ul {
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    gap: 15px 30px;
                    align-content: flex-start;
                }

                    .onepageContent .izinler > div .item > ul > li {
                    }

                        .onepageContent .izinler > div .item > ul > li > label {
                            font-weight: 600;
                            margin-bottom: 4px;
                            display: block;
                            font-size: 11px;
                        }

                        .onepageContent .izinler > div .item > ul > li > div {
                            display: flex;
                            align-items: center;
                            align-content: center;
                            margin-bottom: 5px;
                        }

                            .onepageContent .izinler > div .item > ul > li > div > input {
                                margin-right: 4px;
                            }

                            .onepageContent .izinler > div .item > ul > li > div > label {
                                font-size: 11px
                            }

                            .onepageContent .izinler > div .item > ul > li > div:last-child {
                            }

    .onepageContent > form .ikili {
        display: flex;
        flex-direction: row;
        align-content: flex-start;
        justify-content: space-between;
    }

    .onepageContent .izinler .item > ul > li > div.onay {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 5px;
    }

    .onepageContent .izinler .onay > div {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-right: 10px;
    }

        .onepageContent .izinler .onay > div > label {
            margin-left: 5px;
            font-size: 11px;
        }

        .onepageContent .izinler .onay > div:last-child {
        }

.tabikili {
    display: flex;
    align-items: center;
    flex-direction: row;
}

    .tabikili > div {
        margin-right: 10px;
        display: flex;
        align-items: center;
    }

        .tabikili > div label {
            font-size: 12px;
        }

        .tabikili > div input {
            margin-right: 5px;
        }

.onepageContent > form .ikili > div {
    border: 1px solid #e6e6e6;
    width: 49%;
    padding: 25px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

    .onepageContent > form .ikili > div > div {
    }

        .onepageContent > form .ikili > div > div:last-child {
            margin-left: 23px;
            width: 80px;
        }

        .onepageContent > form .ikili > div > div h1 {
            font-weight: 600;
            font-size: 17px;
        }

        .onepageContent > form .ikili > div > div p {
            font-size: 12px;
        }

    .onepageContent > form .ikili > div.satir {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        gap: 10px;
    }

        .onepageContent > form .ikili > div.satir > div {
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
        }

            .onepageContent > form .ikili > div.satir > div textarea {
                width: 100%;
            }

        .onepageContent > form .ikili > div.satir #ipkisitlamaDiv {
            margin: 0
        }

.saatayar {
    margin: 0 !important;
    flex-direction: column !important;
}

    .saatayar > div {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 10px;
    }

        .saatayar > div > div {
            min-width: 200px;
            margin-bottom: 10px;
        }

            .saatayar > div > div label {
                margin-bottom: 5px;
                display: block;
            }

        .saatayar > div select {
        }

.onepageContent > form .tekli > div > label {
}

.onepageContent > form .tekli > div > select {
}

.onepage .bottombar {
    position: sticky;
    bottom: 0;
    background: #dedede;
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: flex-end;
    z-index: 2;
}

    .onepage .bottombar > div {
        margin-right: 6px;
    }

        .onepage .bottombar > div > span {
        }

        .onepage .bottombar > div > button {
        }

.altpagehead {
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-top: 20px;
    border-bottom: 1px solid #e6e6e6;
}

    .altpagehead > div {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

        .altpagehead > div > div {
            display: flex;
            flex-direction: row;
            align-items: center;
            width: auto;
        }

            .altpagehead > div > div button {
                margin-right: 10px
            }

                .altpagehead > div > div button:last-child {
                    margin-right: 10px
                }

            .altpagehead > div > div:first-child {
                background: #fff;
                padding: 4px 9px;
                border-radius: 10px;
            }

            .altpagehead > div > div input {
                padding: 5px 9px;
            }

            .altpagehead > div > div span {
                font-size: 18px;
                font-weight: 500;
            }

    .altpagehead .item {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

        .altpagehead .item > div {
            margin-right: 10px
        }

            .altpagehead .item > div:last-child {
                margin-right: 0px
            }

.main {
    width: 100%;
}

.alink {
    margin-top: -60px;
    position: absolute;
}

.txtmain {
    width: calc(100% - 25px);
    padding-right: 25px;
}

.rtl {
    flex-direction: row-reverse;
}

h1, h2 {
    font-weight: normal;
    letter-spacing: .1px;
}

.beyaz {
    color: #fff !important
}

form:focus {
    outline: 0;
}

a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

body.no-scroll, html.no-scroll {
    overflow: hidden;
}

body.homepage, html.homepage {
    padding-top: calc(100vh - 210px);
}

textarea {
    overflow: auto;
    resize: none;
    padding-top: 15px !important;
    height: 120px !important;
    width: 100%;
}

    textarea::placeholder {
        color: #BFB5B2 !important
    }

::-webkit-input-placeholder {
    color: #BFB5B2 !important
}

:-ms-input-placeholder {
    color: #BFB5B2 !important;
}

::placeholder {
    color: #BFB5B2 !important;
}

@media (min-width:319px) and (max-width:768px) {
    body.homepage, html.homepage {
        padding-top: calc(100vh - 317px);
    }
}

/*full page down*/
.fs-page {
    position: relative;
    height: 100%;
}

.fs-section {
    position: relative;
    height: 100%;
}

.fs-content {
    width: 100%;
}

.fs-page-absolute {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.fs-pagination {
    position: fixed;
    left: 30px;
    bottom: 30px;
    margin-top: -50px;
    z-index: 8;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .fs-pagination ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-top: 10px; /* margin-left: 5px; */
    }

    .fs-pagination li {
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }

        .fs-pagination li a {
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            border: 1px solid #dedede;
        }

        .fs-pagination li.active a {
            background-color: #fff;
        }

.fullmesaj { /* background:#fff; */
    position: absolute;
    right: 20px;
    transition: 1s;
    z-index: -1;
    opacity: 0;
    color: #dedede;
    margin-top: -3px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 11px;
    width: 340px;
    text-align: right;
}

.fs-pagination li.active .fullmesaj {
    opacity: 1 !important;
}

.navigasyon {
    display: flex;
    bottom: 50px;
    left: 50%;
    position: absolute;
    z-index: 99
}

.fs-pagination .next, .fs-pagination .back {
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.fs-pagination .back {
}

.fs-pagination > div > img {
    width: 8px;
}

.fs-pagination .back > img {
    transform: rotate(180deg);
}
/*full page down end*/

/*open table */
.opentab {
    width: 100%;
    margin-top: 0;
}

    .opentab > h2 {
        border: 1px solid #efefef;
        font-weight: 600;
        padding: 11px 15px;
        margin: 9px 0;
        cursor: pointer;
        text-align: center;
        line-height: 23px;
        font-size: 16px;
        text-align: left;
        padding-left: 22px;
        color: #000;
        display: flex;
        align-items: center;
        position: relative;
        justify-content: flex-start;
    }

        .opentab > h2 > span {
            margin-bottom: 14px;
        }

    .opentab > div > h3 {
        font-weight: 600;
        color: #00a550;
        padding-bottom: 20px;
        font-size: 34px;
    }

    .opentab > div {
        display: none;
        padding: 0;
        color: #c8c7c7;
        line-height: 24px;
        font-size: 18px;
    }

        .opentab > div > a {
            text-decoration: none;
            color: #8f8d8d;
            border-bottom: 1px dotted rgba(25, 25, 25, 0.28);
            width: 100%;
            display: block;
            line-height: 33px;
            font-size: 13px;
        }

    .opentab > .active {
        background: #a5977f;
        color: #fff;
    }

.ricon {
    font-size: 21px;
    padding-left: 15px;
    float: right;
}
/*List dizayn*/
.opentab > div > ul {
    list-style-type: none;
}

    .opentab > div > ul > li {
        margin: 10px;
    }

.opentab .fa {
    padding-right: 5px;
}

.opentab > div p {
    margin-bottom: 15px
}

.opentab > h2 {
    position: relative
}

    .opentab > h2 > span:after {
        content: "";
        padding: 4px;
        border: solid #D5804F;
        border-width: 0px 0px 2px 2px;
        transform: rotate( -45deg );
        width: 0px;
        position: absolute;
        display: flex;
        right: 25px;
    }

    .opentab > h2.active > span:after {
        border-width: 2px 2px 0px 0;
        border-color: #D5804F;
    }

    .opentab > h2 b {
        color: #A66946;
        margin-right: 10px
    }
/*open table end */

/*mouse kaydır*/
#scroll-helper {
    position: absolute;
    bottom: calc(var(--yanmenugenislik));
    left: calc(var(--yanmenugenislik) - 20px);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: center;
    z-index: 9;
}

    #scroll-helper .scroll-line {
        position: initial;
        bottom: initial;
        left: initial;
        margin: 0 auto;
    }

    #scroll-helper .scroll-word {
        position: initial;
        bottom: initial;
        margin-top: 10px;
        margin-left: 0;
    }

.scroll-word {
    position: absolute;
    bottom: 6vh;
    margin-left: -28px;
    opacity: 0;
    visibility: hidden;
    font-size: 11px;
    color: #a68676;
    text-transform: uppercase;
    letter-spacing: 4px;
}

#scroll-helper .scroll-word {
    position: initial;
    bottom: initial;
    margin-top: 10px;
    margin-left: 0;
}

.scroll-line {
    height: 65px;
    width: 1px;
    background: #a68676;
    position: absolute;
    bottom: 10vh;
    display: block;
    overflow: hidden;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
}

    .scroll-line:after {
        content: "";
        width: inherit;
        height: 50%;
        background: #dedede;
        position: absolute;
        transform: translateY(0%) scaleY(0);
        left: 0;
        z-index: 10;
        display: block;
    }

    .scroll-line.init:after {
        -webkit-animation: mymove 1.5s infinite linear;
        animation: mymove 1.5s infinite linear;
        -webkit-transform-origin: top center;
        transform-origin: top center;
    }

.etkin {
    background: #00a123;
    color: #fff;
    display: inline;
    padding: 5px 15px;
    border-radius: 5px;
}

.pasif {
    background: #f00;
    color: #fff;
    display: inline;
    padding: 5px 15px;
    border-radius: 5px;
}

@-webkit-keyframes mymove {
    0% {
        -webkit-transform: translateY(0%) scaleY(0);
    }

    10% {
        -webkit-transform: translateY(0%) scaleY(0.5);
    }

    30% {
        -webkit-transform: translateY(50%) scaleY(1);
    }

    45% {
        -webkit-transform: translateY(200%) scaleY(0.5);
    }

    55% {
        -webkit-transform: translateY(200%) scaleY(0);
    }

    100% {
        -webkit-transform: translateY(200%) scaleY(0);
    }
}

@keyframes mymove {
    0% {
        -webkit-transform: translateY(0%) scaleY(0);
    }

    10% {
        -webkit-transform: translateY(0%) scaleY(0.5);
    }

    30% {
        -webkit-transform: translateY(50%) scaleY(1);
    }

    45% {
        -webkit-transform: translateY(200%) scaleY(0.5);
    }

    55% {
        -webkit-transform: translateY(200%) scaleY(0);
    }

    100% {
        -webkit-transform: translateY(200%) scaleY(0);
    }
}
/*mouse kaydır bitti*/

/*Ödeme*/
.odeme-giris-wrap {
    padding: 24px;
    background: #fff;
    overflow-y: auto;
    max-height: 90vh;
    box-sizing: border-box;
}

.odeme-giris-inner-body,
.odeme-giris-evrak-body,
.odeme-giris-evrak-details {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    min-width: 0;
}

.odeme-giris-dekont-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.odeme-giris-fieldset {
    border: 1px solid #e6e9ec;
    border-radius: 12px;
    padding: 14px 16px 12px;
    background: #fff;
}

    .odeme-giris-fieldset legend {
        font-size: 12px;
        font-weight: 600;
        color: #495057;
        padding: 0 10px;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

.odeme-giris-fieldset-inner {
    margin: 0;
    padding: 14px 16px 14px;
    border: 1px dashed #c5cdd8;
    border-radius: 10px;
    background: #fbfbfd;
}

    .odeme-giris-fieldset-inner .odeme-giris-info-grid {
        margin: 0;
    }

    .odeme-giris-fieldset-inner > legend {
        font-size: 11px;
        color: #64748b;
    }

.odeme-giris-fieldset--odeme > legend {
    font-size: 13px;
    color: #0f172a;
}

.odeme-giris-evrak-nested {
    margin: 0;
    padding: 14px 16px 14px;
    border: 2px solid #34d399;
    border-radius: 14px;
    background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.65);
    min-width: 0;
}

    .odeme-giris-evrak-nested > legend {
        font-size: 12px;
        font-weight: 700;
        color: #047857;
        text-transform: none;
        letter-spacing: 0.02em;
        padding: 0 8px;
    }

.odeme-giris-evrak-lead {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    color: #166534;
}

.odeme-giris-dekont-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.odeme-giris-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 16px;
}

.odeme-giris-info-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid #eef2f7;
    border-radius: 10px;
    background: #fafbfc;
    min-width: 0;
}

.odeme-giris-info-label {
    font-size: 11px;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.odeme-giris-info-value {
    font-size: 14px;
    font-weight: 700;
    color: #111827;
    word-break: break-word;
}

@media (max-width: 900px) {
    .odeme-giris-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .odeme-giris-info-grid {
        grid-template-columns: 1fr;
    }
}

.odeme-giris-modal {
    padding: 0;
    font-family: 'Poppins', 'Segoe UI', sans-serif;
    max-width: 1000px;
    margin: 0 auto;
}

.odeme-giris-row {
    display: grid;
    gap: 20px;
}

.odeme-giris-row-2 {
    grid-template-columns: 1fr;
}

.odeme-giris-row-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.odeme-giris-header {
    text-align: center;
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e8ecf1;
}

.odeme-giris-icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
    font-size: 28px;
    border-radius: 14px;
    margin: 0 auto 16px;
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.35);
}

.odeme-giris-header h2 {
    margin: 0 0 6px;
    font-size: 1.35rem;
    font-weight: 600;
    color: #1e293b;
}

.odeme-giris-header p {
    margin: 0;
    font-size: 0.875rem;
    color: #64748b;
}

.odeme-giris-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.odeme-giris-field {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

    .odeme-giris-field label {
        display: block;
        font-size: 0.8125rem;
        font-weight: 500;
        color: #475569;
        margin-bottom: 8px;
    }

    .odeme-giris-field .required {
        color: #ef4444;
    }

.odeme-giris-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.odeme-giris-input-wrapper--currency .odeme-giris-input {
    padding-left: 2.5rem !important;
    padding-right: 12px;
}

.odeme-giris-prefix {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    font-size: 1rem;
    font-weight: 600;
    color: #64748b;
    pointer-events: none;
    line-height: 1;
    min-width: 1.25rem;
}

.odeme-giris-input {
    width: 100%;
    padding: 12px 14px;
    box-sizing: border-box;
    font-size: 1rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
}

    .odeme-giris-input:focus {
        outline: none;
        border-color: #10b981;
        box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);
    }

.odeme-giris-readonly {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f8fafc;
    border-color: #e2e8f0;
    cursor: default;
}

.odeme-giris-currency {
    font-size: 1rem;
    color: #64748b;
}

.odeme-giris-value {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
}

.odeme-giris-file-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 28px 20px;
    border: 2px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    cursor: pointer;
    transition: all 0.2s;
}

    .odeme-giris-file-area:hover,
    .odeme-giris-file-area.odeme-giris-file-dragover {
        border-color: #10b981;
        background: #f0fdf4;
    }

    .odeme-giris-file-area input {
        display: none;
    }

.odeme-giris-evrak-details .odeme-giris-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    width: 100%;
    margin: 0;
}

.odeme-giris-evrak-details .odeme-giris-field {
    margin: 0;
}

.odeme-giris-textarea {
    min-height: 80px;
    resize: vertical;
}

.odeme-giris-char-count {
    font-weight: 400;
    color: #94a3b8;
    font-size: 0.75rem;
    margin-left: 6px;
}

.odeme-giris-file-icon {
    font-size: 36px;
    color: #94a3b8;
    margin-bottom: 10px;
}

.odeme-giris-file-area:hover .odeme-giris-file-icon {
    color: #10b981;
}

.odeme-giris-file-text {
    font-size: 0.875rem;
    font-weight: 500;
    color: #475569;
}

.odeme-giris-file-hint {
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 4px;
}

.odeme-giris-actions {
    display: flex;
    gap: 12px;
    margin-top: 8px;
}

.odeme-giris-btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    font-size: 0.9375rem;
    font-weight: 600;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s;
}

    .odeme-giris-btn .material-symbols-outlined {
        font-size: 20px;
    }

.odeme-giris-btn-primary {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4);
}

    .odeme-giris-btn-primary:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 20px rgba(16, 185, 129, 0.45);
    }

.odeme-giris-btn-secondary {
    background: #f1f5f9;
    color: #475569;
}

    .odeme-giris-btn-secondary:hover {
        background: #e2e8f0;
        color: #334155;
    }

.odeme-giris-msg {
    margin-top: 16px;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 0.875rem;
    display: none;
}

    .odeme-giris-msg.success {
        display: block;
        background: #d1fae5;
        color: #065f46;
    }

    .odeme-giris-msg.error {
        display: block;
        background: #fee2e2;
        color: #991b1b;
    }

    .odeme-giris-msg.loading {
        display: block;
        background: #f0f9ff;
        color: #0369a1;
    }

.odeme-giris-dekont-hint {
    font-size: 12px;
    color: #64748b;
    margin: 0;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .odeme-giris-row-2,
    .odeme-giris-row-3,
    .odeme-giris-dekont-pair,
    .odeme-giris-evrak-details .odeme-giris-row {
        grid-template-columns: 1fr;
    }
}

.odeme-giris-confirm-modal {
    position: fixed;
    inset: 0;
    box-sizing: border-box;
    background: rgba(0,0,0,0.4);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    pointer-events: auto;
    -webkit-overflow-scrolling: touch;
}

.odeme-giris-confirm-modal[hidden] {
    display: none !important;
    pointer-events: none;
}

.odeme-giris-confirm-content {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    max-width: 720px;
    width: 100%;
    max-height: min(90vh, 880px);
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 0;
    pointer-events: auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.odeme-giris-confirm-icon {
    width: 48px;
    height: 48px;
    background: #e0f2fe;
    color: #0284c7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-size: 24px;
    flex-shrink: 0;
}

.odeme-giris-confirm-content h3 {
    margin: 0 0 12px;
    font-size: 1.1rem;
    color: #1e293b;
    flex-shrink: 0;
}

.odeme-giris-confirm-body {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 55vh;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 8px;
}

.odeme-giris-confirm-text {
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.5;
}

    .odeme-giris-confirm-text p {
        margin: 0 0 12px;
    }

    .odeme-giris-confirm-text p:last-child {
        margin-bottom: 0;
    }

    .odeme-giris-confirm-text table {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.85rem;
    }

.odeme-giris-confirm-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    flex-shrink: 0;
    padding-top: 8px;
    margin-top: auto;
}

    .odeme-giris-confirm-actions .odeme-giris-btn {
        flex: 0 0 auto;
        min-width: 120px;
    }

.odeme-giris-confirm-modal--error .odeme-giris-confirm-content {
    border: 1px solid #fecaca;
}

.odeme-giris-confirm-icon--error {
    background: #fee2e2 !important;
    color: #b91c1c !important;
}

.odeme-giris-confirm-error {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: #991b1b;
    white-space: pre-wrap;
    word-break: break-word;
}

/*Ödeme bitti*/


.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 26px;
    margin-left: 15px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px !important;
}

select {
    border: 1px solid #f1f1f1;
    width: 100%;
    font-size: 12px;
    color: #000000;
    border-radius: 5px;
    padding: 9px 5px;
}

.gorusme {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

    .gorusme > p {
    }

        .gorusme > p:hover {
            color: #e20000;
        }


    .gorusme code {
        background: #e1ddce;
        padding: 5px;
        font-size: 9px;
        font-weight: 600;
        border-radius: 5px;
    }

    /* Görüşme sayısı vb. — reset :root (--isliste-tb-*, --gorusme-test-*) */
    .gorusme p > label {
        background: linear-gradient(180deg, var(--isliste-tb-accent) 0%, var(--isliste-tb-accent-dark) 100%);
        color: #fff;
        padding: 3px 8px;
        border-radius: 999px;
        margin-left: 6px;
        min-width: 22px;
        min-height: 22px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.02em;
        font-variant-numeric: tabular-nums;
        border: 1px solid rgba(255, 255, 255, 0.38);
        box-shadow: 0 1px 3px var(--isliste-tb-shadow);
        cursor: inherit;
        vertical-align: middle;
    }

    .gorusme > p:hover label:not([title="Acenta"]) {
        filter: brightness(1.07);
        box-shadow: 0 2px 6px var(--isliste-tb-shadow);
    }

    /* Tablo listeleri — Acenta rozeti (messageaddlist / :root token) */
    .gorusme p > label[title="Acenta"] {
        background: linear-gradient(180deg, var(--isliste-tb-accent) 0%, var(--isliste-tb-accent-dark) 100%);
        color: #fff;
        padding: 4px 8px;
        border-radius: 8px;
        margin-left: 6px;
        min-width: 22px;
        min-height: 22px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.04em;
        border: 1px solid rgba(255, 255, 255, 0.35);
        box-shadow: 0 1px 3px var(--isliste-tb-shadow);
        cursor: default;
    }

    .gorusme > p:hover label[title="Acenta"] {
        filter: brightness(1.06);
    }

.gecmis {
    background: #b00202 !important;
    padding: 2px;
    right: -15px !important;
}

    .gecmis > p {
        color: #fff
    }

.gorusme span {
    font-size: 16px !important;
    margin-left: 2px;
    line-height: 20px;
    color: #006c0b;
}

.randevunotu, .gorusmenotu, .gorusmeekle {
    display: none;
    position: absolute;
    top: 40px;
    width: 380px;
    background: #fff;
    z-index: 3;
    right: 0;
    padding: 25px 10px 10px 20px;
    box-shadow: 0px 1px 4px 3px #00000021;
    border-radius: 9px;
    right: 15px;
    transition: all 0.3s ease-in-out;
}

/* Mesajlar popup — reset :root token’ları, kart hissi */
.messageaddlist {
    display: none;
    position: absolute;
    top: 36px;
    right: 8px;
    width: min(400px, calc(100vw - 28px));
    max-width: 440px;
    z-index: 40;
    padding: 0;
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, #f8fafc 100%);
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius);
    box-shadow:
        0 4px 6px -1px var(--isliste-tb-shadow),
        0 20px 40px -12px rgba(15, 23, 42, 0.18);
    transition: box-shadow 0.2s ease, opacity 0.2s ease;
    overflow: hidden;
}

.table.liste > tbody > tr > td .randevunotu > div, .table.liste > tbody > tr > td .gorusmenotu > div {
    max-height: 380px;
}

.partialpopup {
    display: block;
    position: relative;
    top: auto;
    width: 100%;
    background: #fff;
    padding: 25px 10px 10px 20px;
    box-shadow: 0px 0px 0px 0px #00000021;
    border-radius: 0;
    right: 0;
    transition: none;
    z-index: 0;
}

.popupmainichead {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

    .popupmainichead > .plan {
        width: 100%;
        padding: 25px 0px 10px 20px;
    }

        .popupmainichead > .plan img {
            width: 100%
        }

.gorusmenotu {
}

.gorusmeekle {
    width: 720px;
}

.boslayout .gorusmeekle {
    width: 100%
}

/* Görüşme / liste — Acenta detay popup (messageaddlist ile aynı kart dili, reset :root) */
.gorusmenotu.acenta {
    left: 0;
    right: auto;
    top: 34px;
    width: min(400px, calc(100vw - 20px));
    max-width: 420px;
    padding: 0;
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, #f8fafc 100%);
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius);
    box-shadow:
        0 4px 6px -1px var(--isliste-tb-shadow),
        0 20px 40px -12px rgba(15, 23, 42, 0.18);
    z-index: 50;
    overflow: hidden;
    transition: box-shadow 0.2s ease, opacity 0.2s ease;
}

    .gorusmenotu.acenta > div.close {
        position: absolute;
        right: 10px;
        top: 10px;
        left: auto;
        z-index: 12;
        overflow: visible;
        max-height: none;
        border: 1px solid var(--isliste-tb-border);
        border-radius: 999px;
        width: 34px;
        height: 34px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 2px 8px var(--isliste-tb-shadow);
        transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .gorusmenotu.acenta > div.close:hover {
        background: var(--gorusme-test-info-bg);
        border-color: rgba(13, 148, 136, 0.35);
        box-shadow: 0 4px 12px var(--isliste-tb-shadow);
    }

    .gorusmenotu.acenta > div.close:active {
        transform: scale(0.96);
    }

    .gorusmenotu.acenta > div.close .material-symbols-outlined,
    .gorusmenotu.acenta > div.close span {
        font-size: 18px;
        line-height: 1;
        font-weight: 600;
        color: var(--isliste-tb-muted);
    }

    .gorusmenotu.acenta > div.close:hover .material-symbols-outlined,
    .gorusmenotu.acenta > div.close:hover span {
        color: var(--isliste-tb-accent-dark);
    }

    .gorusmenotu.acenta > div.itemhead {
        position: relative;
        padding: 48px 16px 16px;
        margin: 0;
        max-height: min(58vh, 400px);
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-color: var(--isliste-tb-border) transparent;
        -webkit-overflow-scrolling: touch;
    }

    .gorusmenotu.acenta > div.itemhead::-webkit-scrollbar {
        width: 6px;
    }

    .gorusmenotu.acenta > div.itemhead::-webkit-scrollbar-thumb {
        background: var(--isliste-tb-border);
        border-radius: 999px;
    }

    .gorusmenotu.acenta .itemhead {
        padding-right: 0;
    }

    .gorusmenotu.acenta .item {
        margin-bottom: 0;
    }

    .gorusmenotu.acenta fieldset {
        border: 1px solid var(--isliste-tb-border);
        border-radius: var(--gorusme-test-radius-sm);
        background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
        padding: 14px 14px 12px;
        margin: 0;
        box-shadow: 0 1px 3px var(--isliste-tb-shadow);
    }

    .gorusmenotu.acenta fieldset legend {
        color: var(--isliste-tb-accent);
        font-weight: 700;
        font-size: 12px;
        letter-spacing: -0.02em;
        padding: 0 8px;
    }

    .gorusmenotu.acenta fieldset legend span {
        color: var(--gorusme-test-text-muted);
        font-weight: 600;
    }

    .gorusmenotu.acenta ul {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin: 10px 0 0;
        padding: 0;
        list-style: none;
    }

    .gorusmenotu.acenta ul > li {
        width: 100% !important;
        margin: 0;
        background: var(--gorusme-test-page-bg);
        border: 1px solid var(--isliste-tb-border);
        border-radius: 8px;
        padding: 8px 10px;
        box-sizing: border-box;
    }

    .gorusmenotu.acenta h2 {
        font-weight: 700;
        font-size: 10px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: var(--isliste-tb-muted);
        margin: 0 0 4px;
    }

    .gorusmenotu.acenta p {
        font-size: 13px !important;
        line-height: 1.45 !important;
        color: var(--gorusme-test-text) !important;
        margin: 0;
    }

/* Liste hücresindeki .gorusmenotu > div kuralı (380px) acenta popup’ı ezmesin */
.table.liste > tbody > tr > td .gorusmenotu.acenta > div.close {
    max-height: none;
    overflow: visible;
}

.table.liste > tbody > tr > td .gorusmenotu.acenta > div.itemhead {
    max-height: min(58vh, 400px);
}


.gorusme .popupcont {
    position: absolute;
    top: 0px;
    right: -10px;
    background: #018e0c;
    color: #fff;
    font-size: 9px;
    border-radius: 100%;
    min-width: 15px;
    min-height: 15px;
    align-content: center;
    align-items: center;
    z-index: 1; /* Üst katmanda yer almasını sağlar */
    pointer-events: auto; /* Tıklanabilir hale getirir */
    display: flex;
    justify-content: center;
}

.randevunotu > div, .gorusmeekle > div, .gorusmenotu > div {
    max-height: 60vh;
    overflow-y: auto
}

.messageaddlist > div:not(.close) {
    max-height: min(60vh, 520px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 48px 18px 18px;
    scrollbar-color: var(--isliste-tb-border) transparent;
}

.messageaddlist > div:not(.close)::-webkit-scrollbar {
    width: 6px;
}

.messageaddlist > div:not(.close)::-webkit-scrollbar-thumb {
    background: var(--isliste-tb-border);
    border-radius: 999px;
}


.randevunotu > div, .gorusmenotu > div {
    position: relative;
    max-height: 90vh;
    overflow: hidden;
    overflow-y: auto;
}

.itemhead {
    padding-right: 15px;
}

.randevunotu .close, .gorusmeekle .close, .gorusmenotu .close, .musterikayit .close,
.musteri-proje-popover .close {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 9;
    border: 1px solid #ccc;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
}

.messageaddlist .close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    border: 1px solid var(--isliste-tb-border);
    border-radius: 999px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.95);
    cursor: pointer;
    box-shadow: 0 2px 8px var(--isliste-tb-shadow);
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}

.messageaddlist .close:hover {
    background: var(--gorusme-test-info-bg);
    border-color: rgba(13, 148, 136, 0.35);
    box-shadow: 0 4px 12px var(--isliste-tb-shadow);
}

.messageaddlist .close:active {
    transform: scale(0.96);
}

.messageaddlist .close .material-symbols-outlined,
.messageaddlist .close span {
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    color: var(--isliste-tb-muted);
}

.messageaddlist .close:hover .material-symbols-outlined,
.messageaddlist .close:hover span {
    color: var(--isliste-tb-accent-dark);
}

    .randevunotu .close span, .gorusmeekle .close span, .gorusmenotu .close span, .musterikayit .close span,
    .musteri-proje-popover .close span {
        font-size: 14px;
        line-height: 18px;
        font-weight: 800;
    }

.gorusmenotu .item, .randevunotu .item {
    margin-bottom: 15px;
}

.gorusmeekle .item {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: space-between;
    width: 100%;
}

    .gorusmeekle .item > div:first-child {
        width: 100%;
    }

    .gorusmeekle .item > div:last-child {
        width: 100%;
    }

.gorusmeekle h1, .gorusmenotu h1, .randevunotu h1 {
    font-weight: 600;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    margin-bottom: 7px;
    background: #e8e1db;
    padding: 4px 7px;
}

    .gorusmeekle > h1 > span, .gorusmenotu h1 > span, .randevunotu h1 > span {
        font-size: 11px;
    }

.gorusmeekle > ul, .gorusmenotu ul, .randevunotu ul, .ikilitab ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
}

    .gorusmenotu ul > li, .randevunotu ul > li {
        width: 49%;
    }

.gorusmenotu h2, .randevunotu h2 {
    font-weight: 600;
    font-size: 11px;
    margin-bottom: 3px;
}

.messageaddlist h2 {
    font-weight: 700;
    font-size: 10px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--isliste-tb-muted);
    margin: 0 0 4px;
}

.gorusmeekle ul {
    margin-top: 9px;
}

    .gorusmeekle ul:first-child {
        margin-top: 0
    }

    .gorusmeekle ul:first-child {
        margin-top: 0
    }

    .gorusmeekle ul > li {
    }

.gorusmenotu ul.kampanyalist {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .gorusmenotu ul.kampanyalist > li {
        width: calc(25% - 8px);
    }

.gorusmeekle p, .gorusmenotu p, .randevunotu p {
    font-size: 12px;
    line-height: 14px;
    color: #555;
}

.messageaddlist p {
    font-size: 13px;
    line-height: 1.45;
    color: var(--gorusme-test-text);
    margin: 0 0 8px;
}

.messageaddlist span {
    font-size: 13px;
    line-height: 1.45;
    color: var(--gorusme-test-text);
}

.messageaddlist fieldset {
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
    padding: 14px 14px 12px;
    margin: 0 0 14px;
    box-shadow: 0 1px 3px var(--isliste-tb-shadow);
}

.messageaddlist fieldset legend {
    color: var(--isliste-tb-accent);
    font-weight: 700;
    font-size: 12px;
    letter-spacing: -0.02em;
    padding: 0 8px;
    margin: 0;
}

.messageaddlist .ikilitab ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
    margin-bottom: 6px;
    flex-direction: unset;
    justify-content: unset;
    align-items: stretch;
}

.messageaddlist .ikilitab ul > li {
    flex: 1;
    min-width: 0;
    background: var(--gorusme-test-page-bg);
    border: 1px solid var(--isliste-tb-border);
    border-radius: 8px;
    padding: 8px 10px;
    box-sizing: border-box;
}

.messageaddlist .ikilitab ul > li:last-child {
    margin-bottom: 0;
}

/* Dikey sıra: ad / ara alanlar / tip / en altta e-posta; uzun mail satır kırılır */
.messageaddlist .ikilitab.messageaddlist-stack ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
    grid-template-columns: unset;
}

.messageaddlist .ikilitab.messageaddlist-stack ul > li {
    flex: none;
    width: 100%;
    max-width: 100%;
}

.messageaddlist .ikilitab ul li p,
.messageaddlist .messageaddlist-email {
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
}

.messageaddlist .messageaddlist-proje {
    font-weight: 700;
    color: var(--isliste-tb-accent);
    margin-right: 6px;
}

.messageaddlist .messageaddlist-meta {
    font-size: 0.9em;
    color: var(--isliste-tb-muted);
}

.gorusmeekle ul {
}

    .gorusmeekle ul > li {
    }

        .gorusmeekle ul > li h2 {
            font-weight: 600;
            font-size: 12px;
            display: flex;
            flex-direction: column;
            margin-bottom: 0;
            padding: 0;
            color: #000000;
        }

            .gorusmeekle ul > li h2 > span {
                color: #fff;
                font-size: 11px;
                line-height: 14px;
                margin-left: 5px;
            }

        .gorusmeekle ul > li label {
            font-size: 11px;
            font-weight: 600;
            display: block;
        }

.ikili {
}

.takip-area {
    width: 100%;
    margin-top: 15px;
}

.neden-area {
    width: 100%;
    margin-top: 15px;
}

.neden-autocomplete-wrap {
    position: relative;
}

.neden-area .nedenInput,
.neden-autocomplete-wrap .nedenInput {
    height: 30px;
    min-height: 30px;
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
    overflow-y: auto;
}

.neden-etiket-kutu {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    align-items: center;
}

.neden-etiket {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 6px;
    background: #eef2f7;
    border: 1px solid #cbd5e1;
    font-size: 10px;
    cursor: pointer;
    line-height: 1.3;
    user-select: none;
    color: #334155;
    font-weight: 600;
}

.neden-etiket:hover {
    background: #dbeafe;
    border-color: #93c5fd;
}

.yonlendirme-area {
    width: 100%;
    margin-top: 12px;
}

.yonlendirme-card {
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: linear-gradient(165deg, #f8fafc 0%, #f1f5f9 100%);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.yonlendirme-hint {
    margin: 0 0 10px;
    font-size: 12px;
    color: #64748b;
    line-height: 1.4;
}

.yonlendirme-label {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    margin: 8px 0 4px;
}

.yonlendirme-card select.yonlendirme-proje-select,
.yonlendirme-card select.yonlendirme-temsilci-select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    font-size: 13px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
}

.yonlendirme-card select.yonlendirme-temsilci-select:disabled {
    background: #f1f5f9;
    color: #94a3b8;
}

.gorusme-test-page .yonlendirme-card select.yonlendirme-proje-select,
.gorusme-test-page .yonlendirme-card select.yonlendirme-temsilci-select {
    border: 1px solid var(--gorusme-test-border, #cbd5e1);
    background: var(--gorusme-test-surface, #fff);
    color: var(--gorusme-test-text, #0f172a);
}

.gorusmeekle .ikili input {
    width: 30px;
    margin-bottom: 3px;
}

.gorusmeekle .ikili.altsatir input {
    width: 100%;
    margin-bottom: 0px;
}

.gorusmeekle .ikili {
    width: auto;
    display: flex;
    justify-content: flex-start;
}

.ikili > div {
    display: flex;
    align-items: center;
    align-content: center;
}

.ikili.altsatir > div {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    flex-direction: column;
    width: 48%;
}

    .ikili.altsatir > div:first-child {
        margin-right: 4%;
    }

    .ikili.altsatir > div:last-child {
    }

.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 22px;
    left: 2px;
    bottom: 1px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #018e0c;
}

    input:checked + .slider:before {
        transform: translateX(26px);
        width: 22px;
        left: 6px;
    }

.hidden {
    display: none;
}

.fiyatgiris {
    width: 100%;
    display: flex;
    align-items: center;
}

    .fiyatgiris > div:first-child {
    }

    .fiyatgiris > .kur {
        display: flex;
        align-items: center;
    }

        .fiyatgiris > .kur > input {
            width: 60px;
        }

.psrelative {
    position: relative
}

.aralik {
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .aralik > label {
        width: calc(49% - 10px);
    }

        .aralik > label:nth-child(2) {
            width: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

.randevu-aralik-wrap .aralik {
    max-width: 350px
}

.aralik input, .aralik textarea {
    width: 100%
}

.altpagehead .aralik {
    margin-top: 0
}

    .altpagehead .aralik > label:nth-child(2) {
        margin: 0 5px
    }

.listedate {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

    .listedate > div {
        font-size: 11px;
    }

        .listedate > div > span {
            font-size: 14px;
            padding: 0 3px;
        }

        .listedate > div > label {
            font-size: 11px;
            line-height: 14px;
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-right: 5px
        }

            .listedate > div > label:last-child {
                margin-right: 0
            }

        .listedate > div:nth-child(2) {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

.listedateupdate {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px
}

.tablofilter {
    width: 100%;
    background: #ebe7df;
    margin-bottom: 1px;
}

.tablofiltermain {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px 10px;
    justify-content: flex-start;
    padding: 15px;
    align-items: flex-end;
    position: relative;
    display: none !important;
}

    .tablofiltermain .item {
        width: 145px;
    }

        .tablofiltermain .item.kisa {
            width: 90px;
        }

        .tablofiltermain .item.orta {
            width: 100px;
        }

        .tablofiltermain .item.takvim {
            width: auto;
            background: #d9d5cd;
            padding: 8px 5px;
            border-radius: 5px;
            position: relative;
        }

        .tablofiltermain .item > label {
            width: 136px;
            font-size: 11px;
            margin-bottom: 2px;
            padding-left: 10px;
        }

        .tablofiltermain .item > select {
            font-size: 11px;
        }

            .tablofiltermain .item > select > option {
                font-size: 11px;
            }

.hfixed {
    /*    height: calc(100vh - 152px);*/
    overflow-y: auto;
    padding: 0 !important;
    scrollbar-width: thin;
    scrollbar-color: #8c8c8c #f0f0f0;
    /*    min-height:40vh;*/
}

.boslayout .hfixed {
    height: calc(100vh - 152px)
}

.projeedit .table.liste td.filterable-header {
    min-width: 120px;
}

.hfixed::-webkit-scrollbar {
    width: 8px;
}

.hfixed::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 4px;
}

.hfixed::-webkit-scrollbar-thumb {
    background: #8c8c8c;
    border-radius: 4px;
}

    .hfixed::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.hfixed .tablofilter {
    position: sticky;
    top: 0;
    z-index: 1;
}

.theadfix, .hfixed .table > thead {
    position: sticky;
    z-index: 2;
    top: 0px;
    left: 0
}

.hfixed .table > tfoot {
    position: sticky;
    bottom: -1px;
    z-index: 1;
}

.hidden {
    display: none;
}

#datePicker {
    position: absolute;
    top: 38px;
    right: 0;
    z-index: 1000;
    width: 520px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    font-family: Arial, sans-serif;
}

.date-picker-content {
    display: flex;
}

.date-picker-left {
    padding: 10px;
    background: #f7f7f7;
    border-right: 1px solid #ddd;
}

.quick-select {
    display: block;
    width: 100%;
    padding: 5px 7px;
    margin: 4px 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    text-align: left;
    font-size: 11px;
}

    .quick-select:hover {
        background: #e7e7e7;
    }

.date-picker-right {
    padding: 10px;
    flex: 2;
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #f1f1f1;
}

    .calendar-header > button {
        padding: 5px 5px;
        border: 0;
    }

    .calendar-header .month-year-container {
        display: flex;
        font-size: 16px;
        align-items: center;
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

        .calendar-header .month-year-container > div {
            display: flex;
            align-items: center;
            width: 49%;
            margin: 0;
        }

            .calendar-header .month-year-container > div > select:last-child {
                width: 100px;
            }

    .calendar-header select {
        padding: 5px;
        font-size: 11px;
        padding: 1px;
    }

        .calendar-header select * {
            font-size: 11px;
        }

    .calendar-header button:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

#calendarGrid {
    display: flex;
    margin-top: 10px;
}

.calendar-cell {
    padding: 10px;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .calendar-cell:hover {
        background: #e7e7e7;
    }

    .calendar-cell.selected {
        background-color: #f0f8ff;
        border: 1px solid #2196f3;
        border-radius: 50%;
        font-weight: bold;
        color: #2196f3;
    }

    .calendar-cell.empty {
        pointer-events: none;
        visibility: hidden;
    }

.calendar-header-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

    .calendar-header-days .day-name {
        font-size: 9px;
        text-align: center;
    }

.date-picker-footer {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-top: 1px solid #ddd;
    background: #f7f7f7;
}

    .date-picker-footer button {
        padding: 8px 16px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 14px;
    }

#cancelButton {
    background: #f0f0f0;
}

#applyButton {
    background: #007bff;
    color: #fff;
}

.takvim .calendar-column {
    width: 48%;
    background-color: #ffffff;
    padding: 10px;
}

.takvim .calendar-header-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.takvim .calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 3px;
}

    .takvim .calendar-days .day {
        text-align: center;
        padding: 3px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        border-radius: 3px;
        font-size: 10px;
    }

        .takvim .calendar-days .day:hover {
            background-color: #ddd;
        }

    .takvim .calendar-days .empty-day {
        background-color: transparent;
    }

.calendar-cell.selected {
    background-color: #007bff;
    color: white;
}

.selected-range {
    background: #e5e5e5;
}


/*takvim bitti*/

.pagination-container {
}

.pagination {
    display: flex;
}

    .pagination > li {
        border: 1px solid #5a5a5a;
        margin: 3px;
    }

        .pagination > li a {
            color: #ffffff;
            padding: 5px 7px;
            font-size: 10px;
        }

        .pagination > li.active {
            background: #ff0000;
            border: 1px solid #ff0000;
        }

            .pagination > li.active a {
            }

.hfixed .table > tfoot select {
    padding: 1px 0;
}

.hfixed .table.liste > tfoot select {
    padding: 0.45rem 2rem 0.45rem 0.65rem;
}

fieldset {
    border: 1px solid #f1f1f1;
    padding: 10px;
    border-radius: 8px;
    width: 100%;
}

    fieldset legend {
        padding: 0 5px;
        font-weight: 600;
        font-size: 12px;
    }

.messageaddlist .itemhead {
    padding: 0;
}

    .messageaddlist .itemhead > h6 {
        font-size: 13px;
        font-weight: 700;
        color: var(--gorusme-test-text);
        margin-bottom: 6px;
        letter-spacing: -0.02em;
    }

    .messageaddlist .itemhead > hr {
        margin: 14px 0;
        border: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--isliste-tb-border), transparent);
    }

    .messageaddlist .itemhead > p {
        font-size: 13px !important;
        line-height: 1.45 !important;
        color: var(--isliste-tb-muted) !important;
    }

    .messageaddlist .itemhead > div {
        display: flex;
        flex-direction: row;
        align-content: center;
        margin-bottom: 6px;
    }

        .messageaddlist .itemhead > div > span {
            font-size: 13px;
            color: var(--gorusme-test-text);
        }

.durum-radio-list {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-content: center;
}

    .durum-radio-list > span {
        margin-left: 5px;
        margin-bottom: 0 !important;
    }

    .durum-radio-list > input {
        width: 15px !important;
    }

.takipSecim > option {
    font-size: 11px;
    line-height: 14px;
}

/* Popup menü başlangıçta gizli */
.popupmenu {
    display: none;
    position: absolute;
    top: 27px; /* butonun hemen altına yerleşmesi için */
    left: 0;
    background-color: white;
    border: 1px solid #ccc;
    padding: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0s 0.3s; /* Animasyon efekti */
    z-index: 999;
    width: 100%;
    min-width: 143px;
}

    /* Menü öğeleri */
    .popupmenu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .popupmenu li {
        padding: 8px 10px;
        cursor: pointer;
        border-bottom: 1px solid #f1f1f1;
    }

        .popupmenu li:hover {
            background-color: #f0f0f0;
        }

.addmusteri {
    position: relative
}
    /* Butonun üzerine gelindiğinde popup menü görünür hale gelir */
    .addmusteri:hover .popupmenu {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translateY(0); /* Menü açıldığında kayarak gelir */
        transition: opacity 0.3s ease, visibility 0s, transform 0.3s ease; /* Animasyon */
    }

.popupmenubutton {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0.5rem 0.95rem;
    margin: 0;
    font-family: inherit;
    background: var(--app-btn-primary-gradient);
    color: var(--app-btn-primary-text);
    border: 1px solid var(--app-btn-primary-border);
    border-radius: var(--gorusme-test-radius-sm);
    box-shadow: var(--app-btn-primary-shadow);
    cursor: pointer;
    transition: box-shadow 0.18s ease, transform 0.12s ease, filter 0.15s ease, border-color 0.15s ease;
}

    .popupmenubutton:hover {
        filter: brightness(1.06);
        box-shadow: var(--app-btn-primary-shadow-hover);
    }

    .popupmenubutton:active {
        transform: scale(0.98);
        filter: brightness(0.96);
    }

    .popupmenubutton:focus-visible {
        outline: 2px solid var(--gorusme-test-accent);
        outline-offset: 2px;
    }

    .popupmenubutton p,
    .popupmenubutton span {
        color: var(--app-btn-primary-text);
        font-size: 0.8125rem;
        font-weight: 600;
        line-height: 1.35;
        margin: 0;
    }

    .popupmenubutton .material-symbols-outlined {
        font-size: 20px;
        line-height: 1;
        opacity: 0.95;
    }

.popupmenu ul > li p {
    color: #000 !important;
    font-size: 11px;
    line-height: 14px;
}

.popupmenu ul > li:hover p {
}

.kapalı > td {
    background: #eeebe2
}

.listitem {
    display: flex;
    gap: 11px;
    flex-direction: row;
    align-items: center;
}

.items {
    width: 100%;
    max-width: 80px
}

.itemm {
    width: 100%;
    max-width: 110px
}

.flexbir {
    flex: 1
}

.flexiki {
    flex: 2
}

.itemdate {
    width: 100%;
    max-width: 115px;
}

.listitem.bottom {
    align-items: flex-end;
}

.listitem.top {
    align-items: flex-start
}

/* Submenu toggle (global styles) */
.submenu-toggle {
    border: 0 !important;
    background: transparent !important;
    padding: 6px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color .2s ease, transform .2s ease;
}

    .submenu-toggle:hover {
        background-color: #f1f1f1;
    }

    .submenu-toggle:focus-visible {
        outline: 2px solid #007bff;
        outline-offset: 2px;
    }

    .submenu-toggle .material-symbols-outlined {
        font-size: 22px;
        line-height: 1;
        color: #666;
        transition: transform .2s ease, color .2s ease;
    }

    .submenu-toggle.active .material-symbols-outlined {
        transform: rotate(180deg);
        color: #000;
    }

@media (max-width: 768px) {
    .submenu-toggle {
        width: 36px;
        height: 36px;
        padding: 6px;
        border-radius: 8px;
    }

        .submenu-toggle .material-symbols-outlined {
            font-size: 24px;
        }
}


.sagbuton {
    position: absolute;
    right: 16px;
    margin-bottom: 10px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.opsiyondiv > fieldset .main-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px 10px;
    padding: 20px;
}

    .opsiyondiv > fieldset .main-item > div {
        width: calc(50% - 30px)
    }

.havuzmenubar {
    position: relative
}

    .havuzmenubar .sagbuton button {
        padding: 4px 9px;
    }

.menubar {
    display: flex;
    padding: 0px 20px;
}

.dil {
}

.tabbar {
    background: #fff;
    padding: 10px 19px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* border-radius: 10px; */
}

    .tabbar > div {
    }

/* İş listesi — üst filtre / arama çubuğu (IsListesi); renkler :root (--isliste-tb-*) */
.tabbar--is-listesi {
    gap: 14px 24px;
    flex-wrap: wrap;
}

    .tabbar--is-listesi > .tabbar__left,
    .tabbar--is-listesi > .tabbar__right {
        display: flex;
        align-items: center;
        min-width: 0;
    }

    .tabbar--is-listesi > .tabbar__left {
        flex: 1 1 280px;
    }

    .tabbar--is-listesi > .tabbar__right {
        flex: 1 1 240px;
        justify-content: flex-end;
    }

    .tabbar--is-listesi .tabbar__actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        width: 100%;
        min-width: 0;
    }

    .tabbar--is-listesi .urunlistkategori > form > div {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px 12px;
        margin: 0;
    }

    .tabbar--is-listesi .urunlistkategori div div {
        margin-right: 0;
    }

    .tabbar--is-listesi .prelative:has(.select2-container) .custom-arrow {
        display: none;
    }

    .tabbar--is-listesi .prelative .custom-arrow {
        right: 10px;
        font-size: 9px;
        opacity: 0.45;
        color: var(--isliste-tb-muted);
    }

    .tabbar--is-listesi .urunlistkategori div select {
        border: 1px solid var(--isliste-tb-border);
        border-radius: 10px;
        padding: 8px 12px;
        font-size: 13px;
        min-height: 40px;
        background: var(--isliste-tb-surface);
    }

    .tabbar--is-listesi .select2-container {
        width: min(320px, 100%) !important;
    }

    .tabbar--is-listesi .buton {
        padding: 10px 18px;
        border-radius: 10px;
        border: none;
        background: var(--isliste-tb-accent);
        color: #fff !important;
        font-weight: 600;
        font-size: 13px;
        cursor: pointer;
        transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
    }

    .tabbar--is-listesi .buton:hover {
        filter: brightness(1.06);
        box-shadow: 0 4px 14px rgba(13, 148, 136, 0.35);
    }

    .tabbar--is-listesi .urunlistkategori h1.button.red {
        margin: 0;
        display: inline-flex;
        align-items: center;
        padding: 10px 16px;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 700;
        border: 1px solid #fecaca;
        background: linear-gradient(180deg, #fff1f2 0%, #ffe4e6 100%);
        color: #9f1239 !important;
        line-height: 1.3;
        cursor: default;
    }

    .tabbar--is-listesi .popupmenubutton.tabbar__btn-primary {
        margin: 0;
        padding: 10px 16px;
        gap: 8px;
        border-radius: 10px;
        border: none;
        background: linear-gradient(180deg, var(--isliste-tb-accent-dark) 0%, var(--isliste-tb-accent) 100%);
        box-shadow: 0 2px 10px rgba(13, 148, 136, 0.3);
        transition: transform 0.1s ease, box-shadow 0.15s ease, filter 0.15s ease;
    }

    .tabbar--is-listesi .popupmenubutton.tabbar__btn-primary:hover {
        filter: brightness(1.05);
        box-shadow: 0 4px 16px rgba(13, 148, 136, 0.38);
    }

    .tabbar--is-listesi .popupmenubutton.tabbar__btn-primary:active {
        transform: translateY(1px);
    }

    .tabbar--is-listesi .popupmenubutton.tabbar__btn-primary .tabbar__btn-primary-text {
        flex: 1 1 auto;
        min-width: 0;
        text-align: left;
        color: #fff !important;
        font-size: 13px;
        font-weight: 600;
    }

    .tabbar--is-listesi .popupmenubutton.tabbar__btn-primary .add_icon,
    .tabbar--is-listesi .popupmenubutton.tabbar__btn-primary .tabbar__btn-primary-chevron {
        color: #fff !important;
    }

    .tabbar--is-listesi .popupmenubutton.tabbar__btn-primary .add_icon {
        font-size: 20px;
    }

    .tabbar--is-listesi .popupmenubutton.tabbar__btn-primary .tabbar__btn-primary-chevron {
        margin-left: auto;
        flex-shrink: 0;
        font-size: 22px;
        line-height: 1;
        opacity: 0.9;
        transition: transform 0.2s ease;
    }

    .tabbar--is-listesi .addmusteri--click-tabbar.is-dropdown-open .tabbar__btn-primary-chevron {
        transform: rotate(180deg);
    }

    /* Hover ile açılmasın — yalnızca tıklama (IsListesi) */
    .tabbar--is-listesi .addmusteri--click-tabbar:hover:not(.is-dropdown-open) .popupmenu {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .tabbar--is-listesi .addmusteri--click-tabbar.is-dropdown-open .popupmenu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .tabbar--is-listesi .tabbar__popupmenu {
        top: calc(100% + 8px);
        left: 0;
        right: auto;
        width: max-content;
        min-width: 260px;
        max-width: min(320px, calc(100vw - 48px));
        border-radius: 14px;
        border: 1px solid var(--isliste-tb-border);
        background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
        box-shadow: 0 18px 48px rgba(15, 23, 42, 0.14), 0 0 0 1px rgba(13, 148, 136, 0.06);
        overflow: hidden;
        z-index: 10040;
        padding: 0;
    }

    .tabbar--is-listesi .tabbar__popupmenu-head {
        padding: 10px 14px 8px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--isliste-tb-muted);
        border-bottom: 1px solid var(--isliste-tb-border);
        background: rgba(241, 245, 249, 0.65);
    }

    .tabbar--is-listesi .tabbar__popupmenu-list {
        list-style: none;
        margin: 0;
        padding: 6px;
    }

    .tabbar--is-listesi .tabbar__popupmenu-list > li {
        padding: 0;
        margin: 0;
        border: none !important;
        border-bottom: none !important;
    }

    .tabbar--is-listesi .tabbar__popupmenu-item {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
        margin: 0;
        padding: 11px 12px;
        border: none;
        border-radius: 10px;
        background: transparent;
        text-align: left;
        cursor: pointer;
        font-family: inherit;
        font-size: 14px;
        font-weight: 600;
        color: #0f172a;
        transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
    }

    .tabbar--is-listesi .tabbar__popupmenu-item-icon {
        flex-shrink: 0;
        font-size: 22px;
        color: var(--isliste-tb-accent);
        opacity: 0.92;
    }

    .tabbar--is-listesi .tabbar__popupmenu-item-text {
        flex: 1 1 auto;
        min-width: 0;
        line-height: 1.35;
    }

    .tabbar--is-listesi .tabbar__popupmenu-item:hover {
        background: rgba(13, 148, 136, 0.1);
        color: var(--isliste-tb-accent-dark);
    }

    .tabbar--is-listesi .tabbar__popupmenu-item:hover .tabbar__popupmenu-item-icon {
        color: var(--isliste-tb-accent-dark);
    }

    .tabbar--is-listesi .tabbar__popupmenu-item:focus {
        outline: none;
        background: rgba(13, 148, 136, 0.14);
        box-shadow: inset 0 0 0 2px rgba(13, 148, 136, 0.35);
    }

    .tabbar--is-listesi .tabbar__btn-clear {
        margin: 0;
        padding: 10px 14px;
        border-radius: 10px;
        font-size: 13px;
        font-weight: 600;
        border: 1px solid #fecaca;
        background: linear-gradient(180deg, #fef2f2 0%, #fee2e2 100%);
        box-shadow: 0 1px 4px rgba(185, 28, 28, 0.12);
        transition: filter 0.15s ease, box-shadow 0.15s ease;
        color: #991b1b !important;
    }

    .tabbar--is-listesi .tabbar__btn-clear,
    .tabbar--is-listesi .tabbar__btn-clear * {
        color: #991b1b !important;
    }

    .tabbar--is-listesi .tabbar__btn-clear:hover {
        filter: brightness(0.98);
        box-shadow: 0 2px 8px rgba(185, 28, 28, 0.18);
    }

    .tabbar--is-listesi .tabbar__btn-clear span {
        margin-right: 6px;
        font-size: 18px;
    }

    .tabbar--is-listesi .searchbar.tabbar__search {
        margin-right: 0;
        flex: 1 1 200px;
        min-width: 180px;
        max-width: 360px;
    }

    .tabbar--is-listesi .searchbar.tabbar__search > input {
        width: 100%;
        box-sizing: border-box;
        padding: 10px 14px 10px 40px;
        border: 1px solid var(--isliste-tb-border);
        border-radius: 10px;
        font-size: 14px;
        color: #0f172a;
        background: var(--isliste-tb-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='5.5'/%3E%3Cpath d='M12.5 12.5 16 16'/%3E%3C/svg%3E") no-repeat 12px center;
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
    }

    .tabbar--is-listesi .searchbar.tabbar__search > input::placeholder {
        color: #94a3b8;
    }

    .tabbar--is-listesi .searchbar.tabbar__search > input:hover {
        border-color: #cbd5e1;
    }

    .tabbar--is-listesi .searchbar.tabbar__search > input:focus {
        outline: none;
        border-color: var(--isliste-tb-accent);
        box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.18);
    }

@media (max-width: 960px) {
    .tabbar--is-listesi {
        flex-direction: column;
        align-items: stretch;
    }

    .tabbar--is-listesi > .tabbar__right {
        justify-content: stretch;
    }

    .tabbar--is-listesi .tabbar__actions {
        justify-content: flex-start;
    }

    .tabbar--is-listesi .searchbar.tabbar__search {
        max-width: none;
        flex: 1 1 100%;
    }
}

/* Müşteri listesi (Musteriler/MusteriListesi) — tabbar İş listesi ile aynı; sol blok kullanılmıyor */
.tabbar--musteri-listesi > .tabbar__left.tabbar__left--collapse {
    display: none;
}

.tabbar--musteri-listesi > .tabbar__right {
    flex: 1 1 100%;
    min-width: 0;
    justify-content: flex-end;
}

/* ========== Select2 — global (tüm sayfalar; İş Listesi / dateFilterForm ile aynı tema) ========== */

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            background-color: transparent;
            border: none;
            font-size: 1em
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline;
            list-style: none;
            padding: 0
        }

        .select2-container .select2-selection--multiple .select2-selection__clear {
            background-color: transparent;
            border: none;
            font-size: 1em
        }

    .select2-container .select2-search--inline .select2-search__field {
        box-sizing: border-box;
        border: none;
        font-size: 100%;
        margin-top: 5px;
        margin-left: 5px;
        padding: 0;
        max-width: 100%;
        resize: none;
        height: 18px;
        vertical-align: bottom;
        font-family: sans-serif;
        overflow: hidden;
        word-break: keep-all
    }

        .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

    .select2-search--dropdown.select2-search--hide {
        display: none
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        height: 26px;
        margin-right: 20px;
        padding-right: 0px
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

    .select2-container--default .select2-selection--multiple.select2-selection--clearable {
        padding-right: 25px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        font-weight: bold;
        height: 20px;
        margin-right: 10px;
        margin-top: 5px;
        position: absolute;
        right: 0;
        padding: 1px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        box-sizing: border-box;
        display: inline-block;
        margin-left: 5px;
        margin-top: 5px;
        padding: 0;
        padding-left: 20px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        cursor: default;
        padding-left: 8px;
        padding-right: 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        background-color: transparent;
        border: none;
        border-right: 1px solid #aaa;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        color: #999;
        cursor: pointer;
        font-size: 1em;
        font-weight: bold;
        padding: 0 4px;
        position: absolute;
        left: 0;
        top: 0
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
            background-color: #f1f1f1;
            color: #333;
            outline: none
        }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em
                    }

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        height: 26px;
        margin-right: 20px
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
        background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
        background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: none
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        display: inline-block;
        margin-left: 5px;
        margin-top: 5px;
        padding: 0
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
        cursor: default;
        padding-left: 2px;
        padding-right: 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        background-color: transparent;
        border: none;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        color: #888;
        cursor: pointer;
        font-size: 1em;
        font-weight: bold;
        padding: 0 4px
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
            outline: none
        }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}



.select2-container {
    max-width: 100%;
}

.select2-container--default .select2-selection--multiple {
    min-height: 42px !important;
    border: 1px solid var(--isliste-tb-border) !important;
    border-radius: var(--gorusme-test-radius-sm) !important;
    /* background: var(--isliste-tb-surface) !important; */
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: var(--isliste-tb-accent) !important;
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 6px !important;
    border: 1px solid #ccfbf1 !important;
    background: #f0fdfa !important;
    padding: 2px 6px !important;
    font-size: 12px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 11px;
    font-weight: 600;
    padding-left: 9px;
}

.select2-container--default .select2-selection--multiple .select2-search--inline {
    min-width: 120px;
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top: 4px;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: var(--gorusme-test-text) !important;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    resize: none !important;
    min-height: 28px;
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
    color: #94a3b8;
    font-weight: 500;
}

.select2-container--default .select2-selection--single {
    border: 1px solid var(--isliste-tb-border) !important;
    border-radius: var(--gorusme-test-radius-sm) !important;
    background: var(--isliste-tb-surface) !important;
    min-height: 42px !important;
    height: auto !important;
    padding: 2px 0;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    padding-left: 12px;
    padding-right: 28px;
    color: var(--gorusme-test-text);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    right: 6px;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--isliste-tb-accent) !important;
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15);
}

.select2-container--open .select2-dropdown {
    min-width: 250px !important;
    max-width: min(100vw - 24px, 100%);
    box-sizing: border-box;
}

.select2-dropdown {
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, #f8fafc 100%);
    border: 1px solid var(--isliste-tb-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(13, 148, 136, 0.07);
    overflow: hidden;
    z-index: 10050 !important;
}

.select2-container--open .select2-dropdown.select2-dropdown--below {
    border-top: 1px solid var(--isliste-tb-border) !important;
    border-top-left-radius: 14px !important;
    border-top-right-radius: 14px !important;
    margin-top: 6px;
}

.select2-container--open .select2-dropdown.select2-dropdown--above {
    border-bottom: 1px solid var(--isliste-tb-border) !important;
    border-bottom-left-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
    margin-bottom: 6px;
}

.select2-dropdown .select2-search--dropdown {
    padding: 10px 10px 8px;
    margin: 0;
    background: rgba(241, 245, 249, 0.9);
    border-bottom: 1px solid var(--isliste-tb-border);
}

.select2-dropdown .select2-search--dropdown .select2-search__field {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--isliste-tb-border) !important;
    border-radius: 10px !important;
    padding: 10px 12px 10px 38px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    color: var(--gorusme-test-text) !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7.5' cy='7.5' r='4.8'/%3E%3Cpath d='M11 11l3.5 3.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 11px center;
    outline: none !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.select2-dropdown .select2-search--dropdown .select2-search__field::placeholder {
    color: #94a3b8;
}

.select2-dropdown .select2-search--dropdown .select2-search__field:hover {
    border-color: #cbd5e1 !important;
}

.select2-dropdown .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--isliste-tb-accent) !important;
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.2);
}

.select2-dropdown .select2-results > .select2-results__options {
    max-height: min(300px, 52vh);
    padding: 6px 6px 8px;
    margin: 0;
    scrollbar-width: thin;
    scrollbar-color: var(--isliste-tb-accent) var(--gorusme-test-page-bg);
}

.select2-dropdown .select2-results__options::-webkit-scrollbar {
    width: 8px;
}

.select2-dropdown .select2-results__options::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

.select2-dropdown .select2-results__option {
    padding: 10px 12px !important;
    margin: 2px 0;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #334155;
    line-height: 1.35;
    border: 1px solid transparent;
    transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}

.select2-dropdown .select2-results__option--selectable:hover {
    background: rgba(13, 148, 136, 0.1) !important;
    color: var(--isliste-tb-accent-dark) !important;
}

.select2-dropdown .select2-results__option--highlighted {
    background: rgba(13, 148, 136, 0.14) !important;
    color: var(--isliste-tb-accent-dark) !important;
}

.select2-dropdown .select2-results__option[aria-selected="true"],
.select2-dropdown .select2-results__option--selected {
    background: linear-gradient(90deg, rgba(13, 148, 136, 0.18) 0%, rgba(13, 148, 136, 0.08) 100%) !important;
    border-color: rgba(13, 148, 136, 0.35);
    color: var(--isliste-tb-accent-dark) !important;
    font-weight: 600;
}

.select2-dropdown .select2-results__option--disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.select2-dropdown .select2-results__message {
    padding: 16px 14px;
    margin: 4px 6px;
    border-radius: 10px;
    background: #f8fafc;
    color: var(--isliste-tb-muted);
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

.select2-dropdown .select2-results__group {
    padding: 12px 14px 6px;
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--isliste-tb-muted);
}

.select2-dropdown .loading-results {
    padding: 12px 14px !important;
    color: var(--isliste-tb-muted);
    font-size: 13px;
}

/* Havuz / proje şeridi (#projeMenuScroll) — reset :root ile uyumlu */
.modern-havuz-menu {
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
    overflow: hidden;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius);
    box-shadow: 0 2px 12px -4px var(--isliste-tb-shadow);
}

.menu-container {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
    gap: 0;
    background: transparent;
}

.menu-scroll,
.modern-havuz-menu .menu-scroll,
#projeMenuScroll.menu-scroll {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 12px 12px 14px;
    gap: 10px;
    flex: 1;
    white-space: nowrap;
    min-width: 0;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    scrollbar-width: thin;
    scrollbar-color: var(--isliste-tb-accent) var(--gorusme-test-page-bg);
}

    .menu-scroll::-webkit-scrollbar,
    #projeMenuScroll::-webkit-scrollbar {
        height: 9px;
    }

    .menu-scroll::-webkit-scrollbar-track,
    #projeMenuScroll::-webkit-scrollbar-track {
        margin: 0 8px;
        background: var(--gorusme-test-page-bg);
        border-radius: 999px;
        box-shadow: inset 0 0 0 1px var(--app-switch-thumb-border);
    }

    .menu-scroll::-webkit-scrollbar-thumb,
    #projeMenuScroll::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: linear-gradient(90deg, var(--isliste-tb-border), rgba(13, 148, 136, 0.45));
        border: 2px solid transparent;
        background-clip: padding-box;
    }

    .menu-scroll::-webkit-scrollbar-thumb:hover,
    #projeMenuScroll::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(90deg, var(--isliste-tb-accent-dark), var(--isliste-tb-accent));
        background-clip: padding-box;
    }

/*kullanıcı ekle*/
/**
 * Kullanıcı ekle/düzenle modalı — yalnızca #kul-kui-scope içinde geçerli.
 * Global reset.css / default.css ile çakışmayı önlemek için tüm kurallar bu köke bağlıdır.
 */
#kul-kui-scope {
    --kul-accent: #0d9488;
    --kul-accent-soft: rgba(13, 148, 136, 0.12);
    --kul-border: #e2e8f0;
    --kul-text: #0f172a;
    --kul-muted: #64748b;
    --kul-radius: 10px;
    --kul-radius-lg: 14px;
    font-family: inherit;
    box-sizing: border-box;
}

    #kul-kui-scope *,
    #kul-kui-scope *::before,
    #kul-kui-scope *::after {
        box-sizing: border-box;
    }

/*
 * default.css (form > div, form > div > div, form > div > div fieldset …) ve
 * reset.css (.onepageContent > form .ikili …) — #kullaniciekle içinde tam genişlik / sütun düzeni.
 */
form#kullaniciekle > #kul-kui-scope {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
    flex-wrap: nowrap;
    gap: 0;
}

    form#kullaniciekle > #kul-kui-scope > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        flex: 0 0 auto;
        align-self: stretch;
    }

        form#kullaniciekle > #kul-kui-scope > div.kul-kui-grid-2 {
            display: grid;
        }

    form#kullaniciekle > #kul-kui-scope .tekli > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
    }

    form#kullaniciekle > #kul-kui-scope fieldset {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        align-content: flex-start;
        justify-content: flex-start;
        gap: 0;
        flex-wrap: nowrap;
    }

/* reset.css .onepageContent > form .ikili ve .ikili > div — yatay %49 + kalın padding */
#kul-kui-scope .ikili.kul-kui-ikili {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    align-content: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
}

    #kul-kui-scope .ikili.kul-kui-ikili > div {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        box-sizing: border-box;
        border: none !important;
        padding: 0 !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
    }

/* Üst alan: iki sütun grid */
#kul-kui-scope .kul-kui-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 20px;
    margin-bottom: 16px;
}

@media (max-width: 720px) {
    #kul-kui-scope .kul-kui-grid-2 {
        grid-template-columns: 1fr;
    }
}

#kul-kui-scope .kul-kui-grid-2 > div {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

#kul-kui-scope .kul-kui-grid-2 label {
    font-size: 12px;
    font-weight: 600;
    color: var(--kul-muted);
    letter-spacing: 0.02em;
}

#kul-kui-scope .kul-kui-grid-2 input[type="text"],
#kul-kui-scope .kul-kui-grid-2 input[type="email"],
#kul-kui-scope .kul-kui-grid-2 input[type="password"],
#kul-kui-scope .kul-kui-grid-2 input[type="tel"],
#kul-kui-scope .kul-kui-grid-2 select,
#kul-kui-scope .kul-kui-grid-2 textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--kul-border);
    border-radius: var(--kul-radius);
    font-size: 14px;
    color: var(--kul-text);
    background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s;
}

    #kul-kui-scope .kul-kui-grid-2 input:focus,
    #kul-kui-scope .kul-kui-grid-2 select:focus,
    #kul-kui-scope .kul-kui-grid-2 textarea:focus {
        outline: none;
        border-color: var(--kul-accent);
        box-shadow: 0 0 0 3px var(--kul-accent-soft);
    }

#kul-kui-scope .kul-kui-password-wrap {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

#kul-kui-scope .kul-kui-password-field {
    position: relative;
}

    #kul-kui-scope .kul-kui-password-field input[type="password"],
    #kul-kui-scope .kul-kui-password-field input[type="text"] {
        width: 100%;
        padding-right: 42px;
    }

    #kul-kui-scope .kul-kui-password-field .toggle-icon {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        z-index: 2;
        color: var(--kul-muted);
        font-size: 22px;
        line-height: 1;
        user-select: none;
    }
        /* reset.css .visibility_icon::before ile çift ikon; ligature-only kullanım */
        #kul-kui-scope .kul-kui-password-field .toggle-icon::before {
            content: none !important;
        }

/* Fieldset */
#kul-kui-scope fieldset {
    border: 1px solid var(--kul-border);
    border-radius: var(--kul-radius-lg);
    padding: 14px 16px 16px;
    margin: 0 0 16px 0;
    background: #fafbfc;
}

    #kul-kui-scope fieldset legend {
        font-size: 13px;
        font-weight: 700;
        color: var(--kul-text);
        padding: 0 8px;
    }

    #kul-kui-scope fieldset select {
        width: 100%;
        max-width: 100%;
        padding: 10px 12px;
        border-radius: var(--kul-radius);
        border: 1px solid var(--kul-border);
        font-size: 14px;
        background: #fff;
    }

/* IP / saat satırları */
#kul-kui-scope .kul-kui-ikili {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    #kul-kui-scope .kul-kui-ikili .satir {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        align-content: flex-start;
        gap: 12px;
        border: 1px solid var(--kul-border);
        border-radius: var(--kul-radius-lg);
        padding: 14px 16px;
        background: #fff;
    }
/* reset: .onepageContent > form .ikili > div > div:last-child { width: 80px; margin-left: 23px; } */
#kul-kui-scope .ikili.kul-kui-ikili .satir > div:last-child {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

#kul-kui-scope .ikili.kul-kui-ikili .satir > div:first-child {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    flex-wrap: wrap;
}

    #kul-kui-scope .ikili.kul-kui-ikili .satir > div:first-child > div:last-child {
        margin-left: 0 !important;
        width: auto !important;
        flex-shrink: 0;
    }

#kul-kui-scope .kul-kui-ikili h1 {
    font-size: 15px;
    font-weight: 800;
    margin: 0 0 4px 0;
    color: var(--kul-text);
}

#kul-kui-scope .kul-kui-ikili .satir > div:first-child p {
    margin: 0;
    font-size: 12px;
    color: var(--kul-muted);
    line-height: 1.4;
}

/* Departman kilidi — sadece detay */
#kul-kui-scope #kulKuiIzinDetay.departman-gerekli-kilit {
    opacity: 0.55;
    pointer-events: none;
    user-select: none;
    position: relative;
}

    #kul-kui-scope #kulKuiIzinDetay.departman-gerekli-kilit::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.45);
        z-index: 1;
        pointer-events: none;
    }

/* Sihirbaz kabuğu */
#kul-kui-scope .kul-kui-shell {
    margin-top: 10px;
    border-radius: var(--kul-radius-lg);
    border: 1px solid var(--kul-border);
    background: linear-gradient(165deg, #ffffff 0%, #f8fafc 45%, #f1f5f9 100%);
    box-shadow: 0 4px 28px rgba(15, 23, 42, 0.07);
    overflow: hidden;
}

#kul-kui-scope .kul-kui-shell-head {
    padding: 16px 18px 14px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.95);
    background: linear-gradient(90deg, var(--kul-accent-soft) 0%, transparent 60%);
}

#kul-kui-scope .kul-kui-shell-title {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: var(--kul-text);
    letter-spacing: -0.02em;
}

#kul-kui-scope .kul-kui-shell-sub {
    margin: 8px 0 0;
    font-size: 12px;
    color: var(--kul-muted);
    line-height: 1.5;
    max-width: 54em;
}

#kul-kui-scope .kul-kui-shell-body {
    padding: 16px 18px 18px;
}

/* Adımlar */
#kul-kui-scope .kul-kui-stepper {
    display: flex;
    flex-direction: column;
    margin-bottom: 18px;
}

#kul-kui-scope .kul-kui-step-row {
    display: grid;
    grid-template-columns: 36px 1fr 22px;
    gap: 12px;
    align-items: start;
    padding: 12px 14px;
    margin: 0 -4px;
    border-radius: var(--kul-radius);
    border-left: 3px solid transparent;
    transition: background 0.15s, border-color 0.15s, opacity 0.15s;
}

    #kul-kui-scope .kul-kui-step-row.is-active {
        background: var(--kul-accent-soft);
        border-left-color: var(--kul-accent);
    }

    #kul-kui-scope .kul-kui-step-row.is-done:not(.is-active) {
        opacity: 0.9;
    }

    #kul-kui-scope .kul-kui-step-row.is-muted {
        opacity: 0.48;
    }

#kul-kui-scope .kul-kui-step-badge {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #475569;
    font-weight: 800;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

#kul-kui-scope .kul-kui-step-row.is-active .kul-kui-step-badge {
    background: var(--kul-accent);
    color: #fff;
}

#kul-kui-scope .kul-kui-step-row.is-done .kul-kui-step-badge {
    background: #14b8a6;
    color: #fff;
}

#kul-kui-scope .kul-kui-step-label {
    display: block;
    font-weight: 700;
    font-size: 13px;
    color: var(--kul-text);
}

#kul-kui-scope .kul-kui-step-hint {
    display: block;
    font-size: 11px;
    color: var(--kul-muted);
    margin-top: 4px;
    line-height: 1.35;
}

#kul-kui-scope .kul-kui-step-check {
    font-size: 18px;
    color: #cbd5e1;
    line-height: 28px;
    text-align: center;
}

#kul-kui-scope .kul-kui-step-row.is-done .kul-kui-step-check {
    color: var(--kul-accent);
}

/* İzin modu kartları — tam alan tıklanabilir radyo */
#kul-kui-scope .kul-kui-izin-panel {
    border: 1px solid var(--kul-border);
    border-radius: 12px;
    padding: 16px 18px;
    background: #fff;
    margin-bottom: 14px;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05);
}

#kul-kui-scope .kul-kui-izin-panel-head {
    margin-bottom: 14px;
}

#kul-kui-scope .kul-kui-izin-kicker {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--kul-accent);
    font-weight: 700;
    margin-bottom: 4px;
}

#kul-kui-scope .kul-kui-izin-title {
    display: block;
    font-weight: 800;
    font-size: 16px;
    color: var(--kul-text);
    letter-spacing: -0.02em;
}

#kul-kui-scope .kul-kui-izin-sub {
    display: block;
    font-size: 12px;
    color: var(--kul-muted);
    margin-top: 6px;
    line-height: 1.45;
}
/* Eski .kul-kui-izin-options kaldırıldı — tek satır segment: .kul-kui-izin-seg */
#kul-kui-scope .kul-kui-izin-card {
    display: block;
    margin: 0;
    cursor: pointer;
    position: relative;
    border: 2px solid var(--kul-border);
    border-radius: 12px;
    padding: 0;
    background: #f8fafc;
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s, transform 0.1s;
    overflow: hidden;
}

    #kul-kui-scope .kul-kui-izin-card:hover {
        border-color: #99f6e4;
        background: #fff;
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
        transform: translateY(-1px);
    }

    #kul-kui-scope .kul-kui-izin-card.is-active {
        border-color: var(--kul-accent);
        background: #f0fdfa;
        box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.22);
    }

#kul-kui-scope .kul-kui-izin-radio {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0.01;
    cursor: pointer;
    z-index: 4;
    -webkit-appearance: none;
    appearance: none;
}

#kul-kui-scope .kul-kui-izin-card-body {
    display: block;
    padding: 16px 16px 14px;
    position: relative;
    z-index: 1;
    min-height: 96px;
    pointer-events: none;
}

#kul-kui-scope .kul-kui-izin-ico {
    font-size: 26px;
    color: #94a3b8;
    display: block;
    margin-bottom: 8px;
}

#kul-kui-scope .kul-kui-izin-card.is-active .kul-kui-izin-ico {
    color: var(--kul-accent);
}

#kul-kui-scope .kul-kui-izin-card-name {
    display: block;
    font-weight: 800;
    font-size: 15px;
    color: var(--kul-text);
}

#kul-kui-scope .kul-kui-izin-card-desc {
    display: block;
    font-size: 12px;
    color: var(--kul-muted);
    margin-top: 5px;
    line-height: 1.4;
}

#kul-kui-scope .kul-kui-izin-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 3px 9px;
    border-radius: 999px;
    background: #e2e8f0;
    color: var(--kul-muted);
    opacity: 0;
    z-index: 2;
    pointer-events: none;
}

#kul-kui-scope .kul-kui-izin-card.is-active .kul-kui-izin-badge {
    opacity: 1;
    background: #ccfbf1;
    color: #0f766e;
}

/* Menü listesi — reset .izinler bağımlılığı yok */
#kul-kui-scope .kul-kui-izin-detay {
    margin-top: 4px;
}

#kul-kui-scope .kul-kui-izin-detay-h {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #475569;
    margin: 0 0 10px 0;
}

#kul-kui-scope .kul-kui-izin-list {
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0;
}

    #kul-kui-scope .kul-kui-izin-list .kul-kui-acc {
        border: 1px solid var(--kul-border);
        border-radius: var(--kul-radius);
        margin-bottom: 10px;
        overflow: hidden;
        background: #fff;
    }

#kul-kui-scope .kul-kui-acc-head {
    width: 100%;
    text-align: left;
    padding: 13px 16px;
    border: none;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    font-size: 13px;
    font-weight: 800;
    color: var(--kul-text);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

    #kul-kui-scope .kul-kui-acc-head:hover {
        background: #e2e8f0;
    }

#kul-kui-scope .kul-kui-acc-ico {
    font-size: 11px;
    color: var(--kul-muted);
    transition: transform 0.2s;
}

#kul-kui-scope .kul-kui-acc-head[aria-expanded="false"] .kul-kui-acc-ico {
    transform: rotate(-90deg);
}

#kul-kui-scope .kul-kui-acc-panel {
    padding: 8px 12px 14px 12px;
    border-top: 1px solid var(--kul-border);
    background: #fff;
}

#kul-kui-scope .kul-kui-acc-head[aria-expanded="false"] + .kul-kui-acc-panel {
    display: none !important;
}

#kul-kui-scope .kul-kui-proj-grup + .kul-kui-proj-grup {
    margin-top: 20px;
}

/* Proje alt grupları — accordion’dan ayrı modern ara başlık */
#kul-kui-scope .kul-kui-proj-grup-head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 11px 0;
    padding: 11px 14px 11px 18px;
    border-radius: 12px;
    border: 1px solid var(--kul-border);
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 16px rgba(15, 23, 42, 0.05);
    isolation: isolate;
    overflow: hidden;
}

    #kul-kui-scope .kul-kui-proj-grup-head::before {
        content: "";
        position: absolute;
        inset: 0 0 0 0;
        border-radius: inherit;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, transparent 48%);
        opacity: 0.9;
        z-index: 0;
    }

    #kul-kui-scope .kul-kui-proj-grup-head::after {
        content: "";
        position: absolute;
        left: 0;
        top: 10px;
        bottom: 10px;
        width: 4px;
        border-radius: 0 6px 6px 0;
        z-index: 1;
        pointer-events: none;
        box-shadow: 0 0 12px rgba(13, 148, 136, 0.25);
    }

#kul-kui-scope .kul-kui-proj-grup-head--aktif {
    border-color: rgba(13, 148, 136, 0.28);
    background: linear-gradient(125deg, rgba(240, 253, 250, 0.75) 0%, rgba(248, 250, 252, 0.5) 42%, #ffffff 100%);
}

    #kul-kui-scope .kul-kui-proj-grup-head--aktif::after {
        background: linear-gradient(180deg, #5eead4 0%, var(--kul-accent) 55%, #0f766e 100%);
    }

#kul-kui-scope .kul-kui-proj-grup-head--pasif {
    border-color: rgba(100, 116, 139, 0.28);
    background: linear-gradient(125deg, rgba(241, 245, 249, 0.9) 0%, rgba(248, 250, 252, 0.55) 45%, #ffffff 100%);
}

    #kul-kui-scope .kul-kui-proj-grup-head--pasif::after {
        background: linear-gradient(180deg, #cbd5e1 0%, #64748b 100%);
        box-shadow: 0 0 10px rgba(100, 116, 139, 0.22);
    }

#kul-kui-scope .kul-kui-proj-grup-title {
    position: relative;
    z-index: 2;
    font-size: 13px;
    font-weight: 800;
    color: var(--kul-text);
    letter-spacing: -0.015em;
    line-height: 1.25;
    min-width: 0;
}

#kul-kui-scope .kul-kui-proj-grup-head--pasif .kul-kui-proj-grup-title {
    color: #334155;
}

#kul-kui-scope .kul-kui-proj-grup-head .kul-kui-switch--proj-grup-master {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    margin: 0;
    font-size: 11px;
    padding: 4px 6px;
    margin: -4px -6px -4px 0;
    border-radius: 10px;
    transition: background 0.15s ease;
}

    #kul-kui-scope .kul-kui-proj-grup-head .kul-kui-switch--proj-grup-master:hover {
        background: rgba(255, 255, 255, 0.55);
    }

#kul-kui-scope .kul-kui-switch--proj-grup-master .kul-kui-switch-text {
    min-width: 2.8em;
}

/* Projeler: sabit başlık + toplu anahtar (accordion yok) */
#kul-kui-scope .kul-kui-acc-head--proj {
    cursor: default;
}

    #kul-kui-scope .kul-kui-acc-head--proj:hover {
        background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    }

#kul-kui-scope .kul-kui-acc-head-title {
    flex: 1;
    min-width: 0;
    text-align: left;
}

#kul-kui-scope .kul-kui-switch--proj-master {
    flex-shrink: 0;
    margin: 0;
    font-size: 11px;
}

    #kul-kui-scope .kul-kui-switch--proj-master .kul-kui-switch-text {
        min-width: 2.8em;
    }

#kul-kui-scope .kul-kui-switch-input:indeterminate + .kul-kui-switch-track {
    background: #94a3b8;
}

    #kul-kui-scope .kul-kui-switch-input:indeterminate + .kul-kui-switch-track::after {
        left: 50%;
        transform: translateX(-50%);
    }

#kul-kui-scope .kul-kui-izin-list .item {
    width: 100%;
    padding: 8px 4px 4px;
}

    #kul-kui-scope .kul-kui-izin-list .item > ul:not(.kul-kui-perm-ul) {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 14px 24px;
        align-content: flex-start;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #kul-kui-scope .kul-kui-izin-list .item > ul:not(.kul-kui-perm-ul) > li {
            min-width: 200px;
            flex: 1 1 220px;
        }

            #kul-kui-scope .kul-kui-izin-list .item > ul:not(.kul-kui-perm-ul) > li > label {
                font-weight: 600;
                margin-bottom: 6px;
                display: block;
                font-size: 12px;
                color: var(--kul-text);
            }

#kul-kui-scope .departman-once-uyari {
    display: none;
    padding: 10px 12px;
    border-radius: var(--kul-radius);
    background: #fffbeb;
    border: 1px solid #fcd34d;
    color: #92400e;
    font-size: 12px;
    margin: 0 0 14px 0;
    line-height: 1.45;
}

#kul-kui-scope fieldset > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-bottom: 8px;
    width: 100%;
    box-sizing: border-box;
}

    #kul-kui-scope fieldset > div > fieldset {
        width: 100%;
        margin: 0;
    }

    #kul-kui-scope fieldset > div:last-child {
        margin-bottom: 0;
    }

#kul-kui-scope fieldset fieldset > div {
    margin-bottom: 6px;
}

#kul-kui-scope #ipkisitlama {
    width: 100%;
    min-height: 88px;
    padding: 10px 12px;
    border: 1px solid var(--kul-border);
    border-radius: var(--kul-radius);
    font-size: 13px;
    resize: vertical;
}

/* Ayırıcı */
#kul-kui-scope .kul-kui-hr {
    border: none;
    height: 1px;
    margin: 8px 0 20px 0;
    background: linear-gradient(90deg, transparent, var(--kul-border), transparent);
}

/* Başlık ortak */
#kul-kui-scope .kul-kui-eyebrow {
    display: block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--kul-accent);
    margin-bottom: 6px;
}

#kul-kui-scope .kul-kui-block-title {
    margin: 0 0 6px 0;
    font-size: 17px;
    font-weight: 800;
    color: var(--kul-text);
    letter-spacing: -0.02em;
}

#kul-kui-scope .kul-kui-block-sub {
    margin: 0;
    font-size: 12px;
    color: var(--kul-muted);
    line-height: 1.5;
    max-width: 48em;
}

/* Yetkilendirme kartları */
#kul-kui-scope .kul-kui-yetki-panel {
    margin-bottom: 20px;
    padding: 18px 18px 20px;
    border-radius: var(--kul-radius-lg);
    border: 1px solid var(--kul-border);
    background: linear-gradient(165deg, #fff 0%, #f8fafc 100%);
    box-shadow: 0 2px 16px rgba(15, 23, 42, 0.05);
}

#kul-kui-scope .kul-kui-yetki-head {
    margin-bottom: 16px;
}

#kul-kui-scope .kul-kui-yetki-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

@media (max-width: 720px) {
    #kul-kui-scope .kul-kui-yetki-grid {
        grid-template-columns: 1fr;
    }
}

#kul-kui-scope .kul-kui-yetki-card {
    position: relative;
    display: block;
    margin: 0;
    cursor: pointer;
    border: 2px solid var(--kul-border);
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    background: #f8fafc;
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}

    #kul-kui-scope .kul-kui-yetki-card:hover {
        border-color: #99f6e4;
        background: #fff;
        box-shadow: 0 6px 18px rgba(15, 23, 42, 0.07);
    }

    #kul-kui-scope .kul-kui-yetki-card.is-on {
        border-color: var(--kul-accent);
        background: #f0fdfa;
        box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.18);
    }

#kul-kui-scope .kul-kui-yetki-cb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0.02;
    cursor: pointer;
    z-index: 3;
    -webkit-appearance: none;
    appearance: none;
}

#kul-kui-scope .kul-kui-yetki-card-body {
    display: block;
    padding: 16px 16px 14px;
    position: relative;
    z-index: 1;
    pointer-events: none;
    min-height: 100px;
}

#kul-kui-scope .kul-kui-yetki-ico {
    font-size: 28px;
    color: #94a3b8;
    display: block;
    margin-bottom: 8px;
}

#kul-kui-scope .kul-kui-yetki-card.is-on .kul-kui-yetki-ico {
    color: var(--kul-accent);
}

#kul-kui-scope .kul-kui-yetki-name {
    display: block;
    font-weight: 800;
    font-size: 14px;
    color: var(--kul-text);
}

#kul-kui-scope .kul-kui-yetki-desc {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    color: var(--kul-muted);
    line-height: 1.4;
}

/* İzin bölgesi + departman çubuğu */
#kul-kui-scope .kul-kui-izin-region {
    width: 100%;
}

#kul-kui-scope .kul-kui-departman-bar {
    margin-bottom: 18px;
    padding: 18px 18px 16px;
    border-radius: var(--kul-radius-lg);
    border: 1px solid var(--kul-border);
    background: #fff;
    box-shadow: 0 2px 14px rgba(15, 23, 42, 0.06);
}

#kul-kui-scope .kul-kui-departman-head {
    margin-bottom: 14px;
}

#kul-kui-scope .kul-kui-departman-grid {
    align-items: start;
}

#kul-kui-scope .kul-kui-dep-select-wrap {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

    #kul-kui-scope .kul-kui-dep-select-wrap > label {
        font-size: 12px;
        font-weight: 600;
        color: var(--kul-muted);
    }

    #kul-kui-scope .kul-kui-dep-select-wrap select {
        width: 100%;
        padding: 10px 12px;
        border-radius: var(--kul-radius);
        border: 1px solid var(--kul-border);
        font-size: 14px;
        background: #fff;
    }

#kul-kui-scope .kul-kui-fieldset-min {
    margin: 0 !important;
    padding: 12px 14px 14px !important;
}

#kul-kui-scope .kul-kui-fiyat-fs legend {
    font-size: 12px !important;
}

#kul-kui-scope .kul-kui-fiyat-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 14px 20px;
    align-items: center;
}

/* Fiyat pill’leri (organizasyon satırında .kul-kui-org-dual ile birleşik) */
#kul-kui-scope .kul-kui-fiyat-pills {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    align-items: stretch;
}

#kul-kui-scope .kul-kui-fiyat-pill {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 10px 14px 10px 12px;
    border-radius: 999px;
    border: 1px solid var(--kul-border);
    background: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: var(--kul-text);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    user-select: none;
}

    #kul-kui-scope .kul-kui-fiyat-pill:hover {
        border-color: rgba(13, 148, 136, 0.35);
        box-shadow: 0 2px 10px rgba(13, 148, 136, 0.12);
    }

    #kul-kui-scope .kul-kui-fiyat-pill.is-on {
        border-color: var(--kul-accent);
        background: var(--kul-accent-soft);
        box-shadow: 0 2px 12px rgba(13, 148, 136, 0.18);
    }

#kul-kui-scope .kul-kui-fiyat-pill-ico {
    font-size: 20px;
    opacity: 0.75;
    pointer-events: none;
}

#kul-kui-scope .kul-kui-fiyat-pill.is-on .kul-kui-fiyat-pill-ico {
    color: var(--kul-accent);
    opacity: 1;
}

#kul-kui-scope .kul-kui-fiyat-pill-txt {
    pointer-events: none;
}

#kul-kui-scope .kul-kui-fiyat-pill-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0.02;
    cursor: pointer;
    z-index: 2;
}

#kul-kui-scope .kul-kui-inline-cb {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin: 0;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: var(--kul-text);
}

    #kul-kui-scope .kul-kui-inline-cb input {
        width: 18px;
        height: 18px;
        margin: 0;
        cursor: pointer;
    }

#kul-kui-scope .kul-kui-departman-bar .departman-once-uyari {
    margin-top: 12px;
    margin-bottom: 0;
}

/* Yönetici olmayan: tek departman */
#kul-kui-scope .kul-kui-departman-tek {
    margin-bottom: 16px;
}

    #kul-kui-scope .kul-kui-departman-tek .kul-kui-fieldset-min {
        background: #fafbfc;
    }

/* Şifre bilgi bandı */
#kul-kui-scope .kul-kui-uyari-info {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 18px;
    padding: 16px 18px;
    border-radius: var(--kul-radius-lg);
    border: 1px solid rgba(14, 165, 233, 0.22);
    background: linear-gradient(125deg, rgba(240, 249, 255, 0.92) 0%, #ffffff 52%, rgba(248, 250, 252, 0.98) 100%);
    box-shadow: 0 2px 16px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

#kul-kui-scope .kul-kui-uyari-info__ico {
    flex-shrink: 0;
    font-size: 28px;
    line-height: 1;
    color: #0284c7;
    opacity: 0.95;
    margin-top: 2px;
}

#kul-kui-scope .kul-kui-uyari-info__body {
    min-width: 0;
}

#kul-kui-scope .kul-kui-uyari-info__title {
    margin: 0 0 4px 0;
    font-size: 15px;
    font-weight: 800;
    color: var(--kul-text);
    letter-spacing: -0.02em;
}

#kul-kui-scope .kul-kui-uyari-info__lead {
    margin: 0 0 10px 0;
    font-size: 12px;
    color: var(--kul-muted);
    line-height: 1.5;
}

#kul-kui-scope .kul-kui-uyari-info__list {
    margin: 0;
    padding: 0 0 0 20px;
    font-size: 12px;
    color: #334155;
    line-height: 1.65;
}

    #kul-kui-scope .kul-kui-uyari-info__list li {
        margin-bottom: 2px;
    }

/* Form hata alanı (ek.js → .uyarihata) */
#kul-kui-scope .kul-kui-uyari-hata:empty {
    display: none;
    margin: 0;
    padding: 0;
    border: none;
}

#kul-kui-scope .kul-kui-uyari-hata:not(:empty) {
    display: block;
    margin: 0 0 18px 0;
    padding: 13px 16px;
    border-radius: 12px;
    border: 1px solid rgba(239, 68, 68, 0.32);
    background: linear-gradient(135deg, #fef2f2 0%, #fff 65%);
    box-shadow: 0 2px 12px rgba(185, 28, 28, 0.08);
    font-size: 13px;
    font-weight: 500;
    color: #991b1b;
    line-height: 1.5;
}

    #kul-kui-scope .kul-kui-uyari-hata:not(:empty) p {
        margin: 0;
        color: inherit;
    }

/* Hesap bilgileri — organizasyon kartı ile aynı dil */
#kul-kui-scope .kul-kui-identity-sec {
    margin-bottom: 20px;
}

    #kul-kui-scope .kul-kui-identity-sec .kul-kui-grid-2 {
        margin-bottom: 14px;
    }

    #kul-kui-scope .kul-kui-identity-sec .kul-kui-identity-sec__last-grid {
        margin-bottom: 0;
    }

/* IP + saat: yan yana, kart içi */
#kul-kui-scope .kul-kui-ip-saat-block {
    margin-top: 18px;
}

    #kul-kui-scope .kul-kui-ip-saat-block .kul-kui-dep-bar-lead {
        margin-bottom: 14px;
    }

#kul-kui-scope .kul-kui-ip-saat-dual {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
}

@media (max-width: 900px) {
    #kul-kui-scope .kul-kui-ip-saat-dual {
        grid-template-columns: 1fr;
    }
}

#kul-kui-scope .kul-kui-restrict-pane {
    min-width: 0;
    padding: 14px 16px;
    border-radius: 12px;
    background: linear-gradient(165deg, #fafbfc 0%, #f8fafc 100%);
    border: 1px solid rgba(226, 232, 240, 0.95);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

#kul-kui-scope .kul-kui-restrict-pane__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 4px;
}

#kul-kui-scope .kul-kui-restrict-pane__text {
    min-width: 0;
}

#kul-kui-scope .kul-kui-restrict-pane__title {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: var(--kul-text);
    letter-spacing: -0.015em;
}

#kul-kui-scope .kul-kui-restrict-pane__desc {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: var(--kul-muted);
    line-height: 1.45;
}

#kul-kui-scope .kul-kui-switch--restrict {
    flex-shrink: 0;
    margin: -2px 0 0 0;
    font-size: 11px;
}

    #kul-kui-scope .kul-kui-switch--restrict .kul-kui-switch-text {
        min-width: 2.6em;
    }

#kul-kui-scope .kul-kui-restrict-pane__body {
    margin-top: 12px;
}

#kul-kui-scope .kul-kui-restrict-label {
    display: block;
    margin-bottom: 6px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--kul-muted);
}

#kul-kui-scope .kul-kui-restrict-textarea {
    display: block;
    width: 100%;
    min-height: 92px;
    padding: 11px 13px;
    border-radius: 10px;
    border: 1px solid var(--kul-border);
    background: #fff;
    font-size: 12px;
    line-height: 1.45;
    font-family: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
    color: var(--kul-text);
    resize: vertical;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    #kul-kui-scope .kul-kui-restrict-textarea:focus {
        outline: none;
        border-color: var(--kul-accent);
        box-shadow: 0 0 0 3px var(--kul-accent-soft);
    }

#kul-kui-scope .kul-kui-saat-range {
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px 12px;
    padding: 14px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid var(--kul-border);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05);
}

#kul-kui-scope .kul-kui-saat-range__block {
    flex: 1 1 0;
    min-width: 0;
}

#kul-kui-scope .kul-kui-saat-range__label {
    display: block;
    margin-bottom: 8px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--kul-muted);
}

#kul-kui-scope .kul-kui-saat-range__inputs {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #f1f5f9;
    border: 1px solid rgba(226, 232, 240, 0.98);
    margin-bottom: 0;
}

#kul-kui-scope .kul-kui-saat-sep {
    font-size: 17px;
    font-weight: 800;
    color: #94a3b8;
    line-height: 1;
    user-select: none;
}

#kul-kui-scope .kul-kui-saat-select {
    flex: 1;
    min-width: 0;
    padding: 9px 10px;
    border-radius: 8px;
    border: 1px solid var(--kul-border);
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: var(--kul-text);
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    #kul-kui-scope .kul-kui-saat-select:focus {
        outline: none;
        border-color: var(--kul-accent);
        box-shadow: 0 0 0 2px var(--kul-accent-soft);
    }

@media (max-width: 640px) {
    #kul-kui-scope .kul-kui-saat-range {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Organizasyon şeridi (sade) */
#kul-kui-scope .kul-kui-dep-bar-compact {
    margin-bottom: 18px;
    padding: 16px 18px;
    border-radius: var(--kul-radius-lg);
    border: 1px solid var(--kul-border);
    background: #fff;
    box-shadow: 0 1px 10px rgba(15, 23, 42, 0.05);
}

#kul-kui-scope .kul-kui-dep-bar-lead {
    margin: 0 0 12px 0;
    font-size: 12px;
    color: var(--kul-muted);
    line-height: 1.5;
    max-width: 52em;
}

#kul-kui-scope .kul-kui-dep-bar-compact .kul-kui-org-dual {
    margin-top: 2px;
}

#kul-kui-scope .kul-kui-dep-bar-compact .departman-once-uyari {
    margin-top: 12px;
    margin-bottom: 0;
}

/* Organizasyon: dış çerçeve + içte iki ayrı pane (60% / 40%) */
#kul-kui-scope .kul-kui-org-dual {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 14px;
    align-items: stretch;
    padding: 14px;
    border-radius: 14px;
    background: #f1f5f9;
    border: 1px solid rgba(226, 232, 240, 0.98);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

#kul-kui-scope .kul-kui-org-dual__col {
    display: flex;
    flex-direction: column;
    min-width: 0;
    align-items: stretch;
}

#kul-kui-scope .kul-kui-org-pane {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 100%;
    padding: 14px 16px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid var(--kul-border);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05);
}

#kul-kui-scope .kul-kui-org-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--kul-muted);
    line-height: 1.2;
}

#kul-kui-scope .kul-kui-org-input-shell {
    width: 100%;
    flex: 1;
    display: flex;
    align-items: stretch;
}

#kul-kui-scope .kul-kui-org-select {
    width: 100%;
    min-height: 44px;
    padding: 11px 14px;
    border-radius: 10px;
    border: 1px solid var(--kul-border);
    font-size: 14px;
    font-weight: 500;
    background: #fafbfc;
    color: var(--kul-text);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

    #kul-kui-scope .kul-kui-org-select:focus {
        outline: none;
        border-color: var(--kul-accent);
        background: #fff;
        box-shadow: 0 0 0 3px var(--kul-accent-soft);
    }

#kul-kui-scope .kul-kui-org-fiyat-pills {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    flex: 1;
    align-items: flex-start;
    align-content: flex-start;
}

#kul-kui-scope .kul-kui-org-pane .kul-kui-fiyat-pill {
    border-radius: 10px;
    padding: 10px 14px 10px 12px;
    border: 1px solid rgba(203, 213, 225, 0.95);
    background: #fafbfc;
}

    #kul-kui-scope .kul-kui-org-pane .kul-kui-fiyat-pill:hover {
        border-color: rgba(13, 148, 136, 0.4);
        background: #fff;
    }

    #kul-kui-scope .kul-kui-org-pane .kul-kui-fiyat-pill.is-on {
        background: var(--kul-accent-soft);
        border-color: var(--kul-accent);
    }

@media (max-width: 768px) {
    #kul-kui-scope .kul-kui-org-dual {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

/* Birleşik erişim paneli */
#kul-kui-scope .kul-kui-access-unified {
    width: 100%;
}

#kul-kui-scope .kul-kui-access-sec--roller {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--kul-border);
}

#kul-kui-scope .kul-kui-access-lead-tight {
    margin-bottom: 12px;
}

#kul-kui-scope .kul-kui-eyebrow--spaced {
    display: block;
    margin-bottom: 8px;
}

/* Departman sonrası: segment + liste */
#kul-kui-scope .kul-kui-izin-after-dep {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--kul-border);
}

#kul-kui-scope .kul-kui-izin-seg {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    padding: 4px;
    margin-bottom: 16px;
    border-radius: 12px;
    background: #e2e8f0;
    max-width: 420px;
}

#kul-kui-scope .kul-kui-izin-seg-item {
    position: relative;
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 52px;
    padding: 8px 10px;
    margin: 0;
    border-radius: 9px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    color: var(--kul-muted);
    transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}

    #kul-kui-scope .kul-kui-izin-seg-item:hover {
        color: var(--kul-text);
    }

    #kul-kui-scope .kul-kui-izin-seg-item.is-active {
        background: #fff;
        color: var(--kul-text);
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    }

#kul-kui-scope .kul-kui-izin-seg-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0.02;
    cursor: pointer;
    z-index: 2;
    -webkit-appearance: none;
    appearance: none;
}

#kul-kui-scope .kul-kui-izin-seg-ico {
    font-size: 20px;
    opacity: 0.85;
    pointer-events: none;
}

#kul-kui-scope .kul-kui-izin-seg-item.is-active .kul-kui-izin-seg-ico {
    color: var(--kul-accent);
}

#kul-kui-scope .kul-kui-izin-seg-text {
    pointer-events: none;
    text-align: center;
    line-height: 1.2;
}

@media (max-width: 480px) {
    #kul-kui-scope .kul-kui-izin-seg {
        max-width: 100%;
    }
}

#kul-kui-scope .kul-kui-izin-hint {
    font-size: 12px;
    color: var(--kul-muted);
    margin: 0 0 12px 0;
    line-height: 1.45;
}

/* İzin listesi — satır + anahtar */
#kul-kui-scope .kul-kui-perm-ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#kul-kui-scope .kul-kui-perm-item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px 16px;
    align-items: center;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.95);
    background: #fafbfc;
}

    #kul-kui-scope .kul-kui-perm-item:last-child {
        border-bottom: none;
    }

#kul-kui-scope .kul-kui-perm-item--menu {
    grid-template-columns: 1fr auto;
}

#kul-kui-scope .kul-kui-perm-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--kul-text);
    line-height: 1.35;
    min-width: 0;
}

#kul-kui-scope .kul-kui-switch-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 16px;
    align-items: center;
    justify-content: flex-end;
}

#kul-kui-scope .kul-kui-switch {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    margin: 0;
    user-select: none;
    font-size: 12px;
    font-weight: 600;
    color: var(--kul-muted);
}

#kul-kui-scope .kul-kui-switch-input {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 28px;
    margin: 0;
    opacity: 0.015;
    z-index: 3;
    cursor: pointer;
}

#kul-kui-scope .kul-kui-switch-track {
    width: 44px;
    height: 24px;
    border-radius: 999px;
    background: #cbd5e1;
    position: relative;
    flex-shrink: 0;
    transition: background 0.2s ease;
    pointer-events: none;
}

    #kul-kui-scope .kul-kui-switch-track::after {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        left: 2px;
        top: 2px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12);
        transition: transform 0.2s ease;
    }

#kul-kui-scope .kul-kui-switch-input:checked + .kul-kui-switch-track {
    background: var(--kul-accent);
}

    #kul-kui-scope .kul-kui-switch-input:checked + .kul-kui-switch-track::after {
        transform: translateX(20px);
    }

#kul-kui-scope .kul-kui-switch-input:focus-visible + .kul-kui-switch-track {
    box-shadow: 0 0 0 3px var(--kul-accent-soft);
}

#kul-kui-scope .kul-kui-switch-text {
    pointer-events: none;
    min-width: 3.2em;
}

#kul-kui-scope .kul-kui-izin-list .kul-kui-acc-panel .item {
    padding: 0;
}

#kul-kui-scope .kul-kui-izin-list .kul-kui-perm-ul .kul-kui-perm-item:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#kul-kui-scope .kul-kui-izin-list .kul-kui-perm-ul .kul-kui-perm-item:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* Projeler: yalnızca bu liste — üç sütun (dar ekranda 2 / 1) */
#kul-kui-scope .kul-kui-perm-ul.kul-kui-perm-ul--proj-3col {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 10px;
}

#kul-kui-scope .kul-kui-izin-list .kul-kui-perm-ul.kul-kui-perm-ul--proj-3col .kul-kui-perm-item {
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 10px;
}

    #kul-kui-scope .kul-kui-izin-list .kul-kui-perm-ul.kul-kui-perm-ul--proj-3col .kul-kui-perm-item:last-child {
        border-bottom: 1px solid rgba(226, 232, 240, 0.95);
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

@media (max-width: 900px) {
    #kul-kui-scope .kul-kui-perm-ul.kul-kui-perm-ul--proj-3col {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    #kul-kui-scope .kul-kui-perm-ul.kul-kui-perm-ul--proj-3col {
        grid-template-columns: 1fr;
    }
}

/*Kullanıcı ekle bitti*/

/*DEPARTMÖAN SABLOKN AYARLARI*/
.departman-sablon-modal .dep-va-bilgi {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 0 12px 16px;
    padding: 14px 16px 16px;
    border-radius: 12px;
    border: 1px solid #c7d2fe;
    background: linear-gradient(145deg, #eef2ff 0%, #e0e7ff 45%, #f5f3ff 100%);
    box-shadow: 0 1px 3px rgba(67, 56, 202, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.departman-sablon-modal .dep-va-bilgi-ikon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid #c7d2fe;
    font-size: 22px;
    line-height: 1;
    color: #4f46e5;
}

.departman-sablon-modal .dep-va-bilgi-icerik {
    flex: 1;
    min-width: 0;
}

.departman-sablon-modal .dep-va-bilgi-baslik {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #4338ca;
    margin: 0 0 8px;
}

.departman-sablon-modal .dep-va-bilgi-metin {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: #312e81;
}

    .departman-sablon-modal .dep-va-bilgi-metin strong {
        color: #1e1b4b;
        font-weight: 600;
    }

.departman-sablon-modal .dep-sablon-izin-panel {
    margin: 0 12px 16px;
    padding: 16px 18px 18px;
    border-radius: 14px;
    background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.departman-sablon-modal .dep-sablon-izin-panel-head {
    margin-bottom: 14px;
}

.departman-sablon-modal .dep-sablon-izin-kicker {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 4px;
}

.departman-sablon-modal .dep-sablon-izin-title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.departman-sablon-modal .dep-sablon-izin-sub {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    color: #64748b;
    line-height: 1.45;
}

.departman-sablon-modal .dep-sablon-izin-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.departman-sablon-modal .dep-sablon-izin-card {
    position: relative;
    display: block;
    margin: 0;
    cursor: pointer;
    border-radius: 12px;
    background: #fff;
    border: 2px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

    .departman-sablon-modal .dep-sablon-izin-card:hover {
        border-color: #cbd5e1;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
    }

    .departman-sablon-modal .dep-sablon-izin-card.is-active {
        border-color: #0d9488;
        box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15), 0 4px 14px rgba(13, 148, 136, 0.12);
    }

    .departman-sablon-modal .dep-sablon-izin-card:active {
        transform: scale(0.99);
    }

.departman-sablon-modal .dep-sablon-izin-radio {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    pointer-events: none;
}

.departman-sablon-modal .dep-sablon-izin-card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 14px 14px 16px;
}

.departman-sablon-modal .dep-sablon-izin-ico {
    font-size: 26px;
    line-height: 1;
    color: #94a3b8;
    transition: color 0.2s ease;
}

.departman-sablon-modal .dep-sablon-izin-card.is-active .dep-sablon-izin-ico {
    color: #0d9488;
}

.departman-sablon-modal .dep-sablon-izin-card-name {
    font-size: 15px;
    font-weight: 600;
    color: #0f172a;
}

.departman-sablon-modal .dep-sablon-izin-card-desc {
    font-size: 12px;
    line-height: 1.45;
    color: #64748b;
}

.departman-sablon-modal .dep-sablon-izin-badge {
    margin-top: 2px;
    font-size: 11px;
    font-weight: 600;
    color: #0d9488;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.2s ease, max-height 0.2s ease;
}

.departman-sablon-modal .dep-sablon-izin-card.is-active .dep-sablon-izin-badge {
    opacity: 1;
    max-height: 24px;
}

.departman-sablon-modal .dep-va-kul-section {
    margin: 16px 12px 12px;
}

.departman-sablon-modal .kul-kui-access-sec--roller {
    margin-top: 16px;
    padding: 16px 18px 18px;
    border-top: 1px solid #e2e8f0;
    border-radius: 14px;
    background: linear-gradient(165deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 10px rgba(15, 23, 42, 0.05);
}

.departman-sablon-modal .kul-kui-access-lead-tight {
    margin-bottom: 12px;
}

.departman-sablon-modal .kul-kui-eyebrow {
    display: block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #0d9488;
    margin-bottom: 6px;
}

.departman-sablon-modal .kul-kui-dep-bar-compact {
    padding: 16px 18px;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 1px 10px rgba(15, 23, 42, 0.05);
}

.departman-sablon-modal .kul-kui-dep-bar-lead {
    margin: 0 0 12px 0;
    font-size: 12px;
    color: #64748b;
    line-height: 1.5;
    max-width: 52em;
}

.departman-sablon-modal .kul-kui-yetki-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

@media (max-width: 720px) {
    .departman-sablon-modal .kul-kui-yetki-grid {
        grid-template-columns: 1fr;
    }
}

.departman-sablon-modal .kul-kui-yetki-card {
    position: relative;
    display: block;
    margin: 0;
    cursor: pointer;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    background: #f8fafc;
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}

    .departman-sablon-modal .kul-kui-yetki-card:hover {
        border-color: #99f6e4;
        background: #fff;
        box-shadow: 0 6px 18px rgba(15, 23, 42, 0.07);
    }

    .departman-sablon-modal .kul-kui-yetki-card.is-on {
        border-color: #0d9488;
        background: rgba(13, 148, 136, 0.08);
        box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.18);
    }

.departman-sablon-modal .kul-kui-yetki-cb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0.02;
    cursor: pointer;
    z-index: 3;
    -webkit-appearance: none;
    appearance: none;
}

.departman-sablon-modal .kul-kui-yetki-card-body {
    display: block;
    padding: 16px 16px 14px;
    position: relative;
    z-index: 1;
    pointer-events: none;
    min-height: 100px;
}

.departman-sablon-modal .kul-kui-yetki-ico {
    font-size: 28px;
    color: #64748b;
    display: block;
    margin-bottom: 8px;
}

.departman-sablon-modal .kul-kui-yetki-card.is-on .kul-kui-yetki-ico {
    color: #0d9488;
}

.departman-sablon-modal .kul-kui-yetki-name {
    display: block;
    font-weight: 800;
    font-size: 14px;
    color: #0f172a;
}

.departman-sablon-modal .kul-kui-yetki-desc {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    color: #64748b;
    line-height: 1.4;
}

.departman-sablon-modal .kul-kui-ip-saat-block {
    margin: 16px 12px 8px;
}

.departman-sablon-modal .kul-kui-ip-saat-dual {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
}

@media (max-width: 900px) {
    .departman-sablon-modal .kul-kui-ip-saat-dual {
        grid-template-columns: 1fr;
    }
}

.departman-sablon-modal .kul-kui-restrict-pane {
    min-width: 0;
    padding: 14px 16px;
    border-radius: 12px;
    background: linear-gradient(165deg, #fafbfc 0%, #f8fafc 100%);
    border: 1px solid rgba(226, 232, 240, 0.95);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.departman-sablon-modal .kul-kui-restrict-pane__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 4px;
}

.departman-sablon-modal .kul-kui-restrict-pane__text {
    min-width: 0;
}

.departman-sablon-modal .kul-kui-restrict-pane__title {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.015em;
}

.departman-sablon-modal .kul-kui-restrict-pane__desc {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #64748b;
    line-height: 1.45;
}

.departman-sablon-modal .kul-kui-switch {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    margin: 0;
    user-select: none;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
}

.departman-sablon-modal .kul-kui-switch-input {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 28px;
    margin: 0;
    opacity: 0.015;
    z-index: 3;
    cursor: pointer;
}

.departman-sablon-modal .kul-kui-switch-track {
    width: 44px;
    height: 24px;
    border-radius: 999px;
    background: #cbd5e1;
    position: relative;
    flex-shrink: 0;
    transition: background 0.2s ease;
    pointer-events: none;
}

    .departman-sablon-modal .kul-kui-switch-track::after {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        left: 2px;
        top: 2px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12);
        transition: transform 0.2s ease;
    }

.departman-sablon-modal .kul-kui-switch-input:checked + .kul-kui-switch-track {
    background: #0d9488;
}

    .departman-sablon-modal .kul-kui-switch-input:checked + .kul-kui-switch-track::after {
        transform: translateX(20px);
    }

.departman-sablon-modal .kul-kui-switch-input:focus-visible + .kul-kui-switch-track {
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.18);
}

.departman-sablon-modal .kul-kui-switch-text {
    pointer-events: none;
    min-width: 3.2em;
}

.departman-sablon-modal .kul-kui-switch--restrict {
    flex-shrink: 0;
    margin: -2px 0 0 0;
    font-size: 11px;
}

    .departman-sablon-modal .kul-kui-switch--restrict .kul-kui-switch-text {
        min-width: 2.6em;
    }

.departman-sablon-modal .kul-kui-restrict-pane__body {
    margin-top: 12px;
}

.departman-sablon-modal .dep-va-restrict-label {
    display: block;
    margin-bottom: 6px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #64748b;
}

.departman-sablon-modal .kul-kui-restrict-textarea {
    display: block;
    width: 100%;
    min-height: 92px;
    padding: 11px 13px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #fff;
    font-size: 12px;
    line-height: 1.45;
    font-family: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
    color: #0f172a;
    resize: vertical;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}

    .departman-sablon-modal .kul-kui-restrict-textarea:focus {
        outline: none;
        border-color: #0d9488;
        box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.12);
    }

.departman-sablon-modal .kul-kui-saat-range {
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px 12px;
    padding: 14px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05);
}

.departman-sablon-modal .kul-kui-saat-range__block {
    flex: 1 1 0;
    min-width: 0;
}

.departman-sablon-modal .kul-kui-saat-range__label {
    display: block;
    margin-bottom: 8px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #64748b;
}

.departman-sablon-modal .kul-kui-saat-range__inputs {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #f1f5f9;
    border: 1px solid rgba(226, 232, 240, 0.98);
}

.departman-sablon-modal .kul-kui-saat-sep {
    font-size: 17px;
    font-weight: 800;
    color: #94a3b8;
    line-height: 1;
    user-select: none;
}

.departman-sablon-modal .kul-kui-saat-select {
    flex: 1;
    min-width: 0;
    padding: 9px 10px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .departman-sablon-modal .kul-kui-saat-select:focus {
        outline: none;
        border-color: #0d9488;
        box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.12);
    }

@media (max-width: 640px) {
    .departman-sablon-modal .kul-kui-saat-range {
        flex-direction: column;
        align-items: stretch;
    }
}

.departman-sablon-modal .dep-va-menuler-wrap {
    margin: 0 12px 0;
}

.departman-sablon-modal .dep-va-menuler-title {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 10px;
    letter-spacing: -0.01em;
}

.departman-sablon-modal .dep-va-menuler {
    display: flex;
    gap: 12px;
    align-items: start;
    width: 100%;
    flex-direction: column;
}

@media (max-width: 700px) {
    .departman-sablon-modal .dep-va-menuler {
        grid-template-columns: 1fr;
    }
}

.departman-sablon-modal .dep-va-cat {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    width: 100%;
}

.departman-sablon-modal .dep-va-cat-head {
    padding: 10px 14px;
    background: linear-gradient(90deg, #222222, #727272);
    border-bottom: 1px solid #e2e8f0;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
}

.departman-sablon-modal .dep-va-cat-body {
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 10px 12px 14px;
    flex-wrap: wrap;
}

.departman-sablon-modal .dep-va-menu-row {
    display: grid;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid #e8eef4;
    border-radius: 8px;
    background: #fafbfc;
    /* grid-template-columns: repeat(1, minmax(0, 1fr)); */
    gap: 12px;
    min-width: 194px;
}

    .departman-sablon-modal .dep-va-menu-row > span {
        font-size: 13px;
        font-weight: 500;
        color: #1e293b;
        flex: 1;
        min-width: 120px;
    }

.departman-sablon-modal .dep-va-toggles {
    display: flex;
    gap: 7px;
    align-items: center;
}

    .departman-sablon-modal .dep-va-toggles label {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 12px;
        color: #64748b;
        cursor: pointer;
        margin: 0;
    }

    .departman-sablon-modal .dep-va-toggles input[type="checkbox"] {
        width: 16px;
        height: 16px;
        accent-color: #0d9488;
        cursor: pointer;
    }

/* Departman varsayılan ayarları — kayıt sonucu toast (ekran altı, yüksek z-index) */
.dep-va-toast {
    position: fixed;
    left: 50%;
    bottom: max(24px, env(safe-area-inset-bottom, 0px));
    z-index: 100050;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    max-width: min(440px, calc(100vw - 32px));
    padding: 14px 18px;
    border-radius: 14px;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.2), 0 0 0 1px rgba(15, 23, 42, 0.06);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.45;
    pointer-events: auto;
    cursor: pointer;
    opacity: 0;
    transform: translate3d(-50%, 18px, 0);
    transition: opacity 0.28s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
    -webkit-font-smoothing: antialiased;
}

.dep-va-toast--gorunur {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
}

.dep-va-toast--ok {
    background: linear-gradient(145deg, #ecfdf5 0%, #d1fae5 100%);
    color: #065f46;
    border: 1px solid #6ee7b7;
}

.dep-va-toast--hata {
    background: linear-gradient(145deg, #fef2f2 0%, #fee2e2 100%);
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.dep-va-toast--uyari {
    background: linear-gradient(145deg, #fffbeb 0%, #fef3c7 100%);
    color: #92400e;
    border: 1px solid #fcd34d;
}

.dep-va-toast-ikon {
    flex-shrink: 0;
    font-size: 22px;
    line-height: 1;
    margin-top: 1px;
}

.dep-va-toast-metin {
    flex: 1;
    min-width: 0;
    font-weight: 500;
}

/*DEPARTMÖAN SABLOKN AYARLARI BİTTİ*/

.menu-scroll.dragging {
    cursor: grabbing;
}

.menu-scroll.dragging .menu-link {
    pointer-events: none;
}

.menu-item {
    flex-shrink: 0;
    position: relative;
    display: inline-block;
}

.menu-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    text-decoration: none;
    color: var(--gorusme-test-text);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.15s ease;
    text-align: center;
    position: relative;
    overflow: hidden;
    gap: 6px;
    margin: 0 !important;
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
}

    .menu-link:hover {
        background: var(--gorusme-test-info-bg);
        border-color: rgba(13, 148, 136, 0.38);
        transform: translateY(-1px);
        box-shadow: 0 4px 14px -4px var(--isliste-tb-shadow);
    }

.opsiyoniptal {
    padding: 8px;
    background: #000;
    color: #fff;
    transition: 1s;
}

    .opsiyoniptal:hover {
        background: #fff;
        color: #000;
        transition: 1s;
    }

.opsiyondiv > fieldset > div {
    margin-bottom: 15px;
}

.menu-item.active .menu-link {
    background: linear-gradient(180deg, var(--isliste-tb-accent) 0%, var(--isliste-tb-accent-dark) 100%);
    color: #fff;
    border-color: var(--isliste-tb-accent-dark);
    box-shadow: 0 3px 14px rgba(13, 148, 136, 0.32);
}

    .menu-item.active .menu-link::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(125deg, rgba(255, 255, 255, 0.14), transparent 55%);
        pointer-events: none;
    }

.menu-title {
    font-weight: 600;
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
}

.menu-count {
    background: rgba(15, 23, 42, 0.07);
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    color: var(--isliste-tb-muted);
    border: 1px solid var(--app-switch-thumb-border);
}

.menu-item.active .menu-title {
    color: #fff;
}

.menu-item.active .menu-count {
    background: rgba(255, 255, 255, 0.22);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.35);
}

.scroll-arrows {
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 0 12px;
    width: auto;
    min-width: 76px;
    align-items: center;
    flex-shrink: 0;
    border-left: 1px solid var(--app-switch-thumb-border);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.65));
}

.scroll-btn {
    background: var(--isliste-tb-surface);
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    min-width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease, color 0.15s ease;
    color: var(--isliste-tb-muted);
    padding: 0;
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
}

    .scroll-btn:hover:not(:disabled) {
        background: var(--gorusme-test-info-bg);
        border-color: rgba(13, 148, 136, 0.4);
        color: var(--isliste-tb-accent-dark);
        box-shadow: 0 2px 8px var(--isliste-tb-shadow);
    }

    .scroll-btn:active:not(:disabled) {
        transform: scale(0.96);
    }

    .scroll-btn:disabled {
        opacity: 0.45;
        cursor: not-allowed;
    }

.dil select {
    border: 0;
    width: 50px;
    background: #ebebeb;
    border-radius: 2px;
}

.menu {
}

    .menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .menu li {
        position: relative;
    }

    .menu > div > ul > li {
        float: left;
        margin-right: 20px;
        padding: 10px 0;
    }

    .menu a {
        text-decoration: none;
        display: flex;
        align-items: center;
    }

    .menu > div > ul > li > a > span {
        color: #fff;
        margin-left: 3px;
    }

        .menu > div > ul > li > a > span.title {
            font-size: 13px
        }

        .menu > div > ul > li > a > span.material-symbols-outlined {
            font-size: 16px;
        }

    .menu a:hover {
    }

    .menu ul ul {
        display: none;
        position: absolute;
        top: calc(100%);
        left: 0;
        background-color: #fff;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        border: 1px solid #ddd;
        z-index: 1000;
        padding: 17px 20px;
    }

        .menu ul ul li {
            float: none;
            margin: 0;
        }

        .menu ul ul a {
            white-space: nowrap;
            color: #000;
            border-bottom: 1px solid #e0e0e0;
            padding: 5px 0;
            font-size: 12px;
        }

        .menu ul ul > li:last-child a {
            border: 0
        }

        .menu ul ul a:hover {
            color: #7b7b7b;
        }

    .menu li:hover > ul {
        display: block;
    }

.file-upload-wrapper {
    position: relative;
    display: inline-block;
}

.file-upload-input {
    display: none;
}

.file-upload-label {
    background-color: #4CAF50;
    color: white;
    padding: 25px 15px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}

    .file-upload-label:hover {
        background-color: #45a049;
    }

.file-upload-preview {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
}

    .file-upload-preview img {
        width: 200px;
        height: 200px;
        object-fit: cover;
        margin: 5px;
    }

.login {
    background: #141414;
    height: 100%;
    width: 100%
}

.basarisizgiris {
    background: #f00;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
}

    .basarisizgiris span {
        font-size: 13px;
        line-height: 20px;
        color: #fff;
        font-weight: 700;
    }

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup-box {
    background: #fff;
    padding: 20px;
    width: 350px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
}

#iptalNedeni {
    width: 100%;
    height: 100px;
    margin-bottom: 15px;
    padding: 10px;
}

.hidden {
    display: none;
}

.popup-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.maxwidthyok {
    max-width: inherit !important
}

.btnislemler {
    display: inline-table;
    width: 100%
}

    .btnislemler > h1 {
        padding: 0 7px;
        border-radius: 5px !important;
        font-weight: 400;
    }

.panelislem a {
    margin-top: 5px;
    margin-right: 5px;
}

.btnislemler ul {
    position: relative;
}

.btnislemler > h1 {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    border: 1px solid #ccc;
    margin: 0;
    cursor: pointer;
    background: #fff;
    display: flex;
    align-items: center;
}

.btnislemler h1 i {
    color: #d84a38;
}

.btnislemler > div {
    position: absolute;
    background: #fff;
    border: 1px solid #f1f1f1;
    padding: 15px 10px;
    top: 30px;
    right: 0;
    display: none;
    z-index: 9;
    width: 220px;
    box-shadow: 0 0 10px 0px #0000003b;
    border-radius: 10px !important;
}

    .btnislemler > div > ul {
        margin: 0;
        padding: 0;
    }

        .btnislemler > div > ul > li {
            width: 100%;
            border-bottom: 1px solid #e1e1e1;
        }

            .btnislemler > div > ul > li:last-child {
                border-bottom: 0px solid #e1e1e1;
            }

            .btnislemler > div > ul > li > p {
                background: transparent !important;
                color: #000 !important;
                margin: 0;
                padding: 10px 0px 10px 10px;
                display: block;
                width: 100%;
                text-align: left;
            }

            .btnislemler > div > ul > li > p {
                font-size: 14px !important;
                display: flex;
                align-items: center;
            }

                .btnislemler > div > ul > li > p span {
                    font-size: 20px;
                    margin-right: 5px
                }

                .btnislemler > div > ul > li > p:hover {
                    font-weight: 600
                }

.opsiyoniptaldivi {
    padding: 10px 0px 10px 10px;
}

    .opsiyoniptaldivi > div {
        display: flex;
        align-items: center;
    }

        .opsiyoniptaldivi > div span {
            font-size: 20px !important;
            margin-right: 5px !important;
        }

.loginscreen {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    z-index: 2;
}

    .loginscreen > div {
        background: #fff;
        padding: 30px;
        border-radius: 12px;
        WIDTH: 370PX;
    }

        .loginscreen > div form {
        }

    .loginscreen h1 {
        margin-bottom: 35px;
        font-size: 23px;
        font-weight: bold;
    }

    .loginscreen > div form div {
        margin-bottom: 24px;
    }

        .loginscreen > div form div label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            font-size: 16px;
        }

        .loginscreen > div form div input {
            width: calc(100% - 100px);
            border: 1px solid #000;
            border-radius: 4px;
            padding: 5px;
        }

        .loginscreen > div form div button {
            border: 0;
            background: #1a1a1a;
            color: #fff;
            padding: 12px 24px;
            border-radius: 5px;
            margin: 0 auto;
            display: block;
            width: 100%;
            font-size: 15px;
        }


.pagemain {
    width: 98%;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    margin: 0 auto;
}

.mainitembar {
    padding: 35px 0px;
}

.ikili {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .ikili > div {
        width: calc((100% / 2) - 25px);
    }

.besli {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5px;
}

    .besli > div {
    }

        .besli > div label {
            font-size: 10px !important
        }

.ikili > div:nth-child(2n) { /* margin-right:0; */
}

.satir {
    display: flex;
    align-items: flex-start;
    align-content: center;
    flex-direction: column;
}

.topliste {
    width: calc(100% - 30px);
    background: #fff;
    padding: 25px 15px;
}

    .topliste > .head {
        width: 100%;
        display: flex;
        align-items: center;
        position: relative;
        justify-content: space-between;
        margin-bottom: 0;
    }

        .topliste > .head > div {
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

            .topliste > .head > div h1 {
                font-size: 24px;
                font-weight: 600;
                margin: 0;
                text-align: center;
            }

            .topliste > .head > div > div:first-child {
                margin-right: 5px;
            }

.filterpop {
    height: 0;
    overflow: hidden;
    width: 100%;
    transition: 0.5s;
}

    .filterpop > div, .talepsuzme > div {
        background: #ffffff;
        width: 100%;
        margin-top: 10px;
        display: flex;
        justify-content: space-between;
    }

    .filterpop .item-bar, .talepsuzme .item-bar {
        border: 1px solid #f1f1f1;
        border-radius: 10px !important;
        margin-bottom: 13px;
        padding: 12px 9px;
    }

        .filterpop .item-bar:first-child, .talepsuzme .item-bar:first-child {
            width: 130px;
            margin-right: 10px;
        }

        .filterpop .item-bar h2, .talepsuzme .item-bar h2 {
            font-size: 13px;
            font-weight: bold;
            display: flex;
            align-items: center;
            margin: 0;
            letter-spacing: 0;
        }

        .filterpop .item-bar > div > div, .talepsuzme .item-bar > div > div {
            display: flex;
            align-items: center;
            margin-right: 10px;
        }

.topliste .listebar {
    margin-top: 15px;
    margin-bottom: 0;
}

    .topliste .listebar > ul.listehead {
        background: #202020;
    }

    .topliste .listebar > ul {
        display: flex;
        list-style: none;
        margin: 0;
        width: 100%;
        border-bottom: 1px solid #e7e7e7;
        justify-content: space-between;
    }

        .topliste .listebar > ul:last-child {
            border-bottom: 0
        }

        .topliste .listebar > ul.listehead > li {
            color: #fff;
            font-weight: 600;
        }

.topliste .taleplist > ul > li:nth-child(1) {
    justify-content: center;
    display: flex;
    justify-content: center;
}

.topliste .taleplist > ul > li:nth-child(2) {
    width: 140px;
}

.topliste .taleplist > ul > li:nth-child(3) {
    width: calc(100% - 170px);
}

.topliste .taleplist > ul > li:nth-child(4) {
    display: flex;
    justify-content: center;
    width: 120px;
}

.topliste .listebar > ul > li {
    padding: 6px 2px;
    display: flex;
    align-items: center;
    font-size: 11px;
    line-height: 13px;
    position: relative;
}

.pagehead {
    display: flex; /* background: #fff; */
    padding: 9px;
    margin-top: 20px;
    justify-content: space-between;
    width: 100%;
    border-radius: 10px;
    align-items: center;
}

    .pagehead > div {
    }

        .pagehead > div h1 {
            font-size: 18px;
            font-weight: 600;
        }

        .pagehead > div p {
            margin-top: 7px
        }

        .pagehead > div span {
            font-weight: 700;
        }

        .pagehead > div a {
        }

.gorusme p > label.left {
    margin-right: 5px
}

.ikili > p {
    width: auto;
}

.select2-search textarea {
    height: 18px !important;
    padding: 3px !important;
}

/* select2-container genişliği: Select2 / üst öğe belirler (sabit 170px kaldırıldı) */

.mt30 {
    margin-top: 30px
}

.tablelist {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px; /* overflow: hidden; */
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* margin-bottom: 50px; */
}

    .tablelist > div {
    }

        /* Üst şerit: .searchmenu kendi kartını kullanır; beyaz/border çakışmasın */
        .tablelist > div:first-child:not(.searchmenu) {
            display: flex;
            justify-content: space-between;
            background: #fff;
            padding: 0;
            width: 100%;
            border-bottom: 1px solid var(--app-switch-thumb-border);
            border-radius: 0;
        }

        .tablelist > div:last-child {
            width: 100%
        }

        .tablelist > div:first-child:not(.searchmenu) > div {
            display: flex;
            width: 100%;
            /*flex-direction: column;*/
        }

            .tablelist > div:first-child:not(.searchmenu) > div span {
                font-weight: 600;
            }

            .tablelist > div:first-child:not(.searchmenu) > div a, .tablelist > div:first-child:not(.searchmenu) > div a * {
                margin: 0 7px;
                font-weight: 600;
                font-size: 11px;
                /* line-height: 14px; */
            }

                .tablelist > div:first-child:not(.searchmenu) > div a.active {
                    background: #000d;
                    padding: 4px 9px;
                    color: #fff;
                    font-size: 12px;
                    border-radius: 5px;
                    border: 1px solid #000d;
                    transition: .3s;
                }

                    .tablelist > div:first-child:not(.searchmenu) > div a.active:hover {
                        background: #fff;
                        color: #000;
                        border: 1px solid #edededdd;
                    }

            .tablelist > div:first-child:not(.searchmenu) > div i {
                cursor: pointer;
            }

    .tablelist .yanla {
        margin: 0
    }

.varyasyonsil {
    padding: 5px 20px;
    cursor: pointer;
    background: #000;
    color: #fff;
}

.variantsil {
    cursor: pointer;
    width: 140px;
}

    .variantsil > div {
        padding: 5px;
        background: #000000;
        color: #fff;
    }

.productalthead {
    width: 100%;
}

    .productalthead > div {
    }

        .productalthead > div:first-child {
            display: flex;
            justify-content: space-around;
            background: #f7f7f7;
            padding: 10px;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
        }

            .productalthead > div:first-child div {
                font-weight: 600
            }

            .productalthead > div:first-child div, .productalthead > div > div div {
                width: 100%;
                display: flex;
                align-content: center;
                align-items: center;
                justify-content: center;
            }

.altproductlist .yuklugorsel {
    margin: 25px 0;
    background: #fff;
    border-radius: 11px;
    padding: 23px;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    display: none
}

    .altproductlist .yuklugorsel > div {
        width: auto;
        margin-right: 9px;
        border: 1px solid #ebebeb;
        border-radius: 7px;
        padding: 14px;
        display: flex;
        flex-direction: column;
    }

        .altproductlist .yuklugorsel > div > img {
            width: 100%;
            height: auto;
            max-width: 100px;
        }

        .altproductlist .yuklugorsel > div > button {
            margin: 10px 0 0 0;
            width: 100%;
            padding: 2px 3px;
            font-size: 14px;
        }

    .altproductlist .yuklugorsel a {
        margin-top: 15px;
        width: 60px;
        text-align: center
    }

.altproductlist {
    width: calc(100%);
    display: flex;
    justify-content: space-between;
    background: #f7f7f7;
    padding: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

    .altproductlist > div {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
        justify-content: space-around;
    }

        .altproductlist > div div input {
        }

        .altproductlist > div div img {
            width: 70px;
        }

    .altproductlist .altbar {
        width: 50px;
        padding-right: 10px
    }

.varyasyonekle {
    cursor: pointer;
}

.varyasyontabla {
    display: none !important
}

    .varyasyontabla.active {
        display: flex !important;
        flex-direction: row;
        justify-content: space-between;
    }

    .varyasyontabla > div {
        margin-bottom: 10px;
        width: 100%;
    }

.producthead {
    width: 100%;
}

    .producthead > div {
    }

        .producthead > div:first-child {
            display: flex; /* justify-content: space-between; */
            background: #f7f7f7;
            padding: 10px;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
        }

            .producthead > div:first-child div {
                font-weight: 600
            }

            .producthead > div:first-child div, .productlist > div div {
                width: 250px;
            }

                .producthead > div:first-child div:first-child, .producthead > div:first-child div:nth-child(2), .productlist > div > div:first-child, .productlist > div > div:nth-child(2) {
                    width: 50px;
                    margin-right: 15px;
                }

.productlist {
    width: calc(100%);
    display: flex;
    justify-content: space-between;
    background: #f7f7f7;
    padding: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

    .productlist > div {
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
    }

        .productlist > div div input {
        }

        .productlist > div div img {
            width: 100%;
        }

    .productlist .altbar {
        width: 50px;
        padding-right: 10px
    }

.urunlistkategori {
}

    .urunlistkategori > form > div {
        display: flex;
        margin: 0;
    }

    .urunlistkategori div div {
        margin-right: 20px;
        width: auto;
    }

    .urunlistkategori div select {
        border: 1px solid #f1f1f1;
        width: 100%;
        font-size: 12px;
        color: #000000;
        padding: 5px 9px;
    }

.buton {
    padding: 5px 19px;
    border-color: #dddddd;
}

    .buton:hover {
        background: #000;
        color: #fff
    }

.urunlistkategori .ikilidiv {
    display: flex;
    align-items: center;
}

.searchbar {
    margin-right: 15px;
    width: 200px;
}

    .searchbar > input {
        width: 100%;
        border: 1px solid #f1f1f1;
        padding: 6px 10px;
        border-radius: 7px;
        font-size: 12px;
    }

.backalt {
    display: flex;
    width: 70%;
    margin: 25px auto;
}

    .backalt a {
        display: flex;
        align-items: center;
        font-size: 18px;
        font-weight: 700;
    }

        .backalt a span {
            padding-right: 10px
        }

.productadd {
    width: 70%;
    margin: 0 auto;
    display: flex;
    align-content: center;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

    .productadd > div {
        display: flex;
        width: 100%;
        justify-content: flex-end;
        flex-direction: column;
    }

    .productadd > div {
        width: 100%
    }

        .productadd > div > form > div {
            background: #fff;
            padding: 15px;
            width: 100%;
            border-radius: 10px;
            margin: 30px 0;
        }

            .productadd > div > form > div > div {
                margin-bottom: 10px;
                display: flex;
                flex-direction: column;
            }

            .productadd > div > form > div > div {
                margin-bottom: 10px;
                display: flex;
                flex-direction: column;
            }

                .productadd > div > form > div > div label, .productadd > div > form > div > label, .productadd > div label {
                    margin-bottom: 10px;
                    font-weight: 600;
                    display: block
                }

        .productadd > div > div > div input {
        }

        .productadd > div select, .productadd > div > form > div > div input, .productadd > div > form > div > div select, .productadd > div > form > div > div textarea {
            border-radius: 8px;
            padding: 5px 10px;
            border: 1px solid #ddd;
            width: 100%;
        }

        .productadd > div > div > div text {
        }

        .productadd > div label {
        }

        .productadd > div select {
        }

    .productadd button {
        padding: 10px 45px;
        margin: 25px auto;
        display: block;
        background: #000;
        color: #fff;
        border-radius: 5px;
        font-weight: 600;
        font-size: 14px;
    }

        .productadd button:hover {
            background: #ebebeb;
            color: #000;
        }

.yuklenengorsel, .yuklenengorsel1, .yuklenengorsel2 {
    display: none;
}

    .yuklenengorsel h1, .yuklenengorsel1 h1, .yuklenengorsel2 h1 {
        padding: 15px 0;
        font-size: 14px;
        font-weight: 700;
    }

    .yuklenengorsel img, .yuklenengorsel1 img, .yuklenengorsel2 img {
        margin-right: auto;
        height: 150px;
        margin-bottom: 15px;
        width: 100%;
    }

    .yuklenengorsel > div, .yuklenengorsel1 > div, .yuklenengorsel2 > div {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .yuklenengorsel > div > div, .yuklenengorsel1 > div > div, .yuklenengorsel2 > div > div {
            padding-right: 10px;
            border: 1px solid #ddd;
            padding: 10px;
            margin: 0 5px;
            text-align: center;
            width: calc((100% / 5) - 10px);
            background: #fff;
            margin-bottom: 10px
        }

    .yuklenengorsel a, .yuklenengorsel1 a, .yuklenengorsel2 a {
        margin-bottom: 5px;
        cursor: pointer
    }

.vitrinbutton {
    background: #07ef13 !important;
    border: 1px solid #07ef13 !important;
}

.secilivitrin {
    background: #0709ef !important;
    border: 1px solid #0709ef !important;
}

.vitrinbutton:hover {
    background: #fff !important;
    color: #000 !important
}

.secilivitrin:hover {
    background: #fff !important;
    color: #000 !important
}

.yuklenengorsel .gorseldiv {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin: 15px 0;
    align-content: center;
    align-items: center;
}

    .yuklenengorsel .gorseldiv > div {
        padding: 0;
        border: 0;
        margin: 0;
    }

    .yuklenengorsel .gorseldiv input {
        background: #000;
        color: #fff;
        padding: 10px;
        cursor: pointer;
    }

    .yuklenengorsel .gorseldiv h1 {
        text-align: left;
    }

.onerilenolcu {
    margin-top: 20px;
    font-size: 12px
}

    .onerilenolcu span {
        font-weight: 600
    }

.flex {
    display: flex;
    align-items: center;
}

.mediaupload {
    position: relative;
}

    .mediaupload > div {
    }

        .mediaupload > div:first-child {
            z-index: 2;
            position: absolute;
            width: 100%;
            height: 100%;
            background: none !important
        }

            .mediaupload > div:first-child input {
                background: none;
                opacity: 0;
                width: 100%;
                height: 100%;
                cursor: pointer
            }

        .mediaupload > div:last-child {
            z-index: 1;
            position: relative;
            background: #fff;
            padding: 35px;
            border-radius: 10px;
            border: 1px dashed #ddd;
            text-align: center;
            transition: 1s
        }

    .mediaupload:hover div {
        background: #ebebeb;
        transition: 1s
    }

.siparisdetay {
    width: 70%;
    margin: 0 auto;
}

    .siparisdetay .adresler {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 0 auto;
    }

        .siparisdetay .adresler > div {
            min-width: 40%;
        }

.detaybg {
    background: #fff;
    padding: 15px 30px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.siparisdetay .adresler label {
    font-weight: 600;
    margin-bottom: 7px;
    display: block;
}

.siparisdetay .adresler p {
    margin-bottom: 4px;
}

    .siparisdetay .adresler p span {
        font-weight: 600;
    }

.sdurumu {
}

    .sdurumu label {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 10px;
        display: block;
    }

    .sdurumu div > div {
        margin-bottom: 15px
    }

    .sdurumu select {
        padding-left: 5px;
        width: 100%;
        border: 1px solid #000;
        padding: 5px;
        color: #000;
    }

    .sdurumu button {
        font-size: 12px;
        padding: 8px 20px;
    }

        .sdurumu button:hover {
            color: #fff;
            background: #000
        }

.toplamtutar {
}

    .toplamtutar > div {
        display: flex;
        justify-content: space-between;
        padding: 5px 0;
    }

        .toplamtutar > div > div {
        }

            .toplamtutar > div > div span {
                font-weight: 700;
            }

    .toplamtutar .odenen {
        border-top: 1px solid #ddd;
    }

.ayarlist {
}

    .ayarlist button {
        padding: 10px 62px;
        border: 1px solid #ddd;
        background: #000;
        color: #fff;
    }

        .ayarlist button:hover {
            background: #fff;
            color: #000;
        }

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.gradient-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(250px);
    filter: blur(250px);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
}

.gradient-background__shape {
    mix-blend-mode: lighten;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    position: absolute;
    border-radius: 100%;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.1, 0, 0.9, 1);
    animation-timing-function: cubic-bezier(0.1, 0, 0.9, 1);
}

.gradient-background__shape--1 {
    bottom: 0;
    left: 0;
    width: 700px;
    height: 700px;
    background: #8e7bff;
    mix-blend-mode: lighten;
    -webkit-transform: translate(-30%, 40%);
    transform: translate(-30%, 40%);
    -webkit-animation-name: gradientShapeAnimation1;
    animation-name: gradientShapeAnimation1;
}

.gradient-background__shape--2 {
    top: 0;
    right: 0;
    width: 600px;
    height: 600px;
    background: #44f2eb;
    -webkit-transform: translate(20%, -40%);
    transform: translate(20%, -40%);
    -webkit-animation-name: gradientShapeAnimation2;
    animation-name: gradientShapeAnimation2;
}

.varyasyondiv {
    flex-direction: row !important;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: center;
}

    .varyasyondiv > div {
    }

        .varyasyondiv > div:last-child > div {
            padding: 5px 10px;
            background: #000;
            color: #fff;
            border-radius: 5px;
            font-weight: 600;
            cursor: pointer
        }

            .varyasyondiv > div:last-child > div:hover {
                background: #ebebeb;
                color: #000
            }

.varyasyonpop {
    display: none;
    position: fixed;
    z-index: 999;
    background: rgb(83 83 83);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 5px;
}

    .varyasyonpop .cancel {
        position: absolute;
        right: 30px;
        top: 30px;
        cursor: pointer;
    }

        .varyasyonpop .cancel span {
            color: #ffffff;
            font-size: 40px;
        }

    .varyasyonpop.active {
        display: block;
    }

    .varyasyonpop > div {
        display: flex;
        width: 40%;
        height: 100%;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        margin: 0 auto;
    }

    .varyasyonpop .productadd {
        width: 90%;
    }

.vitringorselgenel {
    width: 100%;
}

    .vitringorselgenel.active {
        height: auto;
        margin-bottom: 35px;
    }

    .vitringorselgenel > div {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-content: flex-start;
    }

    .vitringorselgenel h1 {
        font-size: 23px;
        font-weight: 600;
        margin: 0;
        margin-bottom: 10px;
    }

    .vitringorselgenel button {
        border: 0;
        background: #000;
        color: #fff;
        padding: 12px 24px;
        margin-top: 3px;
        width: 130px;
        border-radius: 5px;
    }

    .vitringorselgenel form {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .vitringorselgenel .action {
        margin: 15px 0;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .vitringorselgenel .action input {
            margin-right: 3px;
            width: inherit !important;
            padding: 10px 15px !important;
            font-weight: 600;
            border: 0;
            cursor: pointer
        }

.cropped {
    width: 550px
}

    .cropped img {
        width: 100%;
    }

.digerurunlertabla {
    width: 100%;
    height: 300px;
    overflow-y: scroll
}

.digerarama {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    align-items: center;
}

    .digerarama > div {
    }

    .digerarama label {
        margin: 0 !important
    }

    .digerarama > div:last-child {
        width: 30%
    }

    .digerarama > div input {
    }

#productModal {
    background: #000;
    width: 800px !important;
    height: 400px !important;
    z-index: 9999;
    left: calc(50% - 300px);
    top: calc(50% - 200px);
    background: #dddd;
}

    #productModal .modal-content {
        display: flex;
        flex-direction: column;
    }

        #productModal .modal-content .close {
            position: absolute;
            right: -20px;
            color: #fff;
            top: -20px;
            font-size: 35px;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            background: red;
            border-radius: 40px;
        }

        #productModal .modal-content select {
            width: 90%;
            margin-bottom: 18px;
            padding: 7px;
        }

    #productModal button {
        background: #000;
        color: #fff;
        font-size: 14px;
    }

    #productModal .urunaradiv {
        display: flex;
        flex-direction: column;
        background: none;
        width: 90%;
        max-width: 100%;
        padding: 0;
    }

    #productModal #ajax-main {
        width: 100%;
        margin: 15px 0;
    }

.urunaradiv .popsearch {
    width: 100%;
    display: flex;
    align-items: center;
}

    .urunaradiv .popsearch label {
        font-weight: 700;
        width: 120px;
    }

    .urunaradiv .popsearch input {
        border-radius: 8px;
        padding: 5px 10px;
        border: 1px solid #ddd;
        width: 100%;
    }

.metaentegrason {
}

    .metaentegrason > div {
        margin-bottom: 14px;
        width: 100%;
    }

        .metaentegrason > div label {
            font-weight: 600;
            margin-bottom: 5px
        }

.metabegin {
    width: 100%
}

    .metabegin > div {
    }

        .metabegin > div .begin ul {
            display: flex;
            flex-wrap: wrap;
            gap: 18px;
            margin-top: 15px
        }

        .metabegin > div .begin h3 {
            font-weight: 600;
            font-size: 13px;
        }

        .metabegin > div .begin a {
            border-bottom: 1px solid #d9d9d9;
            padding: 5px 17px;
            display: block;
        }

            .metabegin > div .begin a span {
                font-weight: 700
            }

    .metabegin .begin {
        margin-bottom: 10px;
    }

        .metabegin .begin > div > div {
            background: #f1f1f1;
            display: flex;
            align-content: center;
            justify-content: space-between;
            padding: 11px 14px;
            align-items: center;
        }

.seciliform {
    margin: 0;
    width: 100%
}

.seciliform {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .seciliform .item {
    }

        .seciliform .item ul {
            margin-bottom: 15px;
            background: #f1f1f1;
            padding: 11px;
            gap: 15px;
            display: flex;
            flex-wrap: wrap;
        }

    .seciliform li {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        width: calc(20% - 15px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .seciliform li > div {
            margin-right: 5px;
        }

        .seciliform li > label {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

            .seciliform li > label > span {
                font-size: 11px;
            }

                .seciliform li > label > span:first-child {
                    font-weight: 600;
                    border: 1px solid #e7e5de;
                    padding: 2px 6px;
                    border-radius: 5px;
                    background: #f7f7f6;
                    margin-bottom: 3px;
                    font-size: 10px;
                }

.yetkisiz {
}

    .yetkisiz h1 {
        text-align: center;
        font-size: 25px
    }

.listeform {
}

    .listeform li {
        display: flex;
        align-content: center;
        align-items: center;
        font-size: 11px;
    }

        .listeform li label {
            font-weight: 400 !important;
        }

#sonucDiv {
}

    #sonucDiv h3 {
        font-size: 13px;
        font-weight: 600;
    }

@keyframes gradientShapeAnimation1 {
    0% {
        -webkit-transform: translate(-30%, 40%) rotate(-20deg);
        transform: translate(-30%, 40%) rotate(-20deg)
    }

    25% {
        -webkit-transform: translate(0%, 20%) skew(-15deg, -15deg) rotate(80deg);
        transform: translate(0%, 20%) skew(-15deg, -15deg) rotate(80deg)
    }

    50% {
        -webkit-transform: translate(30%, -10%) rotate(180deg);
        transform: translate(30%, -10%) rotate(180deg)
    }

    75% {
        -webkit-transform: translate(-30%, 40%) skew(15deg, 15deg) rotate(240deg);
        transform: translate(-30%, 40%) skew(15deg, 15deg) rotate(240deg)
    }

    100% {
        -webkit-transform: translate(-30%, 40%) rotate(-20deg);
        transform: translate(-30%, 40%) rotate(-20deg)
    }
}

@-webkit-keyframes gradientShapeAnimation2 {
    0% {
        -webkit-transform: translate(20%, -40%) rotate(-20deg);
        transform: translate(20%, -40%) rotate(-20deg)
    }

    20% {
        -webkit-transform: translate(0%, 0%) skew(-15deg, -15deg) rotate(80deg);
        transform: translate(0%, 0%) skew(-15deg, -15deg) rotate(80deg)
    }

    40% {
        -webkit-transform: translate(-40%, 50%) rotate(180deg);
        transform: translate(-40%, 50%) rotate(180deg)
    }

    60% {
        -webkit-transform: translate(-20%, -20%) skew(15deg, 15deg) rotate(80deg);
        transform: translate(-20%, -20%) skew(15deg, 15deg) rotate(80deg)
    }

    80% {
        -webkit-transform: translate(10%, -30%) rotate(180deg);
        transform: translate(10%, -30%) rotate(180deg)
    }

    100% {
        -webkit-transform: translate(20%, -40%) rotate(340deg);
        transform: translate(20%, -40%) rotate(340deg)
    }
}

@keyframes gradientShapeAnimation2 {
    0% {
        -webkit-transform: translate(20%, -40%) rotate(-20deg);
        transform: translate(20%, -40%) rotate(-20deg)
    }

    20% {
        -webkit-transform: translate(0%, 0%) skew(-15deg, -15deg) rotate(80deg);
        transform: translate(0%, 0%) skew(-15deg, -15deg) rotate(80deg)
    }

    40% {
        -webkit-transform: translate(-40%, 50%) rotate(180deg);
        transform: translate(-40%, 50%) rotate(180deg)
    }

    60% {
        -webkit-transform: translate(-20%, -20%) skew(15deg, 15deg) rotate(80deg);
        transform: translate(-20%, -20%) skew(15deg, 15deg) rotate(80deg)
    }

    80% {
        -webkit-transform: translate(10%, -30%) rotate(180deg);
        transform: translate(10%, -30%) rotate(180deg)
    }

    100% {
        -webkit-transform: translate(20%, -40%) rotate(340deg);
        transform: translate(20%, -40%) rotate(340deg)
    }
}

.product-marker {
    position: absolute;
    width: 10px;
    height: 10px;
    background: red;
    border-radius: 50%;
}

#image-container {
    position: relative
}

.product-info {
    position: absolute;
    background: white;
    border: 1px solid black;
    padding: 5px;
    z-index: 1000;
}

.close-button {
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
    background: black;
    color: white;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
}

.bottompage {
    width: 98%;
    margin: 0 auto;
    margin-top: 25px;
}

    .bottompage > .head {
        width: 100%;
        margin-bottom: 15px;
    }

    .bottompage > .begin, .metabegin .begin {
        width: 100%;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 10px;
        padding: 15px;
    }

.izinler .metabegin {
    margin-bottom: 25px;
}

form {
    width: 100%;
}

    form > div {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
        gap: 6px;
    }

        form > div.tekli {
            display: flex;
            flex-direction: column;
        }

        form > div > div {
            display: flex;
            flex-direction: column;
            width: 49%;
            align-content: flex-start;
            justify-content: flex-start;
        }

        form > div.treediv > div {
            width: calc(98% / 3)
        }

        form > div.tekli > div {
            display: flex;
            flex-direction: row;
            align-content: flex-start;
            margin-bottom: 5px;
            width: 100%;
        }

        form > div > div > label {
            font-size: 13px;
            margin-bottom: 3px;
        }

        form > div > div > input {
            width: 100%;
        }

        form > div > div fieldset {
            display: flex;
            flex-direction: row;
            align-content: center;
            align-items: center;
            gap: 25px;
        }

.hesaplama1 fieldset {
    gap: 0px
}

form > div > div fieldset.Randevubar {
    display: flex;
    flex-direction: column;
    gap: 0;
}

    form > div > div fieldset.Randevubar ul {
        width: 100%;
    }

        form > div > div fieldset.Randevubar ul > li {
        }

    form > div > div fieldset.Randevubar p {
        width: 100%;
        margin-top: 10px;
        padding: 20px;
        background: #fff3cd;
        border: 1px solid #ffc107;
        border-radius: 6px;
        font-size: 13px;
        color: #856404;
    }

form > div > div fieldset > legend {
}

form > div > div fieldset > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

    form > div > div fieldset > div > label {
        /* font-weight: 500; */
        font-size: 13px;
    }

    form > div > div fieldset > div > input {
    }

form > div > div > input[type="checkbox"], form > div > div > input[type="radio"] {
    width: 20px;
    height: 20px;
}

.record {
    width: 100%;
}

    .record .formbegin {
        width: 100%;
        display: flex;
        flex-direction: row;
        gap: 20px;
        flex-wrap: wrap;
    }

        .record .formbegin > .item {
            width: calc((100% / 3) - 20px);
        }

            .record .formbegin > .item > label {
            }

            .record .formbegin > .item > select {
            }

            .record .formbegin > .item > input {
            }

            .record .formbegin > .item > textarea {
            }

            .record .formbegin > .item > div {
                margin-bottom: 15px;
                display: flex;
                flex-direction: column;
                align-content: space-around;
            }

                .record .formbegin > .item > div > label {
                    margin-bottom: 3px
                }

.projeaitgorsel {
    flex-direction: column;
}

    .projeaitgorsel > h1 {
        margin-bottom: 10px
    }

.formfiyat {
    background: #f5f5f5;
    padding: 25px;
    border-radius: 15px;
    gap: 14px;
}

    .formfiyat > div {
    }

        .formfiyat > div.item {
            width: 170px;
        }

            .formfiyat > div.item.tekli {
                width: 100%;
            }

            .formfiyat > div.item.ikili {
                width: 49%;
            }

            .formfiyat > div.item.small {
                width: 150px;
            }

                .formfiyat > div.item.small.uclu {
                    display: flex;
                    flex-direction: column;
                }

                    .formfiyat > div.item.small.uclu > div {
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        margin-bottom: 10px;
                        align-content: flex-start;
                    }


            .formfiyat > div.item > label {
                font-weight: 600;
            }

            .formfiyat > div.item.tipi {
                width: calc(100%);
            }

                .formfiyat > div.item.tipi > label {
                    margin-bottom: 5px;
                }

    .formfiyat .tipi .tipidetay {
        display: flex;
        gap: 10px;
        margin-bottom: 22px;
        flex-wrap: wrap;
        margin-top: 15px;
    }

        .formfiyat .tipi .tipidetay > div {
            display: flex;
            flex-direction: column;
            background: #fff;
            padding: 16px;
        }

            .formfiyat .tipi .tipidetay > div > div {
                margin-bottom: 5px;
            }

                .formfiyat .tipi .tipidetay > div > div:first-child {
                    display: flex;
                    align-items: center;
                }

                    .formfiyat .tipi .tipidetay > div > div:first-child input {
                        margin-right: 5px;
                    }

input[type="checkbox"] {
}

.formfiyat .tipi .tipidetay > div > div > label {
    font-weight: 700;
}

.formfiyat .tipi .tipidetay > div > div > div {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
}

    .formfiyat .tipi .tipidetay > div > div > div:first-child {
        margin-right: 10px
    }

    .formfiyat .tipi .tipidetay > div > div > div > label {
        font-size: 12px;
    }

    .formfiyat .tipi .tipidetay > div > div > div > div {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

        .formfiyat .tipi .tipidetay > div > div > div > div > div {
            width: 49%;
            display: flex;
            align-items: center;
        }

            .formfiyat .tipi .tipidetay > div > div > div > div > div input {
                width: 100%;
            }

            .formfiyat .tipi .tipidetay > div > div > div > div > div label {
                margin-left: 3px;
                font-size: 10px;
            }

    .formfiyat .tipi .tipidetay > div > div > div > input {
        width: 60px;
    }

.serifiye {
}

    .serifiye > label {
        font-weight: 600;
    }

    .serifiye > div {
        display: flex;
        flex-direction: row;
        gap: 15px;
        margin-top: 2px;
    }

        .serifiye > div > div {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

            .serifiye > div > div select {
                width: 70px;
                margin-right: 5px;
                padding: 8px 3px;
                border: 1px solid #e6e6e6;
            }

            .serifiye > div > div input {
                width: 70px
            }

            .serifiye > div > div label {
                margin-right: 5px;
            }

.basarilimesaj {
    padding: 14px;
    background: #00e91d;
    margin-bottom: 15px;
    border-radius: 8px;
}

    .basarilimesaj p {
        color: #fff;
        font-weight: 700;
    }

.basarisizmesaj {
    padding: 14px;
    background: #d51317;
    margin-bottom: 15px;
    border-radius: 8px;
}

    .basarisizmesaj p {
        color: #fff;
        font-weight: 700;
    }


.gunlukaramalist {
    border-radius: 10px;
    margin-top: 25px;
}

    .gunlukaramalist > div {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        width: 100%; /* flex-wrap: wrap; */
        gap: 5px;
        overflow: hidden;
        overflow-x: auto;
        overflow-y: visible;
        padding-bottom: 5px;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: var(--isliste-tb-accent) var(--gorusme-test-page-bg);
    }

    /* Yatay kaydırma çubuğu — WebKit (reset :root token’ları) */
    .gunlukaramalist > div::-webkit-scrollbar {
        height: 9px;
    }

    .gunlukaramalist > div::-webkit-scrollbar-track {
        margin: 0 6px;
        background: var(--gorusme-test-page-bg);
        border-radius: 999px;
        box-shadow: inset 0 0 0 1px var(--isliste-tb-border);
    }

    .gunlukaramalist > div::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: linear-gradient(90deg, var(--isliste-tb-border), rgba(13, 148, 136, 0.42));
        border: 2px solid transparent;
        background-clip: padding-box;
    }

    .gunlukaramalist > div::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(90deg, var(--isliste-tb-accent-dark), var(--isliste-tb-accent));
        background-clip: padding-box;
    }

        .gunlukaramalist > div > div.gunlukaramalist-card { /* width: calc((100% / 4) - 1%); */ /* border: 1px solid #e9e9e9; */
            border-radius: 11px; /* margin-bottom: 1%; */
            padding: 5px 2px;
            display: inline-flex;
            flex-direction: column;
            flex: 0 0 auto;
            align-items: stretch;
            align-self: stretch;
            background: #fff; /* margin-right: 1%; */
            overflow: visible;
        }

            .gunlukaramalist > div > div.gunlukaramalist-card:nth-child(4n) {
                margin-right: 0
            }

            /* Takip vb.: h3+ul saran div içeriğe göre genişlesin */
            .gunlukaramalist > div > div.gunlukaramalist-card > div:not(.gorusme) {
                display: inline-block;
                vertical-align: top;
                width: auto;
                max-width: none;
                text-align: center;
            }

            .gunlukaramalist > div > div.gunlukaramalist-card h3 {
                font-size: 13px;
                margin: 0;
                line-height: 16px;
                font-weight: 700;
                border-bottom: 1px solid #ebebeb;
                width: 100%;
                text-align: center;
                margin-bottom: 0;
                padding-bottom: 5px;
            }

            .gunlukaramalist > div > div.gunlukaramalist-card ul {
                padding: 0;
                margin: 0;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-items: stretch;
                justify-content: flex-start;
                width: auto;
                min-width: 0;
                position: relative;
                overflow: visible;
            }

    .gunlukaramalist .mesajpopup > ul {
        margin-bottom: 15px
    }

    .gunlukaramalist > div > div.gunlukaramalist-card ul li {
        list-style-type: none;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        border-right: 1px solid #ebebeb;
        padding: 3px 10px;
        width: auto;
        flex: 0 0 auto;
        flex-shrink: 0;
        box-sizing: border-box;
        white-space: nowrap;
        position: relative;
        cursor: pointer
    }

        .gunlukaramalist > div > div.gunlukaramalist-card ul li:last-child {
            border-right: 0
        }

        .gunlukaramalist > div > div.gunlukaramalist-card ul li h1 {
            font-weight: 700;
            font-size: 16px;
            line-height: 19px;
            margin: 0;
        }

        .gunlukaramalist > div > div.gunlukaramalist-card ul li span {
            font-size: 12px;
        }

        .gunlukaramalist > div > div.gunlukaramalist-card ul li.active {
            background: #ff0000;
        }

            .gunlukaramalist > div > div.gunlukaramalist-card ul li.active h1, .gunlukaramalist > div > div.gunlukaramalist-card ul li.active span {
                color: #fff
            }

    .gunlukaramalist .mesajpopup {
        top: 60px;
        left: 60px;
    }

    .gunlukaramalist > div > div.gunlukaramalist-card ul .mesajpopup li {
        width: 100%;
        align-items: flex-start
    }

    .gunlukaramalist > div > div.gunlukaramalist-card .gorusme {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 1px;
    }

        .gunlukaramalist > div > div.gunlukaramalist-card .gorusme > div:first-child {
            font-size: 13px;
            line-height: 16px;
            font-weight: 700;
        }

        .gunlukaramalist > div > div.gunlukaramalist-card .gorusme > div {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 5px;
            font-size: 12px;
            line-height: 12px;
        }

            .gunlukaramalist > div > div.gunlukaramalist-card .gorusme > div > div {
                padding: 0px 5px;
            }

                .gunlukaramalist > div > div.gunlukaramalist-card .gorusme > div > div, .gunlukaramalist > div > div.gunlukaramalist-card .gorusme > div > div > span {
                    font-size: 11px;
                    color: #999;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                    .gunlukaramalist > div > div.gunlukaramalist-card .gorusme > div > div.active, .gunlukaramalist > div > div.gunlukaramalist-card .gorusme > div > div.active > span {
                        font-weight: 600;
                        color: #000;
                    }

.gorusmetab { /* background: #f1f1f1; */
}

.nofieldsetflex {
    display: block
}

    .nofieldsetflex select {
        /* padding: 3px 5px; */
    }

.gunlukaramalist > div > div.gunlukaramalist-card .gorusme > div > div > span {
    font-size: 11px !important;
}

.note > div:not(.mesajpopup) {
    position: absolute;
    background: #51a351;
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    padding: 4px;
    border-radius: 100% !important;
    right: -3px;
    top: -8px;
}

.table.liste td.redtext * {
    color: #b71c1c;
    font-weight: 500
}

.musterilistesiappend.tabli {
    display: flex;
    flex-direction: column;
}

    .musterilistesiappend.tabli .gunlukaramalist > div {
    }

    .musterilistesiappend.tabli #gunlukaramlis {
        background: transparent;
    }

    .musterilistesiappend.tabli .gunlukaramalist {
        margin-top: 5px;
        padding: 0 5px;
    }

        .musterilistesiappend.tabli .gunlukaramalist > div > div.gunlukaramalist-card ul li h1 {
            font-size: 14px;
            line-height: 16px;
        }

        .musterilistesiappend.tabli .gunlukaramalist > div > div.gunlukaramalist-card ul li span {
            font-size: 11px;
        }

        .musterilistesiappend.tabli .gunlukaramalist > div > div.gunlukaramalist-card {
            border: 1px solid #e9e9e9;
            padding: 14px;
        }

.gunlukaramalist-toolbar {
    position: sticky;
    left: 0;
    display: none;
    align-items: stretch;
    align-self: stretch;
    z-index: 4;
    flex: 0 0 auto;
}

.gunlukaramalist-plus-fab {
    appearance: none;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 6px 0 0;
    border: none;
    border-radius: 12px;
    background: linear-gradient(145deg, #0d9488 0%, #0f766e 100%);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 24px rgba(13, 148, 136, 0.35);
    transition: transform .15s ease, box-shadow .15s ease;
}

.gunlukaramalist-plus-fab:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(13, 148, 136, 0.42);
}

.gunlukaramalist-plus-fab:active {
    transform: translateY(0);
}

.gunlukaramalist-plus-fab__svg {
    width: 22px;
    height: 22px;
    fill: #fff;
}

body.is-gunluk-restore-modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
}

.is-gunluk-restore-modal {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.is-gunluk-restore-modal--hidden {
    display: none !important;
}

.is-gunluk-restore-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(4px);
}

.is-gunluk-restore-modal__panel {
    position: relative;
    width: min(420px, calc(100vw - 32px));
    max-height: min(72vh, 520px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.2);
    padding: 18px 20px 20px;
}

.is-gunluk-restore-modal__head {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 8px;
    padding-right: 44px;
}

.is-gunluk-restore-modal__title {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.is-gunluk-restore-modal__close-x {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 4;
    appearance: none;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(226, 232, 240, 0.95);
    background: rgba(255, 255, 255, 0.92);
    color: #475569;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.8) inset;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}

.is-gunluk-restore-modal__close-x:hover {
    background: #fff;
    color: #0f172a;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.8) inset;
}

.is-gunluk-restore-modal__close-x:active {
    transform: scale(0.96);
}

.is-gunluk-restore-modal__lead {
    flex-shrink: 0;
    margin: 0 0 14px;
    font-size: 13px;
    line-height: 1.45;
    color: #64748b;
}

.is-gunluk-restore-modal__list {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-right: 2px;
}

/* Liste tabloları: satır seçimi + KVKK modern kontroller */
.table.liste input.custom-checkbox,
.table.liste input.allcheck {
    appearance: none;
    -webkit-appearance: none;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
    border: 2px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    vertical-align: middle;
    flex-shrink: 0;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.table.liste input.custom-checkbox:hover,
.table.liste input.allcheck:hover {
    border-color: #94a3b8;
}

.table.liste input.custom-checkbox:checked,
.table.liste input.allcheck:checked {
    background: #0ea5e9;
    border-color: #0284c7;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 5l3 3 7-7'/%3E%3C/svg%3E");
    background-size: 10px 8px;
    background-position: center;
    background-repeat: no-repeat;
}

.table.liste input.custom-checkbox:focus,
.table.liste input.allcheck:focus {
    outline: none;
}

.table.liste input.custom-checkbox:focus-visible,
.table.liste input.allcheck:focus-visible {
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.35);
}

.table.liste input.custom-checkbox:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    box-shadow: none;
}

/* KVKK: app-switch kütüphanesi (.app-switch--kvkk) */
.table.liste td.kvkk-cell,
.table.liste td:has(.app-switch--kvkk) {
    text-align: center;
    vertical-align: middle;
}

.table.liste tbody tr.check {
    background: #b4c7b2 !important;
}

.table.liste td.kvkk-cell {
    text-align: center;
    vertical-align: middle;
    min-width: 80px;
    max-width: none;
    box-sizing: border-box;
}

.is-gunluk-restore-modal__row {
    border: 1px solid #e2e8f0;
    background: #fff;
    border-radius: 12px;
    padding: 10px 12px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    text-align: left;
    cursor: grab;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.is-gunluk-restore-modal__row:hover {
    border-color: #cbd5e1;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
}

.is-gunluk-restore-modal__row--dragging {
    cursor: grabbing;
    opacity: 0.92;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
    pointer-events: none;
}

.is-gunluk-restore-modal__row-handle {
    flex: 0 0 auto;
    width: 1.25rem;
    font-size: 14px;
    line-height: 1;
    color: #94a3b8;
    cursor: grab;
    user-select: none;
    letter-spacing: -0.12em;
}

.is-gunluk-restore-modal__row-main {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.is-gunluk-restore-modal__row-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.is-gunluk-restore-modal__row-name {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.is-gunluk-restore-modal__row-head .app-switch {
    flex-shrink: 0;
    margin-top: 0;
    align-self: center;
}

/* Alt satır anahtarı: küçük ölçü (track renkleri yukarıdaki panel bloğu + :root) */
.is-gunluk-restore-modal__panel .app-switch--gunluk-modal-sub {
    --app-switch-w: 38px;
    --app-switch-h: 22px;
    --app-switch-thumb-size: 18px;
    --app-switch-pad: 2px;
    --app-switch-translate: calc(var(--app-switch-w) - (2 * var(--app-switch-pad)) - var(--app-switch-thumb-size));
}

.is-gunluk-restore-modal__row-subs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 6px;
    margin-top: 6px;
}

.is-gunluk-restore-modal__row-sub {
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    background: #f1f5f9;
    padding: 2px 8px;
    border-radius: 999px;
    line-height: 1.35;
    max-width: 100%;
    word-break: break-word;
}

.is-gunluk-restore-modal__sublist {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    cursor: default;
}

.is-gunluk-restore-modal__subrow {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: grab;
}

.is-gunluk-restore-modal__subrow--dragging {
    cursor: grabbing;
    opacity: 0.92;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);
    pointer-events: none;
}

.is-gunluk-restore-modal__subrow-handle {
    flex: 0 0 auto;
    width: 1.1rem;
    font-size: 13px;
    line-height: 1;
    color: #94a3b8;
    cursor: grab;
    user-select: none;
    letter-spacing: -0.12em;
}

.is-gunluk-restore-modal__subrow-label {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 12px;
    font-weight: 600;
    color: #334155;
}

#gunlukaramlis .gunlukaramalist-card .is-gunluk-sub-hidden {
    display: none !important;
}

.app-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
    margin: 0;
}

/* reset.css: input/input[type=checkbox] özgüllüğü yüksek; yalnız app-switch-track görünsün */
label.app-switch input.app-switch-input[type="checkbox"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0 !important;
    border-radius: 0 !important;
    opacity: 0;
    appearance: none !important;
    -webkit-appearance: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.app-switch-track {
    display: block;
    width: var(--app-switch-w);
    height: var(--app-switch-h);
    border-radius: 999px;
    background: var(--app-switch-off-bg);
    transition: var(--app-switch-transition-bg);
    position: relative;
    box-sizing: border-box;
    box-shadow: var(--app-switch-track-inset-off);
}

.app-switch-track::after {
    content: '';
    position: absolute;
    width: var(--app-switch-thumb-size);
    height: var(--app-switch-thumb-size);
    border-radius: 50%;
    background: var(--app-switch-thumb-bg);
    top: var(--app-switch-pad);
    left: var(--app-switch-pad);
    transition: var(--app-switch-transition-thumb);
    /* Dış gölge + track ile uyumlu ince halka (ölçüyü değiştirmez) */
    box-shadow: var(--app-switch-thumb-shadow), inset 0 0 0 1px var(--app-switch-thumb-border);
}

.app-switch-input:checked + .app-switch-track {
    background: var(--app-switch-on-bg);
    box-shadow: var(--app-switch-track-inset-on);
}

.app-switch-input:checked + .app-switch-track::after {
    transform: translateX(var(--app-switch-translate));
    box-shadow: var(--app-switch-thumb-shadow), inset 0 0 0 1px var(--app-switch-thumb-border-on);
}

.app-switch:hover .app-switch-input:not(:checked) + .app-switch-track {
    background: var(--app-switch-off-hover-bg);
}

.app-switch-input:focus + .app-switch-track {
    outline: none;
}

.app-switch-input:focus-visible + .app-switch-track {
    box-shadow: var(--app-switch-track-inset-off), var(--app-switch-focus-ring);
}

.app-switch-input:checked:focus-visible + .app-switch-track {
    box-shadow: var(--app-switch-track-inset-on), var(--app-switch-focus-ring-on);
}

/* Satır içi: track + metin (export vb.) */
.app-switch--export-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    cursor: pointer;
}

.app-switch-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.app-switch-text strong,
.gorusme-export-filter-head strong {
    color: #1f2d3d;
    font-size: 14px;
    line-height: 1.4;
}

.app-switch-text small,
.gorusme-export-filter-head small,
.gorusme-export-extra-note {
    color: #607080;
    font-size: 12px;
    line-height: 1.5;
}

.gunlukaramalist-card {
    position: relative;
    min-width: 0;
    cursor: grab;
    transition: box-shadow .18s ease, transform .18s ease, opacity .18s ease;
}

.gunlukaramalist-card h3,
.gunlukaramalist-card .gorusme {
    padding-right: 26px;
    box-sizing: border-box;
}

.gunlukaramalist-card.is-dragging {
    opacity: 0.6;
    box-shadow: 0 18px 30px rgba(15, 23, 42, 0.16);
    pointer-events: none;
}

.gunlukaramalist-card-close {
    appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    border-radius: 0 11px 0 6px;
    background: #dc2626;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: none;
    transition: background .15s ease;
    z-index: 40;
    line-height: 0;
}

.gunlukaramalist-card-close:hover {
    background: #b91c1c;
}

.gunlukaramalist-card-close svg {
    width: 11px;
    height: 11px;
    fill: #fff;
    pointer-events: none;
}

.gunlukaramalist-card-close svg path {
    fill: #fff;
}

.gunlukaramalist-card.ui-sortable-helper {
    box-shadow: 0 20px 34px rgba(15, 23, 42, 0.18);
    transform: rotate(1deg);
}

.gunlukaramalist-card-placeholder {
    min-width: 180px;
    border: 1px dashed #93c5fd;
    border-radius: 11px;
    background: rgba(147, 197, 253, 0.12);
    visibility: visible !important;
}

.gunlukaramalist-card.is-card-hidden {
    display: none !important;
}

.download-export-icon {
    font-size: 18px;
    line-height: 1;
}

#gunlukaramlis .gorusme-takip-chip:not(.gorusme-takip-chip-disabled) {
    cursor: pointer;
}

#gunlukaramlis .gorusme-takip-chip-disabled {
    cursor: default;
    opacity: 0.72;
}

/* Görüşmeler (/Raporlar/Gorusmeler) günlük özet şeridi — :root token’ları */
.gunlukaramlis-wrap {
    margin-bottom: 0.35rem;
    padding: 0;
    background: linear-gradient(180deg, var(--gorusme-test-page-bg) 0%, rgba(241, 245, 249, 0.35) 100%);
    border-radius: var(--gorusme-test-radius);
    border: 1px solid var(--isliste-tb-border);
    box-shadow: var(--gorusme-test-shadow);
    overflow: hidden;
}

.gunlukaramlis-panel {
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 0;
    background: var(--isliste-tb-surface);
}

    .gunlukaramlis-panel.is-collapsed {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background: linear-gradient(90deg, var(--gorusme-test-info-bg) 0%, var(--isliste-tb-surface) 40%);
    }

.gunlukaramlis-collapsed-note {
    display: none;
    align-items: center;
    gap: 8px;
    margin: 0 0 0 10px;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--gorusme-test-page-bg);
    border: 1px solid var(--isliste-tb-border);
    color: var(--isliste-tb-muted);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 500;
}

    .gunlukaramlis-collapsed-note * {
        color: inherit;
    }

    .gunlukaramlis-collapsed-note strong {
        color: var(--gorusme-test-text);
        font-weight: 700;
    }

.gunlukaramlis-panel.is-collapsed .gunlukaramlis-panel-actions {
    margin: 6px 8px;
}

.gunlukaramlis-panel.is-collapsed .gunlukaramlis-collapsed-note {
    display: inline-flex;
    flex: 1 1 auto;
    min-width: 0;
    background: transparent;
    border: none;
    margin-left: 12px;
    padding: 6px 0;
}

.gunlukaramlis-panel-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 8px 10px 8px 8px;
    flex-shrink: 0;
}

.gunlukaramlis-panel-toggle {
    appearance: none;
    border: 1px solid var(--isliste-tb-border);
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
    color: var(--gorusme-test-text);
    border-radius: 999px;
    padding: 6px 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    cursor: pointer;
    flex-shrink: 0;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
    box-shadow: 0 1px 3px var(--isliste-tb-shadow);
}

    .gunlukaramlis-panel-toggle:hover {
        border-color: var(--isliste-tb-accent);
        box-shadow: 0 2px 10px rgba(13, 148, 136, 0.15);
        background: var(--gorusme-test-info-bg);
    }

    .gunlukaramlis-panel-toggle:focus-visible {
        outline: none;
        box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.22);
    }

.gunlukaramlis-panel-toggle-ico {
    font-size: 1.15rem;
    line-height: 1;
    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;
    color: var(--isliste-tb-accent-dark);
}

.gunlukaramlis-panel-body {
    padding: 0;
    overflow: hidden;
    flex: 1 1 auto;
    min-width: 0;
}

/* Özet kolonları (kart dışı sütun düzeni) */
.gunlukaramlis-wrap .gunlukaramalist {
    margin-top: 0;
    border-radius: 0;
}

.gunlukaramlis-wrap .gunlukaramalist > div {
    gap: 12px;
    padding: 12px 14px 14px;
    align-items: stretch;
}

.gunlukaramlis-wrap .gunlukaramalist > div > div {
    flex: 0 1 auto;
    min-width: min(100%, 9.5rem);
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 55%);
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    padding: 12px 14px 14px;
    box-shadow: 0 1px 3px var(--isliste-tb-shadow);
}

.gunlukaramlis-wrap .gunlukaramalist h3 {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--isliste-tb-muted);
    margin: 0 0 10px;
    padding-bottom: 8px;
    line-height: 1.3;
    border-bottom: 1px solid var(--isliste-tb-border);
    text-align: left;
    width: 100%;
}

.gunlukaramlis-wrap .gunlukaramalist h3 span {
    color: var(--gorusme-test-text);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    font-size: 12px;
    margin-left: 4px;
}

.gunlukaramlis-wrap .gunlukaramalist ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
}

.gunlukaramlis-wrap .gunlukaramalist ul li.note.acik {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 4.25rem;
    padding: 10px 12px;
    margin: 0;
    border-radius: var(--gorusme-test-radius-sm);
    background: var(--isliste-tb-surface);
    border: 1px solid var(--isliste-tb-border);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}

.gunlukaramlis-wrap .gunlukaramalist ul li.note.acik:hover {
    border-color: rgba(13, 148, 136, 0.45);
    box-shadow: 0 2px 8px var(--isliste-tb-shadow);
    transform: translateY(-1px);
}

.gunlukaramlis-wrap .gunlukaramalist ul li.note.acik h1 {
    margin: 0 0 4px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.15;
    color: var(--isliste-tb-accent-dark);
    border: none;
    padding: 0;
    background: none;
}

.gunlukaramlis-wrap .gunlukaramalist ul li.note.acik span {
    font-size: 10px;
    font-weight: 600;
    color: var(--isliste-tb-muted);
    line-height: 1.25;
    max-width: 8rem;
}

.gunlukaramlis-wrap #gunlukaramlis .gorusme-takip-chip.active {
    border-color: var(--isliste-tb-accent) !important;
    background: var(--gorusme-test-info-bg) !important;
    box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.18);
}

.gunlukaramlis-wrap #gunlukaramlis .gorusme-takip-chip.active h1,
.gunlukaramlis-wrap #gunlukaramlis .gorusme-takip-chip.active span {
    color: var(--isliste-tb-accent-dark);
}

.gunlukaramlis-wrap #gunlukaramlis .gorusme-takip-chip.active span {
    color: var(--isliste-tb-muted);
}

.gorusme-export-modal {
    width: min(760px, calc(100vw - 32px));
}

.gorusme-export-info {
    padding: 14px 16px;
    border: 1px solid #d7e3f1;
    border-radius: 12px;
    background: linear-gradient(135deg, #f7fbff 0%, #eef6ff 100%);
    margin-bottom: 16px;
}

    .gorusme-export-info strong {
        display: block;
        color: #18405f;
        margin-bottom: 6px;
        font-size: 13px;
    }

    .gorusme-export-info p {
        margin: 0;
        color: #5b6773;
        font-size: 13px;
        line-height: 1.5;
    }

.gorusme-export-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 12px;
}

.gorusme-export-option {
    position: relative;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    min-height: 104px;
    padding: 16px;
    border: 1px solid #dfe7ef;
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    transition: 0.2s ease;
}

    .gorusme-export-option:hover {
        border-color: #8cb8db;
        box-shadow: 0 10px 24px rgba(24, 63, 95, 0.08);
        transform: translateY(-1px);
    }

    .gorusme-export-option input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.gorusme-export-option-check {
    width: 20px;
    height: 20px;
    border-radius: 999px;
    border: 2px solid #b8c7d6;
    background: #fff;
    flex-shrink: 0;
    position: relative;
    margin-top: 2px;
}

.gorusme-export-option.is-selected {
    border-color: #1f78c1;
    background: linear-gradient(135deg, #f8fbff 0%, #eef6ff 100%);
    box-shadow: 0 12px 28px rgba(31, 120, 193, 0.12);
}

    .gorusme-export-option.is-selected .gorusme-export-option-check {
        border-color: #1f78c1;
        background: #1f78c1;
    }

        .gorusme-export-option.is-selected .gorusme-export-option-check::after {
            content: "";
            position: absolute;
            inset: 4px;
            border-radius: 999px;
            background: #fff;
        }

.gorusme-export-option.is-disabled {
    opacity: 0.55;
    cursor: not-allowed;
    background: #f8fafc;
    box-shadow: none;
    transform: none;
}

.gorusme-export-option-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

    .gorusme-export-option-text strong {
        color: #1f2d3d;
        font-size: 14px;
        line-height: 1.4;
    }

    .gorusme-export-option-text small {
        color: #637381;
        font-size: 12px;
        line-height: 1.5;
    }

.gorusme-export-footer {
    gap: 10px;
    flex-wrap: wrap;
}

.gorusme-export-extra-options {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 16px;
}

.gorusme-export-extra-card {
    border: 1px solid #dde6ef;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
    padding: 14px 16px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

.gorusme-export-filter-head {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
}

.gorusme-export-chip-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.gorusme-export-chip {
    position: relative;
    display: inline-flex;
    cursor: pointer;
}

    .gorusme-export-chip input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .gorusme-export-chip span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 82px;
        padding: 9px 14px;
        border-radius: 999px;
        border: 1px solid #d6e1ea;
        background: #fff;
        color: #365066;
        font-size: 12px;
        font-weight: 600;
        transition: all .18s ease;
    }

    .gorusme-export-chip:hover span {
        border-color: #9bbdd8;
        background: #f6fbff;
    }

    .gorusme-export-chip input:checked + span {
        border-color: #1f78c1;
        background: linear-gradient(135deg, #e8f4ff 0%, #d8ecff 100%);
        color: #145a96;
        box-shadow: 0 8px 18px rgba(31, 120, 193, 0.16);
    }

.gorusme-export-extra-note {
    display: block;
    margin-top: 10px;
}

.gorusme-export-column-box {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #e3ebf3;
}

.gorusme-export-column-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}

.gorusme-export-column-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border-radius: 12px;
    border: 1px solid #d8e2ec;
    background: #ffffff;
    cursor: grab;
    transition: all .18s ease;
}

    .gorusme-export-column-item.is-active {
        border-color: #9bc3e7;
        background: linear-gradient(135deg, #f7fbff 0%, #edf6ff 100%);
        box-shadow: 0 8px 18px rgba(31, 120, 193, 0.08);
    }

    .gorusme-export-column-item.is-dragging {
        opacity: .55;
    }

    .gorusme-export-column-item.is-drop-target {
        border-color: #1f78c1;
        box-shadow: 0 0 0 2px rgba(31, 120, 193, 0.12);
    }

.gorusme-export-column-handle {
    color: #7a8b9b;
    font-size: 20px;
    line-height: 1;
    user-select: none;
}

.gorusme-export-column-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    cursor: pointer;
    color: #203040;
    font-size: 13px;
    font-weight: 600;
}

    .gorusme-export-column-toggle input {
        width: 16px;
        height: 16px;
        accent-color: #1f78c1;
        cursor: pointer;
    }

@media (max-width: 720px) {
    .gunlukaramlis-panel-toggle {
        justify-content: center;
    }
}
/* Filtre ikonu */
.musterilistesiappend .gorusme .popupcont {
    right: 0;
}

.table.liste.bagimsizbolum tbody td a, .table.liste.bagimsizbolum tbody td * {
    font-size: 11px;
    line-height: 14px;
}

.note > span {
    white-space: nowrap;
}

.mesajpopup {
    display: none;
    transition: 0.5s;
    width: 250px;
    position: absolute;
    background: #fff;
    padding: 25px 12px;
    box-shadow: 0px 0 12px 0px #00000026;
    z-index: 9;
    right: 0;
    top: 20px;
    max-height: 220px;
    overflow-y: auto;
}

.note.acik:hover .mesajpopup {
    display: block;
}

.mesajpopup {
}

    .mesajpopup > h1 {
    }

    .mesajpopup > ul {
        list-style: none;
        margin: 0;
        display: flex;
        border-bottom: 1px solid #f1f1f1;
    }

        .mesajpopup > ul > li {
            width: calc(100%);
            padding: 3px 0;
            font-size: 11px;
            padding: 10px 0;
        }

            .mesajpopup > ul > li > a {
            }

            .mesajpopup > ul > li p {
                margin: 0;
                font-size: 11px;
                line-height: 15px;
                margin-bottom: 9px;
            }

                .mesajpopup > ul > li p > span {
                    font-weight: 600
                }

            .mesajpopup > ul > li > a > span {
                font-size: 20px;
            }

                .mesajpopup > ul > li > a > span.red {
                    color: #e02222;
                }

                .mesajpopup > ul > li > a > span.green {
                    color: #51a351;
                }

        .mesajpopup > ul.listehead {
            margin: 0;
        }

            .mesajpopup > ul.listehead > li {
                font-weight: 600;
                background: #000;
                color: #fff;
                padding: 5px 3px;
            }

        .mesajpopup > ul > li:first-child {
        }

        .mesajpopup > ul > li:last-child {
        }

.noteaddlist {
}

.checkdiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px
}

.noteaddlist .checkdiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .noteaddlist .checkdiv input {
        width: auto;
    }

    .noteaddlist .checkdiv label {
        padding-left: 4px;
    }

.noteaddlist .hatirlaticigizli {
    display: none
}

.noteaddlist .hatirlatarih {
    display: flex
}

.projesec {
    width: 250px
}

.musterikayit {
}

.kayitlimusterilist {
    flex-direction: column;
}

.musterikayit .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 17px;
}

.musterikayit fieldset {
    width: 100%;
    flex-direction: column;
    display: flex;
    align-items: flex-start;
}

.musterikayit .alicibilgi > div {
    display: flex;
    flex-wrap: wrap
}

.musterikayit .item label {
    margin-bottom: 4px;
    font-weight: 500;
}

.musterikayit .kayitel {
}

.musterikayit .twodiv, .musterikayit .fourdiv, .musterikayit .fivediv, .sozlesmeolustur .twodiv, .sozlesmeolustur .fourdiv, .sozlesmeolustur .fivediv {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* Bütçe, Randevu: input-span-input tek satırda (3 sütun) */
.musterikayit .twodiv-range, .sozlesmeolustur .twodiv-range {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 8px 12px;
    align-items: center;
}

    .musterikayit .twodiv-range .twodiv-sep, .sozlesmeolustur .twodiv-range .twodiv-sep {
        color: #64748b;
        font-weight: 500;
    }

    .musterikayit .twodiv-range input, .sozlesmeolustur .twodiv-range input {
        min-width: 0;
    }

.musterikayit .twodiv .item, .sozlesmeolustur .twodiv .item {
    flex: 1 1 0;
    min-width: 0;
}

.musterikayit .fourdiv .item, .sozlesmeolustur .fourdiv .item {
    width: 24%;
}

.musterikayit .treediv .item, .sozlesmeolustur .treediv .item {
    width: 32%;
}

.musterikayit .fivediv .item, .sozlesmeolustur .fivediv .item {
    width: 19%;
}

.musterikayit .twodiv input, .musterikayit .twodiv select, .musterikayit .twodiv textarea {
    width: 100%;
    padding: 8px 5px;
}

.musterikayit input, .musterikayit textarea {
    width: 100%;
}

.musterikayit .havuzat {
    display: flex;
}

    .musterikayit .havuzat > div {
        display: flex;
    }

        .musterikayit .havuzat > div label {
            width: 75px
        }

        .musterikayit .havuzat > div input {
            width: 20px;
        }

.musterikayit .iskontodiv {
    display: none
}

.musterikayit .planayni {
    display: none;
    width: 100%;
    justify-content: flex-start;
    padding: 16px 0px;
}

    .musterikayit .planayni > div {
        display: flex;
        width: 100%;
    }

        .musterikayit .planayni > div label {
            margin-left: 6px;
        }

        .musterikayit .planayni > div input {
            width: auto;
        }


.havuzmenubar {
    overflow: hidden;
    overflow-x: auto;
    gap: 15px;
    touch-action: none;
    padding: 0;
    display: flex;
    margin: 10px;
}

    .havuzmenubar > div {
    }

        .havuzmenubar > div > button, .havuzmenubar > div > button * {
            font-size: 12px
        }

        .havuzmenubar > div > button {
            white-space: nowrap;
            border: 1px solid #ddd;
            padding: 7px 6px;
        }

            .havuzmenubar > div > button > span {
                font-weight: 600
            }

            .havuzmenubar > div > button.aktif {
                background: #e7e7e7;
            }

.tablofilter0 {
    padding: 0 10px
}

.hatirlatmanot {
    margin-bottom: 10px;
}

    .hatirlatmanot h6 {
        font-size: 11px;
        line-height: 14px;
        margin-bottom: 3px;
        font-weight: 600;
    }

    .hatirlatmanot p {
        font-size: 13px !important;
        line-height: 18px !important;
    }

    .hatirlatmanot hr {
        margin-top: 5px;
        border: 0;
        height: 1px;
        background: #ddd8d8;
    }

.kayitlimusteri {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.kayitlimusterilist {
}

    .kayitlimusterilist table {
        width: 100%;
        margin: 15px 0;
        width: 98%;
        margin: 0 auto;
    }

        .kayitlimusterilist table tr {
            margin-bottom: 15px
        }

        .kayitlimusterilist table > thead td {
            background: #f1f1f1;
            padding: 12px 2px;
            font-size: 12px;
            font-weight: 600;
        }

        .kayitlimusterilist table > tbody td {
            padding: 3px 2px;
            font-size: 11px;
            vertical-align: middle;
        }

        .kayitlimusterilist table > tbody > tr {
            border-bottom: 1px solid #f1f1f1;
        }


.userexit {
    display: flex;
    align-items: center;
}

    .userexit > div {
        display: flex;
        align-items: center;
        color: #fff;
    }

        .userexit > div span {
        }

        .userexit > div * {
            color: #fff
        }

.kayittip {
    margin-bottom: 5px;
}

.payalimalan {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.kayittip ul {
    display: flex;
    gap: 10px;
}

.kayittip li {
    text-align: center;
    display: flex;
    justify-content: flex-start;
    gap: 3px;
}


.formloading {
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 0.55);
    height: 100%;
    display: block;
    width: 100%;
    z-index: 999999;
    text-align: center;
}

    .formloading.hidden {
        display: none !important;
    }

.onepage.fiyatliste {
    position: relative
}

body.fiyat-sutun-modal-open {
    overflow: hidden;
}

/* ——— Fiyat listesi kabuğu + yükleme ( _FiyatListesi / FiyatListesi ) ——— */
.fiyatliste-page .begin {
    max-width: 100%;
}

.fiyatliste-shell {
    color: var(--gorusme-test-text);
}

.fiyat-listesi-loading {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    max-height: 100vh;
    background: linear-gradient(
        165deg,
        color-mix(in srgb, var(--gorusme-test-page-bg) 88%, var(--gorusme-test-surface)) 0%,
        color-mix(in srgb, var(--gorusme-test-surface) 94%, transparent) 100%
    );
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

@supports not (background: color-mix(in srgb, white 50%, black)) {
    .fiyat-listesi-loading {
        background: rgba(241, 245, 249, 0.92);
    }
}

.fiyat-listesi-loading__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-radius: var(--gorusme-test-radius);
    border: 1px solid var(--gorusme-test-border);
    background: var(--gorusme-test-surface);
    box-shadow: 0 8px 32px var(--isliste-tb-shadow);
}

.fiyat-listesi-loading__label {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--gorusme-test-text-muted);
    letter-spacing: -0.01em;
}

.onepage.fiyatliste .fiyatliste-head.fiyatliste-head--toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem 1.25rem;
    padding: 1.05rem 1.25rem;
    margin-bottom: 0.85rem;
    background: var(--gorusme-test-surface);
    border: 1px solid var(--gorusme-test-border);
    border-radius: var(--gorusme-test-radius);
    box-shadow:
        0 1px 3px var(--isliste-tb-shadow),
        0 12px 36px -16px rgba(15, 23, 42, 0.12);
}

.onepage.fiyatliste .fiyatliste-head--toolbar h2 {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--gorusme-test-text);
    line-height: 1.3;
}

.onepage.fiyatliste .fiyatliste-head--toolbar .sagbuton {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
    top: 5px;
}

.onepage.fiyatliste .fiyatliste-head--toolbar .sagbuton > .button,
.onepage.fiyatliste .fiyatliste-head--toolbar .sagbuton > .green.button {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.52rem 1rem !important;
    border-radius: var(--gorusme-test-radius-sm) !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
    line-height: 1.25 !important;
    border: 1px solid transparent !important;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
}

.onepage.fiyatliste .fiyatliste-head--toolbar .sagbuton > .green.button {
    background: var(--gorusme-test-accent) !important;
    color: #fff !important;
    border-color: var(--gorusme-test-accent) !important;
}

.onepage.fiyatliste .fiyatliste-head--toolbar .sagbuton > .green.button:hover {
    background: var(--gorusme-test-accent-hover) !important;
    border-color: var(--gorusme-test-accent-hover) !important;
    color: #fff !important;
}

.onepage.fiyatliste .fiyatliste-head--toolbar .sagbuton > .button:not(.green) {
    background: var(--gorusme-test-surface) !important;
    color: var(--gorusme-test-text) !important;
    border-color: var(--gorusme-test-border) !important;
}

.onepage.fiyatliste .fiyatliste-head--toolbar .sagbuton > .button:not(.green):hover {
    background: var(--gorusme-test-page-bg) !important;
    border-color: var(--isliste-tb-accent) !important;
    color: var(--gorusme-test-accent-hover) !important;
}

.onepage.fiyatliste .fiyatliste-head--toolbar .sagbuton p {
    margin: 0;
}

.onepage.fiyatliste .tablelist.hfixed {
    border-radius: var(--gorusme-test-radius);
    border: 1px solid var(--gorusme-test-border);
    background: var(--gorusme-test-surface);
    box-shadow: 0 2px 14px -4px var(--isliste-tb-shadow);
    min-height: 50vh;
}

/* Fiyat liste FAB stilleri: reset.css → .app-table-filter-reset-fab */

/* Sütun özelleştirme modalları (Fiyat listesi) */
.sutun-modal.sutun-modal--fiyat {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: none;
    padding: 1rem;
    box-sizing: border-box;
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(4px);
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-dialog {
    position: relative;
    max-width: 820px;
    width: 100%;
    max-height: min(88vh, 640px);
    margin: 4vh auto 0;
    padding: 0;
    background: var(--gorusme-test-surface);
    border-radius: var(--gorusme-test-radius);
    border: 1px solid var(--gorusme-test-border);
    box-shadow:
        0 24px 48px -12px rgba(15, 23, 42, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.06) inset;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid var(--gorusme-test-border);
    background: linear-gradient(180deg, var(--gorusme-test-page-bg) 0%, var(--gorusme-test-surface) 55%);
    flex-shrink: 0;
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-header-text {
    min-width: 0;
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-header h3 {
    margin: 0 0 0.2rem 0;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--gorusme-test-text);
    line-height: 1.3;
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-subtitle {
    margin: 0;
    font-size: 0.82rem;
    color: var(--gorusme-test-text-muted);
    line-height: 1.4;
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-close {
    flex-shrink: 0;
    border: 1px solid var(--gorusme-test-border);
    background: var(--gorusme-test-surface);
    color: var(--gorusme-test-text-muted);
    font-size: 1.35rem;
    line-height: 1;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--gorusme-test-radius-sm);
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-close:hover {
    background: var(--gorusme-test-page-bg);
    color: var(--gorusme-test-text);
    border-color: var(--isliste-tb-accent);
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-body {
    display: flex;
    flex-direction: row;
    gap: 0.85rem;
    padding: 1rem 1.25rem 1.1rem;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-panel {
    flex: 1 1 50%;
    min-width: 0;
    max-height: 360px;
    border: 1px solid var(--gorusme-test-border);
    border-radius: var(--gorusme-test-radius-sm);
    padding: 0.85rem 0.95rem;
    overflow-x: hidden;
    overflow-y: auto;
    background: linear-gradient(180deg, color-mix(in srgb, var(--gorusme-test-page-bg) 55%, var(--gorusme-test-surface)) 0%, var(--gorusme-test-surface) 100%);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
}

@supports not (background: color-mix(in srgb, white 50%, black)) {
    .sutun-modal.sutun-modal--fiyat .sutun-modal-panel {
        background: var(--gorusme-test-page-bg);
    }
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-panel h4 {
    margin: 0 0 0.35rem 0;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--gorusme-test-text-muted);
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-hint {
    margin: 0 0 0.5rem 0;
    font-size: 0.76rem;
    color: var(--gorusme-test-text-muted);
    line-height: 1.35;
}

.sutun-modal.sutun-modal--fiyat #columnVisibilityList,
.sutun-modal.sutun-modal--fiyat #columnOrderList,
.sutun-modal.sutun-modal--fiyat #varsayilanVisibilityList,
.sutun-modal.sutun-modal--fiyat #varsayilanOrderList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sutun-modal.sutun-modal--fiyat #columnVisibilityList li,
.sutun-modal.sutun-modal--fiyat #varsayilanVisibilityList li {
    margin-bottom: 0.45rem;
    font-size: 0.88rem;
    color: var(--gorusme-test-text);
}

.sutun-modal.sutun-modal--fiyat #columnVisibilityList label,
.sutun-modal.sutun-modal--fiyat #varsayilanVisibilityList label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.35rem 0.45rem;
    margin: 0 -0.35rem;
    border-radius: var(--gorusme-test-radius-sm);
    transition: background 0.12s ease;
}

.sutun-modal.sutun-modal--fiyat #columnVisibilityList label:hover,
.sutun-modal.sutun-modal--fiyat #varsayilanVisibilityList label:hover {
    background: color-mix(in srgb, var(--gorusme-test-accent) 8%, transparent);
}

@supports not (background: color-mix(in srgb, white 50%, black)) {
    .sutun-modal.sutun-modal--fiyat #columnVisibilityList label:hover,
    .sutun-modal.sutun-modal--fiyat #varsayilanVisibilityList label:hover {
        background: var(--gorusme-test-info-bg);
    }
}

.sutun-modal.sutun-modal--fiyat .sutun-visible-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 17px;
    height: 17px;
    border-radius: 5px;
    border: 2px solid var(--isliste-tb-accent);
    background: var(--gorusme-test-surface);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
    flex-shrink: 0;
}

.sutun-modal.sutun-modal--fiyat .sutun-visible-checkbox:hover:not(:disabled) {
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.22);
}

.sutun-modal.sutun-modal--fiyat .sutun-visible-checkbox:checked {
    background: var(--gorusme-test-accent);
    border-color: var(--gorusme-test-accent);
}

.sutun-modal.sutun-modal--fiyat .sutun-visible-checkbox:checked::after {
    content: '✓';
    color: #fff;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
}

.sutun-modal.sutun-modal--fiyat .sutun-visible-checkbox:disabled {
    border-color: var(--gorusme-test-toggle-off);
    background: var(--gorusme-test-page-bg);
    cursor: default;
    opacity: 0.75;
}

.sutun-modal.sutun-modal--fiyat .sutun-visible-checkbox:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.35);
}

.sutun-modal.sutun-modal--fiyat #columnOrderList .sutun-order-item,
.sutun-modal.sutun-modal--fiyat #varsayilanOrderList .sutun-order-item {
    margin-bottom: 0.45rem;
    padding: 0.55rem 0.7rem;
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid var(--gorusme-test-border);
    background: var(--gorusme-test-surface);
    cursor: move;
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--gorusme-test-text);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
    transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

.sutun-modal.sutun-modal--fiyat #columnOrderList .sutun-order-item:hover:not(.locked),
.sutun-modal.sutun-modal--fiyat #varsayilanOrderList .sutun-order-item:hover:not(.locked) {
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 2px 8px var(--isliste-tb-shadow);
}

.sutun-modal.sutun-modal--fiyat #columnOrderList .sutun-order-item.locked,
.sutun-modal.sutun-modal--fiyat #varsayilanOrderList .sutun-order-item.locked {
    background: var(--gorusme-test-page-bg);
    cursor: default;
    opacity: 0.88;
    border-style: dashed;
}

.sutun-modal.sutun-modal--fiyat #columnOrderList .sutun-order-item-placeholder,
.sutun-modal.sutun-modal--fiyat #varsayilanOrderList .sutun-order-item-placeholder {
    margin-bottom: 0.45rem;
    padding: 0.55rem 0.7rem;
    border-radius: var(--gorusme-test-radius-sm);
    border: 2px dashed var(--gorusme-test-accent);
    background: var(--gorusme-test-info-bg);
    min-height: 2.25rem;
    box-sizing: border-box;
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-footer {
    flex-shrink: 0;
    margin-top: 0;
    padding: 0.9rem 1.25rem 1.1rem;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.55rem;
    border-top: 1px solid var(--gorusme-test-border);
    background: var(--gorusme-test-surface);
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    padding: 0.5rem 1.15rem;
    border-radius: var(--gorusme-test-radius-sm);
    font-weight: 600;
    font-size: 0.88rem;
    cursor: pointer;
    border: 1px solid transparent;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-btn--ghost {
    background: var(--gorusme-test-surface);
    color: var(--gorusme-test-text-muted);
    border-color: var(--gorusme-test-border);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-btn--ghost:hover {
    background: var(--gorusme-test-page-bg);
    color: var(--gorusme-test-accent-hover);
    border-color: var(--isliste-tb-accent);
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-btn--primary {
    background: var(--gorusme-test-accent);
    color: #fff;
    border-color: var(--gorusme-test-accent);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-btn--primary:hover {
    background: var(--gorusme-test-accent-hover);
    border-color: var(--gorusme-test-accent-hover);
    color: #fff;
}

.sutun-modal.sutun-modal--fiyat .sutun-modal-btn--primary:disabled,
.sutun-modal.sutun-modal--fiyat .varsayilan-modal-kaydet:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

@media (max-width: 720px) {
    .sutun-modal.sutun-modal--fiyat .sutun-modal-body {
        flex-direction: column;
    }

    .sutun-modal.sutun-modal--fiyat .sutun-modal-panel {
        max-height: 260px;
    }
}

.fiyatliste-page {
    background: var(--gorusme-test-page-bg);
    padding-bottom: 0.5rem;
}

/* Fiyat listesi: İş/Görüşme tabbar ile aynı primary popupmenubutton (teal gradient) */
.fiyat-havuzmenubar .popupmenubutton.tabbar__btn-primary.sutunlariozellestir {
    margin: 0;
    padding: 10px 16px;
    gap: 8px;
    border-radius: 10px;
    border: none;
    background: linear-gradient(180deg, var(--isliste-tb-accent-dark) 0%, var(--isliste-tb-accent) 100%);
    box-shadow: 0 2px 10px rgba(13, 148, 136, 0.3);
    transition: transform 0.1s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.fiyat-havuzmenubar .popupmenubutton.tabbar__btn-primary.sutunlariozellestir:hover {
    filter: brightness(1.05);
    box-shadow: 0 4px 16px rgba(13, 148, 136, 0.38);
}

.fiyat-havuzmenubar .popupmenubutton.tabbar__btn-primary.sutunlariozellestir:active {
    transform: translateY(1px);
}

.fiyat-havuzmenubar .popupmenubutton.tabbar__btn-primary.sutunlariozellestir .tabbar__btn-primary-text {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
}

.fiyat-havuzmenubar .popupmenubutton.tabbar__btn-primary.sutunlariozellestir .material-symbols-outlined {
    color: #fff !important;
    font-size: 20px;
    line-height: 1;
    flex-shrink: 0;
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    top: calc(50% - 40px);
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 40px 40px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #fff;
            margin: -4px 0 0 -4px;
        }

.fiyat-listesi-loading .lds-roller,
.page-loading-overlay .lds-roller {
    top: auto
}

    .fiyat-listesi-loading .lds-roller div:after,
    .page-loading-overlay .lds-roller div:after {
        background: var(--isliste-tb-accent);
    }

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

    .lds-roller div:nth-child(1):after {
        top: 63px;
        left: 63px;
    }

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

    .lds-roller div:nth-child(2):after {
        top: 68px;
        left: 56px;
    }

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

    .lds-roller div:nth-child(3):after {
        top: 71px;
        left: 48px;
    }

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

    .lds-roller div:nth-child(4):after {
        top: 72px;
        left: 40px;
    }

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

    .lds-roller div:nth-child(5):after {
        top: 71px;
        left: 32px;
    }

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

    .lds-roller div:nth-child(6):after {
        top: 68px;
        left: 24px;
    }

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

    .lds-roller div:nth-child(7):after {
        top: 63px;
        left: 17px;
    }

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

    .lds-roller div:nth-child(8):after {
        top: 56px;
        left: 12px;
    }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-15px)
    }
}

.gorusme.fleft {
    float: left !important;
    margin-right: 3px
}

.toplamkayit {
}

    .toplamkayit select {
        width: 60px
    }

    .toplamkayit label {
        color: #fff;
        padding-right: 5px
    }

.kampanyabari {
    width: 100%;
    background: #ddd;
    height: 6px;
    border-radius: 5px;
    display: flex;
}

    .kampanyabari > div {
        height: 100%;
        position: relative;
        cursor: pointer;
        transition: .5s;
    }

        .kampanyabari > div > div {
            position: absolute;
            left: 5px;
            background: #fff;
            padding: 5px;
            border-radius: 5px;
            top: 8px;
            box-shadow: 0 0 3px 1px #00000033;
            min-width: 100px;
            text-align: center;
            display: none;
        }

        .kampanyabari > div:hover > div {
            display: block;
        }

        .kampanyabari > div.pesin {
            background: #298930;
        }

        .kampanyabari > div.taksitoran {
            background: #ed1eb7;
        }

        .kampanyabari > div.araodeme {
            background: #ffa500;
        }

#sozlesmemusteriekle .buyut, .kampanyaekle .buyut, .sozlesmeolustur .buyut {
    width: 100%;
    display: flex;
    align-content: center;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

    .kampanyaekle .buyut > div { /* width:50%; */
    }

        #sozlesmemusteriekle .buyut > div label, .kampanyaekle .buyut > div label {
            margin-right: 10px
        }

.kampanyaekle .plus-div {
    width: 20%;
    margin-left: 20px;
}

.kampanyaekle .plus-icon {
    font-size: 11px;
    text-align: center;
    display: inline-block;
    padding: 10px 8px;
    background-color: transparent;
    border-radius: 7px;
    cursor: pointer;
    border: 1px solid #36d742;
    color: #ffffff;
    width: 100%;
    background: #018e0c;
}

.kampanyaekle .kamproje {
    justify-content: flex-start;
    flex-direction: column;
}

    .kampanyaekle .kamproje label {
    }

    .kampanyaekle .kamproje div {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        margin-top: 5px;
    }

        .kampanyaekle .kamproje div div {
            display: flex;
            justify-content: flex-start;
            width: 98%;
            align-items: center;
        }

            .kampanyaekle .kamproje div div label {
                margin-left: 3px;
            }

            .kampanyaekle .kamproje div div input {
            }

.kampanyaekle .gruplama {
}

    .kampanyaekle .gruplama fieldset > div {
        display: flex;
    }

        .kampanyaekle .gruplama fieldset > div > div {
            display: flex;
            margin-right: 10px;
        }

            .kampanyaekle .gruplama fieldset > div > div input {
            }

            .kampanyaekle .gruplama fieldset > div > div label {
                margin-left: 5px;
            }

.kampanyaekle .geneltip {
}

    .kampanyaekle .geneltip div {
        display: flex;
        justify-content: space-between;
    }

        .kampanyaekle .geneltip div > div:last-child {
            margin: 0
        }

        .kampanyaekle .geneltip div > div {
            margin-right: 6px;
        }

            .kampanyaekle .geneltip div > div label {
                margin-left: 6px;
            }

.clondiv, .clondiv1 {
    display: flex;
    flex-direction: column
}

    .clondiv > .clonla {
        margin-top: 15px;
    }

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

.altkategori-list ul.app-choice-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.6rem;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: stretch;
}

    .altkategori-list ul.app-choice-list > li {
        margin: 0;
    }

/*.bagimsizbolum td:hover .gorusmenotu{display:block}*/
.projebaslik {
}

    .projebaslik > h1 {
        margin-bottom: 10px;
        font-weight: 600
    }

.disabled-link {
    opacity: 0.5;
    cursor: no-drop;
}

.file-upload-preview div {
    margin-right: 10px
}

.file-upload-preview input {
}

.yuklukat {
    display: flex;
}

    .yuklukat > div {
        width: calc((100% / 5) - 10px);
        border: 1px solid #ddd;
        padding: 4px;
    }

        .yuklukat > div > img {
            width: 100%;
            margin: 0;
        }

        .yuklukat > div > input {
            width: 100%;
        }

    .yuklukat .deletebtn {
        margin: 10px 0;
        justify-content: center;
    }

.banaata {
    font-size: 10px;
    line-height: 11px;
    padding: 4px;
}

.kopyala {
    font-size: 10px;
    line-height: 11px;
    padding: 4px;
    cursor: pointer;
}

    .kopyala > span {
        color: #008000;
        font-size: 23px;
    }

.pdfindir {
    display: flex;
    font-size: 12px;
    align-items: center;
    color: #b60000;
    font-weight: 500;
}

    .pdfindir > span {
        margin-right: 2px;
        font-size: 19px;
        color: #b60000;
    }

.cursor {
    cursor: pointer !important
}

.noprice {
    padding: 20px;
    text-align: center
}

    .noprice p {
        font-size: 16px;
    }

.custom-arrow {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    pointer-events: none;
    color: #000;
    z-index: 2;
}

.prelative {
    position: relative
}

.aramadelete {
    display: flex;
}

    .aramadelete.hidden {
        display: none;
    }

.sozlesmeolustur {
    width: 99%
}

.tab-container {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.tab-buttons {
    display: flex;
    border-bottom: 2px solid #ddd;
    flex-direction: row;
    width: 100%;
}

    .tab-buttons button {
        flex: 1;
        padding: 10px;
        border: none;
        background: #f1f1f1;
        cursor: pointer;
        transition: 0.3s;
        font-size: 16px;
        border-right: 1px solid #ddd;
    }

        .tab-buttons button:hover {
            background: #ddd;
        }

        .tab-buttons button.active {
            background: #000000;
            color: white;
            font-weight: bold;
        }

.tab-content {
    display: block;
    padding: 15px;
    border: 1px solid #ddd;
    border-top: none;
    width: 100%;
}

    .tab-content.hidden {
        display: none !important;
    }

    .tab-content.active {
        display: block;
    }

.sozlesmeolustur .gizle {
    display: none
}

.ikilibolum {
    display: flex !important;
    justify-content: space-between;
}

    .ikilibolum > div {
        width: 49%;
    }

.tminheight {
    min-height: 50vh
}


.sozlesmemetin {
    width: 90%;
    margin: 50px auto
}

    .sozlesmemetin h1 {
        text-align: center;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .sozlesmemetin h2 {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .sozlesmemetin h3 {
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .sozlesmemetin p {
        margin: 5px 0;
    }

    .sozlesmemetin .section {
        margin-bottom: 20px;
    }

    .sozlesmemetin .bold {
        font-weight: bold;
    }

    .sozlesmemetin .indent {
        margin-left: 20px;
    }

    .sozlesmemetin table {
        border-collapse: collapse;
        width: 100%;
        margin: 10px 0;
    }

    .sozlesmemetin th, .sozlesmemetin td {
        border: 1px solid black;
        padding: 8px;
        text-align: left;
    }

    .sozlesmemetin th {
        background-color: #f2f2f2;
    }

.tablediv th {
    width: 220px
}

.alt-tab-buttons {
    display: flex;
    border-bottom: 2px solid #ccc;
    margin-bottom: 15px;
}

    .alt-tab-buttons button {
        padding: 10px 20px;
        cursor: pointer;
        background: none;
        border: none;
        border-bottom: 3px solid transparent;
        font-weight: bold;
    }

        .alt-tab-buttons button.active {
            border-color: #007bff;
            color: #007bff;
        }

.alt-tab-content {
    display: none;
}

    .alt-tab-content.active {
        display: block;
    }


.kampanyaekle #taksitTablosu {
    margin-top: 20px;
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

    .kampanyaekle #taksitTablosu table {
        width: 100%;
        border-collapse: collapse;
    }

    .kampanyaekle #taksitTablosu th, .kampanyaekle #taksitTablosu td {
        border: 1px solid #d7d7d7;
        padding: 0;
        text-align: center;
    }

    .kampanyaekle #taksitTablosu th {
        background-color: #f0f0f0;
        font-weight: bold;
        padding: 9px 0;
    }

    .kampanyaekle #taksitTablosu input[type="date"] {
        padding: 5px; /* width: 100%; */
        box-sizing: border-box; /* border: 0; */
        border-radius: 4px;
    }

    .kampanyaekle #taksitTablosu td:last-child {
        font-weight: bold;
        color: #2a7c2a;
    }

.kampanyaekle .hesapbutton {
    text-align: center
}

    .kampanyaekle .hesapbutton button {
        border-radius: 9px;
    }

        .kampanyaekle .hesapbutton button:hover {
            background: #b60000;
            color: #fff
        }

/* Kampanya ekle (modalca / ProjeYonetimi/kampanyaekle) — reset.css :root */
.kampanyaekle-page.onepage {
    display: flex;
    flex-direction: column;
    max-height: min(92vh, 900px);
    background: var(--isliste-tb-surface);
    border-radius: var(--gorusme-test-radius);
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.12);
}

.kampanyaekle-page > .kampanyaekle-head.head {
    flex-shrink: 0;
    padding: 16px 20px 14px;
    margin: 0;
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
    border-bottom: 1px solid var(--isliste-tb-border);
}

.kampanyaekle-page > .kampanyaekle-head.head h1 {
    margin: 0 0 4px;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--gorusme-test-text);
    letter-spacing: -0.02em;
}

.kampanyaekle-page > .kampanyaekle-head.head h2 {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--isliste-tb-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.kampanyaekle-page > .uyarihata {
    flex-shrink: 0;
    padding: 0 20px;
}

.kampanyaekle-page > .onepageContent.kampanyaekle {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 16px 20px 20px;
    scrollbar-width: thin;
    scrollbar-color: var(--isliste-tb-accent) var(--gorusme-test-page-bg);
}

.kampanyaekle-page .kampanyaekle > form {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.kampanyaekle-page .kampanyaekle fieldset {
    margin: 0 0 14px;
    padding: 14px 16px 16px;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, rgba(241, 245, 249, 0.35) 100%);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
}

.kampanyaekle-page .kampanyaekle fieldset legend {
    padding: 0 8px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--isliste-tb-muted);
}

.kampanyaekle-page .kampanyabari {
    height: 10px;
    border-radius: 999px;
    background: var(--gorusme-test-page-bg);
    border: 1px solid var(--isliste-tb-border);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06);
    overflow: visible;
}

.kampanyaekle-page .kampanyabari > div > div {
    background: var(--isliste-tb-surface);
    border: 1px solid var(--isliste-tb-border);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
    border-radius: var(--gorusme-test-radius-sm);
    font-size: 11px;
    font-weight: 600;
    color: var(--gorusme-test-text);
}

.kampanyaekle-page .kampanyabari > div.pesin {
    background: linear-gradient(180deg, #34d399 0%, var(--isliste-tb-accent-dark) 100%);
}

.kampanyaekle-page .kampanyabari > div.taksitoran {
    background: linear-gradient(180deg, color-mix(in srgb, var(--isliste-tb-accent) 55%, #6366f1) 0%, #4f46e5 100%);
}

.kampanyaekle-page .kampanyabari > div.araodeme {
    background: linear-gradient(180deg, #fde68a 0%, #d97706 100%);
}

.kampanyaekle-page .kampanyaekle .kampanya-ozet {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

@media (max-width: 720px) {
    .kampanyaekle-page .kampanyaekle .kampanya-ozet {
        grid-template-columns: 1fr;
    }
}

.kampanyaekle-page .kampanyaekle .kampanya-chip {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    padding: 10px 12px;
    border-radius: var(--gorusme-test-radius-sm);
    background: var(--kampanyaekle-chip-bg);
    border: 1px solid var(--kampanyaekle-chip-border);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
}

.kampanyaekle-page .kampanyaekle .kampanya-chip label {
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--kampanyaekle-chip-label);
    margin: 0;
}

.kampanyaekle-page .kampanyaekle .kampanya-chip input,
.kampanyaekle-page .kampanyaekle select,
.kampanyaekle-page .kampanyaekle input[type="text"],
.kampanyaekle-page .kampanyaekle input[type="number"] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    font-size: 13px;
    font-family: inherit;
    color: var(--gorusme-test-text);
    background: var(--isliste-tb-surface);
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.kampanyaekle-page .kampanyaekle .kampanya-chip input {
    padding: 8px 10px;
}

.kampanyaekle-page .kampanyaekle select:focus,
.kampanyaekle-page .kampanyaekle input:focus {
    outline: none;
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.18);
}

.kampanyaekle-page .kampanyaekle #proje {
    min-height: 42px;
}

.kampanyaekle-page .kampanyaekle  {
    margin-bottom: 14px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
}

.kampanyaekle-page .kampanyaekle .kamproje__title {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--isliste-tb-muted);
    margin: 0 0 8px;
}

.kampanyaekle-page .kampanyaekle .kamproje__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    background: var(--isliste-tb-surface);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
}

.kampanyaekle-page .kampanyaekle .kamproje__select-wrap,
.kampanyaekle-page .kampanyaekle .kamproje__dynamic,
.kampanyaekle-page .kampanyaekle  .kamproje__body > div {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    align-items: stretch;
    justify-content: flex-start;
}

.kampanyaekle-page .kampanyaekle .kamproje__select-wrap {
    min-width: 0;
}

.kampanyaekle-page .kampanyaekle  .kamproje__dynamic .geneltip:empty {
    display: none;
}

.kampanyaekle-page .kampanyaekle  .kamproje__dynamic .geneltip fieldset {
    margin-bottom: 0;
}

.kampanyaekle-page .kampanyaekle  .kamproje__dynamic .geneltip fieldset > div > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    align-items: center;
}

.kampanyaekle-page .kampanyaekle .buyut {
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
    justify-content: flex-start;
}

.kampanyaekle-page .kampanyaekle .buyut > div {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 160px;
    min-width: 140px;
}

.kampanyaekle-page .kampanyaekle .buyut > div label {
    margin-right: 0;
}

.kampanya-list-main{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
    margin-top: 15px;
}

/* Kampanyalar listesi (/ProjeYonetimi/Kampanyalar) — yalnızca .kampanyalar-page; genel fieldset’lere dokunmaz */
.kampanyalar-page .kampanya-list-main .kampanyalar-kategori-fs {
    padding: 18px 18px 16px;
    overflow: hidden;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius);
    background: linear-gradient(155deg, var(--isliste-tb-surface) 0%, rgba(241, 245, 249, 0.72) 100%);
    box-shadow: 0 4px 18px var(--isliste-tb-shadow);
}

.kampanyalar-kategori-fs-list{
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.kampanyalar-page .kampanya-list-main .kampanyalar-kategori-legend {
    display: inline-block;
    float: none;
    padding: 6px 16px 6px 14px;
    /* margin: 0 0 14px 2px; */
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: var(--isliste-tb-surface);
    background: linear-gradient(105deg, var(--isliste-tb-accent-dark) 0%, var(--isliste-tb-accent) 48%, color-mix(in srgb, var(--isliste-tb-accent) 70%, #4f46e5) 100%);
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--isliste-tb-surface) 40%, transparent);
    box-shadow: 0 2px 12px rgba(13, 148, 136, 0.28);
}

.kampanyalar-page .kampanya-list-main .kampanyalar-kategori-fs .fright {
}

.kampanyalar-page .kampanya-list-main .kampanyalar-tip-fs {
    padding: 14px 14px 12px;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    background: var(--isliste-tb-surface);
    box-shadow: 0 1px 4px var(--isliste-tb-shadow);
}

.kampanyalar-page .kampanya-list-main .kampanyalar-grup-fs {
    border: 1px dashed color-mix(in srgb, var(--isliste-tb-accent) 32%, var(--isliste-tb-border));
    border-radius: var(--gorusme-test-radius-sm);
    background: rgba(240, 253, 250, 0.42);
}

.kampanyalar-page .kampanyalar-tip-legend {
    padding: 0;
    width: 100%;
}

.kampanyalar-page .kampanyalar-tip-legend.tipbasligi span,
.kampanyalar-page .tipbasligi.kampanyalar-tip-legend span {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    font-size: 0.98rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-transform: none;
    color: var(--gorusme-test-text);
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
    border: 1px solid var(--isliste-tb-accent);
    border-radius: var(--gorusme-test-radius-sm);
    box-shadow:
        0 1px 3px var(--isliste-tb-shadow),
        inset 0 1px 0 color-mix(in srgb, var(--isliste-tb-surface) 85%, transparent);
}

.kampanyalar-page .kampanyalar-grup-legend {
    display: inline-block;
    /* padding: 5px 11px 5px 10px; */
    margin: 0 0 10px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--isliste-tb-muted);
    /* border-left: 4px solid var(--isliste-tb-accent); */
    /* background: linear-gradient(90deg, rgba(13, 148, 136, 0.09) 0%, transparent 88%); */
    border-radius: 0 var(--gorusme-test-radius-sm) var(--gorusme-test-radius-sm) 0;
}

.kampanyaekle-page .kampanyaekle .plus-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 0;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1;
    color: var(--isliste-tb-surface);
    background: linear-gradient(180deg, var(--isliste-tb-accent) 0%, var(--isliste-tb-accent-dark) 100%);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: var(--gorusme-test-radius-sm);
    box-shadow: 0 2px 8px rgba(13, 148, 136, 0.25);
    cursor: pointer;
    transition: filter 0.15s ease, transform 0.12s ease;
}

.kampanyaekle-page .kampanyaekle .plus-icon:hover {
    filter: brightness(1.06);
}

.kampanyaekle-page .kampanyaekle .plus-icon:active {
    transform: scale(0.96);
}

.kampanyaekle-page .kampanyaekle .clonla {
    padding: 12px;
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px dashed rgba(13, 148, 136, 0.35);
    background: rgba(240, 253, 250, 0.45);
}

/* Şerifiye (grup) seçimi — kampanyaekle modal */
.kampanyaekle-page .kampanyaekle .gruplama .kampanya-grup-field {
    margin-bottom: 0;
}

.kampanyaekle-page .kampanyaekle .gruplama .kampanya-grup-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 2px 0 0;
    list-style: none;
}

.kampanyaekle-page .kampanyaekle .gruplama .kampanya-grup-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 10px 14px;
    min-height: 44px;
    box-sizing: border-box;
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid var(--kampanyaekle-grup-border);
    background: var(--kampanyaekle-grup-surface);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.kampanyaekle-page .kampanyaekle .gruplama .kampanya-grup-chip:hover {
    border-color: color-mix(in srgb, var(--isliste-tb-accent) 40%, var(--isliste-tb-border));
}

.kampanyaekle-page .kampanyaekle .gruplama .kampanya-grup-chip:has(input:checked) {
    border-color: var(--kampanyaekle-grup-border-checked);
    background: var(--kampanyaekle-grup-surface-checked);
    box-shadow: 0 0 0 2px var(--kampanyaekle-grup-ring);
}

.kampanyaekle-page .kampanyaekle .gruplama .kampanya-grup-chip input[type="checkbox"] {
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
    flex-shrink: 0;
    accent-color: var(--isliste-tb-accent);
    cursor: pointer;
}

.kampanyaekle-page .kampanyaekle .gruplama .kampanya-grup-chip label {
    margin: 0 !important;
    padding: 0;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: var(--gorusme-test-text);
    line-height: 1.35;
    user-select: none;
}

/* #grupdiv AJAX yüklemesi (main.js getKampanyaGrupLoadingHtml — MusteriAra spinner ile aynı mantık) */
.kampanya-grup-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 7rem;
    padding: 1rem 1.25rem;
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px dashed var(--isliste-tb-border);
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
    box-shadow: inset 0 1px 2px var(--isliste-tb-shadow);
}

.kampanya-grup-loading__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.kampanya-grup-loading__spinner {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 3px solid var(--gorusme-test-border);
    border-top-color: var(--gorusme-test-accent);
    animation: musteri-kayit-tel-spin 0.78s linear infinite;
    box-shadow: 0 2px 12px var(--isliste-tb-shadow);
}

.kampanya-grup-loading__text {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--gorusme-test-text-muted);
    letter-spacing: -0.01em;
}

.kampanyaekle-page .kampanyaekle .gruplama.kampanya-grup-reveal {
    animation: kampanya-grup-reveal 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes kampanya-grup-reveal {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes proje-ekle-fade-in-up {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========== Proje ekle / düzenle (/ProjeYonetimi/ProjeEkle) — yalnızca .proje-ekle-page ========== */
.proje-ekle-page {
    background: var(--proje-ekle-page-bg);
}

.proje-ekle-page > .proje-ekle-head.head {
    padding: 18px 20px 16px;
    margin: 0 0 8px;
    background: linear-gradient(180deg, var(--proje-ekle-surface) 0%, var(--proje-ekle-page-bg) 100%);
    border-bottom: 1px solid var(--proje-ekle-border);
    border-radius: 0;
}

.proje-ekle-page > .proje-ekle-head.head h1 {
    margin: 0 0 6px;
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--gorusme-test-text);
    letter-spacing: -0.02em;
}

.proje-ekle-page > .proje-ekle-head.head h2 {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--isliste-tb-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.proje-ekle-page .proje-ekle-begin {
    padding: 0 16px 24px;
    max-width: 1180px;
    margin: 0 auto;
    box-sizing: border-box;
}

.proje-ekle-page .proje-ekle-begin > .record.projeekle {
    background: var(--proje-ekle-surface);
    border: 1px solid var(--proje-ekle-border);
    border-radius: var(--proje-ekle-card-radius);
    box-shadow: 0 4px 20px var(--proje-ekle-shadow);
    padding: 8px 4px 20px;
    box-sizing: border-box;
}

.proje-ekle-page .proje-ekle-body {
    padding: 12px 16px 8px !important;
}

.proje-ekle-page .proje-ekle-body > fieldset {
    margin: 0 0 18px;
    padding: 16px 16px 18px;
    border: 1px solid var(--proje-ekle-border);
    border-radius: var(--gorusme-test-radius-sm);
    background: linear-gradient(180deg, var(--proje-ekle-surface) 0%, rgba(241, 245, 249, 0.35) 100%);
    box-shadow: 0 1px 3px var(--proje-ekle-shadow);
}

.proje-ekle-page .proje-ekle-body > fieldset > legend {
    padding: 0 10px;
    margin-bottom: 4px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--isliste-tb-accent-dark);
}

.proje-ekle-page .proje-emlak > fieldset {
    background: var(--proje-ekle-surface);
    border: 1px solid var(--proje-ekle-accent-border);
    border-radius: var(--gorusme-test-radius-sm);
    padding: 12px 12px 14px;
    box-shadow: 0 1px 2px var(--proje-ekle-shadow);
}

.proje-ekle-page .proje-emlak > fieldset > legend {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--isliste-tb-muted);
    padding: 0 8px;
}

@media (max-width: 1100px) {
    .proje-ekle-page .proje-emlak {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }
}

.proje-ekle-page .projeekle .item.tree-cols > div {
    width: calc((100% / 3) - 12px);
    margin-left: 10px;
    margin-bottom: 14px;
}

@media (max-width: 900px) {
    .proje-ekle-page .projeekle .item.tree-cols > div {
        width: calc((100% / 2) - 12px);
    }
}

@media (max-width: 560px) {
    .proje-ekle-page .projeekle .item.tree-cols > div {
        width: 100%;
        margin-left: 0;
    }
}

.proje-ekle-page .projeekle .item.tree-cols > div label,
.proje-ekle-page .projeekle .item > div label {
    font-size: 12px;
    font-weight: 600;
    color: var(--gorusme-test-text);
    margin-bottom: 6px;
}

.proje-ekle-page .projeekle .item input:not([type="file"]),
.proje-ekle-page .projeekle .item textarea,
.proje-ekle-page .proje-emlak .arama > input {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    font-size: 13px;
    font-family: inherit;
    color: var(--gorusme-test-text);
    background: var(--proje-ekle-surface);
    border: 1px solid var(--proje-ekle-border);
    border-radius: var(--gorusme-test-radius-sm);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.proje-ekle-page .projeekle .item input:focus,
.proje-ekle-page .proje-emlak .arama > input:focus {
    outline: none;
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.18);
}

.proje-ekle-page .proje-ekle-hint--block {
    margin: 0;
    padding: 18px 14px;
    text-align: center;
    font-style: italic;
    font-size: 13px;
    color: var(--isliste-tb-muted);
    background: var(--proje-ekle-page-bg);
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px dashed var(--proje-ekle-accent-border);
}

.proje-ekle-page .proje-ekle-hint--block.proje-ekle-hint--error {
    font-style: normal;
    color: var(--gorusme-test-danger);
    background: var(--gorusme-test-warn-bg);
    border-color: var(--gorusme-test-warn-border);
}

.proje-ekle-page .proje-ekle-arama-sonuc {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--isliste-tb-muted);
}

.proje-ekle-page #usttip-arama,
.proje-ekle-page #alt-tip-arama {
    border-width: 1px;
    border-color: var(--proje-ekle-border);
}

.proje-ekle-page .usttip .item > div {
    transition: background 0.2s ease, border-color 0.2s ease;
    padding: 6px;
    border-radius: var(--gorusme-test-radius-sm);
}

.proje-ekle-page .usttip .item > div:hover {
    background: var(--proje-ekle-accent-soft);
}

.proje-ekle-page .usttip .item > div.hidden {
    display: none;
}

.proje-ekle-page .emlakhead {
    cursor: pointer;
    padding: 12px 16px;
    margin: 8px 0;
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid var(--proje-ekle-border);
    transition: box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
    background: var(--proje-ekle-surface);
    box-shadow: 0 1px 2px var(--proje-ekle-shadow);
}

.proje-ekle-page .emlakhead:hover {
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 4px 18px rgba(13, 148, 136, 0.12);
}

.proje-ekle-page .emlakhead.active {
    background: linear-gradient(135deg, var(--isliste-tb-accent) 0%, var(--isliste-tb-accent-dark) 100%);
    color: var(--isliste-tb-surface);
    border-color: transparent;
    box-shadow: 0 6px 22px rgba(13, 148, 136, 0.28);
}

.proje-ekle-page .emlakhead.active label {
    color: var(--isliste-tb-surface) !important;
    font-weight: 700;
}

.proje-ekle-page .emlakhead label {
    cursor: pointer;
    margin: 0;
    color: inherit;
    font-weight: 600;
    font-size: 14px;
}

.proje-ekle-page .alt-tip-container h4 {
    margin: 4px 0 10px;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--isliste-tb-accent-dark);
}

.proje-ekle-page .alt-tip-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    margin: 6px 0;
    background: var(--proje-ekle-surface);
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid var(--proje-ekle-border);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.25s ease, filter 0.25s ease;
    cursor: pointer;
}

.proje-ekle-page .alt-tip-item:hover {
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 4px 14px rgba(13, 148, 136, 0.1);
}

.proje-ekle-page .alt-tip-item.is-filtered-out {
    display: none !important;
}

.proje-ekle-page .alt-tip-item__label {
    flex: 1;
    min-width: 0;
    font-weight: 600;
    font-size: 13px;
    color: var(--gorusme-test-text);
    line-height: 1.35;
}

.proje-ekle-page .alt-tip-item__meta {
    flex-shrink: 0;
}

.proje-ekle-page .proje-ekle-alt-add-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid var(--proje-ekle-accent-border);
    border-radius: var(--gorusme-test-radius-sm);
    background: linear-gradient(180deg, var(--gorusme-test-info-bg) 0%, var(--proje-ekle-surface) 100%);
    color: var(--isliste-tb-accent-dark);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    box-shadow: 0 1px 2px var(--proje-ekle-shadow);
}

.proje-ekle-page .proje-ekle-alt-add-btn .material-symbols-outlined {
    font-size: 22px;
    line-height: 1;
    color: var(--isliste-tb-accent);
}

.proje-ekle-page .proje-ekle-alt-add-btn:hover {
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 2px 10px rgba(13, 148, 136, 0.18);
}

.proje-ekle-page .proje-ekle-alt-add-btn:active {
    transform: scale(0.98);
}

.proje-ekle-page .proje-ekle-alt-add-btn__text {
    letter-spacing: 0.02em;
}

@media (max-width: 420px) {
    .proje-ekle-page .proje-ekle-alt-add-btn__text {
        display: none;
    }

    .proje-ekle-page .proje-ekle-alt-add-btn {
        padding: 8px 10px;
    }
}

.proje-ekle-page .alt-tip-item.hidden {
    opacity: 0.45;
    pointer-events: none;
    filter: grayscale(35%);
}

.proje-ekle-page .alt-tip-item.hidden.alt-tip-item--search-hit {
    opacity: 1;
    filter: none;
    box-shadow: inset 0 0 0 2px rgba(13, 148, 136, 0.35);
    background: linear-gradient(180deg, var(--gorusme-test-info-bg) 0%, var(--proje-ekle-surface) 100%);
}

.proje-ekle-page .alt-tip-item.selected {
    background: var(--gorusme-test-info-bg);
    border-color: var(--isliste-tb-accent);
    color: var(--gorusme-test-text);
}

.proje-ekle-page .secilen-emlak-grup {
    border: 1px solid var(--proje-ekle-accent-border);
    border-radius: var(--gorusme-test-radius-sm);
    margin: 12px 0;
    padding: 12px;
    background: rgba(240, 253, 250, 0.35);
}

.proje-ekle-page .secilen-emlak-grup h4 {
    color: var(--isliste-tb-accent-dark);
    margin: 0 0 10px;
    font-size: 0.95rem;
    font-weight: 700;
    border-bottom: 2px solid var(--isliste-tb-accent);
    padding-bottom: 6px;
}

.proje-ekle-page .secilen-emlak-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
    padding: 10px 12px;
    margin: 6px 0;
    background: var(--proje-ekle-surface);
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid var(--proje-ekle-border);
    animation: proje-ekle-fade-in-up 0.4s ease both;
}

.proje-ekle-page .secilen-emlak-item__title,
.proje-ekle-page .secilen-emlak-item .tip-baslik {
    flex: 1;
    min-width: 0;
    font-weight: 700;
    color: var(--gorusme-test-text);
}

.proje-ekle-page .secilen-emlak-item__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

@media (max-width: 480px) {
    .proje-ekle-page .secilen-emlak-item {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .proje-ekle-page .secilen-emlak-item__actions {
        width: 100%;
        justify-content: flex-end;
    }
}

.proje-ekle-page .proje-ekle-adet-field {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 4px 8px 4px 6px;
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid var(--proje-ekle-border);
    background: var(--proje-ekle-page-bg);
    cursor: pointer;
}

.proje-ekle-page .proje-ekle-adet-field:focus-within {
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.18);
}

.proje-ekle-page .proje-ekle-adet-field__icon {
    font-size: 18px !important;
    color: var(--isliste-tb-muted);
    line-height: 1;
}

.proje-ekle-page .proje-ekle-adet-field__text {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--isliste-tb-muted);
}

.proje-ekle-page .proje-ekle-adet-field--compact {
    padding: 2px 6px 2px 4px;
    gap: 4px;
}

.proje-ekle-page .proje-ekle-adet-field--compact .proje-ekle-adet-field__icon {
    font-size: 16px !important;
}

.proje-ekle-page .proje-ekle-adet-field--compact .proje-ekle-adet-field__text {
    display: none;
}

@media (min-width: 520px) {
    .proje-ekle-page .proje-ekle-adet-field--compact .proje-ekle-adet-field__text {
        display: inline;
    }
}

.proje-ekle-page .proje-ekle-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid var(--proje-ekle-border);
    border-radius: var(--gorusme-test-radius-sm);
    background: var(--proje-ekle-surface);
    color: var(--isliste-tb-muted);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 1px 2px var(--proje-ekle-shadow);
}

.proje-ekle-page .proje-ekle-icon-btn .material-symbols-outlined {
    font-size: 20px;
    line-height: 1;
}

.proje-ekle-page .proje-ekle-icon-btn:hover {
    border-color: var(--proje-ekle-accent-border);
    background: var(--proje-ekle-page-bg);
    color: var(--gorusme-test-text);
}

.proje-ekle-page .proje-ekle-icon-btn--danger {
    border-color: color-mix(in srgb, var(--gorusme-test-danger) 35%, var(--proje-ekle-border));
    color: var(--gorusme-test-danger);
}

.proje-ekle-page .proje-ekle-icon-btn--danger:hover {
    background: var(--gorusme-test-warn-bg);
    border-color: var(--gorusme-test-danger);
    color: var(--gorusme-test-danger-hover);
}

.proje-ekle-page .proje-ekle-adet-input {
    width: 56px;
    max-width: 100%;
    margin: 0;
    padding: 6px 8px;
    text-align: center;
    font-size: 13px;
    border: none;
    border-radius: var(--gorusme-test-radius-sm);
    box-sizing: border-box;
    background: transparent;
    color: var(--gorusme-test-text);
}

.proje-ekle-page .proje-ekle-adet-field .proje-ekle-adet-input:focus {
    outline: none;
}

.proje-ekle-page .proje-ekle-kaldir-btn {
    padding: 6px 12px !important;
    font-size: 12px;
    min-height: 0;
}

.proje-ekle-page .proje-ekle-kaldir-btn p {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
}
</think>


<｜tool▁calls▁begin｜><｜tool▁call▁begin｜>
Read

.proje-ekle-page .yeni-kayit-uyari:not(.proje-ekle-empty-suggest),
.proje-ekle-page .proje-ekle-tap-hint:not(.proje-ekle-empty-suggest) {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: var(--gorusme-test-radius-sm);
    cursor: pointer;
    font-size: 13px;
    color: var(--gorusme-test-danger);
    background: var(--gorusme-test-warn-bg);
    border: 1px solid var(--gorusme-test-warn-border);
    border-left-width: 4px;
    border-left-color: var(--gorusme-test-danger);
    transition: filter 0.15s ease;
}

.proje-ekle-page .proje-ekle-empty-suggest {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 12px;
    padding: 14px 16px;
    border-radius: var(--gorusme-test-radius-sm);
    cursor: pointer;
    text-align: left;
    border: 1px solid var(--proje-ekle-accent-border);
    background: linear-gradient(135deg, var(--proje-ekle-surface) 0%, var(--gorusme-test-info-bg) 100%);
    box-shadow: 0 4px 18px rgba(13, 148, 136, 0.08);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.proje-ekle-page .proje-ekle-empty-suggest:hover {
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 8px 28px rgba(13, 148, 136, 0.14);
    transform: translateY(-1px);
}

.proje-ekle-page .proje-ekle-empty-suggest:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.22);
}

.proje-ekle-page .proje-ekle-empty-suggest:focus:not(:focus-visible) {
    box-shadow: 0 4px 18px rgba(13, 148, 136, 0.08);
}

.proje-ekle-page .proje-ekle-empty-suggest__icon-wrap {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(180deg, var(--isliste-tb-accent) 0%, var(--isliste-tb-accent-dark) 100%);
    color: var(--isliste-tb-surface);
    box-shadow: 0 2px 10px rgba(13, 148, 136, 0.25);
}

.proje-ekle-page .proje-ekle-empty-suggest__icon-wrap .material-symbols-outlined {
    font-size: 26px;
    line-height: 1;
}

.proje-ekle-page .proje-ekle-empty-suggest__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.proje-ekle-page .proje-ekle-empty-suggest__title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--gorusme-test-text);
    letter-spacing: -0.01em;
}

.proje-ekle-page .proje-ekle-empty-suggest__desc {
    font-size: 12px;
    line-height: 1.45;
    color: var(--isliste-tb-muted);
}

.proje-ekle-page .proje-ekle-empty-suggest__chevron {
    flex-shrink: 0;
    font-size: 22px;
    color: var(--isliste-tb-accent);
    opacity: 0.85;
}

.proje-ekle-page .yeni-kayit-uyari:not(.proje-ekle-empty-suggest):hover,
.proje-ekle-page .proje-ekle-tap-hint:not(.proje-ekle-empty-suggest):hover {
    filter: brightness(0.98);
}

.proje-ekle-page .yeni-kayit-uyari:not(.proje-ekle-empty-suggest) .material-symbols-outlined,
.proje-ekle-page .proje-ekle-tap-hint:not(.proje-ekle-empty-suggest) .material-symbols-outlined {
    font-size: 20px;
    flex-shrink: 0;
}

.proje-ekle-page #secilen-emlak-fieldset {
    transition: box-shadow 0.2s ease;
}

.proje-ekle-page .fileekle {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 12px 0 18px;
    padding: 14px 16px;
    border: 1px dashed var(--proje-ekle-accent-border);
    border-radius: var(--gorusme-test-radius-sm);
    background: var(--proje-ekle-page-bg);
}

.proje-ekle-page .fileekle > div,
.proje-ekle-page .fileekle .proje-ekle-logo-col {
    flex: 1 1 100%;
    max-width: min(100%, 520px);
    min-width: 0;
}

.proje-ekle-page .proje-ekle-logo-col {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.proje-ekle-page .proje-ekle-file-label {
    display: block;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--isliste-tb-muted);
    margin-bottom: 8px;
}

.proje-ekle-page .fileekle label {
    font-weight: 600;
    font-size: 12px;
    color: var(--gorusme-test-text);
    margin-bottom: 6px;
    display: block;
}

.proje-ekle-page .proje-ekle-dropzone {
    position: relative;
    border-radius: var(--gorusme-test-radius-sm);
    border: 2px dashed var(--proje-ekle-accent-border);
    background: linear-gradient(180deg, var(--proje-ekle-surface) 0%, var(--proje-ekle-page-bg) 100%);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.proje-ekle-page .proje-ekle-dropzone.is-dragover {
    border-color: var(--isliste-tb-accent);
    background: var(--proje-ekle-accent-soft);
    box-shadow: 0 0 0 4px rgba(13, 148, 136, 0.12);
}

.proje-ekle-page .proje-ekle-dropzone--compact {
    margin-top: 0;
}

.proje-ekle-page .proje-ekle-file-native {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.proje-ekle-page .proje-ekle-dropzone__target {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 28px 20px;
    cursor: pointer;
    text-align: center;
    min-height: 132px;
    box-sizing: border-box;
}

.proje-ekle-page .proje-ekle-dropzone--compact .proje-ekle-dropzone__target {
    min-height: 0;
    padding: 14px 12px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 12px;
}

.proje-ekle-page .proje-ekle-dropzone__icon {
    font-size: 40px !important;
    color: var(--isliste-tb-accent);
    line-height: 1;
}

.proje-ekle-page .proje-ekle-dropzone--compact .proje-ekle-dropzone__icon {
    font-size: 26px !important;
}

.proje-ekle-page .proje-ekle-dropzone__title {
    font-size: 14px;
    font-weight: 700;
    color: var(--gorusme-test-text);
}

.proje-ekle-page .proje-ekle-dropzone--compact .proje-ekle-dropzone__title {
    flex: 1 1 140px;
    text-align: left;
    min-width: 0;
}

.proje-ekle-page .proje-ekle-dropzone__hint {
    font-size: 12px;
    color: var(--isliste-tb-muted);
    max-width: 280px;
}

.proje-ekle-page .proje-ekle-dropzone--compact .proje-ekle-dropzone__hint {
    flex: 1 1 100%;
    text-align: center;
    max-width: none;
    font-size: 11px;
}

.proje-ekle-page .proje-ekle-dropzone__filetag {
    margin: 0 12px 12px;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 600;
    color: var(--isliste-tb-accent-dark);
    background: var(--gorusme-test-info-bg);
    border: 1px solid var(--gorusme-test-info-border);
    border-radius: var(--gorusme-test-radius-sm);
    word-break: break-word;
}

.proje-ekle-page .proje-ekle-dropzone--compact .proje-ekle-dropzone__filetag {
    margin: 0 10px 10px;
}

.proje-ekle-page .proje-ekle-logo-preview {
    display: block;
    max-width: 200px;
    max-height: 200px;
    width: auto;
    height: auto;
    margin-top: 10px;
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid var(--proje-ekle-border);
    object-fit: contain;
    background: var(--proje-ekle-page-bg);
}

.proje-ekle-page .proje-ekle-ek-mevcut-file {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 10px 0 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--gorusme-test-success);
}

.proje-ekle-page .proje-ekle-ek-mevcut-file .material-symbols-outlined {
    font-size: 18px;
}

.proje-ekle-page .proje-ekle-mevcut-logo {
    margin-top: 12px;
}

.proje-ekle-page .proje-ekle-mevcut-logo__link {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    text-decoration: none;
    color: inherit;
    max-width: 100%;
}

.proje-ekle-page .proje-ekle-mevcut-logo__link:hover .proje-ekle-mevcut-logo__thumb-wrap {
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.14);
}

.proje-ekle-page .proje-ekle-mevcut-logo__thumb-wrap {
    display: inline-block;
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid var(--proje-ekle-border);
    background: var(--proje-ekle-surface);
    overflow: hidden;
    line-height: 0;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.proje-ekle-page .proje-ekle-mevcut-logo__thumb {
    display: block;
    width: auto;
    height: auto;
    max-width: 120px;
    max-height: 120px;
    object-fit: contain;
}

.proje-ekle-page .proje-ekle-mevcut-logo__caption {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--isliste-tb-muted);
}

.proje-ekle-page .proje-ekle-ek-mevcut-files {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    margin-top: 10px;
}

.proje-ekle-page .proje-ekle-ek-mevcut-files__label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--isliste-tb-muted);
}

.proje-ekle-page .proje-ekle-ek-file-chip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid var(--proje-ekle-accent-border);
    background: var(--proje-ekle-surface);
    color: var(--isliste-tb-accent);
    text-decoration: none;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.proje-ekle-page .proje-ekle-ek-file-chip:hover {
    border-color: var(--isliste-tb-accent);
    background: var(--proje-ekle-accent-soft);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.12);
    color: var(--isliste-tb-accent);
}

.proje-ekle-page .proje-ekle-ek-file-chip__icon {
    font-size: 22px !important;
    line-height: 1;
}

.proje-ekle-page .proje-ekle-ek-file-chip__badge {
    position: absolute;
    right: -4px;
    top: -4px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    background: var(--isliste-tb-accent);
    color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

.proje-ekle-page .yuklulogo {
    margin-top: 12px;
    padding: 12px;
    background: var(--proje-ekle-surface);
    border: 1px solid var(--proje-ekle-border);
    border-radius: var(--gorusme-test-radius-sm);
}

.proje-ekle-page .yuklulogo h1 {
    font-size: 13px;
    font-weight: 700;
    color: var(--isliste-tb-muted);
    margin-bottom: 8px;
}

.proje-ekle-page .proje-ekle-ek-toolbar {
    margin-bottom: 12px;
}

.proje-ekle-page .proje-ekle-ek-add-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.proje-ekle-page .proje-ekle-ek-add-btn p {
    margin: 0;
}

.proje-ekle-page #ekler-listesi {
    margin-top: 8px;
}

.proje-ekle-page .ek-item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 14px 12px;
    margin-bottom: 10px;
    background: var(--proje-ekle-surface);
    border: 1px solid var(--proje-ekle-border);
    border-radius: var(--gorusme-test-radius-sm);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.proje-ekle-page .ek-item:hover {
    box-shadow: 0 4px 12px var(--proje-ekle-shadow);
    border-color: var(--proje-ekle-accent-border);
}

.proje-ekle-page .ek-item-sira {
    flex: 0 0 auto;
    min-width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, var(--isliste-tb-accent) 0%, var(--isliste-tb-accent-dark) 100%);
    color: var(--isliste-tb-surface);
    border-radius: 50%;
    font-weight: 700;
    font-size: 14px;
}

.proje-ekle-page .ek-item-left {
    flex: 1 1 200px;
    min-width: 0;
}

.proje-ekle-page .ek-item-right {
    flex: 2 1 260px;
    min-width: 0;
}

.proje-ekle-page .ek-item-left label {
    font-size: 12px;
    font-weight: 600;
    color: var(--isliste-tb-muted);
}

.proje-ekle-page .ek-item-left input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    margin-top: 6px;
    border: 1px solid var(--proje-ekle-border);
    border-radius: var(--gorusme-test-radius-sm);
    padding: 9px 11px;
    font-size: 13px;
    background: var(--proje-ekle-surface);
    color: var(--gorusme-test-text);
}

.proje-ekle-page .ek-item-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    flex: 0 0 auto;
}

.proje-ekle-page .ek-action-btn {
    width: 38px;
    height: 38px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0 1px 3px var(--proje-ekle-shadow);
    transition: transform 0.12s ease, filter 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.proje-ekle-page .ek-action-btn .material-symbols-outlined {
    font-size: 20px;
    line-height: 1;
}

.proje-ekle-page .ek-action-btn.yukari-btn {
    background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
    border-color: color-mix(in srgb, var(--gorusme-test-success) 45%, var(--proje-ekle-border));
    color: var(--gorusme-test-success);
}

.proje-ekle-page .ek-action-btn.asagi-btn {
    background: linear-gradient(180deg, var(--proje-ekle-surface) 0%, var(--proje-ekle-page-bg) 100%);
    border-color: var(--proje-ekle-accent-border);
    color: var(--isliste-tb-accent-dark);
}

.proje-ekle-page .ek-action-btn.sil-btn {
    background: linear-gradient(180deg, #fef2f2 0%, #fee2e2 100%);
    border-color: color-mix(in srgb, var(--gorusme-test-danger) 40%, var(--proje-ekle-border));
    color: var(--gorusme-test-danger);
}

.proje-ekle-page .ek-action-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.02);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
}

.proje-ekle-page .proje-ekle-editor-wrap {
    margin-top: 8px;
    padding: 14px 14px 16px;
    border: 1px solid var(--proje-ekle-border);
    border-radius: var(--gorusme-test-radius-sm);
    background: var(--proje-ekle-surface);
}

.proje-ekle-page .proje-ekle-editor-label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--isliste-tb-muted);
    margin-bottom: 10px !important;
}

.proje-ekle-page .proje-ekle-editor-wrap #editor {
    min-height: 300px;
    background: var(--proje-ekle-surface);
}

.proje-ekle-page .proje-ekle-editor-wrap .note-editor.note-frame {
    border-color: var(--proje-ekle-border) !important;
    border-radius: var(--gorusme-test-radius-sm) !important;
}

.proje-ekle-page > .proje-ekle-foot.bottombar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px 20px;
    margin: 0;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid var(--proje-ekle-border);
    background: linear-gradient(180deg, var(--proje-ekle-page-bg) 0%, var(--proje-ekle-surface) 100%);
}

.proje-ekle-page > .proje-ekle-foot.bottombar.proje-ekle-foot--partial {
    justify-content: flex-end;
}

.proje-ekle-page .basarilimesaj {
    padding: 12px 16px;
    margin: 0 0 14px;
    border-radius: var(--gorusme-test-radius-sm);
    background: var(--gorusme-test-info-bg);
    border: 1px solid var(--gorusme-test-info-border);
}

.proje-ekle-page .basarilimesaj p {
    color: var(--isliste-tb-accent-dark);
    font-weight: 600;
}

.proje-ekle-page .basarisizmesaj {
    padding: 12px 16px;
    margin: 0 0 14px;
    border-radius: var(--gorusme-test-radius-sm);
    background: var(--gorusme-test-warn-bg);
    border: 1px solid var(--gorusme-test-warn-border);
}

.proje-ekle-page .basarisizmesaj p {
    color: var(--gorusme-test-danger);
    font-weight: 600;
}

.proje-ekle-page .proje-ekle-modal {
    z-index: 101000;
    padding: 20px;
    box-sizing: border-box;
}

.proje-ekle-page .proje-ekle-modal__panel {
    position: relative;
    margin: 6vh auto;
    max-width: 500px;
    width: 100%;
    background: var(--proje-ekle-surface);
    border: 1px solid var(--proje-ekle-border);
    border-radius: var(--proje-ekle-card-radius);
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18);
    padding: 0;
    overflow: hidden;
}

.proje-ekle-page .proje-ekle-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px 12px;
    border-bottom: 1px solid var(--proje-ekle-border);
    background: linear-gradient(180deg, var(--proje-ekle-surface) 0%, var(--proje-ekle-page-bg) 100%);
}

.proje-ekle-page .proje-ekle-modal__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--gorusme-test-text);
    line-height: 1.3;
}

.proje-ekle-page .proje-ekle-modal__close {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: var(--gorusme-test-radius-sm);
    background: var(--proje-ekle-page-bg);
    color: var(--isliste-tb-muted);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease;
}

.proje-ekle-page .proje-ekle-modal__close:hover {
    background: var(--gorusme-test-warn-bg);
    color: var(--gorusme-test-danger);
}

.proje-ekle-page .proje-ekle-modal__body {
    padding: 16px 18px 6px;
}

.proje-ekle-page .proje-ekle-modal__field {
    margin-bottom: 14px;
}

.proje-ekle-page .proje-ekle-modal__label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--gorusme-test-text);
}

.proje-ekle-page .proje-ekle-modal__input {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    font-size: 13px;
    font-family: inherit;
    color: var(--gorusme-test-text);
    background: var(--proje-ekle-surface);
    border: 1px solid var(--proje-ekle-border);
    border-radius: var(--gorusme-test-radius-sm);
}

.proje-ekle-page .proje-ekle-modal__input:focus {
    outline: none;
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15);
}

.proje-ekle-page .proje-ekle-modal__hint {
    margin: 0 0 8px;
    padding: 10px 12px;
    font-size: 13px;
    color: var(--gorusme-test-text);
    background: var(--proje-ekle-page-bg);
    border-radius: var(--gorusme-test-radius-sm);
    border-left: 4px solid var(--isliste-tb-accent);
}

.proje-ekle-page .proje-ekle-modal__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 18px 16px;
    border-top: 1px solid var(--proje-ekle-border);
    background: var(--proje-ekle-page-bg);
}

.proje-ekle-page .proje-ekle-modal__footer .button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
}

.proje-ekle-page .proje-ekle-modal__footer .button p {
    margin: 0;
}

.kampanyaekle-page .kampanyaekle .geneltip div > div label {
    color: var(--gorusme-test-text);
}

.kampanyaekle-page .kampanyaekle #taksitTablosu th,
.kampanyaekle-page .kampanyaekle #taksitTablosu td {
    border-color: var(--isliste-tb-border);
}

.kampanyaekle-page .kampanyaekle #taksitTablosu th {
    background: linear-gradient(180deg, var(--gorusme-test-page-bg) 0%, var(--isliste-tb-surface) 100%);
    color: var(--gorusme-test-text);
    font-weight: 700;
}

.kampanyaekle-page .kampanyaekle #taksitTablosu td:last-child {
    color: var(--isliste-tb-accent-dark);
}

.kampanyaekle-page > .kampanyaekle-foot.bottombar {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 20px 16px;
    margin: 0;
    border-top: 1px solid var(--isliste-tb-border);
    background: linear-gradient(180deg, var(--gorusme-test-page-bg) 0%, var(--isliste-tb-surface) 100%);
}

.kampanyaekle-page .kampanyaekle-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 600;
    border-radius: var(--gorusme-test-radius-sm);
    cursor: pointer;
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}

.kampanyaekle-page .kampanyaekle-btn p {
    margin: 0;
    color: var(--kampanyaekle-btn-text) !important;
}

.kampanyaekle-page .kampanyaekle-btn .material-symbols-outlined {
    color: var(--kampanyaekle-btn-text) !important;
    font-size: 1.15rem;
}

.kampanyaekle-page .kampanyaekle-btn--primary.button.green {
    border: 1px solid var(--kampanyaekle-btn-primary-border);
    background: var(--kampanyaekle-btn-primary-surface);
    box-shadow: 0 1px 3px var(--isliste-tb-shadow);
    color: var(--kampanyaekle-btn-text) !important;
}

.kampanyaekle-page .kampanyaekle-btn--primary.button.green * {
    color: var(--kampanyaekle-btn-text) !important;
}

.kampanyaekle-page .kampanyaekle-btn--primary.button.green:hover {
    filter: brightness(0.97);
    border-color: var(--isliste-tb-accent-dark);
}

.kampanyaekle-page .kampanyaekle-btn--secondary.button.red {
    border: 1px solid var(--kampanyaekle-btn-secondary-border);
    background: var(--kampanyaekle-btn-secondary-surface);
    box-shadow: 0 1px 3px var(--isliste-tb-shadow);
    color: var(--kampanyaekle-btn-text) !important;
}

.kampanyaekle-page .kampanyaekle-btn--secondary.button.red * {
    color: var(--kampanyaekle-btn-text) !important;
}

.kampanyaekle-page .kampanyaekle-btn--secondary.button.red:hover {
    filter: brightness(0.98);
    border-color: var(--isliste-tb-muted);
}

.kampanyaekle-page .kampanyaekle-btn:active {
    transform: scale(0.98);
}

table.taksitlendir {
}

.alttoplam {
    background: #f0f0f0;
}

    .alttoplam > td {
        padding: 6px 0 !important;
        font-weight: 600;
    }

.sozlesmepage {
}

    .sozlesmepage > div {
        width: 100%
    }

.sozlesmetab {
    display: flex;
    justify-content: space-between;
}

    .sozlesmetab > div {
        width: 49%;
        text-align: center;
    }

        .sozlesmetab > div h1 {
            font-size: 20px;
            font-weight: 600;
        }

    .sozlesmetab .sozlesmetabbuttonlar {
        display: flex;
        justify-content: space-between;
    }

        .sozlesmetab .sozlesmetabbuttonlar > div {
            width: calc((100% / 3) - 7px);
            text-align: center;
        }

        .sozlesmetab .sozlesmetabbuttonlar button {
            width: 100%;
        }

            .sozlesmetab .sozlesmetabbuttonlar button p {
            }


.senet {
    display: flex;
    margin: 0 auto;
    align-items: flex-start;
    flex-wrap: wrap;
}

    .senet > div {
    }

        .senet > div > div { /* width: 600px; */ /* padding: 15px; */
        }

    .senet p {
        margin-bottom: 5px;
        line-height: 21px;
    }

    .senet .headerdiv {
        text-align: center;
        font-weight: 700;
        margin-bottom: 29px;
    }

        .senet .headerdiv th, .senet .headerdiv td {
            font-weight: 700;
            text-align: center;
        }

    .senet .field {
        margin: 8px 0;
    }

    .senet .underline {
        border-bottom: 1px dotted #000;
        display: inline-block;
        width: 200px;
    }

    .senet .kalin {
        font-weight: 600;
        text-align: center
    }

    .senet .altbari {
        display: table;
        margin-top: 18px;
        width: 100%
    }

        .senet .altbari > div {
            display: table-cell
        }

            .senet .altbari > div:last-child {
                text-align: right
            }

    .senet .a4 {
        page-break-after: always;
        width: 210mm;
        height: 100%;
        box-sizing: border-box;
        display: table;
    }

    .senet .page { /* padding: 15mm 20mm; */
        border: 1px solid #000;
        width: 19cm;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .senet .a5 {
        page-break-after: always;
        width: 210mm;
        height: 148mm;
        box-sizing: border-box;
        padding: 10mm;
    }

@media print {
    .senet {
        display: table
    }

        .senet .page {
            height: 8.4cm
        }

    .senetbaslik {
        display: none
    }
}

.senetbaslik {
    width: 19cm;
    margin: 0 auto 10px auto;
}

    .senetbaslik > h1 {
        font-weight: 600;
    }

.sozlesmepartial .alt-tab-buttons {
    justify-content: center;
}

.anatd {
    text-align: left !important;
    padding: 18px 0 !important;
    font-size: 13px !important;
}

    .anatd b {
        font-size: 13px !important;
    }

.durumcheck {
    display: flex;
    align-items: center;
}

    .durumcheck > span {
        font-size: 14px;
        padding-right: 3px;
    }

        .durumcheck > span.active {
            color: #018e0c;
        }

        .durumcheck > span.noactive {
            color: #f00
        }

    .durumcheck a {
        font-size: 11px;
        line-height: 14px;
    }

        .durumcheck a:hover {
            color: #ff0000;
        }

.password-wrapper {
    position: relative;
    display: inline-block;
}

    .password-wrapper input {
        padding-right: 40px;
    }

.toggle-icon {
    position: absolute;
    top: 65%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    user-select: none;
}

.gorusmeindir {
    margin-top: 5px
}

    .gorusmeindir a {
    }

.etap-blok-tipleri {
}

    .etap-blok-tipleri h4 {
        border-bottom: 1px solid #ddd
    }

    .etap-blok-tipleri .tipler {
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: space-between;
    }

.projeekle {
}

    .projeekle .item {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

        .projeekle .item > div {
            display: flex;
            flex-direction: column;
        }

        .projeekle .item.tree-cols > div {
            width: calc((100% / 3) - 10px);
            margin-left: 10px;
            margin-bottom: 10px;
        }

            .projeekle .item.tree-cols > div label {
                margin-bottom: 5px;
            }

    .projeekle .usttip {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

        .projeekle .usttip > div {
            margin: 0 10px;
            align-items: center;
        }

            .projeekle .usttip > div label {
            }

            .projeekle .usttip > div input {
            }

    .projeekle .alttipler {
        margin-top: 25px;
    }

    .projeekle .alt-box {
        margin: 15px 0
    }

        .projeekle .alt-box h4 {
            margin-bottom: 10px;
            font-weight: 600;
        }

        .projeekle .alt-box div.item {
        }

        .projeekle .alt-box div > div {
            width: 114px;
            margin-right: 10px;
            text-align: center;
        }

            .projeekle .alt-box div > div label {
                font-weight: 600;
            }

.yuklulogo {
    margin-top: 15px;
}

    .yuklulogo h1 {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .yuklulogo img {
        width: 200px;
    }

.fiyatlistediv {
}

.ikilifiyat {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

    .ikilifiyat > div {
        width: 100%;
        text-align: center;
    }

.fiyatdownload {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .fiyatdownload h3 {
        font-size: 16px;
        font-weight: 600
    }

    .fiyatdownload > div {
    }

    .fiyatdownload span {
    }

    .fiyatdownload button {
        margin-top: 10px;
    }

.altformlar {
    padding-top: 27px;
}

    .altformlar ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

        .altformlar ul li {
            display: flex;
            width: calc(100% / 4);
            margin-bottom: 15px;
        }

            .altformlar ul li label {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

                .altformlar ul li label input {
                    margin-right: 10px
                }

.acilirprojeliste {
    border: 1px solid #ddd;
    display: none;
    max-height: 200px;
    overflow-y: auto;
    background: #f1f1f1;
    margin-bottom: 10px;
    margin-top: 2px;
    border-radius: 5px;
}

    .acilirprojeliste ul {
    }

        .acilirprojeliste ul li {
            padding: 10px;
            color: #000000;
            border-bottom: 1px solid #ddd;
            cursor: pointer;
            transition: all 0.2s ease-in-out 0.05s;
            padding-bottom: 10px;
        }

            .acilirprojeliste ul li:hover {
                background: #000;
                color: #fff
            }

            .acilirprojeliste ul li:last-child {
                border: 0
            }


.personelliste {
    width: 100%
}

.kayitlimusterilist {
    width: 100%;
    margin: 0 auto;
    margin-top: 18px;
    overflow: hidden;
}

    .kayitlimusterilist thead tr {
        background: #e7e7e7;
    }

    .kayitlimusterilist thead td {
        padding: 6px 4px;
        font-weight: 600;
        font-size: 12px;
        text-align: center;
    }

    .kayitlimusterilist tbody tr {
        background: #fff;
        transition: .2s;
    }

    .kayitlimusterilist tbody td {
        text-align: center;
        padding: 5px 3px;
        border: 1px solid #e7e7e7;
        font-size: 12px;
    }

        .kayitlimusterilist tbody td a {
            display: block;
            color: #000;
            text-decoration: none;
        }

        .kayitlimusterilist tbody td:nth-child(2) {
            text-align: left
        }

    .kayitlimusterilist thead td:nth-child(2) {
        text-align: left
    }

    .kayitlimusterilist tbody td.norecord {
        text-align: center;
        color: #b60000;
        font-weight: 600;
        padding: 25px;
    }

    .kayitlimusterilist tbody td:first-child {
        font-weight: 600;
    }

.personelliste .tablelist {
    padding: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.personelliste .pagehead {
}

    .personelliste .pagehead > div {
    }

        .personelliste .pagehead > div button {
        }

            .personelliste .pagehead > div button#tab-aktif {
            }

            .personelliste .pagehead > div button#tab-pasif {
            }

.personelliste #dateFilterForm {d,: f;d,: f;}

    .personelliste #dateFilterForm > input {
    }

        .personelliste #dateFilterForm > input:first-child {
        }

        .personelliste #dateFilterForm > input:first-child {
        }

.personelliste .pagemain {
    margin-top: 20px;
}

.personelliste .tablelist > div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f7f7f7;
    padding: 10px 12px 10px 12px;
}

    .personelliste .tablelist > div:first-child > div {
        font-size: 17px;
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .personelliste .tablelist > div:first-child > div > span:first-child {
        }

        .personelliste .tablelist > div:first-child > div > span:last-child {
        }

    .personelliste .tablelist > div:first-child > button {
        font-size: 13px;
        display: flex;
        align-items: center;
        gap: 4px;
    }

        .personelliste .tablelist > div:first-child > button > span {
            font-size: 18px;
        }

.kategori-musteri {
    background-color: #e6f7ff !important;
}

.kategori-satis {
    background-color: #e6fff7 !important;
}

.kategori-musteri-durum {
    background-color: #fff7e6 !important;
}

.kategori-randevu {
    background-color: #f7e6ff !important;
}

.kategori-talep-durum {
    background-color: #ffe6e6 !important;
}

.personelliste .select2-container {
    width: 100% !important
}

.projedateFilterForm {
    display: flex;
    flex-direction: column;
    min-width: 125px;
    position: relative;
    align-items: flex-start;
    margin-bottom: 0;
}

/* Filtre şeridi: form alanları + sağda aksiyon (ör. Teklifler) */
.searchmenu.filter {
    background: var(--gorusme-test-surface);
    padding: 1rem 1.15rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: space-between;
    gap: 1rem 1.25rem;
    border: 1px solid var(--gorusme-test-border);
    border-radius: var(--gorusme-test-radius);
    box-shadow: var(--gorusme-test-shadow);
}

    .searchmenu.filter > form {
        width: auto;
        flex: 1 1 auto;
        min-width: 0;
        margin: 0;
        padding: 0;
    }

        .searchmenu.filter > form > div {
            display: flex;
            flex-wrap: wrap;
            gap: 0.85rem 1rem;
            align-items: flex-end;
            align-content: center;
            margin: 0;
            justify-content: flex-start;
        }

            .searchmenu.filter > form > div > div {
                display: flex;
                flex-direction: column;
                gap: 6px;
                text-align: left;
                justify-content: flex-end;
                min-width: 0;
                width: auto;
                align-items: stretch;
            }

            .searchmenu.filter > form > div > div.filterbtn {
                flex-direction: column;
                justify-content: flex-end;
            }

            .searchmenu.filter > form > div label {
                font-size: 11px;
                font-weight: 600;
                letter-spacing: 0.03em;
                text-transform: uppercase;
                color: var(--gorusme-test-text-muted);
                line-height: 1.2;
            }

            .searchmenu.filter > form > div input,
            .searchmenu.filter > form > div select,
            .searchmenu.filter > form .form-control {
                font-size: 13px;
                min-width: 0;
                max-width: 100%;
                width: 100%;
                padding: 10px 12px;
                border: 1px solid var(--gorusme-test-border);
                border-radius: var(--gorusme-test-radius-sm);
                background: var(--gorusme-test-surface);
                color: var(--gorusme-test-text);
                transition: border-color 0.2s, box-shadow 0.2s;
                box-shadow: none;
            }

            .searchmenu.filter > form > div input:focus,
            .searchmenu.filter > form > div select:focus,
            .searchmenu.filter > form .form-control:focus {
                outline: none;
                border-color: var(--gorusme-test-accent);
                box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.18);
            }

            .searchmenu.filter > form > div input[type="date"] {
                min-width: 132px;
                max-width: 170px;
            }

            .searchmenu.filter > form > div select {
                min-width: 120px;
                max-width: 220px;
                cursor: pointer;
            }

            .searchmenu.filter > form > div button {
                font-size: 13px;
                min-height: 42px;
                padding: 0 16px;
                border-radius: var(--gorusme-test-radius-sm);
                font-weight: 600;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 6px;
                transition: filter 0.2s, box-shadow 0.2s, transform 0.12s;
            }

            .searchmenu.filter > form > div button:hover {
                filter: brightness(1.04);
            }

@media (max-width: 768px) {
    .searchmenu.filter {
        flex-direction: column;
        align-items: stretch;
    }

        .searchmenu.filter > form > div {
            flex-direction: column;
            align-items: stretch;
        }

        .searchmenu.filter > form > div > div {
            width: 100%;
        }

        .searchmenu.filter > form > div input[type="date"],
        .searchmenu.filter > form > div select {
            max-width: 100%;
        }

    .searchmenu.filter > form + div {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

.searchmenu.filter > form + div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

    .searchmenu.filter > form + div .button {
        border-radius: var(--gorusme-test-radius-sm);
        font-weight: 600;
        min-height: 42px;
        padding: 0 16px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        transition: filter 0.2s, box-shadow 0.2s, transform 0.12s;
    }

.searchmenu > div h1 {
    padding: 10px 5px;
    font-size: 13px;
}

/* ---------- Liste araç çubuğu: .searchmenu (Teklifler .searchmenu.filter hariç) ---------- */
/* Sol: persondurum / ilk grup · Sağ: detayfiltreleme veya aksiyonlar (margin-left: auto) */
.searchmenu:not(.filter) {
    box-sizing: border-box;
    min-width: 0;
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
    border-radius: var(--gorusme-test-radius);
    box-shadow: var(--gorusme-test-shadow);
    padding: 0.65rem 1rem;
    gap: 0.85rem 1rem;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

/* Eski düzen: ilk kolon = arama kutusu — liste sayfalarında iptal */
.searchmenu:not(.filter) > *:first-child {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    width: auto !important;
    min-width: 0;
    max-width: none !important;
    flex: 1 1 auto;
}

.searchmenu:not(.filter) > *:first-child:focus-within {
    border-color: transparent !important;
    box-shadow: none !important;
}

.searchmenu:not(.filter) > *:not(:first-child) {
    flex: 0 0 auto;
    min-width: 0;
    margin-left: auto;
}

/* Sekmeler: FiyatListesi #fiyatProjeMenuScroll .menu-link / .menu-item.active ile aynı dil */
.searchmenu:not(.filter) .persondurum {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.searchmenu:not(.filter) .persondurum button {
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 8px 12px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    gap: 6px;
    cursor: pointer;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    color: var(--gorusme-test-text);
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.15s ease, color 0.18s ease;
}

.searchmenu:not(.filter) .persondurum button:hover:not(.active) {
    background: var(--gorusme-test-info-bg);
    border-color: rgba(13, 148, 136, 0.38);
    color: var(--gorusme-test-text);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px -4px var(--isliste-tb-shadow);
}

.searchmenu:not(.filter) .persondurum button.active {
    background: linear-gradient(180deg, var(--isliste-tb-accent) 0%, var(--isliste-tb-accent-dark) 100%);
    color: #fff;
    border-color: var(--isliste-tb-accent-dark);
    box-shadow: 0 3px 14px rgba(13, 148, 136, 0.32);
}

.searchmenu:not(.filter) .persondurum button.active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(125deg, rgba(255, 255, 255, 0.14), transparent 55%);
    pointer-events: none;
}

.searchmenu:not(.filter) .persondurum button:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.22), 0 1px 2px var(--isliste-tb-shadow);
}

.searchmenu:not(.filter) .persondurum button.active:focus-visible {
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.35), 0 3px 14px rgba(13, 148, 136, 0.32);
}

.searchmenu:not(.filter) a.persondurum-link {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 600;
    border-radius: var(--gorusme-test-radius-sm);
    text-decoration: none;
    color: var(--app-btn-primary-text);
    background: var(--app-btn-primary-gradient);
    border: 1px solid var(--app-btn-primary-border);
    box-shadow: var(--app-btn-primary-shadow);
    transition: filter 0.15s ease, box-shadow 0.15s ease;
}

.searchmenu:not(.filter) a.persondurum-link:hover {
    filter: brightness(1.03);
    box-shadow: var(--app-btn-primary-shadow-hover);
}

.searchmenu:not(.filter) a.persondurum-link .material-symbols-outlined {
    font-size: 18px;
}

.searchmenu:not(.filter) .detayfiltreleme {
    margin: 0;
    padding: 0;
    background: transparent;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.55rem 0.75rem;
    min-width: 0;
    max-width: min(100%, 52rem);
}

.searchmenu:not(.filter) .detayfiltreleme > div > input:not(.searchmenu-toolbar__control),
.searchmenu:not(.filter) .detayfiltreleme > div > select {
    box-sizing: border-box;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    font-size: 13px;
    color: var(--gorusme-test-text);
    background: var(--isliste-tb-surface);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.searchmenu:not(.filter) .detayfiltreleme > div > input:focus,
.searchmenu:not(.filter) .detayfiltreleme > div > select:focus {
    outline: none;
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.18);
}

.searchmenu:not(.filter) .detayfiltreleme .searchbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    flex: 1 1 auto;
    min-width: min(100%, 200px);
    max-width: 26rem;
}

.searchmenu:not(.filter) .searchmenu-toolbar__search-input {
    flex: 1 1 auto;
    min-width: 140px;
    box-sizing: border-box;
    padding: 10px 14px 10px 40px;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    font-size: 13px;
    color: var(--gorusme-test-text);
    background: var(--isliste-tb-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='5.5'/%3E%3Cpath d='M12.5 12.5 16 16'/%3E%3C/svg%3E") no-repeat 12px center;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.searchmenu:not(.filter) .searchmenu-toolbar__search-input::placeholder {
    color: var(--isliste-tb-muted);
}

.searchmenu:not(.filter) .searchmenu-toolbar__search-input:hover {
    border-color: #cbd5e1;
}

.searchmenu:not(.filter) .searchmenu-toolbar__search-input:focus {
    outline: none;
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.18);
}

.searchmenu:not(.filter) .detayfiltreleme .searchbar .button {
    flex-shrink: 0;
    white-space: nowrap;
    border-radius: var(--gorusme-test-radius-sm);
    font-weight: 600;
    min-height: 40px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Etiketli filtre satırları (Sözleşmeler vb.) — yalnızca .detayfiltreleme içinde */
.searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 0 1 11rem;
}

.searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__field:first-of-type {
    flex: 1 1 12rem;
    max-width: 18rem;
}

.searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__field--twin {
    flex: 0 1 12rem;
}

.searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__field--action {
    flex: 0 0 auto;
}

.searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__field--action .button {
    min-height: 40px;
    border-radius: var(--gorusme-test-radius-sm);
    font-weight: 600;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--isliste-tb-muted);
    line-height: 1.2;
    margin: 0;
}

.searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__label--action-spacer {
    visibility: hidden;
    min-height: 1em;
}

.searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__control {
    box-sizing: border-box;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    font-size: 13px;
    color: var(--gorusme-test-text);
    background: var(--isliste-tb-surface);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
    max-width: 100%;
}

.searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__control:focus {
    outline: none;
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.18);
}

.searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__control::placeholder {
    color: var(--isliste-tb-muted);
}

.searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__twin {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: stretch;
}

.searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__twin .searchmenu-toolbar__input,
.searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__twin input {
    flex: 1 1 0;
    min-width: 0;
}

@media (max-width: 960px) {
    .searchmenu:not(.filter) {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: stretch;
    }

    .searchmenu:not(.filter) > *:first-child {
        flex: 1 1 100%;
        margin-left: 0;
        max-width: 100%;
    }

    .searchmenu:not(.filter) > *:not(:first-child) {
        margin-left: 0;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .searchmenu:not(.filter) .detayfiltreleme {
        justify-content: stretch;
        align-items: stretch;
        max-width: none;
    }

    .searchmenu:not(.filter) .detayfiltreleme .searchbar {
        max-width: none;
        width: 100%;
        order: 1;
    }

    .searchmenu:not(.filter) .aramadelete {
        order: 0;
        width: 100%;
    }

    .searchmenu:not(.filter) .aramadelete:not(.hidden) .button {
        width: 100%;
        justify-content: center;
    }

    .searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__field,
    .searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__field--twin,
    .searchmenu:not(.filter) .detayfiltreleme .searchmenu-toolbar__field:first-of-type {
        flex: 1 1 100%;
        max-width: none;
    }

    .searchmenu:not(.filter) a.persondurum-link {
        margin-left: 0;
        width: 100%;
        justify-content: center;
        margin-top: 4px;
    }
}

/* Başlıklar için daha iyi okunabilirlik */
.projebaslik h1 {
}

/* —— Excel / PDF dışa aktarma modalı (reset :root token’ları) —— */
#excelExportModal.excel-export-modal-root {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    box-sizing: border-box;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    inset: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10050;
    animation: excel-export-modal-fade 0.22s ease-out;
}

@keyframes excel-export-modal-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}

#excelExportModal .excel-export-modal__dialog {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-height: 100%;
    pointer-events: none;
}

#excelExportModal .excel-export-modal__panel.modal-content {
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    max-width: 56rem;
    width: min(56rem, calc(100vw - 2rem));
    max-height: min(90vh, 52rem);
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: var(--isliste-tb-surface);
    color: var(--gorusme-test-text);
    border-radius: var(--gorusme-test-radius);
    border: 1px solid var(--isliste-tb-border);
    box-shadow:
        0 4px 24px var(--isliste-tb-shadow),
        0 24px 48px rgba(15, 23, 42, 0.12);
    animation: excel-export-modal-rise 0.28s cubic-bezier(0.34, 1.2, 0.64, 1);
}

@keyframes excel-export-modal-rise {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

#excelExportModal .excel-export-modal__header.modal-header {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin: 0;
    padding: 1.25rem 1.35rem 1rem;
    border-bottom: 1px solid var(--isliste-tb-border);
    background: linear-gradient(
        180deg,
        var(--gorusme-test-info-bg) 0%,
        var(--isliste-tb-surface) 72%
    );
}

#excelExportModal .excel-export-modal__header-text {
    flex: 1;
    min-width: 0;
}

#excelExportModal .excel-export-modal__header h3 {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--gorusme-test-text);
    letter-spacing: -0.02em;
}

#excelExportModal .excel-export-modal__subtitle {
    margin: 0.4rem 0 0;
    font-size: 0.85rem;
    line-height: 1.45;
    color: var(--isliste-tb-muted);
    max-width: 36rem;
}

#excelExportModal .excel-export-modal__close {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    margin: 0;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    background: var(--isliste-tb-surface);
    color: var(--isliste-tb-muted);
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    transition:
        background 0.15s ease,
        color 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

#excelExportModal .excel-export-modal__close:hover {
    color: var(--gorusme-test-text);
    background: var(--gorusme-test-page-bg);
    border-color: var(--isliste-tb-accent);
}

#excelExportModal .excel-export-modal__close:focus-visible {
    outline: none;
    box-shadow: var(--app-switch-focus-ring);
}

#excelExportModal .excel-export-modal__body.modal-body {
    flex: 1;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 1rem 1.35rem 1.1rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    scrollbar-gutter: stable;
}

#excelExportModal #exportProgressContainer {
    flex-shrink: 0;
}

#excelExportModal #excelExportForm {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

#excelExportModal #excelExportForm > div:first-of-type {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0.15rem 0.5rem 0;
    scrollbar-gutter: stable;
}

#excelExportModal .excel-export-modal__body.modal-body form > div > div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
    gap: 1rem;
    margin-bottom: 0;
    align-items: stretch;
}

#excelExportModal .excel-export-modal__body.modal-body form div > .item {
    max-height: 17.5rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 0.85rem 1rem;
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid var(--isliste-tb-border);
    background: var(--isliste-tb-surface);
    box-shadow: 0 1px 3px var(--isliste-tb-shadow);
}

#excelExportModal .modal-body form div > .item:has(.excel-export-check-list) > div:first-of-type {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

#excelExportModal .excel-export-section-title {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0 0 0.65rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--isliste-tb-border);
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--gorusme-test-text);
}

#excelExportModal .excel-export-section-title::before {
    content: "";
    width: 0.22rem;
    height: 1.05em;
    border-radius: 999px;
    flex-shrink: 0;
    background: var(--isliste-tb-muted);
    opacity: 0.6;
}

#excelExportModal .excel-export-section-title--active::before {
    background: var(--isliste-tb-accent);
    opacity: 1;
}

#excelExportModal .excel-export-section-title--active {
    color: var(--isliste-tb-accent-dark);
}

#excelExportModal .excel-export-section-title--passive::before {
    background: var(--isliste-tb-muted);
    opacity: 1;
}

#excelExportModal .excel-export-section-title--passive {
    color: var(--isliste-tb-muted);
}

#excelExportModal .excel-export-check-all {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0 0 0.5rem;
    padding: 0.55rem 0.65rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--isliste-tb-accent-dark);
    background: var(--gorusme-test-info-bg);
    border: 1px solid var(--gorusme-test-info-border);
    border-radius: var(--gorusme-test-radius-sm);
    cursor: pointer;
    user-select: none;
    transition: background 0.15s ease, border-color 0.15s ease;
}

#excelExportModal .excel-export-check-all:hover {
    background: rgba(153, 246, 228, 0.35);
}

#excelExportModal .excel-export-check-list {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    margin: 0;
    padding: 0.25rem 0.15rem 0.15rem 0;
    border-radius: var(--gorusme-test-radius-sm);
    scrollbar-gutter: stable;
}

#excelExportModal .excel-export-check-row {
    margin-bottom: 0.2rem;
}

#excelExportModal .excel-export-check-row:last-child {
    margin-bottom: 0;
}

#excelExportModal .excel-export-check-row label,
#excelExportModal .modal-body form .item > div > label:not(.excel-export-check-all) {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin: 0;
    padding: 0.45rem 0.5rem;
    font-size: 0.82rem;
    line-height: 1.35;
    color: var(--gorusme-test-text);
    border-radius: var(--gorusme-test-radius-sm);
    cursor: pointer;
    transition: background 0.12s ease;
}

#excelExportModal .excel-export-check-row label:hover,
#excelExportModal .modal-body form .item > div > label:not(.excel-export-check-all):hover {
    background: var(--gorusme-test-page-bg);
}

#excelExportModal .modal-body form .item > div > label:not(.excel-export-check-all):has(input:focus-visible),
#excelExportModal .excel-export-check-row label:has(input:focus-visible) {
    box-shadow: 0 0 0 2px rgba(5, 150, 105, 0.25);
    background: var(--gorusme-test-page-bg);
}

#excelExportModal .modal-body form input[type="checkbox"] {
    width: 1.125rem;
    height: 1.125rem;
    min-width: 1.125rem;
    margin: 0.1rem 0 0;
    flex-shrink: 0;
    accent-color: var(--app-switch-accent);
    border-radius: 4px;
    cursor: pointer;
}

/* İlerleme */
#excelExportModal .excel-export-progress {
    padding: 1rem 0.25rem 0.5rem;
}

#excelExportModal .excel-export-progress h4 {
    margin: 0 0 0.75rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--gorusme-test-text);
}

#excelExportModal .excel-export-progress p {
    margin: 0.65rem 0 0;
    font-size: 0.82rem;
    color: var(--isliste-tb-muted);
}

#excelExportModal .excel-export-progress__track.progress {
    height: 0.5rem;
    border-radius: 999px;
    background: var(--gorusme-test-page-bg);
    border: 1px solid var(--isliste-tb-border);
    overflow: hidden;
    box-shadow: inset 0 1px 2px var(--isliste-tb-shadow);
}

#excelExportModal .excel-export-progress__bar.progress-bar {
    height: 100%;
    border-radius: inherit;
    background: var(--app-btn-primary-gradient);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    transition: width 0.35s ease;
}

#excelExportModal #exportButtonContainer,
#excelExportModal .excel-export-modal__actions {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem 0.75rem;
    margin: 0.35rem 0 0;
    padding: 0.85rem 0 0;
    border-top: 1px solid var(--isliste-tb-border);
    background: transparent;
}

@media (prefers-reduced-motion: reduce) {
    #excelExportModal.excel-export-modal-root,
    #excelExportModal .excel-export-modal__panel.modal-content {
        animation: none;
    }
}

.filterbtn {
}

.grafik-main {
    width: 100%
}

.grafik-content {
    background: #fff;
    border-radius: 0 0 10px 10px;
    gap: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.grafik-panel {
    flex: 1;
    min-width: 300px;
    background: #fff;
    border-radius: 8px;
    padding: 15px;
}

    .grafik-panel canvas {
    }

    .grafik-panel h4 {
        font-weight: 700
    }

.tablelistbos {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
    align-items: center;
}

.chart-container {
    position: relative;
    width: 100%;
    height: 300px;
    max-height: 300px;
}

    .chart-container canvas {
        max-width: 100% !important;
        max-height: 100% !important;
        height: auto !important;
    }

.main-chart-container {
    position: relative;
    width: 100%;
    height: 50vh;
    max-height: 50vh;
    margin: 20px 0;
    border-radius: 8px;
    padding: 15px;
}

    .main-chart-container canvas {
        max-width: 100% !important;
        max-height: 100% !important;
        height: auto !important;
    }

.tekgrafik {
    background: #fff;
    border-radius: 12px;
    padding: 20px 10px;
}

    .tekgrafik > h3 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 18px;
        text-align: center;
    }

    .tekgrafik canvas {
        height: 100%;
        max-height: 50vh;
    }

.personel-ozet-kutu {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px #0001;
    padding: 18px 22px;
    min-width: 220px;
    max-width: 260px;
    flex: 1 1 220px;
    cursor: pointer;
    transition: box-shadow .2s;
    position: relative;
}

    .personel-ozet-kutu .head {
        font-size: 18px;
        font-weight: 600;
        color: #007bff;
        margin-bottom: 8px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .personel-ozet-kutu .liste {
        display: flex;
        flex-direction: column;
        gap: 2px
    }

        .personel-ozet-kutu .liste div {
            font-weight: 700;
        }

            .personel-ozet-kutu .liste div span:first-child {
                font-weight: 500;
            }

    .personel-ozet-kutu .person {
        position: absolute;
        top: 12px;
        right: 12px;
        font-size: 20px;
        color: #bbb;
    }

.toplam-grid {
    display: flex;
    gap: 7px;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    padding: 18px 24px;
    margin-bottom: 18px;
    font-size: 17px;
    font-weight: 500;
    background: #f1f1f1;
}

    .toplam-grid div {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 90px;
    }

    .toplam-grid span {
        color: #888;
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 2px;
    }

    .toplam-grid b {
        color: #222;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 1px;
    }

@media (max-width: 600px) {
    .toplam-grid {
        gap: 10px;
        padding: 10px 4px;
        font-size: 14px;
    }

        .toplam-grid b {
            font-size: 16px;
        }

        .toplam-grid div {
            min-width: 60px;
        }
}

/* Print Styles - Yazdırma stilleri */
@media print {
    @page {
        size: landscape;
        margin: 0.4in;
    }

    body {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 1.3;
        color: #000;
        background: #fff;
    }

    .chart-container, .main-chart-container {
        page-break-inside: avoid;
        background: #fff !important;
        border: 1px solid #ddd !important;
        box-shadow: none !important;
    }

        .chart-container canvas, .main-chart-container canvas {
            max-width: 100% !important;
            height: auto !important;
        }

    .grafik-content {
        display: flex !important;
        gap: 15px !important;
        page-break-inside: avoid;
    }

    .grafik-panel {
        flex: 1;
        background: #fff !important;
        border: 1px solid #ddd !important;
        box-shadow: none !important;
    }

    .tekgrafik {
        background: #fff !important;
        border: 1px solid #ddd !important;
        box-shadow: none !important;
        page-break-inside: avoid;
    }

    .kayitlimusterilist table, .personel-ozet-table {
        font-size: 10px !important;
        page-break-inside: avoid;
    }

        .kayitlimusterilist th, .kayitlimusterilist td, .personel-ozet-table th, .personel-ozet-table td {
            padding: 4px !important;
            border: 1px solid #ddd !important;
        }

        .personel-ozet-table tfoot {
            border-top: 2px solid #007bff !important;
        }

            .personel-ozet-table tfoot td {
                background: #f8f9fa !important;
                font-weight: bold !important;
                padding: 6px 4px !important;
                border: 1px solid #ddd !important;
            }

    h1, h3, h4 {
        page-break-after: avoid;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .buton, .button, button {
        display: none !important;
    }

    .pageheadfiltre, .donwload-bar {
        display: none !important;
    }

    .print-chart-wrapper {
        text-align: center;
        margin: 10px 0;
        page-break-inside: avoid;
    }

    .print-chart-image {
        max-width: 90% !important;
        height: auto !important;
        border-radius: 6px;
    }

    .print-footer {
        margin-top: 15px;
        text-align: center;
        font-size: 9px;
        color: #666;
        border-top: 1px solid #ddd;
        padding-top: 8px;
    }
}

.personel-ozet-grid {
    margin-bottom: 32px;
}

.personel-ozet-kutu:hover {
    box-shadow: 0 4px 16px #007bff22;
}

.highlighted {
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.38) !important;
    transition: box-shadow 0.25s ease;
    border-radius: var(--gorusme-test-radius);
}

.personel-ozet-table {
    width: calc(100% - 50px);
    margin-bottom: 32px;
    border-collapse: collapse;
    margin: 25px;
}

    .personel-ozet-table thead {
    }

        .personel-ozet-table thead tr {
            background: #f7f7f7;
            font-weight: 700;
        }

        .personel-ozet-table thead th {
            padding: 8px 12px;
            text-align: left;
            font-weight: 700;
            border: 1px solid #e7e7e7;
            text-align: center;
        }

    .personel-ozet-table tbody {
    }

        .personel-ozet-table tbody tr {
            cursor: pointer;
        }

            .personel-ozet-table tbody tr:hover {
                background: #f3f3f3;
            }

            .personel-ozet-table tbody tr td {
                padding: 8px 12px;
                border: 1px solid #e7e7e7;
                text-align: center;
            }

        .personel-ozet-table thead th:nth-child(2), .personel-ozet-table tbody td:nth-child(2) {
            text-align: left
        }

    .personel-ozet-table tfoot {
        border-top: 2px solid #007bff;
    }

        .personel-ozet-table tfoot tr {
            background: #f8f9fa !important;
            font-weight: bold;
        }

        .personel-ozet-table tfoot td {
            padding: 10px 12px;
            border: 1px solid #e7e7e7;
            text-align: center;
            font-weight: 700;
            background: #f8f9fa;
        }

            .personel-ozet-table tfoot td:nth-child(2) {
                text-align: left;
                color: #333;
            }

.pageheadfiltre .liste {
    display: flex;
    flex-direction: row;
    margin-top: 25px;
    align-items: flex-start;
}

    .pageheadfiltre .liste .persondurum {
    }

    .pageheadfiltre .liste .dateFilterForm {
        width: auto;
        border: 1px solid #ddd;
        border-radius: 10px;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 15px;
    }

.pageheadfiltre {
    width: 98%;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    margin: 0 auto;
}

.persondurum button {
    border: none;
    outline: none;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 6px 6px 0 0;
    margin-right: 8px;
    background: #f2f2f2;
    color: #888;
    transition: background 0.2s, color 0.2s;
    cursor: pointer;
}

    .persondurum button.active {
        background: #007bff;
        color: #fff;
        box-shadow: 0 2px 8px rgba(0,123,255,0.08);
    }

    .persondurum button.inactive {
        background: #e0e0e0;
        color: #888;
    }

    .persondurum button:hover:not(.active) {
        background: #d0d0d0;
        color: #333;
    }

/* ---------- İş Havuzu Personel (/PazarlamaSatis/IsHavuzuPersonel) — reset :root ---------- */
.personelliste.ishavuzu-personel {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 12px 2rem;
    color: var(--gorusme-test-text);
}

.personelliste.ishavuzu-personel .pageheadfiltre {
    width: 100%;
    margin: 0 auto;
}

.personelliste.ishavuzu-personel .pageheadfiltre .liste {gap: 25px;}

.personelliste.ishavuzu-personel .pageheadfiltre .liste .persondurum {
    display: flex;
    padding: 4px;
    gap: 11px;
    background: var(--gorusme-test-page-bg);
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    align-items: center;
    height: 100%;
}

.personelliste.ishavuzu-personel .persondurum button {
    border: none;
    outline: none;
    margin-right: 0;
    border-radius: 6px;
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    background: transparent;
    color: var(--isliste-tb-muted);
    box-shadow: none;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
    cursor: pointer;
}

.personelliste.ishavuzu-personel .persondurum button.active {
    background: linear-gradient(180deg, var(--isliste-tb-accent) 0%, var(--isliste-tb-accent-dark) 100%);
    color: #fff;
    box-shadow: 0 2px 12px rgba(13, 148, 136, 0.28);
}

.personelliste.ishavuzu-personel .persondurum button.inactive {
    background: transparent;
    color: var(--isliste-tb-muted);
}

.personelliste.ishavuzu-personel .persondurum button:hover:not(.active) {
    background: var(--gorusme-test-info-bg);
    color: var(--gorusme-test-text);
}

.personelliste.ishavuzu-personel .pageheadfiltre .liste .dateFilterForm {
    flex: 1 1 380px;
    min-width: 260px;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius);
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
    box-shadow: 0 4px 22px -6px var(--isliste-tb-shadow);
    padding: 1rem 1.1rem;
    align-items: stretch;
}

.personelliste.ishavuzu-personel #dateFilterForm.flex {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.65rem;
    width: 100%;
    display: flex;
}

.personelliste.ishavuzu-personel .projedateFilterForm {
    flex: 1 1 200px;
    min-width: 160px;
}

.personelliste.ishavuzu-personel #dateFilterForm input[type="date"],
.personelliste.ishavuzu-personel #quickDateSelect {
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    padding: 0.45rem 0.65rem;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    background: var(--isliste-tb-surface);
    color: var(--gorusme-test-text);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.personelliste.ishavuzu-personel #dateFilterForm input[type="date"]:focus,
.personelliste.ishavuzu-personel #quickDateSelect:focus {
    outline: none;
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.18);
}

.personelliste.ishavuzu-personel #dateFilterForm .button.blue {
    background: linear-gradient(180deg, var(--isliste-tb-accent-dark) 0%, var(--isliste-tb-accent) 100%);
    border: 1px solid var(--isliste-tb-accent-dark);
    border-radius: var(--gorusme-test-radius-sm);
    padding: 0.5rem 0.95rem;
    font-weight: 600;
    box-shadow: 0 2px 10px rgba(13, 148, 136, 0.24);
    transition: filter 0.15s ease, transform 0.1s ease;
}

.personelliste.ishavuzu-personel #dateFilterForm .button.blue,
.personelliste.ishavuzu-personel #dateFilterForm .button.blue *,
.personelliste.ishavuzu-personel #dateFilterForm .button.blue p {
    color: #fff !important;
}

.personelliste.ishavuzu-personel #dateFilterForm .button.blue:hover {
    filter: brightness(1.06);
}

.personelliste.ishavuzu-personel #dateFilterForm .button.blue:active {
    transform: scale(0.98);
}

.personelliste.ishavuzu-personel #dateFilterForm .button.red {
    border-radius: var(--gorusme-test-radius-sm);
    padding: 0.5rem 0.95rem;
    font-weight: 600;
}

.personelliste.ishavuzu-personel .donwload-bar {
    gap: 0.75rem;
    flex-wrap: wrap;
    margin: 1rem 0 0.25rem;
    justify-content: center;
}

/* İş Havuzu Personel: tüm indir / yazdır butonları (.donwload-bar + personel kartı üstü) */
.personelliste.ishavuzu-personel .buton.pdfindir {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0.58rem 1.15rem;
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: linear-gradient(180deg, var(--isliste-tb-accent-dark) 0%, var(--isliste-tb-accent) 100%);
    color: #fff !important;
    font-weight: 600;
    font-size: 0.8125rem;
    letter-spacing: 0.01em;
    cursor: pointer;
    box-shadow:
        0 1px 2px var(--isliste-tb-shadow),
        0 4px 16px rgba(13, 148, 136, 0.28);
    transition: filter 0.15s ease, box-shadow 0.18s ease, transform 0.12s ease;
}

.personelliste.ishavuzu-personel .buton.pdfindir:hover {
    filter: brightness(1.07);
    box-shadow:
        0 2px 8px var(--isliste-tb-shadow),
        0 6px 22px rgba(13, 148, 136, 0.35);
}

.personelliste.ishavuzu-personel .buton.pdfindir:active {
    transform: scale(0.98);
    filter: brightness(0.96);
}

.personelliste.ishavuzu-personel .buton.pdfindir > span {
    color: #fff !important;
    font-size: 1.15rem !important;
    opacity: 0.95;
}

.personelliste.ishavuzu-personel .tablelistbos {
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius);
    background: var(--isliste-tb-surface);
    box-shadow: 0 4px 24px -8px var(--isliste-tb-shadow);
    overflow: hidden;
}

.personelliste.ishavuzu-personel .tekgrafik {
    background: var(--isliste-tb-surface);
    border-radius: var(--gorusme-test-radius);
    padding: 1.25rem 1rem 1.5rem;
    border: 1px solid var(--isliste-tb-border);
    box-shadow: 0 4px 24px -8px var(--isliste-tb-shadow);
}

.personelliste.ishavuzu-personel .ishavuzu-personel-chart-head {
    margin: 0 0 1.15rem;
    padding: 1rem 1.35rem 1.1rem;
    text-align: center;
    border-radius: var(--gorusme-test-radius);
    border: 1px solid var(--isliste-tb-border);
    background: linear-gradient(145deg, var(--gorusme-test-info-bg) 0%, var(--isliste-tb-surface) 42%, var(--gorusme-test-page-bg) 100%);
    box-shadow:
        0 2px 14px -4px var(--isliste-tb-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.personelliste.ishavuzu-personel .ishavuzu-personel-chart-title {
    margin: 0;
    padding: 0;
    font-size: 1.22rem;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.03em;
    color: var(--gorusme-test-text);
}

.personelliste.ishavuzu-personel .ishavuzu-personel-chart-title::after {
    content: "";
    display: block;
    width: min(200px, 42%);
    height: 3px;
    margin: 0.75rem auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--isliste-tb-accent), var(--isliste-tb-accent-dark), transparent);
    opacity: 0.9;
}

.personelliste.ishavuzu-personel .ishavuzu-personel-chart-subline {
    display: block;
    margin-top: 0.45rem;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--isliste-tb-muted);
}

.personelliste.ishavuzu-personel .main-chart-container {
    margin: 12px 0 8px;
    padding: 12px;
    border-radius: var(--gorusme-test-radius-sm);
    background: var(--gorusme-test-page-bg);
    border: 1px solid var(--app-switch-thumb-border);
}

.personelliste.ishavuzu-personel .personel-ozet-table {
    width: calc(100% - 32px);
    margin: 16px;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--gorusme-test-radius-sm);
    overflow: hidden;
    border: 1px solid var(--isliste-tb-border);
    box-shadow: 0 1px 3px var(--isliste-tb-shadow);
}

.personelliste.ishavuzu-personel .personel-ozet-table thead tr {
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
}

.personelliste.ishavuzu-personel .personel-ozet-table thead th {
    border: 1px solid var(--isliste-tb-border);
    color: var(--isliste-tb-muted);
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 10px 10px;
}

.personelliste.ishavuzu-personel .personel-ozet-table tbody tr:hover {
    background: var(--gorusme-test-info-bg);
}

.personelliste.ishavuzu-personel .personel-ozet-table tbody tr td {
    border-color: var(--isliste-tb-border);
    font-weight: 500;
    font-size: 11px;
}

.personelliste.ishavuzu-personel .personel-ozet-table tfoot {
    border-top: 2px solid var(--isliste-tb-accent);
}

.personelliste.ishavuzu-personel .personel-ozet-table tfoot tr {
    background: var(--gorusme-test-page-bg) !important;
}

.personelliste.ishavuzu-personel .personel-ozet-table tfoot td {
    background: inherit !important;
    border-color: var(--isliste-tb-border);
    color: var(--gorusme-test-text);
}

.personelliste.ishavuzu-personel .tablelist {
    padding: 0;
    margin-bottom: 1.5rem;
    text-align: left;
    font-size: inherit;
    font-weight: normal;
    border-radius: var(--gorusme-test-radius);
    border: 1px solid var(--isliste-tb-border);
    background: var(--isliste-tb-surface);
    box-shadow: 0 4px 28px -10px var(--isliste-tb-shadow);
    overflow: hidden;
}

.personelliste.ishavuzu-personel .tablelist > div:first-child {
    background: linear-gradient(180deg, var(--gorusme-test-page-bg) 0%, rgba(241, 245, 249, 0.65) 100%);
    border-bottom: 1px solid var(--isliste-tb-border);
    padding: 0.85rem 1.1rem;
}

.personelliste.ishavuzu-personel .tablelist > div:first-child > div {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--gorusme-test-text);
    gap: 0.5rem;
}

.personelliste.ishavuzu-personel .tablelist .person_icon {
    font-size: 22px;
    color: var(--isliste-tb-accent);
}

.personelliste.ishavuzu-personel .ishavuzu-personel-status {
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    border: 1px solid var(--app-switch-thumb-border);
}

.personelliste.ishavuzu-personel .ishavuzu-personel-status--aktif {
    color: var(--gorusme-test-success);
    background: rgba(22, 163, 74, 0.1);
    border-color: rgba(22, 163, 74, 0.28);
}

.personelliste.ishavuzu-personel .ishavuzu-personel-status--pasif {
    color: var(--gorusme-test-danger);
    background: var(--gorusme-test-warn-bg);
    border-color: var(--gorusme-test-warn-border);
}

.personelliste.ishavuzu-personel .grafik-main {
    border-top: 1px solid var(--app-switch-thumb-border);
    background: var(--gorusme-test-page-bg);
}

.personelliste.ishavuzu-personel .grafik-content {
    background: transparent;
    border-radius: 0;
    gap: 1rem;
    padding: 1rem;
}

.personelliste.ishavuzu-personel .grafik-panel {
    background: var(--isliste-tb-surface) !important;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    box-shadow: 0 2px 12px var(--isliste-tb-shadow);
    padding: 1rem;
}

.personelliste.ishavuzu-personel .ishavuzu-personel-chart-subtitle {
    margin: 0 0 8px;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--gorusme-test-text);
    border-bottom: 2px solid rgba(13, 148, 136, 0.35);
    padding-bottom: 6px;
}

.personelliste.ishavuzu-personel .chart-container {
    background: var(--gorusme-test-page-bg);
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid var(--app-switch-thumb-border);
}

.personelliste.ishavuzu-personel .tablelist > div:has(table.kayitlimusterilist) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.personelliste.ishavuzu-personel table.kayitlimusterilist {
    min-width: 960px;
    margin-top: 0;
}

.personelliste.ishavuzu-personel table.kayitlimusterilist thead tr {
    background: linear-gradient(180deg, var(--gorusme-test-page-bg) 0%, var(--isliste-tb-surface) 100%);
}

.personelliste.ishavuzu-personel table.kayitlimusterilist thead td {
    border: 1px solid var(--isliste-tb-border);
    color: var(--gorusme-test-text);
    font-weight: 700;
    font-size: 11px;
    padding: 8px 5px;
}

.personelliste.ishavuzu-personel table.kayitlimusterilist tbody td {
    border-color: var(--isliste-tb-border);
    background: var(--isliste-tb-surface);
    font-size: 11px;
}

.personelliste.ishavuzu-personel table.kayitlimusterilist tbody tr:nth-child(even) td {
    background: rgba(241, 245, 249, 0.55);
}

.personelliste.ishavuzu-personel table.kayitlimusterilist tbody tr:hover td {
    background: var(--gorusme-test-info-bg);
}

.personelliste.ishavuzu-personel table.kayitlimusterilist tbody a.stats-link {
    display: inline;
    color: var(--isliste-tb-accent-dark);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.15s ease, color 0.15s ease;
    font-size: 11px;
}

.personelliste.ishavuzu-personel table.kayitlimusterilist tbody a.stats-link:hover {
    color: var(--isliste-tb-accent);
    border-bottom-color: rgba(13, 148, 136, 0.45);
}

.personelliste.ishavuzu-personel table.kayitlimusterilist .kategori-musteri {
    background: linear-gradient(180deg, #ecfeff 0%, #cffafe 100%) !important;
    color: var(--gorusme-test-text);
    border-color: var(--gorusme-test-info-border) !important;
}

.personelliste.ishavuzu-personel table.kayitlimusterilist .kategori-satis {
    background: linear-gradient(180deg, #f0fdfa 0%, #ccfbf1 100%) !important;
    color: var(--gorusme-test-text);
    border-color: var(--gorusme-test-info-border) !important;
}

.personelliste.ishavuzu-personel table.kayitlimusterilist .kategori-musteri-durum {
    background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%) !important;
    color: var(--gorusme-test-text);
    border-color: rgba(245, 158, 11, 0.35) !important;
}

.personelliste.ishavuzu-personel table.kayitlimusterilist .kategori-randevu {
    background: linear-gradient(180deg, #f5f3ff 0%, #ede9fe 100%) !important;
    color: var(--gorusme-test-text);
    border-color: rgba(139, 92, 246, 0.28) !important;
}

.personelliste.ishavuzu-personel table.kayitlimusterilist .kategori-talep-durum {
    background: linear-gradient(180deg, #fff1f2 0%, #ffe4e6 100%) !important;
    color: var(--gorusme-test-text);
    border-color: var(--gorusme-test-warn-border) !important;
}

.personelliste.ishavuzu-personel table.kayitlimusterilist tbody td.norecord {
    color: var(--gorusme-test-danger);
    background: var(--gorusme-test-warn-bg) !important;
    font-weight: 600;
}

.personelliste.ishavuzu-personel table.kayitlimusterilist tfoot tr {
    background: var(--gorusme-test-page-bg) !important;
    font-weight: 700;
}

.personelliste.ishavuzu-personel table.kayitlimusterilist tfoot td {
    border-color: var(--isliste-tb-border);
    color: var(--gorusme-test-text);
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    padding: 13px;
    border: 1px solid var(--isliste-tb-border);
    background: var(--app-form-focus-ring);
}

.personelliste.ishavuzu-personel .tablelist:not([id^="personelTable_"]) {
    padding: 2rem 1.25rem;
    text-align: center;
    color: var(--isliste-tb-muted);
    font-weight: 600;
    background: var(--gorusme-test-page-bg);
    border-style: dashed;
}

@media (max-width: 1200px) {
    .personelliste.ishavuzu-personel .pageheadfiltre .liste {
        flex-direction: column;
        align-items: stretch;
    }

    .personelliste.ishavuzu-personel .persondurum {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.donwload-bar {
    width: auto !important;
    background: none !important;
    gap: 25px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.taksitlendir .taksittarih {
}

.taksitlendir .taksittutar {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

    .taksitlendir .taksittarih input, .taksitlendir .taksittutar input {
        width: 85%;
        margin: 4px 0;
    }

.proje-item.disabled {
    color: #999;
    pointer-events: none;
    cursor: not-allowed;
}

.katplanekle .custom-file-upload {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background-color: #4CAF50;
    color: white;
    border-radius: 5px;
    font-size: 14px;
    transition: background-color 0.3s;
    margin: 10px auto;
}

    .katplanekle .custom-file-upload:hover {
        background-color: #45a049;
    }

    .katplanekle .custom-file-upload input[type="file"] {
        display: none;
    }

.katplanekle .upload-button-container {
    position: absolute;
    top: 20px;
    right: 20px;
}

.katplanekle .file-upload-input {
    display: none;
}

.katplanekle .upload-label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.katplanekle .file-upload-preview {
    margin-bottom: 20px;
}

.katplanekle .kat-plan-table {
    width: 100%;
    border-collapse: collapse;
}

.katplanekle .table-header {
    background-color: #f5f5f5;
}

.katplanekle .table-row {
    border-bottom: 1px solid #ddd;
}

.katplanekle .table-cell {
    padding: 12px;
    border: 1px solid #ddd;
    vertical-align: top;
}

.katplanekle .text-center {
    text-align: center;
}

.katplanekle .kat-plan-image {
    width: 100%;
    object-fit: contain;
    height: auto !important;
    border: 0 !important;
}

.katplanekle .eslesme-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.katplanekle .description-input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.katplanekle .radio-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 5px;
    align-content: flex-start;
}

.katplanekle .radio-option {
    padding: 5px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.katplanekle .radio-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: bold;
}

    .katplanekle .radio-label input[type="radio"] {
        margin: 0;
    }

.katplanekle .radio-text {
    font-size: 10px;
    color: #333;
    white-space: nowrap
}

.katplanekle .no-match {
    color: #666;
    font-style: italic;
}

.katplanekle .error-message {
    color: #dc3545;
    font-style: italic;
}

.katplanekle .placeholder-text {
    color: #666;
    font-style: italic;
}

.katplanekle .delete-link {
    color: #dc3545;
    text-decoration: none;
}

.katplanekle .success-icon {
    color: #28a745;
}

.katplanekle .empty-state {
    text-align: center;
    padding: 40px;
    color: #666;
    flex-direction: column;
}

.katplanekle .empty-icon {
    font-size: 48px;
    margin-bottom: 10px;
}

.proje-emlak {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 26px;
}

    .proje-emlak > fieldset .emlaktip {
        width: 100%
    }

    .proje-emlak > fieldset {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

        .proje-emlak > fieldset .arama {
            width: 100%;
            margin-bottom: 8px;
        }

            .proje-emlak > fieldset .arama > input {
                width: 100%;
            }

        .proje-emlak > fieldset .emlakhead {
            display: flex;
            flex-direction: column;
        }

            .proje-emlak > fieldset .emlakhead > label {
                font-weight: 500;
            }

/* Proje listesi (Projeler / ProjeYonetimi) — işlemler satırı; reset.css :root */
.projebaslik .islemler {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    max-width: 100%;
}

.projebaslik .islemler > a {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: var(--gorusme-test-radius-sm);
    font-weight: 600;
    font-size: 12px;
    line-height: 1.25;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow), 0 2px 10px rgba(13, 148, 136, 0.18);
    transition: filter 0.15s ease, box-shadow 0.18s ease, transform 0.1s ease;
    background: linear-gradient(180deg, var(--isliste-tb-accent) 0%, var(--isliste-tb-accent-dark) 100%);
    color: var(--isliste-tb-surface) !important;
}

.projebaslik .islemler > a:hover {
    filter: brightness(1.06);
    box-shadow: 0 2px 8px var(--isliste-tb-shadow), 0 4px 14px rgba(13, 148, 136, 0.28);
}

.projebaslik .islemler > a:active {
    transform: scale(0.98);
}

.projebaslik .islemler > a:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px var(--isliste-tb-surface), 0 0 0 4px rgba(13, 148, 136, 0.35);
}

.projebaslik .islemler > a.delete {
    background: linear-gradient(180deg, var(--gorusme-test-danger) 0%, var(--gorusme-test-danger-hover) 100%);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow), 0 2px 10px rgba(220, 38, 38, 0.22);
    border-color: rgba(255, 255, 255, 0.18);
}

.projebaslik .islemler > a.delete:hover {
    box-shadow: 0 2px 8px var(--isliste-tb-shadow), 0 4px 14px rgba(220, 38, 38, 0.28);
}

.projebaslik .islemler > a.delete:focus-visible {
    box-shadow: 0 0 0 2px var(--isliste-tb-surface), 0 0 0 4px rgba(220, 38, 38, 0.35);
}

.projebaslik .islemler > a .material-symbols-outlined {
    font-size: 18px;
    line-height: 1;
    opacity: 0.95;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.projebaslik .islemler > a span.delete {
    background: none !important;
}

.projebaslik .islemler > a label {
    color: inherit !important;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    margin: 0;
    padding: 0;
    pointer-events: none;
}

/* Satışı tamamlandı — klasik round toggle, app-switch token’ları */
.projebaslik .islemler label.switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: var(--app-switch-w);
    height: var(--app-switch-h);
    margin: 0 0 0 6px;
    flex-shrink: 0;
    cursor: pointer;
    vertical-align: middle;
}

.projebaslik .islemler label.switch input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.projebaslik .islemler label.switch .slider {
    position: absolute;
    inset: 0;
    cursor: pointer;
    border-radius: 999px !important;
    background: var(--app-switch-off-bg);
    box-shadow: var(--app-switch-track-inset-off);
    transition: var(--app-switch-transition-bg);
    border: none;
}

.projebaslik .islemler label.switch:hover .slider {
    background: var(--app-switch-off-hover-bg);
}

.projebaslik .islemler label.switch .slider:before {
    position: absolute;
    content: "";
    height: var(--app-switch-thumb-size);
    width: var(--app-switch-thumb-size);
    left: var(--app-switch-pad);
    bottom: var(--app-switch-pad);
    background: var(--app-switch-thumb-bg);
    border: 1px solid var(--app-switch-thumb-border);
    box-shadow: var(--app-switch-thumb-shadow);
    transition: var(--app-switch-transition-thumb);
    border-radius: 50%;
}

.projebaslik .islemler label.switch input:checked + .slider {
    background: var(--app-switch-on-bg);
    box-shadow: var(--app-switch-track-inset-on);
}

.projebaslik .islemler label.switch input:checked + .slider:before {
    transform: translateX(var(--app-switch-translate));
    border-color: var(--app-switch-thumb-border-on);
}

.projebaslik .islemler label.switch input:focus-visible + .slider {
    box-shadow: var(--app-switch-track-inset-off), var(--app-switch-focus-ring);
}

.projebaslik .islemler label.switch input:checked:focus-visible + .slider {
    box-shadow: var(--app-switch-track-inset-on), var(--app-switch-focus-ring-on);
}

.tablecell-edit-select {
    padding: 3px 5px !important
}

.gorusmeliste .searchbar {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.gorusmeliste .searchbar input[type="search"],
.gorusmeliste .searchbar > input:first-of-type {
    flex: 1 1 auto;
    min-width: 0;
}

/* Görüşmeler araç çubuğu: favori / paylaş / indir — reset.css :root token’ları */
.fav-share-wrapper {
    display: inline-flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 0;
    width: auto;
    max-width: none;
    padding: 3px;
    margin-bottom: 0;
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    box-shadow: 0 1px 3px var(--isliste-tb-shadow), 0 4px 16px rgba(15, 23, 42, 0.04);
}

.fav-share-wrapper .fav-icon,
.fav-share-wrapper .share-icon {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 11px;
    margin: 0;
    cursor: pointer;
    border-radius: calc(var(--gorusme-test-radius-sm) - 3px);
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease, filter 0.18s ease;
    user-select: none;
    white-space: nowrap;
}

.fav-share-wrapper .fav-icon {
    color: var(--isliste-tb-muted);
}

.fav-share-wrapper .share-icon:not(.disabled) {
    color: var(--isliste-tb-surface);
    background: linear-gradient(180deg, var(--isliste-tb-accent) 0%, var(--isliste-tb-accent-dark) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.fav-share-wrapper .fav-icon:hover {
    color: var(--isliste-tb-accent-dark);
    background: rgba(13, 148, 136, 0.08);
}

.fav-share-wrapper .share-icon:not(.disabled):hover {
    color: var(--isliste-tb-surface);
    filter: brightness(1.06);
}

.fav-share-wrapper .fav-icon:active,
.fav-share-wrapper .share-icon:not(.disabled):active {
    transform: scale(0.98);
}

.fav-share-wrapper > .fav-icon + .share-icon:not(.disabled),
.fav-share-wrapper > .share-icon:not(.disabled) + .share-icon:not(.disabled) {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.28);
}

.fav-share-wrapper > .fav-icon + .share-icon.disabled {
    box-shadow: inset 1px 0 0 var(--isliste-tb-border);
}

.fav-share-wrapper > .share-icon.disabled + .share-icon:not(.disabled) {
    box-shadow: inset 1px 0 0 var(--isliste-tb-border);
}

.fav-share-wrapper .fav-svg {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    fill: currentColor;
    transition: fill 0.18s ease, transform 0.18s ease;
}

.fav-share-wrapper .share-svg {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    stroke: currentColor;
    fill: none;
}

.fav-share-wrapper .download-export-icon {
    font-size: 18px;
    line-height: 1;
    width: 18px;
    height: 18px;
    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;
    color: currentColor;
}

.fav-share-wrapper .fav-badge {
    color: inherit !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.2;
    white-space: nowrap;
}

/* Paylaş butonu pasifken — aynı hizada kalan soluk “koyu” blok */
.fav-share-wrapper .share-icon.disabled {
    opacity: 1;
    cursor: not-allowed;
    pointer-events: none;
    color: var(--isliste-tb-muted);
    background: rgba(15, 23, 42, 0.12);
    box-shadow: none;
    filter: none;
}

/* Favori paylaşım menüsü */
.share-fav-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(4px);
}

    .share-fav-overlay.hidden {
        display: none;
    }

/* Ortak modal kabı (İndir / paylaş); görünüm ayrıntısı #shareFavOverlay ve .gorusme-export-* ile */
.share-fav-modal {
    background: var(--isliste-tb-surface);
    border-radius: var(--gorusme-test-radius-sm);
    padding: 16px 18px;
    width: 420px;
    max-width: 95vw;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
    font-size: 13px;
}

    .share-fav-modal.gorusme-export-modal {
        width: 1080px;
    }

.share-fav-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

    .share-fav-header span {
        font-size: 15px;
        font-weight: 600;
        color: var(--gorusme-test-text);
    }

.share-fav-close {
    border: none;
    background: transparent;
    font-size: 20px;
    cursor: pointer;
}

.share-fav-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 70vh;
    overflow-y: auto;
}

/* Yalnızca favori paylaşım UI (Gorusmeler #shareFavOverlay içi — export’ta bu sınıflar yok) */
.share-fav-all {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 12px 14px;
    font-weight: 500;
    color: var(--gorusme-test-text);
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.share-fav-all:hover {
    border-color: color-mix(in srgb, var(--isliste-tb-accent) 45%, var(--isliste-tb-border));
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.12);
}

.share-fav-all input[type="radio"] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    accent-color: var(--isliste-tb-accent);
}

.share-fav-filter-toggle {
    align-self: flex-start;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 600;
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid var(--isliste-tb-border);
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
    color: var(--gorusme-test-text);
    cursor: pointer;
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
    transition: border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.share-fav-filter-toggle:hover {
    border-color: var(--isliste-tb-accent);
    color: var(--isliste-tb-accent-dark);
    box-shadow: 0 2px 8px rgba(13, 148, 136, 0.12);
}

.share-fav-filters {
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .share-fav-filters.hidden {
        display: none;
    }

    .share-fav-filters fieldset {
        margin: 0;
        border: 1px solid var(--isliste-tb-border);
        border-radius: var(--gorusme-test-radius-sm);
        padding: 12px 14px;
        background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, rgba(241, 245, 249, 0.65) 100%);
    }

    .share-fav-filters legend {
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: var(--isliste-tb-muted);
        padding: 0 8px;
    }

.share-fav-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 160px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--isliste-tb-border) transparent;
}

    .share-fav-list label {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        color: var(--gorusme-test-text);
        padding: 8px 10px;
        margin: 0;
        border-radius: var(--gorusme-test-radius-sm);
        border: 1px solid transparent;
        cursor: pointer;
        transition: background 0.15s ease, border-color 0.15s ease;
    }

    .share-fav-list label:hover {
        background: rgba(13, 148, 136, 0.07);
        border-color: rgba(13, 148, 136, 0.2);
    }

    .share-fav-list input[type="checkbox"] {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        accent-color: var(--isliste-tb-accent);
    }

.share-fav-footer {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}

/* Favori paylaş modali — sadece #shareFavOverlay; .gorusme-export-modal / İndir penceresine dokunmaz */
#shareFavOverlay .share-fav-modal {
    width: min(440px, calc(100vw - 32px));
    padding: 22px 24px;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius);
    background: linear-gradient(165deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 50%, var(--isliste-tb-surface) 100%);
    box-shadow:
        0 4px 12px rgba(15, 23, 42, 0.08),
        0 28px 56px rgba(15, 23, 42, 0.14);
}

#shareFavOverlay .share-fav-header {
    margin-bottom: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--isliste-tb-border);
}

#shareFavOverlay .share-fav-header span {
    font-size: 1.0625rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.35;
}

#shareFavOverlay .share-fav-close {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 1.35rem;
    line-height: 1;
    background: linear-gradient(180deg, var(--gorusme-test-page-bg) 0%, var(--isliste-tb-surface) 100%);
    border: 1px solid var(--isliste-tb-border);
}

#shareFavOverlay .share-fav-close:hover {
    color: var(--gorusme-test-text);
    border-color: color-mix(in srgb, var(--isliste-tb-accent) 38%, var(--isliste-tb-border));
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.14);
}

#shareFavOverlay .share-fav-close:focus-visible {
    outline: none;
    box-shadow: var(--app-switch-focus-ring);
}

#shareFavOverlay .share-fav-body {
    margin-top: 16px;
    gap: 14px;
    padding-right: 4px;
    scrollbar-width: thin;
    scrollbar-color: var(--isliste-tb-border) transparent;
}

#shareFavOverlay .share-fav-footer {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--isliste-tb-border);
    gap: 10px;
}

#shareFavOverlay .share-fav-footer .button {
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 600;
    border-radius: var(--gorusme-test-radius-sm);
    transition: transform 0.12s ease, box-shadow 0.18s ease, filter 0.18s ease, border-color 0.18s ease;
}

#shareFavOverlay .share-fav-footer .button:not(.red) {
    background: var(--isliste-tb-surface);
    color: var(--gorusme-test-text);
    border: 1px solid var(--isliste-tb-border);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
}

#shareFavOverlay .share-fav-footer .button:not(.red):hover {
    border-color: var(--isliste-tb-accent);
    color: var(--isliste-tb-accent-dark);
    box-shadow: 0 2px 10px rgba(13, 148, 136, 0.14);
}

#shareFavOverlay .share-fav-footer .button.red {
    border: none;
    color: var(--isliste-tb-surface);
    background: linear-gradient(180deg, var(--isliste-tb-accent) 0%, var(--isliste-tb-accent-dark) 100%);
    box-shadow: 0 2px 10px rgba(13, 148, 136, 0.3);
}

#shareFavOverlay .share-fav-footer .button.red:hover {
    filter: brightness(1.06);
}

#shareFavOverlay .share-fav-footer .button:active {
    transform: scale(0.98);
}

/* Favori toggle aktif */
.fav-share-wrapper .fav-icon.active {
    color: var(--isliste-tb-accent);
    background: rgba(13, 148, 136, 0.14);
    box-shadow: inset 0 0 0 1px rgba(13, 148, 136, 0.28);
}

.fav-share-wrapper .fav-icon.active .fav-svg {
    fill: currentColor;
    filter: drop-shadow(0 1px 2px rgba(13, 148, 136, 0.25));
}

.fav-share-wrapper .fav-icon.active .fav-badge {
    color: inherit !important;
}


.ayarlar .table.liste textarea {
    height: 130px !important
}

/* Havuz üst sekme: havuztabbar (+ spam / istatistik) — reset :root token’ları */
.havuztabbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
}

.havuztabbar > div:not(.spamform) .menu-link,
.spamform .menu-link {
    display: block;
    text-decoration: none;
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid var(--isliste-tb-border);
    background: linear-gradient(180deg, var(--isliste-tb-surface) 0%, var(--gorusme-test-page-bg) 100%);
    padding: 0.5rem 1rem;
    box-shadow: 0 1px 3px var(--isliste-tb-shadow);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.havuztabbar > div:not(.spamform) .menu-link h1,
.spamform .menu-link h1 {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--gorusme-test-text);
}

.havuztabbar > div.active:not(.spamform) .menu-link {
    background: linear-gradient(180deg, var(--isliste-tb-accent) 0%, var(--isliste-tb-accent-dark) 100%);
    border-color: var(--isliste-tb-accent-dark);
    box-shadow: 0 3px 14px rgba(13, 148, 136, 0.28);
    color: #fff;
}

.havuztabbar > div.active:not(.spamform) .menu-link h1 {
    color: #fff !important;
}

.spamform.active .menu-link:not(.disabled) {
    background: linear-gradient(180deg, var(--gorusme-test-danger) 0%, var(--gorusme-test-danger-hover) 100%);
    border-color: var(--gorusme-test-danger-hover);
    box-shadow: 0 3px 14px rgba(220, 38, 38, 0.28);
    color: #fff;
}

.spamform.active .menu-link:not(.disabled) h1 {
    color: #fff !important;
}

.spamform .menu-link.disabled {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}

.spamform p {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--isliste-tb-muted);
    padding: 0.45rem 0.75rem;
    background: var(--gorusme-test-page-bg);
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px dashed var(--app-switch-thumb-border);
    line-height: 1.3;
}

.fright {
    float: right
}

.tipbasligi {
}

    .tipbasligi span {
        background: #7d5525;
        font-size: 16px;
        border-radius: 8px;
        color: #fff;
        padding: 3px 10px;
    }

.fiyatopsiyon {
    padding: 150px 20px
}

/* Mobil Menü Styles */
.mobile-menu-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    top: 15px;
    right: 20px;
    z-index: 1001;
    color: #fff;
    font-size: 24px;
}

    .mobile-menu-toggle span {
        display: block;
        width: 25px;
        height: 3px;
        background: #fff;
        margin: 5px 0;
        transition: 0.3s;
        border-radius: 2px;
    }

    .mobile-menu-toggle.active span:nth-child(1) {
        transform: rotate(-45deg) translate(-5px, 6px);
    }

    .mobile-menu-toggle.active span:nth-child(2) {
        opacity: 0;
    }

    .mobile-menu-toggle.active span:nth-child(3) {
        transform: rotate(45deg) translate(-5px, -6px);
    }

.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

    .mobile-menu-overlay.active {
        opacity: 1;
        visibility: visible;
    }

.mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 85%;
    max-width: 350px;
    height: 100%;
    background: #fff;
    z-index: 1000;
    transition: right 0.3s ease;
    overflow-y: auto;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}

    .mobile-menu.active {
        right: 0;
    }

.mobile-menu-header {
    background: #000;
    color: #fff;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .mobile-menu-header h3 {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
    }

.mobile-menu-close {
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-menu-content {
    padding: 0;
}

    .mobile-menu-content li > a {
        display: flex;
        align-items: center;
    }

.mobile-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-menu > ul > li {
    border-bottom: 1px solid #f0f0f0;
}

    .mobile-menu > ul > li > a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        padding: 14px 16px;
        color: #333;
        text-decoration: none;
        font-weight: 500;
        transition: background-color 0.3s ease;
        min-height: 48px;
    }

        .mobile-menu > ul > li > a:hover {
            background-color: #f8f9fa;
        }

        .mobile-menu > ul > li > a .material-symbols-outlined {
            font-size: 22px;
            color: #666;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 24px;
            height: 24px;
        }

        .mobile-menu > ul > li > a .title {
            flex: 1 1 auto;
            font-size: 16px;
            line-height: 1.3;
        }

        .mobile-menu > ul > li > a .submenu-toggle {
            margin-left: auto;
            color: #666;
            font-size: 20px;
            width: 32px;
            height: 32px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s ease, color 0.2s ease;
        }

            .mobile-menu > ul > li > a .submenu-toggle.active {
                transform: rotate(180deg);
            }

.mobile-menu ul ul {
    background: #f8f9fa;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

    .mobile-menu ul ul.active {
        max-height: 100%;
    }

    .mobile-menu ul ul li {
        border-bottom: 1px solid #e9ecef;
    }

        .mobile-menu ul ul li:last-child {
            border-bottom: none;
        }

    .mobile-menu ul ul a {
        display: block;
        padding: 12px 20px 12px 50px;
        color: #666;
        text-decoration: none;
        font-size: 14px;
        transition: color 0.3s ease;
    }

        .mobile-menu ul ul a:hover {
            color: #333;
            background-color: #fff;
        }


.toplamkayit {
    display: flex;
    justify-content: flex-end;
}

.detayfiltreleme {
    background: #fff;
    padding: 4px 9px;
    /*     border: 1px solid #e6e6e6;
        border-radius: 10px;*/
    gap: 10px;
    margin-left: 15px;
    display: flex;
    justify-content: flex-end;
}

    .detayfiltreleme > div {
    }

        .detayfiltreleme > div input {
            font-size: 12px;
        }

        .detayfiltreleme > div.ikili {
            gap: 20px
        }

            .detayfiltreleme > div.ikili input {
                width: 100px;
            }



        .detayfiltreleme > div select {
        }

/* ---------- Görüşme ekle tam sayfa / partial (Gorusmetest) ---------- */
.gorusme-test-page {
    background: var(--gorusme-test-page-bg);
    min-height: 100vh;
    padding: 1.25rem 1.25rem 5rem;
    color: var(--gorusme-test-text);
}

    .gorusme-test-page *,
    .gorusme-test-page *::before,
    .gorusme-test-page *::after {
        box-sizing: border-box;
    }

.gorusme-test-head {
    max-width: 1120px;
    margin: 0 auto 1.25rem;
    padding: 1.25rem 1.5rem;
    background: var(--gorusme-test-surface);
    border: 1px solid var(--gorusme-test-border);
    border-radius: var(--gorusme-test-radius);
    box-shadow: var(--gorusme-test-shadow);
}

    .gorusme-test-head__title {
        font-size: 1.25rem;
        font-weight: 600;
        color: var(--gorusme-test-text);
        margin: 0 0 0.35rem;
        letter-spacing: -0.02em;
    }

    .gorusme-test-head__subtitle {
        font-size: 0.95rem;
        color: var(--gorusme-test-text-muted);
        margin: 0;
        font-weight: 500;
    }

/* ---------- App standard form / kayıt fieldset (kayitekrani, müşteri kayıt) — reset’te değil, burada ---------- */
:root {
    --app-form-control-bg: #f8fafc;
    --app-form-control-border: var(--isliste-tb-border);
    --app-form-control-text: var(--gorusme-test-text);
    --app-form-placeholder: #94a3b8;
    --app-form-radius: var(--gorusme-test-radius-sm);
    --app-form-focus-ring: 0 0 0 3px rgba(13, 148, 136, 0.22);
}

/* Form kabuğu: GorusmeNotuDetay .gorusme-notu-card ile aynı kabuk */
fieldset.app-fieldset {
    position: relative;
    margin: 1.15rem 0 0;
    padding: 0;
    border: 1px solid var(--gorusme-test-border);
    border-radius: var(--gorusme-test-radius);
    background: var(--gorusme-test-surface);
    box-shadow:
        0 1px 3px var(--isliste-tb-shadow),
        0 10px 28px -6px rgba(15, 23, 42, 0.11),
        0 24px 48px -20px rgba(15, 23, 42, 0.14);
    overflow: hidden;
}

    fieldset.app-fieldset > legend,
    fieldset.app-fieldset > .app-fieldset-legend {
        float: none;
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 1.05rem 1.25rem 0.95rem;
        margin: 0;
        border: none;
        border-bottom: 1px solid var(--gorusme-test-border);
        background: linear-gradient(180deg, var(--app-switch-off-hover-bg) 0%, var(--gorusme-test-toggle-off) 55%);
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.35;
        color: var(--gorusme-test-text);
        letter-spacing: -0.02em;
    }

.app-fieldset-body {
    padding: 1rem 1.25rem 1.05rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

    .app-fieldset-body > .app-form-grid,
    .app-fieldset-body > .app-form-field {
        margin-top: 0;
    }

    .app-fieldset-body > .app-form-grid + .app-form-grid,
    .app-fieldset-body > .app-form-field + .app-form-grid,
    .app-fieldset-body > .app-form-grid + .app-form-field,
    .app-fieldset-body > .app-form-field + .app-form-field {
        margin-top: 1rem;
    }

    /* Alt kategori paneli grid altında; kapalıyken boşluk verme */
    .app-fieldset-body > .app-form-grid + .app-alt-kategori--panel {
        margin-top: 0;
    }

.app-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;
    width: 100%;
    align-items: start;
}

@media (max-width: 720px) {
    .app-form-grid {
        grid-template-columns: 1fr;
    }
}

/* İki sütun proje + emlak: masaüstünde eşit genişlik, sütun kayması yok */
.app-form-grid--proje-emlak {
    width: 100%;
    align-items: start;
    column-gap: 1.25rem;
    row-gap: 0;
}

@media (min-width: 721px) {
    .app-form-grid--proje-emlak {
        grid-template-columns: 1fr 1fr;
    }

    /* display:none grid öğesini çıkarırdı; görünmez bırakıp hücreyi koru */
    .app-form-grid--proje-emlak .app-emlak-column--hidden {
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
    }
}

@media (max-width: 720px) {
    .app-form-grid--proje-emlak {
        grid-template-columns: 1fr;
    }

    .app-form-grid--proje-emlak .app-emlak-column--hidden {
        display: none;
    }
}

.app-form-grid--range {
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 0.5rem 0.65rem;
}

@media (max-width: 720px) {
    .app-form-grid--range {
        grid-template-columns: 1fr;
    }

        .app-form-grid--range .app-range-sep {
            display: none;
        }
}

.app-form-field {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
}

    .app-form-field--span-2 {
        grid-column: 1 / -1;
    }

    .app-form-field--inline {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.65rem;
    }

.app-label {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--gorusme-test-text-muted);
    line-height: 1.3;
}

input.app-input,
textarea.app-input,
select.app-select,
.app-standard-form input[type="text"],
.app-standard-form input[type="email"],
.app-standard-form input[type="tel"],
.app-standard-form input[type="number"],
.app-standard-form input[type="date"],
.app-standard-form input[type="time"],
.app-standard-form input[type="datetime-local"],
.app-standard-form select,
.app-standard-form textarea {
    width: 100%;
    max-width: 100%;
    padding: 0.58rem 0.75rem;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.35;
    color: var(--app-form-control-text);
    background: var(--app-form-control-bg);
    border: 1px solid var(--app-form-control-border);
    border-radius: var(--app-form-radius);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    appearance: none;
    -webkit-appearance: none;
}

select.app-select,
.app-standard-form select {
    background-image: linear-gradient(45deg, transparent 50%, var(--isliste-tb-muted) 50%), linear-gradient(135deg, var(--isliste-tb-muted) 50%, transparent 50%);
    background-position: calc(100% - 1.1rem) calc(50% - 0.15rem), calc(100% - 0.75rem) calc(50% - 0.15rem);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    padding-right: 2rem;
}

textarea.app-input,
.app-standard-form textarea {
    min-height: 5rem;
    resize: vertical;
}

input.app-input::placeholder,
textarea.app-input::placeholder,
.app-standard-form input::placeholder,
.app-standard-form textarea::placeholder {
    color: var(--app-form-placeholder);
    font-weight: 400;
}

input.app-input:focus,
textarea.app-input:focus,
select.app-select:focus,
.app-standard-form input:not([type="checkbox"]):not([type="radio"]):focus,
.app-standard-form select:focus,
.app-standard-form textarea:focus {
    outline: none;
    border-color: var(--gorusme-test-accent);
    box-shadow: var(--app-form-focus-ring);
    background: var(--gorusme-test-surface);
}

input.app-input:disabled,
select.app-select:disabled,
textarea.app-input:disabled,
.app-standard-form input:disabled,
.app-standard-form select:disabled,
.app-standard-form textarea:disabled {
    opacity: 0.72;
    cursor: not-allowed;
    background: #f1f5f9;
}

.app-standard-form input[type="checkbox"],
.app-standard-form input[type="radio"],
label.app-checkbox input[type="checkbox"],
.app-choice-item input[type="checkbox"],
.app-choice-item input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
    flex-shrink: 0;
    cursor: pointer;
    vertical-align: middle;
    border: 2px solid var(--gorusme-test-border);
    background: var(--gorusme-test-surface);
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.app-standard-form input[type="checkbox"]:focus,
.app-standard-form input[type="checkbox"]:focus-visible,
.app-standard-form input[type="radio"]:focus,
.app-standard-form input[type="radio"]:focus-visible,
label.app-checkbox input[type="checkbox"]:focus,
label.app-checkbox input[type="checkbox"]:focus-visible,
.app-choice-item input[type="checkbox"]:focus,
.app-choice-item input[type="checkbox"]:focus-visible,
.app-choice-item input[type="radio"]:focus,
.app-choice-item input[type="radio"]:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.app-choice-item input[type="radio"],
.app-standard-form .app-choice-item input[type="radio"] {
    border-radius: 50%;
}

.app-standard-form input[type="checkbox"]:checked,
label.app-checkbox input[type="checkbox"]:checked,
.app-choice-item input[type="checkbox"]:checked {
    background-color: var(--gorusme-test-accent);
    border-color: var(--gorusme-test-accent);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.2l2.8 2.7L12.5 4'/%3E%3C/svg%3E");
    background-size: 0.72rem;
    background-position: center;
    background-repeat: no-repeat;
}

.app-choice-item input[type="radio"]:checked,
.app-standard-form .app-choice-item input[type="radio"]:checked {
    background-color: var(--gorusme-test-surface);
    border-color: var(--gorusme-test-accent);
    box-shadow: inset 0 0 0 0.28rem var(--gorusme-test-accent) !important;
    background-image: none;
}

label.app-checkbox,
label.app-radio {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--gorusme-test-text);
    cursor: pointer;
    user-select: none;
}

.app-choice-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.6rem;
}

    .app-choice-list .app-choice-item {
        list-style: none;
        margin: 0;
        padding: 0;
        gap: 0.4rem;
        padding: 0.35rem 0.65rem;
    }

    .app-choice-item {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        padding: 0.38rem 0.72rem;
        border-radius: var(--app-form-radius);
        border: 1px solid var(--gorusme-test-border);
        background: linear-gradient(165deg, var(--gorusme-test-surface) 0%, var(--gorusme-test-page-bg) 100%);
        box-shadow: 0 1px 2px var(--isliste-tb-shadow);
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
    }

        .app-choice-item:focus-within {
            outline: none;
            box-shadow: 0 1px 2px var(--isliste-tb-shadow);
        }

        .app-choice-item label {
            margin: 0;
            padding: 0;
            font-size: 0.88rem;
            font-weight: 500;
            color: var(--gorusme-test-text);
            cursor: pointer;
            border: none;
            background: transparent;
        }

        .app-choice-item input[type="radio"]:checked + label,
        .app-choice-item input[type="checkbox"]:checked + label {
            color: var(--gorusme-test-accent-hover);
            font-weight: 600;
        }

        .app-choice-item:has(input:checked) {
            border-color: var(--gorusme-test-accent);
            background: var(--gorusme-test-info-bg);
        }

@supports not selector(:has(*)) {
    .app-choice-item input:checked + label {
        color: var(--gorusme-test-accent-hover);
        font-weight: 600;
    }
}

.app-kayittip-wrap {
    min-height: 0;
}

.app-alt-kategori:not(.app-alt-kategori--panel) {
    margin-top: 0.5rem;
}

/* Grid dışında, tam genişlik; açılınca animasyon — üst satırdaki proje/emlak sütunları etkilenmez */
.app-alt-kategori--panel {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    gap: 0;
    border: none;
    transition:
        max-height 0.42s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.32s ease,
        gap 0.28s ease;
    pointer-events: none;
}

.app-alt-kategori--panel.is-open {
    max-height: 22rem;
    opacity: 1;
    margin-top: 0;
    gap: 0.4rem;
    pointer-events: auto;
}

.app-alt-kategori--panel.is-open .altkategori-list {
    max-height: 15rem;
    overflow-y: auto;
}

.app-range-sep {
    color: var(--gorusme-test-text-muted);
    font-weight: 600;
    font-size: 0.9rem;
    text-align: center;
    padding: 0 0.15rem;
}

/* ---------- Müşteri kayıt — kabuk GorusmeNotuDetay ile aynı (.gorusme-notu-page); form/spacing burada ---------- */
.gorusme-notu-page.musteri-kayit-page {
    padding-bottom: 5.85rem;
}

.gorusme-notu-head.gorusme-notu-head--context {
    border-left-color: var(--isliste-tb-accent-dark);
}

.musteri-kayit-body.bottompage {
    background: transparent;
}

.musteri-kayit-shell.maxwidth {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

.musteri-kayit-add {
    margin-top: 0.35rem;
}

/* #projetel araması: app-fieldset tabanlı yükleme (main.js getMusteriKayitTelSearchLoadingHtml) */
.musteri-kayit-tel-loading-fieldset {
    margin-top: 0.65rem;
}

.musteri-kayit-tel-loading-body {
    align-items: center;
    justify-content: center;
    min-height: 7.25rem;
}

.musteri-kayit-tel-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 0.35rem 0 0.15rem;
}

.musteri-kayit-tel-loading__spinner {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 3px solid var(--gorusme-test-border);
    border-top-color: var(--gorusme-test-accent);
    animation: musteri-kayit-tel-spin 0.78s linear infinite;
    box-shadow: 0 2px 12px var(--isliste-tb-shadow);
}

.musteri-kayit-tel-loading__text {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--gorusme-test-text-muted);
    letter-spacing: -0.01em;
}

@keyframes musteri-kayit-tel-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Kayıtlı müşteriler listesi (#musteriadd içi — kayitlimusteri.cshtml) */
.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap {
    padding: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap > table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    line-height: 1.35;
}

.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap thead td {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0.85rem 1rem;
    font-weight: 600;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.045em;
    color: var(--gorusme-test-text-muted);
    background: linear-gradient(180deg, var(--gorusme-test-page-bg) 0%, rgba(241, 245, 249, 0.94) 100%);
    border-bottom: 2px solid var(--gorusme-test-border);
    white-space: nowrap;
}

.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap tbody td {
    padding: 0.8rem 1rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--gorusme-test-border);
    color: var(--gorusme-test-text);
}

.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap tbody tr {
    transition: background-color 0.14s ease;
}

.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap tbody tr:nth-child(even) {
    background: rgba(248, 250, 252, 0.65);
}

.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap tbody tr:hover {
    background: var(--gorusme-test-info-bg);
}

.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap tbody td:nth-child(3) {
    font-weight: 600;
    color: var(--gorusme-test-accent-hover);
}

.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap .kayitolustur.kopyala {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    min-height: 2.25rem;
    margin: 0;
    padding: 0.35rem;
    border-radius: var(--gorusme-test-radius-sm);
    background: var(--gorusme-test-surface);
    border: 1px solid var(--gorusme-test-border);
    color: var(--gorusme-test-accent) !important;
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
       transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap .kayitolustur.kopyala:hover {
    background: var(--gorusme-test-info-bg);
    border-color: var(--gorusme-test-accent);
    box-shadow: 0 2px 8px var(--isliste-tb-shadow);
}

.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap a.pdfindir,
.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap .pdfindir.cursor {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.65rem;
    border-radius: var(--gorusme-test-radius-sm);
    font-weight: 600;
    font-size: 0.82rem;
    color: var(--gorusme-test-accent) !important;
    border: 1px solid var(--gorusme-test-border);
    background: var(--gorusme-test-surface);
    transition: background 0.15s ease, border-color 0.15s ease;
}

.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap a.pdfindir:hover,
.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap .pdfindir.cursor:hover {
    background: var(--gorusme-test-info-bg);
    border-color: var(--gorusme-test-accent);
}

.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap .gorusme,
.musteri-kayit-kayitli-fs .musteri-kayit-kayitli-table-wrap .ikili {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.musteri-kayit-page .musteri-kayit-bottombar.bottombar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    padding: 0.75rem 1.25rem;
    background: var(--gorusme-test-surface);
    border-top: 1px solid var(--gorusme-test-border);
    box-shadow: 0 -4px 20px var(--isliste-tb-shadow);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
}

    .musteri-kayit-page .musteri-kayit-bottombar.bottombar > div {
        margin-right: 0;
    }

.musteri-kayit-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 0.4rem;
    padding: 0.58rem 1.05rem !important;
    border-radius: var(--gorusme-test-radius-sm) !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    line-height: 1.25 !important;
    border: 1px solid transparent !important;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

    .musteri-kayit-btn .material-symbols-outlined {
        font-size: 20px !important;
        line-height: 1;
    }

/* Kapat: legacy .button.red + .red #fff !important çocuklara bulaşmasın; sayfa paletiyle uyumlu */
.musteri-kayit-btn--ghost,
.musteri-kayit-page .musteri-kayit-btn.musteri-kayit-btn--ghost.button.red,
.musteri-kayit-page .musteri-kayit-btn.musteri-kayit-btn--ghost.red {
    background: var(--gorusme-test-surface) !important;
    color: var(--gorusme-test-text-muted) !important;
    border-color: var(--gorusme-test-border) !important;
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
}

.musteri-kayit-page .musteri-kayit-btn.musteri-kayit-btn--ghost.button.red *,
.musteri-kayit-page .musteri-kayit-btn.musteri-kayit-btn--ghost.red *,
.musteri-kayit-btn--ghost .material-symbols-outlined {
    color: inherit !important;
}

    .musteri-kayit-btn--ghost:hover,
    .musteri-kayit-page .musteri-kayit-btn.musteri-kayit-btn--ghost.button.red:hover,
    .musteri-kayit-page .musteri-kayit-btn.musteri-kayit-btn--ghost.red:hover {
        background: var(--gorusme-test-page-bg) !important;
        border-color: var(--isliste-tb-accent) !important;
        color: var(--gorusme-test-accent-hover) !important;
        box-shadow: 0 1px 3px var(--isliste-tb-shadow);
    }

    .musteri-kayit-page .musteri-kayit-btn.musteri-kayit-btn--ghost.button.red:hover *,
    .musteri-kayit-page .musteri-kayit-btn.musteri-kayit-btn--ghost.red:hover *,
    .musteri-kayit-btn--ghost:hover .material-symbols-outlined {
        color: inherit !important;
    }

    .musteri-kayit-btn--ghost:focus-visible,
    .musteri-kayit-page .musteri-kayit-btn.musteri-kayit-btn--ghost.button.red:focus-visible {
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.28) !important;
    }

.musteri-kayit-btn--primary,
.musteri-kayit-page .musteri-kayit-btn--primary.green {
    background: var(--gorusme-test-accent) !important;
    color: #fff !important;
    border-color: var(--gorusme-test-accent) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

    .musteri-kayit-btn--primary:hover,
    .musteri-kayit-page .musteri-kayit-btn--primary.green:hover {
        background: var(--gorusme-test-accent-hover) !important;
        border-color: var(--gorusme-test-accent-hover) !important;
        color: #fff !important;
    }

/* fieldset.form — reset.css içindeki .app-fieldset + .app-standard-form */

/* ---------- Görüşme notları tam sayfa / iframe (GorusmeNotuDetay) ---------- */
.gorusme-notu-page {
    background: var(--gorusme-test-page-bg);
    min-height: 100vh;
    padding: 1.25rem 1.25rem 2.5rem;
    color: var(--gorusme-test-text);
}

    .gorusme-notu-page *,
    .gorusme-notu-page *::before,
    .gorusme-notu-page *::after {
        box-sizing: border-box;
    }

.gorusme-notu-head {
    max-width: 1120px;
    margin: 0 auto 1.35rem;
    padding: 1.15rem 1.35rem 1.2rem 1.25rem;
    background: var(--gorusme-test-surface);
    border: 1px solid var(--gorusme-test-border);
    border-radius: var(--gorusme-test-radius);
    box-shadow: var(--gorusme-test-shadow);
    border-left: 4px solid var(--gorusme-test-accent);
    position: relative;
    overflow: hidden;
}

    .gorusme-notu-head::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: min(42%, 280px);
        height: 100%;
        pointer-events: none;
        background: linear-gradient(115deg, transparent 0%, rgba(13, 148, 136, 0.06) 45%, transparent 85%);
    }

.gorusme-notu-head__title {
    position: relative;
    z-index: 1;
    font-size: 1.28rem;
    font-weight: 600;
    color: var(--gorusme-test-text);
    margin: 0 0 0.4rem;
    letter-spacing: -0.025em;
}

.gorusme-notu-head__subtitle {
    position: relative;
    z-index: 1;
    font-size: 0.9rem;
    color: var(--gorusme-test-text-muted);
    margin: 0;
    font-weight: 500;
}

.gorusme-notu-empty {
    max-width: 1120px;
    margin: 2rem auto 0;
    padding: 2.5rem 1.5rem;
    text-align: center;
    background: var(--gorusme-test-surface);
    border: 1px dashed var(--gorusme-test-border);
    border-radius: var(--gorusme-test-radius);
    color: var(--gorusme-test-text-muted);
}

.gorusme-notu-empty--warn {
    border-style: solid;
    background: var(--gorusme-test-warn-bg);
    border-color: var(--gorusme-test-warn-border);
    color: var(--gorusme-test-text);
}

.gorusme-notu-empty__icon {
    font-size: 40px !important;
    display: block;
    margin: 0 auto 0.75rem;
    color: var(--gorusme-test-accent);
    opacity: 0.85;
}

.gorusme-notu-empty--warn .gorusme-notu-empty__icon {
    color: var(--gorusme-test-danger);
}

.gorusme-notu-empty p {
    margin: 0.35rem 0 0;
    font-size: 0.95rem;
    line-height: 1.45;
}

.gorusme-notu-empty__hint {
    font-size: 0.88rem !important;
    color: var(--gorusme-test-text-muted) !important;
}

.gorusme-notu-items {
    max-width: 1120px;
    margin: 0 auto;
    padding-right: 4px;
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}

    .gorusme-notu-items > .item {
        margin-bottom: 0;
    }

.gorusme-notu-card {
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px solid var(--gorusme-test-border);
    border-radius: var(--gorusme-test-radius);
    background: var(--gorusme-test-surface);
    box-shadow:
        0 1px 3px var(--isliste-tb-shadow),
        0 10px 28px -6px rgba(15, 23, 42, 0.11),
        0 24px 48px -20px rgba(15, 23, 42, 0.14);
    overflow: hidden;
}

.gorusme-notu-card__legend {
        float: none;
        width: 100%;
        padding: 1.05rem 1.25rem 0.95rem;
        margin: 0;
        border: none;
        border-bottom: 1px solid var(--gorusme-test-border);
        background: linear-gradient(180deg, var(--app-switch-off-hover-bg) 0%, var(--gorusme-test-toggle-off) 55%);
        line-height: 1.35;
    }

.gorusme-notu-card__legend-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem 1rem;
    width: 100%;
}

.gorusme-notu-card__legend-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    flex: 1;
}

/* Legend etiketleri — ortak kabuk (Proje / Temsilci) */
.gorusme-notu-card__legend-chip {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-height: 2.55rem;
    max-width: min(100%, 16rem);
    padding: 0.34rem 0.72rem;
    border-radius: var(--gorusme-test-radius-sm);
    background: linear-gradient(165deg, var(--gorusme-test-surface) 0%, var(--gorusme-test-page-bg) 100%);
    border: 1px solid var(--gorusme-test-border);
    box-shadow: 0 1px 3px var(--isliste-tb-shadow);
}

.gorusme-notu-card__legend-chip-k {
    font-size: 0.58rem !important;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gorusme-test-text-muted) !important;
    line-height: 1.2;
}

.gorusme-notu-card__legend-chip-v {
    font-size: 0.82rem !important;
    font-weight: 600;
    line-height: 1.35;
    color: var(--gorusme-test-accent-hover) !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.gorusme-notu-card__legend-chip--proje .gorusme-notu-card__legend-chip-v {
    color: var(--gorusme-test-accent-hover) !important;
}

/* Sağ — görüşme sırası; aynı kabuk, yatay (row) düzen */
.gorusme-notu-card__legend-index {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0px;
    min-height: 2.55rem;
    padding: 0.34rem 0.72rem;
    border-radius: var(--gorusme-test-radius-sm);
    background: linear-gradient(165deg, var(--gorusme-test-surface) 0%, var(--gorusme-test-page-bg) 100%);
    border: 1px solid var(--gorusme-test-border);
    box-shadow: 0 1px 3px var(--isliste-tb-shadow);
}

.gorusme-notu-card__legend-index-label {
    font-size: 0.58rem !important;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gorusme-test-text-muted) !important;
    line-height: 1.2;
    white-space: nowrap;
}

.gorusme-notu-card__legend-index-num {
    font-size: 1.05rem !important;
    font-weight: 700;
    line-height: 1;
    color: var(--gorusme-test-accent) !important;
    letter-spacing: -0.02em;
    min-width: 1.25rem;
    text-align: center;
}

@media (max-width: 480px) {
    .gorusme-notu-card__legend-inner {
        flex-wrap: wrap;
    }

    .gorusme-notu-card__legend-index {
        margin-left: auto;
    }
}

.gorusme-notu-card__meta {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(158px, 1fr));
    gap: 0.55rem;
    padding: 1rem 1.25rem 1.05rem;
    margin: 0;
    background: var(--gorusme-test-surface);
}

.gorusme-notu-card__list {
    display: contents !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gorusme-notu-kv {
    min-width: 0;
    padding: 0.58rem 0.72rem;
    border-radius: var(--gorusme-test-radius-sm);
    border: 1px solid var(--gorusme-test-border);
    background: linear-gradient(165deg, var(--gorusme-test-surface) 0%, var(--gorusme-test-page-bg) 100%);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

    .gorusme-notu-kv:hover {
        border-color: rgba(13, 148, 136, 0.28);
        box-shadow: 0 0 0 1px rgba(13, 148, 136, 0.12);
    }

    .gorusme-notu-kv--accent {
        background: linear-gradient(165deg, var(--gorusme-test-info-bg) 0%, var(--gorusme-test-surface) 100%);
        border-color: rgba(153, 246, 228, 0.85);
    }

    .gorusme-notu-kv h2 {
        font-size: 0.62rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.065em;
        text-transform: uppercase;
        color: var(--gorusme-test-text-muted) !important;
        margin: 0 0 0.3rem !important;
    }

    .gorusme-notu-kv p {
        margin: 0 !important;
        font-size: 0.88rem !important;
        line-height: 1.42;
        font-weight: 500;
        color: var(--gorusme-test-text) !important;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

/* Satır-içi .gorusmenotu popup: liste tabanlı global kuralları geçersiz kıl */
.gorusmenotu .gorusme-notu-card ul.gorusme-notu-card__list {
    display: contents !important;
    flex-direction: unset !important;
    justify-content: unset !important;
}

.gorusmenotu .gorusme-notu-card__meta {
    display: grid !important;
}

.gorusmenotu .gorusme-notu-card ul > li.gorusme-notu-kv {
    width: auto !important;
}

.gorusme-notu-note {
    margin: 0;
    padding: 1rem 1.25rem 1.15rem;
    border-top: 1px solid var(--gorusme-test-border);
    background: linear-gradient(180deg, rgba(240, 253, 250, 0.55) 0%, var(--gorusme-test-surface) 100%);
}

    .gorusme-notu-note h2 {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        font-size: 0.62rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--gorusme-test-accent-hover) !important;
        margin: 0 0 0.55rem !important;
    }

    .gorusme-notu-note h2::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--gorusme-test-accent);
        box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.2);
    }

    .gorusme-notu-note p {
        margin: 0;
        padding: 0.75rem 0.85rem;
        font-size: 0.94rem !important;
        line-height: 1.58;
        color: var(--gorusme-test-text) !important;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
        word-break: break-word;
        border-radius: var(--gorusme-test-radius-sm);
        border: 1px solid var(--gorusme-test-border);
        background: var(--gorusme-test-surface);
    }

.gorusme-notu-randevu {
    margin: 0;
    padding: 0 1.25rem 1.1rem;
    background: var(--gorusme-test-surface);
}

    .gorusme-notu-randevu h2 {
        font-size: 0.62rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.065em;
        text-transform: uppercase;
        color: var(--gorusme-test-text-muted) !important;
        margin: 0 0 0.4rem !important;
    }

.gorusme-notu-randevu-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    padding: 0.5rem 0.85rem;
    font-size: 0.84rem !important;
    font-weight: 600;
    border-radius: var(--gorusme-test-radius-sm);
    background: linear-gradient(180deg, var(--gorusme-test-warn-bg) 0%, var(--gorusme-test-surface) 100%);
    border: 1px solid var(--gorusme-test-warn-border);
    color: var(--gorusme-test-danger) !important;
}

@media (max-width: 640px) {
    .gorusme-notu-card__meta {
        grid-template-columns: 1fr;
    }

    .gorusme-notu-page {
        padding: 1rem 0.85rem 2rem;
    }
}

.gorusme-test-page .gorusmeekle.partialpopup {
    max-width: 1120px;
    margin: 0 auto;
    padding: 1.5rem;
    background: var(--gorusme-test-surface);
    border: 1px solid var(--gorusme-test-border);
    border-radius: var(--gorusme-test-radius);
    box-shadow: var(--gorusme-test-shadow);
}

.gorusme-test-page .gorusmeekle .item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    align-items: start;
}

.gorusme-test-page .gorusmeekle fieldset {
    border: 1px solid var(--gorusme-test-border);
    border-radius: var(--gorusme-test-radius-sm);
    padding: 1rem 1.1rem 1.15rem;
    background: var(--gorusme-test-page-bg);
    margin: 0;
}

    .gorusme-test-page .gorusmeekle fieldset legend {
        font-weight: 600;
        font-size: 0.85rem;
        color: var(--gorusme-test-text);
        padding: 0 0.5rem;
        margin-left: 0.25rem;
    }

.gorusme-test-page .gorusmeekle label:not(.durum-radio-list) {
    display: block;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--gorusme-test-text-muted);
    margin-bottom: 0.35rem;
}

.gorusme-test-page .gorusmeekle select,
.gorusme-test-page .gorusmeekle input[type="text"],
.gorusme-test-page .gorusmeekle input[type="date"],
.gorusme-test-page .gorusmeekle input[type="time"],
.gorusme-test-page .gorusmeekle input[type="datetime-local"],
.gorusme-test-page .gorusmeekle textarea {
    width: 100%;
    max-width: 100%;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--gorusme-test-border);
    border-radius: var(--gorusme-test-radius-sm);
    background: var(--gorusme-test-surface);
    color: var(--gorusme-test-text);
    font-size: 0.9rem;
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .gorusme-test-page .gorusmeekle select:focus,
    .gorusme-test-page .gorusmeekle input:focus,
    .gorusme-test-page .gorusmeekle textarea:focus {
        outline: none;
        border-color: var(--gorusme-test-accent);
        box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.18);
    }

.gorusme-test-page .gorusmeekle textarea {
    min-height: 100px;
    resize: vertical;
}

.gorusme-test-page .gorusmeekle ul {
    list-style: none;
}

.gorusme-test-page .gorusmeekle .besli {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}

.gorusme-test-page .gorusmeekle .durum-radio-list {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.65rem;
    background: var(--gorusme-test-surface);
    border: 1px solid var(--gorusme-test-border);
    border-radius: 999px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

    .gorusme-test-page .gorusmeekle .durum-radio-list:hover {
        border-color: var(--gorusme-test-accent);
    }

    .gorusme-test-page .gorusmeekle label.durum-radio-list > span {
        margin: 0;
        cursor: pointer;
        font-size: 0.8rem;
        color: var(--gorusme-test-text);
    }

.gorusme-test-banner {
    display: block;
    padding: 0.65rem 0.85rem;
    border-radius: var(--gorusme-test-radius-sm);
    font-size: 0.85rem;
    font-weight: 600;
    border: 1px solid var(--gorusme-test-warn-border);
    background: var(--gorusme-test-warn-bg);
    color: var(--gorusme-test-danger);
    margin: 0;
}

    .gorusme-test-banner span {
        font-weight: 500;
        opacity: 0.9;
    }

.gorusme-test-page .randevu-info-text {
    font-size: 0.8rem;
    line-height: 1.45;
    color: var(--gorusme-test-text-muted);
    margin: 0.75rem 0 0;
    padding: 0.75rem 0.85rem;
    background: var(--gorusme-test-info-bg);
    border: 1px solid var(--gorusme-test-info-border);
    border-radius: var(--gorusme-test-radius-sm);
}

.gorusme-test-page button.gorusme-test-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.65rem 1.25rem;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: var(--gorusme-test-radius-sm);
    border: none;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}

.gorusme-test-page button.gorusme-test-btn--primary {
    background: var(--gorusme-test-accent);
    color: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

    .gorusme-test-page button.gorusme-test-btn--primary:hover {
        background: var(--gorusme-test-accent-hover);
    }

.gorusme-test-page .bottombar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    padding: 0.75rem 1.25rem;
    background: var(--gorusme-test-surface);
    border-top: 1px solid var(--gorusme-test-border);
    box-shadow: 0 -4px 20px var(--isliste-tb-shadow);
    display: flex;
    justify-content: flex-end;
}

    .gorusme-test-page .bottombar .gorusme-test-btn--ghost {
        background: var(--gorusme-test-page-bg);
        color: var(--gorusme-test-danger);
        border: 1px solid var(--gorusme-test-warn-border);
    }

        .gorusme-test-page .bottombar .gorusme-test-btn--ghost:hover {
            background: var(--gorusme-test-warn-bg);
            border-color: var(--gorusme-test-danger);
        }

/* Randevu oluştur toggle — renkler :root */
.gorusme-test-page .randevu-oluştur-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .gorusme-test-page .randevu-oluştur-row h2 {
        font-size: 1rem;
        font-weight: 600;
        margin: 0;
        color: var(--gorusme-test-text);
    }

.gorusme-test-page .randevu-toggle {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
}

    .gorusme-test-page .randevu-toggle input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.gorusme-test-page .randevu-toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gorusme-test-toggle-off);
    transition: 0.25s;
    border-radius: 24px;
}

    .gorusme-test-page .randevu-toggle-slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background-color: var(--gorusme-test-surface);
        transition: 0.25s;
        border-radius: 50%;
        box-shadow: 0 1px 4px rgba(15, 23, 42, 0.2);
    }

    .gorusme-test-page .randevu-toggle input:checked + .randevu-toggle-slider {
        background-color: var(--gorusme-test-success);
    }

        .gorusme-test-page .randevu-toggle input:checked + .randevu-toggle-slider:before {
            transform: translateX(20px);
        }

.gorusme-test-page .randevu-aralik-wrap {
    margin-top: 10px;
}

@media (max-width: 900px) {
    .gorusme-test-page .gorusmeekle .item {
        grid-template-columns: 1fr;
    }

    .gorusme-test-page {
        padding: 1rem 0.75rem 5rem;
    }
}

/* Responsive Media Queries */
@media (max-width: 768px) {
    .mobile-menu-toggle {
        display: block;
    }

    .menu {
        display: none;
    }

    .headbar {
        padding: 0px 15px;
    }

        .headbar > div > div:nth-child(2) {
            max-width: calc(100% - 100px);
        }
}

@media (max-width: 480px) {
    .mobile-menu {
        width: 90%;
        max-width: none;
    }

    .mobile-menu-toggle {
        right: 15px;
        top: 12px;
    }

    .headbar {
        padding: 0px 10px;
    }
}

/* ========== Ön Görüşme (/PazarlamaSatis/OnGorusme) — :root token’ları, ikonlar ========== */
.on-gorusme-page {
    color: var(--gorusme-test-text);
}

.on-gorusme-page .tablelist.mt25 {
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius);
    background: var(--isliste-tb-surface);
    box-shadow: var(--gorusme-test-shadow);
    overflow: hidden;
}

.on-gorusme-page .tablofilter.pad0 {
    padding: 0;
    border: none;
    background: transparent;
}

.on-gorusme-page #ajax-main {
    padding: 0 0.15rem 2rem;
}

.on-gorusme-page .talep-container {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 100%;
}

.on-gorusme-page .talep-item {
    margin-bottom: 0;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius);
    background: var(--isliste-tb-surface);
    box-shadow: var(--gorusme-test-shadow);
    overflow: hidden;
}

.on-gorusme-page .talep-content {
    display: flex;
    flex-wrap: wrap;
    min-height: 200px;
}

.on-gorusme-page .talep-content h4 {
    margin: 0 0 1rem;
    padding-bottom: 0.5rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--gorusme-test-text);
    letter-spacing: -0.02em;
}

.on-gorusme-page .talep-left h4 {
    border-bottom: 2px solid var(--isliste-tb-accent);
}

.on-gorusme-page .talep-right h4 {
    border-bottom: 2px solid var(--gorusme-test-success);
}

.on-gorusme-page .talep-left,
.on-gorusme-page .talep-right {
    flex: 1 1 280px;
    padding: 1.1rem 1.25rem;
    box-sizing: border-box;
}

.on-gorusme-page .talep-left {
    border-right: 1px solid var(--isliste-tb-border);
    background: linear-gradient(180deg, var(--gorusme-test-page-bg) 0%, var(--isliste-tb-surface) 100%);
}

.on-gorusme-page .talep-right {
    background: var(--isliste-tb-surface);
}

.on-gorusme-page .info-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.75rem;
    margin-bottom: 0.65rem;
}

.on-gorusme-page .info-label {
    min-width: 6.5rem;
    font-weight: 600;
    font-size: 12px;
    color: var(--isliste-tb-muted);
}

.on-gorusme-page .info-label.red {
    color: var(--gorusme-test-danger);
}

.on-gorusme-page .info-value {
    flex: 1 1 160px;
    margin-left: 0;
    min-width: 0;
}

.on-gorusme-page .info-value input,
.on-gorusme-page .info-value select,
.on-gorusme-page .info-value textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 11px;
    border: 1px solid var(--isliste-tb-border);
    border-radius: var(--gorusme-test-radius-sm);
    font-size: 13px;
    font-family: inherit;
    color: var(--gorusme-test-text);
    background: var(--isliste-tb-surface);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.on-gorusme-page .info-value input:focus,
.on-gorusme-page .info-value select:focus,
.on-gorusme-page .info-value textarea:focus {
    outline: none;
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.18);
}

.on-gorusme-page .info-value textarea {
    resize: vertical;
    min-height: 72px;
}

.on-gorusme-page .phone-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 8px 14px;
    border-radius: var(--gorusme-test-radius-sm);
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    color: var(--isliste-tb-accent-dark);
    background: var(--gorusme-test-info-bg);
    border: 1px solid var(--gorusme-test-info-border);
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}

.on-gorusme-page .phone-link:hover {
    background: rgba(153, 246, 228, 0.45);
    border-color: var(--isliste-tb-accent);
    box-shadow: 0 2px 12px rgba(13, 148, 136, 0.2);
    transform: translateY(-1px);
}

.on-gorusme-page .phone-number {
    font-size: 13px;
    letter-spacing: 0.02em;
    font-weight: 600;
    color: inherit;
}

.on-gorusme-page .on-gorusme-page__icon {
    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;
    line-height: 1;
    flex-shrink: 0;
}

.on-gorusme-page .on-gorusme-page__icon--phone {
    font-size: 1.25rem;
    color: var(--isliste-tb-accent-dark);
}

.on-gorusme-page .button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.1rem;
}

.on-gorusme-page .button-group button {
    flex: 1 1 auto;
    min-height: 42px;
    padding: 0 16px;
    border: none;
    border-radius: var(--gorusme-test-radius-sm);
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}

.on-gorusme-page .button-group button .material-symbols-outlined {
    font-size: 1.15rem;
    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;
    line-height: 1;
}

.on-gorusme-page .btn-success {
    color: var(--app-btn-primary-text);
    background: var(--app-btn-primary-gradient);
    border: 1px solid var(--app-btn-primary-border);
    box-shadow: var(--app-btn-primary-shadow);
}

.on-gorusme-page .btn-success:hover {
    filter: brightness(1.03);
    box-shadow: var(--app-btn-primary-shadow-hover);
}

.on-gorusme-page .btn-primary {
    color: var(--app-btn-primary-text);
    background: linear-gradient(180deg, var(--isliste-tb-accent) 0%, var(--isliste-tb-accent-dark) 100%);
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow), 0 2px 10px rgba(13, 148, 136, 0.22);
}

.on-gorusme-page .btn-primary:hover {
    filter: brightness(1.04);
    box-shadow: 0 2px 8px var(--isliste-tb-shadow), 0 4px 16px rgba(13, 148, 136, 0.28);
}

.on-gorusme-page .btn-warning {
    background: linear-gradient(180deg, #fbbf24 0%, #d97706 100%);
    color: #1c1917;
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
}

.on-gorusme-page .btn-info {
    background: linear-gradient(180deg, #22d3ee 0%, #0891b2 100%);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
}

.on-gorusme-page .history-table-content {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.on-gorusme-page .history-table-content thead th {
    font-weight: 600;
    text-align: left;
    padding: 10px 8px;
    color: var(--gorusme-test-text);
    background: var(--gorusme-test-page-bg);
    border-bottom: 1px solid var(--isliste-tb-border);
}

.on-gorusme-page .history-table-content tbody td {
    padding: 9px 8px;
    border-bottom: 1px solid var(--isliste-tb-border);
    color: var(--gorusme-test-text);
}

.on-gorusme-page .history-table-content tbody tr:hover {
    background: rgba(241, 245, 249, 0.65);
}

.on-gorusme-page .history-table-content .button.red,
.on-gorusme-page .history-table-content a.red.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: var(--gorusme-test-radius-sm);
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
    background: linear-gradient(180deg, #f87171 0%, var(--gorusme-test-danger) 100%);
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 2px var(--isliste-tb-shadow);
    transition: filter 0.15s ease;
}

.on-gorusme-page .history-table-content .button.red:hover,
.on-gorusme-page .history-table-content a.red.button:hover {
    filter: brightness(1.05);
}

.on-gorusme-page .pagination-container {
    margin-top: 1.25rem;
    text-align: center;
}

.on-gorusme-page .gorusmegoster {
    cursor: pointer;
    color: var(--isliste-tb-accent-dark);
    font-weight: 500;
    border-bottom: 1px dashed rgba(13, 148, 136, 0.45);
}

.on-gorusme-page .gorusmegoster:hover {
    color: var(--isliste-tb-accent);
}

.on-gorusme-page .modern-havuz-menu {
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: transparent;
}

.on-gorusme-page .scroll-arrows {
    border-left-color: var(--isliste-tb-border);
}

.on-gorusme-page .scroll-btn .material-symbols-outlined {
    font-size: 1.25rem;
    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;
}

@media (max-width: 900px) {
    .on-gorusme-page .talep-left {
        border-right: none;
        border-bottom: 1px solid var(--isliste-tb-border);
    }
}