/* /Pages/About.razor.rz.scp.css */
/* Hakkımda Bölümü Stilleri */
.about-me[b-3nsrdu6u0e] {
    padding: 20px 20px;
    background: var(--bg-secondary);
}

.about-me .container[b-3nsrdu6u0e] {
    max-width: 1000px;
    margin: 0 auto;
}

.about-card[b-3nsrdu6u0e] {
    background: var(--bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    border: 1px solid var(--border-light);
}

.about-header[b-3nsrdu6u0e] {
    background: var(--gradient-primary);
    color: var(--text-inverse);
    padding: 15px 25px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.about-icon[b-3nsrdu6u0e] {
    font-size: 1.5rem;
}

.about-header h2[b-3nsrdu6u0e] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--text-inverse);
}

.about-content[b-3nsrdu6u0e] {
    padding: 25px 30px;
}

.about-content .lead[b-3nsrdu6u0e] {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-primary);
    margin-bottom: 25px;
    padding: 15px;
    background: var(--bg-secondary);
    border-left: 3px solid var(--accent-primary);
    border-radius: 0 6px 6px 0;
}

.about-section[b-3nsrdu6u0e] {
    margin-bottom: 25px;
}

.about-section h3[b-3nsrdu6u0e] {
    font-size: 1.1rem;
    color: var(--text-primary);
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--border-color);
}

.about-section h3 i[b-3nsrdu6u0e] {
    color: var(--accent-primary);
}

/* Timeline Stilleri */
.timeline[b-3nsrdu6u0e] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.timeline li[b-3nsrdu6u0e] {
    position: relative;
    padding: 15px 0 15px 30px;
    border-left: 2px solid var(--border-color);
    margin-left: 70px;
    color: var(--text-primary);
}

.timeline li[b-3nsrdu6u0e]:before {
    content: '';
    position: absolute;
    left: -8px;
    top: 20px;
    width: 14px;
    height: 14px;
    background: var(--accent-primary);
    border-radius: 50%;
    border: 3px solid var(--bg-card);
    box-shadow: 0 0 0 2px var(--accent-primary);
}

.timeline .year[b-3nsrdu6u0e] {
    position: absolute;
    left: -90px;
    top: 15px;
    font-weight: 700;
    color: var(--accent-primary);
    font-size: 0.9rem;
    width: 75px;
    text-align: right;
}

/* Projeler Grid */
.projects-grid[b-3nsrdu6u0e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.project-item[b-3nsrdu6u0e] {
    background: var(--bg-secondary);
    padding: 20px;
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-color);
    transition: transform 0.3s, box-shadow 0.3s;
}

.project-item:hover[b-3nsrdu6u0e] {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
}

.project-year[b-3nsrdu6u0e] {
    display: inline-block;
    background: var(--gradient-primary);
    color: var(--text-inverse);
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

.project-item strong[b-3nsrdu6u0e] {
    display: block;
    color: var(--text-primary);
    margin-bottom: 8px;
    font-size: 1.05rem;
}

.project-item p[b-3nsrdu6u0e] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    margin: 0;
    line-height: 1.5;
}

.about-section ul:not(.timeline)[b-3nsrdu6u0e] {
    padding-left: 20px;
}

.about-section ul:not(.timeline) li[b-3nsrdu6u0e] {
    margin-bottom: 10px;
    color: var(--text-primary);
    line-height: 1.6;
}

.about-section p[b-3nsrdu6u0e] {
    color: var(--text-primary);
    line-height: 1.7;
}

