/* Yetkili başvuru sayfası — ana sitenin (style.css) tema diliyle uyumlu:
   var(--grad), var(--glow), var(--surface), cam efekti kart yapısı. */

body.forum-page-body{
    margin:0;
    min-height:100vh;
    background:var(--bg);
}

.forum-app{
    min-height:100vh;
    position:relative;
    font-family:'Inter',system-ui,sans-serif;
    color:var(--text);
}

.forum-inner{
    position:relative;
    z-index:1;
    max-width:960px;
    margin:0 auto;
    padding:110px 24px 90px;
}

.forum-hero{
    text-align:center;
    margin-bottom:40px;
}
.forum-hero .eyebrow{
    display:inline-block;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    padding:6px 14px;
    border-radius:999px;
    background:rgba(147,51,234,0.12);
    border:1px solid var(--border2);
    color:#c9a3ff;
    margin-bottom:18px;
}
.forum-hero h1{
    font-size:clamp(28px,4.6vw,42px);
    font-weight:900;
    letter-spacing:-.02em;
    line-height:1.2;
    margin:0 0 14px;
    background:var(--accent);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.forum-hero p{
    max-width:560px;
    margin:0 auto;
    color:var(--muted);
    font-size:15px;
    line-height:1.65;
}

.choice-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:20px;
    margin-bottom:36px;
}

.forum-list-panel{
    border:1px solid var(--border);
    background:var(--surface);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    overflow:hidden;
    margin-bottom:26px;
}
.fl-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:18px 22px;
    border-bottom:1px solid var(--border);
}
.fl-head h2{margin:0;font-size:17px;font-weight:800;}
.fl-btn{width:auto;padding:11px 18px;border-radius:var(--radius-sm);}
.fl-table-wrap{overflow:auto;}
.fl-table{width:100%;border-collapse:collapse;font-size:13px;}
.fl-table th,.fl-table td{
    padding:13px 16px;
    border-bottom:1px solid var(--border);
    text-align:left;
    white-space:nowrap;
}
.fl-table thead th{
    font-size:10.5px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--muted);
    font-weight:700;
}
.fl-pill{
    display:inline-flex;
    align-items:center;
    font-size:11.5px;
    font-weight:700;
    padding:4px 10px;
    border-radius:999px;
    background:rgba(255,255,255,0.06);
    color:var(--text);
}
.fl-pill.wait{background:rgba(147,51,234,0.15);color:#c9a3ff;}
.fl-pill.ok{background:rgba(74,222,128,0.15);color:#4ade80;}
.fl-pill.no{background:rgba(255,90,90,0.15);color:#ff8a8a;}
.fl-mini{
    width:32px;height:28px;border-radius:var(--radius-sm);
    border:1px solid var(--border);
    background:transparent;
    color:var(--text);
    cursor:pointer;
    transition:border-color .15s,background .15s;
}
.fl-mini:hover{border-color:var(--accent);background:rgba(147,51,234,0.1);}
.fl-empty{
    padding:26px 20px;
    color:var(--muted);
    font-size:14px;
}

.choice-card{
    position:relative;
    border:none;
    cursor:pointer;
    text-align:left;
    padding:0;
    background:transparent;
    display:block;
    width:100%;
    transition:transform .2s ease;
}
.choice-card:focus-visible{
    outline:2px solid var(--accent);
    outline-offset:3px;
}
.choice-card:hover{ transform:translateY(-3px); }

.choice-card-inner{
    position:relative;
    padding:30px 26px;
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--radius);
    height:100%;
    overflow:hidden;
    transition:border-color .2s ease, box-shadow .2s ease;
}
.choice-card-inner::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 20% 0%, rgba(147,51,234,0.14), transparent 60%);
    pointer-events:none;
}

.choice-card:hover .choice-card-inner{
    border-color:var(--border2);
    box-shadow:var(--glow);
}

.choice-card.active .choice-card-inner{
    border-color:var(--accent);
    box-shadow:var(--glow);
}
.choice-card.active::after{
    content:"✓ Seçildi";
    position:absolute;
    top:14px;
    right:14px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.03em;
    color:#fff;
    background:var(--accent);
    padding:5px 11px;
    border-radius:999px;
    z-index:2;
}

