/* ===== sc-early-paint-fix ===== */
/* Sayfa yenilenirken üstte görülen "titreme" düzeltmesi:
   rozet ikonu, geç yüklenen CSS gelene kadar dev boyutta görünüyordu. */
.sc-staff-ico{width:22px;height:22px;max-width:22px;max-height:22px;object-fit:contain}
#nav-user-name .sc-staff-badge{font-size:0;gap:0;margin-left:6px;line-height:0}
#nav-user-name .sc-staff-ico{width:20px;height:20px;max-width:20px;max-height:20px;flex:0 0 20px}
#nav-user-avatar img{width:20px;height:20px;max-width:20px;max-height:20px;object-fit:contain;border-radius:50%}
/* Gerçek avatar sunucudan gelene kadar varsayılan (🏛️) avatar gizli kalsın */
html.sc-avatar-pending #sc-home-profile-avatar,
html.sc-avatar-pending #nav-user-avatar{visibility:hidden !important}

/* ===== block-02 ===== */
/* TEMA DEĞİŞKENLERİ */
        :root {
            --bg-color: #e2e8f0;
            --card-bg: white;
            --text-color: #202124;
            --secondary-text: #70757a;
            --border-color: #dadce0;
            --btn-bg: white;
            --btn-hover: #f8f9fa;
            --primary-color: #1a73e8;
            --primary-hover: #1557b0;
            --exp-bg: #e8f0fe;
            --shadow-color: rgba(0,0,0,0.1);
            --header-border: #f0f2f5;
        }

        body.dark-mode {
            --bg-color: #0f172a;
            --card-bg: #1e293b;
            --text-color: #e8eaed;
            --secondary-text: #9aa0a6;
            --border-color: #334155;
            --btn-bg: #1e293b;
            --btn-hover: #334155;
            --primary-color: #8ab4f8;
            --primary-hover: #aecbfa;
            --exp-bg: #0f172a;
            --shadow-color: rgba(0,0,0,0.5);
            --header-border: #334155;
        }

        body.theme-night-sky {
            --bg-color: #070b1a;
            --card-bg: #12182e;
            --text-color: #e8e6ff;
            --secondary-text: #9aa3c7;
            --border-color: #2a3358;
            --btn-bg: #1a2140;
            --btn-hover: #252e55;
            --primary-color: #8b9cff;
            --primary-hover: #b3beff;
            --exp-bg: #161d3a;
            --shadow-color: rgba(20,30,80,0.55);
            --header-border: #2a3358;
            --sc-blue: #8b9cff;
            --sc-blue-soft: #1a2140;
            --sc-border: #2a3358;
            --sc-text: #e8e6ff;
            --sc-muted: #9aa3c7;
        }
        body.theme-nature {
            --bg-color: #e8f0e4;
            --card-bg: #f7fbf4;
            --text-color: #1d3324;
            --secondary-text: #5b6f5e;
            --border-color: #c3d4be;
            --btn-bg: #f7fbf4;
            --btn-hover: #e4f0de;
            --primary-color: #2e7d4f;
            --primary-hover: #246641;
            --exp-bg: #e5f3e8;
            --shadow-color: rgba(40,80,40,0.12);
            --header-border: #c3d4be;
            --sc-blue: #2e7d4f;
            --sc-blue-soft: #e5f3e8;
            --sc-border: #c3d4be;
            --sc-text: #1d3324;
            --sc-muted: #5b6f5e;
        }
        body.theme-ocean {
            --bg-color: #d7eef7;
            --card-bg: #f3fbff;
            --text-color: #0b3a4a;
            --secondary-text: #4e7380;
            --border-color: #b7d7e4;
            --btn-bg: #f3fbff;
            --btn-hover: #dceff6;
            --primary-color: #0e7490;
            --primary-hover: #0a5c72;
            --exp-bg: #e0f4fb;
            --shadow-color: rgba(14,116,144,0.14);
            --header-border: #b7d7e4;
            --sc-blue: #0e7490;
            --sc-blue-soft: #e0f4fb;
            --sc-border: #b7d7e4;
            --sc-text: #0b3a4a;
            --sc-muted: #4e7380;
        }
        body.theme-sunset {
            --bg-color: #fde8d8;
            --card-bg: #fff7f1;
            --text-color: #4a1f12;
            --secondary-text: #8a5a48;
            --border-color: #f0c4a8;
            --btn-bg: #fff7f1;
            --btn-hover: #fde0cc;
            --primary-color: #e05a2b;
            --primary-hover: #c44a20;
            --exp-bg: #ffe8d6;
            --shadow-color: rgba(224,90,43,0.14);
            --header-border: #f0c4a8;
            --sc-blue: #e05a2b;
            --sc-blue-soft: #ffe8d6;
            --sc-border: #f0c4a8;
            --sc-text: #4a1f12;
            --sc-muted: #8a5a48;
        }
        body.theme-academy {
            --bg-color: #ece6f8;
            --card-bg: #f8f5ff;
            --text-color: #2a1848;
            --secondary-text: #6b5b86;
            --border-color: #d3c6ee;
            --btn-bg: #f8f5ff;
            --btn-hover: #ece3fb;
            --primary-color: #6d28d9;
            --primary-hover: #5b21b6;
            --exp-bg: #efe7ff;
            --shadow-color: rgba(109,40,217,0.14);
            --header-border: #d3c6ee;
            --sc-blue: #6d28d9;
            --sc-blue-soft: #efe7ff;
            --sc-border: #d3c6ee;
            --sc-text: #2a1848;
            --sc-muted: #6b5b86;
        }
        body.theme-library {
            --bg-color: #efe6d6;
            --card-bg: #fbf6ec;
            --text-color: #3b2a18;
            --secondary-text: #7a6752;
            --border-color: #d9c8ae;
            --btn-bg: #fbf6ec;
            --btn-hover: #f0e4d0;
            --primary-color: #8b5a2b;
            --primary-hover: #6f4620;
            --exp-bg: #f3e8d4;
            --shadow-color: rgba(139,90,43,0.14);
            --header-border: #d9c8ae;
            --sc-blue: #8b5a2b;
            --sc-blue-soft: #f3e8d4;
            --sc-border: #d9c8ae;
            --sc-text: #3b2a18;
            --sc-muted: #7a6752;
        }
        body.dark-mode,
        body.theme-night-sky,
        body.theme-nature,
        body.theme-ocean,
        body.theme-sunset,
        body.theme-academy,
        body.theme-library {
            --sc-blue: var(--primary-color);
            --sc-text: var(--text-color);
            --sc-muted: var(--secondary-text);
            --sc-border: var(--border-color);
            --sc-blue-soft: var(--exp-bg);
        }
        .theme-picker-toggle {
            position: fixed;
            top: 15px;
            right: 68px;
            background: var(--card-bg);
            border: 2px solid var(--border-color);
            color: var(--text-color);
            font-size: 1.15rem;
            border-radius: 50%;
            width: 45px;
            height: 45px;
            cursor: pointer;
            box-shadow: 0 2px 8px var(--shadow-color);
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: 0.3s;
        }
        .theme-picker-toggle:hover { transform: scale(1.1); }
        .theme-picker-panel {
            display: none;
            position: fixed;
            top: 68px;
            right: 15px;
            width: min(320px, calc(100vw - 30px));
            background: var(--card-bg);
            color: var(--text-color);
            border: 1px solid var(--border-color);
            border-radius: 14px;
            box-shadow: 0 10px 28px var(--shadow-color);
            z-index: 1100;
            padding: 12px;
        }
        .theme-picker-panel.open { display: block; }
        .theme-picker-title {
            font-size: 0.85rem;
            font-weight: 800;
            margin: 0 0 10px;
            color: var(--text-color);
        }
        .theme-picker-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
        }
        .theme-pick-btn {
            display: flex;
            align-items: center;
            gap: 8px;
            width: 100%;
            text-align: left;
            border: 1px solid var(--border-color);
            background: var(--btn-bg);
            color: var(--text-color);
            border-radius: 10px;
            padding: 9px 10px;
            cursor: pointer;
            font-weight: 700;
            font-size: 0.82rem;
        }
        .theme-pick-btn.active {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 2px var(--exp-bg);
            background: var(--exp-bg);
        }
        @media (max-width: 768px) {
            .theme-picker-toggle { top: 12px; right: 62px; width: 42px; height: 42px; }
            .theme-picker-panel { top: 62px; right: 10px; }
        }


        * { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
        body { background: var(--bg-color); margin: 0; padding: 15px; display: flex; justify-content: center; color: var(--text-color); transition: background 0.3s, color 0.3s; }
        
        .card { background: var(--card-bg); width: 100%; max-width: min(1100px, 100%); padding: 22px 24px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); transition: background 0.3s, box-shadow 0.3s, max-width 0.2s; position: relative; }
        
        .brand-logo-container { text-align: center; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid var(--header-border); cursor: pointer; transition: opacity 0.2s; }
        .brand-logo-container:hover { opacity: 0.8; }
        
        .app-subtitle { font-size: 0.85rem; color: var(--secondary-text); font-weight: 600; margin-top: 5px; letter-spacing: 0.5px; text-transform: uppercase; transition: color 0.3s; }

        .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; flex-wrap: wrap; gap: 10px; }
        .progress { font-weight: bold; color: var(--primary-color); }
        .question-text { font-size: 1.1rem; font-weight: 600; margin-bottom: 20px; color: var(--text-color); line-height: 1.4; }
        
        .options { display: flex; flex-direction: column; gap: 10px; }
        .option-btn { border: 1px solid var(--border-color); background: var(--btn-bg); padding: 14px; border-radius: 8px; font-size: 1rem; text-align: left; cursor: pointer; transition: 0.2s; color: var(--text-color); }
        .option-btn:hover { background: var(--btn-hover); border-color: var(--primary-color); }
        
        /* DOĞRU CEVAP: Rengarenk ve Işıltılı */
        @keyframes rainbowShimmer {
            0% { box-shadow: 0 0 15px #ff0000, inset 0 0 10px #ff0000; border-color: #ff0000; }
            20% { box-shadow: 0 0 20px #ff7f00, inset 0 0 15px #ff7f00; border-color: #ff7f00; }
            40% { box-shadow: 0 0 20px #ffff00, inset 0 0 15px #ffff00; border-color: #ffff00; }
            60% { box-shadow: 0 0 20px #00ff00, inset 0 0 15px #00ff00; border-color: #00ff00; }
            80% { box-shadow: 0 0 20px #00ffff, inset 0 0 15px #00ffff; border-color: #00ffff; }
            100% { box-shadow: 0 0 15px #ff0000, inset 0 0 10px #ff0000; border-color: #ff0000; }
        }
        @keyframes rainbowBg {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        .correct-anim {
            background: linear-gradient(124deg, #ff9a9e, #fecfef, #a1c4fd, #c2e9fb, #d4fc79, #96e6a1);
            background-size: 300% 300%;
            animation: rainbowShimmer 2s linear infinite, rainbowBg 3s ease infinite !important;
            color: #111 !important;
            font-weight: 900 !important;
            border: 2px solid transparent !important;
            transform: scale(1.02);
            position: relative;
            z-index: 10;
        }

        /* YANLIŞ CEVAP: Alev Kırmızısı */
        @keyframes flameEffect {
            0% { box-shadow: 0 0 15px #ff4500, inset 0 0 15px #ff4500; border-color: #ff4500; background-color: #660000; color: #ffcccc; }
            50% { box-shadow: 0 0 30px #ff0000, inset 0 0 25px #ff0000; border-color: #ff0000; background-color: #b30000; color: #ffffff; }
            100% { box-shadow: 0 0 15px #ff4500, inset 0 0 15px #ff4500; border-color: #ff4500; background-color: #660000; color: #ffcccc; }
        }
        .wrong-anim {
            animation: flameEffect 0.6s infinite alternate !important;
            font-weight: bold !important;
            transform: scale(0.98);
        }

        .btn-action { margin-top: 15px; width: 100%; background: var(--primary-color); color: white; border: none; padding: 14px; border-radius: 8px; font-size: 1rem; font-weight: bold; cursor: pointer; transition: 0.2s; }
        .btn-action:hover { background: var(--primary-hover); }

        /* Sonraki Soru - premium 3D buton */
        .next-question-3d {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            min-height: 62px;
            margin: 14px 0 16px !important;
            padding: 15px 22px !important;
            border: 1px solid rgba(255,255,255,.75) !important;
            border-radius: 17px !important;
            background: linear-gradient(145deg, #35a1ff 0%, #1976e8 48%, #0d5fca 100%) !important;
            color: #fff !important;
            font-size: 1.12rem !important;
            font-weight: 800 !important;
            letter-spacing: .1px;
            text-shadow: 0 1px 1px rgba(0,0,0,.18);
            box-shadow:
                inset 0 2px 0 rgba(255,255,255,.42),
                inset 0 -3px 0 rgba(5,63,137,.35),
                0 7px 0 #084c9f,
                0 12px 22px rgba(14,96,201,.28);
            transform: translateY(0);
            transition: transform .14s ease, box-shadow .14s ease, filter .14s ease;
            overflow: hidden;
        }
        .next-question-3d::before {
            content: '';
            position: absolute;
            left: 10%;
            right: 10%;
            top: 7px;
            height: 10px;
            border-radius: 999px;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
            pointer-events: none;
        }
        .next-question-3d:hover {
            filter: brightness(1.04);
            transform: translateY(-2px);
            box-shadow:
                inset 0 2px 0 rgba(255,255,255,.48),
                inset 0 -3px 0 rgba(5,63,137,.35),
                0 9px 0 #084c9f,
                0 16px 26px rgba(14,96,201,.32);
        }
        .next-question-3d:active {
            transform: translateY(5px);
            box-shadow:
                inset 0 2px 0 rgba(255,255,255,.28),
                inset 0 -1px 0 rgba(5,63,137,.25),
                0 2px 0 #084c9f,
                0 5px 12px rgba(14,96,201,.22);
        }
        .next-question-3d .next-arrow {
            font-size: 1.45rem;
            line-height: 1;
            font-weight: 900;
            margin-left: 2px;
        }
        @media (max-width: 600px) {
            .next-question-3d {
                min-height: 58px;
                font-size: 1.06rem !important;
                border-radius: 15px !important;
                margin: 12px 0 15px !important;
            }
        }
        
        .btn-skip { margin-top: 15px; width: 100%; background: #f29900; color: white; border: none; padding: 14px; border-radius: 8px; font-size: 1rem; font-weight: bold; cursor: pointer; transition: 0.2s; }
        .btn-skip:hover { background: #e65100; }
        
        .btn-home { background: var(--btn-hover); color: var(--text-color); border: 1px solid var(--border-color); padding: 8px 12px; border-radius: 6px; cursor: pointer; font-weight: bold; font-size: 0.9rem; transition: 0.2s; display: flex; align-items: center; gap: 5px; }
        .btn-home:hover { background: var(--border-color); }
        .sc-back-btn { white-space: nowrap; flex: 0 0 auto; }
        #category-screen { position: relative; }
        .sc-cat-tools { display: flex; gap: 6px; flex: 0 0 auto; }
        .sc-dl-menu { right: 0; top: 52px; width: min(300px, calc(100% - 16px)); }
        .sc-dl-label { font-size: 0.75rem; font-weight: 800; margin: 6px 0 8px; color: var(--secondary-text); }
        .sc-dl-formats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
        .sc-dl-fmt { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; }
        .sc-dl-ico { width: 28px; height: 28px; flex: 0 0 28px; display: inline-flex; filter: drop-shadow(0 3px 3px rgba(0,0,0,.25)); }
        .sc-dl-ico svg { width: 28px; height: 28px; display: block; border-radius: 8px; }
        .sc-dl-mode-active { border-color: var(--primary-color) !important; background: var(--exp-bg) !important; }
        .sc-cert-profile { margin: 16px 0 12px; text-align: left; }
        .sc-cert-profile-title { margin: 0 0 4px; font-size: 1.05rem; color: var(--text-color); }
        .sc-cert-profile-sub { margin: 0 0 12px; font-size: 0.8rem; color: var(--secondary-text); }
        
        .sc-cert-paper { padding-left: 12px; }
        .sc-cert-paper .sc-cert-corner-img { position:absolute; top:-2px; left:-2px; width:132px; height:auto; z-index:6; pointer-events:none; display:block !important; object-fit:contain; }
        .sc-cert-paper .sc-cert-top { padding-left: 108px; padding-right: 8px; min-height: 72px; }
        @media (max-width: 768px) {
            .sc-cert-paper .sc-cert-corner-img { width: 118px; }
            .sc-cert-paper .sc-cert-top { padding-left: 96px; }
        }
        .sc-cert-paper .sc-cert-medal, .sc-cert-paper .seal, .sc-cert-paper .sc-cert-ribbon { display:none !important; }

        
        .sc-cert-paper .sc-cert-corner-img { position:absolute !important; top:-1px !important; left:-1px !important; width:148px !important; height:auto !important; z-index:6 !important; pointer-events:none; display:block !important; }
        .sc-cert-paper .sc-cert-br-img { position:absolute !important; right:-1px !important; bottom:-1px !important; width:118px !important; height:auto !important; z-index:5 !important; pointer-events:none; display:block !important; }
        .sc-cert-paper .sc-cert-corner { display:none !important; }
        .sc-cert-paper .sc-cert-top { padding-left: 92px; min-height: 70px; }
        @media (max-width:768px){
            .sc-cert-paper .sc-cert-corner-img { width:126px !important; }
            .sc-cert-paper .sc-cert-br-img { width:96px !important; }
            .sc-cert-paper .sc-cert-top { padding-left: 82px; }
        }

        
        .sc-cert-view { width:min(420px,100%); background:#eef2f7; padding:8px; border-radius:18px; }
        .sc-cert-paper { position:relative; overflow:hidden; border:2px solid #d4af37; border-radius:16px; padding:14px 12px 12px; text-align:center; color:#102a63; background:linear-gradient(180deg,#fff 0%,#f7f4ea 100%); box-shadow:inset 0 0 0 6px #0d47a1; }
        .sc-cert-paper .sc-cert-corner-img { position:absolute!important; top:-1px!important; left:-1px!important; width:108px!important; z-index:4!important; pointer-events:none; }
        .sc-cert-paper .sc-cert-br-img { position:absolute!important; right:-2px!important; bottom:-2px!important; width:92px!important; z-index:3!important; pointer-events:none; }
        .sc-cert-head { position:relative; z-index:2; display:flex; justify-content:center; align-items:flex-start; min-height:58px; padding:0 72px 0 96px; }
        .sc-cert-logo { max-height:42px; max-width:150px; object-fit:contain; }
        .sc-cert-slogan { position:absolute; top:2px; right:8px; width:78px; font-size:.62rem; color:#1a365d; font-style:italic; line-height:1.15; text-align:right; }
        .sc-cert-tag { margin-top:2px; font-size:.62rem; letter-spacing:.6px; color:#6b7280; }
        .sc-cert-paper h2 { margin:8px 0 4px; color:#0d47a1; font-size:1.18rem; letter-spacing:.2px; }
        .sc-cert-paper h3 { margin:0 0 6px; color:#c9a227; font-size:.86rem; }
        .sc-cert-paper .who { font-family:'ScCertScript','Segoe Script','Apple Chancery',cursive; font-size:2.3rem; color:#b8860b; line-height:1; margin:4px 0 8px; }
        .sc-cert-lead { margin:0 10px 10px; font-size:.76rem; color:#4b5563; }
        .sc-cert-topic { display:flex; align-items:center; gap:8px; text-align:left; margin:0 4px 8px; padding:8px 10px; border-radius:12px; background:#fff; border:1px solid #ead9a3; }
        .sc-cert-stats { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
        .sc-cert-stats > div { display:flex; align-items:center; gap:7px; text-align:left; background:#fff; border:1px solid #e6edf7; border-radius:10px; padding:8px; }
        .sc-cert-stats small, .sc-cert-topic small { display:block; font-size:.62rem; color:#6b7280; font-weight:700; }
        .sc-cert-stats b, .sc-cert-topic b { color:#0d47a1; font-size:.88rem; }
        .sc-i { width:22px; height:22px; border-radius:6px; flex:0 0 22px; display:inline-block; box-shadow:0 2px 4px rgba(0,0,0,.15); }
        .sc-i-book,.sc-i-doc { background:linear-gradient(180deg,#90caf9,#1565c0); }
        .sc-i-ok { background:linear-gradient(180deg,#81c784,#2e7d32); }
        .sc-i-no { background:linear-gradient(180deg,#ef9a9a,#c62828); }
        .sc-i-chart { background:linear-gradient(180deg,#80cbc4,#00838f); }
        .sc-i-time { background:linear-gradient(180deg,#90caf9,#1565c0); }
        .sc-i-date { background:linear-gradient(180deg,#ffe082,#ef6c00); }
        .sc-cert-quote { margin:12px 0 8px; font-family:Georgia,serif; font-style:italic; color:#8a6a12; }
        .sc-cert-foot { position:relative; z-index:2; display:grid; grid-template-columns:1fr auto 1fr; gap:6px; align-items:center; font-size:.7rem; color:#374151; }
        .sc-cert-foot .trophy { width:58px; height:58px; border-radius:50%; background:radial-gradient(circle at 30% 30%,#fff3b0,#d4a017); display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 4px 10px rgba(212,160,23,.35); }
        .sc-cert-foot .trophy small { font-size:.5rem; font-weight:800; color:#1a237e; }
        .sc-cert-actions { display:flex; flex-direction:column; gap:8px; margin-top:10px; }

        
        .sc-cert-paper.sc-cert-ref { position:relative; padding:0 !important; border:0 !important; outline:0 !important; box-shadow:none !important; background:transparent !important; overflow:hidden; border-radius:12px; }
        .sc-cert-ref .sc-cert-sheet { width:100%; height:auto; display:block; }
        .sc-cert-ref .sc-ov { position:absolute; z-index:3; box-sizing:border-box; }
        .sc-ov-name { top:33.6%; left:16%; width:68%; text-align:center; font-family:'ScCertScript','Segoe Script','Apple Chancery',cursive; font-size:2.15rem; line-height:1; color:#b8860b; background:#fffaf6; padding:4px 8px; }
        .sc-ov-lead { top:41.2%; left:14%; width:72%; text-align:center; font-size:.68rem; line-height:1.25; color:#374151; background:#fffaf8; padding:4px; }
        .sc-ov-topic { top:49.4%; left:32%; width:54%; text-align:left; font-size:.95rem; font-weight:800; color:#0d47a1; background:#f4f7fb; padding:2px 6px; }
        .sc-ov-v { font-weight:800; color:#0d47a1; font-size:.86rem; background:#fff; padding:1px 4px; text-align:left; }
        .sc-ov-q { top:58.6%; left:14%; width:18%; }
        .sc-ov-ok { top:58.6%; left:45%; width:14%; }
        .sc-ov-no { top:58.6%; left:76%; width:14%; }
        .sc-ov-rate { top:66.4%; left:14%; width:16%; }
        .sc-ov-time { top:66.4%; left:45%; width:18%; }
        .sc-ov-date { top:66.4%; left:76%; width:18%; }
        .sc-cert-ref .sc-cert-corner-img, .sc-cert-ref .sc-cert-br-img, .sc-cert-ref .sc-cert-medal { display:none !important; }

        
        .sc-cert-view { width:min(430px,100%) !important; max-height:94vh !important; overflow:auto !important; padding:8px !important; background:#fff !important; }
        .sc-cert-paper.sc-cert-ref { position:relative !important; padding:0 !important; margin:0 !important; border:0 !important; outline:none !important; box-shadow:none !important; background:transparent !important; height:auto !important; min-height:0 !important; }
        .sc-cert-paper.sc-cert-ref img.sc-cert-sheet { width:100% !important; max-width:100% !important; height:auto !important; max-height:none !important; display:block !important; position:relative !important; }
        .sc-cert-paper.sc-cert-ref .sc-ov { position:absolute !important; z-index:4 !important; }
        .sc-cert-paper.sc-cert-ref .sc-cert-corner-img,
        .sc-cert-paper.sc-cert-ref .sc-cert-br-img { display:none !important; }

        .sc-cert-cat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; width: 100%; }
        .sc-cert-cat-card { border: 1px solid var(--border-color); background: var(--card-bg); border-radius: 12px; padding: 10px 8px; color: var(--text-color); display: flex; flex-direction: column; gap: 3px; box-shadow: 0 4px 10px var(--shadow-color); min-width: 0; }
        .sc-cert-cat-card .ico { width: 32px; height: 32px; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: 1.05rem; background: #eef4ff; }
        .sc-cert-cat-card b { font-size: 0.82rem; line-height: 1.2; }
        .sc-cert-cat-card span { font-size: 0.72rem; color: var(--secondary-text); }
        .sc-cert-cat-card button { margin-top: 6px; width: 100%; border: 0; border-radius: 8px; padding: 6px 6px; background: var(--primary-color); color: #fff; font-weight: 800; font-size: 0.68rem; cursor: pointer; white-space: nowrap; }
        .sc-cert-preview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
        .sc-cert-preview { border: 1px solid #d4af37; background: linear-gradient(180deg,#fffdf6,#fff); border-radius: 14px; padding: 10px; color: #1a237e; display: flex; flex-direction: column; gap: 6px; min-height: 148px; box-shadow: 0 4px 12px rgba(26,35,126,.08); }
        .sc-cert-preview .mini { height: 54px; border-radius: 8px; background: linear-gradient(135deg,#0d47a1,#1a237e); color: #ffd54f; display: flex; align-items: center; justify-content: space-between; padding: 8px 10px; font-weight: 800; }
        .sc-cert-preview b { font-size: 0.82rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .sc-cert-preview span { font-size: 0.72rem; color: #6b7280; }
        .sc-cert-preview button { margin-top: auto; width: 100%; border: 0; border-radius: 9px; padding: 8px; background: #e8f0fe; color: #1a73e8; font-weight: 800; font-size: 0.75rem; cursor: pointer; }
        .sc-cert-back { border: 1px solid var(--border-color); background: var(--btn-bg); color: var(--text-color); border-radius: 9px; padding: 6px 10px; font-weight: 700; margin-bottom: 10px; cursor: pointer; }
        .sc-cert-paper { position: relative; border: 10px solid #0d47a1; outline: 3px solid #c9a227; outline-offset: -16px; padding: 22px 18px 18px; text-align: center; color: #1a237e; background: linear-gradient(180deg,#fffef8,#fff); }
        .sc-cert-paper .seal { position: absolute; top: 16px; left: 18px; width: 54px; height: 54px; border-radius: 50%; background: radial-gradient(circle at 30% 30%,#ffe082,#c9a227); color: #1a237e; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; box-shadow: 0 4px 8px rgba(0,0,0,.15); }
        .sc-cert-paper img { max-height: 52px; max-width: 200px; object-fit: contain; }
        .sc-cert-paper h2 { margin: 8px 0 4px; font-size: 1.15rem; letter-spacing: .4px; }
        .sc-cert-paper h3 { margin: 0 0 10px; color: #c9a227; font-size: .95rem; }
        .sc-cert-paper .who { font-family: 'ScCertScript', 'Segoe Script', 'Apple Chancery', cursive; font-size: 2.35rem; color: #b8860b; margin: 4px 0 8px; font-weight: 400; line-height: 1.05; text-shadow: 0 1px 0 #fff6d1; }
        .sc-cert-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 14px; text-align: left; margin-top: 8px; font-size: 0.88rem; color: #222; }
        .sc-cert-grid b { display: block; color: #1a237e; }
        .sc-cert-quote { margin-top: 12px; font-style: italic; color: #6d4c41; font-size: .85rem; }
        
        .sc-cert-view { width: min(560px, 100%); max-height: 94vh; overflow: auto; background: #f4f7fb; border-radius: 18px; padding: 10px; box-shadow: 0 20px 50px rgba(0,0,0,.28); }
        .sc-cert-paper { position: relative; overflow: hidden; border: 2.5px solid #d4af37; border-radius: 16px; padding: 16px 12px 12px; text-align: center; color: #102a63; background:
            radial-gradient(circle at 100% 0, rgba(13,71,161,.10), transparent 34%),
            linear-gradient(180deg,#ffffff 0%, #f6f8ff 48%, #fff8e8 100%);
            box-shadow: inset 0 0 0 6px #0d47a1, 0 10px 24px rgba(13,71,161,.16);
        }
        .sc-cert-top { display:flex; align-items:flex-start; justify-content:center; position:relative; min-height:58px; }
        .sc-cert-corner { position:absolute; right:-18px; bottom:-18px; width:92px; height:92px; background:linear-gradient(315deg,#0d47a1 0 46%, transparent 47%); transform:rotate(8deg); opacity:.95; }
        .sc-stat-ico { width:22px; height:22px; flex:0 0 22px; border-radius:6px; display:inline-block; margin-right:6px; vertical-align:middle; box-shadow:0 2px 4px rgba(0,0,0,.12); }
        .sc-ico-book { background:linear-gradient(180deg,#64b5f6,#1565c0); }
        .sc-ico-doc { background:linear-gradient(180deg,#90caf9,#1a73e8); }
        .sc-ico-ok { background:linear-gradient(180deg,#81c784,#2e7d32); }
        .sc-ico-no { background:linear-gradient(180deg,#ef9a9a,#c62828); }
        .sc-ico-chart { background:linear-gradient(180deg,#80cbc4,#00838f); }
        .sc-ico-time { background:linear-gradient(180deg,#90caf9,#1565c0); }
        .sc-ico-date { background:linear-gradient(180deg,#ffe082,#ef6c00); }
        .sc-cert-stats div { display:flex; align-items:center; gap:6px; }
        .sc-cert-stats small, .sc-cert-topic small { display:block; font-size:.62rem; color:#6b7280; font-weight:700; }
        .sc-cert-topic { display:flex; align-items:center; gap:8px; }
        @font-face { font-family: 'ScCertScript'; src: url("../perf/sc-cert-script.ttf") format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
        
        .sc-cert-paper .sc-cert-ribbon,
        .sc-cert-paper .sc-cert-corner,
        .sc-cert-paper .sc-cert-medal,
        .sc-cert-paper .seal,
        .sc-cert-slogan { /* slogan stays */ }
        .sc-cert-paper .sc-cert-medal { display:block !important; width:62px !important; height:78px !important; }
        .sc-cert-paper .sc-cert-corner { display:block !important; width:92px !important; height:92px !important; }

        .sc-cert-paper .sc-cert-ribbon { display:none !important; }
        .sc-cert-medal { position:absolute; top:8px; left:8px; width:62px; height:78px; z-index:4; pointer-events:none; }
        .sc-cert-medal .tails { position:absolute; top:34px; left:16px; width:30px; height:40px; }
        .sc-cert-medal .tails:before, .sc-cert-medal .tails:after { content:""; position:absolute; top:0; width:12px; height:38px; background:linear-gradient(180deg,#1a365d,#0d47a1); border:1px solid #c9a227; }
        .sc-cert-medal .tails:before { left:0; transform:rotate(16deg); border-radius:0 0 3px 3px; }
        .sc-cert-medal .tails:after { right:0; transform:rotate(-16deg); border-radius:0 0 3px 3px; }
        .sc-cert-medal .disc { position:absolute; left:6px; top:0; width:50px; height:50px; border-radius:50%; background:radial-gradient(circle at 30% 28%,#fff6c7,#e0b422 46%,#b8860b 78%); box-shadow:0 4px 10px rgba(0,0,0,.22), inset 0 1px 0 #fff3b0; border:2px solid #f6e27a; display:flex; align-items:center; justify-content:center; color:#1a237e; font-size:1.15rem; }
        .sc-cert-paper .seal { position:absolute; top:10px; left:10px; width:48px; height:48px; border-radius:50%; background: radial-gradient(circle at 30% 30%,#fff3b0,#d4a017); color:#1a237e; display:flex; align-items:center; justify-content:center; font-size:1.2rem; box-shadow:0 3px 8px rgba(0,0,0,.2); z-index:2; }
        .sc-cert-paper .sc-cert-brand img { max-height:46px; max-width:180px; object-fit:contain; }
        .sc-cert-paper .tag { font-size:.64rem; letter-spacing:.8px; color:#6b7280; margin-top:2px; }
        .sc-cert-paper .sc-cert-slogan { position:absolute; top:12px; right:12px; width:78px; font-size:.62rem; color:#1a365d; font-style:italic; line-height:1.2; }
        .sc-cert-paper h2 { margin: 10px 0 4px; font-size:1.22rem; letter-spacing:.3px; color:#0d47a1; }
        .sc-cert-paper h3 { margin:0 0 8px; color:#c9a227; font-size:.88rem; font-weight:700; }
        .sc-cert-paper .who { font-family: 'ScCertScript', 'Segoe Script', 'Apple Chancery', cursive; font-size: 2.4rem; color: #b8860b; margin: 4px 0 6px; line-height: 1.05; font-weight:400; }
        .sc-cert-lead { margin:0 0 10px; font-size:.78rem; color:#4b5563; }
        .sc-cert-topic { margin:0 0 10px; padding:10px 12px; border-radius:12px; background:#fff; border:1px solid #ead9a3; box-shadow:0 2px 8px rgba(13,71,161,.06); text-align:left; }
        .sc-cert-topic span { display:block; font-size:.72rem; color:#6b7280; }
        .sc-cert-topic b { font-size:1rem; color:#0d47a1; }
        .sc-cert-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
        .sc-cert-stats div { background:#fff; border:1px solid #e6edf7; border-radius:10px; padding:8px 6px; text-align:left; min-width:0; }
        .sc-cert-stats span { display:block; font-size:.64rem; color:#6b7280; }
        .sc-cert-stats b { display:block; margin-top:2px; font-size:.86rem; color:#102a63; }
        .sc-cert-quote { margin:12px 0 8px; font-family:Georgia,serif; font-style:italic; color:#8a6a12; font-size:.95rem; }
        .sc-cert-foot { display:grid; grid-template-columns:1fr auto 1fr; gap:6px; align-items:center; font-size:.7rem; color:#374151; }
        .sc-cert-foot .trophy { width:64px; height:64px; border-radius:50%; background:radial-gradient(circle at 30% 30%,#fff3b0,#d4a017); display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:1.3rem; box-shadow:0 4px 10px rgba(212,160,23,.35); }
        .sc-cert-foot .trophy small { font-size:.55rem; font-weight:800; color:#1a237e; }
        .sc-cert-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:10px; }
        .sc-cert-btn { position:relative; display:flex; align-items:center; gap:10px; width:100%; border:1.5px solid #d4af37; border-radius:16px; padding:10px 10px 10px 12px; color:#fff; cursor:pointer; text-align:left; box-shadow:0 6px 14px rgba(13,71,161,.18), inset 0 1px 0 rgba(255,255,255,.35); }
        .sc-cert-btn-ico { width:40px; height:40px; flex:0 0 40px; display:flex; align-items:center; justify-content:center; filter:drop-shadow(0 3px 3px rgba(0,0,0,.2)); }
        .sc-cert-btn-txt { flex:1; min-width:0; }
        .sc-cert-btn-txt b { display:block; font-size:.95rem; line-height:1.1; }
        .sc-cert-btn-txt small { display:block; margin-top:2px; font-size:.68rem; opacity:.9; font-weight:600; }
        .sc-cert-btn-go { width:32px; height:32px; flex:0 0 32px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.18); border:1.5px solid #f1d48a; font-size:1.15rem; font-weight:800; box-shadow:inset 0 1px 0 rgba(255,255,255,.25); }
        .sc-cert-btn-pdf { background:linear-gradient(180deg,#4da3ff 0%,#1565c0 55%,#0d47a1 100%); }
        .sc-cert-btn-img { background:linear-gradient(180deg,#66d17a 0%,#2e9d4a 55%,#1b7a36 100%); }
        .sc-cert-btn-print { background:linear-gradient(180deg,#ffc14d 0%,#f08a1d 55%,#e56b00 100%); }
        .sc-cert-btn-close { grid-column:1 / -1; justify-content:center; background:#fff; color:#374151; border:1px solid #d1d5db; box-shadow:none; font-weight:800; }
        @media (max-width: 768px) {
            .sc-cert-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
            .sc-cert-paper h2 { font-size:1.05rem; }
            .sc-cert-paper .who { font-family: 'ScCertScript', cursive; font-size:2.1rem; color:#b8860b; }
            .sc-cert-actions { grid-template-columns:1fr; }
            .sc-cert-btn { padding:9px 8px 9px 10px; border-radius:14px; }
            .sc-cert-btn-txt b { font-size:.88rem; }
            .sc-cert-btn-txt small { font-size:.62rem; }
            .sc-cert-btn-close { grid-column:auto; }
        }
        #sc-cert-cat-modal { display: none; position: fixed; inset: 0; z-index: 2147482500; background: rgba(0,0,0,.55); align-items: center; justify-content: center; padding: 16px; }
        #sc-cert-cat-modal.open { display: flex; }
        .sc-cert-cat-view { width: min(720px,100%); max-height: 92vh; overflow: auto; background: var(--card-bg); color: var(--text-color); border-radius: 16px; padding: 16px; }
        @media (min-width: 1024px) { .sc-cert-cat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .sc-cert-preview-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
        @media (min-width: 1280px) { .sc-cert-cat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
        @media (max-width: 1023px) { .sc-cert-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
        @media (max-width: 768px) { .sc-cert-preview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
        #sc-cert-modal { display: none; position: fixed; inset: 0; z-index: 5000; background: rgba(0,0,0,.55); align-items: center; justify-content: center; padding: 16px; }
        #sc-cert-modal.open { display: flex; }
        .sc-cert-view { width: min(720px, 100%); max-height: 92vh; overflow: auto; background: #fff; border-radius: 16px; padding: 16px; }
        .sc-cert-paper { border: 8px solid #1a237e; outline: 2px solid #c9a227; outline-offset: -14px; padding: 22px 18px; text-align: center; color: #1a237e; background: linear-gradient(180deg,#fff, #f7fbff); }
        .sc-cert-paper img { max-height: 58px; max-width: 220px; object-fit: contain; }
        .sc-cert-paper h2 { margin: 10px 0 4px; font-size: 1.25rem; }
        .sc-cert-paper h3 { margin: 0 0 12px; color: #c9a227; font-size: 1rem; }
        .sc-cert-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; text-align: left; margin-top: 12px; font-size: 0.92rem; color: #222; }
        @media (max-width: 640px) { .sc-cert-grid { grid-template-columns: 1fr; } }
        .sc-print-menu {
            display: none;
            position: absolute;
            right: 0;
            top: 52px;
            z-index: 80;
            width: min(260px, calc(100% - 16px));
            background: var(--card-bg);
            color: var(--text-color);
            border: 1px solid var(--border-color);
            border-radius: 12px;
            box-shadow: 0 10px 24px var(--shadow-color);
            padding: 10px;
        }
        .sc-print-menu.open { display: block; }
        .sc-print-menu button {
            width: 100%;
            display: block;
            text-align: left;
            margin: 0 0 8px;
            border: 1px solid var(--border-color);
            background: var(--btn-bg);
            color: var(--text-color);
            border-radius: 10px;
            padding: 10px 12px;
            font-weight: 700;
            cursor: pointer;
        }
        .sc-print-ans { display: flex; align-items: center; gap: 8px; font-size: 0.88rem; font-weight: 700; color: var(--text-color); }
        @media (max-width: 768px) {
            #sc-print-btn { font-size: 0.82rem; padding: 8px 10px; }
            .sc-print-menu { right: 8px; }
        }
        #quiz-body .header { gap: 8px; }
        @media (max-width: 768px) {
          #quiz-body .header { flex-wrap: wrap; }
          #quiz-body .sc-back-btn { order: -1; }
        }

        .result-box { text-align: center; padding: 20px; }
        .score-circle { font-size: 2.5rem; font-weight: bold; color: #1e8e3e; margin: 20px 0; }
        .badge { display: inline-block; padding: 4px 8px; border-radius: 4px; font-size: 0.8rem; font-weight: bold; background: var(--btn-hover); color: var(--primary-color); border: 1px solid var(--border-color); }
        .stats-text { font-size: 1.1rem; line-height: 1.6; text-align: left; background: var(--btn-hover); padding: 15px; border-radius: 8px; margin-bottom: 20px; color: var(--text-color); border: 1px solid var(--border-color); }
        
        .sc-why-box{margin-top:14px;padding:13px;border-radius:12px;border:1.5px dashed rgba(211,47,47,.4);background:rgba(211,47,47,.07)}
        .sc-why-title{font-size:.95rem;font-weight:900;margin:0 0 4px;color:var(--text-color)}
        .sc-why-sub{font-size:.75rem;color:var(--secondary-text);font-weight:600;margin:0 0 10px}
        .sc-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
        .sc-why-btn{border:1.5px solid var(--border-color);background:var(--card-bg);color:var(--text-color);border-radius:10px;padding:11px 8px;font-size:.82rem;font-weight:800;cursor:pointer}
        .sc-why-btn.active{border-color:#d32f2f;background:#d32f2f;color:#fff}
        .sc-why-saved{margin-top:8px;font-size:.76rem;font-weight:800;color:#15803d}
        .sc-why-summary{margin:12px 0 16px;padding:14px;border-radius:12px;border:1px solid var(--border-color);background:var(--btn-hover)}
        .sc-why-sum-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px dashed var(--border-color);font-weight:700}
        .sc-why-sum-row:last-child{border-bottom:0}
        .sc-why-sum-row b{margin-left:auto;color:var(--primary-color);font-size:1.05rem}
        .sc-why-sum-row i{font-style:normal;color:var(--secondary-text);min-width:42px;text-align:right;font-size:.8rem}


        .explanation-box { margin-top: 15px; padding: 15px; background: var(--exp-bg); border-left: 5px solid var(--primary-color); border-radius: 6px; font-size: 0.95rem; color: var(--text-color); display: none; line-height: 1.5; }
        
        .category-title { font-size: 1.2rem; font-weight: bold; margin-bottom: 15px; color: var(--text-color); text-align: center; }
        .category-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
        
        /* KLASÖR / KATEGORİ KARTLARI (Ana Sayfa) */
        /* ===== 3D Saat / İmsak / Tarih kartları ===== */
        .sc-p3d-wrap{display:flex;gap:10px;width:100%;max-width:100%;margin:4px 0 14px;align-items:stretch}
        .sc-p3d-card{
          flex:1;min-width:0;position:relative;overflow:hidden;
          border-radius:22px;padding:14px 8px 10px;
          display:flex;flex-direction:column;align-items:center;text-align:center;
          box-shadow:0 10px 22px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.5);
        }
        .sc-p3d-clock{background:linear-gradient(160deg,#eaf4fd 0%,#cfe7fb 100%)}
        .sc-p3d-imsak{background:linear-gradient(160deg,#eafaf0 0%,#cdf0da 100%)}
        .sc-p3d-date{background:linear-gradient(160deg,#fdeef2 0%,#fbdbe3 100%)}
        .sc-p3d-badge{
          position:absolute;top:8px;right:8px;background:#2f7fe0;color:#fff;
          font-size:.58rem;font-weight:800;padding:3px 9px;border-radius:999px;
          box-shadow:0 2px 6px rgba(47,127,224,.45);white-space:nowrap;
        }
        .sc-p3d-icon{width:52px;height:52px;margin:2px 0 6px;display:flex;align-items:center;justify-content:center}
        .sc-p3d-icon svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 5px rgba(15,23,42,.18))}
        .sc-p3d-mosque{font-size:2.2rem;line-height:1;filter:drop-shadow(0 4px 5px rgba(15,23,42,.18))}
        .sc-p3d-label{font-size:.74rem;font-weight:800;color:#1e3a5f;margin-bottom:1px;white-space:nowrap}
        .sc-p3d-imsak .sc-p3d-label{color:#14532d}
        .sc-p3d-date .sc-p3d-label{color:#7f1d2e}
        .sc-p3d-value{font-size:1.55rem;font-weight:900;color:#123a66;line-height:1.12;margin-bottom:8px}
        .sc-p3d-imsak .sc-p3d-value{color:#166534}
        .sc-p3d-value-sm{font-size:1.15rem;font-weight:900;color:#7a1730;line-height:1.12}
        .sc-p3d-sub{font-size:.8rem;font-weight:700;color:#9c3a4e;margin-bottom:8px}
        .sc-p3d-pill{
          margin-top:auto;width:100%;background:rgba(255,255,255,.55);
          border-radius:14px;padding:6px 5px;font-size:.58rem;font-weight:700;color:#334155;
          display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap;line-height:1.25;
        }
        .sc-p3d-pill b{font-weight:900}
        .sc-p3d-pill-ico{font-size:.8rem}
        .sc-p3d-cal{width:52px;height:52px;border-radius:10px;background:#fff;overflow:hidden;
          box-shadow:0 6px 12px rgba(15,23,42,.2);display:flex;flex-direction:column;margin:2px 0 6px}
        .sc-p3d-cal-top{height:16px;background:linear-gradient(180deg,#ff5b6a,#e11d2e)}
        .sc-p3d-cal-body{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900;color:#1e293b}
        @media(max-width:420px){
          .sc-p3d-wrap{gap:6px}
          .sc-p3d-card{padding:10px 5px 8px;border-radius:16px}
          .sc-p3d-icon{width:38px;height:38px}
          .sc-p3d-mosque{font-size:1.6rem}
          .sc-p3d-cal{width:38px;height:38px}
          .sc-p3d-cal-top{height:12px}
          .sc-p3d-cal-body{font-size:.95rem}
          .sc-p3d-label{font-size:.58rem}
          .sc-p3d-value{font-size:1.05rem;margin-bottom:6px}
          .sc-p3d-value-sm{font-size:.85rem}
          .sc-p3d-sub{font-size:.62rem;margin-bottom:6px}
          .sc-p3d-pill{font-size:.48rem;padding:4px 3px}
          .sc-p3d-badge{font-size:.48rem;padding:2px 6px;top:5px;right:5px}
        }
        .sc-daily-row{display:flex;flex-direction:row;gap:8px;margin:0 0 14px;align-items:stretch}
        .sc-daily-card{
          flex:1;min-width:0;display:flex;flex-direction:column;
          padding:8px 8px 8px;border-radius:16px;color:var(--text-color);
          border:1px solid rgba(253,230,138,.32);
          box-shadow:0 8px 16px rgba(15,23,42,.14);
          overflow:hidden;
        }
        .sc-daily-quote{background:transparent;border-color:var(--border-color);}
        .sc-daily-ayah{background:transparent;border-color:var(--border-color);}
        .sc-daily-hadith{background:transparent;border-color:var(--border-color);}
        .sc-daily-head{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:4px}
        .sc-daily-card h3{margin:0;font-size:.84rem;font-weight:900;line-height:1.15;color:#f6de8d}
        .sc-daily-ayah h3{color:#d1fae5}
        .sc-daily-sub{margin:4px 0 0;font-size:.66rem;font-weight:700;opacity:.8;line-height:1.25;color:#e2e8f0}
        .sc-daily-icon{position:relative;width:64px;height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:center;overflow:visible}
        .sc-3d-svg{width:64px;height:64px;position:relative;z-index:2;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2))}
        .sc-bulb-glow{position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(250,204,21,.5),transparent 70%);animation:scBulbPulse 6.5s ease-in-out infinite}
        .sc-book-sweep{position:absolute;top:2px;bottom:4px;width:12px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:scBookSweep 7.5s linear infinite;z-index:3;pointer-events:none}
        .sc-crescent-glow{position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(253,224,71,.38),transparent 68%);animation:scCrescentPulse 6.5s ease-in-out infinite}
        @keyframes scBulbPulse{0%,100%{opacity:.2;transform:scale(.88)}50%{opacity:.95;transform:scale(1.14)}}
        @keyframes scBookSweep{0%{left:-12px;opacity:0}18%{opacity:.75}55%{left:50px;opacity:.12}100%{left:50px;opacity:0}}
        @keyframes scCrescentPulse{0%,100%{opacity:.22;transform:scale(.9)}50%{opacity:.88;transform:scale(1.16)}}
        .sc-daily-rule{display:none}
        .sc-daily-rule:before,.sc-daily-rule:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#f6de8d,transparent)}
        .sc-daily-ayah .sc-daily-rule:before,.sc-daily-ayah .sc-daily-rule:after{background:linear-gradient(90deg,transparent,#6ee7b7,transparent)}
        .sc-daily-quote-line{margin:0;font-size:.68rem;font-weight:700;line-height:1.3;text-align:center;min-height:0;max-height:3.9em;overflow:hidden;color:var(--text-color) !important;display:block !important}
        .sc-daily-src{margin:4px 0 6px;font-size:.56rem;opacity:.78;font-weight:700;text-align:center;color:var(--secondary-text)}
        .sc-daily-more{display:none;
          margin-top:auto;width:100%;border:1px solid rgba(253,230,138,.28);border-radius:12px;padding:6px 6px;
          font-size:.64rem;font-weight:800;cursor:pointer;color:#f6de8d;
          background:rgba(253,230,138,.08);
        }
        .sc-daily-ayah .sc-daily-more{color:#a7f3d0;border-color:rgba(167,243,208,.28);background:rgba(167,243,208,.08)}
        @media(max-width:420px){
          .sc-daily-card{padding:10px 7px}
          .sc-daily-card h3{font-size:.66rem}
          .sc-daily-quote-line{font-size:.64rem}
          .sc-daily-icon,.sc-daily-icon img{width:44px;height:44px}
          .sc-daily-icon{flex-basis:44px}
        }
        .folder-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 20px; align-items: start; }
        .folder-list > .sc-qsearch,
        .folder-list > .sc-tanisma-row,
        .folder-list > .sc-tanisma-btn,
        .folder-list > .sc-vip-category { grid-column: 1 / -1; }
        .folder-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 6px;
            padding: 12px 10px 14px;
            border-radius: 18px;
            cursor: pointer;
            text-decoration: none;
            transition: transform 0.18s ease, box-shadow 0.18s ease;
            border: 1px solid var(--folder-border);
            background: var(--folder-bg);
            color: var(--folder-text);
            box-shadow: 0 4px 14px rgba(15,23,42,.06);
            min-height: 0;
            position: relative;
        }
        .folder-card:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(15,23,42,.10); }
        .folder-icon { margin: 0 auto 2px; width: 86px; height: 86px; flex-shrink:0; display:flex; align-items:center; justify-content:center; overflow:visible; background:transparent; box-shadow:none; padding:0; }
.folder-icon img{width:86px;height:86px;object-fit:contain;object-position:center;display:block}
        .folder-info { flex-grow: 0; width:100%; text-align:center; }
        .folder-name { font-size: 1rem; font-weight: 800; margin-bottom: 3px; }
        .folder-desc { font-size: 0.72rem; opacity: 0.8; font-weight: 500; line-height:1.35; padding:0 4px; }
        .folder-arrow { position:absolute; top:10px; right:10px; display:flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:rgba(255,255,255,.7); font-size:.85rem; font-weight:800; }
        @media (max-width: 360px){
          .folder-card{min-height:0;padding:10px 8px 12px}
          .folder-name{font-size:.9rem}
          .folder-desc{font-size:.68rem}
        }

        /* GELİŞMİŞ SORU ARAMA */
        .sc-qsearch {
            margin: 10px 0 14px;
            padding: 14px 14px 12px;
            border-radius: 14px;
            border: 1.5px solid rgba(0, 131, 143, 0.28);
            background: linear-gradient(180deg, rgba(0, 151, 167, 0.08), rgba(255,255,255,0.55));
        }
        body.dark-mode .sc-qsearch {
            background: linear-gradient(180deg, rgba(0, 151, 167, 0.12), rgba(15,23,42,0.35));
            border-color: rgba(94, 234, 212, 0.28);
        }
        .sc-qsearch-head {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 8px;
            margin-bottom: 8px;
        }
        .sc-qsearch-title {
            font-size: 0.92rem;
            font-weight: 900;
            color: #00838f;
            letter-spacing: -0.2px;
        }
        body.dark-mode .sc-qsearch-title { color: #5eead4; }
        .sc-qsearch-hint {
            font-size: 0.72rem;
            color: var(--secondary-text);
            font-weight: 600;
        }
        .sc-qsearch-box {
            position: relative;
            display: flex;
            align-items: center;
        }
        .sc-qsearch-box input {
            width: 100%;
            border: 1.5px solid var(--border-color);
            background: var(--card-bg);
            color: var(--text-color);
            border-radius: 12px;
            padding: 12px 40px 12px 40px;
            font-size: 0.95rem;
            outline: none;
            font-weight: 600;
        }
        .sc-qsearch-box input:focus {
            border-color: #0097a7;
            box-shadow: 0 0 0 3px rgba(0,151,167,0.16);
        }
        .sc-qsearch-icon {
            position: absolute;
            left: 12px;
            font-size: 1rem;
            pointer-events: none;
        }
        .sc-qsearch-clear {
            position: absolute;
            right: 8px;
            border: 0;
            background: transparent;
            color: var(--secondary-text);
            font-size: 1.05rem;
            cursor: pointer;
            padding: 4px 8px;
            display: none;
        }
        .sc-qsearch-examples {
            margin-top: 8px;
            font-size: 0.76rem;
            color: var(--secondary-text);
            line-height: 1.45;
        }
        .sc-qsearch-chip {
            display: inline-block;
            margin: 3px 4px 0 0;
            padding: 3px 8px;
            border-radius: 999px;
            background: rgba(0,151,167,0.12);
            color: #00838f;
            font-weight: 800;
            font-size: 0.72rem;
            cursor: pointer;
            border: 1px solid rgba(0,151,167,0.22);
        }
        body.dark-mode .sc-qsearch-chip { color: #99f6e4; }
        .sc-qsearch-meta {
            margin-top: 8px;
            font-size: 0.78rem;
            font-weight: 700;
            color: var(--secondary-text);
            display: none;
        }
        .sc-qsearch-results {
            margin-top: 8px;
            display: none;
            max-height: 340px;
            overflow: auto;
            display: none;
            flex-direction: column;
            gap: 8px;
        }
        .sc-qsearch-item {
            text-align: left;
            border: 1px solid var(--border-color);
            background: var(--card-bg);
            border-radius: 12px;
            padding: 10px 12px;
            cursor: pointer;
            width: 100%;
            color: var(--text-color);
        }
        .sc-qsearch-item:hover {
            border-color: #0097a7;
            box-shadow: 0 4px 12px rgba(0,151,167,0.12);
        }
        .sc-qsearch-item-cat {
            font-size: 0.7rem;
            font-weight: 800;
            color: #00838f;
            margin-bottom: 4px;
            letter-spacing: 0.2px;
        }
        .sc-qsearch-item-q {
            font-size: 0.86rem;
            font-weight: 650;
            line-height: 1.35;
        }
        .sc-qsearch-actions {
            display: none;
            margin-top: 8px;
        }
        .sc-qsearch-actions button {
            width: 100%;
            border: 0;
            border-radius: 10px;
            padding: 11px 12px;
            font-weight: 800;
            cursor: pointer;
            background: #00838f;
            color: #fff;
        }


        /* RENGARENK KATEGORİ STİLLERİ */
        .category-item { 
            display: flex; 
            align-items: center; 
            padding: 14px; 
            border-radius: 10px; 
            cursor: pointer; 
            transition: all 0.2s ease-in-out;
            background: var(--bg-light);
            border: 2px solid var(--c-light);
            color: var(--c-light);
        }
        .category-item:hover { 
            transform: scale(1.02);
            box-shadow: 0 4px 10px rgba(0,0,0,0.08);
        }
        .category-item input { 
            margin-right: 12px; 
            transform: scale(1.3); 
            cursor: pointer; 
            accent-color: var(--c-light);
        }
        .sc-last-solve-time {
            display: block;
            margin-top: 4px;
            font-size: 0.78rem;
            font-weight: 600;
            opacity: 0.8;
            color: var(--text-color);
        }
        .sc-topic-icon {
            flex: 0 0 auto;
            width: 1.6em;
            font-size: 1.2rem;
            line-height: 1;
            margin-right: 8px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .category-item label { 
            flex-grow: 1; 
            cursor: pointer; 
            font-size: 1.05rem; 
            font-weight: bold; 
            color: inherit; 
        }
        
        body.dark-mode .category-item {
            background: var(--bg-dark);
            border-color: var(--c-dark);
            color: var(--c-dark);
        }
        body.dark-mode .category-item input { 
            accent-color: var(--c-dark);
        }
        
        .select-all-btn { background: transparent; border: 2px solid var(--primary-color); color: var(--primary-color); padding: 10px 12px; border-radius: 8px; cursor: pointer; font-weight: bold; margin-bottom: 15px; width: 100%; transition: 0.2s; font-size: 1rem; }
        .select-all-btn:hover { background: var(--primary-color); color: white; }

        /* KPSS / Konu Grupları — Açılır Kapanır Ana Kategoriler */
        .sc-cat-group {
            margin-bottom: 12px;
            border: 2px solid var(--border-color);
            border-radius: 14px;
            background: var(--card-bg);
            overflow: hidden;
            transition: box-shadow 0.2s, border-color 0.2s;
        }
        .sc-cat-group.open {
            border-color: var(--primary-color);
            box-shadow: 0 4px 16px rgba(26,115,232,0.12);
        }
        .sc-cat-group-header {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 14px 16px;
            cursor: pointer;
            user-select: none;
            background: var(--btn-hover);
            transition: background 0.2s;
        }
        .sc-cat-group-header:hover { background: var(--border-color); }
        .sc-cat-group-icon { font-size: 1.6rem; line-height: 1; flex-shrink: 0; }
        .sc-cat-group-info { flex: 1; min-width: 0; }
        .sc-cat-group-title {
            font-size: 1.08rem;
            font-weight: 900;
            color: var(--text-color);
            letter-spacing: -0.2px;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 6px;
        }
        .sc-cat-group-meta {
            font-size: 0.78rem;
            color: var(--secondary-text);
            font-weight: 700;
            margin-top: 3px;
        }
        .sc-cat-group-progress {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-top: 6px;
        }
        .sc-cat-group-bar {
            flex: 1;
            height: 6px;
            border-radius: 99px;
            background: var(--border-color);
            overflow: hidden;
        }
        .sc-cat-group-bar-fill {
            height: 100%;
            border-radius: 99px;
            background: linear-gradient(90deg, var(--primary-color), #34a853);
            transition: width 0.4s ease;
        }
        .sc-cat-group-pct {
            font-size: 0.72rem;
            font-weight: 800;
            color: var(--primary-color);
            min-width: 36px;
            text-align: right;
        }
        .sc-cat-group-arrow {
            font-size: 1.1rem;
            font-weight: 900;
            color: var(--secondary-text);
            transition: transform 0.25s ease;
            flex-shrink: 0;
        }
        .sc-cat-group.open .sc-cat-group-arrow { transform: rotate(180deg); }
        .sc-cat-group-body {
            display: none;
            padding: 8px 10px 12px;
            border-top: 1px solid var(--border-color);
            background: var(--card-bg);
        }
        .sc-cat-group.open .sc-cat-group-body { display: block; }
        .sc-cat-group-body .category-item {
            margin-bottom: 6px;
        }
        .sc-cat-group-body .category-item:last-child { margin-bottom: 0; }
        .sc-cat-group-select-all {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 10px;
            margin-bottom: 8px;
            font-size: 0.85rem;
            font-weight: 700;
            color: var(--primary-color);
            cursor: pointer;
            border-radius: 8px;
            background: var(--exp-bg);
            border: 1px dashed var(--primary-color);
        }
        .sc-cat-group-select-all:hover { opacity: 0.9; }
        .sc-cat-group-select-all input { accent-color: var(--primary-color); transform: scale(1.15); }

        /* TEMA GEÇİŞ BUTONU */
        .theme-toggle {
            position: fixed;
            top: 15px;
            right: 15px;
            background: var(--card-bg);
            border: 2px solid var(--border-color);
            color: var(--text-color);
            font-size: 1.2rem;
            border-radius: 50%;
            width: 45px;
            height: 45px;
            cursor: pointer;
            box-shadow: 0 2px 8px var(--shadow-color);
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: 0.3s;
        }
        .theme-toggle:hover { transform: scale(1.1); }

        /* U.K Minik Köşe Metni */
        .uk-watermark {
            position: fixed;
            bottom: 15px;
            right: 15px;
            font-size: 0.8rem;
            font-weight: 800;
            color: var(--secondary-text);
            opacity: 0.5;
            pointer-events: none;
            z-index: 1000;
            letter-spacing: 1px;
        }

    
        /* FOOTER LİNKLERİ */
        .footer-links { margin-top: 16px; margin-bottom: 4px; text-align: center; border-top: 1px solid var(--border-color); padding-top: 10px; padding-bottom: 4px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 5px; }
        .sc-site-footer-brand { text-align: center; margin: 10px 0 6px; padding: 0 8px 10px; }
        .sc-footer-brand-logo {
            display: block;
            margin: 0 auto;
            width: min(340px, 84vw);
            max-width: 100%;
            height: auto;
            object-fit: contain;
            cursor: pointer;
        }
        body.dark-mode .sc-footer-brand-logo {
            background: #fff;
            border-radius: 18px;
            padding: 6px 10px;
            box-sizing: border-box;
        }
        .sc-footer-copy {
            margin-top: 8px;
            font-size: 0.75rem;
            color: var(--secondary-text);
            font-weight: 500;
            line-height: 1.4;
        }
        @media (max-width: 768px) {
            .sc-footer-brand-logo { width: min(300px, 86vw); }
            .sc-footer-copy { font-size: 0.72rem; }
        }

        /* Footer linkleri: küçük, kompakt, çok hafif 3D pill butonlar */
        .footer-links > span[aria-hidden="true"] { display: none; }
        .footer-links a {
            position: relative; display: inline-flex; align-items: center; gap: 4px;
            margin: 0; padding: 3px 9px; line-height: 1.25;
            font-size: 0.68rem; font-weight: 600; letter-spacing: 0.1px; white-space: nowrap;
            color: var(--secondary-text); text-decoration: none;
            border: 1px solid var(--border-color); border-radius: 999px;
            background: linear-gradient(180deg, var(--card-bg) 0%, var(--btn-hover) 100%);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.7), inset 0 -1px 0 rgba(0,0,0,.04), 0 1px 2px rgba(15,23,42,.10);
            -webkit-tap-highlight-color: transparent;
            transition: color .2s, box-shadow .2s, transform .12s;
        }
        .footer-links a::after { content: ""; position: absolute; inset: -3px -2px; } /* görünmez dokunma alanı */
        .footer-links a:hover { color: var(--primary-color); box-shadow: inset 0 1px 0 rgba(255,255,255,.8), inset 0 -1px 0 rgba(0,0,0,.05), 0 2px 4px rgba(15,23,42,.14); }
        .footer-links a:active { transform: translateY(1px); box-shadow: inset 0 1px 2px rgba(0,0,0,.14); }
        .footer-links a:focus-visible { outline: 2px solid var(--primary-color); outline-offset: 2px; }
        .footer-links .sc-fl-ico { flex: none; font-size: 0.78rem; line-height: 1; }
        body.dark-mode .footer-links a,
        body.theme-night-sky .footer-links a { box-shadow: inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(0,0,0,.25), 0 1px 2px rgba(0,0,0,.35); }
        .sc-share-menu {
            position: fixed;
            inset: 0;
            z-index: 4000;
            display: none;
            align-items: flex-end;
            justify-content: center;
            background: rgba(0,0,0,.42);
            padding: 16px;
            box-sizing: border-box;
        }
        .sc-share-menu.open { display: flex; }
        .sc-share-menu-card {
            width: min(360px, 100%);
            background: var(--card-bg);
            color: var(--text-color);
            border: 1px solid var(--border-color);
            border-radius: 18px 18px 14px 14px;
            box-shadow: 0 16px 40px var(--shadow-color);
            padding: 14px;
            margin-bottom: 8px;
        }
        .sc-share-menu-title {
            font-weight: 800;
            font-size: 0.95rem;
            text-align: center;
            margin: 2px 0 10px;
        }
        .sc-share-item, .sc-share-cancel {
            width: 100%;
            display: flex;
            align-items: center;
            gap: 12px;
            text-align: left;
            border: 1px solid var(--border-color);
            background: var(--btn-bg);
            color: var(--text-color);
            border-radius: 12px;
            padding: 12px 14px;
            margin: 0 0 8px;
            font-weight: 700;
            font-size: 0.92rem;
            cursor: pointer;
        }
        .sc-share-cancel { justify-content: center; gap: 0; }
        .sc-share-ico {
            width: 32px;
            height: 32px;
            flex: 0 0 32px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            filter: drop-shadow(0 3px 4px rgba(0,0,0,.28));
        }
        .sc-share-ico svg {
            width: 28px;
            height: 28px;
            display: block;
            border-radius: 8px;
            overflow: visible;
        }
        .sc-share-ico-wa svg, .sc-share-ico-tg svg { border-radius: 50%; }
        @media (max-width: 768px) {
            .sc-share-ico { width: 34px; height: 34px; flex-basis: 34px; }
            .sc-share-ico svg { width: 30px; height: 30px; }
        }
        .sc-share-cancel { text-align: center; margin-bottom: 0; background: var(--btn-hover); }
        @media (min-width: 769px) {
            .sc-share-menu { align-items: center; }
            .sc-share-menu-card { border-radius: 16px; }
        }
        @media (max-width: 768px) {
            .footer-links { gap: 6px 5px; }
            .footer-links a { font-size: 0.7rem; }
        }

        /* SİNAVCEP YORUM MODÜLÜ - mevcut sisteme dokunmadan footer üstüne eklenir */
        .sc-comments {
            margin-top: 24px;
            padding: 18px;
            border: 1px solid var(--border-color);
            border-radius: 14px;
            background: var(--card-bg);
            box-shadow: 0 5px 18px rgba(0,0,0,.05);
        }
        .sc-comments-title {
            margin: 0 0 5px;
            font-size: 1.15rem;
            font-weight: 900;
            color: var(--text-color);
        }
        .sc-comments-subtitle {
            margin: 0 0 14px;
            color: var(--secondary-text);
            font-size: .86rem;
        }
        .sc-comment-login-note {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 12px;
            border-radius: 10px;
            background: var(--btn-hover);
            border: 1px solid var(--border-color);
            font-size: .88rem;
        }
        .sc-comment-login-note span { flex: 1; }
        .sc-comment-form {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .sc-comment-input {
            width: 100%;
            min-height: 92px;
            resize: vertical;
            padding: 12px;
            border: 1px solid var(--border-color);
            border-radius: 10px;
            background: var(--btn-bg);
            color: var(--text-color);
            font: inherit;
            outline: none;
        }
        .sc-comment-input:focus { border-color: var(--primary-color); }
        .sc-comment-actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
        }
        .sc-comment-count {
            color: var(--secondary-text);
            font-size: .76rem;
        }
        .sc-comment-list {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            gap: 12px;
            margin-top: 14px;
            overflow-x: auto;
            overflow-y: hidden;
            padding: 2px 2px 10px;
            scroll-snap-type: none;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: thin;
        }
        .sc-comment-item {
            box-sizing: border-box;
            flex: 0 0 min(340px, 86vw);
            min-width: 0;
            padding: 12px;
            border: 1px solid var(--border-color);
            border-radius: 10px;
            background: var(--btn-hover);
            scroll-snap-align: none;
        }
        .sc-comment-head {
            display: flex;
            align-items: center;
            gap: 9px;
            margin-bottom: 6px;
        }
        .sc-comment-avatar {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            background: var(--card-bg);
            border: 1px solid var(--border-color);
            flex: 0 0 34px;
            font-size: 1.15rem;
        }
        .sc-comment-avatar img { width: 100%; height: 100%; object-fit: cover; }
        .sc-comment-user { font-weight: 800; color: var(--text-color); font-size: .9rem; }
        .sc-comment-date { color: var(--secondary-text); font-size: .72rem; margin-left: auto; }
        .sc-comment-text {
            color: var(--text-color);
            font-size: .88rem;
            line-height: 1.5;
            white-space: pre-wrap;
            overflow-wrap: anywhere;
        }
        .sc-comment-empty {
            color: var(--secondary-text);
            text-align: center;
            padding: 12px 5px;
            font-size: .84rem;
        }
        @media(max-width:520px) {
            .sc-comment-login-note { flex-direction: column; align-items: stretch; }
            .sc-comment-login-note button { width: 100%; }
            .sc-comment-actions { flex-direction: column; align-items: stretch; }
            .sc-comment-actions button { width: 100%; }
            .sc-comment-date { margin-left: 0; }
        }

        
        .policy-text-box { font-size: 0.9rem; line-height: 1.6; color: var(--text-color); background: var(--bg-light, rgba(0,0,0,0.02)); padding: 15px; border-radius: 8px; border: 1px solid var(--border-color); max-height: 60vh; overflow-y: auto; text-align: justify; }
        body.dark-mode .policy-text-box { background: var(--bg-dark, rgba(255,255,255,0.05)); }

        /* ===== Politika sayfaları (KVKK / Çerez / Gizlilik): çok hafif 3D-kabartma metin stili =====
           Yalnızca text-shadow kullanılır; renk, boyut ve içerik değişmez, okunabilirlik korunur. */
        #policy-screen.sc-policy-3d {
            --sc3d-hi: rgba(255,255,255,.85);   /* sol-üst ince ışık */
            --sc3d-edge: rgba(0,0,0,.07);       /* alt kenar */
            --sc3d-soft: rgba(0,0,0,.10);       /* yumuşak derinlik */
        }
        body.dark-mode #policy-screen.sc-policy-3d,
        body.theme-night-sky #policy-screen.sc-policy-3d {
            --sc3d-hi: rgba(255,255,255,.07);
            --sc3d-edge: rgba(0,0,0,.55);
            --sc3d-soft: rgba(0,0,0,.35);
        }
        /* Paragraflar, düz metin, liste maddeleri: text-shadow miras alınır */
        #policy-screen.sc-policy-3d #policy-content {
            text-shadow: -1px -1px 0 var(--sc3d-hi), 0 1px 0 var(--sc3d-edge), 0 2px 3px var(--sc3d-soft);
            text-rendering: optimizeLegibility;
            overflow-wrap: break-word;
            word-wrap: break-word;
        }
        /* Alt başlıklar ve vurgulu metinler: bir kademe daha belirgin derinlik */
        #policy-screen.sc-policy-3d #policy-content strong,
        #policy-screen.sc-policy-3d #policy-content b,
        #policy-screen.sc-policy-3d #policy-content h1,
        #policy-screen.sc-policy-3d #policy-content h2,
        #policy-screen.sc-policy-3d #policy-content h3,
        #policy-screen.sc-policy-3d #policy-content h4,
        #policy-screen.sc-policy-3d #policy-content h5,
        #policy-screen.sc-policy-3d #policy-content h6 {
            font-weight: 800;
            text-shadow: -1px -1px 0 var(--sc3d-hi), 0 1px 0 var(--sc3d-edge), 0 2px 1px var(--sc3d-edge), 0 3px 5px var(--sc3d-soft);
        }
        #policy-screen.sc-policy-3d #policy-content h1,
        #policy-screen.sc-policy-3d #policy-content h2,
        #policy-screen.sc-policy-3d #policy-content h3,
        #policy-screen.sc-policy-3d #policy-content h4,
        #policy-screen.sc-policy-3d #policy-content h5,
        #policy-screen.sc-policy-3d #policy-content h6 { line-height: 1.3; margin: 1em 0 .4em; }
        #policy-screen.sc-policy-3d #policy-content p { margin: 0 0 .8em; }
        #policy-screen.sc-policy-3d #policy-content ul,
        #policy-screen.sc-policy-3d #policy-content ol { margin: .4em 0 .9em; padding-left: 1.3em; }
        #policy-screen.sc-policy-3d #policy-content li { margin-bottom: .35em; line-height: inherit; }
        /* Sayfa başlığı (KVKK Aydınlatma Metni / Çerez (Cookie) Politikası / Gizlilik Politikası) */
        #policy-screen.sc-policy-3d #policy-title {
            text-align: center;
            line-height: 1.25;
            overflow-wrap: break-word;
            text-shadow: -1px -1px 0 var(--sc3d-hi), 0 1px 0 var(--sc3d-edge), 0 2px 1px var(--sc3d-edge), 0 3px 5px var(--sc3d-soft);
        }
        /* Mobil: boyut, satır aralığı ve hizayı düzgün tut (iki yana yaslamanın yarattığı boşlukları önle) */
        @media (max-width: 600px) {
            #policy-screen.sc-policy-3d #policy-title { font-size: clamp(1.15rem, 5.4vw, 1.4rem) !important; padding: 0 4px; }
            #policy-screen.sc-policy-3d #policy-content {
                font-size: 0.95rem;
                line-height: 1.7;
                padding: 14px;
                text-align: left;
                -webkit-hyphens: auto;
                hyphens: auto;
            }
        }

        /* ===== İletişim sayfası: minimal, premium, hafif 3D (yalnızca CSS; metin/işlev değişmez) ===== */
        #policy-screen.sc-contact-3d {
            --ct-card-top: #ffffff;
            --ct-card-bot: #f2f4f8;
            --ct-inset-hi: rgba(255,255,255,.95);
            --ct-inset-lo: rgba(15,23,42,.07);
            --ct-drop: rgba(15,23,42,.07);
            --ct-pill-top: #ffffff;
            --ct-pill-bot: #eef3fb;
            --ct-btn-hi: rgba(255,255,255,.30);
            --ct-btn-lo: rgba(0,0,0,.20);
            --ct-btn-grad: linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,.10) 100%);
            --ct-btn-txt: 0 1px 1px rgba(0,0,0,.28);
        }
        body.dark-mode #policy-screen.sc-contact-3d,
        body.theme-night-sky #policy-screen.sc-contact-3d {
            --ct-card-top: var(--btn-hover);
            --ct-card-bot: var(--btn-bg);
            --ct-inset-hi: rgba(255,255,255,.08);
            --ct-inset-lo: rgba(0,0,0,.35);
            --ct-drop: rgba(0,0,0,.35);
            --ct-pill-top: var(--btn-hover);
            --ct-pill-bot: var(--btn-bg);
            --ct-btn-hi: rgba(255,255,255,.22);
            --ct-btn-lo: rgba(0,0,0,.35);
            --ct-btn-grad: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(0,0,0,.10) 50%, rgba(0,0,0,.24) 100%);
            --ct-btn-txt: 0 1px 2px rgba(0,0,0,.50);
        }
        /* Dış kutu: ince yükselti, taşma yok */
        #policy-screen.sc-contact-3d #policy-content {
            max-height: none;
            overflow: visible;
            box-shadow: inset 0 1px 0 var(--ct-inset-hi), 0 1px 2px var(--ct-drop), 0 4px 12px var(--ct-drop);
        }
        /* Başlık altı ince ayraç */
        #policy-screen.sc-contact-3d #policy-title::after {
            content: "";
            display: block;
            width: 44px;
            height: 3px;
            margin: 8px auto 0;
            border-radius: 3px;
            background: var(--primary-color);
            opacity: .55;
            box-shadow: 0 1px 0 var(--sc3d-hi);
        }
        /* Üst bölüm */
        #policy-screen.sc-contact-3d #policy-content .sc-ct-emoji { filter: drop-shadow(0 2px 2px rgba(0,0,0,.16)); }
        #policy-screen.sc-contact-3d #policy-content .sc-ct-title { letter-spacing: .2px; }
        /* E-posta: hafif parlak, kabartmalı mavi yazı + ince rozet */
        #policy-screen.sc-contact-3d #policy-content .sc-ct-mail {
            display: inline-block;
            max-width: 100%;
            box-sizing: border-box;
            padding: 8px 18px;
            border: 1px solid var(--border-color);
            border-radius: 999px;
            background: linear-gradient(180deg, var(--ct-pill-top), var(--ct-pill-bot));
            box-shadow: inset 0 1px 0 var(--ct-inset-hi), 0 1px 2px var(--ct-drop), 0 3px 8px var(--ct-drop);
            text-shadow: 0 1px 0 var(--sc3d-hi), 0 2px 3px var(--ct-drop), 0 0 6px rgba(26,115,232,.16);
            overflow-wrap: anywhere;
            -webkit-hyphens: none;
            hyphens: none;
            -webkit-tap-highlight-color: transparent;
        }
        /* Yöneticiye Özel Mesaj kartı: beyaz/açık gri, ince kenarlık, hafif iç gölge */
        #policy-screen.sc-contact-3d #policy-content .sc-ct-card {
            box-sizing: border-box;
            min-width: 0;
            border-radius: 14px !important;
            background: linear-gradient(180deg, var(--ct-card-top), var(--ct-card-bot)) !important;
            box-shadow: inset 0 1px 0 var(--ct-inset-hi), inset 0 -1px 2px var(--ct-inset-lo), 0 1px 2px var(--ct-drop), 0 4px 10px var(--ct-drop);
        }
        #policy-screen.sc-contact-3d #policy-content .sc-ct-card-title {
            font-weight: 800;
            text-shadow: -1px -1px 0 var(--sc3d-hi), 0 1px 0 var(--sc3d-edge), 0 2px 3px var(--sc3d-soft);
        }
        /* Mesaj kutusu: çok hafif inset */
        #policy-screen.sc-contact-3d #policy-content .sc-ct-input {
            max-width: 100%;
            font-family: inherit;
            line-height: 1.45;
            border-radius: 10px;
            text-shadow: none;
            box-shadow: inset 0 2px 4px var(--ct-inset-lo), 0 1px 0 var(--ct-inset-hi);
        }
        /* Buton: mevcut mavi korunur; küçük bevel + üstte ince parlaklık */
        #policy-screen.sc-contact-3d #policy-content .sc-ct-btn {
            border: 1px solid rgba(0,0,0,.16);
            border-radius: 10px;
            background-image: var(--ct-btn-grad) !important;
            box-shadow: inset 0 1px 0 var(--ct-btn-hi), inset 0 -2px 0 var(--ct-btn-lo), 0 1px 2px rgba(0,0,0,.18), 0 4px 10px rgba(0,0,0,.14);
            text-shadow: var(--ct-btn-txt);
            transition: filter .15s ease, transform .1s ease, box-shadow .15s ease;
            -webkit-tap-highlight-color: transparent;
        }
        @media (hover: hover) {
            #policy-screen.sc-contact-3d #policy-content .sc-ct-btn:not(:disabled):hover { filter: brightness(1.06); }
        }
        #policy-screen.sc-contact-3d #policy-content .sc-ct-btn:not(:disabled):active {
            transform: translateY(1px);
            box-shadow: inset 0 1px 0 var(--ct-btn-hi), inset 0 -1px 0 var(--ct-btn-lo), 0 1px 2px rgba(0,0,0,.18);
        }
        #policy-screen.sc-contact-3d #policy-content .sc-ct-btn:disabled { opacity: .8; cursor: default; }
        /* Gönderim sonrası: yeşil 3D "Mesaj Gönderildi" butonu + başarı bildirimi */
        #policy-screen #policy-content .sc-ct-btn.sc-ct-btn--done {
            background-color: #16a34a !important;
            background-image: linear-gradient(180deg, rgba(255,255,255,.34) 0%, rgba(255,255,255,.06) 48%, rgba(0,0,0,.14) 100%), linear-gradient(180deg, #34d399, #16a34a 55%, #15803d) !important;
            border: 1px solid #166534 !important;
            color: #fff !important;
            opacity: 1 !important;
            cursor: default;
            font-weight: 800;
            letter-spacing: .2px;
            text-shadow: 0 1px 2px rgba(0,0,0,.35);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -3px 0 rgba(0,0,0,.22), 0 6px 14px rgba(22,163,74,.38), 0 2px 3px rgba(0,0,0,.18) !important;
            animation: scCtDonePop .45s cubic-bezier(.2,.9,.3,1.3);
        }
        .sc-ct-done-ico { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #fff; color: #16a34a; font-size: 1.05rem; font-weight: 900; text-shadow: none; box-shadow: inset 0 -2px 0 rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.25); }
        .sc-ct-ok { display: none; align-items: center; gap: 12px; margin-top: 12px; padding: 14px; border-radius: 14px; border: 1px solid #86efac; background: linear-gradient(180deg, #f0fdf4, #dcfce7); color: #14532d; text-align: left; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 4px 12px rgba(22,163,74,.18); }
        .sc-ct-ok--show { display: flex; animation: scCtOkIn .4s ease-out; }
        .sc-ct-ok-ico { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.35rem; font-weight: 900; color: #fff; background: linear-gradient(180deg, #4ade80, #16a34a); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 3px 8px rgba(22,163,74,.45); animation: scCtCheck .5s .1s both cubic-bezier(.2,.9,.3,1.4); }
        .sc-ct-ok-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
        .sc-ct-ok-txt strong { font-size: 1rem; line-height: 1.3; }
        .sc-ct-ok-txt small { font-size: .82rem; opacity: .85; line-height: 1.35; }
        body.dark-mode .sc-ct-ok, body.theme-night-sky .sc-ct-ok { background: linear-gradient(180deg, rgba(22,163,74,.24), rgba(22,163,74,.12)); border-color: rgba(74,222,128,.45); color: #bbf7d0; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 4px 12px rgba(0,0,0,.35); }
        .sc-ct-thanks { display: none; text-align: center; margin-top: 14px; }
        .sc-ct-thanks--show { display: block; animation: scCtOkIn .5s .15s both ease-out; }
        .sc-ct-thanks-script { font-family: 'ScCertScript', 'Segoe Script', 'Apple Chancery', cursive; font-size: 1.55rem; line-height: 1.25; color: #1e3a8a; font-weight: 400; overflow-wrap: anywhere; }
        .sc-ct-thanks-script svg { display: inline-block; vertical-align: -3px; color: #2563eb; }
        .sc-ct-thanks-brand { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 4px; font-size: .9rem; color: var(--secondary-text); }
        .sc-ct-thanks-brand span { width: 22px; height: 1px; background: var(--border-color); }
        body.dark-mode .sc-ct-thanks-script, body.theme-night-sky .sc-ct-thanks-script { color: #bfdbfe; }
        body.dark-mode .sc-ct-thanks-script svg, body.theme-night-sky .sc-ct-thanks-script svg { color: #93c5fd; }
        @media (max-width: 400px) { .sc-ct-thanks-script { font-size: 1.35rem; } }
        @keyframes scCtDonePop { 0% { transform: scale(.96); } 60% { transform: scale(1.03); } 100% { transform: scale(1); } }
        @keyframes scCtOkIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
        @keyframes scCtCheck { from { transform: scale(0); } to { transform: scale(1); } }
        @media (prefers-reduced-motion: reduce) { #policy-screen #policy-content .sc-ct-btn.sc-ct-btn--done, .sc-ct-ok--show, .sc-ct-ok-ico, .sc-ct-thanks--show { animation: none; } }
        @media (max-width: 600px) {
            #policy-screen.sc-contact-3d #policy-content .sc-ct-card { padding: 14px !important; }
            #policy-screen.sc-contact-3d #policy-content .sc-ct-mail { padding: 8px 14px; }
        }

    
        
        /* ADMIN STYLES */
        .admin-nav { display: flex; gap: 10px; margin-bottom: 20px; overflow-x: auto; padding-bottom: 5px; }
        .admin-nav button { flex: 1; white-space: nowrap; min-width: 110px; }
        .admin-table-wrapper { overflow-x: auto; background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 8px; }
        .admin-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; text-align: left; }
        .admin-table th, .admin-table td { padding: 10px; border-bottom: 1px solid var(--border-color); }
        .admin-table th { background: var(--btn-hover); color: var(--primary-color); cursor: pointer; white-space: nowrap; user-select: none; }
        .admin-table tr:hover { background: var(--btn-hover); }
        .action-btn { padding: 6px 10px; border-radius: 4px; border: none; cursor: pointer; font-weight: bold; margin-right: 5px; }
        .edit-btn { background: #f57c00; color: white; }
        .del-btn { background: #d32f2f; color: white; }
        .form-group { margin-bottom: 15px; text-align: left; }
        .form-group label { display: block; font-size: 0.85rem; color: var(--secondary-text); margin-bottom: 5px; font-weight: bold; }

        /* AUTH & PROFILE STYLES */
        .top-auth-bar { display: flex; justify-content: flex-end; gap: 10px; margin-bottom: 10px; font-size: 0.9rem; }
        .btn-outline { background: transparent; border: 1px solid var(--border-color); color: var(--text-color); padding: 6px 12px; border-radius: 6px; cursor: pointer; transition: 0.2s; font-weight: bold; }
        .btn-outline:hover { background: var(--btn-hover); }
        .btn-primary-sm { background: var(--primary-color); color: white; border: none; padding: 6px 12px; border-radius: 6px; cursor: pointer; transition: 0.2s; font-weight: bold; }
        .btn-primary-sm:hover { background: var(--primary-hover); }
        .auth-form { display: flex; flex-direction: column; gap: 15px; }
        .auth-input { width: 100%; padding: 12px; border: 1px solid var(--border-color); border-radius: 8px; font-size: 1rem; background: var(--btn-bg); color: var(--text-color); }
        .auth-input:focus { outline: none; border-color: var(--primary-color); }
        .profile-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 15px; }
        .stat-card { background: var(--btn-hover); border: 1px solid var(--border-color); padding: 15px; border-radius: 8px; text-align: center; }
        .stat-value { font-size: 1.5rem; font-weight: bold; color: var(--primary-color); margin-top: 5px; }
        .stat-label { font-size: 0.85rem; color: var(--secondary-text); font-weight: 600; text-transform: uppercase; }
        
        .guest-warning { background: rgba(245, 124, 0, 0.1); border-left: 4px solid #f57c00; padding: 12px; border-radius: 6px; margin-top: 15px; font-size: 0.9rem; color: var(--text-color); display: flex; justify-content: space-between; align-items: center; gap: 10px; text-align: left;}
        
        /* AVATAR STYLES */
        .avatar-section-title{grid-column:1/-1;font-weight:800;font-size:.95rem;color:var(--primary-color);padding:8px 4px 2px;border-bottom:1px solid var(--border-color);margin-top:4px;display:flex;align-items:center;gap:6px}
        .avatar-option small{display:block;font-size:.56rem;font-weight:700;line-height:1.05;margin-top:3px;color:var(--secondary-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
        .avatar-emoji{font-size:2.25rem;line-height:1}
        .avatar-option {
            position:relative; font-size:2.55rem; cursor:pointer; padding:9px; border-radius:18px;
            border:2px solid transparent; background:linear-gradient(145deg,#ffffff,#e8eef8);
            box-shadow:inset 0 2px 2px rgba(255,255,255,.95),inset 0 -4px 8px rgba(90,110,140,.13),0 5px 10px rgba(40,60,90,.16);
            transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
            user-select:none;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;
            overflow:hidden;text-shadow:0 2px 1px rgba(0,0,0,.14),0 4px 7px rgba(0,0,0,.16);
            -webkit-tap-highlight-color:transparent;
        }
        .avatar-option::before{
            content:'';position:absolute;inset:3px;border-radius:14px;pointer-events:none;
            background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 42%,rgba(0,0,0,.04));
        }
        .avatar-option:hover{transform:translateY(-4px) scale(1.06);box-shadow:inset 0 2px 2px rgba(255,255,255,.98),inset 0 -5px 9px rgba(90,110,140,.16),0 10px 18px rgba(40,60,90,.22)}
        .avatar-option:active{transform:translateY(0) scale(.98)}
        .avatar-option.selected{border-color:var(--primary-color);background:linear-gradient(145deg,#eef6ff,#dbeafe);box-shadow:0 0 0 2px rgba(37,99,235,.15),inset 0 2px 2px rgba(255,255,255,.95),0 7px 16px rgba(37,99,235,.25)}
        body.dark-mode .avatar-option{background:linear-gradient(145deg,#273449,#111827);box-shadow:inset 0 2px 2px rgba(255,255,255,.08),inset 0 -4px 8px rgba(0,0,0,.28),0 5px 12px rgba(0,0,0,.3)}
        body.dark-mode .avatar-option.selected{background:linear-gradient(145deg,#243b63,#172554)}
        #avatar-grid{grid-template-columns:repeat(4,1fr)!important}
        @media(max-width:380px){#avatar-grid{grid-template-columns:repeat(4,1fr)!important;gap:7px!important}.avatar-option{font-size:2.15rem;padding:7px;border-radius:15px}}
        @media(min-width:381px){#avatar-grid{grid-template-columns:repeat(5,1fr)!important}}


    
/* SINAVCEP PHOENIX MARKA İKONU — mevcut başlık ölçülerini bozmaz */
.sc-brand-row{display:flex;align-items:center;justify-content:center;gap:10px;line-height:1;margin:0 auto 4px;}
.sc-brand-icon{width:52px;height:52px;object-fit:contain;display:block;flex:0 0 52px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.16));}
.sc-brand-name{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:2rem;font-weight:900;letter-spacing:-1.4px;white-space:nowrap;background:linear-gradient(100deg,#7b2cff 0%,#ff2d8d 24%,#ff4d4d 45%,#ff9f00 63%,#16b85a 80%,#1687ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08));}
.sc-brand-accent{color:inherit;background:none;}
.sc-brand-domain{font-size:1rem;font-weight:900;letter-spacing:-.3px;margin-left:2px;color:inherit;}
@media(max-width:480px){.sc-brand-row{gap:7px}.sc-brand-icon{width:46px;height:46px;flex-basis:46px}.sc-brand-name{font-size:1.72rem;letter-spacing:-1.1px}.sc-brand-domain{font-size:.86rem}}
@media(max-width:360px){.sc-brand-row{gap:6px}.sc-brand-icon{width:42px;height:42px;flex-basis:42px}.sc-brand-name{font-size:1.52rem}.sc-brand-domain{font-size:.78rem}}

/* Ana sayfadaki çalışma özeti bölümü kaldırıldı; diğer sistemler korunur. */
#scx-home-summary{display:none!important;}

/* Yeni SinavCep.com logosu: eski ikon ve yazı yerine tek parça marka görseli */
.sc-full-brand-logo{display:block;width:100%;max-width:560px;height:auto;max-height:150px;object-fit:contain;margin:0 auto;}
@media(max-width:480px){.sc-full-brand-logo{max-width:100%;max-height:125px;}}

/* ===== sc-login-options-style ===== */
.sc-remember-login{display:flex;align-items:center;gap:8px;margin:12px 0 14px;font-size:.92rem;color:var(--text-color);cursor:pointer;user-select:none}
.sc-remember-login input{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}

/* ===== sc-career-slogan-style ===== */
.sc-career-slogan{
  margin: 18px 8px 24px !important;
  text-align:center !important;
  font-size:clamp(22px,5.4vw,34px) !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  letter-spacing:-.6px !important;
  background:linear-gradient(90deg,#e91e63 0%,#9c27b0 20%,#2196f3 40%,#00a878 58%,#ff9800 78%,#e91e63 100%);
  background-size:250% auto;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  animation:scSloganFlow 5s linear infinite;
  text-shadow:none !important;
  filter:drop-shadow(0 2px 4px rgba(33,33,33,.12));
}
@keyframes scSloganFlow{0%{background-position:0% 50%}100%{background-position:250% 50%}}
@media (max-width:600px){
  .sc-career-slogan{font-size:24px !important;margin:14px 4px 22px !important;}
}

/* ===== sc-profile-avatar-home-style ===== */
.sc-home-profile-avatar{
  position:absolute;top:18px;left:18px;width:58px;height:58px;border-radius:50%;
  display:none;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#fff,#f3f7ff);border:3px solid #fff;
  box-shadow:0 4px 14px rgba(25,118,210,.22);cursor:pointer;z-index:20;
  overflow:hidden;font-size:2rem;line-height:1;
}
.sc-home-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.sc-home-profile-avatar.visible{display:flex}
@media(max-width:600px){.sc-home-profile-avatar{top:14px;left:14px;width:52px;height:52px;font-size:1.8rem}}

/* ===== sc-avatar-menu-style ===== */
#quiz-card.card{position:relative;overflow:visible!important}
.sc-home-profile-avatar{
  appearance:none;-webkit-appearance:none;border:3px solid #fff;padding:0;margin:0;
  font:inherit;color:inherit;text-decoration:none;
}
.sc-home-profile-avatar:focus-visible{outline:2px solid var(--primary-color,#1a73e8);outline-offset:2px}
.sc-avatar-menu{
  position:absolute;top:82px;left:18px;z-index:2147483000;
  width:min(260px,calc(100vw - 36px));
  background:var(--card-bg,#fff);color:var(--text-color,#202124);
  border:1px solid var(--border-color,#dadce0);border-radius:16px;
  box-shadow:0 12px 32px rgba(15,23,42,.16),0 2px 8px rgba(15,23,42,.08);
  padding:10px;display:none;flex-direction:column;gap:4px;
  animation:scAvatarMenuIn .16s ease-out;
}
.sc-avatar-menu.open{display:flex}
@keyframes scAvatarMenuIn{
  from{opacity:0;transform:translateY(-6px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.sc-avatar-menu-head{
  padding:10px 12px 12px;margin:0 0 4px;
  border-bottom:1px solid var(--border-color,#e5e7eb);
  border-radius:12px;background:linear-gradient(180deg,var(--exp-bg,#eef6ff),transparent);
}
.sc-avatar-menu-name{font-weight:800;font-size:.95rem;line-height:1.25;color:var(--text-color)}
.sc-avatar-menu-title{font-size:.78rem;font-weight:700;color:var(--primary-color,#1a73e8);margin-top:3px;line-height:1.3}
.sc-avatar-menu-score{font-size:.72rem;color:var(--secondary-text,#70757a);margin-top:4px;font-weight:600}
.sc-avatar-menu-item{
  appearance:none;border:0;background:transparent;color:var(--text-color);
  text-align:left;padding:11px 12px;border-radius:11px;cursor:pointer;
  font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:8px;
  transition:background .15s ease,transform .12s ease;
}
.sc-avatar-menu-item:hover,.sc-avatar-menu-item:focus-visible{
  background:var(--btn-hover,#f8f9fa);outline:none;
}
.sc-avatar-menu-item:active{transform:scale(.98)}
.sc-avatar-menu-logout{color:#b91c1c}
.sc-avatar-menu-logout:hover{background:#fff1f1}
@media(max-width:600px){
  .sc-avatar-menu{top:74px;left:14px;width:min(248px,calc(100vw - 28px))}
}
body.dark-mode .sc-avatar-menu,
body.theme-night-sky .sc-avatar-menu{
  box-shadow:0 14px 36px rgba(0,0,0,.45);
}

/* ===== sc-demo-avatar-style ===== */
.sc-demo-avatar,.sc-comment-avatar{
  width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  overflow:hidden;background:var(--card-bg,#fff);border:1px solid var(--border-color,#dadce0);
  flex:0 0 36px;font-size:1.15rem;line-height:1;vertical-align:middle;
}
.sc-demo-avatar img,.sc-comment-avatar img{
  width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important;
}
.sc-demo-head{display:flex;align-items:center;gap:10px}
.sc-avatar-emoji{font-size:1.2rem;line-height:1}

/* ===== sc-comments-style ===== */
.sc-comments{margin-top:24px;padding:20px;border:1px solid var(--border-color);border-radius:14px;background:var(--card-bg);box-shadow:0 5px 18px rgba(0,0,0,.05)}
.sc-comments-title{margin:0 0 5px;font-size:1.18rem;font-weight:900;color:var(--text-color)}
.sc-comments-subtitle{margin:0 0 15px;color:var(--secondary-text);font-size:.86rem}
.sc-comment-login-note{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-radius:10px;background:var(--btn-hover);border:1px solid var(--border-color)}
.sc-comment-login-note .sc-note-text{flex:1;line-height:1.5;color:var(--text-color)}
.sc-comment-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.sc-comment-form{display:flex;flex-direction:column;gap:10px}
.sc-comment-input{width:100%;min-height:100px;resize:vertical;padding:12px;border:1px solid var(--border-color);border-radius:10px;background:var(--btn-bg);color:var(--text-color);font:inherit;box-sizing:border-box}
.sc-comment-input:focus{outline:none;border-color:var(--primary-color)}
.sc-comment-form-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}
.sc-comment-count,.sc-comment-muted{font-size:.75rem;color:var(--secondary-text)}
.sc-comment-list{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;margin-top:16px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;scroll-snap-type: none;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.sc-comment-item{box-sizing:border-box;flex:0 0 min(340px,86vw);min-width:0;padding:13px;border:1px solid var(--border-color);border-radius:11px;background:var(--btn-hover);scroll-snap-align:start}
.sc-comment-head{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.sc-comment-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--card-bg);border:1px solid var(--border-color);flex:0 0 36px;font-size:1.15rem}
.sc-comment-avatar img{width:100%;height:100%;object-fit:cover}
.sc-comment-user{font-weight:800;color:var(--text-color);font-size:.9rem}.sc-comment-user-block{min-width:0;display:flex;flex-direction:column;gap:2px}.sc-comment-role{font-weight:800;color:var(--secondary-text,#64748b);font-size:.78rem;line-height:1.25;word-break:break-word}.sc-comment-role,.sc-demo-role{font-weight:900;line-height:1.25;word-break:break-word}
.sc-role-color-vhki{color:#1565c0!important}
.sc-role-color-sef{color:#e65100!important}
.sc-role-color-uzman{color:#15803d!important}
.sc-role-color-mudur-yardimcisi{color:#c2410c!important}
.sc-role-color-mudur{color:#b91c1c!important}
.sc-role-color-seflik{color:#0d9488!important}
.sc-role-color-mudur-yardimciligi{color:#ea580c!important}
.sc-role-color-mudurluk{color:#dc2626!important}
.sc-role-color-ogretmenlik{color:#db2777!important}
.sc-role-color-kpss{color:#0891b2!important}
.sc-role-color-takip{color:#65a30d!important}

.sc-comment-date{margin-left:auto;color:var(--secondary-text);font-size:.72rem}
.sc-comment-body{white-space:pre-wrap;line-height:1.55;color:var(--text-color);word-break:break-word}
.sc-comment-helpful{display:flex;align-items:center;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid var(--border-color);flex-wrap:wrap}
.sc-helpful-btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--secondary-text);border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:700;cursor:pointer;transition:.18s;display:inline-flex;align-items:center;gap:5px}
.sc-helpful-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--btn-hover);transform:translateY(-1px)}
.sc-helpful-btn.active{border-color:#1a73e8;background:#e8f0fe;color:#1a73e8}
body.dark-mode .sc-helpful-btn.active{border-color:#8ab4f8;background:#0f172a;color:#8ab4f8}
.sc-helpful-count{font-size:.78rem;color:var(--secondary-text);font-weight:600}
.sc-comment-rating{display:flex;align-items:center;gap:2px;margin:2px 0 8px;font-size:1.05rem;letter-spacing:1px}
.sc-comment-rating .sc-star{color:#f5b301}
.sc-comment-rating .sc-star-empty{color:#c9c9c9}
.sc-rating-label{font-size:.74rem;color:var(--secondary-text);margin-left:5px;letter-spacing:0}
.sc-rating-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;background:var(--btn-hover)}
.sc-rating-picker-title{font-size:.82rem;font-weight:800;color:var(--text-color)}
.sc-rating-stars{display:flex;flex-direction:row;justify-content:flex-start;gap:1px;direction:ltr}
.sc-rating-stars input{display:none}
.sc-rating-stars label{cursor:pointer;font-size:1.6rem;line-height:1;color:#c9c9c9;transition:transform .12s,color .12s}.sc-rating-star-btn{border:0;background:transparent;padding:0;cursor:pointer;font-size:1.6rem;line-height:1;color:#c9c9c9}.sc-rating-star-btn.selected{color:#f5b301}.sc-rating-star-btn:focus-visible{outline:2px solid #2563eb;border-radius:4px}
.sc-rating-stars label:hover,.sc-rating-stars label.selected{color:#f5b301}
.sc-rating-stars label:hover{transform:scale(1.08)}
.sc-rating-value{font-size:.75rem;color:var(--secondary-text);min-width:70px}
.sc-admin-rating{white-space:nowrap;font-size:.9rem}

.sc-comment-status{font-size:.7rem;padding:3px 7px;border-radius:99px;background:rgba(245,124,0,.12);color:#f57c00;font-weight:800}
.sc-comment-empty{padding:15px;text-align:center;color:var(--secondary-text);border:1px dashed var(--border-color);border-radius:10px}
.sc-admin-comment-table td{vertical-align:top}
.sc-admin-comment-text{max-width:420px;white-space:pre-wrap;word-break:break-word}
.sc-admin-comment-actions{display:flex;gap:5px;flex-wrap:wrap}
.sc-comment-admin-badge{font-size:.68rem;padding:3px 7px;border-radius:99px;background:rgba(76,175,80,.12);color:#388e3c;font-weight:800}
@media(max-width:650px){
 .sc-comment-login-note{flex-direction:column;align-items:stretch}
 .sc-comment-actions{justify-content:stretch}
 .sc-comment-actions button{flex:1}
 .sc-comment-date{margin-left:0}
 .sc-comment-form-footer{align-items:stretch;flex-direction:column}
 .sc-comment-form-footer button{width:100%}
}

/* ===== sc-horizontal-comments-final ===== */
.sc-comment-list{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:12px!important;padding:2px 2px 10px!important;scroll-snap-type:none!important;-webkit-overflow-scrolling:touch!important}
.sc-comment-list>.sc-comment-item{flex:0 0 min(340px,86vw)!important;min-width:0!important;scroll-snap-align:none!important}

/* ===== sc-vip-category-style ===== */
/* VIP rozeti: kompakt, soft şampanya/altın, defne dalları yazıya yakın (taç yok) */
.sc-vip-category{position:relative;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;width:fit-content;max-width:100%;min-height:0;margin:6px auto 2px;padding:4px 8px;box-sizing:border-box;border-radius:11px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,#fdf8ea 0%,#f5e9c9 100%);border:1.5px solid #d9be82;box-shadow:inset 0 0 0 2px #fcf5df,inset 0 0 0 3px #e8d4a2,0 2px 7px rgba(168,134,62,.15);transition:transform .18s ease,box-shadow .18s ease}
.sc-vip-category:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 2px #fcf5df,inset 0 0 0 3px #e8d4a2,0 4px 10px rgba(168,134,62,.22)}
.sc-vip-category:active{transform:translateY(0)}
.sc-vip-category:focus-visible{outline:2px solid #cfae66;outline-offset:2px}
.sc-vip-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.sc-vip-laurel{display:block;flex:0 0 auto;width:13px;height:22px;pointer-events:none}
.sc-vip-laurel-r{transform:scaleX(-1)}
.sc-vip-title{display:block;font-family:Georgia,'Times New Roman',serif;font-size:13px;line-height:1;font-weight:900;letter-spacing:.14em;margin-right:-.14em;padding:1px 0;color:#cdaa62;background:linear-gradient(180deg,#e4c98c 0%,#d3af68 50%,#bd944a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 -.4px 0 rgba(255,253,244,.95)) drop-shadow(0 .35px 0 #9a7a38) drop-shadow(0 .7px 0 #9a7a38) drop-shadow(0 1.4px 0 #8a6a2e) drop-shadow(0 2px 1.5px rgba(112,82,30,.2))}
.sc-vip-modal{position:fixed;inset:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.68);backdrop-filter:blur(5px);animation:scVipFade .25s ease both}
.sc-vip-dialog{width:min(430px,100%);padding:30px 24px 24px;text-align:center;border-radius:26px;background:linear-gradient(145deg,#ffffff,#fff7ed);border:3px solid transparent;background-clip:padding-box;box-shadow:0 25px 80px rgba(0,0,0,.35);animation:scVipPop .35s ease both}
.sc-vip-dialog h2{margin:0 0 12px;font-size:26px;font-weight:900;background:linear-gradient(90deg,#b45309,#d97706,#7c3aed,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}
.sc-vip-dialog p{margin:0 0 20px;color:#475569;font-size:15px;line-height:1.65}
.sc-vip-close{border:0;border-radius:13px;padding:12px 28px;background:linear-gradient(135deg,#f59e0b,#d97706,#7c3aed);color:#fff;font-weight:900;font-size:15px;cursor:pointer}
@keyframes scVipFade{from{opacity:0}to{opacity:1}}
@keyframes scVipPop{from{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.sc-vip-modal,.sc-vip-dialog{animation:none}}

/* ===== sc-vip-premium-style ===== */

.sc-vip-modal {
  padding: 22px;
  background: linear-gradient(120deg, rgba(15,23,42,.82), rgba(76,29,149,.72), rgba(14,116,144,.72));
  background-size: 300% 300%;
  animation: scVipBackground 10s ease infinite;
}

.sc-vip-dialog {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 0 !important;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 800;
}

.sc-vip-dialog::before {
  content: "";
  position: absolute;
  inset: -3px;
  z-index: -2;
  border-radius: 29px;
  background: linear-gradient(90deg, #ff0080, #ff8a00, #ffe600, #00e5ff, #7c3aed, #ff0080);
  background-size: 400% 400%;
  animation: scVipRainbow 7s linear infinite;
}

.sc-vip-dialog::after {
  content: "";
  position: absolute;
  inset: 4px;
  z-index: -1;
  border-radius: 22px;
  background: linear-gradient(145deg, #ffffff, #fff7ed);
}

.sc-vip-dialog p {
  position: relative;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 800 !important;
  letter-spacing: .15px;
  color: #1f2937 !important;
}

@keyframes scVipRainbow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes scVipBackground {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  .sc-vip-modal,
  .sc-vip-dialog::before {
    animation: none;
  }
}

/* ===== sc-vip-word-style ===== */
.sc-vip-rainbow-word{
  display:inline-block;
  font-weight:900;
  background:linear-gradient(90deg,#ff0080,#ff8a00,#ffe600,#00c2ff,#7c3aed,#ff0080);
  background-size:400% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  animation:scVipWordRainbow 4s linear infinite;
}
@keyframes scVipWordRainbow{
  0%{background-position:0% 50%}
  100%{background-position:400% 50%}
}
@media(prefers-reduced-motion:reduce){
  .sc-vip-rainbow-word{animation:none}
}

/* ===== sc-profile-preference-style ===== */
.sc-profile-preference-box{margin:16px auto 0;max-width:520px;padding:15px;border:1px solid var(--border-color);border-radius:12px;background:var(--btn-hover);text-align:left}
.sc-profile-settings-title{margin:0 0 12px;color:var(--text-color);font-size:1.05rem;font-weight:900}
.sc-profile-scroll-box{max-height:310px;overflow-y:auto;border:1px solid var(--border-color);border-radius:10px;padding:10px;background:var(--card-bg)}
.sc-profile-choice-section+ .sc-profile-choice-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-color)}
.sc-profile-choice-title{font-weight:900;color:var(--text-color);margin-bottom:8px;line-height:1.35}
.sc-profile-choice-title span{display:block;font-size:.78rem;color:var(--secondary-text);font-weight:600;margin-top:3px}
.sc-profile-choice-list{display:flex;flex-direction:column;gap:7px}
.sc-role-btn{width:100%;text-align:left;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);border-radius:9px;padding:10px 12px;font-weight:700;cursor:pointer}
.sc-role-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}
.sc-role-btn.active::first-letter{color:#fff}
.sc-profile-role-status{font-size:.85rem;color:var(--secondary-text);margin-top:7px;min-height:18px}

/* ===== sc-profile-option-colors ===== */
/* Tüm seçimler tek bölüm içinde; her seçenek kendi pastel/kurumsal tonunda. */
.sc-profile-all-options{
  border:1px solid #dfe5ec !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:#fff !important;
  padding:12px !important;
}
.sc-profile-all-options .sc-profile-choice-title{
  margin:0 !important;
  padding:8px 10px 10px !important;
  font-weight:900 !important;
}
.sc-profile-all-options .sc-role-btn{
  border:1px solid transparent !important;
  border-radius:10px !important;
  margin:3px 0 !important;
  font-weight:800 !important;
  color:#263238 !important;
  transition:background .2s ease,border-color .2s ease,transform .2s ease !important;
}
.sc-profile-all-options .sc-role-btn[data-role="V.H.K.İ. (Veri Hazırlama ve Kontrol İşletmeni)"]{background:#e3f2fd !important;border-color:#90caf9 !important;}
.sc-profile-all-options .sc-role-btn[data-role="Şef"]{background:#ffedd5 !important;border-color:#fb923c !important;}
.sc-profile-all-options .sc-role-btn[data-role="Uzman"]{background:#dcfce7 !important;border-color:#86efac !important;}
.sc-profile-all-options .sc-role-btn[data-role="Müdür Yardımcısı"]{background:#fff7ed !important;border-color:#fdba74 !important;}
.sc-profile-all-options .sc-role-btn[data-role="Müdür"]{background:#fee2e2 !important;border-color:#fca5a5 !important;}
.sc-profile-all-options .sc-role-btn[data-role="Şeflik"]{background:#ccfbf1 !important;border-color:#5eead4 !important;}
.sc-profile-all-options .sc-role-btn[data-role="Müdür Yardımcılığı"]{background:#ffedd5 !important;border-color:#fdba74 !important;}
.sc-profile-all-options .sc-role-btn[data-role="Müdürlük"]{background:#fecaca !important;border-color:#f87171 !important;}
.sc-profile-all-options .sc-role-btn[data-role="Öğretmenlik"]{background:#fce7f3 !important;border-color:#f9a8d4 !important;}
.sc-profile-all-options .sc-role-btn[data-role="KPSS"]{background:#e0f2fe !important;border-color:#7dd3fc !important;}
.sc-profile-all-options .sc-role-btn[data-role="Sınava Hazırlanmıyor"]{background:#f7fee7 !important;border-color:#bef264 !important;}
.sc-profile-all-options .sc-role-btn.active{
  color:#fff !important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.45) !important;
  transform:translateY(-1px) !important;
}
.sc-profile-all-options .sc-role-btn[data-role="V.H.K.İ. (Veri Hazırlama ve Kontrol İşletmeni)"].active{background:#1565c0 !important;}
.sc-profile-all-options .sc-role-btn[data-role="Şef"].active{background:#e65100 !important;}
.sc-profile-all-options .sc-role-btn[data-role="Uzman"].active{background:#15803d !important;}
.sc-profile-all-options .sc-role-btn[data-role="Müdür Yardımcısı"].active{background:#c2410c !important;}
.sc-profile-all-options .sc-role-btn[data-role="Müdür"].active{background:#b91c1c !important;}
.sc-profile-all-options .sc-role-btn[data-role="Şeflik"].active{background:#0d9488 !important;}
.sc-profile-all-options .sc-role-btn[data-role="Müdür Yardımcılığı"].active{background:#ea580c !important;}
.sc-profile-all-options .sc-role-btn[data-role="Müdürlük"].active{background:#dc2626 !important;}
.sc-profile-all-options .sc-role-btn[data-role="Öğretmenlik"].active{background:#db2777 !important;}
.sc-profile-all-options .sc-role-btn[data-role="KPSS"].active{background:#0891b2 !important;}
.sc-profile-all-options .sc-role-btn[data-role="Sınava Hazırlanmıyor"].active{background:#65a30d !important;}

/* ===== sc-tight-profile-options ===== */
/* Profil tercihleri: seçenekler alt alta, aralıksız */
#sc-profile-title-options,
#sc-profile-exam-options{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
}
#sc-profile-title-options .sc-role-btn,
#sc-profile-exam-options .sc-role-btn{
  display:flex !important;
  width:100% !important;
  margin:0 !important;
  margin-bottom:0 !important;
  border-radius:0 !important;
  border-bottom:1px solid #e1e5eb !important;
}
#sc-profile-title-options .sc-role-btn:first-child,
#sc-profile-exam-options .sc-role-btn:first-child{
  border-radius:12px 12px 0 0 !important;
}
#sc-profile-title-options .sc-role-btn:last-child,
#sc-profile-exam-options .sc-role-btn:last-child{
  border-radius:0 0 12px 12px !important;
  border-bottom:0 !important;
}

/* ===== sc-profile-single-continuous-list ===== */
.sc-profile-all-options{
  display:block !important;
  padding:8px !important;
}
.sc-profile-all-options .sc-profile-choice-list{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.sc-profile-all-options .sc-role-btn{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  border-radius:0 !important;
  border-bottom-width:1px !important;
}
.sc-profile-all-options .sc-role-btn:first-child{
  border-radius:10px 10px 0 0 !important;
}
.sc-profile-all-options .sc-role-btn:last-child{
  border-radius:0 0 10px 10px !important;
  border-bottom-width:1px !important;
}

/* ===== sc-one-piece-profile-options ===== */
.sc-profile-scroll-box{overflow-y:auto !important;}
#sc-profile-all-options{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #dfe5ec !important;
  border-radius:14px !important;
  overflow:hidden !important;
}
#sc-profile-all-options .sc-role-btn{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  border-radius:0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(120,130,145,.22) !important;
}
#sc-profile-all-options .sc-role-btn:last-child{border-bottom:0 !important;}

/* ===== sc-final-profile-one-list ===== */
#sc-profile-all-options{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  width:100% !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  border:1px solid #dfe5ec !important;
  border-radius:14px !important;
  background:#fff !important;
}
#sc-profile-all-options .sc-role-btn{
  display:block !important;
  width:100% !important;
  min-height:48px !important;
  margin:0 !important;
  padding:12px 14px !important;
  border:0 !important;
  border-bottom:1px solid rgba(120,130,145,.25) !important;
  border-radius:0 !important;
  box-sizing:border-box !important;
  text-align:left !important;
  white-space:normal !important;
  line-height:1.35 !important;
}
#sc-profile-all-options .sc-role-btn:first-child{border-radius:13px 13px 0 0 !important;}
#sc-profile-all-options .sc-role-btn:last-child{border-bottom:0 !important;border-radius:0 0 13px 13px !important;}
#sc-profile-all-options .sc-role-btn.active{font-weight:900 !important;}

/* ===== sc-comment-role-colors ===== */
/* Footer altındaki yorumlarda görünen unvan renkleri */
.sc-comment-role,
.comment-role,
.review-role,
.member-role,
.user-role,
.role-badge,
.profile-role,
.comment-author-role,
[data-role-label],
[data-role],
[class*="role"] {
  font-weight: 900 !important;
}

/* V.H.K.İ. — tek mavi (diğer unvanlarda mavi yok) */
.sc-role-vhki,
.role-vhki,
[data-role-label*="V.H.K.İ"],
[data-role-label*="VHKI"],
[data-role*="V.H.K.İ"],
[data-role*="VHKI"] {
  color: #1565c0 !important;
}

/* Şef — turuncu (mavi değil) */
.sc-role-sef,
.role-sef,
[data-role-label="Şef"],
[data-role="Şef"] {
  color: #e65100 !important;
}

/* Uzman — yeşil */
.sc-role-uzman,
.role-uzman,
[data-role-label="Uzman"],
[data-role="Uzman"] {
  color: #15803d !important;
}

/* Müdür Yardımcısı — yanık turuncu (Şef'ten farklı) */
.sc-role-mudur-yardimcisi,
.role-mudur-yardimcisi,
[data-role-label*="Müdür Yardımcısı"],
[data-role*="Müdür Yardımcısı"] {
  color: #c2410c !important;
}

/* Müdür — kırmızı */
.sc-role-mudur,
.role-mudur,
[data-role-label="Müdür"],
[data-role="Müdür"] {
  color: #b91c1c !important;
}

/* Sınav durumları — her biri farklı, mavi yok */
.sc-exam-seflik,
.exam-seflik,
[data-role-label*="Şeflik Sınavına"] {
  color: #0d9488 !important;
}
.sc-exam-mudur-yardimcisi,
.exam-mudur-yardimcisi,
[data-role-label*="Müdür Yardımcılığı Sınavına"] {
  color: #ea580c !important;
}
.sc-exam-mudurluk,
.exam-mudurluk,
[data-role-label*="Müdürlük Sınavına"] {
  color: #dc2626 !important;
}
.sc-exam-ogretmenlik,
.exam-ogretmenlik,
[data-role-label*="Öğretmenlik Sınavına"] {
  color: #db2777 !important;
}
.sc-exam-kpss,
.exam-kpss,
[data-role-label*="KPSS"] {
  color: #0891b2 !important;
}
.sc-exam-takip,
.exam-takip,
[data-role-label*="Sınava Hazırlanmıyor"] {
  color: #65a30d !important;
}

/* ===== sc-comment-role-colors-final ===== */
/* Yorumlardaki unvan renkleri: en son ve yüksek öncelikli kurallar */
.sc-comment-role.sc-role-color-vhki{color:#1565c0!important}
.sc-comment-role.sc-role-color-sef{color:#e65100!important}
.sc-comment-role.sc-role-color-uzman{color:#15803d!important}
.sc-comment-role.sc-role-color-mudur-yardimcisi{color:#c2410c!important}
.sc-comment-role.sc-role-color-mudur{color:#b91c1c!important}
.sc-comment-role.sc-role-color-seflik{color:#0d9488!important}
.sc-comment-role.sc-role-color-mudur-yardimciligi{color:#ea580c!important}
.sc-comment-role.sc-role-color-mudurluk{color:#dc2626!important}
.sc-comment-role.sc-role-color-ogretmenlik{color:#db2777!important}
.sc-comment-role.sc-role-color-kpss{color:#0891b2!important}
.sc-comment-role.sc-role-color-takip{color:#65a30d!important}

/* ===== sc-profile-clean-final ===== */
.sc-profile-scroll-box{max-height:330px!important;overflow-y:auto!important;padding:8px!important}
.sc-profile-all-options{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;margin:0!important;background:#fff!important;border:1px solid #d8dee8!important;border-radius:12px!important;overflow:hidden!important}
.sc-clean-section-title{padding:12px 14px 8px!important;background:#f8fafc!important;color:#172033!important;font-size:1rem!important;font-weight:900!important;line-height:1.35!important}
.sc-clean-section-title span{display:block;font-size:.78rem!important;color:#6b7280!important;font-weight:700!important;margin-top:3px!important}
.sc-clean-exam-title{border-top:2px solid #e5e7eb!important;margin-top:0!important;padding-top:14px!important}
.sc-profile-all-options .sc-role-btn{display:block!important;width:100%!important;min-height:48px!important;margin:0!important;border-radius:0!important;border:0!important;border-bottom:1px solid rgba(100,116,139,.25)!important;text-align:left!important;font-weight:850!important;padding:12px 14px!important;box-sizing:border-box!important}
.sc-profile-all-options .sc-role-btn:last-child{border-bottom:0!important}
.sc-profile-all-options .sc-role-btn.active{color:#fff!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)!important}
/* Yorumlarda unvan renkleri */
.sc-comment-role.sc-role-color-vhki{color:#1565c0!important}.sc-comment-role.sc-role-color-sef{color:#e65100!important}.sc-comment-role.sc-role-color-uzman{color:#15803d!important}.sc-comment-role.sc-role-color-mudur-yardimcisi{color:#c2410c!important}.sc-comment-role.sc-role-color-mudur{color:#b91c1c!important}.sc-comment-role.sc-role-color-seflik{color:#0d9488!important}.sc-comment-role.sc-role-color-mudur-yardimciligi{color:#ea580c!important}.sc-comment-role.sc-role-color-mudurluk{color:#dc2626!important}.sc-comment-role.sc-role-color-ogretmenlik{color:#db2777!important}.sc-comment-role.sc-role-color-kpss{color:#0891b2!important}.sc-comment-role.sc-role-color-takip{color:#65a30d!important}
.sc-demo-role.sc-role-color-vhki{color:#1565c0!important}.sc-demo-role.sc-role-color-sef{color:#e65100!important}.sc-demo-role.sc-role-color-uzman{color:#15803d!important}.sc-demo-role.sc-role-color-mudur-yardimcisi{color:#c2410c!important}.sc-demo-role.sc-role-color-mudur{color:#b91c1c!important}.sc-demo-role.sc-role-color-seflik{color:#0d9488!important}.sc-demo-role.sc-role-color-mudur-yardimciligi{color:#ea580c!important}.sc-demo-role.sc-role-color-mudurluk{color:#dc2626!important}.sc-demo-role.sc-role-color-ogretmenlik{color:#db2777!important}.sc-demo-role.sc-role-color-kpss{color:#0891b2!important}.sc-demo-role.sc-role-color-takip{color:#65a30d!important}

/* ===== sc-bakanlik-logo-avatar-style ===== */
.avatar-option .avatar-logo-img{
  width:44px;height:44px;object-fit:contain;display:block;margin:0 auto 3px;
  border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12);
}
body.dark-mode .avatar-option .avatar-logo-img{background:#1e293b}
.avatar-option small{max-width:76px;display:block;text-align:center}
#profile-avatar-display img,
.sc-home-profile-avatar img,
.sc-comment-avatar img,
#nav-user-avatar img{
  width:100%;height:100%;object-fit:contain;border-radius:50%;
}

/* ===== sc-vip-under-ortak ===== */
.folder-list .sc-vip-category{
  width:fit-content;
  max-width:100%;
  justify-self:center;
  margin:8px auto 4px;
  min-height:0;
}

/* ===== sc-wider-home-layout ===== */
/* Site, açıldığı ekranın genişliğine göre ölçeklenir */
html, body {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}
body {
  margin: 0;
  padding: 10px clamp(8px, 2vw, 28px);
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}
.card {
  width: 100% !important;
  max-width: 100% !important; /* mobilde tam genişlik */
  box-sizing: border-box;
}

/* Telefon */
@media (max-width: 599px) {
  body { padding: 10px 10px; }
  .card {
    max-width: 100% !important;
    padding: 16px 14px !important;
    border-radius: 12px;
  }
}

/* Büyük telefon / küçük tablet */
@media (min-width: 600px) {
  .card {
    max-width: min(100%, 720px) !important;
    padding: 20px 22px !important;
  }
}

/* Tablet / Android yatay */
@media (min-width: 768px) {
  body { padding: 14px clamp(12px, 2.5vw, 32px); }
  .card {
    max-width: min(920px, 96vw) !important;
    padding: 22px 28px !important;
  }
}

/* Laptop */
@media (min-width: 1024px) {
  body { padding: 16px clamp(16px, 3vw, 40px); }
  .card {
    max-width: min(1100px, 94vw) !important;
    padding: 24px 32px !important;
  }
}

/* Geniş masaüstü — ekranı doldurur */
@media (min-width: 1280px) {
  .card {
    max-width: min(1280px, 92vw) !important;
    padding: 26px 36px !important;
  }
}

/* Çok geniş monitör */
@media (min-width: 1600px) {
  .card {
    max-width: min(1480px, 90vw) !important;
    padding: 28px 40px !important;
  }
}

.folder-list { gap: 12px; }
.folder-card { padding-left: 14px; padding-right: 14px; }

/* ===== sc-cert-final-css ===== */
/* SinavCep premium certificate — rebuilt from the supplied reference */
#sc-cert-modal{z-index:2147483000!important}
#sc-cert-modal .sc-cert-view{
  width:min(1060px,96vw)!important;max-height:96vh!important;overflow:auto!important;
  padding:12px!important;box-sizing:border-box!important;background:#fff!important;
  border-radius:24px!important;box-shadow:0 28px 80px rgba(0,0,0,.45)!important;
}
#sc-cert-modal .sc-cert-paper.sc-cert-final{
  position:relative!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important;
  padding:44px 42px 28px!important;border-radius:20px!important;text-align:center!important;
  color:#142f68!important;background:
    radial-gradient(circle at 50% 20%,rgba(255,255,255,.98),rgba(248,251,255,.96) 48%,rgba(239,246,252,.98) 100%)!important;
  border:9px solid #123d8e!important;
  box-shadow:inset 0 0 0 3px #d4a62d,inset 0 0 0 7px #fff3b4,0 8px 25px rgba(13,45,105,.18)!important;
}
#sc-cert-modal .sc-cert-final:before{
  content:"";position:absolute;inset:10px;border:2px solid #d5ae3b;border-radius:10px;pointer-events:none;z-index:0;
  background:linear-gradient(120deg,transparent 0 49%,rgba(205,220,235,.15) 50%,transparent 51%);
}
/* Elegant bottom-right corner, kept small so it never covers text. */
#sc-cert-modal .sc-cert-final:after{
  content:"";position:absolute;right:-2px;bottom:-2px;width:145px;height:125px;
  background:linear-gradient(135deg,transparent 0 56%,#d7ad37 57% 61%,#fff 62% 68%,#123d8e 69% 100%);
  clip-path:polygon(100% 0,100% 100%,0 100%);z-index:1;pointer-events:none;
}
/* Gold medal + two hanging blue ribbons — no awkward flags or square corner art. */
#sc-cert-modal .sc-final-corner{position:absolute;left:18px;top:12px;width:150px;height:150px;z-index:6;pointer-events:none}
#sc-cert-modal .sc-final-corner:before,
#sc-cert-modal .sc-final-corner:after{content:"";position:absolute;top:72px;width:34px;height:82px;background:linear-gradient(90deg,#0a347e,#1b64bd 55%,#0a347e);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);filter:drop-shadow(0 5px 4px rgba(0,0,0,.22))}
#sc-cert-modal .sc-final-corner:before{left:36px;transform:rotate(6deg)}
#sc-cert-modal .sc-final-corner:after{left:70px;transform:rotate(-6deg)}
#sc-cert-modal .sc-final-medal{
  position:absolute;left:6px;top:-2px;width:108px;height:108px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:0;
  background:
    radial-gradient(circle at 32% 24%,#fff6c4 0 16%,#f3d056 38%,#c98914 64%,#7a4e05 100%);
  border:3px solid #f8e7a2;
  box-shadow:
    0 10px 22px rgba(72,42,0,.32),
    inset 0 0 0 5px #b57a0c,
    inset 0 0 0 8px #f3de86;
  z-index:3;
}
#sc-cert-modal .sc-final-medal:before{
  content:"";position:absolute;inset:14px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#1b4ea3,#0b2a6a 70%);
  box-shadow:inset 0 0 0 2px #f0d36a,0 0 0 2px rgba(255,236,170,.55);
}
#sc-cert-modal .sc-final-medal:after{
  content:"SC";position:relative;z-index:2;font:800 22px/1 Georgia,"Times New Roman",serif;
  letter-spacing:.5px;color:#f6e08a;text-shadow:0 1px 0 #7a5208,0 2px 4px rgba(0,0,0,.35);
}
#sc-cert-modal .sc-final-crest{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);z-index:4;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}
#sc-cert-modal .sc-final-corner span,#sc-cert-modal .sc-final-corner i{display:none!important}
#sc-cert-modal .sc-final-medal svg.sc-final-crest{display:block}
#sc-cert-modal .sc-final-top{position:relative;z-index:4;min-height:104px;display:flex;align-items:center;justify-content:center;padding:0 150px 0 135px}
#sc-cert-modal .sc-final-logo{max-width:400px;max-height:92px;width:auto;height:auto;object-fit:contain}
#sc-cert-modal .sc-final-slogan{position:absolute;right:8px;top:2px;text-align:right;color:#122d6e;font:italic .9rem/1.05 Georgia,serif}
#sc-cert-modal .sc-final-tag{position:relative;z-index:4;text-align:center;color:#727985;font-size:.9rem;letter-spacing:2.8px;margin:4px 0 7px}
#sc-cert-modal .sc-final-title{position:relative;z-index:4;text-align:center;color:#123d8e;font:700 2.25rem/1.12 Georgia,"Times New Roman",serif;letter-spacing:.3px;margin:8px 0 8px}
#sc-cert-modal .sc-final-sub{position:relative;z-index:4;text-align:center;color:#bd8616;font:700 1.28rem/1.2 Georgia,serif;margin-bottom:8px}
#sc-cert-modal .sc-final-name{position:relative;z-index:4;text-align:center;color:#ad7207;font:500 4rem/1.05 "Segoe Script","Brush Script MT","Apple Chancery",cursive;text-shadow:0 2px 0 #fff,0 5px 14px rgba(160,105,0,.18);margin:0 0 6px}
#sc-cert-modal .sc-final-desc{position:relative;z-index:4;text-align:center;color:#263c62;font-size:1rem;line-height:1.38;margin-bottom:16px}
#sc-cert-modal .sc-final-topic{position:relative;z-index:4;margin:0 18px 14px;padding:12px 24px;display:flex;align-items:center;justify-content:center;gap:20px;border:2px solid #dfbd61;border-radius:18px;background:linear-gradient(#fff,#f8fbff);box-shadow:0 5px 14px rgba(138,101,21,.12)}
#sc-cert-modal .sc-final-topic>span{width:68px;height:68px;flex:0 0 68px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:#eef6ff;box-shadow:0 5px 13px rgba(20,73,145,.13)}
#sc-cert-modal .sc-final-topic svg{width:56px;height:56px}
#sc-cert-modal .sc-final-topic small{display:block;color:#6c7684;font-weight:700;font-size:.86rem;text-align:left}
#sc-cert-modal .sc-final-topic b{display:block;color:#123d8e;font-size:1.72rem;margin-top:2px;text-align:left}
#sc-cert-modal .sc-final-grid{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 18px}
#sc-cert-modal .sc-final-grid>div{min-width:0;display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #d3dfec;border-radius:16px;background:linear-gradient(#fff,#f5faff);box-shadow:0 4px 12px rgba(24,58,108,.08)}
#sc-cert-modal .sc-final-grid .i{width:54px;height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:center}
#sc-cert-modal .sc-final-grid .i svg{width:52px;height:52px;filter:drop-shadow(0 5px 5px rgba(0,0,0,.12))}
#sc-cert-modal .sc-final-grid small{display:block;color:#667180;font-size:.82rem;font-weight:700;text-align:left}
#sc-cert-modal .sc-final-grid b{display:block;color:#12356f;font-size:1.3rem;margin-top:2px;text-align:left}
#sc-cert-modal .sc-final-quote{position:relative;z-index:4;text-align:center;color:#8b6518;font:italic 1.35rem Georgia,serif;margin:19px 0 8px}
#sc-cert-modal .sc-final-bottom{position:relative;z-index:4;display:grid;grid-template-columns:1fr 125px 1fr;align-items:center;gap:18px;margin:0 24px;color:#24385f;font-size:.9rem;line-height:1.25}
#sc-cert-modal .sc-final-bottom>div:first-child{text-align:left}
#sc-cert-modal .sc-final-bottom>div:last-child{text-align:right}
#sc-cert-modal .sc-final-bottom>div:last-child b{font-size:1.05rem;color:#123d8e}
#sc-cert-modal .sc-final-trophy{width:116px;height:116px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#fff6bd,#f0c343 47%,#c18508);border:4px solid #fff0a0;box-shadow:0 7px 20px rgba(160,108,0,.25),inset 0 0 0 2px #b87d08;color:#5b4105;text-align:center;font-size:40px}
#sc-cert-modal .sc-final-trophy small{display:block;font-size:.8rem;font-weight:800}
#sc-cert-modal .sc-cert-actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin-top:14px!important}
#sc-cert-modal .sc-cert-btn{min-height:82px!important;border-radius:18px!important;border:2px solid #d8b244!important;display:flex!important;align-items:center!important;gap:12px!important;padding:11px 16px!important;color:#fff!important;box-shadow:0 7px 14px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.35)!important;cursor:pointer!important;text-align:left!important}
#sc-cert-modal .sc-cert-btn-pdf{background:linear-gradient(135deg,#2e8df0,#0758b6)!important}
#sc-cert-modal .sc-cert-btn-img{background:linear-gradient(135deg,#42cf68,#11943b)!important}
#sc-cert-modal .sc-cert-btn-print{background:linear-gradient(135deg,#ffbd32,#ed7800)!important}
#sc-cert-modal .sc-cert-btn-close{grid-column:1/-1!important;min-height:58px!important;justify-content:center!important;background:linear-gradient(#f8fbff,#eaf1f8)!important;color:#1a355d!important;border-color:#c1d0e0!important}
#sc-cert-modal .sc-cert-btn-ico{width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 48px!important}
#sc-cert-modal .sc-cert-btn-ico svg{width:44px!important;height:44px!important;filter:drop-shadow(0 3px 2px rgba(0,0,0,.18))}
#sc-cert-modal .sc-cert-btn-txt b{display:block!important;font-size:1.15rem!important}
#sc-cert-modal .sc-cert-btn-txt small{display:block!important;font-size:.72rem!important;opacity:.9!important;margin-top:2px!important}
#sc-cert-modal .sc-cert-btn-go{margin-left:auto!important;width:42px!important;height:42px!important;border-radius:50%!important;border:2px solid #fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:2rem!important;line-height:1!important}
@media(max-width:768px){
  #sc-cert-modal .sc-cert-view{width:calc(100vw - 10px)!important;max-height:98vh!important;padding:4px!important;border-radius:18px!important}
  #sc-cert-modal .sc-cert-paper.sc-cert-final{padding:34px 9px 16px!important;border-width:7px!important;border-radius:16px!important}
  #sc-cert-modal .sc-cert-final:before{inset:6px;border-width:2px}
  #sc-cert-modal .sc-cert-final:after{width:82px;height:76px}
  #sc-cert-modal .sc-final-corner{left:9px;top:7px;width:76px;height:82px}
  #sc-cert-modal .sc-final-corner:before,#sc-cert-modal .sc-final-corner:after{top:39px;width:19px;height:43px}
  #sc-cert-modal .sc-final-corner:before{left:18px}.sc-final-corner:after{left:38px}
  #sc-cert-modal .sc-final-medal{left:1px;top:-1px;width:54px;height:54px;border-width:2px}
  #sc-cert-modal .sc-final-medal:before{inset:7px;width:auto;height:auto;border-radius:50%}
  #sc-cert-modal .sc-final-medal:after{font-size:12px}
  #sc-cert-modal .sc-final-top{min-height:58px;padding:0 16px 0 54px}
  #sc-cert-modal .sc-final-logo{max-width:230px;max-height:57px}
  #sc-cert-modal .sc-final-slogan{font-size:.42rem;right:2px;top:0}
  #sc-cert-modal .sc-final-tag{font-size:.47rem;letter-spacing:1px;margin:4px 0}
  #sc-cert-modal .sc-final-title{font-size:1.22rem;margin:5px 0}
  #sc-cert-modal .sc-final-sub{font-size:.75rem;margin-bottom:3px}
  #sc-cert-modal .sc-final-name{font-size:2.65rem;margin:1px 0 4px}
  #sc-cert-modal .sc-final-desc{font-size:.62rem;line-height:1.34;margin-bottom:8px}
  #sc-cert-modal .sc-final-topic{margin:0 1px 7px;padding:7px 8px;gap:8px;border-radius:12px}
  #sc-cert-modal .sc-final-topic>span{width:41px;height:41px;flex-basis:41px;border-radius:10px}
  #sc-cert-modal .sc-final-topic svg{width:33px;height:33px}
  #sc-cert-modal .sc-final-topic small{font-size:.53rem}.sc-final-topic b{font-size:1rem!important}
  #sc-cert-modal .sc-final-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin:0 1px}
  #sc-cert-modal .sc-final-grid>div{gap:6px;padding:7px 6px;border-radius:11px}
  #sc-cert-modal .sc-final-grid .i{width:35px;height:35px;flex-basis:35px}
  #sc-cert-modal .sc-final-grid .i svg{width:34px;height:34px}
  #sc-cert-modal .sc-final-grid small{font-size:.49rem}.sc-final-grid b{font-size:.8rem!important}
  #sc-cert-modal .sc-final-quote{font-size:.74rem;margin:8px 0 5px}
  #sc-cert-modal .sc-final-bottom{grid-template-columns:1fr 61px 1fr;gap:4px;margin:0 2px;font-size:.5rem}
  #sc-cert-modal .sc-final-bottom>div:last-child b{font-size:.6rem}
  #sc-cert-modal .sc-final-trophy{width:60px;height:60px;border-width:2px;font-size:22px}
  #sc-cert-modal .sc-final-trophy small{font-size:.44rem}
  #sc-cert-modal .sc-cert-actions{grid-template-columns:1fr!important;gap:7px!important;margin-top:8px!important}
  #sc-cert-modal .sc-cert-btn{min-height:64px!important;border-radius:14px!important;padding:8px 12px!important}
  #sc-cert-modal .sc-cert-btn-close{min-height:50px!important}
  #sc-cert-modal .sc-cert-btn-ico{width:40px!important;height:40px!important;flex-basis:40px!important}
  #sc-cert-modal .sc-cert-btn-ico svg{width:38px!important;height:38px!important}
  #sc-cert-modal .sc-cert-btn-txt b{font-size:1rem!important}.sc-cert-btn-txt small{font-size:.62rem!important}
  #sc-cert-modal .sc-cert-btn-go{width:34px!important;height:34px!important;font-size:1.6rem!important}
}

/* ===== sc-early-header-css ===== */
/* CLS (düzen kayması) düzeltmesi — ÜST MENÜ (Giriş Yap / Üye Ol / tema butonları)
   Sorun: Bu sayfa çok büyük olduğu için tarayıcı, gövdedeki (body) <style> bloklarına
   (sc-responsive-pack, sc-topbar-never-card-fix, sc-3d-header-buttons, sc-auth-3d)
   ulaşmadan ilk boyamayı yapıyordu. Bu yüzden ilk karede "Üye Ol" düğmesi, boyutu
   büyük olan tema butonlarının ALTINDA kalıp görünmüyordu; CSS gelince menü aniden
   kayıyordu. Aşağıdaki kurallar o bloklardaki üst menü kurallarının AYNEN kopyasıdır
   ve aynı sırayla <head> sonuna konmuştur; böylece ilk karede menü zaten son
   hâlindedir. Aşağıdaki orijinal bloklar yerinde durur, bu kopya onları değiştirmez. */
@keyframes scUyeRainbowMove { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }
@keyframes scUyePulse { 0%, 100% { transform: scale(1); filter: saturate(1.25) brightness(1.05); } 50% { transform: scale(1.07); filter: saturate(1.45) brightness(1.12); } }
#auth-bar-user.top-auth-bar, #auth-bar-guest.top-auth-bar{flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:flex-end !important; gap:8px !important; margin-bottom:10px !important;}
.top-auth-bar > button, .top-auth-bar > .btn-outline, .top-auth-bar > a.btn-outline{align-items:center !important; justify-content:center !important; flex:0 0 auto !important; width:auto !important; height:auto !important; min-height:34px !important; max-height:40px !important; padding:6px 10px !important; white-space:nowrap !important; overflow:hidden !important;}
.top-auth-bar > button:not([style*="display: none"]):not([style*="display:none"]), .top-auth-bar > a.btn-outline{display:inline-flex !important;}
#auth-bar-guest button.btn-primary-sm.sc-uye-ol-btn, button.btn-primary-sm.sc-uye-ol-btn, .sc-uye-ol-btn{background-image: linear-gradient( 90deg, #ff0048 0%, #ff7a00 14%, #ffee00 28%, #22c55e 42%, #00d4ff 57%, #3b82f6 71%, #a855f7 85%, #ff0048 100% ) !important; background-color: #ff0048 !important; background-size: 200% 100% !important; background-repeat: repeat-x !important; animation: scUyeRainbowMove 1.4s linear infinite, scUyePulse 1.3s ease-in-out infinite !important; color: #fff !important; -webkit-text-fill-color: #fff !important; text-shadow: 0 1px 2px rgba(0,0,0,.45), 0 0 6px rgba(0,0,0,.25) !important; border: 0 !important; font-weight: 900 !important; letter-spacing: .2px !important; box-shadow: 0 4px 14px rgba(255, 0, 128, .35), 0 0 10px rgba(34, 197, 94, .25) !important;}
#auth-bar-guest button.btn-primary-sm.sc-uye-ol-btn::after, button.btn-primary-sm.sc-uye-ol-btn::after, .sc-uye-ol-btn::after{content: none !important; display: none !important;}
@media (max-width: 768px){.theme-toggle{top: 10px !important; right: 10px !important; width: 36px !important; height: 36px !important; font-size: 1rem !important; z-index: 30 !important;}}
@media (max-width: 768px){.theme-picker-toggle{top: 10px !important; right: 52px !important; width: 36px !important; height: 36px !important; font-size: 1rem !important; z-index: 30 !important;}}
@media (max-width: 768px){#auth-bar-guest.top-auth-bar, #auth-bar-user.top-auth-bar{position: relative !important; z-index: 40 !important; justify-content: flex-end !important; flex-wrap: nowrap !important; align-items: center !important; gap: 6px !important; margin: 0 92px 10px 0 !important; max-width: calc(100% - 92px) !important; box-sizing: border-box !important;}}
@media (max-width: 768px){#auth-bar-guest.top-auth-bar > .btn-outline, #auth-bar-guest.top-auth-bar > a.btn-outline, #auth-bar-guest.top-auth-bar > .btn-primary-sm, #auth-bar-user.top-auth-bar > button, #auth-bar-user.top-auth-bar > .btn-outline, #auth-bar-user.top-auth-bar > a.btn-outline{flex: 0 0 auto !important; width: auto !important; max-width: none !important; min-width: max-content !important; height: auto !important; min-height: 32px !important; max-height: none !important; padding: 6px 10px !important; font-size: 0.78rem !important; line-height: 1.2 !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important;}}
@media (max-width: 380px){#auth-bar-guest.top-auth-bar, #auth-bar-user.top-auth-bar{margin-right: 40px !important; max-width: calc(100% - 40px) !important; gap: 4px !important;}}
@media (max-width: 380px){#auth-bar-guest.top-auth-bar > .btn-outline, #auth-bar-guest.top-auth-bar > a.btn-outline, #auth-bar-guest.top-auth-bar > .btn-primary-sm{padding: 6px 8px !important; font-size: 0.74rem !important;}}
#auth-bar-user.top-auth-bar:has(> #btn-admin:not([style*="display: none"]):not([style*="display:none"])){justify-content:center !important; flex-wrap:wrap !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important;}
@media (max-width:768px){#auth-bar-user.top-auth-bar:has(> #btn-admin:not([style*="display: none"]):not([style*="display:none"])){margin:6px auto 10px !important; padding-left:0 !important; padding-right:0 !important; width:fit-content !important; justify-content:center !important;}}
.sc-3d{--sc3d-hi:rgba(255,255,255,.95); --sc3d-lo:rgba(71,85,105,.13); --sc3d-rim:rgba(255,255,255,.95); --sc3d-tsh:0 1px 0 rgba(255,255,255,.85); --sc3d-ring:linear-gradient(180deg,#cfd9e8,#94a6c2); --sc3d-edge-soft:rgba(148,166,194,.38); --sc3d-edge-deep:#8497b6; --sc3d-glow:rgba(71,99,146,.30); --sc3d-ink:var(--text-color); -webkit-tap-highlight-color:transparent; border-style:solid; border-color:transparent; color:var(--sc3d-ink); background: linear-gradient(180deg,var(--sc3d-hi) 0%,rgba(255,255,255,0) 55%) padding-box, linear-gradient(0deg,var(--sc3d-lo) 0%,rgba(0,0,0,0) 45%) padding-box, linear-gradient(var(--card-bg),var(--card-bg)) padding-box, var(--sc3d-ring) border-box; text-shadow:var(--sc3d-tsh); transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;}
.sc-3d--slate{--sc3d-ring:linear-gradient(180deg,#cfd9e8,#94a6c2); --sc3d-edge-soft:rgba(148,166,194,.38); --sc3d-edge-deep:#8497b6; --sc3d-glow:rgba(71,99,146,.30); --sc3d-ink:var(--text-color);}
.sc-3d--orange{--sc3d-ring:linear-gradient(180deg,#ffd27a,#ffab40 55%,#ff8a1f); --sc3d-edge-soft:rgba(255,171,64,.42); --sc3d-edge-deep:#f58a1f; --sc3d-glow:rgba(245,124,0,.42); --sc3d-ink:#e26a00;}
.sc-3d--violet{--sc3d-ring:linear-gradient(145deg,#c084fc,#8b5cf6 45%,#60a5fa); --sc3d-edge-soft:rgba(167,139,250,.36); --sc3d-glow:rgba(139,92,246,.40);}
.sc-3d--sky{--sc3d-ring:linear-gradient(145deg,#bae6fd,#38bdf8 55%,#3b82f6); --sc3d-edge-soft:rgba(56,189,248,.36); --sc3d-glow:rgba(56,189,248,.42);}
.sc-3d--halo{--sc3d-ring:linear-gradient(210deg,#ffffff 0%,#dbeafe 34%,#93c5fd 62%,#f9a8d4 100%); --sc3d-edge-soft:rgba(147,180,255,.34); --sc3d-glow:rgba(99,102,241,.32);}
:is(body.dark-mode,body.theme-night-sky) .sc-3d{--sc3d-hi:rgba(255,255,255,.14); --sc3d-lo:rgba(0,0,0,.30); --sc3d-rim:rgba(255,255,255,.20); --sc3d-tsh:0 1px 0 rgba(0,0,0,.55);}
:is(body.dark-mode,body.theme-night-sky) .sc-3d--slate{--sc3d-ring:linear-gradient(180deg,#64748b,#334155); --sc3d-edge-soft:rgba(148,163,184,.22); --sc3d-edge-deep:#0b1220; --sc3d-glow:rgba(0,0,0,.55);}
:is(body.dark-mode,body.theme-night-sky) .sc-3d--orange{--sc3d-ring:linear-gradient(180deg,#ffb454,#f97316); --sc3d-edge-soft:rgba(255,170,70,.28); --sc3d-edge-deep:#b45309; --sc3d-glow:rgba(249,115,22,.45); --sc3d-ink:#ffa94d;}
:is(body.dark-mode,body.theme-night-sky) .sc-3d--violet{--sc3d-ring:linear-gradient(145deg,#a78bfa,#6366f1 55%,#60a5fa); --sc3d-edge-soft:rgba(167,139,250,.28); --sc3d-glow:rgba(139,92,246,.50);}
:is(body.dark-mode,body.theme-night-sky) .sc-3d--sky{--sc3d-ring:linear-gradient(145deg,#7dd3fc,#38bdf8 55%,#6366f1); --sc3d-edge-soft:rgba(56,189,248,.28); --sc3d-glow:rgba(56,189,248,.45);}
:is(body.dark-mode,body.theme-night-sky) .sc-3d--halo{--sc3d-ring:linear-gradient(210deg,#e2e8f0,#93c5fd 45%,#f0abfc); --sc3d-edge-soft:rgba(147,180,255,.26); --sc3d-glow:rgba(129,140,248,.50);}
.sc-3d-pill{position:relative; border-radius:14px; box-shadow: inset 0 -2px 0 var(--sc3d-edge-deep), inset 0 1px 0 var(--sc3d-rim), inset 0 0 0 2px var(--sc3d-edge-soft), 0 8px 14px -8px var(--sc3d-glow), 0 2px 3px rgba(15,23,42,.12);}
.sc-3d-pill:hover{transform:translateY(-1px); filter:brightness(1.04); box-shadow: inset 0 -2px 0 var(--sc3d-edge-deep), inset 0 1px 0 var(--sc3d-rim), inset 0 0 0 2px var(--sc3d-edge-soft), 0 12px 18px -8px var(--sc3d-glow), 0 3px 5px rgba(15,23,42,.14);}
.sc-3d-pill:active{transform:translateY(1px); filter:none; box-shadow: inset 0 -1px 0 var(--sc3d-edge-deep), inset 0 3px 5px rgba(15,23,42,.16), inset 0 0 0 2px var(--sc3d-edge-soft), 0 2px 4px -2px var(--sc3d-glow);}
.sc-3d-round{text-shadow:0 2px 3px rgba(15,23,42,.30); box-shadow: inset 0 2px 3px var(--sc3d-rim), inset 0 -4px 6px var(--sc3d-edge-soft), 0 10px 18px -8px var(--sc3d-glow), 0 3px 6px rgba(15,23,42,.14);}
.sc-3d-round:hover{filter:brightness(1.04); box-shadow: inset 0 2px 3px var(--sc3d-rim), inset 0 -4px 6px var(--sc3d-edge-soft), 0 14px 22px -8px var(--sc3d-glow), 0 4px 8px rgba(15,23,42,.16);}
.sc-3d-round:active{filter:none; box-shadow: inset 0 3px 6px rgba(15,23,42,.20), inset 0 -2px 4px var(--sc3d-edge-soft), 0 3px 6px -3px var(--sc3d-glow);}
.sc-home-profile-avatar.sc-3d-round::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0; border-radius:50%;pointer-events:none; background:radial-gradient(90% 60% at 32% 8%,rgba(255,255,255,.50),rgba(255,255,255,0) 62%);}
.sc-home-profile-avatar.sc-3d-round:hover{transform:translateY(-1px)}
.sc-3d-dot{border-radius:50%; background:#fff; box-shadow:0 0 0 1px #fff,0 0 0 2px var(--sc3d-edge-soft),0 2px 4px var(--sc3d-glow);}
.sc-3d-pill .sc-staff-badge{text-shadow:none}
.sc-3d-pill .sc-staff-ico{filter:drop-shadow(0 2px 2px rgba(15,23,42,.35))}
@media (min-width:769px){.sc-3d-pill.sc-3d--caret::after{content:"";flex:0 0 auto; width:6px;height:6px;margin:-3px 0 0 9px; border:solid currentColor;border-width:0 2px 2px 0;border-radius:1px; opacity:.85;transform:rotate(45deg); transition:transform .2s ease,margin .2s ease;}}
@media (min-width:769px){.sc-3d-pill.sc-3d--caret[aria-expanded="true"]::after{margin-top:3px;transform:rotate(-135deg);}}
.sc-3d:focus-visible{outline:2px solid var(--primary-color,#1a73e8); outline-offset:2px;}
@media (prefers-reduced-motion:reduce){.sc-3d,.sc-3d::after{transition:none !important}}
@media (prefers-reduced-motion:reduce){.sc-3d:hover,.sc-3d:active{transform:none !important}}
#auth-bar-guest.top-auth-bar > a.btn-outline, #auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn{position: relative; border-radius: 14px !important; color: #fff !important; -webkit-text-fill-color: #fff !important; -webkit-tap-highlight-color: transparent; letter-spacing: .2px; animation: none !important; transition: transform .14s ease, box-shadow .14s ease, filter .18s ease !important; will-change: transform;}
#auth-bar-guest.top-auth-bar > a.btn-outline{border-color: #0c3fb0 !important; background: linear-gradient(180deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.10) 44%, rgba(255,255,255,0) 50%) padding-box, linear-gradient(180deg, #55a3ff 0%, #1f6df0 48%, #0f47cc 100%) padding-box !important; text-shadow: 0 1px 2px rgba(3,24,90,.60) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.75), inset 0 0 0 1px rgba(160,205,255,.55), inset 0 -3px 0 rgba(6,32,120,.40), 0 3px 0 #0a338f, 0 9px 16px -5px rgba(31,109,240,.60), 0 0 12px rgba(80,160,255,.32) !important;}
#auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn{background-color: #ff2d6f !important; background-image: linear-gradient(180deg, rgba(255,255,255,.40) 0%, rgba(255,255,255,.10) 44%, rgba(255,255,255,0) 50%), linear-gradient(90deg, #ff2d6f 0%, #ff8a00 16%, #ffd400 30%, #22c55e 46%, #00c8ff 60%, #3b82f6 74%, #a855f7 88%, #ff2d6f 100%) !important; background-size: 100% 100%, 200% 100% !important; background-repeat: no-repeat, repeat-x !important; animation: scUyeRainbowMove 2.4s linear infinite !important; text-shadow: 0 1px 2px rgba(0,0,0,.60), 0 0 5px rgba(0,0,0,.28) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), inset 0 0 0 1px rgba(255,215,170,.50), inset 0 -3px 0 rgba(110,20,90,.38), 0 3px 0 #5b2a8c, 0 9px 16px -5px rgba(168,85,247,.55), 0 0 12px rgba(0,200,255,.30) !important;}
@media (hover: hover){#auth-bar-guest.top-auth-bar > a.btn-outline:hover, #auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn:hover{transform: translateY(-1px); filter: brightness(1.06) saturate(1.05);}}
#auth-bar-guest.top-auth-bar > a.btn-outline:active{transform: translateY(3px); filter: none; box-shadow: inset 0 2px 5px rgba(3,24,90,.45), inset 0 0 0 1px rgba(160,205,255,.40), 0 0 0 #0a338f, 0 3px 8px -3px rgba(31,109,240,.55) !important;}
#auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn:active{transform: translateY(3px); filter: none; box-shadow: inset 0 2px 5px rgba(90,10,60,.45), inset 0 0 0 1px rgba(255,215,170,.40), 0 0 0 #5b2a8c, 0 3px 8px -3px rgba(168,85,247,.55) !important;}
#auth-bar-guest.top-auth-bar > a.btn-outline:focus-visible, #auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn:focus-visible{outline: 2px solid #fff; outline-offset: 2px;}
body.dark-mode #auth-bar-guest.top-auth-bar > a.btn-outline, body.theme-night-sky #auth-bar-guest.top-auth-bar > a.btn-outline{box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 0 0 1px rgba(160,205,255,.45), inset 0 -3px 0 rgba(6,32,120,.50), 0 3px 0 #06215f, 0 9px 18px -5px rgba(56,130,255,.65), 0 0 14px rgba(80,160,255,.38) !important;}
body.dark-mode #auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn, body.theme-night-sky #auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn{box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 0 0 1px rgba(255,215,170,.42), inset 0 -3px 0 rgba(110,20,90,.48), 0 3px 0 #3b1a63, 0 9px 18px -5px rgba(168,85,247,.65), 0 0 14px rgba(0,200,255,.36) !important;}
@media (prefers-reduced-motion: reduce){#auth-bar-guest.top-auth-bar > a.btn-outline, #auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn{transition: none !important; animation: none !important;}}
@media (prefers-reduced-motion: reduce){#auth-bar-guest.top-auth-bar > a.btn-outline:hover, #auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn:hover{transform: none;}}

/* ===== block-27 ===== */
@page{size:A4;margin:14mm}body{font-family:Arial,Helvetica,sans-serif;color:#111;margin:0;padding:0}'
        + '.wrap{max-width:190mm;margin:0 auto} .head{text-align:center;border-bottom:2px solid #1a73e8;padding:0 0 10px;margin-bottom:16px}'
        + '.head img{max-height:52px;max-width:220px;object-fit:contain} h1{font-size:18px;margin:10px 0 0} .meta{font-size:12px;color:#555;margin-top:4px}'
        + 'h2{font-size:16px;margin:18px 0 8px;border-bottom:1px solid #ddd;padding-bottom:4px} h3{font-size:14px;margin:14px 0 8px;color:#1a73e8}'
        + 'ol.topics{padding-left:18px} ol.topics li{margin:4px 0;font-size:13px}'
        + '.q{margin:0 0 12px;page-break-inside:avoid;font-size:13px;line-height:1.45} .qtext{font-weight:700;margin-bottom:4px}'
        + '.ans{font-weight:700} .exp{margin-top:4px;font-size:12px;color:#333}'
        + '

/* ===== block-28 ===== */
'
        + '@page{size:A4 portrait;margin:6mm}'
        + 'html,body{margin:0;padding:0;background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}'
        + '.page{width:198mm;height:285mm;margin:0 auto;box-sizing:border-box}'
        + '.sc-cert-paper{position:relative;overflow:hidden;box-sizing:border-box;width:198mm;height:285mm;border:3px solid #0d47a1;border-radius:8mm;padding:10mm 9mm 8mm;text-align:center;color:#102a63;background:linear-gradient(135deg,#fffef9,#f7fbff);box-shadow:inset 0 0 0 2px #d5ad38,inset 0 0 0 7px #fff,inset 0 0 0 9px #d5ad38}'
        + '.sc-cert-paper:before{content:"";position:absolute;inset:10mm;border:1.5px solid #d5ad38;border-radius:4mm;pointer-events:none;z-index:0;background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(23,70,135,.018) 8px 10px)}'
        + '.sc-cert-paper:after{content:"";position:absolute;right:-1px;bottom:-1px;width:52mm;height:46mm;background:linear-gradient(135deg,transparent 0 53%,#d7ad37 54% 58%,#fff 59% 65%,#123d8e 66% 100%);clip-path:polygon(100% 0,100% 100%,0 100%);z-index:1;pointer-events:none}'
        + '.sc-final-corner{position:absolute;left:8mm;top:6mm;width:39mm;height:38mm;z-index:6;pointer-events:none}'
        + '.sc-final-corner:before,.sc-final-corner:after{content:"";position:absolute;top:17mm;width:10mm;height:23mm;background:linear-gradient(90deg,#062d70,#1b61b5,#082e73);border-left:1px solid #d6ab35;border-right:1px solid #d6ab35;clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%)}'
        + '.sc-final-corner:before{left:9mm;transform:rotate(7deg)}.sc-final-corner:after{left:20mm;transform:rotate(-7deg)}'
        + '.sc-final-medal{position:absolute;left:2mm;top:0;width:26mm;height:26mm;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 31% 24%,#fff9cf,#f8dc68 34%,#d5a329 66%,#9b6505);border:1.5mm solid #fff4ae;box-shadow:0 2mm 5mm rgba(75,50,0,.3),inset 0 0 0 1px #b77c0b}'
        + '.sc-final-medal:before{content:"";position:absolute;inset:3.6mm;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1b4ea3,#0b2a6a 70%);box-shadow:inset 0 0 0 .4mm #f0d36a}.sc-final-medal:after{content:"SC";position:relative;z-index:2;font:800 7mm/1 Georgia,serif;color:#f6e08a;letter-spacing:.4px}'
        + '.sc-final-top{position:relative;z-index:4;height:25mm;display:flex;align-items:center;justify-content:center;padding:0 42mm 0 35mm}'
        + '.sc-final-logo{max-width:72mm;max-height:20mm;width:auto;height:auto;object-fit:contain}'
        + '.sc-final-slogan{position:absolute;right:2mm;top:1mm;text-align:right;color:#102d70;font:italic 3.3mm/1.05 Georgia,serif}'
        + '.sc-final-tag{position:relative;z-index:4;text-align:center;color:#747c88;font-size:2.8mm;letter-spacing:1.2mm;margin:1mm 0 2mm}'
        + '.sc-final-title{position:relative;z-index:4;text-align:center;color:#123d8e;font:700 8mm/1.12 Georgia,"Times New Roman",serif;letter-spacing:.15mm;margin:2mm 0 2mm}'
        + '.sc-final-sub{position:relative;z-index:4;text-align:center;color:#b47d12;font:700 4.5mm/1.2 Georgia,serif;margin-bottom:1mm}'
        + '.sc-final-name{position:relative;z-index:4;text-align:center;color:#a86f08;font:500 13mm/1.02 "Segoe Script","Brush Script MT","Apple Chancery",cursive;margin:0 0 1mm}'
        + '.sc-final-desc{position:relative;z-index:4;text-align:center;color:#263c62;font-size:3.3mm;line-height:1.35;margin-bottom:3mm}'
        + '.sc-final-topic{position:relative;z-index:4;margin:0 3mm 3mm;padding:3mm 5mm;display:flex;align-items:center;justify-content:center;gap:4mm;border:1px solid #dfbd61;border-radius:5mm;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 1.5mm 4mm rgba(138,101,21,.13)}'
        + '.sc-final-topic>span{width:17mm;height:17mm;flex:0 0 17mm;display:flex;align-items:center;justify-content:center;border-radius:4mm;background:#eef6ff;box-shadow:0 1.5mm 3mm rgba(20,73,145,.14)}'
        + '.sc-final-topic svg{width:14mm;height:14mm}.sc-final-topic small{display:block;color:#6c7684;font-weight:700;font-size:2.8mm;text-align:left}.sc-final-topic b{display:block;color:#123d8e;font-size:6.2mm;margin-top:.5mm;text-align:left}'
        + '.sc-final-grid{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5mm;margin:0 3mm}'
        + '.sc-final-grid>div{min-width:0;display:flex;align-items:center;gap:2.5mm;padding:3mm 3mm;border:1px solid #d1dfed;border-radius:4mm;background:linear-gradient(180deg,#fff,#f4faff);box-shadow:0 1.5mm 3.5mm rgba(24,58,108,.09)}'
        + '.sc-final-grid .i{width:15mm;height:15mm;flex:0 0 15mm;display:flex;align-items:center;justify-content:center}.sc-final-grid .i svg{width:14mm;height:14mm}.sc-final-grid small{display:block;color:#667180;font-size:2.6mm;font-weight:700;text-align:left}.sc-final-grid b{display:block;color:#12356f;font-size:4.2mm;margin-top:.5mm;text-align:left;white-space:normal}'
        + '.sc-final-quote{position:relative;z-index:4;text-align:center;color:#8b6518;font:italic 4.2mm Georgia,serif;margin:5mm 0 2mm}'
        + '.sc-final-bottom{position:relative;z-index:4;display:grid;grid-template-columns:1fr 30mm 1fr;align-items:center;gap:5mm;margin:0 6mm;color:#24385f;font-size:2.8mm;line-height:1.28}.sc-final-bottom>div:first-child{text-align:left}.sc-final-bottom>div:last-child{text-align:right}.sc-final-bottom>div:last-child b{font-size:3.5mm;color:#123d8e}'
        + '.sc-final-trophy{width:27mm;height:27mm;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#fff6bd,#f0c343 47%,#c18508);border:1mm solid #fff0a0;box-shadow:0 2mm 5mm rgba(160,108,0,.28),inset 0 0 0 1px #b87d08;color:#5b4105;text-align:center;font-size:9mm}.sc-final-trophy small{display:block;font-size:2.5mm;font-weight:800}'
        + '.sc-cert-actions{display:none!important}'
        + '

/* ===== sinavcep-advanced-style ===== */
:root{--sc-blue:#1769e8;--sc-blue-soft:#eef6ff;--sc-border:#dce5f0;--sc-text:#172b4d;--sc-muted:#64748b;--sc-green:#18a66a;--sc-orange:#f97316;--sc-purple:#6d4ce8}
body.dark-mode .sc-welcome,body[class*="theme-"] .sc-welcome{background:linear-gradient(135deg,var(--exp-bg),var(--card-bg));border-color:var(--border-color);color:var(--text-color)}
body.dark-mode #advanced-home,body[class*="theme-"] #advanced-home{color:var(--text-color)}
body.dark-mode .sc-clock-time,body[class*="theme-"] .sc-clock-time{color:var(--primary-color)}

#advanced-home{width:100%;max-width:980px;margin:14px auto 24px;padding:0 14px;box-sizing:border-box;color:var(--sc-text)}
.sc-welcome{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid #d8e8fb;border-radius:20px;background:linear-gradient(135deg,#eef7ff,#f8fbff);margin-bottom:14px}
.sc-minimal-clock{margin-left:auto;flex:0 0 auto;text-align:right;font-variant-numeric:tabular-nums}.sc-clock-time{font-size:1.35rem;font-weight:800;line-height:1;color:#1769e8;letter-spacing:.02em}.sc-clock-date{margin-top:4px;font-size:.72rem;color:#718096;font-weight:600;text-transform:capitalize}@media(max-width:420px){.sc-minimal-clock .sc-clock-time{font-size:1.05rem}.sc-minimal-clock .sc-clock-date{font-size:.65rem}.sc-welcome{gap:9px}}
.sc-welcome-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:32px;box-shadow:0 3px 12px #2d6cdf18;flex:0 0 auto}
.sc-welcome h3{margin:0 0 5px;font-size:clamp(1.25rem,3.6vw,1.75rem);font-weight:800;color:#102a56}.sc-welcome p{margin:0;color:#5e718d;font-size:.95rem}
.sc-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.sc-stat{min-width:0;padding:15px 14px;border:1px solid var(--sc-border);border-radius:17px;background:#fff;box-shadow:0 3px 12px #1f4b7b0b;position:relative;overflow:hidden}
.sc-stat:after{content:'›';position:absolute;right:13px;bottom:12px;font-size:25px;color:#718096}.sc-stat-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-size:22px;margin-bottom:10px}.sc-stat small{display:block;color:#52637c;font-size:.85rem;font-weight:700}.sc-stat b{display:block;margin-top:5px;font-size:1.65rem;line-height:1.05;color:var(--sc-blue)}
.sc-stat:nth-child(2) b{color:var(--sc-orange)}.sc-stat:nth-child(3) b{color:var(--sc-green)}.sc-stat:nth-child(4) b{color:var(--sc-purple)}
.sc-goal{border:1px solid #d6e6fb;border-radius:18px;background:#f7fbff;padding:18px 20px;margin-bottom:14px}.sc-goal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.sc-goal-title{font-size:1.05rem;font-weight:800}.sc-goal button{border:1px solid #2475ef;background:#fff;color:#1769e8;border-radius:12px;padding:8px 13px;font-weight:700;cursor:pointer}.sc-goal-text{margin:13px 0 9px;color:#65758b}.sc-progress{height:12px;border-radius:99px;background:#dfe7f1;overflow:hidden}.sc-progress>div{height:100%;border-radius:99px;background:linear-gradient(90deg,#2378ee,#53a2ff);transition:width .25s ease}.sc-goal-foot{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:.9rem;color:#60728c}.sc-goal-foot b{color:#1769e8}
.sc-resume{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid #ddd9ff;border-radius:18px;background:linear-gradient(135deg,#f8f6ff,#f3f0ff);margin-bottom:18px}.sc-resume-left{display:flex;align-items:center;gap:14px;min-width:0}.sc-play{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#6e4de8,#4e42c9);color:white;font-size:24px;flex:0 0 auto}.sc-resume h4{margin:0 0 5px;font-size:1.05rem}.sc-resume p{margin:0;color:#596b86;font-size:.9rem}.sc-resume button{background:#1769e8;color:white;border:0;border-radius:12px;padding:12px 17px;font-weight:800;cursor:pointer;white-space:nowrap}.sc-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;font-size:1.15rem;font-weight:800}.sc-section-title span{font-size:.9rem;color:#718096;font-weight:600}
.sc-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sc-action{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--sc-border);border-radius:16px;background:#fff;cursor:pointer;text-align:left;box-shadow:0 3px 12px #1f4b7b08}.sc-action-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:22px;flex:0 0 auto}.sc-action strong{display:block;font-size:.98rem;color:#1b3155}.sc-action small{display:block;color:#708099;margin-top:3px;font-size:.82rem}.sc-action .arrow{margin-left:auto;font-size:22px;color:#6c7c92}.sc-action:nth-child(1){background:#f5f9ff;border-color:#d4e5ff}.sc-action:nth-child(1) .sc-action-icon{background:#e2efff}.sc-action:nth-child(2){background:#f2fcf7;border-color:#cdeedc}.sc-action:nth-child(2) .sc-action-icon{background:#dff7e9}.sc-action:nth-child(3){background:#f8f5ff;border-color:#e4d9ff}.sc-action:nth-child(3) .sc-action-icon{background:#eee6ff}.sc-action:nth-child(4){background:#fff5f5;border-color:#ffd8d8}.sc-action:nth-child(4) .sc-action-icon{background:#ffe4e4}
@media(max-width:760px){.sc-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-stat{padding:13px}.sc-stat b{font-size:1.5rem}.sc-welcome{padding:15px}.sc-resume{align-items:flex-start;flex-wrap:wrap}.sc-resume button{margin-left:68px;margin-top:-6px}}
@media(max-width:420px){#advanced-home{padding:0 9px}.sc-summary{gap:9px}.sc-stat small{font-size:.78rem}.sc-stat b{font-size:1.35rem}.sc-goal{padding:15px}.sc-actions{gap:9px}.sc-action{padding:12px;gap:9px}.sc-action small{font-size:.75rem}.sc-action strong{font-size:.88rem}.sc-action-icon{width:36px;height:36px;font-size:19px}.sc-welcome-icon{width:48px;height:48px;font-size:27px}}

/* ===== sc-v3-style ===== */
.scv3-box{margin:15px 0;padding:16px;border:1px solid var(--border-color);border-radius:14px;background:var(--card-bg);color:var(--text-color)}
.scv3-title{font-weight:800;font-size:1.05rem;margin-bottom:10px}.scv3-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scv3-card{padding:12px;border:1px solid var(--border-color);border-radius:12px;background:var(--btn-hover)}.scv3-card b{display:block;font-size:1.35rem;margin-top:4px;color:var(--primary-color)}
.scv3-progress{height:9px;border-radius:99px;background:var(--border-color);overflow:hidden;margin:8px 0}.scv3-progress>i{display:block;height:100%;background:var(--primary-color)}
.scv3-btn{border:1px solid var(--primary-color);background:var(--btn-bg);color:var(--primary-color);border-radius:8px;padding:9px 11px;font-weight:700;cursor:pointer}.scv3-btn.primary{background:var(--primary-color);color:#fff}.scv3-btn.danger{border-color:#d32f2f;color:#d32f2f}.scv3-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.scv3-muted{color:var(--secondary-text);font-size:.86rem}.scv3-list{display:flex;flex-direction:column;gap:9px}.scv3-list>div{padding:11px;border:1px solid var(--border-color);border-radius:10px;background:var(--btn-hover)}
.scv3-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;display:none;align-items:center;justify-content:center;padding:15px}.scv3-modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:var(--card-bg);color:var(--text-color);border-radius:16px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.scv3-back{width:100%;margin-top:14px;padding:11px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--btn-hover);color:var(--text-color);font-weight:800;font-size:15px;cursor:pointer}.scv3-back:active{transform:translateY(1px)}
.scv3-input{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:8px;background:var(--btn-bg);color:var(--text-color);margin:5px 0 10px}.scv3-chart{display:flex;align-items:flex-end;gap:7px;height:130px;padding:10px;border-bottom:1px solid var(--border-color)}.scv3-bar{flex:1;min-width:8px;background:var(--primary-color);border-radius:5px 5px 0 0;position:relative}.scv3-bar span{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--secondary-text)}
.scv3-timer{font-weight:900;color:var(--primary-color);font-size:1rem}.scv3-badge{display:inline-flex;gap:5px;align-items:center;padding:7px 9px;border:1px solid var(--border-color);border-radius:10px;background:var(--btn-hover);margin:3px}.scv3-locked{filter:grayscale(1);opacity:.5}.scv3-notify{position:relative}.scv3-dot{position:absolute;right:-3px;top:-5px;background:#d32f2f;color:#fff;border-radius:50%;font-size:10px;min-width:16px;height:16px;text-align:center}
@media(max-width:520px){.scv3-grid{grid-template-columns:1fr}.scv3-modal{padding:14px}}

/* ===== advanced-exam-prep-styles ===== */
.scx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0}.scx-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:14px;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.scx-muted{color:var(--secondary-text,#6b7280);font-size:.9rem}.scx-progress{height:9px;background:#e5e7eb;border-radius:99px;overflow:hidden}.scx-progress>i{display:block;height:100%;background:var(--primary-color,#1a73e8);border-radius:99px}.scx-btn{border:0;border-radius:9px;padding:9px 12px;cursor:pointer;background:var(--primary-color,#1a73e8);color:#fff;font-weight:600}.scx-btn.alt{background:transparent;color:var(--text-color);border:1px solid var(--border-color,#ddd)}.scx-row{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.scx-chip{display:inline-block;padding:5px 9px;border-radius:99px;background:#eef4ff;font-size:.8rem}.scx-lock{opacity:.48;filter:grayscale(1)}.scx-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:none;align-items:center;justify-content:center;padding:15px}.scx-modal>div{max-width:560px;width:100%;max-height:90vh;overflow:auto;background:var(--card-bg,#fff);border-radius:16px;padding:18px}.scx-input{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--border-color,#ddd);border-radius:9px;background:transparent;color:var(--text-color)}.scx-list{display:grid;gap:9px}.scx-notif-dot{display:inline-flex;min-width:18px;height:18px;border-radius:99px;background:#e53935;color:#fff;align-items:center;justify-content:center;font-size:11px}.scx-table{width:100%;border-collapse:collapse}.scx-table th,.scx-table td{padding:8px;border-bottom:1px solid var(--border-color,#eee);text-align:left;font-size:.85rem}.scx-stat-big{font-size:1.5rem;font-weight:800}.scx-week{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.scx-day{text-align:center;padding:8px 3px;border-radius:9px;background:#f4f4f4}.scx-day.done{background:#e7f5ea}.scx-day.today{outline:2px solid var(--primary-color,#1a73e8)}

/* ===== sc-final-fix-style ===== */
.scf-section{margin:12px 0;padding:14px;border:1px solid var(--border-color);border-radius:14px;background:var(--card-bg);color:var(--text-color)}
.scf-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.scf-badge{display:inline-flex;min-width:20px;height:20px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:#d32f2f;color:#fff;font-size:11px;font-weight:800}.scf-table{width:100%;border-collapse:collapse}.scf-table th,.scf-table td{padding:9px;border-bottom:1px solid var(--border-color);vertical-align:top;text-align:left}.scf-table select,.scf-table button{max-width:100%}.scf-status{font-weight:800}.scf-status.pending{color:#b26a00}.scf-status.review{color:#246bce}.scf-status.done{color:#17823b}.scf-status.rejected{color:#b42318}.scf-small{font-size:.84rem;color:var(--secondary-text)}
@media(max-width:700px){.scf-table{display:block;overflow:auto;white-space:nowrap}.scf-table td{white-space:normal;min-width:130px}}

/* ===== sinavcep-resume-final-fix-style ===== */
.sc-resume button{min-width:110px}
.sc-resume .sc-resume-empty{width:100%}

/* ===== sc-login-options-final-style ===== */
#login-email{text-transform:none}

/* ===== sc-comments-auto-scroll ===== */
#sc-comment-list.sc-comment-list{
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
#sc-comment-list .sc-comment-item{
  scroll-snap-align: none !important;
  flex: 0 0 min(300px, 82vw) !important;
}

/* ===== sc-profile-final-rebuild ===== */
/* Profil ayarları: tek kaydırılabilir kutu */
.sc-profile-preference-box{
  width:100%;
  margin-top:18px;
  padding:14px;
  border:1px solid var(--border-color);
  border-radius:16px;
  background:var(--btn-hover);
  text-align:left;
}
.sc-profile-settings-title{
  margin:0 0 12px;
  font-size:1.15rem;
  font-weight:900;
  color:var(--text-color);
}
.sc-profile-scroll-box{
  max-height:340px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:1px solid #d8dee8;
  border-radius:13px;
  background:#fff;
  padding:0!important;
}
.sc-profile-all-options{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
.sc-profile-all-options .sc-clean-section-title{
  padding:12px 14px!important;
  margin:0!important;
  background:#f1f5f9!important;
  color:#1f2937!important;
  font-weight:900!important;
  border-bottom:1px solid #cbd5e1!important;
}
.sc-profile-all-options .sc-role-btn{
  display:block!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(100,116,139,.25)!important;
  border-radius:0!important;
  padding:12px 14px!important;
  text-align:left!important;
  font-weight:850!important;
  line-height:1.3!important;
  cursor:pointer!important;
}
.sc-profile-all-options .sc-role-btn:last-child{border-bottom:0!important}
.sc-profile-all-options .sc-role-btn.active{
  color:#fff!important;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.55)!important;
}

/* ===== sc-profile-selection-isolated-fix ===== */
/* Unvan ve sınav seçimleri birbirinden tamamen bağımsızdır. */
#sc-profile-all-options .sc-role-btn[data-group="exam"].active{
  background:#b91c1c !important;
  color:#fff !important;
}
#sc-profile-all-options .sc-role-btn[data-group="exam"].active{
  background:#7c3aed !important;
  color:#fff !important;
}

/* ===== sc-new-profile-settings-final ===== */
/* Yeni profil seçim ekranı: tek kutu, boşluksuz, iç scroll yok */
.sc-new-profile-settings{
  width:100%;
  margin:18px auto 0;
  text-align:left;
}
.sc-new-profile-title{
  font-size:1.05rem;
  font-weight:950;
  color:var(--text-color);
  margin:0 0 10px;
}
#sc-profile-all-options.sc-profile-all-options{
  width:100%!important;
  max-width:520px!important;
  box-sizing:border-box!important;
  display:block!important;
  overflow:visible!important;
  max-height:none!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  border:1px solid #d7dde6!important;
  border-radius:14px!important;
  background:#fff!important;
}
#sc-profile-all-options .sc-new-profile-heading{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:12px 14px!important;
  font-size:.92rem!important;
  font-weight:950!important;
  color:#263238!important;
  background:#f4f6f8!important;
}
#sc-profile-all-options .sc-profile-option{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:50px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:11px 14px!important;
  border:0!important;
  border-top:1px solid rgba(100,116,139,.15)!important;
  border-radius:0!important;
  text-align:left!important;
  font-weight:800!important;
  line-height:1.3!important;
  cursor:pointer!important;
  transition:none!important;
}
#sc-profile-all-options .sc-check{
  flex:0 0 24px;
  font-size:22px;
  line-height:1;
  font-weight:900;
  text-align:center;
}
#sc-profile-all-options .sc-profile-option.active .sc-check{
  color:#fff!important;
}
#sc-profile-all-options .sc-profile-option.active{
  color:#fff!important;
  font-weight:950!important;
}
#sc-profile-all-options .sc-profile-option[data-role="V.H.K.İ. (Veri Hazırlama ve Kontrol İşletmeni)"]{background:#e3f2fd!important;color:#263238!important;}
#sc-profile-all-options .sc-profile-option[data-role="Şef"]{background:#ffedd5!important;color:#263238!important;}
#sc-profile-all-options .sc-profile-option[data-role="Uzman"]{background:#dcfce7!important;color:#263238!important;}
#sc-profile-all-options .sc-profile-option[data-role="Müdür Yardımcısı"]{background:#fff7ed!important;color:#263238!important;}
#sc-profile-all-options .sc-profile-option[data-role="Müdür"]{background:#fee2e2!important;color:#263238!important;}
#sc-profile-all-options .sc-profile-option[data-role="Şeflik"]{background:#ccfbf1!important;color:#263238!important;}
#sc-profile-all-options .sc-profile-option[data-role="Müdür Yardımcılığı"]{background:#ffedd5!important;color:#263238!important;}
#sc-profile-all-options .sc-profile-option[data-role="Müdürlük"]{background:#fecaca!important;color:#263238!important;}
#sc-profile-all-options .sc-profile-option[data-role="Öğretmenlik"]{background:#fce7f3!important;color:#263238!important;}
#sc-profile-all-options .sc-profile-option[data-role="KPSS"]{background:#e0f2fe!important;color:#263238!important;}
#sc-profile-all-options .sc-profile-option[data-role="Sınava Hazırlanmıyor"]{background:#f7fee7!important;color:#263238!important;}

#sc-profile-all-options .sc-profile-option[data-group="exam"].active{box-shadow:inset 5px 0 0 #334155!important;}
#sc-profile-all-options .sc-profile-option[data-role="V.H.K.İ. (Veri Hazırlama ve Kontrol İşletmeni)"].active{background:#1565c0!important;}
#sc-profile-all-options .sc-profile-option[data-role="Şef"].active{background:#e65100!important;}
#sc-profile-all-options .sc-profile-option[data-role="Uzman"].active{background:#15803d!important;}
#sc-profile-all-options .sc-profile-option[data-role="Müdür Yardımcısı"].active{background:#c2410c!important;}
#sc-profile-all-options .sc-profile-option[data-role="Müdür"].active{background:#b91c1c!important;}
#sc-profile-all-options .sc-profile-option[data-role="Şeflik"].active{background:#0d9488!important;}
#sc-profile-all-options .sc-profile-option[data-role="Müdür Yardımcılığı"].active{background:#ea580c!important;}
#sc-profile-all-options .sc-profile-option[data-role="Müdürlük"].active{background:#dc2626!important;}
#sc-profile-all-options .sc-profile-option[data-role="Öğretmenlik"].active{background:#db2777!important;}
#sc-profile-all-options .sc-profile-option[data-role="KPSS"].active{background:#0891b2!important;}
#sc-profile-all-options .sc-profile-option[data-role="Sınava Hazırlanmıyor"].active{background:#65a30d!important;}

#sc-profile-all-options .sc-profile-save-btn{
  display:block!important;
  width:calc(100% - 20px)!important;
  margin:10px!important;
  border-radius:10px!important;
}

/* ===== sc-topbar-never-card-fix ===== */
/* Üst bar: sadece GÖRÜNÜR olan flex olsun — guest/user aynı anda açılmasın */
#auth-bar-user.top-auth-bar,
#auth-bar-guest.top-auth-bar{
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  margin-bottom:10px !important;
}
/* display'e !important koyma — JS hide/show bozulmasın */
.top-auth-bar > button,
.top-auth-bar > .btn-outline,
.top-auth-bar > a.btn-outline{
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  height:auto !important;
  min-height:34px !important;
  max-height:40px !important;
  padding:6px 10px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}
/* display'e !important koyma: btn-admin gizlenebilsin */
.top-auth-bar > button:not([style*="display: none"]):not([style*="display:none"]),
.top-auth-bar > a.btn-outline{
  display:inline-flex !important;
}
#btn-admin[style*="display: none"],
#btn-admin[style*="display:none"]{
  display:none !important;
}
#nav-user-avatar{
  display:inline-flex !important;
  width:20px !important; height:20px !important;
  min-width:20px !important; max-width:20px !important;
  min-height:20px !important; max-height:20px !important;
  margin-right:4px !important;
  overflow:hidden !important;
  font-size:1rem !important;
  line-height:1 !important;
  flex:0 0 20px !important;
}
#nav-user-avatar img{
  width:20px !important; height:20px !important;
  max-width:20px !important; max-height:20px !important;
  object-fit:contain !important; border-radius:50% !important;
  display:block !important;
}
.sc-home-profile-avatar{
  position:absolute !important;
  top:14px !important; left:14px !important;
  width:52px !important; height:52px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  z-index:25 !important;
  flex:none !important;
}
.sc-home-profile-avatar img{
  width:100% !important; height:100% !important;
  object-fit:contain !important;
  display:block !important;
}
#profile-avatar-display{
  width:96px !important; height:96px !important;
  margin:0 auto 5px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#profile-avatar-display img{
  width:88px !important; height:88px !important;
  object-fit:contain !important; border-radius:50% !important;
}

/* ===== sc-role-colors-sef-vhki-final ===== */
/* V.H.K.İ → tek mavi; Şef → turuncu; Şeflik → teal (mavi değil) */
.sc-comment-role.sc-role-color-vhki,
.sc-demo-role.sc-role-color-vhki,
.sc-role-vhki,
.sc-comment-role.sc-role-vhki{color:#1565c0!important;font-weight:800!important}
.sc-comment-role.sc-role-color-sef,
.sc-demo-role.sc-role-color-sef,
.sc-role-sef,
.sc-comment-role.sc-role-sef{color:#e65100!important;font-weight:800!important}
.sc-comment-role.sc-role-color-seflik,
.sc-demo-role.sc-role-color-seflik,
.sc-exam-seflik,
.sc-comment-role.sc-exam-seflik{color:#0d9488!important;font-weight:800!important}

/* ===== sc-forum-styles ===== */
.sc-tanisma-row{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  margin:8px 0 12px !important;
  min-width:0 !important;
}
.sc-tanisma-copy{
  margin:0 !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  font-size:.86rem !important;
  font-weight:650 !important;
  line-height:1.35 !important;
  color:#64748b !important;
  text-align:left !important;
  padding-left:10px !important;
  border-left:2px solid rgba(148,163,184,.55) !important;
}
body.dark-mode .sc-tanisma-copy{color:#94a3b8 !important;border-left-color:rgba(148,163,184,.35) !important}
.sc-tanisma-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:8px 8px 8px 12px !important;
  min-height:56px !important;
  height:auto !important;
  border:0 !important;
  border-radius:999px !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  position:relative !important;
  z-index:50 !important;
  overflow:hidden !important;
  isolation:isolate !important;
  font-family:inherit !important;
  font-size:1.18rem !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  line-height:1 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 1px 0 rgba(255,255,255,.22), 0 8px 16px rgba(88,28,135,.28) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.06) 38%, rgba(0,0,0,.08) 100%),
    linear-gradient(90deg, #5b3dff 0%, #7a3cff 28%, #c43dff 62%, #ff2d8d 100%) !important;
  background-size:auto !important;
  box-shadow:
    0 10px 18px rgba(168, 28, 140, .22),
    0 4px 8px rgba(91, 61, 255, .18),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -2px 6px rgba(88, 28, 135, .18) !important;
  animation:none !important;
  transition:none !important;
  -webkit-tap-highlight-color:rgba(139,92,246,.28) !important;
  touch-action:manipulation !important;
  user-select:none !important;
}
.sc-tanisma-btn::before{
  content:"" !important;
  position:absolute !important;
  left:10% !important;
  right:10% !important;
  top:2px !important;
  height:42% !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,0)) !important;
  pointer-events:none !important;
  z-index:0 !important;
}
.sc-tanisma-icon,
.sc-tanisma-divider,
.sc-tanisma-label,
.sc-tanisma-arrow{
  position:relative !important;
  z-index:1 !important;
  pointer-events:none !important;
}
.sc-tanisma-icon{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:46px !important;
  height:40px !important;
  filter:drop-shadow(0 3px 4px rgba(76,29,149,.28)) !important;
}
.sc-tanisma-icon svg{display:block !important;width:40px !important;height:34px !important}
.sc-tanisma-divider{
  flex:0 0 auto !important;
  width:1px !important;
  height:26px !important;
  background:rgba(255,255,255,.55) !important;
  box-shadow:0 0 0 0.5px rgba(255,255,255,.18) !important;
  border-radius:99px !important;
}
.sc-tanisma-label{
  flex:1 1 auto !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  padding:0 4px !important;
}
.sc-tanisma-arrow{
  flex:0 0 auto !important;
  width:34px !important;
  height:34px !important;
  margin-left:auto !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.42), rgba(255,255,255,.08) 46%, rgba(255,46,141,.18) 100%), rgba(255,255,255,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 2px 6px rgba(136,19,90,.18) !important;
}
.sc-tanisma-arrow svg{display:block !important}
.sc-tanisma-btn:hover,
.sc-tanisma-btn:active,
.sc-tanisma-btn:focus{
  transform:none !important;
  animation:none !important;
  outline:none !important;
}
#forum-screen{
  width:100%;
  max-width:100%;
  display:none;
  position:relative;
  z-index:5;
}
.sc-forum-header{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin-bottom:16px;padding-bottom:12px;
  border-bottom:1px solid var(--border-color);
}
.sc-forum-title-wrap{flex:1;min-width:140px;text-align:center}
.sc-forum-title{font-size:1.35rem;font-weight:900;color:var(--text-color)}
.sc-forum-sub{font-size:.78rem;color:var(--secondary-text);font-weight:600;margin-top:2px}
.sc-forum-new-btn{
  border:none;border-radius:12px;padding:10px 14px;cursor:pointer;
  font-weight:800;font-size:.88rem;color:#fff;
  background:linear-gradient(135deg,var(--primary-color),#8b5cf6);
  box-shadow:0 4px 14px rgba(26,115,232,.25);
  pointer-events:auto;
}
.sc-forum-toolbar{display:flex;gap:8px;margin-bottom:12px}
.sc-forum-search{
  flex:1;padding:11px 14px;border-radius:12px;
  border:1px solid var(--border-color);background:var(--btn-bg);
  color:var(--text-color);font-size:.95rem;
}
.sc-forum-refresh{
  width:44px;border-radius:12px;border:1px solid var(--border-color);
  background:var(--btn-bg);color:var(--text-color);font-size:1.2rem;cursor:pointer;
}
.sc-forum-composer{
  background:var(--exp-bg);border:1px solid var(--border-color);
  border-radius:14px;padding:14px;margin-bottom:14px;
}
.sc-forum-composer-title{font-weight:800;margin-bottom:10px;color:var(--text-color)}
.sc-forum-composer .auth-input{margin-bottom:10px;width:100%}
.sc-forum-composer-actions{display:flex;gap:10px;justify-content:flex-end}
.sc-forum-topics{display:flex;flex-direction:column;gap:10px}
.sc-forum-card{
  background:var(--card-bg);border:1px solid var(--border-color);
  border-radius:14px;padding:14px;cursor:pointer;
  transition:border-color .2s,box-shadow .2s,transform .15s;
  box-shadow:0 2px 8px var(--shadow-color);
}
.sc-forum-card:hover{border-color:var(--primary-color);box-shadow:0 6px 18px var(--shadow-color);transform:translateY(-1px)}
.sc-forum-card-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.sc-forum-avatar{
  width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:1.25rem;background:var(--exp-bg);flex-shrink:0;overflow:hidden;
}
.sc-forum-avatar img{width:100%;height:100%;object-fit:cover}
.sc-forum-meta{flex:1;min-width:0}
.sc-forum-uname{font-weight:800;font-size:.92rem;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#forum-screen .sc-forum-uname{font-weight:800!important}
#forum-screen .sc-forum-role{font-size:.78rem!important;font-weight:800!important}
#forum-screen .sc-forum-role.sc-role-color-vhki,
#forum-screen .sc-comment-role.sc-role-color-vhki{color:#1565c0!important}
#forum-screen .sc-forum-role.sc-role-color-sef,
#forum-screen .sc-comment-role.sc-role-color-sef{color:#e65100!important}
#forum-screen .sc-forum-role.sc-role-color-uzman,
#forum-screen .sc-comment-role.sc-role-color-uzman{color:#15803d!important}
#forum-screen .sc-forum-role.sc-role-color-mudur-yardimcisi,
#forum-screen .sc-comment-role.sc-role-color-mudur-yardimcisi{color:#c2410c!important}
#forum-screen .sc-forum-role.sc-role-color-mudur,
#forum-screen .sc-comment-role.sc-role-color-mudur{color:#b91c1c!important}
#forum-screen .sc-forum-role.sc-role-color-seflik,
#forum-screen .sc-comment-role.sc-role-color-seflik{color:#0d9488!important}
#forum-screen .sc-forum-role.sc-role-color-mudur-yardimciligi,
#forum-screen .sc-comment-role.sc-role-color-mudur-yardimciligi{color:#ea580c!important}
#forum-screen .sc-forum-role.sc-role-color-mudurluk,
#forum-screen .sc-comment-role.sc-role-color-mudurluk{color:#dc2626!important}
#forum-screen .sc-forum-role.sc-role-color-ogretmenlik,
#forum-screen .sc-comment-role.sc-role-color-ogretmenlik{color:#db2777!important}
#forum-screen .sc-forum-role.sc-role-color-kpss,
#forum-screen .sc-comment-role.sc-role-color-kpss{color:#0891b2!important}
#forum-screen .sc-forum-role.sc-role-color-takip,
#forum-screen .sc-comment-role.sc-role-color-takip{color:#65a30d!important}
#forum-screen .sc-forum-role.sc-role-color-default,
#forum-screen .sc-comment-role.sc-role-color-default{color:#64748b!important}
.sc-forum-time{font-size:.72rem;color:var(--secondary-text);white-space:nowrap}
.sc-forum-card-title{font-weight:900;font-size:1.02rem;color:var(--text-color);margin:0 0 6px;line-height:1.35}
.sc-forum-card-preview{font-size:.88rem;color:var(--secondary-text);line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-forum-card-foot{display:flex;gap:12px;margin-top:10px;font-size:.78rem;color:var(--secondary-text);font-weight:700}
.sc-forum-badge{
  display:inline-block;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:800;
  background:var(--exp-bg);color:var(--primary-color);margin-right:6px
}
.sc-forum-badge.lock{background:#fef2f2;color:#dc2626}
.sc-forum-empty{text-align:center;padding:40px 16px;color:var(--secondary-text);font-weight:700}
.sc-forum-topic-detail{
  background:var(--card-bg);border:1px solid var(--border-color);
  border-radius:14px;padding:16px;margin-bottom:14px;
  box-shadow:0 4px 14px var(--shadow-color);
}
.sc-forum-topic-detail h2{margin:0 0 10px;font-size:1.2rem;color:var(--text-color);line-height:1.35}
.sc-forum-topic-body{font-size:.98rem;line-height:1.55;color:var(--text-color);white-space:pre-wrap;word-break:break-word}
.sc-forum-posts{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.sc-forum-post{
  background:var(--btn-bg);border:1px solid var(--border-color);
  border-radius:12px;padding:12px 14px;
}
.sc-forum-post-body{font-size:.94rem;line-height:1.5;color:var(--text-color);white-space:pre-wrap;word-break:break-word;margin-top:8px}
.sc-forum-reply-box{
  background:var(--exp-bg);border:1px solid var(--border-color);
  border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;
}
.sc-forum-admin-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sc-forum-admin-actions button{
  font-size:.75rem;padding:5px 10px;border-radius:8px;cursor:pointer;
  border:1px solid var(--border-color);background:var(--btn-bg);color:var(--text-color);font-weight:700
}
.sc-forum-admin-actions button.danger{color:#dc2626;border-color:#fecaca}
.sc-forum-edit-box{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.sc-forum-edit-box .auth-input{width:100%;box-sizing:border-box}
.sc-forum-warn{background:#fff7ed;border:1px solid #fdba74;color:#9a3412;border-radius:12px;padding:10px 12px;margin-bottom:12px;font-size:.85rem;font-weight:700;line-height:1.45}
.sc-forum-warn-actions{margin-top:8px}
.sc-forum-warn-actions button{font-size:.78rem;padding:6px 12px;border-radius:8px;cursor:pointer;border:1px solid #fdba74;background:#fff;color:#9a3412;font-weight:800}
body.dark-mode .sc-forum-warn{background:#3b1d0a;border-color:#9a3412;color:#fdba74}
body.dark-mode .sc-forum-warn-actions button{background:#1f2937;color:#fdba74}
@media (max-width:768px){
  .sc-forum-header{gap:8px}
  .sc-forum-title{font-size:1.15rem}
  .sc-forum-new-btn{width:100%;order:3}
  .sc-tanisma-row{gap:10px !important;align-items:center !important}
  .sc-tanisma-btn{padding:7px 7px 7px 10px !important;min-height:50px !important;font-size:1.05rem !important;gap:8px !important}
  .sc-tanisma-icon{width:40px !important;height:36px !important}
  .sc-tanisma-icon svg{width:36px !important;height:31px !important}
  .sc-tanisma-arrow{width:30px !important;height:30px !important}
  .sc-tanisma-divider{height:22px !important}
  .sc-tanisma-copy{font-size:.78rem !important;padding-left:8px !important}
}

/* ===== sc-forum-bold-css ===== */
.sc-bold-bar{display:flex;align-items:center;gap:8px;margin:0 0 6px;flex-wrap:wrap}
.sc-bold-btn{border:1px solid var(--border-color,#cbd5e1);background:var(--card-bg,#fff);color:var(--text-color,#111);
  border-radius:8px;padding:4px 12px;font-size:.95rem;font-weight:900;line-height:1.2;cursor:pointer;min-width:38px}
.sc-bold-btn:active{transform:scale(.96)}
.sc-bold-hint{font-size:.72rem;color:var(--secondary-text,#64748b);line-height:1.3}
.sc-forum-post-body strong,.sc-forum-topic-body strong{font-weight:900}
.sc-bold-row{display:flex;align-items:center;gap:8px;flex:1 1 100%;flex-wrap:wrap}
.sc-color-dots{display:flex;align-items:center;flex-wrap:wrap;gap:6px;flex:1 1 100%}
.sc-emoji-toggle{font-size:1.05rem;font-weight:400}
.sc-emoji-panel{border:1px solid var(--border-color,#cbd5e1);border-radius:12px;background:var(--card-bg,#fff);margin:0 0 8px;overflow:hidden}
.sc-emoji-panel[hidden]{display:none}
.sc-emoji-tabs{display:flex;gap:2px;overflow-x:auto;padding:4px;border-bottom:1px solid var(--border-color,#e2e8f0);-webkit-overflow-scrolling:touch}
.sc-emoji-tab{flex:0 0 auto;border:0;background:transparent;font-size:1.25rem;line-height:1;padding:6px 9px;border-radius:8px;cursor:pointer}
.sc-emoji-tab.active{background:rgba(37,99,235,.16)}
.sc-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));max-height:200px;overflow-y:auto;padding:6px;-webkit-overflow-scrolling:touch}
.sc-emoji-item{border:0;background:transparent;font-size:1.5rem;line-height:1;padding:7px 0;border-radius:8px;cursor:pointer}
.sc-emoji-item:active{background:rgba(148,163,184,.35)}
.sc-emoji-empty{grid-column:1/-1;padding:14px;text-align:center;font-size:.8rem;color:var(--secondary-text,#64748b)}
.sc-color-custom{position:relative;width:24px;height:24px;border-radius:50%;overflow:hidden;cursor:pointer;flex:0 0 24px;
  border:2px solid #fff;box-shadow:0 0 0 1px rgba(100,116,139,.55);box-sizing:border-box;
  background:conic-gradient(#f43f5e,#f59e0b,#84cc16,#06b6d4,#6366f1,#d946ef,#f43f5e)}
.sc-color-custom input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}
.sc-color-dot{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(100,116,139,.55);
  padding:0;cursor:pointer;flex:0 0 24px}
.sc-color-dot:active{transform:scale(.92)}
.sc-color-clear{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-color,#cbd5e1);background:var(--card-bg,#fff);
  color:var(--secondary-text,#64748b);font-size:.8rem;line-height:1;padding:0;cursor:pointer;flex:0 0 24px}

/* ===== sc-final-profile-choice-fix ===== */
/* Sınav seçenekleri unvan seçeneklerine dokunmaz; her sınav kendi rengini korur (mavi sadece V.H.K.İ.). */
#sc-profile-all-options .sc-role-btn[data-group="exam"].active{
  color:#fff !important;
}
#sc-profile-all-options .sc-role-btn[data-role="Şeflik"].active{background:#0d9488 !important;}
#sc-profile-all-options .sc-role-btn[data-role="Müdür Yardımcılığı"].active{background:#ea580c !important;}
#sc-profile-all-options .sc-role-btn[data-role="Müdürlük"].active{background:#dc2626 !important;}
#sc-profile-all-options .sc-role-btn[data-role="Öğretmenlik"].active{background:#db2777 !important;}
#sc-profile-all-options .sc-role-btn[data-role="KPSS"].active{background:#0891b2 !important;}
#sc-profile-all-options .sc-role-btn[data-role="Sınava Hazırlanmıyor"].active{background:#65a30d !important;}

/* ===== sinavcep-back-navigation-style ===== */
.sc-backbar{
  width:100%;max-width:980px;margin:10px auto 0;padding:0 14px;box-sizing:border-box;
  display:flex;align-items:center;gap:8px;position:relative;z-index:20;
}
.sc-backbtn{
  appearance:none;border:1px solid var(--border-color,#dce5f0);
  background:var(--card-bg,#fff);color:var(--text-color,#172b4d);
  border-radius:12px;padding:10px 15px;font-size:.95rem;font-weight:800;
  cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.sc-backbtn:active{transform:translateY(1px)}
.dark-mode .sc-backbtn{background:#1d2430}
#scx-modal .sc-modal-back{
  width:100%;margin-top:12px;padding:10px;border:1px solid var(--border-color,#dce5f0);
  background:var(--btn-hover,#f5f7fa);color:var(--text-color,#172b4d);
  border-radius:10px;font-weight:800;cursor:pointer;
}
@media(max-width:520px){.sc-backbar{padding:0 10px}.sc-backbtn{padding:9px 12px}}

/* ===== sinavcep-admin-report-backup-nav-style ===== */
#admin-screen .sc-admin-special-nav{display:flex;gap:10px;margin-bottom:14px;overflow-x:auto;padding-bottom:4px}
  #admin-screen .sc-admin-special-nav button{white-space:nowrap;min-width:150px}
  #admin-screen .sc-admin-special-nav .badge{display:inline-block;min-width:20px;padding:2px 6px;border-radius:12px;margin-left:5px;background:#d93025;color:#fff;font-size:.75rem}

/* ===== sinavcep-admin-question-view-final-style ===== */
#sinavcep-question-viewer{position:fixed;inset:0;z-index:2147483647;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.58);box-sizing:border-box}
#sinavcep-question-viewer .sqv-card{width:min(760px,96vw);max-height:90vh;overflow:auto;background:#fff;color:#111;border-radius:18px;box-shadow:0 20px 70px rgba(0,0,0,.35);padding:20px;box-sizing:border-box}
#sinavcep-question-viewer .sqv-title{font-size:21px;font-weight:800;margin:0 0 12px}
#sinavcep-question-viewer .sqv-meta{font-size:13px;opacity:.7;margin-bottom:12px}
#sinavcep-question-viewer .sqv-question{font-size:18px;font-weight:700;line-height:1.5;margin:10px 0 16px}
#sinavcep-question-viewer .sqv-option{padding:12px;border:1px solid #d8e0ea;border-radius:10px;margin:8px 0;background:#fff;line-height:1.4}
#sinavcep-question-viewer .sqv-correct{border-color:#2e8b57;background:#eefaf2}
#sinavcep-question-viewer .sqv-actions{text-align:right;margin-top:18px}
#sinavcep-question-viewer .sqv-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}
#sinavcep-question-viewer .sqv-report-grid>div{border:1px solid #dfe6ef;border-radius:10px;background:#f8fafc;padding:10px}
#sinavcep-question-viewer .sqv-report-grid span{display:block;font-size:12px;opacity:.65;margin-bottom:4px}
#sinavcep-question-viewer .sqv-report-grid b{display:block;line-height:1.35}
#sinavcep-question-viewer .sqv-report-grid small{display:block;font-weight:500;opacity:.7;margin-top:2px}
#sinavcep-question-viewer .sqv-report-grid .sqv-full{grid-column:1/-1}

#sinavcep-question-viewer .sqv-close{border:1px solid #2780e3;background:#fff;color:#1670c8;border-radius:10px;padding:10px 18px;font-size:16px;font-weight:700;cursor:pointer}

/* ===== sinavcep-remove-summary-cards ===== */
/* Kullanıcının istemediği üç ana sayfa özet kartı */
.scx-grid > div.sc-hide-summary-card{display:none !important}

/* ===== sinavcep-admin-member-management-style ===== */
.sc-admin-user-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:260px}
.sc-admin-user-actions button{border:0;border-radius:8px;padding:7px 9px;cursor:pointer;font-weight:700}
.sc-admin-user-actions .ban{background:#fff0d9;color:#8a5200}.sc-admin-user-actions .unban{background:#e7f8ed;color:#176b39}
.sc-admin-user-actions .del{background:#ffe8e8;color:#a40000}.sc-admin-user-actions .pass{background:#e9efff;color:#244f9e}.sc-admin-user-actions .edit{background:#eee8ff;color:#6332a0}
.sc-user-banned{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:8px;background:#ffe1e1;color:#a00000;font-size:.72rem;font-weight:800}
.sc-user-active{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:8px;background:#e8f7ed;color:#18703a;font-size:.72rem;font-weight:800}
.sc-ban-notice{display:none;margin:8px 0 10px;padding:11px 12px;border-radius:10px;background:#fff0f0;border:1px solid #efb4b4;color:#8c1d1d;font-weight:700;line-height:1.4}

/* ===== sinavcep-admin-buttons-final ===== */
.sc-admin-user-actions button{pointer-events:auto!important;position:relative;z-index:5;touch-action:manipulation}
.sc-medal{display:inline-flex;align-items:center;gap:3px;margin-left:5px;padding:3px 7px;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap;border:1px solid rgba(0,0,0,.10)}
.sc-medal.bronze{background:#f4e2d0;color:#7a431c}.sc-medal.silver{background:#edf0f4;color:#59636e}.sc-medal.gold{background:#fff1b8;color:#8a6200}.sc-medal.platinum{background:#e8f0ff;color:#315c9a}.sc-medal.diamond{background:#e8fbff;color:#08738a}.sc-medal.marshal{background:#ffe3e3;color:#a40000;box-shadow:0 0 0 1px rgba(164,0,0,.12)}
@media(max-width:600px){.sc-medal{font-size:.7rem;padding:2px 5px}}

/* ===== sc-admin-broadcast-final-style ===== */
.sc-admin-broadcast-card{padding:16px;border:1px solid var(--border-color,#ddd);border-radius:14px;background:var(--card-bg,#fff);margin:10px 0}
.sc-admin-broadcast-card textarea{width:100%;box-sizing:border-box;min-height:120px;resize:vertical}
.sc-admin-broadcast-btn{margin-top:10px;padding:10px 15px;border:0;border-radius:10px;background:var(--primary-color,#1a73e8);color:#fff;font-weight:700;cursor:pointer}
.sc-admin-broadcast-info{font-size:.85rem;opacity:.75;margin-top:6px}
.sc-admin-login-notice{position:fixed;z-index:10050;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:18px}
.sc-admin-login-notice>div{width:min(520px,100%);background:var(--card-bg,#fff);color:var(--text-color,#222);border-radius:18px;padding:22px;box-shadow:0 15px 50px rgba(0,0,0,.25)}

/* ===== sinavcep-colorful-usernames ===== */
.sc-colorful-username{
  font-weight:900!important;
  background:linear-gradient(90deg,#ff1744,#ff9100,#ffd600,#00c853,#00b0ff,#7c4dff,#f50057);
  background-size:300% 300%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:scUserRainbow 5s ease infinite;
  text-shadow:none!important;
}
@keyframes scUserRainbow{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* ===== sinavcep-security-hardening ===== */
/* Clickjacking fallback for browsers that ignore the header. */
html.sc-frame-blocked body{display:none!important}

/* ===== sc-resume-button-final-style ===== */
#advanced-home .sc-resume{position:relative;z-index:20}
#advanced-home .sc-resume button{position:relative;z-index:21;pointer-events:auto;cursor:pointer;touch-action:manipulation}

/* ===== sinavcep-admin-menu-layout-fix ===== */
/* Yönetici menüsü: Kullanıcı Mesajları alt satırda */
#admin-screen .admin-nav{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
  overflow:visible !important;
}
#admin-screen .admin-nav > button{
  flex:0 1 auto !important;
  min-width:0 !important;
  white-space:nowrap !important;
}
#admin-screen .admin-nav > #sc-admin-messages-nav{
  flex:0 0 auto !important;
  width:auto !important;
  margin-top:4px !important;
  margin-right:100% !important;
  border-color:#d32f2f !important;
  color:#c62828 !important;
}
@media (max-width:520px){
  #admin-screen .admin-nav > #sc-admin-messages-nav{
    margin-right:100% !important;
  }
}

/* ===== block-55 ===== */
#sc-welcome-final{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(15,23,42,.68);backdrop-filter:blur(5px);animation:scFade .35s ease both}
#sc-welcome-final .sc-card{position:relative;overflow:hidden;width:min(430px,100%);border:3px solid transparent;border-radius:30px;padding:30px 24px 25px;text-align:center;font-family:Arial,sans-serif;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ff4d6d,#ffb703,#06d6a0,#3a86ff,#8338ec) border-box;box-shadow:0 24px 80px rgba(0,0,0,.35);animation:scPop .55s cubic-bezier(.2,.8,.2,1) both}

#sc-welcome-final .sc-network-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1;opacity:.72;background:linear-gradient(180deg,rgba(0,20,8,.04),rgba(0,20,8,.14))}
#sc-welcome-final .sc-network-field:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,255,120,.07) 48%,transparent 100%);animation:scMatrixScan 5s linear infinite}
#sc-welcome-final .sc-matrix-rain{position:absolute;inset:-20px;display:flex;justify-content:space-around;gap:5px;overflow:hidden;font-family:monospace;font-size:15px;line-height:1.15;color:#16a34a;text-shadow:0 0 7px rgba(34,197,94,.85);white-space:pre;user-select:none}
#sc-welcome-final .sc-matrix-column{display:block;min-width:12px;writing-mode:vertical-rl;letter-spacing:3px;animation:scMatrixFall 6s linear infinite;opacity:.65}
#sc-welcome-final .sc-matrix-column:nth-child(2n){animation-duration:8s;animation-delay:-2s;color:#22c55e}
#sc-welcome-final .sc-matrix-column:nth-child(3n){animation-duration:5.5s;animation-delay:-3.5s;color:#86efac;opacity:.45}
#sc-welcome-final .sc-matrix-column:nth-child(4n){animation-duration:9s;animation-delay:-5s;color:#15803d;opacity:.55}
#sc-welcome-final .sc-matrix-column:nth-child(5n){animation-duration:7s;animation-delay:-1s;color:#bbf7d0;opacity:.35}
#sc-welcome-final .sc-matrix-core{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(34,197,94,.08),transparent 52%);animation:scMatrixPulse 4s ease-in-out infinite}
@keyframes scMatrixFall{0%{transform:translateY(-55%);opacity:0}12%{opacity:.7}50%{opacity:1}88%{opacity:.55}100%{transform:translateY(55%);opacity:0}}
@keyframes scMatrixScan{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
@keyframes scMatrixPulse{0%,100%{opacity:.25}50%{opacity:.8}}
#sc-welcome-final .sc-card:before,#sc-welcome-final .sc-card:after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;opacity:.22;animation:scFloat 5s ease-in-out infinite}
#sc-welcome-final .sc-card:before{background:#ff4d6d;top:-75px;left:-65px}
#sc-welcome-final .sc-card:after{background:#3a86ff;right:-65px;bottom:-75px;animation-delay:-2s}
#sc-welcome-final .sc-icons{position:relative;font-size:52px;line-height:1;margin-bottom:13px;animation:scBounce 1.8s ease-in-out infinite;z-index:2}
#sc-welcome-final .sc-effects{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 18px;position:relative;z-index:2}
#sc-welcome-final .sc-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.1px;color:#fff;box-shadow:0 6px 16px rgba(15,23,42,.12);animation:scChipFloat 4.5s ease-in-out infinite}
#sc-welcome-final .sc-chip:nth-child(1){background:linear-gradient(135deg,#ff6b6b,#f59e0b);transform:rotate(-3deg)}
#sc-welcome-final .sc-chip:nth-child(2){background:linear-gradient(135deg,#06b6d4,#2563eb);animation-delay:-1.2s;transform:rotate(2deg)}
#sc-welcome-final .sc-chip:nth-child(3){background:linear-gradient(135deg,#10b981,#0f766e);animation-delay:-2.4s;transform:rotate(-2deg)}
#sc-welcome-final .sc-chip:nth-child(4){background:linear-gradient(135deg,#8b5cf6,#ec4899);animation-delay:-3.1s;transform:rotate(3deg)}
#sc-welcome-final .sc-spark{position:absolute;pointer-events:none;font-size:20px;z-index:1;animation:scSpark 5s ease-in-out infinite}
#sc-welcome-final .sc-spark.s1{top:24%;left:10%;animation-delay:-.5s}
#sc-welcome-final .sc-spark.s2{top:31%;right:9%;animation-delay:-2s}
#sc-welcome-final .sc-spark.s3{bottom:24%;left:13%;animation-delay:-3.5s}
#sc-welcome-final .sc-spark.s4{bottom:19%;right:14%;animation-delay:-1.4s}
#sc-welcome-final h2{margin:0;font-size:30px;font-weight:900;background:linear-gradient(90deg,#ef476f,#f8961e,#06a77d,#277da1,#7b2cbf);-webkit-background-clip:text;background-clip:text;color:transparent}
#sc-welcome-final .sc-name{margin:12px 0 8px;color:#25324a;font-size:19px;font-weight:700}
#sc-welcome-final .sc-sub{margin:0 auto 22px;max-width:330px;color:#64748b;font-size:14px;line-height:1.55}
#sc-welcome-final .sc-button{border:0;border-radius:14px;padding:13px 32px;color:#fff;font-size:16px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed,#ec4899);background-size:200% 200%;box-shadow:0 8px 20px rgba(99,102,241,.35);animation:scGradient 4s ease infinite}
@keyframes scFade{from{opacity:0}to{opacity:1}}
@keyframes scPop{from{opacity:0;transform:translateY(24px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes scBounce{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}
@keyframes scFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,-12px)}}
@keyframes scGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes scChipFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes scSpark{0%,100%{opacity:.35;transform:translateY(0) rotate(0) scale(.9)}50%{opacity:1;transform:translateY(-12px) rotate(18deg) scale(1.15)}}
@media(prefers-reduced-motion:reduce){#sc-welcome-final,#sc-welcome-final *{animation:none!important;transition:none!important}}

/* ===== sc-final-footer-role-colors ===== */
/* Her unvan benzersiz renk; mavi sadece V.H.K.İ. */
 .sc-comment-role.sc-role-color-vhki,
 .sc-demo-role.sc-role-color-vhki{color:#1565c0!important;font-weight:900!important}
 .sc-comment-role.sc-role-color-sef,
 .sc-demo-role.sc-role-color-sef{color:#e65100!important;font-weight:900!important}
 .sc-comment-role.sc-role-color-seflik,
 .sc-demo-role.sc-role-color-seflik{color:#0d9488!important;font-weight:900!important}
 .sc-comment-role.sc-role-color-uzman,
 .sc-demo-role.sc-role-color-uzman{color:#15803d!important;font-weight:900!important}
 .sc-comment-role.sc-role-color-mudur-yardimcisi,
 .sc-demo-role.sc-role-color-mudur-yardimcisi{color:#c2410c!important;font-weight:900!important}
 .sc-comment-role.sc-role-color-mudur-yardimciligi,
 .sc-demo-role.sc-role-color-mudur-yardimciligi{color:#ea580c!important;font-weight:900!important}
 .sc-comment-role.sc-role-color-mudur,
 .sc-demo-role.sc-role-color-mudur{color:#b91c1c!important;font-weight:900!important}
 .sc-comment-role.sc-role-color-mudurluk,
 .sc-demo-role.sc-role-color-mudurluk{color:#dc2626!important;font-weight:900!important}
 .sc-comment-role.sc-role-color-ogretmenlik,
 .sc-demo-role.sc-role-color-ogretmenlik{color:#db2777!important;font-weight:900!important}
 .sc-comment-role.sc-role-color-kpss,
 .sc-demo-role.sc-role-color-kpss{color:#0891b2!important;font-weight:900!important}
 .sc-comment-role.sc-role-color-takip,
 .sc-demo-role.sc-role-color-takip{color:#65a30d!important;font-weight:900!important}

/* ===== sc-wrong-why-style ===== */
.sc-why-box{
  margin-top:14px;
  padding:13px 13px 12px;
  border-radius:12px;
  border:1.5px dashed rgba(211,47,47,.35);
  background:linear-gradient(180deg,rgba(211,47,47,.06),rgba(255,255,255,.35));
}
body.dark-mode .sc-why-box{
  background:linear-gradient(180deg,rgba(211,47,47,.12),rgba(15,23,42,.25));
  border-color:rgba(248,113,113,.35);
}
.sc-why-title{
  font-size:.92rem;
  font-weight:900;
  color:var(--text-color);
  margin:0 0 4px;
}
.sc-why-sub{
  font-size:.75rem;
  color:var(--secondary-text);
  font-weight:600;
  margin:0 0 10px;
}
.sc-why-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.sc-why-btn{
  border:1.5px solid var(--border-color);
  background:var(--card-bg);
  color:var(--text-color);
  border-radius:10px;
  padding:10px 8px;
  font-size:.82rem;
  font-weight:800;
  cursor:pointer;
  text-align:center;
  line-height:1.25;
}
.sc-why-btn:hover{border-color:var(--primary-color);transform:translateY(-1px)}
.sc-why-btn.active{
  border-color:#d32f2f;
  background:#d32f2f;
  color:#fff;
  box-shadow:0 4px 12px rgba(211,47,47,.25);
}
.sc-why-saved{
  margin-top:8px;
  font-size:.76rem;
  font-weight:800;
  color:#15803d;
  min-height:1em;
}
@media(max-width:420px){
  .sc-why-grid{grid-template-columns:1fr;}
}

/* ===== sc-break-popup-css ===== */
.sc-break-overlay{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.sc-break-overlay.open{display:flex}
.sc-break-card{width:100%;max-width:360px;background:var(--card-bg,#fff);color:var(--text-color,#202124);border-radius:22px;padding:28px 22px 22px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.22);border:1px solid var(--border-color,#dadce0);animation:scBreakIn .35s ease}
@keyframes scBreakIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.sc-break-ico{width:88px;height:88px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 10px rgba(0,0,0,.12))}
.sc-break-ico svg{width:88px;height:88px}
.sc-break-card h2{margin:0 0 8px;font-size:1.35rem;font-weight:900}
.sc-break-card p{margin:0 0 18px;font-size:.92rem;line-height:1.45;color:var(--secondary-text,#70757a)}
.sc-break-btn{width:100%;border:0;border-radius:14px;padding:13px 16px;font-size:1rem;font-weight:800;cursor:pointer;color:#fff;background:linear-gradient(180deg,#3b82f6,#1d4ed8)}
.sc-break-btn:active{transform:scale(.98)}

/* ===== sc-member-gate-css ===== */
/* SınavCep 3D üye giriş paneli - mevcut işlevler korunmuştur */
.sc-member-overlay{
  position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;
  padding:18px;background:rgba(15,23,42,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
}
.sc-member-overlay.open{display:flex}
.sc-member-card{
  position:relative;width:100%;max-width:430px;box-sizing:border-box;overflow:visible;
  background:linear-gradient(145deg,#ffffff 0%,#f5f9ff 52%,#edf5ff 100%);
  color:#101a31;border-radius:30px;padding:58px 24px 22px;text-align:center;
  border:1px solid rgba(255,255,255,.96);
  box-shadow:0 30px 70px rgba(0,25,80,.32),inset 0 1px 0 rgba(255,255,255,.95);
  animation:scMemberIn .42s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes scMemberIn{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}

.sc-member-card:before{
  content:"";position:absolute;inset:0;border-radius:30px;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.72),transparent 42%,rgba(100,190,255,.10));
}
.sc-member-hat{
  position:absolute;left:50%;top:-58px;transform:translateX(-50%);
  width:126px;height:126px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 25%,#ffffff 0%,#eaf6ff 38%,#cceaff 72%,#b5dfff 100%);
  border:5px solid rgba(255,255,255,.92);
  box-shadow:0 0 0 4px rgba(63,191,255,.18),0 12px 32px rgba(0,136,255,.30),inset 0 2px 10px rgba(255,255,255,.95);
  font-size:4.35rem;line-height:1;filter:drop-shadow(0 8px 7px rgba(0,0,0,.22));
  animation:scHatFloat 3.2s ease-in-out infinite;
}
@keyframes scHatFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}

.sc-member-close{
  position:absolute;right:17px;top:17px;width:48px;height:48px;border-radius:50%;
  border:1px solid rgba(255,255,255,.9);background:linear-gradient(145deg,#fff,#e7f1ff);
  color:#0757b8;font-size:30px;font-weight:400;line-height:1;cursor:pointer;
  box-shadow:0 8px 18px rgba(25,95,180,.20),inset 0 2px 5px rgba(255,255,255,.95);
  transition:.2s ease;z-index:3;
}
.sc-member-close:hover{transform:scale(1.06) rotate(3deg)}
.sc-member-close:active{transform:scale(.94)}

.sc-member-card h2{
  position:relative;margin:0 0 10px;font-size:clamp(1.55rem,5vw,2rem);line-height:1.12;
  font-weight:950;letter-spacing:-.035em;color:#091936;
  text-shadow:0 2px 0 #fff,0 5px 10px rgba(24,83,150,.16);
}
.sc-member-card p{
  position:relative;margin:0 auto 14px;max-width:360px;font-size:.98rem;line-height:1.48;
  color:#61718c;font-weight:500;
}
.sc-member-free{
  position:relative;display:flex;align-items:center;justify-content:center;gap:9px;
  margin:7px auto 18px;padding:11px 17px;border-radius:999px;max-width:330px;
  font-size:.88rem;font-weight:900;color:#08213e;
  background:linear-gradient(90deg,#bff8ff,#cffff0,#dce6ff,#bff8ff);
  background-size:260% 100%;animation:scFreeRainbow 3s linear infinite;
  border:1px solid rgba(83,223,255,.48);
  box-shadow:0 0 20px rgba(67,207,255,.28),inset 0 2px 5px rgba(255,255,255,.95);
}
.sc-member-free:before{content:"📣";font-size:1.35rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.16))}
@keyframes scFreeRainbow{0%{background-position:0% 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(18deg)}100%{background-position:0% 50%;filter:hue-rotate(0deg)}}

.sc-member-actions{position:relative;display:flex;flex-direction:column;gap:11px}
.sc-member-actions a,.sc-member-actions button{
  position:relative;display:flex;align-items:center;justify-content:center;min-height:62px;
  width:100%;box-sizing:border-box;text-decoration:none;border-radius:18px;padding:13px 48px 13px 88px;
  font-weight:900;font-size:1.03rem;cursor:pointer;color:#11213c;
  border:1px solid rgba(255,255,255,.92);
  background:linear-gradient(145deg,#ffffff,#eaf2fb);
  box-shadow:0 9px 18px rgba(25,80,145,.13),inset 0 2px 4px rgba(255,255,255,.95);
  transition:transform .18s ease,box-shadow .18s ease;
}
.sc-member-actions a:after,.sc-member-actions button:after{
  content:"›";position:absolute;right:14px;width:42px;height:42px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:400;
  background:rgba(220,233,249,.88);color:#0861bd;box-shadow:inset 0 1px 4px rgba(255,255,255,.9);
}
.sc-member-actions a:before,.sc-member-actions button:before{
  position:absolute;left:17px;font-size:1.85rem;line-height:1;
}
.sc-member-actions a:hover,.sc-member-actions button:hover{
  transform:translateY(-2px);box-shadow:0 13px 25px rgba(25,80,145,.19),inset 0 2px 4px rgba(255,255,255,.95);
}
.sc-member-actions a:active,.sc-member-actions button:active{transform:translateY(1px) scale(.99)}
.sc-member-primary{
  background:linear-gradient(135deg,#087cf2 0%,#0b62e6 48%,#2456d8 100%) !important;
  color:#fff !important;border:1px solid rgba(112,218,255,.75) !important;
  box-shadow:0 11px 25px rgba(20,107,235,.38),inset 0 2px 7px rgba(255,255,255,.30) !important;
  text-shadow:0 2px 4px rgba(0,30,100,.25);
}
.sc-member-primary:after{background:rgba(255,255,255,.16)!important;color:#fff!important}
.sc-member-primary:before{content:none!important}
.sc-member-avatar-stack{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  display:flex;align-items:center;padding-left:2px;z-index:2;
}
.sc-member-avatar{
  width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  margin-left:-7px;border:2px solid rgba(255,255,255,.95);
  background:linear-gradient(145deg,#ffffff,#dcecff);
  box-shadow:0 4px 9px rgba(0,35,110,.25),inset 0 1px 3px rgba(255,255,255,.95);
  font-size:21px;line-height:1;position:relative;overflow:hidden;
  animation:scAvatarFloat 2.2s ease-in-out infinite;
}
.sc-member-avatar:first-child{margin-left:0}
.sc-member-avatar:nth-child(1){animation-delay:0s;background:linear-gradient(145deg,#dff4ff,#8fd6ff)}
.sc-member-avatar:nth-child(2){animation-delay:.22s;background:linear-gradient(145deg,#ffe6f4,#ffb7d8)}
.sc-member-avatar:nth-child(3){animation-delay:.44s;background:linear-gradient(145deg,#e7e2ff,#bbaeff)}
.sc-member-avatar:nth-child(4){animation-delay:.66s;background:linear-gradient(145deg,#fff0d8,#ffd08b)}
@keyframes scAvatarFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06)}}
.sc-member-avatar:after{
  content:"";position:absolute;inset:0;border-radius:50%;
  background:linear-gradient(120deg,rgba(255,255,255,.55),transparent 45%);
  pointer-events:none;
}

.sc-member-actions a:not(.sc-member-primary):before{content:"↪";color:#075fbd;font-weight:900}
.sc-member-actions button:before{content:"✕";color:#f22d3e;font-size:1.65rem}
.sc-member-actions button{
  background:linear-gradient(145deg,#fff9fb,#fff0f3);color:#17243d;
  border-color:rgba(255,180,195,.52);
}
.sc-member-actions button:after{color:#e43b51;background:rgba(255,225,231,.9)}

.sc-member-brand{
  position:relative;margin:20px auto 0;padding-top:3px;display:flex;align-items:center;justify-content:center;gap:12px;
  font-size:2rem;line-height:1;font-weight:1000;letter-spacing:-.06em;
  font-family:Arial,Helvetica,sans-serif;
  background:linear-gradient(90deg,#087cf2,#7b3ff2,#ff2e9a,#ff7a00,#ffd000,#17bd61,#087cf2);
  background-size:400% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:scBrandRainbow 4s linear infinite;
  filter:drop-shadow(0 5px 7px rgba(55,86,170,.18));
}
.sc-member-brand:before,.sc-member-brand:after{
  content:"";height:2px;width:70px;border-radius:99px;
  background:linear-gradient(90deg,transparent,#54a9ff,#ff4fcb,#ffc400);
  animation:scBrandLine 2.4s ease-in-out infinite alternate;
}
.sc-member-brand:after{transform:scaleX(-1)}
@keyframes scBrandRainbow{0%{background-position:0% 50%}100%{background-position:400% 50%}}
@keyframes scBrandLine{from{opacity:.45;transform:scaleX(.72)}to{opacity:1;transform:scaleX(1.05)}}
.sc-member-sparkles{
  position:absolute;left:50%;bottom:15px;width:170px;height:42px;transform:translateX(-50%);pointer-events:none;
}
.sc-member-sparkles:before{
  content:"✦  •  ✧  •  ✦";position:absolute;inset:0;text-align:center;
  color:#ff4cc8;font-size:18px;letter-spacing:8px;opacity:.85;
  animation:scSparkle 1.7s ease-in-out infinite;
}
@keyframes scSparkle{0%,100%{opacity:.35;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}

@media (max-width:480px){
  .sc-member-overlay{padding:14px}
  .sc-member-card{max-width:100%;border-radius:27px;padding:55px 18px 19px}
  .sc-member-hat{width:108px;height:108px;top:-50px;font-size:3.7rem}
  .sc-member-close{width:44px;height:44px;right:13px;top:13px}
  .sc-member-card h2{font-size:1.48rem}
  .sc-member-card p{font-size:.92rem}
  .sc-member-actions a,.sc-member-actions button{min-height:58px;font-size:.98rem}
  .sc-member-actions a{padding-left:82px}
  .sc-member-avatar{width:30px;height:30px;font-size:18px}
  .sc-member-avatar-stack{left:11px}
  .sc-member-brand{font-size:1.75rem}
  .sc-member-brand:before,.sc-member-brand:after{width:48px}
}

/* ===== sc-random-q-css ===== */
.sc-random-q-btn{position:relative;z-index:30;pointer-events:auto;margin:10px auto 4px;display:flex;align-items:center;justify-content:center;gap:6px;width:auto;max-width:220px;padding:8px 14px;border:0;border-radius:999px;font-size:.82rem;font-weight:800;cursor:pointer;color:#fff;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#6366f1);background-size:220% 220%;animation:scRndBtn 3.2s linear infinite;box-shadow:0 6px 16px rgba(99,102,241,.28)}
@keyframes scRndBtn{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.sc-random-overlay{position:fixed;inset:0;z-index:2147483647;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.5)}
.sc-random-overlay.open{display:flex}
.sc-random-card{width:100%;max-width:360px;color:#111;border-radius:18px;padding:20px 16px;box-shadow:0 20px 44px rgba(0,0,0,.25);
  background:linear-gradient(135deg,#fff7ed,#ede9fe,#e0f2fe,#fce7f3,#fff7ed);
  background-size:280% 280%;
  animation:scRndCard 5s ease infinite;
  border:1px solid rgba(255,255,255,.8)}
@keyframes scRndCard{0%{background-position:0% 40%}50%{background-position:100% 60%}100%{background-position:0% 40%}}
.sc-random-card h3{margin:0 0 12px;text-align:center;font-size:1.05rem}
.sc-random-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sc-random-opts button{position:relative;z-index:2;pointer-events:auto;touch-action:manipulation;border:1px solid var(--border-color,#dadce0);background:var(--btn-bg,#fff);border-radius:12px;padding:14px 8px;font-weight:800;cursor:pointer;color:inherit}
.sc-random-opts button:active{transform:scale(.98)}
.sc-random-kpss{display:block;width:100%;margin:8px 0 0;border:1px solid var(--border-color,#dadce0);background:var(--btn-bg,#fff);border-radius:12px;padding:14px 8px;font-weight:800;cursor:pointer;color:inherit;text-align:center}
.sc-random-close{margin-top:12px;width:100%;border:0;border-radius:12px;padding:10px;font-weight:800;cursor:pointer;background:#e2e8f0;color:#111}

/* ===== sc-responsive-pack ===== */
html{max-width:100%;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
.sc-prayer-bar,.sc-daily-row,.folder-list{width:100%;max-width:100%}
.sc-daily-row{display:flex;flex-wrap:nowrap;gap:8px}
.sc-daily-card{min-width:0}
.sc-random-q-btn{max-width:min(220px,90vw)}
.sc-random-card{width:min(360px,92vw)}
.sc-random-opts{grid-template-columns:1fr 1fr}
.sc-member-card,.sc-break-card{width:min(380px,92vw)}
@media (max-width:420px){
  .sc-prayer-bar{gap:4px;padding:6px 2px}
  .sc-prayer-label{font-size:.52rem}
  .sc-prayer-value{font-size:.82rem}
  .sc-daily-quote-line{font-size:.66rem}
  .sc-daily-src{font-size:.58rem}
  .folder-card{padding:12px 10px}
  .sc-random-opts{gap:6px}
  .sc-random-opts button,.sc-random-kpss{padding:12px 6px;font-size:.86rem}
}
@media (max-width:340px){
  .sc-daily-row{gap:4px}
  .sc-prayer-item + .sc-prayer-item{padding-left:4px}
}
@media (min-width:768px){
  .sc-daily-row{gap:12px}
  .sc-random-q-btn{max-width:240px}
}
@media (min-width:1024px){
  .card{max-width:1100px}
}
@media (hover:hover){
  .sc-random-q-btn:hover{filter:brightness(1.06)}
  .sc-random-opts button:hover,.sc-random-kpss:hover{border-color:#6366f1}
}
@media (prefers-reduced-motion:reduce){
  .sc-random-q-btn,.sc-member-free,.sc-member-hat{animation:none}
}

/* =========================================================
   SADECE MASAÜSTÜ LOGO ALANI
   Mobil (768px ve altı) kurallarına DOKUNULMADI.
   ========================================================= */
@media (min-width: 769px) {
  .brand-logo-container {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1496 / 308 !important;
    min-height: 180px !important;
    max-height: 308px !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background-image: url("../perf/sc-embedded-01.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
  }

  .brand-logo-container .sc-full-brand-logo {
    visibility: hidden !important;
    opacity: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
}


/* =========================================================
   SADECE MOBİL LOGO ALANI
   PNG logonun beyaz zemini kart üzerinde kutu gibi durmasın
   diye multiply ile eritilir ve marka renkli şeride oturtulur.
   Masaüstü (769px+) kurallarına dokunulmaz.
   ========================================================= */
@media (max-width: 768px) {
  .brand-logo-container {
    position: relative !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 10px 8px 16px !important;
    border: 1px solid rgba(26, 115, 232, 0.14) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background:
      radial-gradient(120% 80% at 6% 18%, rgba(255, 159, 0, 0.18), transparent 42%),
      radial-gradient(100% 90% at 96% 22%, rgba(26, 115, 232, 0.16), transparent 46%),
      linear-gradient(180deg, #f7f9fc 0%, #eef3fb 100%) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06) !important;
  }
  .brand-logo-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,.35) 46%, transparent 72%);
    pointer-events: none;
    z-index: 0;
  }
  .brand-logo-container::after {
    content: "";
    position: absolute;
    left: 14%;
    right: 14%;
    bottom: 7px;
    height: 3px;
    border-radius: 99px;
    background: linear-gradient(90deg, #7b2cff, #ff2d8d, #ff9f00, #16b85a, #1687ff);
    pointer-events: none;
    z-index: 2;
  }
  .brand-logo-container .sc-full-brand-logo {
    position: relative;
    z-index: 1;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 96px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    mix-blend-mode: multiply;
    filter: contrast(1.06) saturate(1.1);
  }
  body.dark-mode .brand-logo-container {
    background:
      radial-gradient(120% 80% at 6% 18%, rgba(255, 159, 0, 0.14), transparent 42%),
      radial-gradient(100% 90% at 96% 22%, rgba(138, 180, 248, 0.16), transparent 46%),
      linear-gradient(180deg, #f4f7fb 0%, #e6edf6 100%) !important;
    border-color: rgba(148, 163, 184, 0.35) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28) !important;
  }
  body.dark-mode .brand-logo-container .sc-full-brand-logo {
    mix-blend-mode: multiply;
  }
}

/* Üye Ol — zemin aynı anda tüm gökkuşağı renkleri, kayarak hareketli */
@keyframes scUyeRainbowMove {
  0%   { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}
@keyframes scUyePulse {
  0%, 100% { transform: scale(1); filter: saturate(1.25) brightness(1.05); }
  50%      { transform: scale(1.07); filter: saturate(1.45) brightness(1.12); }
}
#auth-bar-guest button.btn-primary-sm.sc-uye-ol-btn,
button.btn-primary-sm.sc-uye-ol-btn,
.sc-uye-ol-btn {
  background-image: linear-gradient(
    90deg,
    #ff0048 0%,
    #ff7a00 14%,
    #ffee00 28%,
    #22c55e 42%,
    #00d4ff 57%,
    #3b82f6 71%,
    #a855f7 85%,
    #ff0048 100%
  ) !important;
  background-color: #ff0048 !important;
  background-size: 200% 100% !important;
  background-repeat: repeat-x !important;
  animation: scUyeRainbowMove 1.4s linear infinite, scUyePulse 1.3s ease-in-out infinite !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45), 0 0 6px rgba(0,0,0,.25) !important;
  border: 0 !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
  box-shadow: 0 4px 14px rgba(255, 0, 128, .35), 0 0 10px rgba(34, 197, 94, .25) !important;
}
#auth-bar-guest button.btn-primary-sm.sc-uye-ol-btn::after,
button.btn-primary-sm.sc-uye-ol-btn::after,
.sc-uye-ol-btn::after {
  content: none !important;
  display: none !important;
}

/* =========================================================
   SADECE MOBİL: Üye Ol butonu tema ikonunun altında kesilmesin
   Masaüstü (769px+) düzenine dokunulmaz.
   ========================================================= */
@media (max-width: 768px) {
  .theme-toggle {
    top: 10px !important;
    right: 10px !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 1rem !important;
    z-index: 30 !important;
  }
  .theme-picker-toggle {
    top: 10px !important;
    right: 52px !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 1rem !important;
    z-index: 30 !important;
  }
  .theme-picker-panel {
    top: 54px !important;
    right: 10px !important;
  }
  #quiz-card.card {
    overflow: visible !important;
  }
  #auth-bar-guest.top-auth-bar,
  #auth-bar-user.top-auth-bar {
    position: relative !important;
    z-index: 40 !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 92px 10px 0 !important; /* sağda tema butonları için boşluk */
    max-width: calc(100% - 92px) !important;
    box-sizing: border-box !important;
  }
  #auth-bar-guest.top-auth-bar > .btn-outline,
  #auth-bar-guest.top-auth-bar > a.btn-outline,
  #auth-bar-guest.top-auth-bar > .btn-primary-sm,
  #auth-bar-user.top-auth-bar > button,
  #auth-bar-user.top-auth-bar > .btn-outline,
  #auth-bar-user.top-auth-bar > a.btn-outline {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;
    height: auto !important;
    min-height: 32px !important;
    max-height: none !important;
    padding: 6px 10px !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

@media (max-width: 380px) {
  #auth-bar-guest.top-auth-bar,
  #auth-bar-user.top-auth-bar {
    margin-right: 40px !important;
    max-width: calc(100% - 40px) !important;
    gap: 4px !important;
  }
  #auth-bar-guest.top-auth-bar > .btn-outline,
  #auth-bar-guest.top-auth-bar > a.btn-outline,
  #auth-bar-guest.top-auth-bar > .btn-primary-sm {
    padding: 6px 8px !important;
    font-size: 0.74rem !important;
  }
}

/* ===== sc-admin-topbar-center ===== */
/* Yönetici hesabı: "Yönetici" + isim butonlarını ortala.
   Sadece Yönetici butonu görünürken (admin) çalışır; normal üyeler etkilenmez. */
#auth-bar-user.top-auth-bar:has(> #btn-admin:not([style*="display: none"]):not([style*="display:none"])){
  justify-content:center !important;
  flex-wrap:wrap !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
/* Mobil: sol üstteki profil logosu ve sağ üstteki tema butonlarının altında, ortada dursun */
@media (max-width:768px){
  #auth-bar-user.top-auth-bar:has(> #btn-admin:not([style*="display: none"]):not([style*="display:none"])){
    /* Bir tık yukarı alındı (eski: 50px) ve iki yandan eşit boşlukla tam ortalandı */
    margin:6px auto 10px !important;
    padding-left:0 !important;
    padding-right:0 !important;
    width:fit-content !important;
    justify-content:center !important;
  }
}
/* Admin butonundaki gereksiz beyaz boşluk: rozet içindeki görünmez "Yönetici" yazısı
   yer kaplıyordu. Yazıyı sıfır boyuta indirip sadece ikonu bırakıyoruz. */
#nav-user-name .sc-staff-badge{
  font-size:0 !important;
  gap:0 !important;
  margin-left:6px !important;
  line-height:0 !important;
}
#nav-user-name .sc-staff-badge .sc-staff-ico{
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
}
#sc-nav-profile-btn{
  padding-left:10px !important;
  padding-right:10px !important;
}

/* ===== sc-comment-role-colors-ultimate ===== */
/* Yorum unvanları: her biri farklı; mavi SADECE V.H.K.İ. */
.sc-comment-role,
.sc-demo-role{color:var(--secondary-text,#64748b)!important;font-weight:900!important}
.sc-comment-role.sc-role-color-vhki,
.sc-demo-role.sc-role-color-vhki,
.sc-comment-role.sc-role-vhki,
.sc-role-vhki{color:#1565c0!important}
.sc-comment-role.sc-role-color-sef,
.sc-demo-role.sc-role-color-sef,
.sc-comment-role.sc-role-sef,
.sc-role-sef{color:#e65100!important}
.sc-comment-role.sc-role-color-uzman,
.sc-demo-role.sc-role-color-uzman,
.sc-comment-role.sc-role-uzman,
.sc-role-uzman{color:#15803d!important}
.sc-comment-role.sc-role-color-mudur-yardimcisi,
.sc-demo-role.sc-role-color-mudur-yardimcisi,
.sc-comment-role.sc-role-mudur-yardimcisi,
.sc-role-mudur-yardimcisi{color:#c2410c!important}
.sc-comment-role.sc-role-color-mudur,
.sc-demo-role.sc-role-color-mudur,
.sc-comment-role.sc-role-mudur,
.sc-role-mudur{color:#b91c1c!important}
.sc-comment-role.sc-role-color-seflik,
.sc-demo-role.sc-role-color-seflik,
.sc-comment-role.sc-exam-seflik,
.sc-exam-seflik{color:#0d9488!important}
.sc-comment-role.sc-role-color-mudur-yardimciligi,
.sc-demo-role.sc-role-color-mudur-yardimciligi,
.sc-comment-role.sc-exam-mudur-yardimcisi,
.sc-exam-mudur-yardimcisi{color:#ea580c!important}
.sc-comment-role.sc-role-color-mudurluk,
.sc-demo-role.sc-role-color-mudurluk,
.sc-comment-role.sc-exam-mudurluk,
.sc-exam-mudurluk{color:#dc2626!important}
.sc-comment-role.sc-role-color-ogretmenlik,
.sc-demo-role.sc-role-color-ogretmenlik,
.sc-comment-role.sc-exam-ogretmenlik,
.sc-exam-ogretmenlik{color:#db2777!important}
.sc-comment-role.sc-role-color-kpss,
.sc-demo-role.sc-role-color-kpss,
.sc-comment-role.sc-exam-kpss,
.sc-exam-kpss{color:#0891b2!important}
.sc-comment-role.sc-role-color-takip,
.sc-demo-role.sc-role-color-takip,
.sc-comment-role.sc-exam-takip,
.sc-exam-takip{color:#65a30d!important}
.sc-comment-role.sc-role-color-default,
.sc-demo-role.sc-role-color-default{color:#64748b!important}

/* ===== sc-comment-role-sefsinav-fix ===== */
.sc-comment-role.sc-role-color-seflik,
.sc-demo-role.sc-role-color-seflik{color:#0d9488!important}
.sc-comment-role.sc-role-color-sef,
.sc-demo-role.sc-role-color-sef{color:#e65100!important}

/* ===== sc-staff-role-anim ===== */
@keyframes scStaffShine {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes scStaffPulse {
  0%,100% { transform: translateY(0); filter: saturate(1); }
  50% { transform: translateY(-1px); filter: saturate(1.25); }
}
.sc-staff-badge,
.sc-comment-role.sc-role-color-tasarimci,
.sc-comment-role.sc-role-color-kodlamaci,
.sc-comment-role.sc-role-color-analizci,
.sc-demo-role.sc-role-color-tasarimci,
.sc-demo-role.sc-role-color-kodlamaci,
.sc-demo-role.sc-role-color-analizci {
  display:inline-block;
  font-weight:800 !important;
  background-size:200% 200% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  animation: scStaffShine 3s ease infinite, scStaffPulse 2.2s ease-in-out infinite;
}
.sc-staff-badge {
  font-size:.68rem;
  margin-left:4px;
  vertical-align:middle;
}
.sc-staff-tasarimci,
.sc-role-color-tasarimci {
  background-image: linear-gradient(90deg,#d946ef,#fb7185,#a855f7,#d946ef) !important;
}
.sc-staff-kodlamaci,
.sc-role-color-kodlamaci {
  background-image: linear-gradient(90deg,#06b6d4,#3b82f6,#22d3ee,#06b6d4) !important;
}
.sc-staff-analizci,
.sc-role-color-analizci {
  background-image: linear-gradient(90deg,#f59e0b,#84cc16,#fbbf24,#f59e0b) !important;
}

/* ===== sc-staff-role-icons ===== */
.sc-staff-title,.sc-staff-badge{display:inline-flex;align-items:center;gap:5px;vertical-align:middle}
.sc-staff-ico{
  width:22px;height:22px;object-fit:contain;flex:0 0 22px;
  filter:drop-shadow(0 1px 1px rgba(15,23,42,.18));
  animation: scStaffPulse 2.2s ease-in-out infinite;
}
.sc-forum-role .sc-staff-ico,.sc-comment-role .sc-staff-ico{width:20px;height:20px;flex-basis:20px}
@media(max-width:380px){
  .sc-staff-ico{width:18px;height:18px;flex-basis:18px}
}

/* ===== sc-forum-staff-ico-fix ===== */
#forum-screen .sc-forum-role-wrap{display:flex!important;align-items:center!important;gap:6px!important}
#forum-screen .sc-forum-role-wrap .sc-staff-ico,
#forum-screen .sc-forum-role .sc-staff-ico,
#forum-screen img.sc-staff-ico{
  display:inline-block!important;
  width:22px!important;height:22px!important;
  object-fit:contain!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 22px!important;
}

/* ===== sc-staff-ico-css-before ===== */
.sc-forum-role.sc-role-color-tasarimci::before,
.sc-comment-role.sc-role-color-tasarimci::before,
.sc-forum-role.sc-role-color-kodlamaci::before,
.sc-comment-role.sc-role-color-kodlamaci::before,
.sc-forum-role.sc-role-color-analizci::before,
.sc-comment-role.sc-role-color-analizci::before{
  content:"";
  display:inline-block !important;
  width:20px !important;
  height:20px !important;
  margin-right:6px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  vertical-align:middle !important;
  flex:0 0 20px !important;
}
.sc-forum-role.sc-role-color-tasarimci::before,
.sc-comment-role.sc-role-color-tasarimci::before{
  background-image:url("../perf/sc-embedded-02.png") !important;
}
.sc-forum-role.sc-role-color-kodlamaci::before,
.sc-comment-role.sc-role-color-kodlamaci::before{
  background-image:url("../perf/sc-embedded-03.png") !important;
}
.sc-forum-role.sc-role-color-analizci::before,
.sc-comment-role.sc-role-color-analizci::before{
  background-image:url("../perf/sc-embedded-04.png") !important;
}
.sc-forum-role.sc-role-color-tasarimci,
.sc-forum-role.sc-role-color-kodlamaci,
.sc-forum-role.sc-role-color-analizci{
  display:inline-flex !important;
  align-items:center !important;
}

/* ===== sc-calisma-in-card ===== */
#sc-calisma-slot.sc-calisma-slot{
  display:none;
  justify-content:flex-start;
  padding:0 4px 10px;
}
#scx-nav.sc-calisma-btn,
#sc-calisma-slot #scx-nav{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  border-radius:14px;
  padding:8px 14px;
  font-weight:800;
  font-size:.92rem;
}
#auth-bar-user > #scx-nav{display:none !important;}

/* ===== sc-forum-rules-3d ===== */
.sc-rules-box{padding:6px 2px 10px;line-height:1.55;color:inherit}
.sc-rules-lead{font-size:1.05rem;font-weight:800}
.sc-rules-item{display:flex;gap:10px;align-items:flex-start;margin:12px 0;padding:10px 12px;border-radius:14px;background:rgba(148,163,184,.08)}
.sc-rules-item p{margin:4px 0 0}
.sc-rules-3d{
  font-size:28px;line-height:1;flex:0 0 36px;text-align:center;
  filter: drop-shadow(0 3px 0 rgba(15,23,42,.18)) drop-shadow(0 6px 8px rgba(15,23,42,.16));
  transform: perspective(80px) rotateX(8deg);
}
.sc-rules-lock{margin:14px 0;padding:10px 12px;border-radius:12px;background:#fff7ed;color:#9a3412;font-weight:700}
.sc-rules-ul{margin:8px 0 0 18px;padding:0}
.sc-rules-end{margin-top:16px;font-weight:700}
#forum-screen .sc-forum-card[data-topic-id="sc-rules"]{border:1px solid rgba(234,88,12,.35);background:linear-gradient(180deg,#fff7ed,transparent)}

/* ===== sc-admin-role-ico ===== */
.sc-forum-role.sc-role-color-admin,.sc-comment-role.sc-role-color-admin,.sc-staff-admin{color:#16a34a!important;font-weight:800!important}
.sc-forum-role.sc-role-color-admin::before,.sc-comment-role.sc-role-color-admin::before{content:"";display:inline-block!important;width:22px!important;height:22px!important;margin-right:6px!important;border-radius:50%;background-image:url("../perf/sc-embedded-05.png")!important;background-size:cover!important;background-position:center!important;flex:0 0 22px!important;vertical-align:middle!important;box-shadow:0 0 8px rgba(34,197,94,.45)}
.sc-forum-role.sc-role-color-admin{display:inline-flex!important;align-items:center!important}

/* ===== sc-3d-header-buttons ===== */
/* =====================================================================
   ORTAK 3D ÜST BAR BUTONLARI
   Tüm kullanıcılar (üye / yönetici / admin) için TEK stil sistemi.
   Rol, kullanıcı adı ve avatar yalnızca içerik olarak değişir; gölge,
   bevel, parlaklık ve ölçüler aynıdır.

   Sınıflar
     .sc-3d           ortak taban: yüzey, degrade çerçeve, durumlar
     .sc-3d-pill      yatay hap butonlar (Yönetici, kullanıcı adı)
     .sc-3d-round     yuvarlak butonlar (profil resmi, tema, ay)
     .sc-3d--slate    ton: kullanıcı adı butonu
     .sc-3d--orange   ton: Yönetici paneli butonu
     .sc-3d--violet   ton: tema paleti
     .sc-3d--sky      ton: gece/gündüz
     .sc-3d--halo     ton: profil resmi
     .sc-3d--caret    kullanıcı adı butonunda açılır menü oku (yalnız masaüstü)
     .sc-3d-dot       hap içindeki küçük avatar halkası

   ÖLÇÜ / KONUM: bu blok width, height, padding, margin, font-size,
   position, top/left/right ve border KALINLIĞINA dokunmaz. Boyutlar
   mevcut kurallardan (özellikle mobil !important kurallarından) gelir;
   burada yalnızca boya katmanı (renk, degrade, gölge) vardır.
   ===================================================================== */

/* ---------- 1) Yüzey + ton değişkenleri (gündüz / açık temalar) ---------- */
.sc-3d{
  --sc3d-hi:rgba(255,255,255,.95);     /* üst parlaklık */
  --sc3d-lo:rgba(71,85,105,.13);       /* alt gölgeleme */
  --sc3d-rim:rgba(255,255,255,.95);    /* iç üst ışık çizgisi */
  --sc3d-tsh:0 1px 0 rgba(255,255,255,.85);

  /* varsayılan ton = slate */
  --sc3d-ring:linear-gradient(180deg,#cfd9e8,#94a6c2);
  --sc3d-edge-soft:rgba(148,166,194,.38);
  --sc3d-edge-deep:#8497b6;
  --sc3d-glow:rgba(71,99,146,.30);
  --sc3d-ink:var(--text-color);

  -webkit-tap-highlight-color:transparent;
  border-style:solid;
  border-color:transparent;            /* kalınlık mevcut kuraldan gelir */
  color:var(--sc3d-ink);
  background:
    linear-gradient(180deg,var(--sc3d-hi) 0%,rgba(255,255,255,0) 55%) padding-box,
    linear-gradient(0deg,var(--sc3d-lo) 0%,rgba(0,0,0,0) 45%) padding-box,
    linear-gradient(var(--card-bg),var(--card-bg)) padding-box,
    var(--sc3d-ring) border-box;
  text-shadow:var(--sc3d-tsh);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}

/* ---------- 2) Tonlar (gündüz) ---------- */
.sc-3d--slate{
  --sc3d-ring:linear-gradient(180deg,#cfd9e8,#94a6c2);
  --sc3d-edge-soft:rgba(148,166,194,.38);
  --sc3d-edge-deep:#8497b6;
  --sc3d-glow:rgba(71,99,146,.30);
  --sc3d-ink:var(--text-color);
}
.sc-3d--orange{
  --sc3d-ring:linear-gradient(180deg,#ffd27a,#ffab40 55%,#ff8a1f);
  --sc3d-edge-soft:rgba(255,171,64,.42);
  --sc3d-edge-deep:#f58a1f;
  --sc3d-glow:rgba(245,124,0,.42);
  --sc3d-ink:#e26a00;
}
.sc-3d--violet{
  --sc3d-ring:linear-gradient(145deg,#c084fc,#8b5cf6 45%,#60a5fa);
  --sc3d-edge-soft:rgba(167,139,250,.36);
  --sc3d-glow:rgba(139,92,246,.40);
}
.sc-3d--sky{
  --sc3d-ring:linear-gradient(145deg,#bae6fd,#38bdf8 55%,#3b82f6);
  --sc3d-edge-soft:rgba(56,189,248,.36);
  --sc3d-glow:rgba(56,189,248,.42);
}
.sc-3d--halo{
  --sc3d-ring:linear-gradient(210deg,#ffffff 0%,#dbeafe 34%,#93c5fd 62%,#f9a8d4 100%);
  --sc3d-edge-soft:rgba(147,180,255,.34);
  --sc3d-glow:rgba(99,102,241,.32);
}

/* ---------- 3) Koyu temalar: yüzey + ton uyarlamaları ---------- */
:is(body.dark-mode,body.theme-night-sky) .sc-3d{
  --sc3d-hi:rgba(255,255,255,.14);
  --sc3d-lo:rgba(0,0,0,.30);
  --sc3d-rim:rgba(255,255,255,.20);
  --sc3d-tsh:0 1px 0 rgba(0,0,0,.55);
}
:is(body.dark-mode,body.theme-night-sky) .sc-3d--slate{
  --sc3d-ring:linear-gradient(180deg,#64748b,#334155);
  --sc3d-edge-soft:rgba(148,163,184,.22);
  --sc3d-edge-deep:#0b1220;
  --sc3d-glow:rgba(0,0,0,.55);
}
:is(body.dark-mode,body.theme-night-sky) .sc-3d--orange{
  --sc3d-ring:linear-gradient(180deg,#ffb454,#f97316);
  --sc3d-edge-soft:rgba(255,170,70,.28);
  --sc3d-edge-deep:#b45309;
  --sc3d-glow:rgba(249,115,22,.45);
  --sc3d-ink:#ffa94d;
}
:is(body.dark-mode,body.theme-night-sky) .sc-3d--violet{
  --sc3d-ring:linear-gradient(145deg,#a78bfa,#6366f1 55%,#60a5fa);
  --sc3d-edge-soft:rgba(167,139,250,.28);
  --sc3d-glow:rgba(139,92,246,.50);
}
:is(body.dark-mode,body.theme-night-sky) .sc-3d--sky{
  --sc3d-ring:linear-gradient(145deg,#7dd3fc,#38bdf8 55%,#6366f1);
  --sc3d-edge-soft:rgba(56,189,248,.28);
  --sc3d-glow:rgba(56,189,248,.45);
}
:is(body.dark-mode,body.theme-night-sky) .sc-3d--halo{
  --sc3d-ring:linear-gradient(210deg,#e2e8f0,#93c5fd 45%,#f0abfc);
  --sc3d-edge-soft:rgba(147,180,255,.26);
  --sc3d-glow:rgba(129,140,248,.50);
}

/* ---------- 4) Hap (pill) biçimi: kullanıcı adı + Yönetici ---------- */
.sc-3d-pill{
  position:relative;
  border-radius:14px;
  box-shadow:
    inset 0 -2px 0 var(--sc3d-edge-deep),
    inset 0 1px 0 var(--sc3d-rim),
    inset 0 0 0 2px var(--sc3d-edge-soft),
    0 8px 14px -8px var(--sc3d-glow),
    0 2px 3px rgba(15,23,42,.12);
}
.sc-3d-pill:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
  box-shadow:
    inset 0 -2px 0 var(--sc3d-edge-deep),
    inset 0 1px 0 var(--sc3d-rim),
    inset 0 0 0 2px var(--sc3d-edge-soft),
    0 12px 18px -8px var(--sc3d-glow),
    0 3px 5px rgba(15,23,42,.14);
}
.sc-3d-pill:active{
  transform:translateY(1px);
  filter:none;
  box-shadow:
    inset 0 -1px 0 var(--sc3d-edge-deep),
    inset 0 3px 5px rgba(15,23,42,.16),
    inset 0 0 0 2px var(--sc3d-edge-soft),
    0 2px 4px -2px var(--sc3d-glow);
}

/* ---------- 5) Yuvarlak biçim: profil resmi + 🎨 + 🌙 ---------- */
.sc-3d-round{
  text-shadow:0 2px 3px rgba(15,23,42,.30);
  box-shadow:
    inset 0 2px 3px var(--sc3d-rim),
    inset 0 -4px 6px var(--sc3d-edge-soft),
    0 10px 18px -8px var(--sc3d-glow),
    0 3px 6px rgba(15,23,42,.14);
}
.sc-3d-round:hover{
  filter:brightness(1.04);
  box-shadow:
    inset 0 2px 3px var(--sc3d-rim),
    inset 0 -4px 6px var(--sc3d-edge-soft),
    0 14px 22px -8px var(--sc3d-glow),
    0 4px 8px rgba(15,23,42,.16);
}
.sc-3d-round:active{
  filter:none;
  box-shadow:
    inset 0 3px 6px rgba(15,23,42,.20),
    inset 0 -2px 4px var(--sc3d-edge-soft),
    0 3px 6px -3px var(--sc3d-glow);
}
/* Profil resmi: görselin üstüne ince cam parlaklığı (tıklamayı engellemez) */
.sc-home-profile-avatar.sc-3d-round::after{
  content:"";position:absolute;top:0;right:0;bottom:0;left:0;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(90% 60% at 32% 8%,rgba(255,255,255,.50),rgba(255,255,255,0) 62%);
}
.sc-home-profile-avatar.sc-3d-round:hover{transform:translateY(-1px)}

/* ---------- 6) Ayrıntılar ---------- */
/* Hap içindeki küçük avatar: ölçüsüz (yalnız gölge) halka */
.sc-3d-dot{
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 1px #fff,0 0 0 2px var(--sc3d-edge-soft),0 2px 4px var(--sc3d-glow);
}
/* Rozet (admin/tasarımcı/kodlamacı/analizci) ikonuna hafif derinlik */
.sc-3d-pill .sc-staff-badge{text-shadow:none}
.sc-3d-pill .sc-staff-ico{filter:drop-shadow(0 2px 2px rgba(15,23,42,.35))}

/* Açılır menü oku: yalnız masaüstü (mobil ölçüler değişmesin) */
@media (min-width:769px){
  .sc-3d-pill.sc-3d--caret::after{
    content:"";flex:0 0 auto;
    width:6px;height:6px;margin:-3px 0 0 9px;
    border:solid currentColor;border-width:0 2px 2px 0;border-radius:1px;
    opacity:.85;transform:rotate(45deg);
    transition:transform .2s ease,margin .2s ease;
  }
  .sc-3d-pill.sc-3d--caret[aria-expanded="true"]::after{
    margin-top:3px;transform:rotate(-135deg);
  }
}

/* Klavye odağı */
.sc-3d:focus-visible{
  outline:2px solid var(--primary-color,#1a73e8);
  outline-offset:2px;
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion:reduce){
  .sc-3d,.sc-3d::after{transition:none !important}
  .sc-3d:hover,.sc-3d:active{transform:none !important}
}

/* ===== sc-auth-3d ===== */
/* =====================================================================
   Ana sayfa üst bar: "Giriş Yap" ve "Üye Ol" — premium 3D görünüm
   Yalnızca boya katmanı (renk, degrade, gölge, köşe yuvarlaklığı).
   width / height / padding / margin / font-size / border KALINLIĞI ve
   konum mevcut kurallardan gelir; bağlantılar ve işlevler değişmez.
   ===================================================================== */
#auth-bar-guest.top-auth-bar > a.btn-outline,
#auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn {
  position: relative;
  border-radius: 14px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-tap-highlight-color: transparent;
  letter-spacing: .2px;
  animation: none !important;
  transition: transform .14s ease, box-shadow .14s ease, filter .18s ease !important;
  will-change: transform;
}

/* ---- Giriş Yap: mavi, kabartmalı, parlak kenarlı ---- */
#auth-bar-guest.top-auth-bar > a.btn-outline {
  border-color: #0c3fb0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.10) 44%, rgba(255,255,255,0) 50%) padding-box,
    linear-gradient(180deg, #55a3ff 0%, #1f6df0 48%, #0f47cc 100%) padding-box !important;
  text-shadow: 0 1px 2px rgba(3,24,90,.60) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    inset 0 0 0 1px rgba(160,205,255,.55),
    inset 0 -3px 0 rgba(6,32,120,.40),
    0 3px 0 #0a338f,
    0 9px 16px -5px rgba(31,109,240,.60),
    0 0 12px rgba(80,160,255,.32) !important;
}

/* ---- Üye Ol: rengarenk, akan gökkuşağı zemin + 3D kabartma ---- */
#auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn {
  background-color: #ff2d6f !important;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.40) 0%, rgba(255,255,255,.10) 44%, rgba(255,255,255,0) 50%),
    linear-gradient(90deg, #ff2d6f 0%, #ff8a00 16%, #ffd400 30%, #22c55e 46%, #00c8ff 60%, #3b82f6 74%, #a855f7 88%, #ff2d6f 100%) !important;
  background-size: 100% 100%, 200% 100% !important;
  background-repeat: no-repeat, repeat-x !important;
  animation: scUyeRainbowMove 2.4s linear infinite !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.60), 0 0 5px rgba(0,0,0,.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 0 0 1px rgba(255,215,170,.50),
    inset 0 -3px 0 rgba(110,20,90,.38),
    0 3px 0 #5b2a8c,
    0 9px 16px -5px rgba(168,85,247,.55),
    0 0 12px rgba(0,200,255,.30) !important;
}

/* ---- Hover / dokunma: hafif yükselme, basınca aşağı çökme ---- */
@media (hover: hover) {
  #auth-bar-guest.top-auth-bar > a.btn-outline:hover,
  #auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.06) saturate(1.05);
  }
}
#auth-bar-guest.top-auth-bar > a.btn-outline:active {
  transform: translateY(3px);
  filter: none;
  box-shadow:
    inset 0 2px 5px rgba(3,24,90,.45),
    inset 0 0 0 1px rgba(160,205,255,.40),
    0 0 0 #0a338f,
    0 3px 8px -3px rgba(31,109,240,.55) !important;
}
#auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn:active {
  transform: translateY(3px);
  filter: none;
  box-shadow:
    inset 0 2px 5px rgba(90,10,60,.45),
    inset 0 0 0 1px rgba(255,215,170,.40),
    0 0 0 #5b2a8c,
    0 3px 8px -3px rgba(168,85,247,.55) !important;
}
#auth-bar-guest.top-auth-bar > a.btn-outline:focus-visible,
#auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* ---- Koyu temalar: aynı renkler, biraz daha güçlü parlama ---- */
body.dark-mode #auth-bar-guest.top-auth-bar > a.btn-outline,
body.theme-night-sky #auth-bar-guest.top-auth-bar > a.btn-outline {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 0 0 1px rgba(160,205,255,.45),
    inset 0 -3px 0 rgba(6,32,120,.50),
    0 3px 0 #06215f,
    0 9px 18px -5px rgba(56,130,255,.65),
    0 0 14px rgba(80,160,255,.38) !important;
}
body.dark-mode #auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn,
body.theme-night-sky #auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 0 0 1px rgba(255,215,170,.42),
    inset 0 -3px 0 rgba(110,20,90,.48),
    0 3px 0 #3b1a63,
    0 9px 18px -5px rgba(168,85,247,.65),
    0 0 14px rgba(0,200,255,.36) !important;
}

@media (prefers-reduced-motion: reduce) {
  #auth-bar-guest.top-auth-bar > a.btn-outline,
  #auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn { transition: none !important; animation: none !important; }
  #auth-bar-guest.top-auth-bar > a.btn-outline:hover,
  #auth-bar-guest.top-auth-bar > button.btn-primary-sm.sc-uye-ol-btn:hover { transform: none; }
}


/* ===== SinavCep Tanışma MOBİL V17 =====
   Yalnızca 768px ve altı ekranlarda Tanışma sayfasının zeminini
   ve forum listesinin kapsayıcı yüksekliğini düzeltir.
*/
@media (max-width:768px){
  body:has(#forum-screen) {
    background:var(--card-bg,#fff) !important;
  }

  #forum-screen {
    background:var(--card-bg,#fff) !important;
    background-color:var(--card-bg,#fff) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  #forum-screen .sc-forum-topics {
    background:var(--card-bg,#fff) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  #forum-screen .sc-forum-card {
    background:var(--card-bg,#fff) !important;
  }

  #quiz-card.card:has(#forum-screen) {
    background:var(--card-bg,#fff) !important;
    height:auto !important;
    min-height:100vh !important;
    max-height:none !important;
    overflow:visible !important;
  }

  #quiz-card.card:has(#forum-screen) > * {
    max-height:none !important;
  }
}

/* ===== YÖNETİCİ PANELİ / ÜYELER - MOBİL ÖZEL TABLO V3 =====
   Telefonda her üye tek parça kart gibi görünür; masaüstüne dokunmaz. */
.sc-mobile-email { display:none; }

@media (max-width: 600px) {
    #admin-content .admin-users-table-wrapper {
        overflow: visible;
        width: 100%;
        max-width: 100%;
        background: transparent;
        border: 0;
        border-radius: 0;
    }

    #admin-content table.admin-users-table {
        width: 100%;
        min-width: 0;
        border-collapse: separate;
        border-spacing: 0 6px;
        table-layout: fixed;
        font-size: 12px;
        text-align: left;
    }

    #admin-content table.admin-users-table tr {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) auto auto;
        align-items: stretch;
        width: 100%;
        box-sizing: border-box;
    }

    #admin-content table.admin-users-table th {
        padding: 7px 5px;
        border: 0;
        background: var(--btn-hover);
        font-size: 10px;
        line-height: 1.1;
        white-space: nowrap;
        overflow: hidden;
    }

    #admin-content table.admin-users-table th:nth-child(3),
    #admin-content table.admin-users-table th:nth-child(6) {
        display: none;
    }

    #admin-content table.admin-users-table td {
        min-width: 0;
        padding: 8px 5px;
        border-top: 1px solid var(--border-color);
        border-bottom: 1px solid var(--border-color);
        background: var(--card-bg);
        box-sizing: border-box;
        line-height: 1.2;
        overflow-wrap: anywhere;
    }

    /* ID + Üye + Rol + Durum artık tek bir dış kartın parçalarıdır. */
    #admin-content table.admin-users-table tr:not(:first-child) td:first-child {
        border-left: 1px solid var(--border-color);
        border-radius: 10px 0 0 10px;
    }

    #admin-content table.admin-users-table tr:not(:first-child) td:nth-child(2) {
        border-left: 0;
    }

    #admin-content table.admin-users-table tr:not(:first-child) td:nth-child(5) {
        border-right: 1px solid var(--border-color);
        border-radius: 0 10px 10px 0;
    }

    #admin-content table.admin-users-table td:nth-child(3) {
        display: none;
    }

    /* İşlemler kartın devamı; üstteki kartla birleşir. */
    #admin-content table.admin-users-table td:nth-child(6) {
        grid-column: 1 / -1;
        border-left: 1px solid var(--border-color);
        border-right: 1px solid var(--border-color);
        border-top: 0;
        border-radius: 0 0 10px 10px;
        padding: 4px 7px 7px;
        margin-top: -6px;
    }

    #admin-content table.admin-users-table tr:not(:first-child) td:nth-child(4),
    #admin-content table.admin-users-table tr:not(:first-child) td:nth-child(5) {
        white-space: nowrap;
        font-size: 10px;
    }

    #admin-content table.admin-users-table tr:not(:first-child) td:nth-child(4) {
        text-align: center;
    }

    #admin-content table.admin-users-table tr:not(:first-child) td:nth-child(5) {
        text-align: right;
    }

    #admin-content table.admin-users-table .sc-admin-user-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 4px;
        width: 100%;
    }

    #admin-content table.admin-users-table .sc-admin-user-actions button {
        flex: 0 0 auto;
        margin: 0 !important;
        padding: 4px 6px !important;
        min-height: 25px;
        border-radius: 6px;
        font-size: 9px !important;
        line-height: 1.05;
        white-space: nowrap;
    }

    #admin-content table.admin-users-table .sc-member-name-text {
        display: inline-flex;
        min-width: 0;
        max-width: 100%;
        flex-direction: column;
        vertical-align: middle;
    }

    #admin-content table.admin-users-table .sc-mobile-email {
        display: block;
        margin-top: 2px;
        color: var(--secondary-text);
        font-size: 9px;
        font-weight: 400;
        line-height: 1.15;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }

    #admin-content table.admin-users-table .sc-online-dot {
        margin-right: 4px;
        flex: 0 0 8px;
        width: 8px;
        height: 8px;
    }

    #admin-content table.admin-users-table tr:hover td {
        background: var(--card-bg);
    }
}



/* ===== MOBİL ÜYE KARTI - ANA YÖNETİCİ HİZASI ===== */
@media (max-width: 600px) {
    #admin-content table.admin-users-table tr:not(:first-child) td:nth-child(2) {
        position: relative;
    }

    #admin-content table.admin-users-table .sc-admin-badge,
    #admin-content table.admin-users-table .admin-badge,
    #admin-content table.admin-users-table .sc-main-admin-badge {
        display: inline-block;
        margin-top: 3px;
        line-height: 1.15;
    }
}


/* ===== MOBİL ÜYE KARTI SON TEMİZLİK =====
   Üye bilgisi ile işlem butonları arasındaki yatay çizgiyi kaldırır.
   Sadece mobil üyeler bölümünü etkiler. */
@media (max-width: 600px) {
    #admin-content table.admin-users-table tr:not(:first-child) td:nth-child(1),
    #admin-content table.admin-users-table tr:not(:first-child) td:nth-child(2),
    #admin-content table.admin-users-table tr:not(:first-child) td:nth-child(4),
    #admin-content table.admin-users-table tr:not(:first-child) td:nth-child(5) {
        border-bottom: 0 !important;
    }

    #admin-content table.admin-users-table tr:not(:first-child) td:nth-child(6) {
        border-top: 0 !important;
        margin-top: 0 !important;
    }

    /* Admin kartındaki Ana Yönetici etiketi çizgiyle bölünmesin. */
    #admin-content table.admin-users-table tr:not(:first-child) td:nth-child(2) {
        padding-bottom: 7px;
    }

    #admin-content table.admin-users-table tr:not(:first-child) td:nth-child(6) {
        padding-top: 5px;
    }
}