/**
 * Özel İnşaat & Teknik Topluluk Forumu - Frontend CSS (v5.0)
 * Modern SaaS & Dokümantasyon Standardı (1240px Full-Width, Sabit Global Header, 20px Oval Hatlar, Sıfır Emoji)
 */

:root {
    --ozel-primary: #2563EB;
    --ozel-primary-hover: #1D4ED8;
    --ozel-primary-light: #EFF6FF;
    --ozel-primary-border: #BFDBFE;

    --ozel-accent-blue: #0284C7;
    --ozel-accent-blue-light: #F0F9FF;

    --ozel-success: #059669;
    --ozel-success-light: #ECFDF5;
    --ozel-success-border: #A7F3D0;
    --ozel-success-dark: #065F46;

    --ozel-warning: #D97706;
    --ozel-warning-light: #FFFBEB;
    --ozel-warning-border: #FDE68A;

    --ozel-danger: #DC2626;
    --ozel-danger-light: #FEF2F2;
    --ozel-danger-border: #FECACA;

    --ozel-bg: #F8FAFC;
    --ozel-card-bg: #FFFFFF;

    --ozel-text-main: #0F172A;
    --ozel-text-body: #334155;
    --ozel-text-muted: #64748B;
    --ozel-text-subtle: #94A3B8;

    --ozel-border: #E2E8F0;
    --ozel-border-hover: #CBD5E1;

    --ozel-radius-card: 20px;
    --ozel-radius-oval: 16px;
    --ozel-radius-pill: 30px;
    --ozel-radius-sm: 10px;
    --ozel-radius-stat: 12px;
    --ozel-radius-full: 9999px;

    --ozel-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, 0.02);
    --ozel-shadow-soft: 0 10px 30px -5px rgba(0, 0, 0, 0.04);
    --ozel-shadow-dropdown: 0 12px 36px rgba(15, 23, 42, 0.16);
    --ozel-shadow-modal: 0 25px 50px -12px rgba(15, 23, 42, 0.25);

    --ozel-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --ozel-mono-font: 'Fira Code', 'JetBrains Mono', SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* Standalone CPT Main Wrapper (Temiz Arka Plan & Tam Oturma) */
.ozel-forum-cpt-main {
    background-color: var(--ozel-bg);
    min-height: 85vh;
    padding: 24px 0;
    width: 100%;
}

/* Standart 1240px Full-Width Grid Kapsayıcısı */
.ozel-forum-wrapper {
    font-family: var(--ozel-font);
    color: var(--ozel-text-main);
    line-height: 1.6;
    max-width: 1240px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px 24px 20px !important;
    box-sizing: border-box;
    background: transparent;
}

.ozel-forum-wrapper * {
    box-sizing: border-box;
}

/* SVG İkon Sistemi */
.ozel-icon {
    display: inline-block;
    vertical-align: -2px;
    flex-shrink: 0;
}

.ozel-btn-svg {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

/* ==========================================================================
   1. SABİT ÜST FORUM NAVİGASYON BARI (GLOBAL FORUM HEADER BAR v5.0)
   ========================================================================== */
.ozel-global-header-bar {
    background-color: #FFFFFF;
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-oval);
    padding: 12px 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.04);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.ozel-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ozel-header-home-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: var(--ozel-radius-pill);
    background-color: #F8FAFC;
    border: 1px solid var(--ozel-border);
    color: var(--ozel-text-main) !important;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none !important;
    transition: all 0.15s ease;
}

.ozel-header-home-btn:hover {
    background-color: var(--ozel-primary-light);
    border-color: var(--ozel-primary-border);
    color: var(--ozel-primary) !important;
}

.ozel-header-breadcrumbs {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--ozel-text-muted);
    flex-wrap: wrap;
}

.ozel-header-crumb-sep {
    color: var(--ozel-text-subtle);
    font-weight: 600;
}

.ozel-header-crumb-link {
    color: var(--ozel-text-muted) !important;
    text-decoration: none !important;
    font-weight: 500;
    transition: color 0.15s ease;
}

.ozel-header-crumb-link:hover {
    color: var(--ozel-primary) !important;
}

.ozel-header-crumb-current {
    color: var(--ozel-text-main);
    font-weight: 600;
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ozel-header-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-left: auto;
}

.ozel-header-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: var(--ozel-radius-pill);
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.15s ease;
    border: 1px solid transparent;
}

.ozel-header-btn-new-topic {
    background-color: var(--ozel-primary);
    color: #FFFFFF !important;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.2);
}

.ozel-header-btn-new-topic:hover {
    background-color: var(--ozel-primary-hover);
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.ozel-header-profile-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px 4px 4px;
    border-radius: var(--ozel-radius-pill);
    background-color: #F8FAFC;
    border: 1px solid var(--ozel-border);
    color: var(--ozel-text-main) !important;
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.15s ease;
}

.ozel-header-profile-btn:hover {
    background-color: #FFFFFF;
    border-color: var(--ozel-border-hover);
    box-shadow: var(--ozel-shadow-sm);
}

