/* /Components/Dialogs/QuickInterviewDialog.razor.rz.scp.css */
/* Seçili "mülakat sonucu" chip'i.

   Kural QuickInterviewDialog.razor içinde inline <style> bloğundaydı; CSP
   `style-src 'self'` inline <style> ELEMENT'ini bloklamak yüzünden
   uygulanmıyordu — seçilen chip seçilmemişlerden ayırt edilemiyordu (markup seçiliyken
   Tailwind class'larını KALDIRIP yerine yalnız bu class'ı koyduğu için chip tamamen
   biçimsiz kalıyordu). Çözüm CSP'yi gevşetmek değil, scoped CSS'e taşımak.

   `--form-tone-interview` GLOBAL bir custom property (tokens.css, temaya göre değişir); scoped CSS yalnız
   seçiciyi niteler, var() referansları olduğu gibi çalışır. Seçici
   QuickInterviewDialog.razor'un kendi markup'ında (satır 82) → `::deep` yok. */

.quick-interview-chip-selected[b-javp1qfc2f] {
    background-color: color-mix(in srgb, var(--form-tone-interview) 12%, transparent);
    border-color: var(--form-tone-interview);
    color: var(--form-tone-interview);
}
/* /Components/Dialogs/ReviewDialog.razor.rz.scp.css */
/* ReviewDialog modal kabuğu.

   Kurallar ReviewDialog.razor içinde inline <style> bloğundaydı ve CSP
   `style-src 'self'` inline <style> ELEMENT'ini bloklamak yüzünden HİÇBİRİ
   uygulanmıyordu. Bu, kozmetik bir kayıptan fazlası: `.dialog-wrapper` hem `position:
   fixed` overlay'i hem de `display: none` / `.open → display: flex` görünürlük anahtarını
   taşıyor. Bloklandığında dialog KAPALI durumda da normal akışta görünür kalıyordu.
   Çözüm CSP'yi gevşetmek değil, scoped CSS'e taşımak.

   Her iki seçici de ReviewDialog.razor'un kendi markup'ında (satır 3-4) → `::deep` yok. */