/* Responsive */
@media (max-width: 768px) {
    .about-content[b-3nsrdu6u0e] {
        padding: 20px;
    }

    .timeline li[b-3nsrdu6u0e] {
        padding-left: 30px;
        margin-left: 40px;
    }

    .timeline .year[b-3nsrdu6u0e] {
        left: -70px;
        width: 90px;
        font-size: 0.9rem;
    }

    .projects-grid[b-3nsrdu6u0e] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Home.razor.rz.scp.css */
/* ========================================
   ANASAYFA DASHBOARD
   ======================================== */

.dash[b-9bqachcnu3] {
    max-width: 1100px;
    /* Ust bosluk diger bolumlerle ayni olsun diye site.css'teki
       section { margin-top: 70px } degeri korunuyor. Eskiden burada
       "margin: 0 auto" vardi; bu o kurali eziyor, kartin ust kenari
       sabit navbar'in altinda kaliyor ve anasayfa tek basina farkli
       goruniyordu. Padding-top de 90px'ten 15px'e indi: navbar'i asma
       isini artik margin yapiyor. */
    margin: 70px auto 0;
    padding: 15px 16px 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ① Tanıtım şeridi */
.dash-intro[b-9bqachcnu3] {
    background: var(--bg-card);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    padding: 28px 32px;
}

.dash-intro h1[b-9bqachcnu3] {
    font-size: 1.9rem;
    margin: 0 0 10px;
    color: var(--text-primary);
}

.dash-intro p[b-9bqachcnu3] {
    font-size: 0.97rem;
    line-height: 1.75;
    color: var(--text-secondary);
    /* Paragraflar arası boşluk; son paragrafta kartın alt padding'iyle
       üst üste binmesin diye sıfırlanıyor. */
    margin: 0 0 12px;
}

    .dash-intro p:last-child[b-9bqachcnu3] {
        margin-bottom: 0;
    }

/* Giriş cümlesi: biraz büyük ve koyu, altındaki açıklama paragraflarından
   ayrılsın. .dash-intro ile birlikte yazılıyor ki yukarıdaki
   ".dash-intro p" kuralını özgüllükte geçsin (!important gerekmesin). */
.dash-intro .dash-intro-lead[b-9bqachcnu3] {
    font-size: 1.06rem;
    color: var(--text-primary);
    margin-bottom: 14px;
}

/* Kapanış notu: ince çizgiyle ayrılır. */
.dash-intro .dash-intro-note[b-9bqachcnu3] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--border-light);
    font-size: 0.88rem;
    color: var(--text-muted);
}

    .dash-intro-note i[b-9bqachcnu3] {
        flex: 0 0 auto;
        font-size: 1.05rem;
        line-height: 1.55;
        color: var(--accent-primary);
    }

/* Bölüm kutusu */
.dash-section[b-9bqachcnu3] {
    background: var(--bg-card);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    padding: 20px 24px;
}

.dash-section-head[b-9bqachcnu3] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

    .dash-section-head i[b-9bqachcnu3] {
        font-size: 1.3rem;
        color: var(--accent-primary);
    }

    .dash-section-head h2[b-9bqachcnu3] {
        font-size: 1.15rem;
        font-weight: 600;
        margin: 0;
        color: var(--text-primary);
    }

/* Kutusuz bölüm başlığı (öne çıkanlar şeridi için) */
.dash-section-head-bare[b-9bqachcnu3] {
    padding-left: 4px;
    margin-bottom: 12px;
}

/* ② Öne çıkan araçlar şeridi */
.dash-spotlight[b-9bqachcnu3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.dash-spot[b-9bqachcnu3] {
    display: flex;
    flex-direction: column;
    background: var(--bg-card);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    text-decoration: none;
    color: var(--text-primary);
    transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}

    .dash-spot:hover[b-9bqachcnu3] {
        transform: translateY(-3px);
        box-shadow: var(--shadow-md);
        border-color: var(--accent-primary);
        color: var(--text-primary);
    }

/* Görsel çerçevesi. SVG'ler kendi açık zeminini çizdiği için çerçeve de
   iki temada da aynı açık yüzeyi kullanıyor; böylece koyu temada
   "kazara parlak kutu" değil, bilinçli bir illüstrasyon paneli gibi durur. */
.dash-spot-figure[b-9bqachcnu3] {
    display: block;
    background: #f8fafc;
    border-bottom: 1px solid var(--border-light);
}

    .dash-spot-figure img[b-9bqachcnu3] {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 400 / 240;
    }

.dash-spot-body[b-9bqachcnu3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 18px 18px;
    flex: 1;
}

.dash-spot-title[b-9bqachcnu3] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.02rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--text-primary);
}

    .dash-spot-title i[b-9bqachcnu3] {
        font-size: 1.25rem;
        color: var(--accent-primary);
        flex: 0 0 auto;
    }

.dash-spot-desc[b-9bqachcnu3] {
    font-size: 0.85rem;
    font-weight: 400;
    color: var(--text-secondary);
    line-height: 1.5;
    flex: 1;
}

.dash-spot-cta[b-9bqachcnu3] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    padding: 7px 16px;
    border-radius: var(--radius-md);
    /* theme.css'teki .btn-primary ile aynı zemin/yazı çifti:
       dolu aksan zeminde yazı rengi --text-inverse, --accent-primary-contrast değil
       (o token açık aksan yüzeyler için tanımlı). */
    background: var(--gradient-primary);
    color: var(--text-inverse);
    font-size: 0.85rem;
    font-weight: 600;
    transition: background var(--transition-fast);
}

    .dash-spot-cta i[b-9bqachcnu3] {
        font-size: 0.95rem;
    }

.dash-spot:hover .dash-spot-cta[b-9bqachcnu3] {
    background: linear-gradient(135deg, var(--accent-primary-dark), var(--accent-primary-darker));
}