.ozel-header-avatar-img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 1px solid #FFFFFF;
}

.ozel-header-profile-name {
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ==========================================================================
   2. HERO / KARŞILAMA KARTI (20px OVAL HATLAR)
   ========================================================================== */
.ozel-forum-hero {
    background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
    color: #FFFFFF;
    border-radius: var(--ozel-radius-card);
    padding: 28px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 22px;
    box-shadow: var(--ozel-shadow-soft);
    border: 1px solid #334155;
}

.ozel-hero-title {
    color: #FFFFFF !important;
    font-size: 23px;
    font-weight: 700;
    margin: 0 0 6px 0;
    letter-spacing: -0.02em;
}

.ozel-hero-subtitle {
    color: #CBD5E1;
    font-size: 13.5px;
    margin: 0;
    line-height: 1.55;
}

.ozel-hero-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

/* ==========================================================================
   3. BUTONLAR & BİLDİRİM ZİLİ (Z-INDEX: 999999)
   ========================================================================== */
.ozel-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 18px;
    border-radius: var(--ozel-radius-pill);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    border: 1px solid transparent;
    line-height: 1.3;
}

.ozel-btn-primary {
    background-color: var(--ozel-primary);
    color: #FFFFFF !important;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.2);
}

.ozel-btn-primary:hover {
    background-color: var(--ozel-primary-hover);
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.ozel-btn-secondary {
    background-color: #F1F5F9;
    color: var(--ozel-text-main) !important;
    border: 1px solid var(--ozel-border);
}

.ozel-btn-secondary:hover {
    background-color: #E2E8F0;
    border-color: var(--ozel-border-hover);
    color: var(--ozel-text-main) !important;
}

.ozel-btn-large {
    padding: 11px 24px;
    font-size: 14px;
}

.ozel-btn-sm {
    padding: 6px 14px;
    font-size: 12px;
}

/* Bildirim Zili & Dropdown */
.ozel-notification-bell-wrap {
    position: relative;
    display: inline-block;
}

.ozel-btn-notif-bell {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #F8FAFC;
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-stat);
    color: var(--ozel-text-main);
    cursor: pointer;
    transition: all 0.15s ease;
}

.ozel-btn-notif-bell:hover {
    background-color: #FFFFFF;
    border-color: var(--ozel-border-hover);
}

.ozel-notif-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    background-color: var(--ozel-danger);
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 700;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.ozel-notif-badge.is-hidden {
    display: none !important;
}

.ozel-notif-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 320px;
    background-color: #FFFFFF;
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-oval);
    box-shadow: var(--ozel-shadow-dropdown) !important;
    z-index: 999999 !important;
    overflow: hidden;
}

.ozel-notif-dropdown-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    background-color: #F8FAFC;
    border-bottom: 1px solid var(--ozel-border);
}

.ozel-notif-header-title {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--ozel-text-main);
}

.ozel-btn-mark-all-read {
    background: transparent;
    border: none;
    font-size: 11.5px;
    color: var(--ozel-primary);
    font-weight: 600;
    cursor: pointer;
    padding: 0;
}

.ozel-btn-mark-all-read:hover {
    text-decoration: underline;
}

.ozel-notif-dropdown-body {
    max-height: 350px;
    overflow-y: auto;
}

.ozel-notif-item {
    border-bottom: 1px solid #F1F5F9;
    transition: background-color 0.15s;
}

.ozel-notif-item:last-child {
    border-bottom: none;
}

.ozel-notif-item.is-unread {
    background-color: var(--ozel-primary-light);
}

.ozel-notif-item:hover {
    background-color: #F8FAFC;
}

.ozel-notif-link {
    display: block;
    padding: 11px 16px;
    text-decoration: none !important;
    color: inherit;
}

.ozel-notif-text {
    font-size: 12.5px;
    color: var(--ozel-text-main);
    line-height: 1.4;
    margin-bottom: 3px;
}

.ozel-notif-time {
    font-size: 11px;
    color: var(--ozel-text-subtle);
}

.ozel-notif-empty, .ozel-notif-loading {
    padding: 24px;
    text-align: center;
    color: var(--ozel-text-muted);
    font-size: 12.5px;
}

/* ==========================================================================
   4. AKICI OVAL KATEGORİ SEÇİM BARI (v5.0)
   ========================================================================== */
.ozel-category-hierarchy-container {
    background-color: var(--ozel-card-bg);
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-card);
    padding: 18px 22px;
    margin-bottom: 22px;
    box-shadow: var(--ozel-shadow-soft);
}

.ozel-category-pills-bar {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.ozel-cat-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background-color: #F8FAFC;
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-pill);
    color: var(--ozel-text-muted) !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
    transition: all 0.15s ease;
}

.ozel-cat-pill:hover {
    border-color: var(--ozel-border-hover);
    color: var(--ozel-text-main) !important;
    background-color: #FFFFFF;
    transform: translateY(-1px);
}