.dialog-wrapper[b-mcq1ye1asr] {
    position: fixed;
    inset: 0;
    z-index: 50;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

/* `IsOpen` true olduğunda markup `open` class'ını ekler. */
.dialog-wrapper.open[b-mcq1ye1asr] {
    display: flex;
}

.dialog-content[b-mcq1ye1asr] {
    max-height: 90vh;
    overflow: hidden;
}
/* /Components/Layout/SidebarDrawer.razor.rz.scp.css */
/* Compact footer link list (Hakkında/İletişim/Yardım/Legal) */
.sidebar-footer-link[b-c4yg9ff35w] {
    display: block;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    /* Renk adlari `hsl()` ICINE alinmaz: `--muted-foreground` / `--muted` / `--foreground`
       projede hic tanimli degildi, tanimsiz degisken `hsl()` icinde bildirimi gecersiz kilar
       ve uc bildirim de sessizce hicbir sey yapmiyordu (baglanti rengi mirasa dusuyor, uzerine
       gelince zemin cizilmiyordu). Tasarim sistemi bu adlari dogrudan renk olarak tutar. */
    color: var(--text-3);
    text-decoration: none;
    transition: background-color 150ms ease, color 150ms ease;
}

.sidebar-footer-link:hover[b-c4yg9ff35w] {
    background: var(--surface-2);
    color: var(--text);
}
/* /Components/Pickers/WheelDatePicker.razor.rz.scp.css */
/* WheelDatePicker — kolon scroll fiziği: native CSS scroll-snap + gizli scrollbar.
   Renk yok (Tailwind token kuralı dışı, sadece yapısal davranış) — bu yüzden scoped .razor.css. */

.wdp-column[b-kpwje5b3tk] {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.wdp-column[b-kpwje5b3tk]::-webkit-scrollbar {
    display: none;
}

.wdp-column .wheel-item[b-kpwje5b3tk] {
    font-size: 16px;
    font-weight: 600;
    transition: opacity 0.05s linear, font-size 0.12s ease;
}

.wdp-column .wheel-item.is-center[b-kpwje5b3tk] {
    font-size: 18px;
    font-weight: 800;
}
/* /Components/UI/LiquidSlider.razor.rz.scp.css */
/* LiquidSlider dekoratif animasyonları (baloncuklar, sürükleme parıltısı, değer rozeti).

   Kurallar LiquidSlider.razor içinde inline <style> bloğundaydı ve CSP
   `style-src 'self'` inline <style> ELEMENT'ini bloklamak yüzünden hiçbiri
   uygulanmıyordu — animasyonlar hiç oynamıyordu. Çözüm CSP'yi gevşetmek değil, scoped
   CSS'e taşımak.

   Neden BURADA, `tailwind-input.css` `@theme`'de DEĞİL: bu dört animasyonun tek tüketicisi
   LiquidSlider. Paylaşılan animasyonlar (slide-up-sheet, emoji-appear — iki component
   tarafından kullanılıyor) `@theme`'e taşındı; tek-component olanlar burada kalır ki global
   utility ad alanı component'e özel isimlerle şişmesin.

   ÖLÇÜLDÜ: Blazor'un scoped CSS yeniden yazıcısı `@keyframes` ADINI da
   scope'lar VE `animation:` bildirimindeki referansı birlikte günceller — derlenmiş
   bundle'da `animation: logo-band-scroll-b-zjjp265eou` / `@keyframes
   logo-band-scroll-b-zjjp265eou` çifti doğrulandı. Yani buradaki keyframe adları
   global ad alanına SIZMAZ; `rtw-` öneki gerekmez ve başka component'le çakışmazlar. */

.animate-bubble-1[b-9vu0kgiqth] {
    animation: bubble-1-b-9vu0kgiqth 0.8s ease-in-out infinite;
}

.animate-bubble-2[b-9vu0kgiqth] {
    animation: bubble-2-b-9vu0kgiqth 0.6s ease-in-out infinite 0.2s;
}

.animate-highlight[b-9vu0kgiqth] {
    animation: highlight-move-b-9vu0kgiqth 1.5s linear infinite;
}

.badge-animate[b-9vu0kgiqth] {
    animation: badge-appear-b-9vu0kgiqth 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes bubble-1-b-9vu0kgiqth {
    0%, 100% { transform: translateY(0) scale(1); opacity: 0.6; }
    50% { transform: translateY(-8px) scale(1.2); opacity: 1; }
}

@keyframes bubble-2-b-9vu0kgiqth {
    0%, 100% { transform: translateY(0); opacity: 0.5; }
    50% { transform: translateY(-6px); opacity: 0.8; }
}

@keyframes highlight-move-b-9vu0kgiqth {
    0% { transform: translateX(0%); }
    100% { transform: translateX(300%); }
}

@keyframes badge-appear-b-9vu0kgiqth {
    from { transform: translateY(-10px); opacity: 0; filter: blur(4px); }
    to { transform: translateY(0); opacity: 1; filter: blur(0); }
}
/* /Pages/CompanyDetail.razor.rz.scp.css */
/* CompanyDetail sekme tetikleyicileri.

   Kurallar CompanyDetail.razor içinde inline <style> bloğundaydı ve CSP
   `style-src 'self'` inline <style> ELEMENT'ini bloklamak yüzünden HİÇBİRİ
   uygulanmıyordu — dört sekme butonu (`.tab-trigger`) tarayıcının varsayılan buton
   görünümünde kalıyor, aktif sekme hiç belli olmuyordu. Çözüm CSP'yi gevşetmek değil,
   scoped CSS'e taşımak. Seçicilerin hedefleri CompanyDetail.razor'un kendi markup'ında
   (satır 48 ve 63-77) → `::deep` GEREKMEZ. */

/* Renkler tasarim sisteminin RENK degerli adlarindan gelir, `hsl()` sarmalayicisi
   OLMADAN. Buradaki bes bildirim bir zamanlar `hsl(var(--muted-foreground))`,
   `hsl(var(--foreground))`, `hsl(var(--muted))`, `hsl(var(--background))` yaziyordu; bu
   dort ad projedeki hicbir stil dosyasinda tanimli DEGIL ve `hsl()` icine giren tanimsiz
   bir degisken bildirimi gecersiz kilar. Chrome 152'de olculdu: bu bes bildirimin hesaplanan
   sonucu "hic bildirim yazmamis olmakla" birebir ayni — metin rengi mirasa duser, zemin
   `rgba(0,0,0,0)` kalir. Yani dort sekme tarayici varsayilaninda gorunuyor, uzerine gelince
   hicbir sey degismiyor ve AKTIF SEKMENIN ZEMINI HIC CIZILMIYORDU; sekmeyi yalnizca soluk bir
   golge ayirt ediyordu. Ayni olcumde `var(--text-3)` gercek bir renk hesapliyor.
   Dogru esleme: muted-foreground -> --text-3, foreground -> --text, muted -> --surface-2,
   background -> --surface. */
.tab-trigger[b-n5a20ffzvb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-3);
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    /* Yatay kaydirmali sekme seridinde her sekme kendi basina duraklar (kapsayici
       `overflow-x-auto` + `scroll-snap-type` tasiyor) — telefonda yarim gorunen sekme kalmaz. */
    scroll-snap-align: start;
}

.tab-trigger:hover[b-n5a20ffzvb] {
    color: var(--text);
    background: var(--surface-2);
}

.tab-trigger.active[b-n5a20ffzvb] {
    color: var(--text);
    background: var(--surface);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Telefonda dort sekme tek satira sigmiyor; yatay padding daralir, seridin kendisi kayar. */
@media (max-width: 560px) {
    .tab-trigger[b-n5a20ffzvb] {
        padding: 0.5rem 0.8125rem;
        gap: 0.375rem;
    }
}