/* ==================================================================
   TURKBIL MUSTERI PANELI — tema katmani
   ------------------------------------------------------------------
   WISECP'nin panel SABLONLARI DEGISTIRILMEZ. Fatura, hizmet ve destek
   sayfalari isleyen is mantigidir; yeniden yazmak gereksiz risktir.
   Bunun yerine paylasilan bilesenler (hero, istatistik, panel karti,
   bos durum, akis, alt gezinme, tablo, form) yeniden bicimlendirilir;
   boylece 25 panel sayfasi da ayni dili konusur.

   Tum renkler tema degiskenlerinden gelir, acik/koyu kipte sirtmaz.
   ================================================================== */

/* ------------------------------------------------------------------
   1) HERO — mor sorunu ve canvas
   ------------------------------------------------------------------
   Cekirdek CSS'i hero'yu soyle kuruyordu:
     linear-gradient(135deg, var(--basic-primary),
       color-mix(in srgb, var(--basic-primary) 55%, var(--basic-secondary)))
   yani MAVI -> (mavi+kirmizi karisimi). Mavi ile kirmizinin arasi her
   renk uzayinda MORDUR; ust seritte olculen ayni hata.
   Burada gradyan marka mavisinin TON AILESINDE tutulur; kirmizi
   harmanlanmaz, yalnizca vurgu ogelerinde ayri durur.
   ------------------------------------------------------------------ */
.dash .dash-hero {
    position: relative; isolation: isolate; overflow: hidden;
    border-radius: 20px;
    background:
        radial-gradient(120% 140% at 88% 8%, rgba(76,134,216,.42), transparent 62%),
        linear-gradient(135deg, #061024 0%, #0D2447 42%, #1C3F72 78%, #27548F 100%);
    border: 1px solid rgba(120,175,245,.16);
    box-shadow: 0 30px 70px -40px rgba(8,20,40,.75);
}
.dash .dash-hero::before { background: none !important; }

/* canvas betikle eklenir */
.tb-panel-canvas {
    position: absolute; inset: 0; width: 100%; height: 100%;
    z-index: 0; pointer-events: none;
}
.dash .dash-hero-inner { position: relative; z-index: 1; }

.dash .dash-eyebrow {
    font-size: .72rem; font-weight: 700; letter-spacing: .16em;
    text-transform: uppercase; color: rgba(190,215,250,.75);
}
.dash .dash-greeting {
    font-family: var(--tb-font-baslik, inherit);
    letter-spacing: -.03em; color: #fff;
    text-shadow: 0 0 40px rgba(110,170,255,.28);
}
.dash .dash-health { color: rgba(205,225,250,.82); }
.dash .dash-pulse {
    background: #0AA74B;                      /* marka yesili: saglikli */
    box-shadow: 0 0 0 4px rgba(10,167,75,.18);
}

/* hero dugmeleri */
.dash .dash-btn-light {
    background: #fff; color: #0D2447; border: 0; font-weight: 600;
    transition: transform .2s ease, box-shadow .2s ease;
}
.dash .dash-btn-light:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 26px -14px rgba(0,0,0,.6); color: #0D2447;
}
.dash .dash-btn-glass {
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(170,205,250,.35);
    color: #fff; font-weight: 600;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    transition: background .2s ease, border-color .2s ease;
}
.dash .dash-btn-glass:hover {
    background: rgba(255,255,255,.17);
    border-color: rgba(200,225,255,.6); color: #fff;
}