.ozel-cat-pill.is-active {
    background-color: var(--ozel-primary) !important;
    color: #FFFFFF !important;
    border-color: var(--ozel-primary) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}

.ozel-cat-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

/* Alt Kategori Barı */
.ozel-subcategory-bar {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed var(--ozel-border);
}

.ozel-subcat-label {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--ozel-text-body);
}

.ozel-subcat-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    background-color: #F1F5F9;
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-pill);
    color: var(--ozel-text-body) !important;
    font-size: 11.5px;
    font-weight: 500;
    text-decoration: none !important;
    transition: all 0.15s ease;
}

.ozel-subcat-pill:hover {
    background-color: #FFFFFF;
    color: var(--ozel-primary) !important;
    border-color: var(--ozel-primary-border);
}

.ozel-subcat-pill.is-active {
    background-color: var(--ozel-primary-light);
    color: var(--ozel-primary) !important;
    border-color: var(--ozel-primary-border);
    font-weight: 600;
}

.ozel-subcat-count {
    background-color: rgba(0, 0, 0, 0.06);
    padding: 1px 5px;
    border-radius: var(--ozel-radius-pill);
    font-size: 10px;
    font-weight: 600;
}

/* ==========================================================================
   5. TOOLBAR & ARAMA ÇUBUĞU
   ========================================================================== */
.ozel-forum-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 22px;
}

.ozel-forum-search-form {
    flex: 1;
    min-width: 260px;
}

.ozel-search-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.ozel-search-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ozel-text-subtle);
    pointer-events: none;
    display: flex;
    align-items: center;
}

.ozel-search-input {
    width: 100%;
    padding: 10px 36px 10px 44px !important;
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-pill);
    background-color: var(--ozel-card-bg);
    font-size: 13.5px;
    color: var(--ozel-text-main);
    outline: none;
    transition: all 0.15s ease;
    box-shadow: var(--ozel-shadow-sm);
}

.ozel-search-input:focus {
    border-color: var(--ozel-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.ozel-search-clear {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ozel-text-subtle);
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}

.ozel-status-filters {
    display: flex;
    gap: 4px;
    background-color: #F1F5F9;
    padding: 4px;
    border-radius: var(--ozel-radius-pill);
    border: 1px solid var(--ozel-border);
}

.ozel-filter-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 14px;
    border-radius: var(--ozel-radius-pill);
    font-size: 12px;
    font-weight: 500;
    color: var(--ozel-text-muted) !important;
    text-decoration: none !important;
    transition: all 0.15s ease;
}

.ozel-filter-link:hover {
    color: var(--ozel-text-main) !important;
}

.ozel-filter-link.is-active {
    background-color: var(--ozel-card-bg);
    color: var(--ozel-primary) !important;
    font-weight: 600;
    box-shadow: var(--ozel-shadow-sm);
}

/* ==========================================================================
   6. DOLGUN KONU KARTLARI (20px OVAL HATLAR)
   ========================================================================== */
.ozel-topics-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ozel-topic-card {
    background-color: var(--ozel-card-bg);
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-card);
    padding: 20px 24px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    transition: all 0.15s ease;
    box-shadow: var(--ozel-shadow-soft);
}

.ozel-topic-card:hover {
    border-color: var(--ozel-border-hover);
    box-shadow: 0 14px 34px -4px rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
}

.ozel-topic-card.is-pinned {
    border-left: 4px solid var(--ozel-primary);
    background-color: #F8FAFC;
}

.ozel-topic-card.is-solved {
    border-left: 4px solid var(--ozel-success);
}

.ozel-topic-avatar-col .ozel-avatar-img {
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: block;
    object-fit: cover;
    border: 2px solid #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.ozel-topic-main-col {
    flex: 1;
    min-width: 0;
}

.ozel-topic-header-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.ozel-topic-title {
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 6px 0;
    line-height: 1.35;
}

.ozel-topic-title a {
    color: var(--ozel-text-main) !important;
    text-decoration: none !important;
    transition: color 0.15s ease;
}

.ozel-topic-title a:hover {
    color: var(--ozel-primary) !important;
}

.ozel-topic-excerpt {
    font-size: 13.5px;
    color: var(--ozel-text-body);
    line-height: 1.55;
    margin: 0 0 10px 0;
}

/* Nizami Yazar Künyesi, Rol Rozeti ve Saat */
.ozel-topic-footer-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 12.5px;
    color: var(--ozel-text-muted);
}