/* İki sütunlu satır (Telsiz + Astronomi) */
.dash-columns[b-9bqachcnu3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

/* Tile ızgarası */
.dash-grid[b-9bqachcnu3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px;
}

.dash-grid-2[b-9bqachcnu3] {
    grid-template-columns: 1fr 1fr;
}

/* Tek tile */
.dash-tile[b-9bqachcnu3] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    background: var(--bg-secondary);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    text-decoration: none;
    color: var(--text-primary);
    transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}

    .dash-tile:hover[b-9bqachcnu3] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-md);
        border-color: var(--accent-primary);
        color: var(--text-primary);
    }

    .dash-tile > i[b-9bqachcnu3] {
        font-size: 1.5rem;
        color: var(--accent-primary);
        flex: 0 0 auto;
        margin-top: 1px;
    }

.dash-tile-body[b-9bqachcnu3] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.dash-tile-title[b-9bqachcnu3] {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--text-primary);
}

.dash-tile-desc[b-9bqachcnu3] {
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--text-secondary);
    line-height: 1.45;
}

.dash-ext[b-9bqachcnu3] {
    font-size: 0.75rem !important;
    color: var(--text-muted) !important;
    vertical-align: super;
}

/* ⑥ Vurgulu bölüm (İZEF) */
.dash-section-featured[b-9bqachcnu3] {
    border: 2px solid var(--accent-primary);
    background: var(--accent-primary-lighter);
}

    .dash-section-featured .dash-section-head h2[b-9bqachcnu3] {
        color: var(--accent-primary-dark);
    }

.dash-featured-note[b-9bqachcnu3] {
    font-size: 0.9rem;
    color: var(--accent-primary-dark);
    margin: -6px 0 16px;
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
    .dash-intro[b-9bqachcnu3] {
        padding: 22px 20px;
    }

    .dash-intro h1[b-9bqachcnu3] {
        font-size: 1.5rem;
    }

    /* Tanıtım metni üç paragrafa çıktığı için dar ekranda kart uzuyor ve
       araçlar katlanmanın çok altına iniyor; tipografiyi biraz sıkıştırıyoruz. */
    .dash-intro p[b-9bqachcnu3] {
        font-size: 0.92rem;
        line-height: 1.65;
    }

    .dash-intro .dash-intro-lead[b-9bqachcnu3] {
        font-size: 1rem;
    }

    .dash-spotlight[b-9bqachcnu3] {
        grid-template-columns: 1fr;
    }

    .dash-columns[b-9bqachcnu3] {
        grid-template-columns: 1fr;
    }

    .dash-grid[b-9bqachcnu3] {
        grid-template-columns: 1fr;
    }
}

/* PTCalc ana sayfa: marka satırı */
.dash-kicker[b-9bqachcnu3] {
    font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--accent-primary-dark);
    margin-bottom: 0.35rem;
}
/* /Shared/Footer.razor.rz.scp.css */
/* Footer içeriği navbar markasıyla aynı hizadan başlasın diye:
   NavMenu.razor.css'te .navbar-custom { padding: 10px 20px } var; buradaki
   20px onunla aynı. İçteki .container-fluid'in kendi 12px'i eklenince
   toplam 32px oluyor — navbar markasının ölçülen sol kenarı da 32px.
   Bu ikisini birlikte değiştir, yoksa hizalama kayar. */
.footer-custom[b-qaatlq4945] {
    padding-left: 20px;
    padding-right: 20px;
}
/* /Shared/MainLayout.razor.rz.scp.css */
h3[b-ihpc28n8pm]{
    text-align:center;
}
/* /Shared/NavMenu.razor.rz.scp.css */
/* Navbar Varsayılan Görünüm */
.navbar-custom[b-au3wo64p8b] {
    transition: background-color 0.3s ease, color 0.3s ease;
    background-color: transparent;
    padding: 10px 20px;
    color: var(--text-primary);
}

/* Navbar Kaydırıldığında */
.navbar-scrolled[b-au3wo64p8b] {
    background-color: var(--bg-secondary) !important;
    box-shadow: var(--shadow-sm);
    padding: 10px 20px;
}

/* Navbar Marka ve Linkler Varsayılan */
.navbar-brand[b-au3wo64p8b], .nav-link[b-au3wo64p8b] {
    color: var(--text-primary) !important;
    transition: color 0.3s ease;
}

/* Navbar Kaydırıldığında Link ve Marka Rengi */
.navbar-scrolled .navbar-brand[b-au3wo64p8b],
.navbar-scrolled .nav-link[b-au3wo64p8b] {
    color: var(--text-primary) !important;
}