/* bakiye karti — hero icinde cam yuzey */
.dash .dash-balance-card {
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(170,205,250,.28);
    border-radius: 16px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.dash .dash-balance-label { color: rgba(195,218,250,.78); }
.dash .dash-balance-value { color: #fff; letter-spacing: -.02em; }
.dash .dash-balance-note  { color: rgba(185,210,245,.62); }

/* ------------------------------------------------------------------
   2) ISTATISTIK KARTLARI
   ------------------------------------------------------------------ */
.dash .dash-stat {
    position: relative; overflow: hidden;
    border: 1px solid var(--tb-line);
    border-radius: 16px;
    background: var(--tb-surface);
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.dash .dash-stat:hover {
    border-color: rgba(53, 100, 175, 0.400);
    border-color: color-mix(in srgb, var(--basic-primary) 40%, transparent);
    box-shadow: 0 16px 36px -24px rgba(53,100,175,.55);
    transform: translateY(-2px);
}
.dash .dash-stat-ico {
    display: grid; place-items: center;
    width: 40px; height: 40px; border-radius: 11px;
    border: 1px solid rgba(53, 100, 175, 0.300);
    border: 1px solid color-mix(in srgb, var(--basic-primary) 30%, transparent);
    background: rgba(53, 100, 175, 0.090);
    background: color-mix(in srgb, var(--basic-primary) 9%, transparent);
    color: var(--basic-primary);
}
.dash .dash-stat-label {
    font-size: .76rem; font-weight: 700; letter-spacing: .04em;
    text-transform: uppercase; color: var(--tb-ink-soft);
}
.dash .dash-stat-value {
    font-family: var(--tb-font-baslik, inherit);
    font-weight: 700; letter-spacing: -.03em; color: var(--tb-ink);
}
.dash .dash-stat-watermark { opacity: .05; color: var(--basic-primary); }
.dash .dash-stat-foot a, .dash .dash-link-new {
    color: var(--basic-primary); font-weight: 600;
}

/* ------------------------------------------------------------------
   3) PANEL KARTLARI — sitedeki kart diliyle ayni
   ------------------------------------------------------------------ */
.dash .dash-panel {
    border: 1px solid var(--tb-line);
    border-radius: 16px;
    background: var(--tb-surface);
    box-shadow: none;
}
.dash .dash-panel-head {
    border-bottom: 1px solid var(--tb-line);
}
.dash .dash-panel-title {
    font-family: var(--tb-font-baslik, inherit);
    font-weight: 700; letter-spacing: -.02em; color: var(--tb-ink);
}
.dash .dash-panel-link {
    color: var(--basic-primary); font-weight: 600;
    display: inline-flex; align-items: center; gap: .35rem;
    transition: gap .2s ease;
}
.dash .dash-panel-link:hover { gap: .6rem; color: var(--basic-primary); }

/* bos durumlar */
.dash .dash-empty-ico {
    display: grid; place-items: center;
    width: 54px; height: 54px; border-radius: 15px;
    background: rgba(53, 100, 175, 0.080);
    background: color-mix(in srgb, var(--basic-primary) 8%, transparent);
    border: 1px solid rgba(53, 100, 175, 0.180);
    border: 1px solid color-mix(in srgb, var(--basic-primary) 18%, transparent);
    color: var(--basic-primary); font-size: 1.3rem;
}
.dash .dash-empty-title { font-weight: 700; color: var(--tb-ink); }
.dash .dash-empty-text  { color: var(--tb-ink-soft); font-size: .88rem; }

/* etkinlik akisi */
.dash .dash-feed-item {
    border-bottom: 1px solid var(--tb-line);
    transition: background .2s ease;
}
.dash .dash-feed-item:last-child { border-bottom: 0; }
.dash .dash-feed-item:hover { background: var(--tb-surface-2); }
.dash .dash-feed-ico {
    display: grid; place-items: center;
    width: 32px; height: 32px; border-radius: 9px;
    background: rgba(53, 100, 175, 0.100);
    background: color-mix(in srgb, var(--basic-primary) 10%, transparent);
    color: var(--basic-primary);
}
.dash .dash-feed-text { color: var(--tb-ink); font-size: .88rem; }
.dash .dash-feed-time { color: var(--tb-ink-soft); font-size: .76rem; }

/* ------------------------------------------------------------------
   4) ALT GEZINME — tum panel sayfalarinda ortak
   ------------------------------------------------------------------ */
.client-subnav {
    background: var(--tb-surface);
    border-bottom: 1px solid var(--tb-line);
}
.client-subnav-link {
    position: relative;
    display: inline-flex; align-items: center; gap: .45rem;
    padding: .85rem .2rem; margin-inline-end: 1.5rem;
    font-size: .9rem; font-weight: 600;
    color: var(--tb-ink-soft); text-decoration: none;
    border: 0; background: none;
    transition: color .2s ease;
}
.client-subnav-link::after {
    content: ""; position: absolute; inset-inline: 0; bottom: -1px; height: 2px;
    background: var(--basic-primary);
    transform: scaleX(0); transform-origin: center;
    transition: transform .22s ease;
}
.client-subnav-link:hover { color: var(--tb-ink); }
.client-subnav-link.active { color: var(--basic-primary); }
.client-subnav-link.active::after { transform: scaleX(1); }

/* ------------------------------------------------------------------
   5) ORTAK BILESENLER — 25 sayfanin tamami bunlari kullanir
   ------------------------------------------------------------------ */
.dash .card,
.client-subnav ~ * .card,
main .card {
    border: 1px solid var(--tb-line);
    border-radius: 14px;
    background: var(--tb-surface);
}
main .breadcrumb { font-size: .82rem; }
main .breadcrumb a { color: var(--tb-ink-soft); text-decoration: none; }
main .breadcrumb a:hover { color: var(--basic-primary); }

main .table > :not(caption) > * > * { border-color: var(--tb-line); }
main .table thead th {
    font-size: .74rem; font-weight: 700; letter-spacing: .05em;
    text-transform: uppercase; color: var(--tb-ink-soft);
    border-bottom-width: 1px;
}
main .table-hover > tbody > tr:hover > * { background: var(--tb-surface-2); }

main .basic-empty-state {
    border: 1px dashed var(--tb-line);
    border-radius: 14px;
    background: var(--tb-surface-2);
    color: var(--tb-ink-soft);
}

main .form-control, main .form-select {
    border-color: var(--tb-line);
    background: var(--tb-surface);
    color: var(--tb-ink);
}
main .form-control:focus, main .form-select:focus {
    border-color: var(--basic-primary);
    box-shadow: 0 0 0 3px rgba(53, 100, 175, 0.160);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--basic-primary) 16%, transparent);
}
main .form-label { font-weight: 600; color: var(--tb-ink); font-size: .86rem; }

@media (prefers-reduced-motion: reduce) {
    .dash .dash-stat, .dash .dash-btn-light, .client-subnav-link::after { transition: none; }
    .dash .dash-stat:hover, .dash .dash-btn-light:hover { transform: none; }
}

/* ------------------------------------------------------------------
   6) BOOTSTRAP ANLAMSAL RENKLERINI MARKAYA ESLE
   ------------------------------------------------------------------
   Panel sablonlari rozet, uyari ve ikon rozetlerinde Bootstrap'in
   anlamsal yardimci siniflarini kullaniyor
   (bg-primary-subtle, bg-warning-subtle, text-success-emphasis ...).
   Bunlarin RENGI ANLAM TASIR: sari = odenmemis fatura, yesil = acik
   talep. Hepsini maviye cevirmek bilgi kaybi olurdu; dogrusu
   Bootstrap'in anlamsal renklerini MARKA PALETINE esleemektir.

   Kapsam: yalnizca panel. Isaret olarak .client-subnav kullanilir —
   bu oge tum panel sayfalarinda var, on yuzde hic yok. Boylece
   on sayfa etkilenmez ve yeniden dogrulama gerekmez.
   ------------------------------------------------------------------ */
body:has(.client-subnav) {
    --bs-primary:        #3564AF;
    --bs-primary-rgb:    53, 100, 175;
    --bs-success:        #0AA74B;
    --bs-success-rgb:    10, 167, 75;
    --bs-warning:        #F1B71C;
    --bs-warning-rgb:    241, 183, 28;
    --bs-danger:         #C62338;
    --bs-danger-rgb:     198, 35, 56;
    --bs-info:           #4C86D8;
    --bs-info-rgb:       76, 134, 216;

    --bs-primary-bg-subtle: rgb(233, 238, 246);
    --bs-primary-bg-subtle:  color-mix(in srgb, #3564AF 11%, var(--tb-surface));
    --bs-success-bg-subtle: rgb(226, 244, 233);
    --bs-success-bg-subtle:  color-mix(in srgb, #0AA74B 12%, var(--tb-surface));
    --bs-warning-bg-subtle: rgb(253, 243, 219);
    --bs-warning-bg-subtle:  color-mix(in srgb, #F1B71C 16%, var(--tb-surface));
    --bs-danger-bg-subtle: rgb(249, 231, 233);
    --bs-danger-bg-subtle:   color-mix(in srgb, #C62338 11%, var(--tb-surface));
    --bs-info-bg-subtle: rgb(234, 240, 250);
    --bs-info-bg-subtle:     color-mix(in srgb, #4C86D8 12%, var(--tb-surface));

    --bs-primary-border-subtle: rgba(53, 100, 175, 0.260);
    --bs-primary-border-subtle: color-mix(in srgb, #3564AF 26%, transparent);
    --bs-success-border-subtle: rgba(10, 167, 75, 0.280);
    --bs-success-border-subtle: color-mix(in srgb, #0AA74B 28%, transparent);
    --bs-warning-border-subtle: rgba(241, 183, 28, 0.340);
    --bs-warning-border-subtle: color-mix(in srgb, #F1B71C 34%, transparent);
    --bs-danger-border-subtle: rgba(198, 35, 56, 0.260);
    --bs-danger-border-subtle:  color-mix(in srgb, #C62338 26%, transparent);
    --bs-info-border-subtle: rgba(76, 134, 216, 0.260);
    --bs-info-border-subtle:    color-mix(in srgb, #4C86D8 26%, transparent);

    --bs-primary-text-emphasis: #27548F;
    --bs-success-text-emphasis: #077636;
    --bs-warning-text-emphasis: #8A6708;
    --bs-danger-text-emphasis:  #9A1B2B;
    --bs-info-text-emphasis:    #2F5FA3;
}
/* Koyu kipte vurgu metni koyu kalirsa okunmaz: aciga cekilir. */
[data-bs-theme="dark"] body:has(.client-subnav),
body:has(.client-subnav)[data-bs-theme="dark"] {
    --bs-primary-text-emphasis: #8FBBF2;
    --bs-success-text-emphasis: #5FD392;
    --bs-warning-text-emphasis: #F3CE67;
    --bs-danger-text-emphasis:  #F08A98;
    --bs-info-text-emphasis:    #9CC4F4;
}

/* ikon rozetlerine ortak cerceve: renk anlamdan, bicim markadan */
body:has(.client-subnav) .dash-stat-ico,
body:has(.client-subnav) .dash-empty-ico,
body:has(.client-subnav) .dash-feed-ico,
body:has(.client-subnav) .dash-modal-ico {
    border: 1px solid currentColor;
    border-color: color-mix(in srgb, currentColor 26%, transparent);
}

/* ------------------------------------------------------------------
   7) DUGMELER — btn-soft markasiz duruyordu
   ------------------------------------------------------------------ */
body:has(.client-subnav) .btn-soft {
    background: rgba(53, 100, 175, 0.100);
    background: color-mix(in srgb, var(--basic-primary) 10%, transparent);
    border: 1px solid rgba(53, 100, 175, 0.240);
    border: 1px solid color-mix(in srgb, var(--basic-primary) 24%, transparent);
    color: var(--basic-primary); font-weight: 600;
    transition: background .2s ease, border-color .2s ease;
}
body:has(.client-subnav) .btn-soft:hover {
    background: rgba(53, 100, 175, 0.170);
    background: color-mix(in srgb, var(--basic-primary) 17%, transparent);
    border-color: var(--basic-primary);
    color: var(--basic-primary);
}
body:has(.client-subnav) .btn-primary {
    background: var(--basic-primary); border-color: var(--basic-primary);
    font-weight: 600;
}
body:has(.client-subnav) .btn-primary:hover {
    background: #27548F; border-color: #27548F;
}

/* ------------------------------------------------------------------
   8) KOYU KIPTE HERO — mor yeniden ortaya cikiyordu
   ------------------------------------------------------------------
   dashboard.css'te su kural var:
     [data-bs-theme=dark] .dash-hero{
       background: radial-gradient(120% 140% at 100% 0%,
         color-mix(in srgb, var(--basic-secondary) 52%, ...)) , linear-gradient(...mavi...) }
   Yani sag ust koseye MARKA KIRMIZISI %52 basiliyor ve altindaki
   maviyle karisinca MOR veriyor — acik kipte duzelttigimiz sorunun
   koyu kip ikizi.

   Ayrica dashboard.css sayfa basligi blogunda, yani BU DOSYADAN SONRA
   yukleniyor; esit ozgulukte o kazaniyordu. Bu yuzden secici bir
   basamak yukari alindi (.dash eklendi).
   ------------------------------------------------------------------ */
[data-bs-theme="dark"] .dash .dash-hero {
    background:
        radial-gradient(120% 140% at 88% 6%, rgba(76,134,216,.34), transparent 60%),
        linear-gradient(135deg, #050D1C 0%, #0A1B33 44%, #15314F 76%, #1D3F63 100%);
    border-color: rgba(120,175,245,.14);
}
[data-bs-theme="dark"] .dash .dash-hero::before { background: none !important; }

/* Hero icindeki cam yuzeyler koyu kipte biraz daha belirgin olmali. */
[data-bs-theme="dark"] .dash .dash-balance-card {
    background: rgba(255,255,255,.055);
    border-color: rgba(150,190,245,.22);
}

/* ------------------------------------------------------------------
   9) PROFIL KARTI + HIZLI ISLEMLER
   ------------------------------------------------------------------
   Pano varyantinda kimlik karti hic yoktu; kullanici profiline
   panodan ulasamiyordu. Profil karti kendi canvas'ini tasir —
   hero ile ayni gorsel aileden, ama daha sakin.
   ------------------------------------------------------------------ */
.tb-dash-band {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: clamp(.8rem, 1.6vw, 1.1rem);
    margin-top: clamp(.8rem, 1.6vw, 1.1rem);
}

/* --- hero icindeki kucuk kimlik rozeti --- */
.dash .tb-dash-avatar {
    position: absolute; top: clamp(1.5rem, 4vw, 2.5rem); inset-inline-start: clamp(1.5rem, 4vw, 2.5rem);
    display: none;
}

/* --- profil karti --- */
.tb-dash-profil {
    position: relative; isolation: isolate; overflow: hidden;
    border: 1px solid var(--tb-line);
    border-radius: 16px;
    background: var(--tb-surface);
}
.tb-dash-profil-canvas {
    position: absolute; inset: 0; width: 100%; height: 100%;
    z-index: 0; pointer-events: none; opacity: .9;
}
.tb-dash-profil-ic {
    position: relative; z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .35rem 1.1rem;
    padding: clamp(1.1rem, 2.4vw, 1.5rem);
}
.tb-dash-profil-ava {
    grid-row: span 2;
    display: grid; place-items: center;
    width: 62px; height: 62px; border-radius: 50%;
    background: linear-gradient(135deg, var(--basic-primary), #27548F);
    color: #fff; font-weight: 700; font-size: 1.25rem; letter-spacing: .02em;
    box-shadow: 0 0 0 4px rgba(53, 100, 175, 0.120);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--basic-primary) 12%, transparent);
    overflow: hidden;
}
.tb-dash-profil-ava img { width: 100%; height: 100%; object-fit: cover; }
.tb-dash-profil-metin { min-width: 0; }
.tb-dash-profil-ad {
    display: block;
    font-family: var(--tb-font-baslik, inherit);
    font-size: 1.1rem; font-weight: 700; letter-spacing: -.02em; color: var(--tb-ink);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.tb-dash-profil-mail {
    display: block; margin-top: .1rem;
    font-size: .85rem; color: var(--tb-ink-soft);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.tb-dash-profil-rozet {
    display: inline-flex; align-items: center; gap: .35rem;
    margin-top: .45rem; padding: .18rem .5rem;
    border-radius: 6px; font-size: .74rem; font-weight: 600;
    background: rgba(53, 100, 175, 0.090);
    background: color-mix(in srgb, var(--basic-primary) 9%, transparent);
    color: var(--basic-primary);
}
.tb-dash-profil-eylem {
    grid-column: 2; display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .9rem;
}
.tb-dash-profil-btn {
    display: inline-flex; align-items: center; gap: .4rem;
    padding: .5rem .85rem; border-radius: 9px;
    border: 1px solid var(--tb-line);
    font-size: .85rem; font-weight: 600; text-decoration: none;
    color: var(--tb-ink); background: transparent;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
}
.tb-dash-profil-btn:hover {
    border-color: var(--basic-primary); color: var(--basic-primary);
}
.tb-dash-profil-btn-ana {
    background: var(--basic-primary); border-color: var(--basic-primary); color: #fff;
}
.tb-dash-profil-btn-ana:hover { background: #27548F; border-color: #27548F; color: #fff; }

/* --- hizli islemler --- */
.tb-dash-kisayol {
    display: flex; flex-direction: column;
    padding: clamp(1.1rem, 2.4vw, 1.5rem);
    border: 1px solid var(--tb-line);
    border-radius: 16px;
    background: var(--tb-surface);
}
.tb-dash-kisayol-bas {
    font-size: .74rem; font-weight: 700; letter-spacing: .12em;
    text-transform: uppercase; color: var(--tb-ink-soft);
    margin-bottom: .85rem;
}
.tb-dash-kisayol-izgara {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem; flex: 1 1 auto;
}
.tb-dash-kisayol-oge {
    display: flex; flex-direction: column; align-items: flex-start; gap: .55rem;
    padding: .8rem .75rem;
    border: 1px solid var(--tb-line); border-radius: 12px;
    background: var(--tb-surface-2);
    text-decoration: none;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.tb-dash-kisayol-oge:hover {
    border-color: rgba(53, 100, 175, 0.450);
    border-color: color-mix(in srgb, var(--basic-primary) 45%, transparent);
    transform: translateY(-2px);
    box-shadow: 0 12px 26px -18px rgba(53,100,175,.6);
}
.tb-dash-kisayol-ikon {
    display: grid; place-items: center;
    width: 34px; height: 34px; border-radius: 10px;
    background: rgba(53, 100, 175, 0.100);
    background: color-mix(in srgb, var(--basic-primary) 10%, transparent);
    border: 1px solid rgba(53, 100, 175, 0.220);
    border: 1px solid color-mix(in srgb, var(--basic-primary) 22%, transparent);
    color: var(--basic-primary); font-size: .95rem;
}
.tb-dash-kisayol-oge b {
    font-size: .84rem; font-weight: 600; color: var(--tb-ink); line-height: 1.25;
}

@media (max-width: 900px) {
    .tb-dash-band { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
    .tb-dash-profil-ic { grid-template-columns: auto minmax(0,1fr); }
    .tb-dash-profil-eylem { grid-column: 1 / -1; }
    .tb-dash-kisayol-izgara { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
    .tb-dash-kisayol-oge, .tb-dash-profil-btn { transition: none; }
    .tb-dash-kisayol-oge:hover { transform: none; }
}

/* profil kunyesi */
.tb-dash-profil-kunye {
    list-style: none; margin: .6rem 0 0; padding: 0;
    display: flex; flex-wrap: wrap; gap: .3rem 1rem;
}
.tb-dash-profil-kunye li {
    display: inline-flex; align-items: center; gap: .4rem;
    font-size: .8rem; color: var(--tb-ink-soft);
}
.tb-dash-profil-kunye i { color: var(--basic-primary); font-size: .9em; opacity: .8; }

/* iki adimli dogrulama KAPALIYSA uyari tonu: bu bir eylem cagrisidir,
   notr mavi gosterilirse kullanici onemsemez. */
.tb-dash-profil-rozet-uyari {
    background: rgba(241, 183, 28, 0.180);
    background: color-mix(in srgb, #F1B71C 18%, transparent);
    color: #8A6708;
}
[data-bs-theme="dark"] .tb-dash-profil-rozet-uyari { color: #F3CE67; }

/* destek PIN rozeti */
.tb-dash-profil-pin {
    display: inline-flex; align-items: center; gap: .45rem;
    margin-top: .5rem; margin-inline-end: .5rem;
    padding: .2rem .55rem; border-radius: 7px;
    border: 1px dashed var(--tb-line);
    font-size: .76rem; color: var(--tb-ink-soft);
}
.tb-dash-profil-pin i { color: var(--basic-primary); }
.tb-dash-profil-pin b { color: var(--tb-ink); letter-spacing: .06em; font-weight: 700; }

/* @@ LOGO-KIRMIZISI-AYDINLIK BASLA (acik-kip.py uretir, elle duzenleme) @@ */
html:not([data-bs-theme="dark"]) body:has(.client-subnav){--bs-danger:         #C4162B;--bs-danger-bg-subtle:   color-mix(in srgb, #C4162B 11%, var(--tb-surface));--bs-danger-border-subtle: rgba(196, 22, 43, 0.260);--bs-danger-border-subtle:  color-mix(in srgb, #C4162B 26%, transparent);--bs-danger-text-emphasis:  #A01223}
/* @@ LOGO-KIRMIZISI-AYDINLIK BITIR @@ */