.ozel-topic-author-info {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ozel-topic-author-name {
    font-weight: 600;
    color: var(--ozel-text-main) !important;
    text-decoration: none !important;
    font-size: 13px;
}

.ozel-meta-dot {
    color: #CBD5E1;
    font-size: 13px;
}

.ozel-topic-time-inline {
    font-size: 12px;
    color: var(--ozel-text-subtle);
}

.ozel-topic-tags {
    display: inline-flex;
    gap: 6px;
    flex-wrap: wrap;
}

.ozel-tag-item {
    color: var(--ozel-primary) !important;
    background-color: var(--ozel-primary-light);
    border: 1px solid var(--ozel-primary-border);
    padding: 2px 8px;
    border-radius: var(--ozel-radius-pill);
    font-size: 11px;
    text-decoration: none !important;
    font-weight: 600;
}

/* Sağ Sütun İstatistik Kutucukları (Eşit Oval Haplar) */
.ozel-topic-stats-col {
    display: flex;
    gap: 8px;
    align-items: center;
    align-self: center;
}

.ozel-stat-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    padding: 8px 12px;
    background-color: #F8FAFC;
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-stat);
    color: var(--ozel-text-muted);
    transition: all 0.15s ease;
}

.ozel-stat-box:hover {
    background-color: #FFFFFF;
    border-color: var(--ozel-border-hover);
}

.ozel-stat-num {
    font-weight: 700;
    color: var(--ozel-text-main);
    font-size: 13px;
    line-height: 1.2;
}

.ozel-stat-label-mini {
    font-size: 10px;
    color: var(--ozel-text-subtle);
    font-weight: 500;
}

/* ==========================================================================
   7. ROZETLER & KİMLİK
   ========================================================================== */
.ozel-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: var(--ozel-radius-pill);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none !important;
    border: 1px solid transparent;
}

.ozel-cat-badge {
    background-color: #F1F5F9;
    color: #334155 !important;
    border-color: var(--ozel-border);
}

.ozel-badge-pinned {
    background-color: #EFF6FF;
    color: #1E40AF;
    border-color: #BFDBFE;
}

.ozel-badge-solved {
    background-color: #ECFDF5;
    color: #065F46;
    border-color: #A7F3D0;
}

.ozel-badge-locked {
    background-color: #FEF2F2;
    color: #991B1B;
    border-color: #FECACA;
}

.ozel-topic-badge-group {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.ozel-badge-sep {
    color: var(--ozel-text-subtle);
    font-size: 11px;
    font-weight: 700;
}

.ozel-child-cat {
    background-color: #F8FAFC !important;
    color: var(--ozel-text-body) !important;
    border: 1px solid var(--ozel-border) !important;
}

/* Rol Rozetleri (v5.0) */
.ozel-user-role-badge {
    padding: 2px 8px;
    border-radius: var(--ozel-radius-pill);
    font-size: 11px;
    font-weight: 600;
    border: 1px solid transparent;
}

.ozel-badge-admin {
    background-color: #FEF3C7;
    color: #92400E;
    border-color: #FDE68A;
}

.ozel-badge-mod {
    background-color: #E0E7FF;
    color: #3730A3;
    border-color: #C7D2FE;
}

.ozel-badge-instructor {
    background-color: #F3E8FF;
    color: #6B21A8;
    border-color: #E9D5FF;
}

.ozel-badge-expert {
    background-color: #DCFCE7;
    color: #166534;
    border-color: #BBF7D0;
}

.ozel-badge-member {
    background-color: #F1F5F9;
    color: #475569;
    border-color: #E2E8F0;
}

/* ==========================================================================
   8. KONU DETAY SAYFASI (SINGLE TOPIC - 20px OVAL KART)
   ========================================================================== */
.ozel-single-topic-card {
    background-color: var(--ozel-card-bg);
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-card);
    padding: 28px 32px;
    box-shadow: var(--ozel-shadow-soft);
    margin-bottom: 24px;
}

.ozel-single-topic-header {
    border-bottom: 1px solid var(--ozel-border);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.ozel-topic-header-badges {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.ozel-single-topic-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 16px 0;
    line-height: 1.35;
    color: #0F172A;
    letter-spacing: -0.01em;
}

.ozel-single-topic-meta-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.ozel-author-meta-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ozel-author-meta-wrap img {
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: block;
    object-fit: cover;
}

.ozel-author-name-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ozel-author-name {
    font-weight: 600;
    color: var(--ozel-text-main) !important;
    text-decoration: none !important;
}

.ozel-topic-timestamp {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--ozel-text-muted);
}

