/* Active analysis stage indicator */
.analiz-aşaması.tamamlandı .aşama-ikon { display: grid; place-items: center; }
.analiz-aşaması.tamamlandı .aşama-ikon { border: 0; background: var(--yesil-soluk); color: var(--yesil); font-size: 15px; font-weight: 800; }
.analiz-aşaması.tamamlandı .aşama-ikon svg { display: none; }
.analiz-aşaması.tamamlandı .aşama-ikon:before { content: '✓'; line-height: 1; }
.analiz-aşaması.aktif .aşama-ikon { border: 0; background: rgba(75,156,166,.08); box-shadow: 0 0 0 4px rgba(75,156,166,.06); }
.analiz-aşaması.aktif .aşama-ikon svg { display: none; }
.analiz-aşaması.aktif .aşama-ikon:before { position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; border-radius: 50%; background: var(--ana-renk); content: ''; transform: translate(-50%, -50%); box-shadow: 0 -8px 0 rgba(75,156,166,.95), 0 8px 0 rgba(75,156,166,.35), -8px 0 0 rgba(75,156,166,.6), 8px 0 0 rgba(75,156,166,.75); animation: aşama-noktaları 1.1s linear infinite; }
@keyframes aşama-noktaları { to { transform: translate(-50%, -50%) rotate(360deg); } }
/* Database-backed note actions */
.not-karti {
    position: relative;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .ayar-form-ızgara {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-dosya-alanı {
    position: relative;
    min-height: 230px;
    padding: 22px;
    border: 1px solid #dbe8eb;
    border-radius: 14px;
    background: linear-gradient(145deg, #f8fcfd, #eef6f8);
    color: #385761;
}
.başvuru-tablosu-başlık { display: grid; grid-template-columns: 1.2fr 1.2fr .7fr 130px 190px; gap: 16px; padding: 12px 20px; border-top: 1px solid #edf0f2; border-bottom: 1px solid #e5edef; background: #f8fbfb; color: #91a0a5; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.başvuru-eylemleri .birincil-butonu, .başvuru-eylemleri .ikincil-butonu { display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; line-height: 1; }
.başvuru-eylemleri .birincil-butonu svg, .başvuru-eylemleri .ikincil-butonu svg { width: 13px; height: 13px; flex: 0 0 auto; }
.başvuru-satırı { grid-template-columns: 1.2fr 1.2fr .7fr 130px 190px; }
.başvuru-satırı > div { min-width: 0; }
.başvuru-satırı > div:first-child strong { color: #2d5059; font-size: 12px; }
.başvuru-konum, .başvuru-tarihi { display: grid; gap: 4px; }
.başvuru-konum strong, .başvuru-tarihi strong { color: #526970; font-size: 11px; }
.başvuru-konum span, .başvuru-tarihi span { margin-top: 0; color: #9aa8ad; font-size: 9px; }
@media (max-width: 800px) {
    .başvuru-tablosu-başlık { display: none; }
    .başvuru-satırı { grid-template-columns: 1fr; gap: 10px; padding: 16px 20px; }
    .başvuru-eylemleri { justify-content: flex-start; }
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-foto-yükleme {
    min-height: 150px;
    padding: 22px;
    border: 1px dashed #a7cfca;
    border-radius: 10px;
    background: #f6fbfa;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    cursor: pointer;
    transition: background .18s, border .18s;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-foto-yükleme:hover,
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-foto-yükleme:focus-visible {
    border-color: #168b7f;
    background: #e9f7f4;
    outline: none;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-foto-yükleme::before {
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
    border-radius: 13px;
    background: #dff2ee;
    color: #168b7f;
    display: grid;
    place-items: center;
    content: '↑';
    font-size: 24px;
    font-weight: 700;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-foto-yükleme::after {
    display: block;
    margin-top: 6px;
    color: #829592;
    content: 'PNG, JPG, WEBP veya ICO seçin';
    font-size: 10px;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-foto-yükleme input[type="file"] {
    display: none !important;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-seçilen-sil {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    min-height: 30px;
    padding: 0 9px;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 8px;
    background: rgba(25,45,50,.78);
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    font: 600 10px 'DM Sans', sans-serif;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-seçilen-sil:hover {
    background: #9a5147;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-seçilen-sil svg { width: 13px; }
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-kayıtlı-sil {
    margin-top: 12px;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #ead8d4;
    border-radius: 8px;
    background: #fff8f6;
    color: #914d40;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font: 600 10px 'DM Sans', sans-serif;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-kayıtlı-sil:hover { background: #fff0ec; border-color: #dba89c; }
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-kayıtlı-sil svg { width: 13px; }
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-dosya-alanı input[type="file"] {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding: 12px;
    border: 1px dashed #a9cdd5;
    border-radius: 9px;
    background: #fff;
    color: #56717a;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-dosya-alanı input[type="file"]::file-selector-button {
    margin-right: 9px;
    padding: 8px 11px;
    border: 0;
    border-radius: 7px;
    background: #2f8799;
    color: #fff;
    font: 600 11px 'DM Sans', sans-serif;
    cursor: pointer;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-mevcut-logo,
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-mevcut-favicon {
    margin-top: 16px;
    border: 1px solid #d6e4e7;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 5px 14px rgba(48, 91, 101, .08);
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-mevcut-logo {
    width: min(100%, 270px);
    height: 72px;
    padding: 12px;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-mevcut-favicon {
    width: 72px;
    height: 72px;
    padding: 14px;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-seçilen-önizleme {
    display: block;
    margin-top: 16px;
    width: min(100%, 270px);
    height: 72px;
    padding: 12px;
    border: 1px solid #d6e4e7;
    border-radius: 10px;
    background: #fff;
    object-fit: contain;
    box-shadow: 0 5px 14px rgba(48, 91, 101, .08);
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-dosya-alanı:has(input[name="favicon"]) .görünüm-seçilen-önizleme {
    width: 72px;
}
@media (max-width: 700px) {
    .ayar-bölümü[data-ayar-bölümü="gorunum"] .ayar-form-ızgara { grid-template-columns: 1fr; }
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .ayar-form-ızgara {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .ayar-form-ızgara > label:first-child {
    grid-column: auto;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .ayar-form-ızgara > label:has(input[name="marka_adi"]) {
    grid-column: 1 / -1;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-dosya-alanı {
    position: relative;
    min-height: 230px;
    padding: 22px;
    border: 1px solid #dbe8eb;
    border-radius: 14px;
    background: linear-gradient(145deg, #f8fcfd, #eef6f8);
    color: #385761;
    overflow: hidden;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-dosya-alanı::before {
    content: '';
    display: grid;
    width: 48px;
    height: 48px;
    margin-bottom: 13px;
    place-items: center;
    border-radius: 12px;
    background: #dff2f6;
    color: #277f91;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-dosya-alanı:first-of-type::before {
    content: '▣';
    font-size: 24px;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-dosya-alanı:nth-of-type(3)::before {
    content: '◆';
    font-size: 18px;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-dosya-alanı input[type="file"] {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding: 12px;
    border: 1px dashed #a9cdd5;
    border-radius: 9px;
    background: #fff;
    color: #56717a;
    font-size: 11px;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-dosya-alanı input[type="file"]::file-selector-button {
    margin-right: 9px;
    padding: 8px 11px;
    border: 0;
    border-radius: 7px;
    background: #2f8799;
    color: #fff;
    font: 600 11px 'DM Sans', sans-serif;
    cursor: pointer;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-dosya-alanı small {
    max-width: 260px;
    color: #718991;
    font-size: 10px;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-mevcut-logo,
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-mevcut-favicon {
    margin-top: 16px;
    border: 1px solid #d6e4e7;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 5px 14px rgba(48, 91, 101, .08);
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-mevcut-logo {
    width: min(100%, 270px);
    height: 72px;
    padding: 12px;
}
.ayar-bölümü[data-ayar-bölümü="gorunum"] .görünüm-mevcut-favicon {
    width: 72px;
    height: 72px;
    padding: 14px;
}
@media (max-width: 700px) {
    .ayar-bölümü[data-ayar-bölümü="gorunum"] .ayar-form-ızgara { grid-template-columns: 1fr; }
    .ayar-bölümü[data-ayar-bölümü="gorunum"] .ayar-form-ızgara > label:first-child { grid-column: auto; }
}

.not-işlemleri {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}

.not-işlemleri button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid #d7e1e5;
    border-radius: 7px;
    background: #fff;
    color: #36515b;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
}

.not-işlemleri button:hover {
    border-color: #1aa7a1;
    color: #087f7b;
}

.not-işlemleri .not-sil:hover {
    border-color: #e28b8b;
    color: #b53f3f;
}

.not-işlemleri svg {
    width: 15px;
    height: 15px;
}
.marka-simge img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.marka-simge:has(img) {
    width: 64px;
    background: transparent;
}

.giriş-marka .marka-simge:has(img),
.mobil-marka .marka-simge:has(img) {
    width: 64px;
    background: transparent;
}

.görünüm-silme-kutusu {
    margin: 14px 0 20px;
    padding: 13px 15px;
    border: 1px solid #e8eeee;
    border-radius: 10px;
    background: #fbfdfd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.slogan-ayari-formu {
    margin: 18px 0 14px;
    padding: 14px;
    border: 1px solid #e8eeee;
    border-radius: 10px;
    background: #fbfdfd;
    display: flex;
    align-items: flex-end;
    gap: 12px;
}

.slogan-ayari-formu label {
    flex: 1;
    color: #52656c;
    font-size: 10px;
    font-weight: 700;
}

.slogan-ayari-formu input {
    width: 100%;
    height: 39px;
    margin-top: 7px;
    padding: 0 10px;
    border: 1px solid #dfe8e9;
    border-radius: 7px;
    outline: 0;
    background: #fff;
    color: #536870;
    font-size: 11px;
}

.slogan-ayari-formu input:focus {
    border-color: #8fc7ca;
    box-shadow: 0 0 0 3px rgba(75,156,166,.1);
}

.slogan-ayari-formu small {
    display: block;
    margin-top: 5px;
    color: #8b9aa0;
    font-size: 9px;
    font-weight: 400;
}

.slogan-ayari-formu .birincil-butonu {
    flex: 0 0 auto;
    min-height: 39px;
    font-size: 10px;
}

.görünüm-silme-kutusu strong,
.görünüm-silme-kutusu small {
    display: block;
}

.görünüm-silme-kutusu strong {
    color: #52656c;
    font-size: 11px;
}

.görünüm-silme-kutusu small {
    margin-top: 4px;
    color: #8b9aa0;
    font-size: 9px;
}

.görünüm-silme-kutusu form {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.görünüm-sil-butonu {
    min-height: 32px;
    padding: 0 9px;
    border: 1px solid #ead8d4;
    border-radius: 7px;
    background: #fffaf8;
    color: #a56b5e;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    font-size: 9px;
    font-weight: 700;
}

.görünüm-sil-butonu:hover {
    border-color: #dba89c;
    background: #fff2ee;
    color: #914d40;
}

.görünüm-sil-butonu:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.görünüm-sil-butonu svg {
    width: 14px;
}

.admin-kredi-panel {
    margin-top: 22px;
    overflow: hidden;
}

.kredi-filtreleri {
    padding: 15px 20px;
    border-bottom: 1px solid #edf0f2;
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.kredi-filtreleri label {
    flex: 1;
    color: #65777d;
    font-size: 10px;
    font-weight: 700;
}

.kredi-filtreleri input,
.kredi-filtreleri select {
    width: 100%;
    height: 36px;
    margin-top: 6px;
    padding: 0 10px;
    border: 1px solid #dfe8e9;
    border-radius: 7px;
    outline: 0;
    background: #fbfdfd;
    color: #61757b;
    font-size: 10px;
}

.kredi-filtreleri select {
    width: 180px;
}

.kredi-filtreleri input:focus,
.kredi-filtreleri select:focus {
    border-color: #8fc7ca;
    box-shadow: 0 0 0 3px rgba(75,156,166,.1);
}

.admin-kredi-satırı {
    display: grid;
    grid-template-columns: minmax(180px, 1.1fr) minmax(280px, 1.5fr) minmax(190px, .9fr);
    align-items: center;
    gap: 18px;
    padding: 15px 20px;
    border-bottom: 1px solid #edf0f2;
}

.admin-kredi-satırı:last-child {
    border-bottom: 0;
}

.admin-kredi-satırı[hidden] {
    display: none;
}

.admin-kredi-kimlik,
.admin-kredi-metrikleri,
.admin-kredi-sayaçları {
    min-width: 0;
}

.admin-kredi-kimlik {
    display: flex;
    align-items: center;
    gap: 10px;
}

.admin-kredi-ikon {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    border-radius: 9px;
    background: #e8f4f4;
    color: #3d8f98;
    display: grid;
    place-items: center;
}

.admin-kredi-ikon svg {
    width: 16px;
}

.admin-kredi-kimlik strong,
.admin-kredi-kimlik small,
.admin-kredi-metrikleri span,
.admin-kredi-sayaçları span {
    display: block;
}

.admin-kredi-kimlik strong {
    overflow: hidden;
    color: #40545c;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-kredi-kimlik small,
.admin-kredi-metrikleri span,
.admin-kredi-sayaçları span {
    margin-top: 4px;
    color: #8a999e;
    font-size: 9px;
}

.admin-kredi-metrikleri,
.admin-kredi-sayaçları {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.admin-kredi-sayaçları {
    grid-template-columns: repeat(3, 1fr);
}

.admin-kredi-metrikleri b,
.admin-kredi-sayaçları b {
    display: block;
    margin-top: 4px;
    color: #4a6269;
    font-size: 10px;
}

.admin-kredi-metrikleri small {
    display: block;
    margin-top: 3px;
    color: #3f9670;
    font-size: 9px;
    font-weight: 700;
}

@media (max-width: 900px) {
    .admin-kredi-satırı {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .admin-kredi-sayaçları {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 560px) {
    .kredi-filtreleri {
        align-items: stretch;
        flex-direction: column;
    }

    .kredi-filtreleri select {
        width: 100%;
    }
}

@media (max-width: 620px) {
    .slogan-ayari-formu {
        align-items: stretch;
        flex-direction: column;
    }

    .slogan-ayari-formu .birincil-butonu {
        justify-content: center;
    }

    .görünüm-silme-kutusu {
        align-items: stretch;
        flex-direction: column;
    }

    .görünüm-silme-kutusu form {
        justify-content: flex-start;
    }
}
.görünüm-dosya-alanı input[type="file"] {
    height: auto;
    padding: 11px;
    background: #fbfdfd;
    cursor: pointer;
}

.çoklu-fotoğraf-ızgarası {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.çoklu-tarama-grid,
.çoklu-açı-özeti { display: none !important; }

.açı-yükleme {
    min-width: 0;
    padding: 14px;
    border: 1px solid #dfeaec;
    border-radius: 10px;
    background: #fbfdfd;
}

.açı-yükleme > strong,
.açı-yükleme > span,
.açı-yükleme > small { display: block; }
.açı-yükleme > strong { color: #405c64; font-size: 12px; }
.açı-yükleme > span { margin-top: 4px; color: #84959a; font-size: 9px; }
.açı-yükleme > button { width: 100%; margin-top: 12px; padding: 8px; border: 1px solid #d6e4e6; border-radius: 7px; background: #fff; color: #3e747b; cursor: pointer; font: inherit; font-size: 10px; font-weight: 700; }
.açı-yükleme > button:hover { border-color: #73b9bd; background: #f2fbfb; }
.açı-önizleme { position: relative; display: grid; place-items: center; height: 128px; margin-top: 10px; overflow: hidden; border: 1px solid #e0ecec; border-radius: 10px; background: #f4f9f8; }
.açı-önizleme img,
.açı-önizleme video { position: absolute; inset: 0; display: block; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: 100%; max-height: 100%; object-fit: contain !important; object-position: center; background: #f4f9f8; }
.açı-önizleme img[hidden],
.açı-önizleme video[hidden] { display: none !important; }
.açı-önizleme video { object-fit: contain; }
.açı-önizleme.görsel-yüklendi { height: 180px; }
.açı-önizleme img:not([src]),
.açı-önizleme img[src=""],
.açı-önizleme video:not([src]),
.açı-önizleme video[src=""] { display: none; }
.açı-önizleme:has(img:not([src])),
.açı-önizleme:has(img[src=""]),
.açı-önizleme:has(video:not([src])),
.açı-önizleme:has(video[src=""]) { color: #91a1a5; font-size: 10px; font-weight: 700; }
.açı-önizleme:has(img:not([src]))::before,
.açı-önizleme:has(img[src=""])::before,
.açı-önizleme:has(video:not([src]))::before,
.açı-önizleme:has(video[src=""])::before { content: 'Görsel bekleniyor'; }
.açı-önizleme button { position: absolute; top: 5px; right: 5px; width: 24px; height: 24px; padding: 0; border: 1px solid rgba(255,255,255,.72); border-radius: 6px; background: rgba(54, 76, 83, .68); color: #fff; display: grid; place-items: center; cursor: pointer; box-sizing: border-box; z-index: 2; }
.açı-önizleme button:hover { background: rgba(36, 57, 64, .86); }
.açı-önizleme button svg { width: 14px; height: 14px; }
.açı-önizleme button[hidden] { display: none; }
.açı-yükleme > small { margin-top: 5px; overflow: hidden; color: #83959a; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

.çoklu-tarama-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.çoklu-tarama-karti { min-width: 0; padding: 10px; border: 1px solid rgba(114, 194, 171, .35); border-radius: 9px; background: rgba(16, 42, 45, .62); color: #d9fff1; }
.çoklu-tarama-karti > strong, .çoklu-tarama-karti > small { display: block; }
.çoklu-tarama-karti > strong { font-size: 10px; letter-spacing: .04em; text-transform: uppercase; }
.çoklu-tarama-karti > small { margin-top: 7px; color: #8ee0be; font-size: 9px; }
.çoklu-tarama-karti > div { position: relative; aspect-ratio: 4 / 3; min-height: 170px; margin-top: 8px; overflow: hidden; border: 1px solid rgba(142, 239, 197, .25); border-radius: 7px; background: #152d32; }
.çoklu-tarama-karti img, .çoklu-tarama-karti canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
.çoklu-tarama-karti canvas { z-index: 1; }
.çoklu-tarama-karti > div.tarama-aktif::after { content: ''; position: absolute; z-index: 2; left: 0; right: 0; top: -12%; height: 3px; background: #55f0b0; box-shadow: 0 0 12px 4px rgba(85, 240, 176, .72); animation: profil-tarama 1.8s ease-in-out infinite; }
.çoklu-tarama-karti > div.tarama-aktif::before { content: 'TARAMA'; position: absolute; z-index: 3; top: 8px; left: 9px; padding: 3px 6px; border: 1px solid rgba(141, 255, 211, .5); border-radius: 4px; background: rgba(12, 42, 43, .72); color: #a4ffda; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.çoklu-tarama-karti > div.tarama-tamamlandı { border-color: rgba(85, 240, 176, .75); box-shadow: 0 0 0 2px rgba(85, 240, 176, .1); }
.çoklu-tarama-karti > div.tarama-aktif::before { border-color: #55f0b0; animation: profil-hedef-tarama 1.1s ease-in-out infinite; }
.çoklu-tarama-karti > div.tarama-aktif::after { content: '⌖'; animation: profil-nisangah 1.1s ease-in-out infinite; }
@keyframes profil-hedef-tarama { 50% { transform: scale(1.12); opacity: .65; } }
@keyframes profil-nisangah { 50% { color: #ffffff; text-shadow: 0 0 14px rgba(85, 240, 176, 1); } }
@keyframes profil-tarama { 50% { top: 98%; } 100% { top: -12%; } }

@media (max-width: 900px) {
    .çoklu-fotoğraf-ızgarası { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .çoklu-fotoğraf-ızgarası { grid-template-columns: 1fr; }
    .çoklu-tarama-grid { grid-template-columns: 1fr; }
}
.görünüm-dosya-alanı small {
    display: block;
    margin-top: 7px;
    color: #8b9aa0;
    font-size: 9px;
    line-height: 1.45;
}
.görünüm-mevcut-logo,
.görünüm-mevcut-favicon {
    display: block;
    margin-top: 12px;
    border: 1px solid #e3edef;
    border-radius: 8px;
    background: #f7fbfb;
    object-fit: contain;
}
.görünüm-mevcut-logo {
    width: 170px;
    height: 54px;
    padding: 8px;
}
.görünüm-mevcut-favicon {
    width: 54px;
    height: 54px;
    padding: 10px;
}

.model-önizleme-görsel {
    width: 100%;
    min-height: 420px;
    aspect-ratio: 16 / 10;
}

.klinik-seçim-panel {
    padding: 24px;
}

.klinik-yönetim-bağlantısı {
    min-height: 42px;
    padding: 0 12px 0 13px;
    border: 1px solid #d7e8e9;
    border-radius: 10px;
    background: linear-gradient(135deg, #ffffff, #f2f9f9);
    color: #3b737a;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 5px 16px rgba(35, 57, 68, .04);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.klinik-yönetim-bağlantısı:hover {
    border-color: #8fc7ca;
    background: linear-gradient(135deg, #f8ffff, #e8f6f6);
    box-shadow: 0 9px 22px rgba(75, 156, 166, .12);
    color: #276d75;
    transform: translateY(-2px);
}

.klinik-yönetim-bağlantısı > svg:first-child {
    width: 16px;
    height: 16px;
    padding: 3px;
    border-radius: 6px;
    background: #dff1f1;
    color: #2f7f89;
}

.klinik-yönetim-bağlantısı .bağlantı-ok {
    width: 14px;
    margin-left: 2px;
    color: #83a6aa;
    transition: transform .18s ease, color .18s ease;
}

.klinik-yönetim-bağlantısı:hover .bağlantı-ok {
    color: #2f7f89;
    transform: translate(2px, -2px);
}

.klinik-seçim-ikon {
    width: 22px;
    color: var(--ana-renk);
}

.klinik-seçim-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px;
}

.klinik-seçim-kartı {
    min-width: 0;
    min-height: 82px;
    padding: 14px;
    border: 1px solid var(--kenar);
    border-radius: 10px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 11px;
    color: inherit;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.klinik-seçim-kartı:hover {
    border-color: #9bcfd1;
    box-shadow: 0 10px 24px rgba(35, 57, 68, .08);
    transform: translateY(-2px);
}

.klinik-seçim-avatar {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    border-radius: 10px;
    background: var(--ana-renk-soluk);
    color: var(--ana-renk-koyu);
    display: grid;
    place-items: center;
}

.klinik-seçim-avatar svg {
    width: 19px;
}

.klinik-seçim-bilgileri {
    min-width: 0;
    flex: 1;
}

.klinik-seçim-bilgileri strong,
.klinik-seçim-bilgileri small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.klinik-seçim-bilgileri strong {
    color: #40545c;
    font-size: 12px;
}

.klinik-seçim-bilgileri small {
    margin-top: 5px;
    color: #8a999e;
    font-size: 10px;
}

.klinik-seçim-ok {
    width: 16px;
    flex: 0 0 auto;
    color: #8da2a8;
}

@media (max-width: 900px) {
    .klinik-seçim-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .klinik-seçim-panel {
        padding: 18px;
    }

    .klinik-seçim-grid {
        grid-template-columns: 1fr;
    }
}

.alternatif-modeller {
    display: grid;
    gap: 18px;
}

.alternatif-başlık {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}

.alternatif-başlık h2 {
    margin: 8px 0 5px;
    font-size: clamp(22px, 2vw, 30px);
    letter-spacing: -0.8px;
}

.alternatif-başlık p {
    margin: 0;
    color: #6f7c82;
    font-size: 12px;
}

.model-kaynak-karuseli { display: flex; align-items: center; gap: 9px; overflow-x: auto; padding: 2px 0 3px; }
.model-kaynak-karuseli > strong { flex: 0 0 auto; color: #61757c; font-size: 10px; }
.model-kaynak-karti { position: relative; flex: 0 0 86px; height: 62px; padding: 0; overflow: hidden; border: 2px solid #dce8e9; border-radius: 7px; background: #edf5f5; cursor: pointer; }
.model-kaynak-karti img { display: block; width: 100%; height: 100%; object-fit: cover; }
.model-kaynak-karti span { position: absolute; z-index: 1; left: 5px; top: 4px; padding: 2px 4px; border-radius: 3px; background: rgba(22, 43, 47, .75); color: #fff; font-size: 8px; font-weight: 800; }
.model-kaynak-karti:hover, .model-kaynak-karti.aktif { border-color: #4b9ca6; box-shadow: 0 0 0 2px rgba(75, 156, 166, .14); }
.yüz-bölge-secimi { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding: 0 20px; }
.yüz-bölge-secimi strong { margin-right: 4px; color: #60747b; font-size: 10px; }
.yüz-bölge-butonu { min-height: 28px; padding: 0 10px; border: 1px solid #dce8e9; border-radius: 6px; background: #fff; color: #7e9095; font-size: 10px; font-weight: 700; cursor: pointer; }
.yüz-bölge-butonu:hover, .yüz-bölge-butonu.aktif { border-color: #8fc7ca; background: #eff9f8; color: var(--ana-renk-koyu); }
.model-bölge-secimi { margin-top: 10px; padding: 0; }
.model-yüz-bölge-butonu { min-height: 28px; padding: 0 10px; border: 1px solid #dce8e9; border-radius: 6px; background: #fff; color: #7e9095; font-size: 10px; font-weight: 700; cursor: pointer; }
.model-yüz-bölge-butonu:hover, .model-yüz-bölge-butonu.aktif { border-color: #8fc7ca; background: #eff9f8; color: var(--ana-renk-koyu); }
.model-saç-bölge-butonu { min-height: 28px; padding: 0 10px; border: 1px solid #dce8e9; border-radius: 6px; background: #fff; color: #7e9095; font-size: 10px; font-weight: 700; cursor: pointer; }
.model-saç-bölge-butonu:hover, .model-saç-bölge-butonu.aktif { border-color: #8fc7ca; background: #eff9f8; color: var(--ana-renk-koyu); }

.simülasyon-etiketi {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 7px 10px;
    border: 1px solid #d9eceb;
    border-radius: 999px;
    background: #edf9f9;
    color: #2f7f89;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.model-çalışma-alanı {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(470px, 1fr);
    gap: 20px;
    align-items: start;
}

.model-önizleme {
    display: grid;
    gap: 12px;
}

.model-önizleme-görsel {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 420px;
    min-height: 420px;
    border: 1px solid #e9f0f2;
    border-radius: 16px;
    background: linear-gradient(135deg, #f4f8f8, #eef6f6);
    box-shadow: 0 10px 28px rgba(35, 57, 68, .05);
}

.model-önizleme-görsel img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    background: linear-gradient(135deg, #f3f8f8, #ebf3f4);
    cursor: zoom-in;
}

.sonuç-üst-ızgara .sonuç-görsel { align-self: start; }
.sonuç-üst-ızgara .sonuç-fotoğraf { min-height: 280px; height: 280px; }
.sonuç-üst-ızgara .sonuç-fotoğraf img,
.sonuç-üst-ızgara .sonuç-fotoğraf canvas { max-height: 280px; object-fit: contain; }

.üçlü-orijinal-galerisi {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    height: 280px;
    min-height: 280px;
    padding: 10px;
}
.üçlü-orijinal-galerisi { grid-template-columns: minmax(0, 1fr); }
.üçlü-orijinal-galerisi .orijinal-açı-karti:first-child { max-width: 460px; width: 100%; margin: 0 auto; }

.orijinal-açı-karti { min-width: 0; position: relative; z-index: 2; }
.orijinal-açı-karti > span { display: block; margin-bottom: 5px; color: #668087; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-align: center; }
.orijinal-açı-karti > div { position: relative; width: 100%; height: 246px; overflow: hidden; border: 1px solid #dfeaec; border-radius: 8px; background: #edf5f5; }
.orijinal-açı-karti img,
.orijinal-açı-karti canvas { display: block; width: 100% !important; height: 100% !important; min-width: 100%; min-height: 100%; object-fit: contain !important; object-position: center; }
.orijinal-açı-karti canvas { position: absolute; inset: 0; z-index: 1; display: block !important; pointer-events: none; }
.orijinal-açı-karti > div > img { position: absolute; inset: 0; z-index: 0; }
.orijinal-açı-karti:nth-child(2) img,
.orijinal-açı-karti:nth-child(2) canvas,
.orijinal-açı-karti:nth-child(3) img,
.orijinal-açı-karti:nth-child(3) canvas { object-fit: contain !important; }
.orijinal-açı-karti small { display: grid; place-items: center; height: 100%; color: #94a3a7; font-size: 9px; }

.üçlü-tarama-özeti { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%; margin: 20px 0; }
.üçlü-tarama-karti { min-width: 0; padding: 9px; border: 1px solid #cde8df; border-radius: 10px; background: #f4fbf8; }
.üçlü-tarama-karti.eksik { border-color: #e3eaeb; background: #fafcfc; }
.üçlü-tarama-görseli { position: relative; width: 100%; height: 150px; overflow: hidden; border-radius: 7px; background: #17373a; }
.üçlü-tarama-görsel img { display: block; width: 100% !important; height: 150px !important; max-width: 100%; max-height: 150px; object-fit: contain; object-position: center; opacity: .88; }
.üçlü-tarama-karti.eksik .üçlü-tarama-görsel { display: grid; place-items: center; }
.üçlü-tarama-karti.eksik .üçlü-tarama-görsel::before { content: 'GÖRSEL BEKLENİYOR'; color: #91a2a5; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.tarama-kodu { position: absolute; top: 9px; left: 9px; color: rgba(190,255,231,.78); font: 700 8px/1.55 'DM Mono', monospace; letter-spacing: .06em; text-shadow: 0 1px 4px #102a2c; }
.tarama-hedefi { position: absolute; left: 39%; top: 37%; width: 22%; height: 25%; border: 1px solid #62f2b1; border-radius: 4px; box-shadow: 0 0 0 999px rgba(41, 230, 161, .04), 0 0 13px rgba(98,242,177,.7); }
.tarama-hedefi::before, .tarama-hedefi::after { position: absolute; width: 7px; height: 7px; border-color: #8bffd0; border-style: solid; content: ''; }
.tarama-hedefi::before { top: -1px; left: -1px; border-width: 2px 0 0 2px; }
.tarama-hedefi::after { right: -1px; bottom: -1px; border-width: 0 2px 2px 0; }
.tarama-ışını { position: absolute; z-index: 2; left: 0; right: 0; top: -8px; height: 2px; background: #63f2b4; box-shadow: 0 0 12px 4px rgba(99,242,180,.6); animation: sonuç-tarama-ışını 2.8s ease-in-out infinite; }
.üçlü-tarama-karti.eksik .tarama-ışını { display: none; }
@keyframes sonuç-tarama-ışını { 50% { top: calc(100% - 2px); } 100% { top: -8px; } }
.üçlü-tarama-alt { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 8px 2px 1px; }
.üçlü-tarama-alt strong { color: #3f6967; font-size: 11px; letter-spacing: .08em; }
.üçlü-tarama-alt span { color: #779092; font-size: 9px; text-align: right; }

@media (max-width: 700px) { .üçlü-orijinal-galerisi { height: 240px; min-height: 240px; } .orijinal-açı-karti > div { height: 205px; } }

.çoklu-açı-özeti { margin-top: 20px; }
.çoklu-açı-kartları { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; }
.çoklu-açı-kartları > div { display: flex; align-items: center; gap: 10px; min-width: 210px; padding: 9px; border: 1px solid #e0ebec; border-radius: 9px; background: #fbfdfd; }
.çoklu-açı-kartları img { width: 58px; height: 58px; object-fit: contain; border-radius: 6px; background: #edf5f5; }
.açı-kartı-eksik { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 6px; background: #edf5f5; color: #9aa9ad; font-size: 8px; text-align: center; }
.çoklu-açı-kartları strong, .çoklu-açı-kartları small { display: block; }
.çoklu-açı-kartları strong { color: #49656c; font-size: 10px; }
.çoklu-açı-kartları small { margin-top: 4px; color: #829399; font-size: 9px; }
.açı-kartı { display: flex; flex-direction: row; align-items: center; gap: 12px; padding: 12px; border: 1px solid #e6efef; border-radius: 12px; background: linear-gradient(180deg, #ffffff, #f4f9f9); }
.açı-kartı-görsel { position: relative; flex: 0 0 110px; width: 110px; height: 110px; border-radius: 10px; overflow: hidden; background: #102d2f; }
.açı-kartı-görsel img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(1.05); }
.açı-kartı-overlay { position: absolute; inset: 0; display: grid; place-items: center; background: linear-gradient(180deg, rgba(239,51,64,.08), rgba(239,51,64,.22)); }
.açı-kartı-overlay::before { content: ''; position: absolute; left: 18%; right: 18%; top: 24%; bottom: 20%; border: 2px solid rgba(239,51,64,.85); border-radius: 10px; box-shadow: 0 0 0 999px rgba(239,51,64,.06); }
.açı-kartı-overlay svg { position: relative; z-index: 1; width: 18px; height: 18px; color: rgba(255,255,255,.92); }
.açı-kartı-bilgi { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.açı-kartı-bilgi strong { font-size: 12px; letter-spacing: .04em; color: #24444b; }
.açı-kartı-bilgi small { color: #617e83; font-size: 10px; }
.çoklu-açı-özet { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; padding: 10px 12px; border-radius: 10px; background: #f1f7f7; border: 1px solid #e1ebec; color: #4c5f66; font-size: 11px; line-height: 1.55; }
.çoklu-açı-özet span { display: block; }
.çoklu-açı-özet b { color: #1d2f32; }

.model-görsel-popup[hidden] { display: none; }

.model-görsel-popup {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(16, 28, 34, .82);
}

.model-görsel-popup-içerik {
    position: relative;
    display: grid;
    place-items: center;
    width: min(92vw, 980px);
    height: min(90vh, 820px);
    padding: 20px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;
    background: #f4f9f9;
    box-shadow: 0 24px 80px rgba(0,0,0,.28);
}

.model-görsel-popup-içerik img {
    max-width: 100%;
    max-height: calc(100% - 30px);
    object-fit: contain;
    border-radius: 8px;
}

.model-görsel-popup-içerik > span {
    color: #557178;
    font-size: 11px;
    font-weight: 700;
}

.model-görsel-popup-kapat {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #47616a;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(35,57,68,.12);
}

.model-görsel-popup-kapat svg { width: 17px; height: 17px; }

.model-önizleme-bekliyor {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    gap: 8px;
    padding: 20px;
    text-align: center;
    background: rgba(239, 247, 247, .82);
    color: #53656d;
}

.model-önizleme-bekliyor svg {
    width: 24px;
    color: #2f7f89;
}

.model-önizleme-bekliyor strong {
    font-size: 16px;
}

.model-önizleme-bekliyor span {
    max-width: 300px;
    color: #72858c;
    font-size: 11px;
    line-height: 1.5;
}

.model-önizleme-alt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 4px;
}

.model-önizleme-alt span {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #495d66;
    font-size: 12px;
    font-weight: 600;
}

.model-önizleme-alt small {
    color: #8a9ba2;
    font-size: 11px;
    font-weight: 500;
}

.model-üretim-durumu {
    display: block;
    margin: 3px 4px 0;
    color: #668087;
    font-size: 10px;
    font-weight: 700;
}

.model-üretim-çubuğu {
    position: relative;
    height: 6px;
    margin: 8px 4px 0;
    overflow: hidden;
    border-radius: 999px;
    background: #e7f0f0;
}

.model-üretim-çubuğu i {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #43a5ae, #6bc89b, #43a5ae);
    background-size: 200% 100%;
    box-shadow: 0 0 10px rgba(67, 165, 174, .35);
    transition: width .35s ease;
    animation: üretim-ışıltısı 1.4s linear infinite;
}

.model-karşılaştırma {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 4px 0;
    padding: 9px 10px;
    border: 1px solid #e3eeee;
    border-radius: 9px;
    background: rgba(255,255,255,.65);
}

.model-karşılaştırma[hidden] { display: none; }

.model-karşılaştırma > span {
    min-width: 0;
    flex: 1;
}

.model-karşılaştırma b,
.model-karşılaştırma small {
    display: block;
}

.model-karşılaştırma b {
    color: #47666e;
    font-size: 10px;
}

.model-karşılaştırma small {
    overflow: hidden;
    margin-top: 3px;
    color: #819298;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.model-karşılaştırma > svg {
    width: 15px;
    flex: 0 0 auto;
    color: #55a5a8;
}

.once-sonra-raporu { margin-top: 20px; }

.once-sonra-ızgarası {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.once-sonra-karti {
    min-width: 0;
    padding: 14px;
    border: 1px solid #e1ebec;
    border-radius: 10px;
    background: #fbfdfd;
}

.once-sonra-karti.sonrasi { border-color: #9dd0cd; background: #f7fdfc; }

.once-sonra-kartı-başlığı { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.once-sonra-kartı-başlığı strong, .once-sonra-kartı-başlığı small { display: block; }
.once-sonra-kartı-başlığı strong { color: #3f5c64; font-size: 13px; }
.once-sonra-kartı-başlığı small { color: #7d9095; font-size: 10px; text-align: right; }

.once-sonra-karti > img {
    display: block;
    width: 100%;
    height: 330px;
    object-fit: contain;
    border-radius: 8px;
    background: #edf5f5;
}

.once-sonra-matematik { display: grid; gap: 7px; margin-top: 12px; }
.once-sonra-matematik strong { color: #4c6b72; font-size: 10px; }
.once-sonra-matematik span { display: flex; justify-content: space-between; gap: 12px; color: #74888e; font-size: 10px; }
.once-sonra-matematik b { color: #526f76; }

@media (max-width: 700px) {
    .once-sonra-ızgarası { grid-template-columns: 1fr; }
    .once-sonra-karti > img { height: 280px; }
}

@keyframes üretim-ışıltısı {
    to { background-position: -200% 0; }
}

.önizleme-etiketi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: #ebf5f3;
    color: #2f8654;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.model-ölçüm-metni {
    min-height: 42px;
    padding: 10px 14px;
    border: 1px solid #edf2f3;
    border-radius: 10px;
    background: #fbfdfd;
    color: #687a82;
    font-size: 11px;
    line-height: 1.5;
}

.model-listesi {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.model-kartı {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    min-height: 86px;
    padding: 12px 11px 12px 10px;
    border: 1px solid #dfe8ea;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(35, 57, 68, .025);
    text-align: left;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.model-kartı:hover {
    transform: translateY(-2px);
    border-color: #b9dfe2;
    box-shadow: 0 10px 24px rgba(70, 108, 119, .08);
}

.model-kartı.aktif {
    border-color: #55adb8;
    background: linear-gradient(180deg, #f8fdfe, #eefafb);
    box-shadow: 0 10px 24px rgba(75, 156, 166, .12);
}

.model-numarası {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #ebf5f5;
    color: #2f7f89;
}

.model-alternatif-galerisi {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    background: #eef5f5;
}

.model-önizleme-görsel {
    min-height: 0;
    aspect-ratio: auto;
    padding: 12px;
}

.model-kaynak-görseli {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 240px;
    margin: 0 auto;
    object-fit: contain !important;
    object-position: center;
    background: #edf5f5;
}

.model-alternatif-galerisi.görünür {
    margin-top: 12px;
}

.model-alternatif-galerisi.görünür {
    display: grid;
}

.model-çalışma-alanı.varyasyonlar-açık {
    display: grid;
}

.model-çalışma-alanı.varyasyonlar-açık .model-önizleme {
    width: auto;
}

.model-çalışma-alanı.varyasyonlar-açık .model-önizleme-görsel {
    min-height: 320px;
    height: 320px;
    padding: 12px;
    background: radial-gradient(circle at center, #f7fbfb 0, #e7f2f2 68%, #deeded 100%);
}

.model-çalışma-alanı.varyasyonlar-açık .model-önizleme-görsel:before,
.model-çalışma-alanı.varyasyonlar-açık .model-önizleme-görsel:after { display: grid; }

.model-çalışma-alanı.varyasyonlar-açık .model-alternatif-galerisi {
    width: 100%;
    margin-top: 0;
    padding: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    background: #fff;
}

.model-alternatif-kutusu {
    min-width: 0;
    min-height: 120px;
    border: 1px solid #cde4e3;
    border-radius: 8px;
    background: linear-gradient(145deg, #f4fbfb, #dcefee);
    color: #4f8588;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 6px;
    text-align: center;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.model-alternatif-kutusu:hover {
    border-color: #8dc7c5;
    background: linear-gradient(145deg, #f8fdfd, #d8eeee);
    box-shadow: 0 6px 16px rgba(47, 127, 137, .1);
    transform: translateY(-2px);
}

.model-alternatif-kutusu.aktif {
    border-color: #3f9fa5;
    background: linear-gradient(145deg, #f8ffff, #cfe9e8);
    box-shadow: 0 0 0 3px rgba(63, 159, 165, .12), 0 8px 18px rgba(47, 127, 137, .14);
}

.model-alternatif-kutusu span {
    width: 27px;
    height: 27px;
    border: 2px solid #91c9c7;
    border-top-color: transparent;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #3e898b;
    font-size: 10px;
    font-weight: 800;
    animation: none;
}

.model-alternatif-kutusu small {
    color: #709497;
    font-size: 9px;
}
.model-alternatif-galerisi.modeller-hazırlanıyor .model-alternatif-kutusu span {
    animation: alternatif-dönüş 1s linear infinite;
}

@keyframes alternatif-dönüş {
    to { transform: rotate(360deg); }
}

.model-alternatif-galerisi img {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    min-height: 180px;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 8px;
    background: #fff;
    object-fit: contain;
    object-position: center;
    box-shadow: 0 4px 12px rgba(35,57,68,.08);
    cursor: zoom-in;
    transition: transform .18s ease, box-shadow .18s ease;
}

.model-alternatif-galerisi img:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 18px rgba(35,57,68,.14);
}
.model-alternatif-galerisi img {
    position: relative;
    z-index: 4;
    pointer-events: auto;
}

.model-alternatif-galerisi img.aktif {
    border: 2px solid var(--ana-renk);
    box-shadow: 0 0 0 3px rgba(75, 156, 166, .16), 0 8px 18px rgba(35,57,68,.14);
}

@media (max-width: 760px) {
    .model-çalışma-alanı.varyasyonlar-açık .model-alternatif-galerisi {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 10px;
    }

    .model-alternatif-galerisi img {
        min-height: 140px;
    }
}

.model-görsel-popup {
    position: fixed;
    z-index: 50;
    inset: 0;
    padding: 24px;
    background: rgba(24, 38, 43, .72);
    display: grid;
    place-items: center;
}

.model-görsel-popup[hidden] {
    display: none;
}

.model-görsel-popup-içerik {
    position: relative;
    width: min(100%, 900px);
    max-height: calc(100vh - 48px);
    padding: 12px;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 14px;
    background: #f5f9f9;
    box-shadow: 0 22px 70px rgba(0,0,0,.25);
}

.model-görsel-popup-içerik img {
    display: block;
    width: 100%;
    max-height: calc(100vh - 110px);
    border-radius: 9px;
    object-fit: contain;
}

.model-görsel-popup-içerik span {
    display: block;
    padding: 9px 4px 2px;
    color: #536a70;
    font-size: 10px;
    font-weight: 700;
}

.model-görsel-popup-kapat {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: rgba(24,38,43,.72);
    color: #fff;
    display: grid;
    place-items: center;
    cursor: pointer;
}

.model-görsel-popup-kapat:hover {
    background: #2f7f89;
}

.model-görsel-popup-kapat svg {
    width: 17px;
}

@media (max-width: 560px) {
    .model-alternatif-galerisi {
        gap: 5px;
        padding: 6px;
    }
}

.model-numarası svg {
    width: 18px;
    height: 18px;
}

.model-kartı strong {
    display: block;
    color: #2d4048;
    font-size: 12px;
    line-height: 1.3;
}

.model-kartı small {
    display: block;
    margin-top: 4px;
    color: #75848b;
    font-size: 10px;
    line-height: 1.35;
}

.model-kartı > svg:last-child {
    width: 14px;
    color: #8da2a8;
}

.model-kartı.aktif > svg:last-child {
    color: #2f7f89;
}

.simülasyon-uyarısı {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 12px 14px;
    border: 1px solid #edf2f3;
    border-radius: 10px;
    background: #fbfdfd;
    color: #677b83;
    font-size: 11px;
    line-height: 1.5;
}

.simülasyon-uyarısı svg {
    width: 15px;
    color: #4b9ca6;
}

@media (max-width: 1100px) {
    .model-çalışma-alanı {
        grid-template-columns: 1fr;
    }

    .model-listesi {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .alternatif-başlık {
        flex-direction: column;
        align-items: flex-start;
    }

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

.model-önizleme-görsel img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.model-önizleme-görsel .model-önizleme-bekliyor {
    z-index: 1;
}

.model-ölçüm-metni {
    min-height: 38px;
    padding: 10px 15px;
    border-top: 1px solid rgba(215, 232, 233, .9);
    color: #64777e;
    font-size: 10px;
    line-height: 1.45;
}

.ai-ayar-listesi {
    display: grid;
    gap: 9px;
    margin-top: 20px;
}

.ai-ayar-satiri {
    min-height: 58px;
    padding: 11px 13px;
    border: 1px solid #e2eaec;
    border-radius: 8px;
    background: #fbfdfd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.ai-ayar-satiri strong,
.ai-ayar-satiri span,
.ai-ayar-satiri small {
    display: block;
}

.ai-ayar-eylemleri {
    display: flex;
    align-items: center;
    gap: 5px;
}

.ai-ayar-eylemleri form {
    margin: 0;
}

.ai-ayar-eylemleri .tablo-eylem {
    width: 30px;
    height: 30px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
}

.ai-ayar-eylemleri .tablo-eylem:hover {
    background: #edf5f5;
}

.ai-ayar-eylemleri svg {
    width: 15px;
}

.alt-klinik-etiketi {
    min-width: 0;
    max-width: 180px;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #8a9b9f;
    font-size: 10px;
}

.alt-klinik-etiketi svg {
    width: 15px;
    flex: 0 0 auto;
    color: var(--ana-renk);
}

.alt-klinik-etiketi span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.klinikten-çık-bağlantısı {
    min-width: 0;
    margin-top: 9px;
    padding: 7px 8px;
    border: 1px solid rgba(75, 156, 166, .16);
    border-radius: 7px;
    color: #6e858b;
    display: flex;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    font-size: 9px;
    font-weight: 700;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.klinikten-çık-bağlantısı:hover {
    border-color: rgba(75, 156, 166, .35);
    background: #edf8f8;
    color: var(--ana-renk-koyu);
}

.klinikten-çık-bağlantısı svg {
    width: 14px;
    flex: 0 0 auto;
}

.ayar-bölümü[data-ayar-bölümü="ai"] select {
    width: 100%;
    height: 44px;
    margin-top: 8px;
    padding: 0 38px 0 13px;
    border: 1px solid #cfe2e3;
    border-radius: 9px;
    outline: 0;
    appearance: none;
    background-color: #f8fbfb;
    background-image: linear-gradient(45deg, transparent 50%, #4b9ca6 50%), linear-gradient(135deg, #4b9ca6 50%, transparent 50%);
    background-position: calc(100% - 17px) 18px, calc(100% - 12px) 18px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    color: #3e5860;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.ayar-bölümü[data-ayar-bölümü="ai"] select:hover {
    border-color: #9bcfd1;
    background-color: #f0f9f9;
}

.ayar-bölümü[data-ayar-bölümü="ai"] select:focus {
    border-color: var(--ana-renk);
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(75,156,166,.13);
}

.ayar-bölümü[data-ayar-bölümü="kredi"] .ayar-form-ızgara label.tam-genişlik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 48px;
    padding: 10px 12px;
    border: 1px solid #e2eaec;
    border-radius: 9px;
    background: #f8fbfb;
}

.ayar-bölümü[data-ayar-bölümü="kredi"] input[type="checkbox"] {
    flex: 0 0 auto;
    width: 48px !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #cbd9dc !important;
    border-radius: 999px !important;
    outline: 0;
    appearance: none;
    background: radial-gradient(circle at 13px 50%, #fff 0 7px, transparent 7.5px), #dce6e8;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.ayar-bölümü[data-ayar-bölümü="kredi"] input[type="checkbox"]:checked {
    border-color: var(--ana-renk) !important;
    background: radial-gradient(circle at 35px 50%, #fff 0 7px, transparent 7.5px), var(--ana-renk);
    box-shadow: 0 0 0 3px rgba(75,156,166,.12);
}

.ayar-bölümü[data-ayar-bölümü="kredi"] input[type="checkbox"]:focus-visible {
    box-shadow: 0 0 0 3px rgba(75,156,166,.2);
}

.ai-ayar-satiri strong {
    color: #52656c;
    font-size: 11px;
}

.ai-ayar-satiri span {
    margin-top: 3px;
    color: #6e8187;
    font-size: 10px;
}

.ai-ayar-satiri small {
    margin-top: 3px;
    color: #8a9b9f;
    font-size: 9px;
}

#aiAnalizTuvali {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

#taramaTemizTuvali {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block !important;
    opacity: 1 !important;
}

#taramaTemizTuvali.görünür {
    display: block !important;
}

.yüklenen-analiz-görseli,
.tarama-açı-kutu img,
.tarama-açı-kutu canvas,
.tarama-açı-kutu video {
    display: block !important;
    opacity: 1 !important;
    object-fit: contain;
    object-position: center;
}

.tarama-açı-kutu canvas {
    z-index: 2;
    pointer-events: none;
}

.tarama-açı-kutu::after {
    position: absolute;
    z-index: 3;
    left: 4%;
    right: 4%;
    top: 0;
    height: 2px;
    content: '';
    background: #6ad2d1;
    box-shadow: 0 0 8px rgba(106, 210, 209, .95), 0 0 18px rgba(106, 210, 209, .55);
    animation: tarama-kutu-çizgisi 2.8s ease-in-out infinite;
    pointer-events: none;
}

@keyframes tarama-kutu-çizgisi {
    0%, 100% { top: 5%; opacity: .35; }
    50% { top: 95%; opacity: 1; }
}

.profil-hedef-işareti {
    position: absolute;
    z-index: 4;
    display: block !important;
    width: 24px;
    height: 24px;
    border: 2px solid rgba(239, 51, 64, 0.96);
    border-radius: 50%;
    background: rgba(239, 51, 64, 0.12);
    box-shadow: 0 0 0 3px rgba(239, 51, 64, 0.2), 0 0 22px rgba(239, 51, 64, 0.6);
    transform: translate(-50%, -50%);
    pointer-events: none;
}


.profil-hedef-işareti::before,
.profil-hedef-işareti::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: #ef3340;
    transform: translate(-50%, -50%);
}

.profil-hedef-işareti::before {
    width: 2px;
    height: 32px;
}

.profil-hedef-işareti::after {
    width: 32px;
    height: 2px;
}

.analiz-görseli .profil-hedef-işareti {
    width: 28px;
    height: 28px;
}

.saç-bölgeleri {
    display: none !important;
}

.görsel-işaret,
.sonuç-işaret {
    display: none !important;
}

.sonuç-fotoğraf .sonuç-dikey {
    display: none !important;
}

.sonuç-fotoğraf {
    position: relative;
    overflow: hidden;
}

.sonuç-fotoğraf #sonuçGörseli {
    position: relative;
    z-index: 1;
}
.hasta-tablosu-başlığı, .hasta-satırı { grid-template-columns: minmax(175px, 1.25fr) minmax(145px, 1fr) minmax(135px, 1fr) minmax(150px, 1fr) 55px 85px 63px; gap: 12px; }
.hasta-sorumlusu strong, .hasta-sorumlusu span { display: block; }.hasta-sorumlusu strong { color: #61737a; font-size: 10px; }.hasta-sorumlusu span { margin-top: 4px; color: #a0abb0; font-size: 9px; }
.klinik-sil-form { margin-top: 12px; padding-top: 10px; text-align: right; }
.klinik-sil-form button { min-height: 30px; padding: 0 9px; border: 0; border-radius: 6px; background: transparent; color: #b56b5b; display: inline-flex; align-items: center; gap: 5px; cursor: pointer; font-size: 10px; transition: background .18s, color .18s; }
.klinik-sil-form button:hover { background: #fff0ec; color: #9f5141; }
.klinik-sil-form svg { width: 13px; }
.klinik-sil-form button, .klinik-sil-form button:focus, .klinik-sil-form button:active { border: 0 !important; outline: 0 !important; box-shadow: none !important; }
.klinik-sil-form { display: flex; align-items: center; justify-content: flex-end; }
.klinik-sil-form button { margin: 0; padding: 0; border: none !important; border-radius: 0; background: transparent; display: inline-flex; align-items: center; line-height: 1; }
.klinik-sil-form button:hover { border: none !important; background: transparent; }
.klinik-sil-form button svg { display: block; width: 13px; height: 13px; }
.hasta-satırı:last-child .satır-menüsü { top: auto; bottom: calc(100% + 3px); }
.uzman-satırı:last-child .satır-menüsü { top: auto; bottom: calc(100% + 3px); }
.uygulama-toast { position: fixed; z-index: 100; top: 22px; right: 24px; max-width: min(390px, calc(100vw - 32px)); min-height: 48px; padding: 12px 12px 12px 15px; border: 1px solid #cfe8dc; border-radius: 10px; background: #f5fcf8; color: #317955; box-shadow: 0 14px 34px rgba(35,57,68,.16); display: flex; align-items: center; gap: 10px; animation: toast-giriş .22s ease-out; }.uygulama-toast.hata { border-color: #f0d3c8; background: #fff8f5; color: #aa614c; }.uygulama-toast > svg { width: 18px; flex: 0 0 auto; }.uygulama-toast span { font-size: 11px; line-height: 1.4; }.uygulama-toast button { margin-left: auto; padding: 4px; border: 0; background: transparent; color: currentColor; display: grid; place-items: center; }.uygulama-toast button svg { width: 15px; }@keyframes toast-giriş { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
.ayar-form-eylemleri { display: flex; justify-content: flex-end; margin-top: 22px; padding-top: 18px; border-top: 1px solid #edf0f2; }.smtp-test-form { margin-top: 18px; padding: 18px; border: 1px dashed #cfe2e3; border-radius: 9px; background: #f7fbfb; display: flex; align-items: flex-end; gap: 12px; }.smtp-test-form label { flex: 1; color: #53656c; font-size: 10px; font-weight: 700; }.smtp-test-form input { width: 100%; height: 40px; margin-top: 7px; padding: 0 10px; border: 1px solid #dfe8e9; border-radius: 7px; background: #fff; color: #52656c; font-size: 11px; }.smtp-test-form .ikincil-butonu { min-height: 40px; white-space: nowrap; }.ayar-bölüm h3 { color: #394d55; }
.uzman-kart-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding: 20px; }.uzman-kart-grid .uzman-satırı { min-width: 0; min-height: 0; padding: 0; border: 1px solid var(--kenar); border-radius: 10px; background: #fff; display: block; overflow: visible; box-shadow: 0 4px 15px rgba(35,57,68,.04); }.uzman-kartı-fotoğrafı { position: relative; min-height: 145px; background: #edf6f6; display: grid; place-items: center; }.uzman-kartı-fotoğrafı img, .uzman-kartı-fotoğrafı .uzman-avatar { width: 82px; height: 82px; border-radius: 50%; object-fit: cover; }.uzman-kartı-fotoğrafı .uzman-durumu { position: absolute; top: 10px; right: 10px; }.uzman-kartı-içeriği { padding: 15px 15px 10px; }.uzman-kartı-içeriği h3 { margin: 0; color: #40545c; font: 700 13px 'Manrope', sans-serif; }.uzman-kartı-içeriği p { min-height: 31px; margin: 7px 0; color: #87969b; font-size: 10px; line-height: 1.5; }.uzman-kartı-analiz { color: var(--ana-renk-koyu); font-size: 10px; }.uzman-kartı-analiz svg { width: 13px; vertical-align: -3px; }.uzman-kartı-eylemleri { padding: 10px 15px 15px; border-top: 1px solid #edf0f2; display: flex; gap: 5px; }.uzman-kartı-eylemleri .ikincil-butonu { min-height: 32px; padding: 0 9px; flex: 1; font-size: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; text-decoration: none; }.uzman-kartı-eylemleri .ikincil-butonu svg { width: 13px; }.uzman-kartı-eylemleri .satır-menüsü { top: calc(100% + 3px); }.uzman-profil-panel { padding: 28px; display: grid; grid-template-columns: 180px minmax(0, 1fr) 150px; align-items: center; gap: 28px; }.uzman-profil-fotoğrafı { width: 160px; height: 160px; border-radius: 14px; background: #e8f3f3; color: var(--ana-renk-koyu); display: grid; place-items: center; overflow: hidden; font: 800 34px 'Manrope', sans-serif; }.uzman-profil-fotoğrafı img { width: 100%; height: 100%; object-fit: cover; }.uzman-profil-bilgileri h3 { margin: 8px 0 5px; color: #3c5058; font: 700 22px 'Manrope', sans-serif; }.uzman-profil-bilgileri > p { margin: 0 0 20px; color: var(--ikincil-metin); font-size: 12px; }.uzman-profil-detayları { display: grid; gap: 9px; color: #687b82; font-size: 11px; }.uzman-profil-detayları span { display: flex; align-items: center; gap: 8px; }.uzman-profil-detayları svg { width: 15px; color: var(--ana-renk); }.uzman-profil-istatistik { padding-left: 20px; border-left: 1px solid #edf0f2; display: grid; gap: 7px; }.uzman-profil-istatistik strong { color: var(--ana-renk-koyu); font: 800 30px 'Manrope', sans-serif; }.uzman-profil-istatistik > span:not(.uzman-durumu) { color: #95a2a6; font-size: 10px; }.uzman-profil-istatistik .uzman-durumu { width: max-content; margin-top: 10px; }.klinik-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }.klinik-yönetim-kartı { padding: 20px; }.klinik-kartı-üst { display: flex; align-items: center; gap: 10px; }.klinik-kartı-üst h3 { margin: 0; color: #40545c; font: 700 14px 'Manrope', sans-serif; }.klinik-kartı-üst span:not(.klinik-durum) { display: block; margin-top: 4px; color: #93a1a5; font-size: 10px; }.klinik-avatar { width: 40px; height: 40px; border-radius: 10px; background: var(--ana-renk-soluk); color: var(--ana-renk-koyu); display: grid; place-items: center; }.klinik-avatar svg { width: 19px; }.klinik-durum { margin-left: auto; padding: 4px 7px; border-radius: 5px; background: var(--yesil-soluk); color: var(--yesil); font-size: 9px; }.klinik-iletişim { display: grid; gap: 7px; margin: 18px 0; color: #77878c; font-size: 10px; }.klinik-iletişim span { display: flex; gap: 7px; align-items: center; }.klinik-iletişim svg { width: 13px; color: var(--ana-renk); }.klinik-metrikler { padding: 13px 0; border-top: 1px solid #edf0f2; border-bottom: 1px solid #edf0f2; display: grid; grid-template-columns: repeat(4, 1fr); text-align: center; }.klinik-metrikler strong, .klinik-metrikler span { display: block; }.klinik-metrikler strong { color: #4a6068; font-size: 15px; }.klinik-metrikler span { margin-top: 4px; color: #9aa7ab; font-size: 9px; }.klinik-yönetim-kartı > .birincil-butonu { width: 100%; min-height: 36px; margin-top: 16px; justify-content: center; font-size: 10px; text-decoration: none; }
.profil-sayfası { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }.profil-kartı { padding: 24px; }.profil-kartı-üst { display: flex; align-items: center; gap: 15px; padding-bottom: 20px; border-bottom: 1px solid #edf0f2; }.profil-fotoğrafı { width: 92px; height: 92px; border-radius: 50%; background: #d9eeee; color: var(--ana-renk-koyu); display: grid; place-items: center; font: 800 24px 'Manrope', sans-serif; }.profil-kartı-üst h3 { margin: 8px 0 5px; color: #3c5058; font: 700 19px 'Manrope', sans-serif; }.profil-kartı-üst p { margin: 0; color: #86969a; font-size: 11px; }.profil-bilgi-listesi { display: grid; gap: 14px; padding-top: 20px; }.profil-bilgi-listesi > div { display: flex; align-items: flex-start; gap: 10px; }.profil-bilgi-listesi > div > svg { width: 16px; color: var(--ana-renk); }.profil-bilgi-listesi small, .profil-bilgi-listesi strong { display: block; }.profil-bilgi-listesi small { color: #9aa7ab; font-size: 9px; }.profil-bilgi-listesi strong { margin-top: 4px; color: #51656d; font-size: 11px; line-height: 1.5; }.profil-klinik-ikonu { width: 22px; color: var(--ana-renk); }
.profil-sayfası .profil-kartı > .birincil-butonu { display: inline-flex; margin-top: 22px; align-items: center; gap: 6px; }
.uzman-kartı-fotoğrafı { min-height: 165px; }
.uzman-kartı-fotoğrafı img, .uzman-kartı-fotoğrafı .uzman-avatar { width: 104px; height: 104px; }
.klinik-kartı-eylemleri { display: grid; grid-template-columns: 1fr 1.4fr; gap: 7px; margin-top: 16px; }.klinik-kartı-eylemleri a { min-height: 36px; padding: 0 8px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; font-size: 10px; text-decoration: none; }.klinik-kartı-eylemleri svg { width: 13px; }
.klinik-kartı-eylemleri form { margin: 0; }.klinik-kartı-eylemleri form .ikincil-butonu { width: 100%; min-height: 36px; padding: 0 8px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; font-size: 10px; }.klinik-kartı-eylemleri form svg { width: 13px; }.klinik-sil-form { margin-top: 12px; text-align: right; }.klinik-sil-form button { padding: 0; border: 0; background: transparent; cursor: pointer; font-size: 10px; }.klinik-sil-form svg { width: 13px; vertical-align: -3px; }.klinik-durum-bekliyor { background: var(--turuncu-soluk); color: var(--turuncu); }.klinik-durum-askida { background: #fff0ee; color: #b76b5b; }
@media (max-width: 1000px) { .uzman-kart-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.klinik-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }.@media (max-width: 700px) { .uzman-kart-grid, .klinik-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.uzman-profil-panel { grid-template-columns: 1fr; text-align: center; }.uzman-profil-fotoğrafı { margin: auto; }.uzman-profil-detayları { justify-items: center; }.uzman-profil-istatistik { padding: 15px 0 0; border-left: 0; border-top: 1px solid #edf0f2; justify-items: center; } }.@media (max-width: 480px) { .uzman-kart-grid, .klinik-grid { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .profil-sayfası { grid-template-columns: 1fr; }.profil-kartı-üst { align-items: flex-start; flex-direction: column; } }
.ayar-bölümü[data-ayar-bölümü="smtp"] .ayar-form-ızgara > label:nth-child(5) select { width: 100%; height: 44px; margin-top: 8px; padding: 0 35px 0 13px; border: 1px solid #cfe2e3; border-radius: 9px; outline: 0; appearance: none; background-color: #f7fbfb; background-image: linear-gradient(45deg, transparent 50%, #4b9ca6 50%), linear-gradient(135deg, #4b9ca6 50%, transparent 50%); background-position: calc(100% - 16px) 19px, calc(100% - 11px) 19px; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; color: #3e5860; font-size: 11px; font-weight: 600; cursor: pointer; transition: border .18s, box-shadow .18s, background-color .18s; }.ayar-bölümü[data-ayar-bölümü="smtp"] .ayar-form-ızgara > label:nth-child(5) select:hover { border-color: #9bcfd1; background-color: #f0f9f9; }.ayar-bölümü[data-ayar-bölümü="smtp"] .ayar-form-ızgara > label:nth-child(5) select:focus { border-color: var(--ana-renk); box-shadow: 0 0 0 3px rgba(75,156,166,.12); }
@media (max-width: 600px) { .uygulama-toast { top: 12px; right: 16px; left: 16px; }.smtp-test-form { align-items: stretch; flex-direction: column; }.smtp-test-form .ikincil-butonu { justify-content: center; } }
.not-işlemleri { display: flex; gap: 8px; margin-top: 10px; }
.not-işlemleri button { min-width: 82px; min-height: 34px; padding: 7px 10px; border: 1px solid #d7e1e5; border-radius: 7px; background: #fff; color: #36515b; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font: inherit; font-size: 12px; font-weight: 700; transition: background .18s, color .18s, border-color .18s; }
.not-işlemleri button:hover { background: #edf5f5; color: #4b9ca6; }
.not-işlemleri svg { width: 14px; }
.profil-menüsü-kapsayıcı { position: relative; }.nav-kullanici { padding: 0; border: 0; background: transparent; cursor: pointer; text-align: left; }.profil-menüsü-kapsayıcı:has(.profil-menüsü.açık) .nav-kullanici > svg { transform: rotate(180deg); }.nav-kullanici > svg { transition: transform .18s; }.profil-menüsü { position: absolute; z-index: 25; top: calc(100% + 13px); right: 0; width: 245px; padding: 8px; border: 1px solid var(--kenar); border-radius: 10px; background: #fff; box-shadow: 0 14px 35px rgba(35,57,68,.13); display: none; }.profil-menüsü.açık { display: block; animation: menü-giriş .16s ease-out; }.profil-menüsü-üst { padding: 9px 8px 12px; border-bottom: 1px solid #edf0f2; display: flex; align-items: center; gap: 9px; }.profil-menüsü-üst strong { display: block; color: #42545d; font-size: 11px; }.profil-menüsü-üst span { display: block; max-width: 160px; margin-top: 4px; overflow: hidden; color: #9ca8ad; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.profil-menüsü > a, .profil-menüsü > button { width: 100%; min-height: 36px; padding: 0 9px; border: 0; border-radius: 6px; background: transparent; color: #6f7e84; display: flex; align-items: center; gap: 9px; text-decoration: none; text-align: left; font-size: 10px; }.profil-menüsü > a:hover, .profil-menüsü > button:hover { background: var(--ana-renk-soluk); color: var(--ana-renk-koyu); }.profil-menüsü > a svg, .profil-menüsü > button svg { width: 15px; }.profil-menüsü-ayraç { height: 1px; margin: 5px 8px; background: #edf0f2; }.profil-menüsü .çıkış-bağlantısı { color: #b17158; }.satır-menüsü-kapsayıcı { position: relative; }.satır-menüsü-aç { position: relative; z-index: 2; }.satır-menüsü { position: absolute; z-index: 15; top: calc(100% + 3px); right: 0; width: 175px; padding: 5px; border: 1px solid var(--kenar); border-radius: 8px; background: #fff; box-shadow: 0 10px 26px rgba(35,57,68,.12); display: none; }.satır-menüsü.açık { display: block; animation: menü-giriş .14s ease-out; }.satır-menüsü a, .satır-menüsü button { width: 100%; min-height: 31px; padding: 0 8px; border: 0; border-radius: 5px; background: transparent; color: #718087; display: flex; align-items: center; gap: 8px; text-decoration: none; text-align: left; font-size: 10px; }.satır-menüsü a:hover, .satır-menüsü button:hover { background: var(--ana-renk-soluk); color: var(--ana-renk-koyu); }.satır-menüsü svg { width: 14px; }.analiz-eylemleri > a.tablo-eylem { display: grid; place-items: center; text-decoration: none; }.analiz-eylemleri > a.tablo-eylem:hover { color: var(--ana-renk-koyu); }.tablo-eylem { padding: 0; }.satır-menüsü-kapsayıcı .tablo-eylem { display: grid; place-items: center; } @keyframes menü-giriş { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.rapor-özetleri { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 22px; }.rapor-özet { min-height: 95px; padding: 18px; border: 1px solid var(--kenar); border-radius: var(--yaricap); background: #fff; box-shadow: var(--golge); display: flex; align-items: center; gap: 13px; }.rapor-özet .özet-ikon { flex: 0 0 auto; }.rapor-özet span { display: block; color: var(--ikincil-metin); font-size: 10px; }.rapor-özet strong { display: block; margin-top: 7px; font: 700 22px 'Manrope', sans-serif; }.rapor-özet small { display: block; margin-top: 4px; color: var(--yesil); font-size: 9px; }.rapor-kontrolü { min-height: 72px; padding: 16px 20px; border-bottom: 1px solid #edf0f2; display: flex; align-items: center; justify-content: space-between; gap: 18px; }.rapor-sekmesi { display: flex; gap: 4px; }.rapor-sekme { padding: 8px 10px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #8c999e; font-size: 10px; font-weight: 600; }.rapor-sekme span { margin-left: 4px; color: #b0b9bd; font-size: 9px; }.rapor-sekme:hover, .rapor-sekme.aktif { border-color: var(--ana-renk); color: var(--ana-renk-koyu); }.rapor-filtre-alanı { display: flex; align-items: center; gap: 8px; }.rapor-filtre-alanı select { height: 35px; padding: 0 25px 0 9px; border: 1px solid var(--kenar); border-radius: 7px; outline: 0; background: #fbfcfc; color: #77868c; font-size: 10px; }.rapor-filtre-alanı .arama-kutusu { width: 185px; height: 35px; }.rapor-tablosu-başlığı, .rapor-satırı { display: grid; grid-template-columns: minmax(250px, 1.55fr) minmax(155px, 1fr) 145px 95px 70px; align-items: center; gap: 15px; }.rapor-tablosu-başlığı { padding: 15px 20px 11px; color: #a0aab0; font-size: 9px; font-weight: 700; letter-spacing: .5px; }.rapor-satırı { min-height: 77px; padding: 13px 20px; border-top: 1px solid #f0f2f3; }.rapor-kimlik { display: flex; align-items: center; gap: 10px; }.rapor-ikon { width: 31px; height: 31px; border-radius: 8px; background: var(--ana-renk-soluk); color: var(--ana-renk-koyu); display: grid; place-items: center; }.rapor-ikon svg { width: 16px; }.rapor-kimlik strong { display: block; color: #46575f; font-size: 11px; font-weight: 600; }.rapor-kimlik span { display: block; margin-top: 4px; color: #a0abb0; font-size: 9px; }.rapor-uzmanı, .rapor-tarihi { color: #718087; font-size: 10px; }.rapor-durumu { display: inline-flex; align-items: center; gap: 6px; width: max-content; padding: 5px 8px; border-radius: 5px; font-size: 10px; font-weight: 600; }.rapor-durumu i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }.rapor-hazır { color: var(--yesil); background: var(--yesil-soluk); }.rapor-arşiv { color: #8d9899; background: #f1f3f3; }.rapor-eylemleri { display: flex; justify-content: flex-end; gap: 3px; }.rapor-eylemleri .tablo-eylem { width: 26px; height: 26px; display: grid; place-items: center; }.rapor-eylemleri svg { width: 14px; }
@media (max-width: 900px) { .rapor-özetleri { grid-template-columns: 1fr; gap: 9px; }.rapor-kontrolü { align-items: stretch; flex-direction: column; }.rapor-filtre-alanı { flex-wrap: wrap; }.rapor-filtre-alanı select, .rapor-filtre-alanı .arama-kutusu { flex: 1; width: auto; } }.rapor-panel { overflow: hidden; } @media (max-width: 760px) { .rapor-sekmesi { overflow-x: auto; }.rapor-sekme { white-space: nowrap; }.rapor-tablosu-başlığı, .rapor-satırı, .rapor-panel .liste-altbilgisi { min-width: 730px; }.rapor-panel { overflow-x: auto; } }
.ayarlar-yerleşimi { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 22px; align-items: start; }.ayarlar-menüsü { padding: 7px; border: 1px solid var(--kenar); border-radius: var(--yaricap); background: #fff; box-shadow: var(--golge); }.ayar-menü-ögesi { width: 100%; min-height: 40px; padding: 0 10px; border: 0; border-radius: 7px; background: transparent; color: #7c8a90; display: flex; align-items: center; gap: 9px; text-align: left; font-size: 11px; font-weight: 600; }.ayar-menü-ögesi svg { width: 16px; }.ayar-menü-ögesi:hover, .ayar-menü-ögesi.aktif { background: var(--ana-renk-soluk); color: var(--ana-renk-koyu); }.ayarlar-içeriği { min-width: 0; }.ayar-bölümü { display: none; padding: 25px; border: 1px solid var(--kenar); border-radius: var(--yaricap); background: #fff; box-shadow: var(--golge); }.ayar-bölümü.aktif { display: block; }.ayar-bölüm-başlığı { padding-bottom: 21px; border-bottom: 1px solid #edf0f2; }.ayar-bölüm-başlığı h3 { margin: 8px 0 5px; font: 700 17px 'Manrope', sans-serif; }.ayar-bölüm-başlığı p { margin: 0; color: var(--ikincil-metin); font-size: 11px; }.profil-üstü { padding: 23px 0; border-bottom: 1px solid #edf0f2; display: flex; align-items: center; gap: 12px; }.büyük-avatar { width: 54px; height: 54px; border-radius: 50%; background: #d6ebec; color: var(--ana-renk-koyu); display: grid; place-items: center; font-size: 14px; font-weight: 700; }.profil-üstü strong { display: block; color: #53636c; font-size: 11px; }.profil-üstü span { display: block; margin-top: 5px; color: #a0abb0; font-size: 9px; }.profil-üstü .ikincil-butonu { margin-left: auto; min-height: 34px; font-size: 10px; }.ayar-form-ızgara { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 13px; padding-top: 23px; }.ayar-form-ızgara label { color: #53636c; font-size: 11px; font-weight: 700; }.ayar-form-ızgara input, .ayar-form-ızgara textarea { width: 100%; height: 42px; margin-top: 8px; padding: 0 11px; border: 1px solid #dfe6e8; border-radius: 7px; outline: 0; background: #fcfdfd; color: #63737a; font-size: 11px; }.ayar-form-ızgara textarea { height: 74px; padding-top: 11px; resize: vertical; }.ayar-form-ızgara input:focus, .ayar-form-ızgara textarea:focus { border-color: #8fc7ca; box-shadow: 0 0 0 3px rgba(75,156,166,.1); }.ayar-form-ızgara input:disabled { background: #f3f6f6; color: #a0aaae; }.ayar-seçenekleri { padding-top: 5px; }.ayar-seçeneği { min-height: 70px; border-bottom: 1px solid #edf0f2; display: flex; align-items: center; justify-content: space-between; gap: 15px; }.ayar-seçeneği:last-child { border-bottom: 0; }.ayar-seçeneği strong { display: block; color: #53636c; font-size: 11px; }.ayar-seçeneği small { display: block; margin-top: 5px; color: #9ca8ad; font-size: 10px; }.ayar-seçeneği input { display: none; }.ayar-seçeneği > i { position: relative; width: 34px; height: 19px; flex: 0 0 auto; border-radius: 15px; background: #dce4e6; transition: background .18s; }.ayar-seçeneği > i:after { position: absolute; top: 3px; left: 3px; width: 13px; height: 13px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(40,60,65,.16); content: ''; transition: left .18s; }.ayar-seçeneği input:checked + i { background: var(--ana-renk); }.ayar-seçeneği input:checked + i:after { left: 18px; }.güvenlik-bilgi { margin-top: 20px; padding: 13px; border-radius: 8px; background: var(--yesil-soluk); display: flex; align-items: center; gap: 9px; }.güvenlik-bilgi > svg { width: 19px; color: var(--yesil); }.güvenlik-bilgi strong { display: block; color: #4a8067; font-size: 11px; }.güvenlik-bilgi span { display: block; margin-top: 4px; color: #7da18f; font-size: 9px; }
@media (max-width: 760px) { .ayarlar-yerleşimi { grid-template-columns: 1fr; }.ayarlar-menüsü { display: flex; overflow-x: auto; gap: 3px; }.ayar-menü-ögesi { width: auto; min-width: max-content; }.ayar-bölümü { padding: 18px; }.ayar-form-ızgara { grid-template-columns: 1fr; }.tam-genişlik { grid-column: auto; }.profil-üstü { align-items: flex-start; flex-wrap: wrap; }.profil-üstü .ikincil-butonu { margin-left: 66px; margin-top: -22px; } }
.giriş-sayfası { min-height: 100vh; background: #f3f6f7; }
.giriş-kapsayıcı { min-height: 100vh; display: grid; grid-template-columns: minmax(420px, .9fr) minmax(480px, 1.1fr); }
.giriş-tanıtım { position: relative; padding: 42px 9%; background: #e8f2f2; display: flex; flex-direction: column; overflow: hidden; }
.giriş-tanıtım:after { position: absolute; right: -130px; bottom: 100px; width: 390px; height: 390px; border: 1px solid rgba(75,156,166,.16); border-radius: 50%; box-shadow: 0 0 0 42px rgba(75,156,166,.035), 0 0 0 84px rgba(75,156,166,.025); content: ''; }
.giriş-marka, .mobil-marka { display: flex; align-items: center; gap: 10px; color: var(--metin); }.giriş-marka strong, .mobil-marka strong { display: block; font: 800 20px/18px 'Manrope', sans-serif; letter-spacing: -.6px; }.giriş-marka span, .mobil-marka span { color: var(--ana-renk); font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; }
.tanıtım-içerik { position: relative; z-index: 1; max-width: 530px; margin: auto 0; }.tanıtım-etiket { display: inline-flex; align-items: center; gap: 7px; color: var(--ana-renk-koyu); font-size: 11px; font-weight: 700; }.tanıtım-etiket svg { width: 14px; }.tanıtım-içerik h1 { max-width: 510px; margin: 22px 0 17px; font: 800 clamp(30px, 3.2vw, 47px)/1.1 'Manrope', sans-serif; letter-spacing: -1.8px; }.tanıtım-içerik > p { max-width: 430px; margin: 0; color: #657b82; font-size: 14px; line-height: 1.7; }.tanıtım-notu { max-width: 350px; margin-top: 48px; padding: 14px 16px; border: 1px solid rgba(75,156,166,.14); border-radius: 10px; background: rgba(255,255,255,.52); display: flex; align-items: center; gap: 12px; }.tanıtım-avatarları { display: flex; padding-left: 7px; }.tanıtım-avatarları span { width: 28px; height: 28px; margin-left: -7px; border: 2px solid #e8f2f2; border-radius: 50%; background: #c7e2e3; color: #36737b; display: grid; place-items: center; font-size: 8px; font-weight: 700; }.tanıtım-avatarları span:nth-child(2) { background: #dbe9ef; color: #547789; }.tanıtım-avatarları span:nth-child(3) { background: #e9dfd3; color: #92704e; }.tanıtım-notu strong { display: block; color: #47636a; font-size: 11px; }.tanıtım-notu small { display: block; margin-top: 3px; color: #82979c; font-size: 10px; }.giriş-altbilgi { position: relative; z-index: 1; display: flex; justify-content: space-between; color: #8ca1a5; font-size: 10px; }.giriş-altbilgi span:last-child { display: flex; align-items: center; gap: 5px; }.giriş-altbilgi svg { width: 13px; color: var(--yesil); }
.giriş-form-alanı { min-height: 100vh; background: #fff; display: grid; place-items: center; padding: 40px 8%; }.giriş-formu { width: min(100%, 390px); }.mobil-marka { display: none; }.form-başlığı > span { color: var(--ana-renk-koyu); font-size: 12px; font-weight: 700; }.form-başlığı h2 { margin: 12px 0 8px; font: 800 28px 'Manrope', sans-serif; letter-spacing: -1px; }.form-başlığı p { margin: 0 0 30px; color: var(--ikincil-metin); font-size: 12px; line-height: 1.6; }.giriş-formu form label { display: block; margin: 0 0 8px; color: #53636c; font-size: 11px; font-weight: 700; }.giriş-input { height: 47px; margin-bottom: 20px; padding: 0 13px; border: 1px solid #dfe6e8; border-radius: 8px; background: #fcfdfd; display: flex; align-items: center; gap: 9px; transition: border .18s, box-shadow .18s; }.giriş-input:focus-within { border-color: #8fc7ca; box-shadow: 0 0 0 3px rgba(75,156,166,.1); }.giriş-input > svg { width: 16px; color: #9aa8ad; }.giriş-input input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--metin); font-size: 12px; }.giriş-input input::placeholder { color: #b2bdc1; }.etiket-satırı { display: flex; justify-content: space-between; }.etiket-satırı a, .form-yardım a { color: var(--ana-renk-koyu); text-decoration: none; }.etiket-satırı a { font-size: 11px; font-weight: 600; }.şifre-göster { padding: 0; border: 0; background: transparent; color: #9aa8ad; display: grid; place-items: center; }.şifre-göster svg { width: 16px; }.onay-kutusu { position: relative; display: flex !important; align-items: center; gap: 9px; margin: 1px 0 25px !important; color: #7e8b91 !important; font-weight: 500 !important; }.onay-kutusu input { position: absolute; opacity: 0; }.onay-işareti { width: 16px; height: 16px; border: 1px solid #d5dfe1; border-radius: 4px; background: #fff; }.onay-kutusu input:checked + .onay-işareti { border-color: var(--ana-renk); background: var(--ana-renk); box-shadow: inset 0 0 0 3px #fff; }.giriş-butonu { width: 100%; height: 47px; border: 0; border-radius: 8px; background: var(--ana-renk); color: #fff; display: flex; align-items: center; justify-content: center; gap: 9px; font-size: 12px; font-weight: 700; box-shadow: 0 7px 16px rgba(75,156,166,.17); transition: background .18s, transform .18s; }.giriş-butonu:hover { background: var(--ana-renk-koyu); transform: translateY(-1px); }.giriş-butonu svg { width: 16px; }.form-yardım { margin: 25px 0 0; color: #9aa5aa; text-align: center; font-size: 11px; }.form-yardım a { font-weight: 600; }.form-hatası { margin: -10px 0 18px; padding: 10px 12px; border: 1px solid #f3d8bf; border-radius: 7px; background: #fff7ef; color: #ae7139; display: flex; align-items: center; gap: 7px; font-size: 11px; }.form-hatası svg { width: 15px; }
:root {
    --arka-plan: #f5f7f8;
    --kart: #ffffff;
    --metin: #1d2933;
    --ikincil-metin: #75818b;
    --soluk-metin: #a0abb3;
    --kenar: #e6ebee;
    --ana-renk: #4b9ca6;
    --ana-renk-koyu: #2f7f89;
    --ana-renk-soluk: #eaf6f6;
    --yesil: #3d9b73;
    --yesil-soluk: #eaf7f1;
    --turuncu: #ce8b46;
    --turuncu-soluk: #fff5e8;
    --mavi-soluk: #edf5fb;
    --golge: 0 8px 24px rgba(35, 57, 68, .055);
    --yaricap: 12px;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--arka-plan); color: var(--metin); font-family: 'DM Sans', sans-serif; font-size: 14px; }
button, input { font: inherit; }
button { cursor: pointer; }
.uygulama { min-height: 100vh; display: flex; }
.kenar-cubugu { width: 252px; min-height: 100vh; padding: 28px 16px 18px; background: #fbfcfc; border-right: 1px solid var(--kenar); display: flex; flex-direction: column; flex-shrink: 0; }
.marka { display: flex; align-items: center; gap: 10px; padding: 0 12px 36px; color: var(--metin); }
.marka-simge { width: 34px; height: 34px; border-radius: 10px; background: var(--ana-renk); display: grid; place-items: center; color: #fff; }
.marka-simge svg { width: 19px; height: 19px; stroke-width: 1.8; }
.marka strong { display: block; font: 800 20px/18px 'Manrope', sans-serif; letter-spacing: -.6px; }
.marka span { color: var(--ana-renk); font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; }
.menü-grubu { padding-bottom: 20px; }
.menü-alt { margin-top: auto; padding-bottom: 25px; }
.menü-basligi { margin: 0 12px 10px; color: #a8b1b7; font-size: 10px; font-weight: 700; letter-spacing: 1.1px; }
.menü-bağlantısı { min-height: 44px; display: flex; align-items: center; gap: 12px; padding: 0 12px; margin: 3px 0; border-radius: 9px; color: #71808a; text-decoration: none; transition: background .18s, color .18s, transform .18s; }
.menü-bağlantısı:hover { background: #f0f5f5; color: var(--ana-renk-koyu); transform: translateX(2px); }
.menü-bağlantısı.aktif { color: var(--ana-renk-koyu); background: var(--ana-renk-soluk); font-weight: 600; }
.menü-bağlantısı svg { width: 18px; height: 18px; stroke-width: 1.8; }
.menü-bağlantısı em { margin-left: auto; min-width: 23px; padding: 3px 6px; border-radius: 5px; background: #dff0f0; color: var(--ana-renk-koyu); font-size: 11px; font-style: normal; text-align: center; }
.kullanici-karti { display: flex; align-items: center; gap: 9px; padding: 13px 9px 0; border-top: 1px solid var(--kenar); }
.avatar { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; background: #dceff0; color: var(--ana-renk-koyu); font-size: 11px; font-weight: 700; }
.avatar-koyu { background: #d4e7e8; }
.kullanici-bilgi, .nav-kullanici > div:nth-child(2) { min-width: 0; flex: 1; }
.kullanici-bilgi strong, .nav-kullanici strong { display: block; overflow: hidden; color: #41505a; font-size: 11px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.kullanici-bilgi span, .nav-kullanici span { display: block; overflow: hidden; margin-top: 3px; color: #9aa5ab; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.ikon-butonu { width: 38px; height: 38px; padding: 0; border: 1px solid var(--kenar); border-radius: 9px; background: #fff; color: #70808a; display: grid; place-items: center; transition: border-color .18s, color .18s, background .18s; }
.ikon-butonu:hover { border-color: #b9d9db; background: var(--ana-renk-soluk); color: var(--ana-renk-koyu); }
.ikon-butonu svg { width: 17px; height: 17px; }
.ikon-butonu.küçük { width: 25px; height: 25px; border: 0; background: transparent; }
.ana-alan { min-width: 0; flex: 1; }
.üst-navigasyon { min-height: 96px; padding: 23px 42px 20px; background: rgba(255,255,255,.78); border-bottom: 1px solid var(--kenar); display: flex; align-items: center; justify-content: space-between; }
.sayfa-başlığı h1 { margin: 0; font: 700 22px/1.2 'Manrope', sans-serif; letter-spacing: -.5px; }
.sayfa-başlığı p { margin: 6px 0 0; color: var(--ikincil-metin); font-size: 12px; }
.navigasyon-eylemleri { display: flex; align-items: center; gap: 25px; }
.bildirim-butonu { position: relative; }
.bildirim-butonu b { position: absolute; top: 8px; right: 9px; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 50%; background: #d58952; }
.nav-kullanici { display: flex; align-items: center; gap: 9px; }
.nav-kullanici > svg { width: 15px; color: var(--soluk-metin); }
.içerik { max-width: 1500px; margin: 0 auto; padding: 34px 42px 50px; }
.eylem-satırı { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
.eylem-satırı h2 { margin: 0; font: 700 16px 'Manrope', sans-serif; }
.eylem-satırı p { margin: 5px 0 0; color: var(--ikincil-metin); font-size: 12px; }
.birincil-butonu { min-height: 39px; padding: 0 15px; border: 0; border-radius: 8px; background: var(--ana-renk); color: #fff; display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; text-decoration: none; box-shadow: 0 4px 11px rgba(75, 156, 166, .16); transition: background .18s, transform .18s, box-shadow .18s; }
.birincil-butonu:hover { background: var(--ana-renk-koyu); transform: translateY(-1px); box-shadow: 0 7px 15px rgba(75,156,166,.21); }
.birincil-butonu svg { width: 16px; height: 16px; }
.istatistikler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; margin-bottom: 28px; }
.istatistik-karti { min-height: 132px; padding: 20px; background: var(--kart); border: 1px solid var(--kenar); border-radius: var(--yaricap); box-shadow: var(--golge); }
.istatistik-üst { display: flex; align-items: center; justify-content: space-between; }
.istatistik-üst span { color: var(--ikincil-metin); font-size: 12px; font-weight: 500; }
.istatistik-ikon { width: 31px; height: 31px; border-radius: 8px; display: grid; place-items: center; }
.istatistik-ikon svg { width: 16px; height: 16px; }
.ikon-mavi { color: #4585a7; background: var(--mavi-soluk); }.ikon-yeşil { color: var(--yesil); background: var(--yesil-soluk); }.ikon-turuncu { color: var(--turuncu); background: var(--turuncu-soluk); }.ikon-turkuaz { color: var(--ana-renk-koyu); background: var(--ana-renk-soluk); }
.istatistik-değer { margin-top: 17px; font: 700 25px 'Manrope', sans-serif; letter-spacing: -.7px; }
.istatistik-değişim { float: right; margin-top: 10px; color: var(--yesil); font-size: 10px; }
.istatistik-değişim.nötr { color: var(--ikincil-metin); }
.alt-ızgara { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, .8fr); gap: 18px; }
.panel { background: var(--kart); border: 1px solid var(--kenar); border-radius: var(--yaricap); box-shadow: var(--golge); overflow: hidden; }
.panel-başlık { min-height: 68px; padding: 18px 20px; border-bottom: 1px solid #edf0f2; display: flex; align-items: center; justify-content: space-between; }
.panel-başlık h2 { margin: 0; font: 700 14px 'Manrope', sans-serif; }.panel-başlık p { margin: 4px 0 0; color: var(--ikincil-metin); font-size: 11px; }
.metinsel-bağlantı { color: var(--ana-renk-koyu); font-size: 11px; font-weight: 600; text-decoration: none; }.metinsel-bağlantı:hover { text-decoration: underline; }
.veri-tablosu { width: 100%; border-collapse: collapse; text-align: left; }.veri-tablosu th { padding: 12px 20px; color: #a0aab0; font-size: 10px; font-weight: 600; }.veri-tablosu td { padding: 14px 20px; border-top: 1px solid #f0f2f3; color: #64717a; font-size: 11px; white-space: nowrap; }.veri-tablosu td:first-child { color: #354650; font-weight: 600; }.hasta-ismi { display: flex; align-items: center; gap: 9px; }.mini-avatar { width: 27px; height: 27px; border-radius: 50%; display: grid; place-items: center; color: #487d83; background: #e4f0f0; font-size: 9px; font-weight: 700; }.durum { display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 5px; font-size: 10px; font-weight: 600; }.durum:before { width: 5px; height: 5px; border-radius: 50%; background: currentColor; content: ''; }.durum-tamamlandı { color: var(--yesil); background: var(--yesil-soluk); }.durum-analiz { color: #4885ad; background: var(--mavi-soluk); }.durum-bekliyor { color: var(--turuncu); background: var(--turuncu-soluk); }.tablo-eylem { color: #9ba6ac; background: transparent; border: 0; }.tablo-eylem svg { width: 16px; }
.hızlı-eylemler { padding: 20px; }.hızlı-eylem { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid #eef1f2; color: var(--metin); text-decoration: none; }.hızlı-eylem:last-child { border: 0; padding-bottom: 0; }.hızlı-eylem:first-child { padding-top: 0; }.hızlı-eylem > svg { width: 17px; color: var(--ana-renk-koyu); }.hızlı-eylem strong { display: block; font-size: 12px; font-weight: 600; }.hızlı-eylem span { display: block; margin-top: 3px; color: var(--ikincil-metin); font-size: 10px; }.hızlı-eylem .sağ-ok { margin-left: auto; color: #b2bdc2; width: 15px; }
.menü-aç { display: none; border: 0; background: transparent; color: var(--metin); }
@media (max-width: 1050px) { .istatistikler { grid-template-columns: repeat(2, 1fr); }.alt-ızgara { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .kenar-cubugu { position: fixed; z-index: 10; left: -270px; transition: left .2s; box-shadow: 10px 0 30px rgba(30,50,60,.08); }.kenar-cubugu.açık { left: 0; }.üst-navigasyon { padding: 18px 20px; }.menü-aç { display: grid; place-items: center; margin-right: 12px; }.üst-navigasyon { justify-content: flex-start; }.navigasyon-eylemleri { margin-left: auto; gap: 10px; }.nav-kullanici > div:nth-child(2), .nav-kullanici > svg { display: none; }.içerik { padding: 24px 18px 35px; }.istatistikler { gap: 10px; }.istatistik-karti { padding: 15px; min-height: 115px; }.istatistik-değer { margin-top: 12px; }.eylem-satırı { align-items: flex-start; gap: 15px; }.veri-tablosu { min-width: 700px; }.panel:has(.veri-tablosu) { overflow-x: auto; } }
.landing-sayfası { min-height: 100vh; background: #f4f7f7; }.landing { min-height: 100vh; display: grid; grid-template-columns: 1.05fr .95fr; }.landing-görsel { position: relative; min-height: 100vh; padding: 38px 8%; overflow: hidden; background: linear-gradient(135deg, #dceeed 0%, #eef6f5 52%, #d3e8e7 100%); display: flex; flex-direction: column; }.landing-görsel:after { position: absolute; right: -120px; bottom: 80px; width: 500px; height: 500px; border: 1px solid rgba(75,156,166,.2); border-radius: 50%; box-shadow: 0 0 0 50px rgba(75,156,166,.035), 0 0 0 100px rgba(75,156,166,.025); content: ''; }.landing-görsel-üst, .landing-görsel-alt { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; color: #8ba1a4; font-size: 10px; }.landing-görsel-üst > span, .landing-görsel-alt span:last-child { display: flex; align-items: center; gap: 5px; }.landing-görsel-üst > span svg { width: 13px; color: var(--yesil); }.landing-görsel-içerik { position: relative; z-index: 1; max-width: 560px; margin: auto 0; }.landing-görsel-içerik h1 { margin: 21px 0 18px; font: 800 clamp(34px, 4vw, 58px)/1.08 'Manrope', sans-serif; letter-spacing: -2.5px; color: #253e46; }.landing-görsel-içerik h1 em { color: var(--ana-renk-koyu); font-style: normal; }.landing-görsel-içerik > p { max-width: 430px; margin: 0; color: #70878b; font-size: 14px; line-height: 1.7; }.landing-görsel-kart { width: min(100%, 310px); margin-top: 40px; padding: 13px; border: 1px solid rgba(75,156,166,.16); border-radius: 10px; background: rgba(255,255,255,.52); display: flex; align-items: center; gap: 10px; }.landing-görsel-kart > svg { width: 20px; color: var(--ana-renk-koyu); }.landing-görsel-kart strong { display: block; color: #516b71; font-size: 11px; }.landing-görsel-kart span { display: block; margin-top: 3px; color: #91a3a6; font-size: 9px; }.landing-form { min-height: 100vh; background: #fff; display: grid; place-items: center; padding: 45px 9%; }.landing-form-içerik { width: min(100%, 390px); }.landing-sekmeleri { display: flex; gap: 20px; border-bottom: 1px solid #e8edef; }.landing-sekmeleri a { position: relative; padding: 0 2px 13px; color: #a0abb0; text-decoration: none; font-size: 12px; font-weight: 700; }.landing-sekmeleri a.aktif { color: var(--ana-renk-koyu); }.landing-sekmeleri a.aktif:after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; border-radius: 2px; background: var(--ana-renk); content: ''; }.landing-form-metni { margin-top: 50px; }.landing-form-metni > span { color: var(--ana-renk-koyu); font-size: 12px; font-weight: 700; }.landing-form-metni h2 { margin: 12px 0 8px; font: 800 28px 'Manrope', sans-serif; letter-spacing: -1px; }.landing-form-metni p { margin: 0; color: var(--ikincil-metin); font-size: 12px; line-height: 1.6; }.landing-eylemler { margin-top: 32px; }.landing-eylemler .giriş-butonu { text-decoration: none; }.landing-kayıt-linki { margin-top: 18px; color: var(--ana-renk-koyu); display: flex; justify-content: center; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; text-decoration: none; }.landing-kayıt-linki svg { width: 14px; }.landing-güven { margin-top: 65px; padding-top: 15px; border-top: 1px solid #edf0f2; color: #a0abb0; display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 9px; }.landing-güven svg { width: 14px; color: var(--yesil); }.form-başarı { margin: -10px 0 18px; padding: 10px 12px; border: 1px solid #cce9d9; border-radius: 7px; background: var(--yesil-soluk); color: #498267; display: flex; align-items: center; gap: 7px; font-size: 11px; }.form-başarı svg { width: 15px; }
.başvuru-sayacı { padding: 8px 10px; border-radius: 6px; background: var(--turuncu-soluk); color: var(--turuncu); font-size: 10px; font-weight: 700; }.başvuru-satırı { min-height: 84px; padding: 15px 20px; border-top: 1px solid #edf0f2; display: grid; grid-template-columns: 1.4fr 1fr 145px 190px; align-items: center; gap: 16px; }.başvuru-kimlik { display: flex; align-items: center; gap: 10px; }.başvuru-satırı strong { display: block; color: #53656c; font-size: 11px; }.başvuru-satırı span { display: block; margin-top: 4px; color: #9da9ad; font-size: 9px; }.başvuru-tarihi { color: #7c8b91; font-size: 10px; }.başvuru-eylemleri { display: flex; justify-content: flex-end; gap: 8px; }.başvuru-eylemleri form { margin: 0; }.başvuru-eylemleri .birincil-butonu, .başvuru-eylemleri .ikincil-butonu { min-height: 33px; padding: 0 11px; font-size: 10px; }.boş-durum { min-height: 230px; display: grid; place-content: center; justify-items: center; gap: 8px; color: #9ba8ad; text-align: center; }.boş-durum svg { width: 26px; color: #9fc2c5; }.boş-durum strong { color: #687980; font-size: 12px; }.boş-durum span { font-size: 10px; }
.başvuru-tablosu-başlık { display: grid; grid-template-columns: 1.2fr 1.2fr .7fr 130px 190px; gap: 16px; padding: 12px 20px; border-top: 1px solid #edf0f2; border-bottom: 1px solid #e5edef; background: #f8fbfb; color: #91a0a5; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.başvuru-satırı { grid-template-columns: 1.2fr 1.2fr .7fr 130px 190px; }
.başvuru-satırı > div { min-width: 0; }
.başvuru-satırı > div:first-child strong { color: #2d5059; font-size: 12px; }
.başvuru-konum, .başvuru-tarihi { display: grid; gap: 4px; }
.başvuru-konum strong, .başvuru-tarihi strong { color: #526970; font-size: 11px; }
.başvuru-konum span, .başvuru-tarihi span { margin-top: 0; color: #9aa8ad; font-size: 9px; }
@media (max-width: 800px) { .landing { grid-template-columns: 1fr; }.landing-görsel { min-height: 300px; padding: 25px; }.landing-görsel-içerik { margin: auto 0 10px; }.landing-görsel-içerik h1 { font-size: 34px; }.landing-görsel-kart, .landing-görsel-alt { display: none; }.landing-form { min-height: 560px; padding: 35px 24px; }.landing-form-metni { margin-top: 35px; }.landing-güven { margin-top: 45px; }.başvuru-tablosu-başlık { display: none; }.başvuru-satırı { grid-template-columns: 1fr; gap: 10px; padding: 16px 20px; }.başvuru-eylemleri { justify-content: flex-start; } }
@media (max-width: 480px) { .istatistikler { grid-template-columns: 1fr 1fr; }.istatistik-üst span { font-size: 10px; }.istatistik-değer { font-size: 21px; }.birincil-butonu { padding: 0 11px; }.sayfa-başlığı h1 { font-size: 18px; }.sayfa-başlığı p { display: none; } }
.sayfa-üstü { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 25px; }.sayfa-etiketi { color: var(--ana-renk-koyu); font-size: 9px; font-weight: 700; letter-spacing: 1.2px; }.sayfa-üstü h2 { margin: 8px 0 5px; font: 700 21px 'Manrope', sans-serif; letter-spacing: -.5px; }.sayfa-üstü p { margin: 0; color: var(--ikincil-metin); font-size: 12px; }
.uzman-özetleri { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 22px; }.özet-sayı { min-height: 82px; padding: 16px 18px; border: 1px solid var(--kenar); border-radius: var(--yaricap); background: #fff; box-shadow: var(--golge); display: flex; align-items: center; gap: 13px; }.özet-ikon { width: 35px; height: 35px; border-radius: 9px; display: grid; place-items: center; }.özet-ikon svg { width: 17px; }.avatar-mavi { background: #e1eff5; color: #527e96; }.avatar-gül { background: #f4e8e8; color: #9a6e75; }.avatar-kum { background: #f1eadf; color: #947d60; }
.uzman-panel { overflow: visible; }.liste-kontrolü { min-height: 78px; padding: 18px 20px; border-bottom: 1px solid #edf0f2; display: flex; align-items: center; justify-content: space-between; gap: 18px; }.arama-kutusu { width: min(270px, 100%); height: 37px; padding: 0 11px; border: 1px solid var(--kenar); border-radius: 7px; background: #fbfcfc; display: flex; align-items: center; gap: 8px; }.arama-kutusu:focus-within { border-color: #9cced1; box-shadow: 0 0 0 3px rgba(75,156,166,.08); }.arama-kutusu svg { width: 15px; color: #9ba8ad; }.arama-kutusu input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--metin); font-size: 11px; }.filtre-grubu { display: flex; gap: 4px; }.filtre-butonu { padding: 7px 9px; border: 0; border-radius: 6px; background: transparent; color: #88959b; font-size: 10px; font-weight: 600; }.filtre-butonu span { margin-left: 4px; color: #adb7bc; }.filtre-butonu:hover, .filtre-butonu.aktif { background: var(--ana-renk-soluk); color: var(--ana-renk-koyu); }.filtre-butonu.aktif span { color: var(--ana-renk-koyu); }
.uzman-tablosu-başlığı, .uzman-satırı { display: grid; grid-template-columns: minmax(215px, 1.5fr) minmax(190px, 1.25fr) 100px 105px 65px; align-items: center; gap: 16px; }.uzman-tablosu-başlığı { padding: 15px 20px 11px; color: #a0aab0; font-size: 9px; font-weight: 700; letter-spacing: .5px; }.uzman-satırı { min-height: 78px; padding: 13px 20px; border-top: 1px solid #f0f2f3; }.uzman-kimlik { display: flex; align-items: center; gap: 11px; }.uzman-avatar { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: #dceff0; color: var(--ana-renk-koyu); font-size: 10px; font-weight: 700; }.uzman-kimlik strong { display: block; color: #3e4f58; font-size: 11px; font-weight: 700; }.uzman-kimlik span, .analiz-sayısı span { display: block; margin-top: 4px; color: #a0abb0; font-size: 10px; }.uzmanlık-alanı { color: #66757c; font-size: 11px; line-height: 1.4; }.analiz-sayısı strong { display: block; color: #41545d; font-size: 13px; font-weight: 700; }.analiz-sayısı span { margin-top: 2px; }.uzman-durumu { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 5px; font-size: 10px; font-weight: 600; }.uzman-durumu i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }.uzman-aktif { color: var(--yesil); background: var(--yesil-soluk); }.uzman-pasif { color: #9b8880; background: #f5efed; }.uzman-eylemleri { display: flex; justify-content: flex-end; gap: 3px; }.uzman-eylemleri .tablo-eylem { width: 26px; height: 26px; display: grid; place-items: center; }.uzman-eylemleri svg { width: 14px; }
.liste-altbilgisi { min-height: 62px; padding: 14px 20px; border-top: 1px solid #edf0f2; color: #9da8ad; display: flex; align-items: center; justify-content: space-between; font-size: 10px; }.sayfa-butonu { width: 27px; height: 27px; margin-left: 3px; padding: 0; border: 1px solid var(--kenar); border-radius: 5px; background: #fff; color: #8c999e; font-size: 10px; }.sayfa-butonu.aktif, .sayfa-butonu:hover { border-color: #b9d9db; background: var(--ana-renk-soluk); color: var(--ana-renk-koyu); }.sayfa-butonu svg { width: 13px; vertical-align: middle; }.ikincil-butonu { min-height: 39px; padding: 0 15px; border: 1px solid var(--kenar); border-radius: 8px; background: #fff; color: #68777e; font-size: 12px; font-weight: 600; }.ikincil-butonu:hover { border-color: #b9d9db; background: #f5fbfb; }.modal-arka-plan { position: fixed; z-index: 20; inset: 0; padding: 20px; background: rgba(34,55,62,.25); display: none; place-items: center; }.modal-arka-plan.açık { display: grid; }.modal-pencere { width: min(100%, 480px); padding: 24px; border: 1px solid var(--kenar); border-radius: 13px; background: #fff; box-shadow: 0 18px 50px rgba(33,55,64,.18); }.modal-başlık { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 25px; }.modal-başlık h2 { margin: 8px 0 0; font: 700 20px 'Manrope', sans-serif; }.modal-kapat { width: 30px; height: 30px; border: 0; border-radius: 7px; background: #f4f7f7; color: #7c8a90; display: grid; place-items: center; }.modal-kapat:hover { color: var(--ana-renk-koyu); background: var(--ana-renk-soluk); }.modal-kapat svg { width: 16px; }.form-ızgara { display: grid; grid-template-columns: 1fr 1fr; gap: 17px 13px; }.form-ızgara label { color: #53636c; font-size: 11px; font-weight: 700; }.form-ızgara input, .form-ızgara select { width: 100%; height: 42px; margin-top: 8px; padding: 0 11px; border: 1px solid #dfe6e8; border-radius: 7px; outline: 0; background: #fcfdfd; color: #63737a; font-size: 11px; }.form-ızgara input:focus, .form-ızgara select:focus { border-color: #8fc7ca; box-shadow: 0 0 0 3px rgba(75,156,166,.1); }.tam-genişlik { grid-column: 1 / -1; }.modal-eylemleri { display: flex; justify-content: flex-end; gap: 9px; margin-top: 27px; }
@media (max-width: 760px) { .sayfa-üstü { align-items: flex-start; }.uzman-özetleri { grid-template-columns: 1fr; gap: 9px; }.liste-kontrolü { align-items: stretch; flex-direction: column; }.arama-kutusu { width: 100%; }.uzman-tablosu-başlığı, .uzman-satırı { min-width: 760px; }.uzman-panel { overflow-x: auto; }.liste-altbilgisi { min-width: 760px; } }
.hasta-özetleri .özet-sayı { position: relative; }.özet-değişim { position: absolute; right: 18px; bottom: 17px; color: var(--yesil); font-size: 9px; font-style: normal; }.hasta-filtreleri { display: flex; align-items: center; gap: 5px; }.hasta-filtreleri select { height: 34px; margin-right: 6px; padding: 0 27px 0 10px; border: 1px solid var(--kenar); border-radius: 7px; outline: 0; background: #fbfcfc; color: #79878d; font-size: 10px; }.hasta-filtreleri select:focus { border-color: #9cced1; }.hasta-tablosu-başlığı, .hasta-satırı { display: grid; grid-template-columns: minmax(190px, 1.35fr) minmax(155px, 1fr) minmax(145px, 1fr) 65px 95px 63px; align-items: center; gap: 14px; }.hasta-tablosu-başlığı { padding: 15px 20px 11px; color: #a0aab0; font-size: 9px; font-weight: 700; letter-spacing: .5px; }.hasta-satırı { min-height: 78px; padding: 13px 20px; border-top: 1px solid #f0f2f3; }.hasta-kimlik { display: flex; align-items: center; gap: 11px; }.hasta-avatar { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: #dceff0; color: var(--ana-renk-koyu); font-size: 10px; font-weight: 700; }.hasta-mavi { background: #e1eff5; color: #527e96; }.hasta-gül { background: #f4e8e8; color: #9a6e75; }.hasta-kum { background: #f1eadf; color: #947d60; }.hasta-yeşil { background: #e2f0e9; color: #4e8a6d; }.hasta-lila { background: #ebe8f2; color: #756b9b; }.hasta-kimlik strong, .son-analiz strong { display: block; color: #3e4f58; font-size: 11px; font-weight: 700; }.hasta-kimlik span, .son-analiz span { display: block; margin-top: 4px; color: #a0abb0; font-size: 10px; }.hasta-telefon { color: #718087; display: flex; align-items: center; gap: 7px; font-size: 10px; }.hasta-telefon svg { width: 13px; color: #a4b0b5; }.son-analiz strong { color: #63737a; font-weight: 600; }.son-analiz span { margin-top: 3px; }.hasta-durumu { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 5px; font-size: 10px; font-weight: 600; }.hasta-durumu i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }.hasta-aktif { color: var(--yesil); background: var(--yesil-soluk); }.hasta-bekliyor { color: var(--turuncu); background: var(--turuncu-soluk); }.hasta-eylemleri { display: flex; justify-content: flex-end; gap: 3px; }.hasta-eylemleri .tablo-eylem { width: 26px; height: 26px; display: grid; place-items: center; }.hasta-eylemleri svg { width: 14px; }
@media (max-width: 760px) { .hasta-filtreleri { flex-wrap: wrap; }.hasta-filtreleri select { width: 100%; margin: 0 0 5px; }.hasta-tablosu-başlığı, .hasta-satırı { min-width: 800px; }.hasta-panel { overflow-x: auto; } }
.analiz-özetleri { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 22px; }.analiz-özet { position: relative; min-height: 115px; padding: 18px 20px; border: 1px solid var(--kenar); border-radius: var(--yaricap); background: #fff; box-shadow: var(--golge); overflow: hidden; }.analiz-özet > span { display: block; color: var(--ikincil-metin); font-size: 11px; }.analiz-özet strong { display: block; margin-top: 13px; font: 700 25px 'Manrope', sans-serif; letter-spacing: -.7px; }.analiz-özet > i { position: absolute; top: 18px; right: 19px; width: 18px; color: var(--ana-renk-koyu); }.analiz-özet small { display: block; margin-top: 8px; color: var(--ikincil-metin); font-size: 9px; }.analiz-özet.kart-yeşil > i { color: var(--yesil); }.analiz-özet.kart-mavi > i { color: #4d83a3; }.analiz-özet.kart-turuncu > i { color: var(--turuncu); }.analiz-kontrolü { min-height: 69px; padding: 16px 20px; border-bottom: 1px solid #edf0f2; display: flex; align-items: center; justify-content: space-between; gap: 18px; }.analiz-sekmesi { display: flex; gap: 4px; }.analiz-sekme { padding: 8px 10px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #8c999e; font-size: 10px; font-weight: 600; }.analiz-sekme span { margin-left: 4px; color: #b0b9bd; font-size: 9px; }.analiz-sekme:hover, .analiz-sekme.aktif { border-color: var(--ana-renk); color: var(--ana-renk-koyu); }.analiz-sekme.aktif span { color: var(--ana-renk-koyu); }.analiz-arama { width: 220px; }.durum-seçenekleri { min-height: 52px; padding: 10px 20px; border-bottom: 1px solid #edf0f2; display: flex; align-items: center; gap: 6px; }.durum-seçenekleri > span { margin-right: 5px; color: #a0aab0; font-size: 10px; }.durum-filtresi { padding: 6px 8px; border: 0; border-radius: 5px; background: transparent; color: #849198; font-size: 10px; }.durum-filtresi:hover, .durum-filtresi.aktif { background: #f0f6f7; color: var(--ana-renk-koyu); }.filtre-ikon-butonu { width: 28px; height: 27px; margin-left: auto; border: 1px solid var(--kenar); border-radius: 6px; background: #fff; color: #89979c; display: grid; place-items: center; }.filtre-ikon-butonu svg { width: 14px; }.analiz-tablosu-başlığı, .analiz-satırı { display: grid; grid-template-columns: minmax(175px, 1.25fr) minmax(145px, 1fr) minmax(155px, 1.1fr) 145px 120px 57px; align-items: center; gap: 15px; }.analiz-tablosu-başlığı { padding: 15px 20px 11px; color: #a0aab0; font-size: 9px; font-weight: 700; letter-spacing: .5px; }.analiz-satırı { min-height: 80px; padding: 13px 20px; border-top: 1px solid #f0f2f3; }.analiz-kodu, .analiz-uzmanı { display: flex; align-items: center; gap: 9px; }.analiz-kodu-ikon { width: 29px; height: 29px; border-radius: 7px; display: grid; place-items: center; }.analiz-kodu-ikon svg { width: 15px; }.analiz-kodu strong { display: block; color: #3e4f58; font-size: 11px; }.analiz-kodu span { display: block; margin-top: 3px; color: #a0abb0; font-size: 10px; }.analiz-satırı .hasta-kimlik { gap: 8px; }.analiz-satırı .hasta-avatar { width: 29px; height: 29px; font-size: 9px; }.analiz-satırı .hasta-kimlik strong { color: #526169; font-size: 10px; }.analiz-uzmanı { color: #68777e; font-size: 10px; }.analiz-uzmanı svg { width: 14px; color: #9aa8ad; }.analiz-durumu { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 5px; font-size: 10px; font-weight: 600; }.analiz-durumu i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }.analiz-tamamlandı { color: var(--yesil); background: var(--yesil-soluk); }.analiz-devam { color: #4d83a3; background: var(--mavi-soluk); }.analiz-bekliyor { color: var(--turuncu); background: var(--turuncu-soluk); }.ilerleme { width: 85px; height: 3px; margin-top: 7px; border-radius: 3px; background: #e5eef2; overflow: hidden; }.ilerleme span { display: block; height: 100%; border-radius: inherit; background: #78b4c0; }.analiz-tarihi strong { display: block; color: #66757c; font-size: 10px; font-weight: 600; }.analiz-tarihi span { display: block; margin-top: 3px; color: #a0abb0; font-size: 9px; }.analiz-eylemleri { display: flex; justify-content: flex-end; gap: 3px; }.analiz-eylemleri .tablo-eylem { width: 26px; height: 26px; display: grid; place-items: center; }.analiz-eylemleri svg { width: 14px; }
@media (max-width: 1050px) { .analiz-özetleri { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 760px) { .analiz-kontrolü { align-items: stretch; flex-direction: column; }.analiz-sekmesi { overflow-x: auto; }.analiz-sekme { white-space: nowrap; }.analiz-arama { width: 100%; }.durum-seçenekleri { overflow-x: auto; white-space: nowrap; }.analiz-tablosu-başlığı, .analiz-satırı { min-width: 790px; }.analiz-panel { overflow-x: auto; } }
.analiz-panel { overflow: visible; }.analiz-panel #analizListesi { overflow: visible; }.analiz-panel #analizListesi .analiz-satırı:last-child .satır-menüsü { top: auto; bottom: calc(100% + 3px); }
.yeni-analiz-üstü { align-items: center; }.adım-göstergesi { display: flex; align-items: center; gap: 10px; color: #a3aeb2; font-size: 10px; font-weight: 600; }.adım-göstergesi span { display: flex; align-items: center; gap: 6px; white-space: nowrap; }.adım-göstergesi b { width: 23px; height: 23px; border-radius: 50%; background: #e8edef; display: grid; place-items: center; color: #8e9ba0; font-size: 9px; }.adım-göstergesi span.aktif { color: var(--ana-renk-koyu); }.adım-göstergesi span.aktif b { background: var(--ana-renk); color: #fff; }.adım-göstergesi i { width: 23px; height: 1px; background: #dce3e5; }.analiz-akışı { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.3fr); gap: 18px; }.akış-kartı { min-width: 0; padding: 25px; border: 1px solid var(--kenar); border-radius: var(--yaricap); background: #fff; box-shadow: var(--golge); }.akış-kartı-başlık { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 25px; }.akış-kartı-başlık h3 { margin: 9px 0 5px; font: 700 16px 'Manrope', sans-serif; letter-spacing: -.3px; }.akış-kartı-başlık p { margin: 0; color: var(--ikincil-metin); font-size: 11px; }.adım-numarası { color: #dce5e7; font: 700 30px 'Manrope', sans-serif; letter-spacing: -1px; }.tür-seçenekleri { display: grid; gap: 10px; }.tür-seçeneği { position: relative; min-height: 91px; padding: 16px; border: 1px solid #e4eaec; border-radius: 9px; background: #fff; color: var(--metin); display: flex; align-items: center; gap: 12px; text-align: left; transition: border .18s, background .18s, box-shadow .18s; }.tür-seçeneği:hover { border-color: #afd3d5; background: #fbfefe; }.tür-seçeneği.aktif { border-color: #8fc7ca; background: var(--ana-renk-soluk); box-shadow: 0 0 0 2px rgba(75,156,166,.08); }.tür-ikon { width: 39px; height: 39px; flex: 0 0 auto; border-radius: 10px; display: grid; place-items: center; }.tür-ikon svg { width: 19px; }.tür-ikon-turkuaz { background: #d8eeee; color: var(--ana-renk-koyu); }.tür-ikon-mavi { background: #e1eff5; color: #4f849e; }.tür-seçeneği strong { display: block; color: #45565e; font-size: 12px; }.tür-seçeneği span { display: block; margin-top: 5px; color: #8b999e; font-size: 10px; }.seçim-işareti { width: 17px; margin-left: auto; color: transparent; }.tür-seçeneği.aktif .seçim-işareti { color: var(--ana-renk-koyu); }.yükleme-alanı { min-height: 231px; padding: 30px 20px; border: 1px dashed #b7d3d5; border-radius: 10px; background: #fbfefe; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; transition: background .18s, border .18s; }.yükleme-alanı.sürükleniyor { border-color: var(--ana-renk); background: #eef9f9; }.yükleme-ikon { width: 48px; height: 48px; margin-bottom: 14px; border-radius: 13px; background: var(--ana-renk-soluk); color: var(--ana-renk-koyu); display: grid; place-items: center; }.yükleme-ikon svg { width: 23px; }.yükleme-alanı strong { color: #506169; font-size: 12px; }.yükleme-alanı > span { margin-top: 7px; color: #98a5aa; font-size: 10px; }.yükleme-alanı > span button { padding: 0; border: 0; background: transparent; color: var(--ana-renk-koyu); font-size: 10px; font-weight: 700; }.yükleme-alanı small { margin-top: 21px; color: #b0bbbf; font-size: 9px; }.dosya-önizleme { display: none; min-height: 79px; padding: 11px; border: 1px solid #dcebed; border-radius: 9px; background: #fbfefe; align-items: center; gap: 11px; }.dosya-önizleme.görünür { display: flex; }.önizleme-resmi { position: relative; width: 56px; height: 56px; flex: 0 0 auto; border-radius: 7px; overflow: hidden; background: #eaf4f4; }.önizleme-resmi img { width: 100%; height: 100%; object-fit: cover; }.önizleme-resmi button { position: absolute; top: 3px; right: 3px; width: 17px; height: 17px; padding: 0; border: 0; border-radius: 50%; background: rgba(35,55,60,.67); color: #fff; display: grid; place-items: center; }.önizleme-resmi button svg { width: 11px; }.dosya-önizleme strong { display: block; max-width: 260px; overflow: hidden; color: #53636b; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.dosya-önizleme span { display: block; margin-top: 5px; color: #9ba8ad; font-size: 10px; }.yükleme-tamam { width: 17px; margin-left: auto; color: var(--yesil); }.analiz-alt-eylem { min-height: 71px; margin-top: 18px; padding: 14px 20px; border: 1px solid var(--kenar); border-radius: var(--yaricap); background: #fff; display: flex; align-items: center; justify-content: space-between; gap: 15px; }.analiz-alt-eylem > div { display: flex; align-items: center; gap: 8px; color: #97a5aa; font-size: 10px; }.analiz-alt-eylem > div svg { width: 16px; color: var(--yesil); }.birincil-butonu.pasif { opacity: .48; pointer-events: none; }.bildirim-mesajı { position: fixed; right: 25px; bottom: 25px; z-index: 15; padding: 11px 14px; border: 1px solid #f2dbc5; border-radius: 8px; background: #fff8f0; color: #aa7648; display: none; align-items: center; gap: 8px; box-shadow: var(--golge); font-size: 11px; }.bildirim-mesajı.görünür { display: flex; }.bildirim-mesajı svg { width: 15px; }
@media (max-width: 900px) { .analiz-akışı { grid-template-columns: 1fr; }.yeni-analiz-üstü { align-items: flex-start; flex-direction: column; }.adım-göstergesi { width: 100%; justify-content: space-between; } }
@media (max-width: 480px) { .akış-kartı { padding: 19px; }.adım-göstergesi { gap: 5px; font-size: 9px; }.adım-göstergesi i { width: 12px; }.analiz-alt-eylem { align-items: stretch; flex-direction: column; }.analiz-alt-eylem .birincil-butonu { justify-content: center; } }
.tarama-üstü { align-items: center; }.tarama-canlı { display: inline-flex; align-items: center; gap: 7px; color: var(--ana-renk-koyu); font-size: 10px; font-weight: 700; }.tarama-canlı i { width: 7px; height: 7px; border-radius: 50%; background: var(--ana-renk); box-shadow: 0 0 0 4px rgba(75,156,166,.12); animation: canlı-nokta 1.7s infinite; }.tarama-çoklu-panel { margin-top: 18px; padding: 18px; border: 1px solid rgba(117, 184, 188, .18); border-radius: 18px; background: rgba(7, 21, 23, .86); }.tarama-çoklu-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }.tarama-açı-kartı { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 10px; border: 1px solid rgba(110, 206, 184, .25); border-radius: 12px; background: rgba(13, 31, 34, .7); }.tarama-açı-başlık { color: #a9fbe5; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.tarama-açı-kutu { position: relative; min-height: 170px; overflow: hidden; border-radius: 10px; background: linear-gradient(180deg, rgba(18, 36, 39, .9), rgba(8, 24, 26, .8)); border: 1px solid rgba(122, 223, 200, .3); }.tarama-açı-kutu img, .tarama-açı-kutu video, .tarama-açı-kutu canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; border-radius: 8px; }.tarama-açı-kutu canvas { z-index: 2; pointer-events: none; }.tarama-açı-kutu video { z-index: 1; pointer-events: auto; }.tarama-yerleşimi { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .8fr); gap: 18px; }.tarama-görsel-panel { min-height: 575px; padding: 20px; }.tarama-panel-üst { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 16px; }.tarama-panel-üst strong { display: block; margin-top: 7px; color: #52636b; font-size: 11px; }.gizlilik-etiketi { display: flex; align-items: center; gap: 5px; color: #8b9a9f; font-size: 10px; }.gizlilik-etiketi svg { width: 13px; color: var(--yesil); }.tarama-kamerası { position: relative; min-height: 440px; border-radius: 9px; background: #e4eff0; display: grid; place-items: center; overflow: hidden; }.tarama-kamerası:before { position: absolute; inset: 0; background: linear-gradient(120deg, rgba(255,255,255,.26), transparent 42%, rgba(75,156,166,.1)); content: ''; }.örnek-fotoğraf { position: relative; width: min(68%, 310px); height: 365px; border: 1px solid rgba(255,255,255,.75); border-radius: 48% 48% 43% 43% / 43% 43% 52% 52%; background: radial-gradient(ellipse at 50% 28%, #e9c7b4 0 10%, transparent 10.5%), radial-gradient(ellipse at 50% 54%, #d8a995 0 3%, transparent 3.5%), radial-gradient(ellipse at 50% 50%, #dbac96 0 28%, transparent 28.5%), linear-gradient(105deg, #c69c8d, #efcfbd 45%, #bd9182); box-shadow: inset 0 0 45px rgba(82,66,65,.18), 0 12px 25px rgba(61,95,99,.13); overflow: hidden; }.örnek-fotoğraf:before { position: absolute; left: 26%; top: 35%; width: 48%; height: 30%; border-top: 1px solid rgba(71,108,113,.24); border-bottom: 1px solid rgba(71,108,113,.24); border-radius: 50%; content: ''; }.yüz-ızgarası { position: absolute; inset: 13% 12%; background: repeating-linear-gradient(90deg, transparent 0 35px, rgba(75,156,166,.13) 35px 36px), repeating-linear-gradient(0deg, transparent 0 35px, rgba(75,156,166,.13) 35px 36px); mix-blend-mode: multiply; }.yüz-işaret { position: absolute; top: 42%; width: 22px; height: 22px; border: 1px solid rgba(75,156,166,.75); border-radius: 50%; }.yüz-işaret-sol { left: 27%; }.yüz-işaret-sağ { right: 27%; }.yüz-dikey { position: absolute; top: 23%; bottom: 20%; left: 50%; width: 1px; background: rgba(75,156,166,.48); }.yüz-yatay { position: absolute; top: 48%; left: 14%; right: 14%; height: 1px; background: rgba(75,156,166,.48); }.tarama-çizgisi { position: absolute; z-index: 2; left: -5%; right: -5%; top: 0; height: 2px; background: #6ad2d1; box-shadow: 0 0 9px 2px rgba(72,211,207,.85), 0 0 30px 6px rgba(72,211,207,.3); animation: tarama-hareketi 3.2s ease-in-out infinite; }.fotoğraf-etiketi { position: absolute; left: 16px; bottom: 16px; padding: 5px 7px; border: 1px solid rgba(255,255,255,.5); border-radius: 4px; background: rgba(50,75,78,.28); color: rgba(255,255,255,.8); font-size: 8px; letter-spacing: 1px; }.tarama-köşe { position: absolute; z-index: 3; width: 25px; height: 25px; border-color: rgba(92,183,188,.78); border-style: solid; }.köşe-sol-üst { top: 16px; left: 16px; border-width: 1px 0 0 1px; }.köşe-sağ-üst { top: 16px; right: 16px; border-width: 1px 1px 0 0; }.köşe-sol-alt { bottom: 16px; left: 16px; border-width: 0 0 1px 1px; }.köşe-sağ-alt { right: 16px; bottom: 16px; border-width: 0 1px 1px 0; }.görsel-altbilgi { padding-top: 14px; display: flex; align-items: center; justify-content: space-between; color: #96a4a9; font-size: 9px; }.görsel-altbilgi span:first-child { display: flex; align-items: center; gap: 6px; color: #66878c; }.görsel-altbilgi svg { width: 14px; color: var(--ana-renk); }.tarama-durum { min-height: 575px; padding: 23px; }.durum-panel-üst { display: flex; align-items: flex-start; justify-content: space-between; }.durum-panel-üst h3 { margin: 9px 0 0; font: 700 16px 'Manrope', sans-serif; }.ilerleme-yüzdesi { color: var(--ana-renk-koyu); font: 700 24px 'Manrope', sans-serif; }.genel-ilerleme { height: 5px; margin: 20px 0 26px; border-radius: 4px; background: #e7eff0; overflow: hidden; }.genel-ilerleme span { display: block; height: 100%; border-radius: inherit; background: var(--ana-renk); transition: width .5s; }.analiz-aşamaları { display: grid; gap: 0; }.analiz-aşaması { position: relative; min-height: 59px; padding-left: 39px; display: flex; align-items: flex-start; gap: 10px; }.analiz-aşaması:not(:last-child):before { position: absolute; left: 10px; top: 25px; bottom: -1px; width: 1px; background: #e4eaeb; content: ''; }.aşama-ikon { position: absolute; left: 0; top: 0; width: 21px; height: 21px; border: 1px solid #dbe4e6; border-radius: 50%; background: #fff; color: #a9b5b9; display: grid; place-items: center; }.aşama-ikon svg { width: 12px; }.analiz-aşaması strong { display: block; color: #78868c; font-size: 11px; font-weight: 600; }.analiz-aşaması small { display: block; margin-top: 5px; color: #aab4b8; font-size: 9px; }.analiz-aşaması.tamamlandı .aşama-ikon { border-color: #a9d8bf; background: var(--yesil-soluk); color: var(--yesil); }.analiz-aşaması.tamamlandı strong { color: #627c70; }.analiz-aşaması.aktif .aşama-ikon { border-color: #99cdd0; background: var(--ana-renk-soluk); color: var(--ana-renk-koyu); }.analiz-aşaması.aktif .aşama-ikon svg { animation: dönen-ikon 1.5s linear infinite; }.analiz-aşaması.aktif strong { color: var(--ana-renk-koyu); }.tarama-notu { margin-top: 10px; padding: 12px; border-radius: 7px; background: #f5f9f9; color: #8c9da1; display: flex; align-items: flex-start; gap: 7px; font-size: 10px; line-height: 1.5; }.tarama-notu svg { width: 14px; flex: 0 0 auto; color: var(--ana-renk); }.tarama-alt-eylem { min-height: 70px; margin-top: 18px; padding: 14px 20px; border: 1px solid var(--kenar); border-radius: var(--yaricap); background: #fff; display: flex; align-items: center; gap: 16px; }.tarama-alt-eylem .ikincil-butonu { display: inline-flex; align-items: center; gap: 7px; text-decoration: none; }.tarama-alt-eylem .ikincil-butonu svg { width: 14px; }.tarama-alt-eylem > span { margin: auto; color: #9aa7ab; display: flex; align-items: center; gap: 6px; font-size: 10px; }.tarama-alt-eylem > span svg { width: 14px; }.tarama-devam:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }.tarama-devam { display: inline-flex; align-items: center; }.tarama-devam svg { width: 15px; }.tarama-canlı + * {} @keyframes tarama-hareketi { 0%, 100% { top: 6%; opacity: .55; } 50% { top: 92%; opacity: 1; } } @keyframes canlı-nokta { 0%, 100% { opacity: 1; } 50% { opacity: .35; } } @keyframes dönen-ikon { to { transform: rotate(360deg); } }
@media (max-width: 980px) { .tarama-yerleşimi { grid-template-columns: 1fr; }.tarama-görsel-panel, .tarama-durum { min-height: auto; }.tarama-kamerası { min-height: 420px; } }
@media (max-width: 600px) { .tarama-üstü { align-items: flex-start; flex-direction: column; }.tarama-görsel-panel, .tarama-durum { padding: 16px; }.tarama-kamerası { min-height: 350px; }.örnek-fotoğraf { height: 295px; width: 67%; }.tarama-alt-eylem { align-items: stretch; flex-direction: column; }.tarama-alt-eylem > span { margin: 0; }.tarama-alt-eylem .birincil-butonu, .tarama-alt-eylem .ikincil-butonu { justify-content: center; } }
.analiz-görseli { position: relative; width: min(68%, 310px); height: 365px; overflow: hidden; }.analiz-görseli:before { position: absolute; content: ''; }.analiz-görseli-burun { border-radius: 43% 43% 38% 38%; background: radial-gradient(ellipse at 50% 45%, #d8aa95 0 12%, transparent 12.5%), linear-gradient(100deg, #b88678, #e9c1ad 48%, #b27e72); box-shadow: inset 0 0 45px rgba(82,66,65,.18), 0 12px 25px rgba(61,95,99,.13); }.analiz-görseli-burun:before { left: 24%; top: 44%; width: 52%; height: 15%; border-top: 2px solid rgba(75,156,166,.48); border-bottom: 1px solid rgba(75,156,166,.32); border-radius: 50%; }.analiz-görseli-saç { height: 335px; border-radius: 48% 48% 16% 16% / 44% 44% 12% 12%; background: radial-gradient(ellipse at 50% 32%, #ddb09a 0 25%, transparent 25.5%), linear-gradient(100deg, #493b3c, #74504a 45%, #3c3033); box-shadow: inset 0 -40px 50px rgba(34,47,53,.18), 0 12px 25px rgba(61,95,99,.13); }.analiz-görseli-saç:before { left: 8%; top: 6%; width: 84%; height: 52%; border-radius: 50% 50% 30% 30%; background: repeating-linear-gradient(105deg, rgba(75,156,166,.4) 0 1px, transparent 1px 12px), rgba(46,38,41,.78); box-shadow: 0 12px 24px rgba(37,32,34,.25); }.analiz-görseli-yüz { border-radius: 48% 48% 43% 43% / 43% 43% 52% 52%; background: radial-gradient(ellipse at 50% 28%, #e9c7b4 0 10%, transparent 10.5%), radial-gradient(ellipse at 50% 54%, #d8a995 0 3%, transparent 3.5%), linear-gradient(105deg, #c69c8d, #efcfbd 45%, #bd9182); box-shadow: inset 0 0 45px rgba(82,66,65,.18), 0 12px 25px rgba(61,95,99,.13); }.analiz-görseli-yüz:before { left: 25%; top: 35%; width: 50%; height: 30%; border-top: 1px solid rgba(71,108,113,.3); border-bottom: 1px solid rgba(71,108,113,.3); border-radius: 50%; }.analiz-görseli .görsel-ızgara { position: absolute; inset: 12%; background: repeating-linear-gradient(90deg, transparent 0 35px, rgba(75,156,166,.13) 35px 36px), repeating-linear-gradient(0deg, transparent 0 35px, rgba(75,156,166,.13) 35px 36px); mix-blend-mode: multiply; }.analiz-görseli-burun .görsel-ızgara { inset: 18% 8%; background: repeating-linear-gradient(90deg, transparent 0 31px, rgba(75,156,166,.15) 31px 32px), repeating-linear-gradient(0deg, transparent 0 42px, rgba(75,156,166,.15) 42px 43px); }.analiz-görseli-saç .görsel-ızgara { inset: 7% 7% 28%; background: repeating-linear-gradient(90deg, transparent 0 27px, rgba(87,203,201,.2) 27px 28px), repeating-linear-gradient(0deg, transparent 0 27px, rgba(87,203,201,.2) 27px 28px); }.görsel-işaret { position: absolute; z-index: 2; top: 43%; width: 21px; height: 21px; border: 1px solid rgba(75,156,166,.85); border-radius: 50%; }.görsel-işaret-sol { left: 28%; }.görsel-işaret-sağ { right: 28%; }.analiz-görseli-burun .görsel-işaret { top: 51%; width: 13px; height: 13px; }.analiz-görseli-saç .görsel-işaret { top: 23%; width: 14px; height: 14px; border-radius: 3px; }.analiz-görseli-yüz .görsel-işaret { box-shadow: 0 0 0 3px rgba(75,156,166,.08); }.görsel-dikey { position: absolute; z-index: 2; top: 14%; bottom: 17%; left: 50%; width: 1px; background: rgba(75,156,166,.55); }.görsel-yatay { position: absolute; z-index: 2; left: 12%; right: 12%; top: 48%; height: 1px; background: rgba(75,156,166,.45); }.analiz-görseli-burun .görsel-dikey { top: 20%; bottom: 20%; }.analiz-görseli-burun .görsel-yatay { top: 55%; left: 18%; right: 18%; }.analiz-görseli-saç .görsel-dikey, .analiz-görseli-saç .görsel-yatay { display: none; }.saç-bölgeleri { position: absolute; z-index: 2; top: 13%; left: 19%; right: 19%; height: 40%; display: flex; justify-content: space-between; }.saç-bölgeleri i { width: 26%; border: 1px solid rgba(91,213,208,.7); border-radius: 50%; }.analiz-görseli:not(.analiz-görseli-saç) .saç-bölgeleri { display: none; }.analiz-görseli .tarama-çizgisi { position: absolute; z-index: 4; left: -5%; right: -5%; top: 0; height: 2px; background: #6ad2d1; box-shadow: 0 0 9px 2px rgba(72,211,207,.85), 0 0 30px 6px rgba(72,211,207,.3); animation: tarama-hareketi 3.2s ease-in-out infinite; }.analiz-görseli .fotoğraf-etiketi { position: absolute; z-index: 5; left: 16px; bottom: 16px; padding: 5px 7px; border: 1px solid rgba(255,255,255,.5); border-radius: 4px; background: rgba(50,75,78,.28); color: rgba(255,255,255,.8); font-size: 8px; letter-spacing: 1px; }
@media (max-width: 600px) { .analiz-görseli { height: 295px; } .analiz-görseli-saç { height: 275px; } }
.yüklenen-analiz-görseli { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; border-radius: inherit; object-fit: contain; background: #e4eff0; display: none; }.analiz-görseli.gerçek-görsel { width: min(84%, 430px); height: 420px; border-radius: 12px; background: #e4eff0; }.analiz-görseli.gerçek-görsel:before { display: none; }.analiz-görseli.gerçek-görsel .yüklenen-analiz-görseli { display: block; }.analiz-görseli.gerçek-görsel .görsel-ızgara { inset: 0; mix-blend-mode: screen; opacity: .8; }.sonuç-yüklenen-görseli { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #e5eff0; display: none; }.sonuç-fotoğraf.gerçek-görsel { background: #e5eff0; }.sonuç-fotoğraf.gerçek-görsel:before { display: none; }.sonuç-fotoğraf.gerçek-görsel .sonuç-yüklenen-görseli { display: block; }.sonuç-fotoğraf.gerçek-görsel .sonuç-ızgara { z-index: 1; inset: 0; width: auto; height: auto; opacity: .75; }.sonuç-fotoğraf.gerçek-görsel .sonuç-dikey, .sonuç-fotoğraf.gerçek-görsel .sonuç-işaret { z-index: 2; }
.sonuç-üst-ızgara { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .8fr); gap: 18px; }.sonuç-görsel { padding: 20px; }.sonuç-görsel-etiket { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }.sonuç-görsel-etiket > span:first-child { display: flex; align-items: center; gap: 7px; color: #61727a; font-size: 11px; font-weight: 600; }.sonuç-görsel-etiket svg { width: 16px; color: var(--ana-renk-koyu); }.sonuç-fotoğraf { position: relative; min-height: 370px; border-radius: 9px; background: #e5eff0; display: grid; place-items: center; overflow: hidden; }.sonuç-fotoğraf:before { position: absolute; width: 260px; height: 310px; border-radius: 48% 48% 43% 43% / 43% 43% 52% 52%; background: radial-gradient(ellipse at 50% 28%, #e9c7b4 0 10%, transparent 10.5%), radial-gradient(ellipse at 50% 54%, #d8a995 0 3%, transparent 3.5%), radial-gradient(ellipse at 50% 50%, #dbac96 0 28%, transparent 28.5%), linear-gradient(105deg, #c69c8d, #efcfbd 45%, #bd9182); box-shadow: inset 0 0 45px rgba(82,66,65,.18), 0 12px 25px rgba(61,95,99,.13); content: ''; }.sonuç-ızgara { position: absolute; z-index: 1; width: 220px; height: 270px; background: repeating-linear-gradient(90deg, transparent 0 35px, rgba(75,156,166,.13) 35px 36px), repeating-linear-gradient(0deg, transparent 0 35px, rgba(75,156,166,.13) 35px 36px); }.sonuç-dikey { position: absolute; z-index: 2; width: 1px; height: 260px; background: rgba(75,156,166,.55); }.sonuç-işaret { position: absolute; z-index: 2; top: 44%; width: 21px; height: 21px; border: 1px solid rgba(75,156,166,.8); border-radius: 50%; }.işaret-sol { left: 37%; }.işaret-sağ { right: 37%; }.sonuç-altbilgi { padding-top: 13px; display: flex; justify-content: space-between; color: #98a5aa; font-size: 9px; }.sonuç-skorları { padding-bottom: 20px; }.skor-listesi { padding: 17px 20px 8px; }.skor-satırı { position: relative; margin-bottom: 20px; }.skor-satırı > span { color: #708087; font-size: 11px; }.skor-satırı strong { float: right; color: var(--ana-renk-koyu); font: 700 17px 'Manrope', sans-serif; }.skor-satırı strong span { color: #a6b1b5; font-size: 10px; }.skor-satırı > div { clear: both; height: 5px; margin-top: 10px; border-radius: 4px; background: #e8eff0; overflow: hidden; }.skor-satırı > div i { display: block; height: 100%; border-radius: inherit; background: var(--ana-renk); }.sonuç-bilgi { margin: 4px 20px 0; padding: 11px; border-radius: 7px; background: #f5f9f9; color: #89999e; display: flex; align-items: flex-start; gap: 7px; font-size: 9px; line-height: 1.5; }.sonuç-bilgi svg { width: 14px; flex: 0 0 auto; color: var(--ana-renk); }.hedef-alanlari-panel { margin-top: 18px; }.hedef-alanlari-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding: 20px; }.hedef-alan-karti { min-height: 118px; padding: 14px 14px 12px; border: 1px solid; border-radius: 12px; background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,252,252,.98)); box-shadow: 0 10px 20px rgba(41,61,71,.03); }.hedef-alan-üst { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }.hedef-alan-cubuk { display: inline-block; width: 10px; height: 10px; border-radius: 50%; box-shadow: 0 0 0 4px rgba(118,130,138,.08); }.hedef-alan-karti strong { color: #2d4650; font-size: 11px; }.hedef-alan-metrikleri { display: flex; flex-wrap: wrap; gap: 6px 8px; }.hedef-alan-metrikleri span { display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; border-radius: 999px; background: #f4faf9; color: #52656d; font-size: 9px; }.hedef-alan-metrikleri b { color: #7f8d94; font-weight: 700; text-transform: capitalize; }.sonuç-detay { margin-top: 18px; }.detay-kartları { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }.detay-kartları > div { min-height: 105px; padding: 20px; border-right: 1px solid #edf0f2; }.detay-kartları > div:last-child { border: 0; }.detay-kartları svg { width: 18px; color: var(--ana-renk-koyu); }.detay-kartları strong { display: block; margin-top: 13px; color: #53646b; font-size: 11px; }.detay-kartları span { display: block; margin-top: 4px; color: #9aa7ac; font-size: 10px; }
@media (max-width: 900px) { .sonuç-üst-ızgara { grid-template-columns: 1fr; } }.sonuç-görsel-etiket .analiz-durumu { white-space: nowrap; } @media (max-width: 560px) { .sonuç-görsel, .sonuç-skorları { padding-left: 15px; padding-right: 15px; }.sonuç-fotoğraf { min-height: 315px; }.sonuç-altbilgi { gap: 10px; flex-direction: column; }.detay-kartları { grid-template-columns: 1fr; }.detay-kartları > div { border-right: 0; border-bottom: 1px solid #edf0f2; } }
.alternatif-modeller { margin-top: 18px; padding: 25px; border: 1px solid var(--kenar); border-radius: var(--yaricap); background: #fff; box-shadow: var(--golge); }.alternatif-başlık { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid #edf0f2; }.alternatif-başlık h2 { margin: 8px 0 5px; font: 700 17px 'Manrope', sans-serif; }.alternatif-başlık p { margin: 0; color: var(--ikincil-metin); font-size: 11px; }.simülasyon-etiketi { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border-radius: 6px; background: var(--ana-renk-soluk); color: var(--ana-renk-koyu); font-size: 9px; font-weight: 700; white-space: nowrap; }.simülasyon-etiketi svg { width: 14px; }.model-çalışma-alanı { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(260px, .8fr); gap: 18px; padding-top: 20px; }.model-önizleme { min-width: 0; border: 1px solid #e6edef; border-radius: 9px; background: #f8fbfb; overflow: hidden; }.model-önizleme-görsel { position: relative; min-height: 270px; background: #eaf3f3; display: grid; place-items: center; overflow: hidden; }.model-önizleme-görsel img { width: 100%; height: 270px; object-fit: contain; display: none; }.model-önizleme-görsel img.görünür { display: block; }.model-önizleme-bekliyor { max-width: 230px; text-align: center; color: #8b9da2; }.model-önizleme-bekliyor svg { width: 23px; margin-bottom: 10px; color: var(--ana-renk); }.model-önizleme-bekliyor strong { display: block; color: #64777e; font-size: 11px; }.model-önizleme-bekliyor span { display: block; margin-top: 6px; font-size: 10px; line-height: 1.5; }.model-önizleme-alt { min-height: 40px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; color: #61727a; font-size: 10px; font-weight: 600; }.önizleme-etiketi { color: #a5b0b4; font-size: 8px; letter-spacing: 1px; }.model-listesi { display: grid; align-content: start; gap: 8px; }.model-kartı { min-height: 64px; padding: 10px 11px; border: 1px solid #e4eaec; border-radius: 8px; background: #fff; color: #64747b; display: flex; align-items: center; gap: 10px; text-align: left; transition: border .18s, background .18s; }.model-kartı:hover, .model-kartı.aktif { border-color: #9bced0; background: var(--ana-renk-soluk); }.model-numarası { color: #a8b4b8; font: 700 11px 'Manrope', sans-serif; }.model-kartı strong { display: block; color: #53656c; font-size: 11px; }.model-kartı small { display: block; margin-top: 4px; color: #9ca8ad; font-size: 9px; }.model-kartı > i { width: 15px; margin-left: auto; color: #b1bdc0; }.model-kartı.aktif > i { color: var(--ana-renk-koyu); }.simülasyon-uyarısı { margin-top: 17px; padding: 11px; border-radius: 7px; background: #f7f9f9; color: #8c9a9f; display: flex; align-items: flex-start; gap: 7px; font-size: 9px; line-height: 1.5; }.simülasyon-uyarısı svg { width: 14px; flex: 0 0 auto; color: var(--turuncu); }
@media (max-width: 760px) { .alternatif-modeller { padding: 18px; }.alternatif-başlık { flex-direction: column; }.model-çalışma-alanı { grid-template-columns: 1fr; }.model-listesi { grid-template-columns: 1fr; } }
.alternatif-modeller { background: #fbfcfc; }.alternatif-başlık { align-items: center; }.model-çalışma-alanı { grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); }.model-önizleme { border-color: #dcebed; background: #eef6f6; box-shadow: inset 0 0 0 1px rgba(255,255,255,.65); }.model-önizleme-görsel { min-height: 320px; background: radial-gradient(circle at center, #f7fbfb 0, #e7f2f2 68%, #deeded 100%); }.model-önizleme-görsel:after { position: absolute; inset: 18px; border: 1px dashed rgba(75,156,166,.25); border-radius: 8px; content: ''; pointer-events: none; }.model-önizleme-bekliyor { position: relative; z-index: 1; padding: 20px; border: 1px solid rgba(255,255,255,.75); border-radius: 10px; background: rgba(255,255,255,.65); box-shadow: 0 8px 20px rgba(55,94,98,.06); }.model-önizleme-bekliyor svg { display: block; margin: 0 auto 11px; }.model-önizleme-alt { min-height: 46px; padding: 0 15px; border-top: 1px solid rgba(215,232,233,.9); background: rgba(255,255,255,.62); }.model-listesi { grid-template-columns: 1fr; gap: 10px; }.model-kartı { position: relative; min-height: 75px; padding: 12px 13px; border-color: #dfe9eb; background: #fff; box-shadow: 0 3px 10px rgba(35,57,68,.025); }.model-kartı:before { position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: transparent; content: ''; }.model-kartı:hover { border-color: #afd3d5; background: #fcffff; transform: translateX(2px); }.model-kartı.aktif { border-color: #8fc7ca; background: #f2fafa; box-shadow: 0 5px 14px rgba(75,156,166,.08); }.model-kartı.aktif:before { background: var(--ana-renk); }.model-numarası { width: 34px; height: 34px; border-radius: 9px; background: #edf3f4; color: #7c9297; display: grid; place-items: center; flex: 0 0 auto; font: 700 10px 'Manrope', sans-serif; }.model-kartı.aktif .model-numarası { background: #d8eeee; color: var(--ana-renk-koyu); }.model-kartı strong { font-size: 11px; }.model-kartı small { font-size: 9px; line-height: 1.4; }.model-kartı > i { width: 17px; height: 17px; padding: 3px; border-radius: 50%; background: #f0f4f4; }.model-kartı.aktif > i { background: #d8eeee; }.simülasyon-uyarısı { background: #f3f7f7; border: 1px solid #e7eff0; }.önizleme-etiketi { padding: 4px 6px; border-radius: 4px; background: #e7f2f2; color: var(--ana-renk-koyu); }
@media (max-width: 760px) { .model-önizleme-görsel { min-height: 270px; }.model-çalışma-alanı { gap: 13px; } }
.alternatif-modeller { padding: 28px; background: #fff; }.alternatif-başlık { padding-bottom: 22px; }.alternatif-başlık h2 { font-size: 19px; }.alternatif-başlık p { max-width: 460px; line-height: 1.5; }.simülasyon-etiketi { border: 1px solid #cce7e7; background: #f0f9f9; }.model-çalışma-alanı { display: flex; flex-direction: column; gap: 16px; padding-top: 22px; }.model-önizleme { width: 100%; }.model-önizleme-görsel { min-height: 285px; }.model-önizleme-bekliyor { max-width: 300px; padding: 22px 26px; }.model-önizleme-bekliyor strong { margin-top: 2px; font: 700 13px 'Manrope', sans-serif; }.model-önizleme-bekliyor span { font-size: 10px; }.model-önizleme-alt { min-height: 48px; }.model-önizleme-alt b { color: #52656c; font-size: 11px; }.model-önizleme-alt small { color: #a1adb1; font-size: 10px; }.model-listesi { width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }.model-kartı { min-height: 108px; padding: 14px; align-items: flex-start; flex-wrap: wrap; gap: 10px; }.model-numarası { width: 34px; height: 34px; display: grid; place-items: center; }.model-numarası svg { width: 16px; height: 16px; }.model-kartı > div { flex: 1; min-width: 90px; padding-top: 2px; }.model-kartı strong { font-size: 11px; line-height: 1.3; }.model-kartı small { max-width: 100px; margin-top: 6px; line-height: 1.35; }.model-kartı > i { align-self: center; }.simülasyon-uyarısı { margin-top: 18px; }.model-önizleme-görsel:before { position: absolute; left: 12%; right: 12%; top: 50%; height: 1px; background: rgba(75,156,166,.1); content: ''; }.model-önizleme-görsel:after { inset: 16px; }
@media (max-width: 900px) { .model-listesi { grid-template-columns: repeat(2, minmax(0, 1fr)); } }.@media (max-width: 520px) { .alternatif-modeller { padding: 18px; }.model-listesi { grid-template-columns: 1fr; }.model-kartı { min-height: 75px; align-items: center; }.model-kartı > div { padding-top: 0; } }
.analiz-notları { margin-top: 18px; }.not-durumu { display: inline-flex; align-items: center; gap: 6px; color: #7d9b8d; font-size: 9px; }.not-durumu svg { width: 14px; }.not-formu { padding: 20px; border-bottom: 1px solid #edf0f2; }.not-formu textarea { width: 100%; min-height: 74px; padding: 12px; border: 1px solid #dfe8e9; border-radius: 8px; outline: 0; resize: vertical; color: #53656c; font: 11px 'DM Sans', sans-serif; }.not-formu textarea:focus { border-color: #8fc7ca; box-shadow: 0 0 0 3px rgba(75,156,166,.1); }.not-formu > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; }.not-formu small { color: #9ba8ad; font-size: 9px; }.not-formu .birincil-butonu { min-height: 34px; padding: 0 11px; font-size: 10px; }.not-formu .birincil-butonu svg { width: 14px; }.not-listesi:empty { display: none; }.not-karti { padding: 14px 20px; border-bottom: 1px solid #edf0f2; color: #61727a; font-size: 11px; line-height: 1.5; }.not-karti small { display: block; margin-top: 6px; color: #a1adb1; font-size: 9px; }

/* Modern visual refinements - safe UI-only adjustments */
.sayfa-üstü {
    align-items: end;
}
.sayfa-üstü h2 {
    color: #233942;
    letter-spacing: -0.6px;
}
.panel, .akış-kartı, .alternatif-modeller, .sonuç-görsel, .sonuç-skorları, .sonuç-detay, .analiz-notları {
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,252,253,0.98));
    backdrop-filter: blur(2px);
}
.panel {
    border-color: rgba(117, 141, 148, 0.16);
    box-shadow: 0 14px 30px rgba(42, 67, 77, 0.05);
}
.sonuç-üst-ızgara {
    gap: 20px;
}
.sonuç-görsel,
.sonuç-skorları {
    border-radius: 18px;
}
.sonuç-görsel { padding: 18px; }
.sonuç-görsel-etiket {
    padding: 4px 4px 16px;
    color: #53656d;
}

.sonuç-üst-ızgara {
    grid-template-columns: minmax(0, 1.55fr) minmax(260px, .75fr);
}

.sonuç-üst-ızgara .üçlü-orijinal-galerisi {
    height: auto;
    min-height: 0;
    align-content: start;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 10px;
}
.sonuç-üst-ızgara .üçlü-orijinal-galerisi > .orijinal-açı-karti:not(.video-karti) {
    width: 100%;
    max-width: none;
    margin: 0;
}

.sonuç-üst-ızgara .orijinal-açı-karti > div {
    height: 264px;
    aspect-ratio: 4 / 5;
}

.sonuç-üst-ızgara .orijinal-açı-karti img,
.sonuç-üst-ızgara .orijinal-açı-karti canvas {
    height: 264px !important;
    min-height: 264px;
    object-fit: cover !important;
    object-position: center;
}

.sonuç-üst-ızgara .orijinal-açı-karti:first-child img,
.sonuç-üst-ızgara .orijinal-açı-karti:first-child canvas {
    object-fit: cover !important;
    object-position: center;
}
.sonuç-üst-ızgara .sonuç-canlı-video {
    grid-column: 1 / -1;
    display: block;
}
.sonuç-üst-ızgara .sonuç-canlı-video .orijinal-açı-karti > div {
    max-width: none;
    margin: 0;
}
.sonuç-üst-ızgara .sonuç-canlı-video .orijinal-açı-karti video,
.sonuç-üst-ızgara .sonuç-canlı-video .orijinal-açı-karti canvas {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center;
}
.canlı-metrikler { display: grid; align-content: start; gap: 8px; padding: 14px; border: 1px solid #dfeaec; border-radius: 8px; background: #f7fbfa; }
.canlı-metrikler-başlık { display: flex; justify-content: space-between; gap: 8px; padding-bottom: 6px; border-bottom: 1px solid #dfeaec; }
.canlı-metrikler-başlık span, .canlı-metrikler-başlık strong { font-size: 9px; letter-spacing: .08em; }
.canlı-metrikler-başlık span { color: #668087; }
.canlı-metrikler-başlık strong { color: #ef3340; text-align: right; }
.canlı-metrik { display: flex; justify-content: space-between; gap: 10px; padding: 7px 0; border-bottom: 1px solid #e7efef; color: #587177; font-size: 11px; }
.canlı-metrik b { color: #244d50; font-variant-numeric: tabular-nums; text-align: right; }
.canlı-metrik-vurgu b { color: #ef3340; }
.canlı-metrikler > small { color: #829399; font-size: 9px; line-height: 1.45; }
@media (max-width: 700px) { .sonuç-üst-ızgara .sonuç-canlı-video { grid-template-columns: 1fr; } }
.analiz-durumu {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 10px;
    letter-spacing: .2px;
    border: 1px solid rgba(61, 155, 115, 0.15);
}
.analiz-tamamlandı {
    background: linear-gradient(180deg, #f0faf5, #eaf7f1);
    color: #2d7d5d;
}
.sonuç-fotoğraf {
    position: relative;
    min-height: 395px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(218,236,239,0.72), rgba(227,240,243,0.95));
    border: 1px solid rgba(128, 151, 159, 0.15);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}
.sonuç-fotoğraf:before {
    position: absolute;
    inset: 16px;
    border: 1px solid rgba(75, 156, 166, 0.12);
    border-radius: 18px;
    content: '';
}
.sonuç-ızgara {
    width: 210px;
    height: 255px;
    border-radius: 12px;
    background: rgba(75,156,166,0.08);
    box-shadow: inset 0 0 0 1px rgba(75,156,166,0.12);
}
.sonuç-işaret {
    width: 24px;
    height: 24px;
    border-color: rgba(75,156,166,0.8);
    background: rgba(255,255,255,0.42);
    box-shadow: 0 0 0 4px rgba(75,156,166,0.08);
}
.sonuç-altbilgi {
    padding-top: 14px;
    color: #7b8c93;
    font-size: 10px;
    text-transform: none;
}
.sonuç-skorları .panel-başlık {
    padding-bottom: 8px;
}
.skor-listesi {
    padding: 8px 20px 10px;
}
.skor-satırı {
    margin-bottom: 18px;
    padding: 0;
}
.skor-satırı > span {
    display: block;
    margin-bottom: 8px;
    font-size: 11px;
    color: #5f6f77;
    font-weight: 600;
}
.skor-satırı strong {
    display: inline-block;
    margin-bottom: 10px;
    color: #2e3e45;
    font-size: 22px;
    font-family: 'Manrope', sans-serif;
}
.skor-satırı strong span {
    font-size: 12px;
    color: #8a9ba2;
}
.skor-satırı > div {
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(75,156,166,0.08), rgba(75,156,166,0.04));
    overflow: hidden;
}
.skor-satırı > div i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #4b9ca6 0%, #68c2c3 100%);
    box-shadow: 0 6px 18px rgba(75,156,166,0.28);
}
.sonuç-bilgi {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 20px 20px;
    padding: 12px 14px;
    border: 1px solid rgba(75,156,166,0.11);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(234,246,246,0.7), rgba(255,255,255,0.8));
    color: #5e7279;
    font-size: 10px;
    line-height: 1.5;
}
.sonuç-bilgi svg {
    width: 16px;
    color: var(--ana-renk-koyu);
    flex-shrink: 0;
}
.detay-kartları {
    padding: 18px 20px 22px;
    background: linear-gradient(180deg, rgba(250,253,253,0.7), rgba(246,250,250,0.96));
}
.detay-kartları > div {
    min-height: 120px;
    border: 1px solid rgba(32, 61, 69, 0.07);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(247,251,252,0.88));
    box-shadow: 0 8px 18px rgba(27, 49, 58, 0.03);
}
.detay-kartları > div:hover {
    border-color: rgba(75,156,166,0.18);
    transform: translateY(-1px);
}
.alternatif-modeller {
    border-radius: 18px;
    border-color: rgba(134, 150, 157, 0.14);
    box-shadow: 0 16px 32px rgba(35, 57, 68, 0.04);
}
.alternatif-başlık {
    padding-bottom: 18px;
}
.model-kartı {
    border: 1px solid rgba(212, 222, 226, 0.8);
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff, #fbfdfd);
    box-shadow: 0 8px 16px rgba(35,57,68,0.02);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.model-kartı:hover {
    transform: translateY(-1px);
    border-color: rgba(75,156,166,0.2);
    box-shadow: 0 12px 20px rgba(75,156,166,0.06);
}
.model-kartı.aktif {
    border-color: rgba(75,156,166,0.36);
    background: linear-gradient(180deg, rgba(234,246,246,0.9), rgba(255,255,255,1));
    box-shadow: 0 12px 22px rgba(75,156,166,0.08);
}
.model-numarası {
    border-radius: 11px;
    background: linear-gradient(180deg, #edf7f7, #e3f0f1);
    color: var(--ana-renk-koyu);
}
.model-önizleme {
    border: 1px solid rgba(132, 157, 162, 0.18);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}
.model-önizleme-görsel {
    background: radial-gradient(circle at top, rgba(255,255,255,0.9), rgba(235,245,246,0.95) 38%, rgba(221,235,236,0.8));
}
.model-çalışma-alanı {
    grid-template-columns: minmax(0, 1fr);
}
.model-önizleme-görsel,
.model-önizleme,
.model-listesi {
    width: 100%;
}
.model-çalışma-alanı.varyasyonlar-açık .model-önizleme-görsel {
    min-height: 0;
}
.model-çalışma-alanı.varyasyonlar-açık .model-alternatif-galerisi {
    min-height: 300px;
}
.model-alternatif-galerisi {
    position: relative;
    z-index: 3;
    pointer-events: auto;
}
.alternatif-modeller {
    background: #f4f7f8;
}
.model-önizleme,
.model-önizleme-görsel {
    background: #ffffff;
    border-color: #dfe7e9;
}
.model-önizleme-bekliyor {
    max-width: 340px;
    padding: 28px 30px;
    border: 1px solid #c7e1ee;
    border-radius: 12px;
    background: linear-gradient(145deg, #e9f7ff, #d9eef9);
    color: #3a687e;
    box-shadow: 0 8px 22px rgba(47, 126, 163, .08);
}
.model-önizleme-bekliyor strong { color: #1f5f80; font-size: 15px; }
.model-önizleme-bekliyor span { color: #537b8d; line-height: 1.6; }
.model-önizleme-bekliyor svg { color: #2d87b1; }
.model-çalışma-alanı > .model-alternatif-galerisi,
.model-çalışma-alanı.varyasyonlar-açık > .model-alternatif-galerisi {
    background: #f8fafb;
    border: 1px solid #dfe7e9;
    border-radius: 10px;
}
.model-alternatif-kutusu {
    width: 100%;
    padding: 12px;
    font: inherit;
    background: #ffffff;
    border-color: #dfe7e9;
    cursor: pointer;
}
.model-alternatif-kutusu:hover { border-color: var(--ana-renk); }
.model-alternatif-kutusu img { display: block; width: 100%; }
.model-alternatif-galerisi img {
    background: #ffffff;
    border-color: #dfe7e9;
    box-shadow: 0 2px 8px rgba(35, 57, 68, .06);
}
.model-önizleme-bekliyor {
    border: 1px solid rgba(255,255,255,0.75);
    background: rgba(255,255,255,0.62);
}
.simülasyon-uyarısı {
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(236,245,245,0.72), rgba(255,255,255,0.8));
    border: 1px solid rgba(75,156,166,0.1);
    color: #61757d;
    font-size: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.simülasyon-uyarısı svg {
    width: 15px;
    color: var(--ana-renk-koyu);
}
.analiz-notları {
    border-radius: 18px;
    overflow: hidden;
}
.not-formu {
    background: linear-gradient(180deg, rgba(249,252,252,0.9), rgba(255,255,255,0.95));
}
.not-formu textarea {
    border-radius: 12px;
    border-color: rgba(151, 171, 177, 0.54);
    background: linear-gradient(180deg, #ffffff, #fbfdfd);
    box-shadow: inset 0 1px 2px rgba(31,55,62,0.02);
}
.model-çalışma-alanı,
.model-çalışma-alanı.varyasyonlar-açık {
    display: grid;
    grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
    align-items: stretch;
    gap: 18px;
}
.model-çalışma-alanı > .model-önizleme {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    align-self: start;
    height: fit-content;
}
.model-çalışma-alanı.varyasyonlar-açık > .model-önizleme {
    align-self: start !important;
    height: fit-content;
    max-height: max-content;
}
.model-çalışma-alanı.varyasyonlar-açık {
    grid-template-rows: max-content max-content;
    align-items: start;
}
.model-çalışma-alanı > .model-alternatif-galerisi,
.model-çalışma-alanı.varyasyonlar-açık > .model-alternatif-galerisi {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 12px;
    background: #fff;
}
.model-çalışma-alanı > .model-listesi {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
}
.model-çalışma-alanı.varyasyonlar-açık .model-önizleme-görsel {
    min-height: 0;
}
.model-çalışma-alanı.varyasyonlar-açık .model-alternatif-kutusu,
.model-çalışma-alanı .model-alternatif-galerisi img {
    min-height: 0;
    aspect-ratio: 4 / 3;
}
@media (max-width: 760px) {
    .model-çalışma-alanı,
    .model-çalışma-alanı.varyasyonlar-açık {
        grid-template-columns: 1fr;
    }
    .model-çalışma-alanı > .model-önizleme,
    .model-çalışma-alanı > .model-alternatif-galerisi,
    .model-çalışma-alanı.varyasyonlar-açık > .model-alternatif-galerisi,
    .model-çalışma-alanı > .model-listesi {
        grid-column: 1;
        grid-row: auto;
    }
    .model-çalışma-alanı > .model-alternatif-galerisi,
    .model-çalışma-alanı.varyasyonlar-açık > .model-alternatif-galerisi {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.not-karti {
    background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(247,250,250,0.9));
    border-bottom-color: rgba(222, 230, 232, 0.9);
}
.not-karti:hover {
    background: linear-gradient(180deg, rgba(250,254,254,1), rgba(245,250,250,1));
}
.not-işlemleri button {
    border-radius: 8px;
    background: rgba(75,156,166,0.04);
    transition: background .18s ease, transform .18s ease;
}
.not-işlemleri button:hover {
    background: rgba(75,156,166,0.12);
    transform: translateY(-1px);
}

/* Final landing breakpoints: keep desktop split, stack the two areas on tablet/mobile. */
.landing,
.landing-görsel,
.landing-form,
.landing-form-içerik {
    min-width: 0;
}

@media (max-width: 900px) {
    .landing {
        display: flex;
        min-height: 100vh;
        flex-direction: column;
    }

    .landing-görsel {
        min-height: 500px;
        width: 100%;
        order: 1;
        flex: 0 0 auto;
    }

    .landing-form {
        min-height: 560px;
        width: 100%;
        order: 2;
        flex: 0 0 auto;
        place-items: start center;
    }

    .landing-form-içerik {
        width: min(100%, 430px);
    }
}

@media (max-width: 560px) {
    .landing-görsel {
        min-height: 455px;
        padding: 25px 20px 28px;
    }

    .landing-görsel-içerik h1 {
        font-size: clamp(32px, 11vw, 43px);
    }

    .landing-görsel-kart {
        max-width: 100%;
    }

    .landing-form {
        min-height: 540px;
        padding: 36px 20px 45px;
    }
}


.uzman-kartı-klinik, .uzman-kartı-analiz { display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; white-space: nowrap; }
.uzman-kartı-klinik { max-width: calc(100% - 72px); overflow: hidden; color: #87969b; text-overflow: ellipsis; }
.uzman-kartı-analiz { margin-left: 10px; color: var(--ana-renk-koyu); font-size: 10px; }
.uzman-kartı-klinik svg, .uzman-kartı-analiz svg { width: 13px; height: 13px; flex: 0 0 auto; }

.kayıt-aksiyon-kartı {
    min-height: 58px;
    margin-top: 15px;
    padding: 10px 12px;
    border: 1px solid #dce9ea;
    border-radius: 10px;
    background: linear-gradient(135deg, #f8fdfd, #eef8f8);
    color: #3f6269;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.kayıt-aksiyon-kartı:hover {
    border-color: #9bcfd1;
    box-shadow: 0 8px 20px rgba(75,156,166,.1);
    transform: translateY(-1px);
}

.kayıt-aksiyon-kartı > svg:first-child {
    width: 18px;
    color: var(--ana-renk-koyu);
}

.kayıt-aksiyon-kartı span {
    min-width: 0;
    flex: 1;
}

.kayıt-aksiyon-kartı strong,
.kayıt-aksiyon-kartı small {
    display: block;
}

.kayıt-aksiyon-kartı strong {
    font-size: 11px;
}

.kayıt-aksiyon-kartı small {
    margin-top: 3px;
    color: #80969b;
    font-size: 9px;
}

.kayıt-aksiyon-kartı > svg:last-child {
    width: 15px;
    color: #83a3a7;
}

@media (max-width: 900px) {
    body.giriş-sayfası .giriş-kapsayıcı {
        display: flex !important;
        min-width: 0 !important;
        flex-direction: column !important;
    }

    body.giriş-sayfası .giriş-tanıtım {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 500px !important;
        order: 1 !important;
    }

    body.giriş-sayfası .giriş-form-alanı {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 560px !important;
        order: 2 !important;
        place-items: start center !important;
    }

    body.giriş-sayfası .giriş-formu {
        width: min(100%, 430px) !important;
    }
}

@media (max-width: 560px) {
    body.giriş-sayfası .giriş-tanıtım {
        min-height: 455px !important;
        padding: 25px 20px 28px !important;
    }

    body.giriş-sayfası .giriş-form-alanı {
        min-height: 540px !important;
        padding: 36px 20px 45px !important;
    }
}

/* Final landing breakpoints: keep desktop split, stack the two areas on tablet/mobile. */
.landing,
.landing-görsel,
.landing-form,
.landing-form-içerik {
    min-width: 0;
}

@media (max-width: 900px) {
    .landing {
        display: flex;
        min-height: 100vh;
        flex-direction: column;
    }

    .landing-görsel {
        min-height: 500px;
        flex: 0 0 auto;
    }

    .landing-form {
        min-height: 560px;
        flex: 0 0 auto;
        place-items: start center;
    }

    .landing-form-içerik {
        width: min(100%, 430px);
    }
}

@media (max-width: 560px) {
    .landing-görsel {
        min-height: 455px;
        padding: 25px 20px 28px;
    }

    .landing-görsel-içerik h1 {
        font-size: clamp(32px, 11vw, 43px);
    }

    .landing-görsel-kart {
        max-width: 100%;
    }

    .landing-form {
        min-height: 540px;
        padding: 36px 20px 45px;
    }
}

/* Landing page atmosphere and responsive split layout */
.landing-sayfası {
    overflow-x: hidden;
}

.landing-görsel .giriş-marka strong {
    font-size: 0;
}

.landing-görsel .giriş-marka strong:after {
    color: inherit;
    content: 'Hak AI';
    font-size: 20px;
    letter-spacing: -.6px;
}

.landing-görsel .giriş-marka span {
    font-size: 0;
}

.landing-görsel .giriş-marka span:after {
    content: var(--landing-slogan, 'AI STUDIO');
    font-size: 10px;
    letter-spacing: 2.5px;
}

.kayıt-sayfası .giriş-marka strong,
.kayıt-sayfası .mobil-marka strong {
    font-size: 0;
}

.kayıt-sayfası .giriş-marka strong:after,
.kayıt-sayfası .mobil-marka strong:after {
    color: inherit;
    content: 'Hak AI';
    font-size: 20px;
    letter-spacing: -.6px;
}

.kayıt-sayfası .giriş-marka span,
.kayıt-sayfası .mobil-marka span {
    font-size: 0;
}

.kayıt-sayfası .giriş-marka span:after,
.kayıt-sayfası .mobil-marka span:after {
    content: var(--kayıt-slogani, 'AI STUDIO');
    font-size: 10px;
    letter-spacing: 2.5px;
}

.landing {
    grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
}

.landing-görsel {
    isolation: isolate;
    background:
        radial-gradient(ellipse 55% 28% at 8% 8%, rgba(255,255,255,.76), transparent 68%),
        radial-gradient(ellipse 48% 32% at 94% 72%, rgba(255,255,255,.58), transparent 70%),
        linear-gradient(135deg, #d8edeb 0%, #eef8f7 52%, #cee7e5 100%);
}

.landing-görsel:before {
    position: absolute;
    z-index: -1;
    top: -18%;
    left: -20%;
    width: 78%;
    height: 58%;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(255,255,255,.74) 0%, rgba(255,255,255,.3) 38%, transparent 72%);
    filter: blur(18px);
    opacity: .72;
    content: '';
    animation: landing-bulut-akışı 13s ease-in-out infinite alternate;
}

.kayıt-hizmetleri {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
}

.kayıt-hizmetleri legend {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 8px;
    color: #66777c;
    font-size: 10px;
    font-weight: 700;
}

.kayıt-hizmetleri legend small {
    color: #a2afb2;
    font-size: 9px;
    font-weight: 500;
}

.kayıt-hizmetleri label {
    position: relative;
    display: flex;
    min-height: 48px;
    align-items: center;
    align-items: center;
    gap: 9px;
    justify-content: flex-start;
    padding: 9px 10px;
    border: 1px solid #dce9ea;
    border-radius: 10px;
    background: #f8fcfc;
    color: #587078;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    text-align: left;
    transition: border-color .18s, background .18s, color .18s, box-shadow .18s;
}

.kayıt-hizmetleri label > span:not(.hizmet-ikonu) {
    display: grid;
    gap: 2px;
}

.kayıt-hizmetleri label > span small {
    color: #9aa9ac;
    font-size: 8px;
    font-weight: 500;
}

.kayıt-hizmetleri .hizmet-ikonu {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #e8f2f2;
    color: #5f9ca1;
    font-size: 18px;
    line-height: 1;
}

.kayıt-hizmetleri label > b {
    display: grid;
    width: 17px;
    height: 17px;
    margin-left: auto;
    place-items: center;
    border: 1px solid #d8e5e6;
    border-radius: 50%;
    color: transparent;
    font-size: 10px;
}

.kayıt-hizmetleri label:has(input:checked) {
    border-color: #83c5c7;
    background: #eaf7f6;
    box-shadow: 0 0 0 3px rgba(75,156,166,.08);
    color: #27747c;
}

.kayıt-hizmetleri label:has(input:checked) .hizmet-ikonu {
    background: #cae9e7;
    color: #28777d;
}

.kayıt-hizmetleri label:has(input:checked) > b {
    border-color: #58aeb0;
    background: #58aeb0;
    color: #fff;
}

.profil-hizmet-panel {
    margin-top: 18px;
}

.profil-hizmet-panel > .panel-başlık > svg {
    width: 18px;
    color: var(--ana-renk-koyu);
}

.profil-hizmetleri small {
    display: block;
    margin-bottom: 9px;
    color: #8a9a9e;
    font-size: 10px;
}

.profil-hizmetleri > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.profil-hizmetleri span {
    padding: 7px 10px;
    border: 1px solid #d5e9e8;
    border-radius: 7px;
    background: #f0fafa;
    color: #367d82;
    font-size: 10px;
    font-weight: 700;
}

.klinik-uzman-grid-panel {
    margin-top: 18px;
}

.klinik-uzman-grid-panel > .panel-başlık > svg {
    width: 18px;
    color: var(--ana-renk-koyu);
}

.klinik-uzman-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.klinik-uzman-karti {
    position: relative;
    display: grid;
    min-width: 0;
    padding: 12px;
    border: 1px solid #dce9ea;
    border-radius: 11px;
    background: #fbfefe;
    color: #50666d;
    text-decoration: none;
    transition: transform .18s, border-color .18s, box-shadow .18s;
}

.klinik-uzman-karti:hover {
    transform: translateY(-2px);
    border-color: #8fc7ca;
    box-shadow: 0 8px 18px rgba(55,94,98,.08);
}

.klinik-uzman-karti img,
.klinik-uzman-karti > span {
    width: 54px;
    height: 54px;
    margin-bottom: 10px;
    border-radius: 50%;
    background: #e0f0ef;
    color: #41878a;
    display: grid;
    place-items: center;
    font: 700 14px 'Manrope', sans-serif;
    object-fit: cover;
}

.klinik-uzman-karti strong,
.klinik-uzman-karti small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.klinik-uzman-karti strong { font-size: 11px; }
.klinik-uzman-karti small { margin-top: 4px; color: #8b9da2; font-size: 9px; }
.klinik-uzman-karti em { margin-top: 8px; color: #5d9b80; font-size: 9px; font-style: normal; font-weight: 700; }

.uzman-profil-fotoğrafı {
    position: relative;
    overflow: hidden;
}

.uzman-profil-resim-eylemi,
.uzman-profil-resim-sil {
    position: absolute;
    z-index: 2;
    left: 8px;
    right: 8px;
    min-height: 30px;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 8px;
    background: rgba(25,45,50,.78);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 9px;
    font-weight: 700;
    opacity: 0;
    transform: translateY(5px);
    transition: opacity .18s, transform .18s;
}

.uzman-profil-resim-eylemi { bottom: 8px; }
.uzman-profil-resim-sil { top: 8px; background: rgba(154,55,61,.82); }
.uzman-profil-fotoğrafı:hover .uzman-profil-resim-eylemi,
.uzman-profil-fotoğrafı:hover .uzman-profil-resim-sil,
.uzman-profil-resim-eylemi:focus-visible,
.uzman-profil-resim-sil:focus-visible { opacity: 1; transform: translateY(0); }
.uzman-profil-resim-eylemi svg,
.uzman-profil-resim-sil svg { width: 13px; }

.klinik-profil-fotoğrafı { position: relative; width: 160px; height: 160px; overflow: hidden; border-radius: 14px; }
.klinik-profil-fotoğrafı img { width: 100%; height: 100%; object-fit: cover; }
.klinik-profil-resim-form { position: static; }
.klinik-profil-resim-eylemi,
.klinik-profil-resim-sil { position: absolute; z-index: 2; left: 8px; right: 8px; min-height: 30px; border: 1px solid rgba(255,255,255,.75); border-radius: 8px; background: rgba(25,45,50,.78); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 9px; font-weight: 700; opacity: 0; transform: translateY(5px); transition: opacity .18s, transform .18s; }
.klinik-profil-resim-eylemi { bottom: 8px; }
.klinik-profil-resim-sil { top: 8px; background: rgba(154,55,61,.82); }
.klinik-profil-fotoğrafı:hover .klinik-profil-resim-eylemi,
.klinik-profil-fotoğrafı:hover .klinik-profil-resim-sil,
.klinik-profil-resim-eylemi:focus-visible,
.klinik-profil-resim-sil:focus-visible { opacity: 1; transform: translateY(0); }
.klinik-profil-resim-eylemi { opacity: 1; transform: translateY(0); }
.klinik-profil-resim-eylemi input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.klinik-profil-resim-eylemi svg,
.klinik-profil-resim-sil svg { width: 13px; }
.profil-sosyal-panel .panel-başlık { align-items: center; }
.profil-sosyal-bağlantıları { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; }
.profil-sosyal-bağlantıları a { width: 42px; height: 42px; padding: 0; border: 1px solid var(--ana-renk) !important; border-radius: 50%; color: var(--ana-renk) !important; background: transparent; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: background .18s, color .18s, border-color .18s, transform .18s; }
.profil-sosyal-bağlantıları a:hover { border-color: var(--ana-renk) !important; background: var(--ana-renk); color: #fff !important; transform: translateY(-2px); }
.profil-sosyal-bağlantıları a span { display: none; }
.profil-sosyal-bağlantıları a svg { width: 18px; height: 18px; color: inherit !important; stroke: currentColor !important; stroke-width: 2; }
.profil-sosyal-bağlantıları a:hover svg { color: #fff !important; stroke: #fff !important; }
.profil-sosyal-bağlantıları a i { font-size: 17px; line-height: 1; }
.profil-hakkinda-panel p { margin: 17px 0 0; color: #647775; font-size: 11px; line-height: 1.75; }
.uzman-görev-panel p { margin: 17px 0 0; color: #647775; font-size: 12px; line-height: 1.7; }
.uzman-telefon-panel input { width: 100%; height: 42px; margin-top: 18px; padding: 0 11px; border: 1px solid #dfe6e8; border-radius: 7px; outline: 0; color: #53656c; font-size: 11px; }
.uzman-görev-panel, .uzman-telefon-panel, .profil-sosyal-panel { display: none; }
.profil-sosyal-boş { color: #96a5a7; font-size: 10px; }
.profil-sosyal-panel .profil-sosyal-bağlantıları { min-height: 42px; }
.profil-dış-görünüm .panel-başlık { align-items: center; }
.public-panel:has(> img) { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 24px; align-items: start; }
.public-panel:has(> img) > img { grid-row: span 2; width: 190px !important; height: 190px; max-width: 190px !important; max-height: 190px !important; margin: 0 !important; border: 1px solid #dce8e5; border-radius: 14px !important; object-fit: cover; }
.public-panel:has(> img) > .public-grid { min-width: 0; }
.public-panel:has(> img) > .public-grid { display: contents; }
.public-panel:has(> img) > .public-grid > .public-bilgi:last-child { grid-column: 1 / -1; }
.public-panel:has(> img) > .public-grid > .public-bilgi { min-width: 0; max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
.public-panel:has(> img) > .public-grid > .public-bilgi:last-child { line-height: 1.7; }
.public-panel:has(> img) > p.profil-sosyal-bağlantıları { grid-column: 2; order: 2; }
.public-panel:has(> img) > .public-grid > .public-bilgi { order: 1; }
.public-panel:has(> img) > .public-grid > .public-bilgi:last-child { order: 3; }
.public-panel:has(> img) > .public-kisitli { grid-column: 1 / -1; }
@media (max-width: 620px) { .public-panel:has(> img) { grid-template-columns: 1fr; }.public-panel:has(> img) > img { grid-row: auto; margin: 0 auto !important; }.public-panel:has(> img) > p.profil-sosyal-bağlantıları { grid-column: auto; } }

@media (max-width: 600px) {
    .klinik-uzman-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.kayıt-hizmetleri input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

@media (max-width: 420px) {
    .kayıt-hizmetleri {
        grid-template-columns: 1fr;
    }
}

.landing-görsel:after {
    animation: landing-ışık-döngüsü 16s ease-in-out infinite alternate;
}

.hasta-seçim-kartı { grid-column: 1 / -1; }
.hasta-seçim-ızgarası { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.hasta-seçim-alanı { display: grid; gap: 8px; color: #64777e; font-size: 11px; font-weight: 700; }
.hasta-seçim-alanı select { width: 100%; min-height: 46px; padding: 0 13px; border: 1px solid #dce9ea; border-radius: 9px; outline: 0; background: #fbfefe; color: #526a71; font: 11px 'DM Sans', sans-serif; }
.hasta-seçim-alanı select:focus { border-color: #83c5c7; box-shadow: 0 0 0 3px rgba(75,156,166,.09); }
@media (max-width: 560px) { .hasta-seçim-ızgarası { grid-template-columns: 1fr; } }

.ayar-bölümü select[name="sehir"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-height: 44px;
    padding: 0 38px 0 13px;
    border: 1px solid #d7e5e7;
    border-radius: 10px;
    outline: 0;
    background-color: #fbfefe;
    background-image: linear-gradient(45deg, transparent 50%, #5a9297 50%), linear-gradient(135deg, #5a9297 50%, transparent 50%);
    background-position: calc(100% - 17px) 19px, calc(100% - 12px) 19px;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px;
    color: #526970;
    cursor: pointer;
    font-weight: 600;
    transition: border-color .18s, box-shadow .18s, background-color .18s;
}

.ayar-bölümü select[name="sehir"]:hover {
    border-color: #9bcdd0;
    background-color: #f5fbfb;
}

.ayar-bölümü select[name="sehir"]:focus {
    border-color: #69afb3;
    box-shadow: 0 0 0 4px rgba(75,156,166,.1);
}

.landing-görsel-içerik {
    animation: landing-içerik-giriş .8s ease-out both;
}

.landing-form {
    position: relative;
    z-index: 2;
}

@keyframes landing-bulut-akışı {
    0% { transform: translate3d(-3%, -2%, 0) scale(.95); }
    50% { transform: translate3d(18%, 15%, 0) scale(1.08); }
    100% { transform: translate3d(5%, 28%, 0) scale(1); }
}

@keyframes landing-ışık-döngüsü {
    0% { transform: translate3d(0, 0, 0) scale(.96); opacity: .62; }
    100% { transform: translate3d(-10%, -8%, 0) scale(1.08); opacity: 1; }
}

@keyframes landing-içerik-giriş {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 800px) {
    .landing {
        min-height: 100vh;
        grid-template-columns: 1fr;
    }

    .landing-görsel {
        min-height: min(58vh, 520px);
        padding: 28px 24px 30px;
    }

    .landing-görsel-içerik {
        margin: auto 0 12px;
    }

    .landing-görsel-içerik h1 {
        max-width: 570px;
        font-size: clamp(34px, 10vw, 52px);
    }

    .landing-görsel-kart {
        display: flex;
        margin-top: 26px;
    }

    .landing-görsel-alt {
        display: flex;
    }

    .landing-form {
        min-height: 580px;
        padding: 42px 24px 52px;
    }
}

@media (max-width: 480px) {
    .landing-görsel {
        min-height: 470px;
    }

    .landing-görsel-üst > span {
        display: none;
    }

    .landing-görsel-içerik h1 {
        margin-top: 17px;
        font-size: 39px;
        letter-spacing: -1.5px;
    }

    .landing-görsel-içerik > p {
        font-size: 13px;
    }

    .landing-görsel-alt {
        font-size: 9px;
    }
}

@media (max-width: 900px) {
    .landing {
        display: flex;
        min-height: 100vh;
        flex-direction: column;
    }

    .landing-görsel {
        min-height: 500px;
        flex: 0 0 auto;
    }

    .landing-form {
        min-height: 560px;
        flex: 0 0 auto;
        place-items: start center;
    }

    .landing-form-içerik {
        width: min(100%, 430px);
    }
}

@media (max-width: 560px) {
    .landing-görsel {
        min-height: 455px;
        padding: 25px 20px 28px;
    }

    .landing-görsel-içerik h1 {
        font-size: clamp(32px, 11vw, 43px);
    }

    .landing-form {
        min-height: 540px;
        padding: 36px 20px 45px;
    }
}