.cc-icon{
    width:46px;
    height:46px;
    border-radius:var(--radius-sm);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
    position:relative;
    z-index:1;
    background:rgba(147,51,234,0.12);
    border:1px solid var(--border2);
}
.cc-icon.rehber{ color:#c9a3ff; }
.cc-icon.aac{ color:#ffb37a; background:rgba(255,106,0,0.12); border-color:rgba(255,106,0,0.3); }

.choice-card h2{
    font-size:19px;
    font-weight:800;
    margin:0 0 8px;
    position:relative;
    z-index:1;
}
.choice-card .desc{
    font-size:13px;
    color:var(--muted);
    line-height:1.6;
    margin:0;
    position:relative;
    z-index:1;
}
.cc-sheen{ display:none; }

.forum-form-wrap{
    display:none;
}
.forum-form-wrap.show{display:block;}

.forum-form-panel{
    border:1px solid var(--border);
    background:var(--surface);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:30px 28px 34px;
    position:relative;
    overflow:hidden;
}
.forum-form-panel::before{
    content:'';
    position:absolute;
    top:-40%;
    right:-15%;
    width:60%;
    height:80%;
    background:radial-gradient(circle, rgba(147,51,234,0.16), transparent 65%);
    pointer-events:none;
}

.form-head{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:22px;
    padding-bottom:18px;
    border-bottom:1px solid var(--border);
}
.form-head h2{
    margin:0;
    font-size:20px;
    font-weight:800;
}
.btn-back{
    font-size:13px;
    font-weight:700;
    padding:10px 16px;
    border-radius:var(--radius-sm);
    border:1px solid var(--border);
    background:transparent;
    color:var(--text);
    cursor:pointer;
    transition:border-color .15s,background .15s;
}
.btn-back:hover{border-color:var(--border2);background:rgba(147,51,234,0.08);}

.f-field{
    position:relative;
    z-index:1;
    margin-bottom:18px;
}
.f-field label{
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
    color:#c2b6e0;
    margin-bottom:7px;
}
.f-field .hint{
    font-size:12px;
    font-weight:400;
    color:var(--muted);
    margin-top:5px;
}
.f-field input,
.f-field textarea{
    width:100%;
    padding:12px 14px;
    border-radius:var(--radius-sm);
    border:1px solid var(--border);
    background:#111018;
    color:var(--text);
    font-size:14.5px;
    font-family:'Inter',inherit;
    transition:border-color .18s, box-shadow .18s;
}
.f-field input::placeholder,
.f-field textarea::placeholder{
    color:#5c5870;
}
.f-field input:focus,
.f-field textarea:focus{
    outline:none;
    border-color:var(--accent);
    box-shadow:0 0 0 3px rgba(147,51,234,0.15);
}
.f-field textarea{min-height:90px;resize:vertical;}
.f-field.has-error input,
.f-field.has-error textarea{
    border-color:#e0716b;
}

.f-err{
    color:#ff9d9d;
    font-size:12px;
    margin-top:6px;
    display:none;
}
.f-field.has-error .f-err{display:block;}

.btn-submit{
    position:relative;
    z-index:1;
    width:100%;
    margin-top:8px;
    padding:15px 20px;
    font-size:15px;
    font-weight:800;
    letter-spacing:.01em;
    border:none;
    border-radius:var(--radius-sm);
    cursor:pointer;
    color:#fff;
    background:var(--accent);
    box-shadow:var(--glow);
    transition:opacity .18s ease, transform .15s ease;
}
.btn-submit:hover{
    opacity:.92;
    transform:translateY(-1px);
}
.btn-submit:active{
    transform:translateY(0);
}

.success-overlay{
    display:none;
    position:fixed;
    inset:0;
    z-index:100;
    background:rgba(10,8,18,.85);
    align-items:center;
    justify-content:center;
    padding:20px;
}
.success-overlay.show{display:flex;}
.success-box{
    text-align:center;
    max-width:380px;
    padding:38px 32px;
    border:1px solid var(--border2);
    border-radius:var(--radius);
    background:var(--surface);
    box-shadow:var(--glow);
}
.success-box .check{
    width:58px;height:58px;
    margin:0 auto 20px;
    border-radius:50%;
    background:rgba(74,222,128,0.15);
    border:1px solid rgba(74,222,128,0.4);
    color:#4ade80;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
}
.success-box h3{margin:0 0 10px;font-size:21px;font-weight:800;}
.success-box p{color:var(--muted);font-size:13.5px;line-height:1.6;margin:0 0 24px;}
.success-box .btn-back{margin-top:4px;width:auto;}

@media (max-width:600px){
    .forum-inner{padding-top:96px;}
    .choice-grid{grid-template-columns:1fr;}
}