.ozel-topic-admin-actions {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.ozel-btn-admin-action {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background-color: #0F172A;
    border: 1px solid #1E293B;
    border-radius: var(--ozel-radius-pill);
    padding: 6px 14px;
    font-size: 11.5px;
    font-weight: 600;
    color: #F8FAFC;
    cursor: pointer;
    transition: all 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.ozel-btn-admin-action:hover {
    background-color: #1E293B;
    color: #FFFFFF;
}

.ozel-btn-delete-topic {
    background-color: #FEF2F2;
    border-color: #FECACA;
    color: #DC2626;
}

.ozel-btn-delete-topic:hover {
    background-color: #FEE2E2;
    color: #B91C1C;
    border-color: #F87171;
}

/* Tipografi & Formatlar */
.ozel-prose {
    font-size: 15px;
    line-height: 1.75;
    color: #334155;
}

.ozel-prose p {
    margin: 0 0 16px 0;
}

.ozel-prose p:last-child {
    margin-bottom: 0;
}

.ozel-prose code {
    background-color: #F1F5F9;
    color: #0F172A;
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 13px;
    font-family: var(--ozel-mono-font);
    border: 1px solid #E2E8F0;
}

.ozel-prose pre {
    background: #0F172A;
    color: #38BDF8;
    border-radius: var(--ozel-radius-sm);
    padding: 14px 18px;
    overflow-x: auto;
    font-size: 13.5px;
    line-height: 1.6;
    margin: 18px 0;
    font-family: var(--ozel-mono-font);
    border: 1px solid #1E293B;
}

.ozel-prose pre code {
    background: transparent;
    border: none;
    color: inherit;
    padding: 0;
}

.ozel-prose blockquote {
    background: #F0F9FF;
    border-left: 4px solid #0284C7;
    padding: 14px 18px;
    border-radius: 0 var(--ozel-radius-sm) var(--ozel-radius-sm) 0;
    margin: 16px 0;
    color: #0369A1;
    font-size: 14.5px;
}

.ozel-single-topic-tags {
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px dashed var(--ozel-border);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 13px;
}

.ozel-tags-label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--ozel-text-muted);
    font-weight: 600;
}

.ozel-single-topic-footer {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--ozel-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.ozel-topic-actions-left {
    display: flex;
    gap: 8px;
}

.ozel-btn-like {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: var(--ozel-bg);
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-pill);
    padding: 6px 14px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ozel-text-main);
    cursor: pointer;
    transition: all 0.15s ease;
}

.ozel-btn-like:hover {
    background-color: #FEF2F2;
    border-color: #FECACA;
    color: #DC2626;
}

.ozel-btn-like.is-liked {
    background-color: #FEF2F2;
    border-color: #F87171;
    color: #DC2626;
}

.ozel-btn-share {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: var(--ozel-bg);
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-pill);
    padding: 6px 14px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ozel-text-muted);
    cursor: pointer;
    transition: all 0.15s ease;
}

.ozel-btn-share:hover {
    background-color: #F1F5F9;
    color: var(--ozel-text-main);
}

.ozel-stat-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12.5px;
    font-weight: 500;
    color: var(--ozel-text-muted);
    background-color: var(--ozel-bg);
    border: 1px solid var(--ozel-border);
    padding: 5px 12px;
    border-radius: var(--ozel-radius-pill);
}

.ozel-stat-tag-solved {
    background-color: var(--ozel-success-light);
    color: var(--ozel-success-dark);
    border-color: var(--ozel-success-border);
    font-weight: 600;
}

/* ==========================================================================
   9. CEVAPLAR & İÇİÇE YANITLAR
   ========================================================================== */
.ozel-replies-section {
    margin-bottom: 28px;
}

.ozel-replies-header {
    margin-bottom: 16px;
}

.ozel-replies-title {
    font-size: 18.5px;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ozel-replies-badge {
    background-color: var(--ozel-primary-light);
    color: var(--ozel-primary);
    padding: 2px 9px;
    border-radius: var(--ozel-radius-pill);
    font-size: 12.5px;
    font-weight: 700;
    border: 1px solid var(--ozel-primary-border);
}

.ozel-replies-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ozel-reply-item {
    background-color: var(--ozel-card-bg);
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-card);
    padding: 18px 22px !important;
    box-shadow: var(--ozel-shadow-soft);
    transition: all 0.15s ease;
}

.ozel-reply-item.is-solution-highlight {
    background: #F0FDF4 !important;
    border: 1px solid #86EFAC !important;
}

.ozel-solution-banner {
    display: flex;
    align-items: center;
    gap: 6px;
    background-color: #DCFCE7;
    color: var(--ozel-success-dark);
    border: 1px solid #86EFAC;
    padding: 6px 14px;
    border-radius: var(--ozel-radius-pill);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 12px;
}

.ozel-reply-inner {
    display: flex;
    gap: 14px;
}

.ozel-reply-avatar img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    object-fit: cover;
}

.ozel-reply-content-col {
    flex: 1;
    min-width: 0;
}

.ozel-reply-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 6px;
}

.ozel-reply-author-info {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
}

.ozel-author-link {
    font-weight: 600;
    color: var(--ozel-text-main) !important;
    text-decoration: none !important;
}

.ozel-reply-time {
    color: var(--ozel-text-muted) !important;
    text-decoration: none !important;
    font-size: 11.5px;
}

.ozel-reply-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--ozel-border);
}

.ozel-reply-actions-left {
    display: flex;
    align-items: center;
    gap: 8px !important;
}

.ozel-reply-children {
    border-left: 2px solid #E2E8F0 !important;
    margin-left: 24px !important;
    padding-left: 16px !important;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ozel-reply-item.is-child-reply {
    background-color: #FAFAFA;
    border: 1px solid #E5E7EB;
    padding: 14px 18px !important;
}

.ozel-btn-inline-reply {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #FFFFFF;
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-pill);
    padding: 4px 12px;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--ozel-text-body);
    cursor: pointer;
    transition: all 0.15s ease;
}