/* Navbar Link Hover Efekti */
.nav-link:hover[b-au3wo64p8b] {
    color: var(--accent-primary) !important;
    text-decoration: underline;
}

/* ----------- HAMBURGER MENÜ STİLLERİ ------------ */

/* Hamburger Varsayılan */
.navbar-toggler[b-au3wo64p8b] {
    border: 1px solid transparent;
    color: var(--text-primary);
    transition: border-color 0.3s ease;
}

/* Kaydırma Sonrası Hamburger */
.navbar-scrolled .navbar-toggler[b-au3wo64p8b] {
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* Hamburger Menüsü Açıldığında Renk Değişimi Engellendi */
.navbar-custom.show[b-au3wo64p8b] {
    background-color: transparent !important;
}

/* Navbar Açıldığında Kenarlık Rengi */
.navbar-toggler:focus[b-au3wo64p8b] {
    outline: none;
    box-shadow: none;
    border: 1px solid var(--border-color);
}

/* ----------- BUTON STİLLERİ ------------ */

/* Kaydırma Öncesi Butonlar */
.default-buttons a button[b-au3wo64p8b] {
    transition: all 0.3s ease;
}

/* Kaydırma Sonrası Butonlar */
.scrolled-buttons a button[b-au3wo64p8b] {
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    background-color: transparent;
    transition: all 0.3s ease;
}

    /* Buton Hover Efekti (Kaydırma Öncesi ve Sonrası) */

    .scrolled-buttons a button:hover[b-au3wo64p8b] {
        border: 1px solid var(--text-primary);
        background-color: var(--text-primary);
        color: var(--bg-primary) !important;
    }

/* ----------- DROPDOWN MENÜ STİLLERİ ------------ */
.nav-item.dropdown .dropdown-menu[b-au3wo64p8b] {
    border-radius: 5px;
    border: none;
    background: var(--bg-card);
    color: var(--text-primary);
    border: 1px solid var(--border-light);
}

:root[data-theme="dark"] .navbar-custom[b-au3wo64p8b],
[data-theme="dark"] .navbar-custom[b-au3wo64p8b] {
    background-color: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
}

.dropdown-item[b-au3wo64p8b] {
    transition: background-color 0.3s ease, color 0.3s ease;
    color: var(--text-primary);
}

    .dropdown-item:hover[b-au3wo64p8b] {
        background-color: var(--accent-primary);
        color: var(--text-inverse);
    }

/* Marka: üçlü faz üçgeni işareti + "maege.tr" (".tr" aksan renginde). İşaret currentColor
   ile metin rengini alır; içteki açık üçgen sayfa zemininden gelir, koyu temada da doğru. */
.brand[b-au3wo64p8b] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--accent-primary) !important;
    letter-spacing: -0.01em;
}

    .brand-mark[b-au3wo64p8b] {
        width: 1.45rem;
        height: 1.27rem;
        flex: 0 0 auto;
    }

    .brand-mark-inner[b-au3wo64p8b] {
        fill: var(--bg-primary);
        opacity: 0.6;
    }

    /* PTCalc işareti: kare, eğri ve noktalar tek renk (currentColor); eğri ve nokta halkası zemin rengi */
    .brand-mark-pharmtech[b-au3wo64p8b] {
        width: 1.3rem;
        height: 1.3rem;
        border-radius: 0.3rem;
    }

    .brand-mark-stroke[b-au3wo64p8b] {
        stroke: var(--bg-primary);
    }

    .brand-mark-inner-fill[b-au3wo64p8b] {
        fill: var(--bg-primary);
    }

    .brand-text[b-au3wo64p8b] {
        color: var(--text-primary);
        font-weight: 600;
    }

    .brand-tld[b-au3wo64p8b] {
        color: var(--accent-primary);
    }

    .brand:hover .brand-text[b-au3wo64p8b] {
        color: var(--accent-primary-dark);
    }

/* Dil anahtarı (yalnız PTCalc): TR | EN */
.lang-switch[b-au3wo64p8b] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.85rem;
}

    .lang-btn[b-au3wo64p8b] {
        border: 0;
        background: transparent;
        color: var(--text-secondary, #64748b);
        padding: 0.15rem 0.3rem;
        font-weight: 600;
        letter-spacing: 0.03em;
        cursor: pointer;
        border-radius: 4px;
    }

    .lang-btn.active[b-au3wo64p8b] {
        color: var(--accent-primary);
        text-decoration: underline;
        text-underline-offset: 0.2em;
    }

    .lang-btn:hover[b-au3wo64p8b] {
        color: var(--accent-primary-dark);
    }

    .lang-sep[b-au3wo64p8b] {
        color: var(--border-color);
    }