.ozel-btn-inline-reply:hover {
    background-color: var(--ozel-primary-light);
    color: var(--ozel-primary);
    border-color: var(--ozel-primary-border);
}

.ozel-btn-solution {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background-color: var(--ozel-success-light);
    color: var(--ozel-success-dark);
    border: 1px solid var(--ozel-success-border);
    border-radius: var(--ozel-radius-pill);
    padding: 4px 12px;
    font-size: 11.5px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.ozel-btn-solution:hover {
    background-color: #DCFCE7;
}

.ozel-btn-solution.is-active {
    background-color: #FEF2F2;
    color: #991B1B;
    border-color: #FECACA;
}

.ozel-btn-delete-reply {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: transparent;
    border: none;
    color: var(--ozel-text-subtle);
    font-size: 11.5px;
    font-weight: 500;
    cursor: pointer;
    transition: color 0.15s;
    padding: 3px 6px;
}

.ozel-btn-delete-reply:hover {
    color: var(--ozel-danger);
}

/* ==========================================================================
   10. FORMLAR & EDİTÖRLER (20px OVAL HATLAR)
   ========================================================================== */
.ozel-form-card, .ozel-reply-form-card {
    background-color: var(--ozel-card-bg);
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-card);
    padding: 26px 30px;
    box-shadow: var(--ozel-shadow-soft);
}

.ozel-reply-form-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
    flex-wrap: wrap;
    gap: 10px;
}

.ozel-form-heading {
    font-size: 17.5px;
    font-weight: 700;
    margin: 0;
}

.ozel-form-card-title {
    font-size: 21px;
    font-weight: 700;
    margin: 0 0 6px 0;
}

.ozel-form-card-desc {
    color: var(--ozel-text-muted);
    font-size: 13.5px;
    margin: 0 0 22px 0;
}

.ozel-form-group {
    margin-bottom: 16px;
}

.ozel-form-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
    color: var(--ozel-text-main);
}

.ozel-required {
    color: var(--ozel-danger);
}

.ozel-form-input, .ozel-form-select, .ozel-form-textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-sm);
    font-size: 13.5px;
    color: var(--ozel-text-main);
    background-color: #FFFFFF;
    outline: none;
    font-family: inherit;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.ozel-form-input:focus, .ozel-form-select:focus, .ozel-form-textarea:focus {
    border-color: var(--ozel-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.ozel-form-hint {
    font-size: 11.5px;
    color: var(--ozel-text-subtle);
    margin: 5px 0 0 0;
}

/* Editör Toolbar */
.ozel-editor-toolbar {
    display: flex;
    gap: 3px;
    background-color: #F8FAFC;
    border: 1px solid var(--ozel-border);
    border-bottom: none;
    border-radius: var(--ozel-radius-sm) var(--ozel-radius-sm) 0 0;
    padding: 6px 8px;
}

.ozel-editor-toolbar + .ozel-form-textarea {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ozel-tool-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 5px 9px;
    font-size: 12.5px;
    color: var(--ozel-text-muted);
    cursor: pointer;
    line-height: 1;
    transition: all 0.15s ease;
}

.ozel-tool-btn:hover {
    background-color: #E2E8F0;
    color: var(--ozel-text-main);
}

.ozel-form-submit-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
}

.ozel-form-status-msg {
    font-size: 13px;
    font-weight: 600;
}

.ozel-form-status-msg.is-error {
    color: var(--ozel-danger);
}

.ozel-form-status-msg.is-success {
    color: var(--ozel-success);
}

/* Misafir Uyarısı */
.ozel-guest-reply-banner {
    background-color: #F8FAFC;
    border: 1px dashed var(--ozel-border-hover);
    border-radius: var(--ozel-radius-card);
    padding: 32px 24px;
    text-align: center;
}

.ozel-guest-reply-banner h3 {
    margin: 0 0 6px 0;
    font-size: 17px;
    font-weight: 700;
}

.ozel-guest-reply-banner p {
    color: var(--ozel-text-muted);
    font-size: 13.5px;
    margin: 0 0 18px 0;
}

.ozel-guest-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
}

/* ==========================================================================
   11. PROFİL SAYFASI (20px OVAL KART & BELİRGİN DÜZENLEME BUTONU)
   ========================================================================== */
.ozel-profile-card {
    background-color: var(--ozel-card-bg);
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-card);
    padding: 28px 32px;
    box-shadow: var(--ozel-shadow-soft);
    margin-bottom: 24px;
}

.ozel-profile-header-main {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 22px;
}

.ozel-profile-avatar-wrap img {
    border-radius: 50%;
    width: 90px;
    height: 90px;
    object-fit: cover;
    box-shadow: var(--ozel-shadow-soft);
    border: 3px solid #FFFFFF;
}

.ozel-profile-info-wrap {
    flex: 1;
    min-width: 260px;
}

.ozel-profile-name-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
}

.ozel-profile-name {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.ozel-profile-meta-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: var(--ozel-text-muted);
    margin-bottom: 6px;
}

.ozel-profile-username {
    font-weight: 600;
    color: var(--ozel-text-body);
}

.ozel-profile-custom-title {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ozel-primary);
    margin-bottom: 6px;
}

.ozel-profile-bio {
    font-size: 13.5px;
    color: var(--ozel-text-main);
    line-height: 1.55;
    margin-bottom: 10px;
}

.ozel-profile-warning-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: var(--ozel-radius-pill);
    background-color: #FFFBEB;
    border: 1px solid #FDE68A;
    color: #92400E;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}

.ozel-profile-warning-badge.is-banned {
    background-color: #FEF2F2;
    border-color: #FECACA;
    color: #DC2626;
}

.ozel-profile-social-links {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.ozel-social-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background-color: #F1F5F9;
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-pill);
    padding: 5px 12px;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--ozel-text-body) !important;
    text-decoration: none !important;
    transition: all 0.15s ease;
}

.ozel-social-link:hover {
    background-color: #FFFFFF;
    color: var(--ozel-primary) !important;
    border-color: var(--ozel-primary-border);
}

/* Belirgin, Şık "Profili Düzenle" Butonu (Sarı Çizgi Sorunu Düzeltildi) */
.ozel-profile-actions-bar {
    margin-top: 8px;
}

.ozel-profile-edit-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    background-color: #F1F5F9 !important;
    color: #0F172A !important;
    border: 1px solid #CBD5E1 !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 8px 18px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

.ozel-profile-edit-btn:hover {
    background-color: #E2E8F0 !important;
    border-color: #94A3B8 !important;
    color: #0F172A !important;
    transform: translateY(-1px) !important;
}

.ozel-profile-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    border-top: 1px solid var(--ozel-border);
    padding-top: 18px;
}

.ozel-profile-stat-box {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: var(--ozel-bg);
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-stat);
    padding: 12px 14px;
}

.ozel-stat-icon-wrap {
    color: var(--ozel-primary);
    background-color: var(--ozel-primary-light);
    border-radius: var(--ozel-radius-stat);
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ozel-stat-value {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: var(--ozel-text-main);
    line-height: 1.2;
}

.ozel-stat-label {
    font-size: 12px;
    color: var(--ozel-text-muted);
    font-weight: 600;
}

/* Profil Sekmeleri */
.ozel-profile-tabs-nav {
    display: flex;
    gap: 8px;
    border-bottom: 2px solid var(--ozel-border);
    margin-bottom: 20px;
}

.ozel-tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: none;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    color: var(--ozel-text-muted);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all 0.15s ease;
}

.ozel-tab-btn:hover {
    color: var(--ozel-primary);
}

.ozel-tab-btn.is-active {
    color: var(--ozel-primary);
    border-bottom-color: var(--ozel-primary);
    font-weight: 700;
}

.ozel-profile-reply-card {
    background-color: var(--ozel-card-bg);
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-card);
    padding: 16px 18px;
    margin-bottom: 12px;
    box-shadow: var(--ozel-shadow-soft);
}

.ozel-profile-reply-topic-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    font-size: 13.5px;
}

.ozel-topic-link {
    font-weight: 600;
    color: var(--ozel-text-main) !important;
    text-decoration: none !important;
}

.ozel-profile-reply-meta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--ozel-text-muted);
    margin-top: 6px;
}

/* ==========================================================================
   12. DAHİLİ PROFİL DÜZENLEME MODALI (v5.0 - KOMPAKT 80px AVATAR, Z-INDEX 999999)
   ========================================================================== */
.ozel-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(5px);
    z-index: 999999 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.ozel-modal-container {
    background-color: #FFFFFF;
    border-radius: var(--ozel-radius-card) !important;
    width: 100%;
    max-width: 580px;
    max-height: 90vh;
    box-shadow: var(--ozel-shadow-modal) !important;
    border: 1px solid var(--ozel-border);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: ozelModalFadeIn 0.2s ease-out;
}

@keyframes ozelModalFadeIn {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.ozel-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    border-bottom: 1px solid var(--ozel-border);
    background-color: #F8FAFC;
    flex-shrink: 0;
}

.ozel-modal-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    color: var(--ozel-text-main);
}

.ozel-modal-close-btn {
    background: transparent;
    border: none;
    color: var(--ozel-text-subtle);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border-radius: 8px;
    transition: all 0.15s ease;
}

.ozel-modal-close-btn:hover {
    color: var(--ozel-text-main);
    background-color: #E2E8F0;
}

.ozel-modal-body {
    padding: 24px;
    overflow-y: auto;
}

/* Kompakt Avatar Alanı (80px x 80px - Ekrana Taşma Kesinlikle Engellendi) */
.ozel-modal-avatar-section {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 20px;
    padding: 14px 18px;
    background-color: #F8FAFC;
    border-radius: 14px;
    border: 1px solid #E2E8F0;
}

.ozel-modal-avatar-preview-wrap {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
}

.ozel-modal-avatar-img {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 3px solid #E2E8F0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    display: block;
}

.ozel-modal-avatar-controls {
    flex: 1;
}

.ozel-avatar-upload-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: var(--ozel-radius-pill);
    background-color: #FFFFFF;
    border: 1px solid var(--ozel-border);
    font-size: 12px;
    font-weight: 600;
    color: var(--ozel-text-main);
    cursor: pointer;
    transition: all 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.ozel-avatar-upload-btn:hover {
    background-color: var(--ozel-primary-light);
    color: var(--ozel-primary);
    border-color: var(--ozel-primary-border);
}

.ozel-avatar-hint {
    font-size: 11px;
    color: var(--ozel-text-subtle);
    margin: 6px 0 0 0;
    line-height: 1.4;
}

/* 2 Sütunlu Form Düzeni */
.ozel-form-grid-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.ozel-input-prefix-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.ozel-input-prefix {
    position: absolute;
    left: 12px;
    font-weight: 700;
    color: #94A3B8;
    font-size: 14px;
    pointer-events: none;
}

.ozel-input-with-prefix {
    padding-left: 28px !important;
}

.ozel-modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--ozel-border);
    flex-wrap: wrap;
    gap: 10px;
}

.ozel-modal-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-left: auto;
}

/* Sayfalama */
.ozel-forum-pagination-nav {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

.ozel-pagination-list {
    display: flex;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ozel-pagination-item a, .ozel-pagination-item span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: var(--ozel-radius-stat);
    border: 1px solid var(--ozel-border);
    background-color: var(--ozel-card-bg);
    color: var(--ozel-text-main);
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.15s ease;
}

.ozel-pagination-item a:hover {
    border-color: var(--ozel-primary);
    color: var(--ozel-primary);
}

.ozel-pagination-item span.current {
    background-color: var(--ozel-primary);
    color: #FFFFFF;
    border-color: var(--ozel-primary);
    font-weight: 700;
}

/* Boş Durum */
.ozel-forum-empty-state {
    background-color: var(--ozel-card-bg);
    border: 1px dashed var(--ozel-border);
    border-radius: var(--ozel-radius-card);
    padding: 44px 24px;
    text-align: center;
}

.ozel-empty-icon {
    color: var(--ozel-text-subtle);
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
}

.ozel-forum-empty-state h3 {
    margin: 0 0 6px 0;
    font-size: 17px;
}

.ozel-forum-empty-state p {
    color: var(--ozel-text-muted);
    font-size: 14px;
    max-width: 480px;
    margin: 0 auto 20px auto;
}

/* Yeni Konu Çift Sütun */
.ozel-new-topic-container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 22px;
    align-items: flex-start;
}

.ozel-tips-card {
    background-color: #F8FAFC;
    border: 1px solid var(--ozel-border);
    border-radius: var(--ozel-radius-card);
    padding: 22px;
    box-shadow: var(--ozel-shadow-soft);
}

.ozel-tips-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--ozel-primary);
}

.ozel-tips-header h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--ozel-text-main);
}

.ozel-tips-list {
    margin: 0;
    padding-left: 18px;
    font-size: 13px;
    color: var(--ozel-text-muted);
    line-height: 1.65;
}

.ozel-tips-list li {
    margin-bottom: 8px;
}

/* ==========================================================================
   13. RESPONSIVE DÜZENLEME
   ========================================================================== */
@media (max-width: 768px) {
    .ozel-forum-wrapper {
        padding: 0 14px 20px 14px !important;
    }
    .ozel-global-header-bar {
        flex-direction: column;
        align-items: flex-start;
        padding: 12px 14px;
    }
    .ozel-header-right {
        width: 100%;
        justify-content: space-between;
        margin-left: 0;
        border-top: 1px solid var(--ozel-border);
        padding-top: 10px;
    }
    .ozel-forum-hero {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 18px;
    }
    .ozel-form-grid-2col {
        grid-template-columns: 1fr;
    }
    .ozel-new-topic-container {
        grid-template-columns: 1fr;
    }
    .ozel-topic-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
    }
    .ozel-topic-stats-col {
        width: 100%;
        justify-content: flex-end;
        border-top: 1px solid var(--ozel-border);
        padding-top: 10px;
    }
    .ozel-single-topic-header {
        padding-bottom: 16px;
    }
    .ozel-single-topic-meta-bar {
        flex-direction: column;
        align-items: flex-start;
    }
    .ozel-reply-children {
        margin-left: 12px !important;
        padding-left: 10px !important;
    }
    .ozel-notif-dropdown {
        width: 290px;
        right: -30px;
    }
    .ozel-modal-container {
        max-width: 95vw;
    }
}