/* SorCevap ortak arayüz katmanı: mobil güvenli alanlar ve yönetim kabuğu. */
:root{--tap:44px;--admin:#5c46e8;--admin-dark:#27243a}
body{min-width:320px;padding-bottom:env(safe-area-inset-bottom);overflow-x:hidden}
main{min-height:60vh}
:focus-visible{outline:3px solid rgba(92,70,232,.3);outline-offset:3px}
.button{min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.menu-toggle{flex:0 0 44px}
.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu[hidden]{display:none}.mobile-menu{max-height:calc(100vh - 70px);overflow:auto;box-shadow:0 16px 26px rgba(39,36,58,.08)}
.bottom-nav{bottom:max(10px,env(safe-area-inset-bottom));height:78px}.site-footer{padding-bottom:calc(115px + env(safe-area-inset-bottom))}

/* Yönetim alanı */
.admin-area{background:#f6f5fa}.admin-area .site-header{position:relative}.admin-area .site-footer{display:none}
.admin-nav{position:sticky;top:0;z-index:45;background:#28243b;color:#d9d5eb;box-shadow:0 8px 24px rgba(30,25,48,.12)}
.admin-nav-inner{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.admin-nav-inner::-webkit-scrollbar{display:none}
.admin-nav a{min-height:48px;padding:0 13px;display:flex;align-items:center;white-space:nowrap;font-size:12px;font-weight:750;border-bottom:3px solid transparent}
.admin-nav a:hover,.admin-nav a:focus,.admin-nav a.active{color:#fff;background:rgba(255,255,255,.07)}.admin-nav a.active{border-bottom-color:#a98cff}.admin-nav .admin-view-site{margin-left:auto;color:#fff}
.admin-area .page-main{padding:32px 0 120px}.admin-area .toolbar{margin-bottom:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.admin-area .toolbar h1{margin:0 0 7px;font-size:clamp(29px,7vw,44px);letter-spacing:-1.5px}.admin-area .toolbar p{margin:0;color:var(--muted);line-height:1.55}
.admin-area .toolbar .header-actions{display:none}
.admin-area .profile-stats{margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 24px rgba(50,39,76,.05)}
.admin-area .profile-stats>div{min-width:0;padding:18px;background:#fff}.admin-area .profile-stats strong{display:block;color:var(--admin-dark);font-size:28px;line-height:1}.admin-area .profile-stats span{display:block;margin-top:7px;color:var(--muted);font-size:10px;font-weight:700}
.admin-area h2{margin:30px 0 13px;font-size:22px;letter-spacing:-.6px}
.admin-area .all-question-list{display:grid;gap:12px}.admin-area .all-question-list>p{margin:0;padding:22px;color:var(--muted);text-align:center;background:#fff;border:1px dashed #dcd7e7;border-radius:17px}
.admin-area .question-card{display:grid;gap:15px}.admin-area .question-card::before{display:none}.admin-area .question-card form{display:flex;flex-wrap:wrap;gap:8px}.admin-area .question-card .button{min-height:40px;padding:9px 14px}
.admin-bottom-nav{height:76px;position:fixed;z-index:70;right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;padding:0 7px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:rgba(255,255,255,.97);border:1px solid #e9e5f0;border-radius:21px;box-shadow:0 13px 35px rgba(35,27,54,.2);backdrop-filter:blur(16px)}
.admin-bottom-nav a{height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#777287}.admin-bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.admin-bottom-nav small{font-size:9px;font-weight:750}.admin-bottom-main{align-self:end;height:80px!important;color:var(--admin)!important}.admin-bottom-main span{width:52px;height:52px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#6e53e9,#9b52df);border:5px solid #f6f5fa;border-radius:50%;box-shadow:0 8px 20px rgba(92,70,232,.28)}.admin-bottom-main span svg{width:27px;height:27px}

@media(min-width:700px){.admin-area .profile-stats{grid-template-columns:repeat(4,1fr)}.admin-area .question-card{grid-template-columns:1fr auto;align-items:center}.admin-bottom-nav{display:none}.admin-area .page-main{padding-bottom:70px}}
@media(min-width:980px){.admin-nav{top:0}.admin-area .toolbar .header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}.admin-area .profile-stats>div{padding:23px}.admin-area .profile-stats strong{font-size:34px}}

/* Yönetim ana ekranı */
.admin-kicker,.admin-section-title span{color:#8064df;font-size:10px;font-weight:900;letter-spacing:1.1px}.admin-welcome .button{display:none}
.admin-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-metric-grid>a{min-width:0;padding:17px;background:#fff;border:1px solid #ebe7f1;border-radius:18px;box-shadow:0 7px 22px rgba(49,38,72,.045)}.admin-metric-grid span,.admin-metric-grid small{display:block;color:var(--muted);font-size:10px}.admin-metric-grid strong{display:block;margin:7px 0 5px;font-size:27px;letter-spacing:-1px}.admin-metric-grid a:hover{border-color:#d9d0ee;transform:translateY(-1px)}
.admin-quick-section,.admin-queue-section{margin-top:32px}.admin-section-title{margin-bottom:13px;display:flex;align-items:end;justify-content:space-between;gap:12px}.admin-section-title h2{margin:4px 0 0}.admin-section-title em{padding:6px 9px;color:#756c83;background:#ece8f2;border-radius:999px;font-size:9px;font-style:normal;font-weight:800}
.admin-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-quick-grid>a{min-width:0;padding:14px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #ebe7f1;border-radius:17px}.admin-quick-grid b{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;color:#6c50d5;background:#f0ebff;border-radius:12px;font-size:10px}.admin-quick-grid span{min-width:0}.admin-quick-grid strong,.admin-quick-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-quick-grid strong{font-size:12px}.admin-quick-grid small{margin-top:3px;color:var(--muted);font-size:9px}
.admin-empty{padding:28px 20px;text-align:center;background:#fff;border:1px dashed #dcd7e7;border-radius:18px}.admin-empty span{width:37px;height:37px;margin:0 auto 10px;display:grid;place-items:center;color:#16865d;background:#eaf9f3;border-radius:50%;font-weight:900}.admin-empty strong{display:block;font-size:14px}.admin-empty p{margin:5px 0 0;color:var(--muted);font-size:11px}
@media(min-width:700px){.admin-welcome .button{display:inline-flex}.admin-metric-grid{grid-template-columns:repeat(3,1fr)}.admin-quick-grid{grid-template-columns:repeat(4,1fr)}}
.legal-content section{padding:8px 0}.legal-updated{margin:15px 0 25px;color:#9891a2;font-size:11px}.legal-contact{margin-top:35px;padding:22px;background:linear-gradient(135deg,#f5f0ff,#fff3f7);border:1px solid #ebe3f5;border-radius:20px}.legal-contact strong{font-size:18px}.legal-contact p{color:var(--muted);line-height:1.6}.footer-links{flex-wrap:wrap;justify-content:center}
.gallery-item{position:relative;padding:0;overflow:hidden;background:#f3f1f5;border:0;border-radius:15px}.gallery-item img{width:100%;height:auto;display:block}.gallery-item span{position:absolute;right:10px;bottom:10px;padding:6px 9px;color:#fff;background:rgba(25,22,35,.7);border-radius:8px;font-size:9px}.image-lightbox{width:min(94vw,1100px);max-height:92vh;padding:0;overflow:visible;background:transparent;border:0}.image-lightbox::backdrop{background:rgba(18,15,25,.86);backdrop-filter:blur(5px)}.image-lightbox img{max-width:100%;max-height:88vh;display:block;margin:auto;border-radius:14px}.image-lightbox button{width:42px;height:42px;position:absolute;z-index:2;top:-18px;right:-8px;color:#fff;background:#2b2635;border:2px solid #fff;border-radius:50%;font-size:25px}.detail-main{min-width:0;display:grid;gap:18px}.detail-action-buttons{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:5px}.detail-action-buttons form{display:inline}.answers-heading>span{color:var(--muted);font-size:9px}.write-answer>p{margin:0;color:var(--muted);font-size:11px}.brand-button{min-height:42px;margin-top:13px}
.ask-progress{max-width:650px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;gap:9px}.ask-progress span{display:flex;align-items:center;gap:6px;color:#9b94a4;font-size:9px;font-weight:800}.ask-progress span b{width:25px;height:25px;display:grid;place-items:center;background:#eeeaf2;border-radius:50%}.ask-progress span.active{color:var(--brand,#7053e8)}.ask-progress span.active b{color:#fff;background:var(--brand,#7053e8)}.ask-progress i{width:35px;height:1px;background:#dfdae5}.field-block{display:grid;gap:7px;padding:8px 0}.field-block>label{font-size:11px;font-weight:800}.field-block label em{color:var(--muted);font-size:9px;font-style:normal;font-weight:500}.field-block>small{color:var(--muted);font-size:9px;line-height:1.5}.field-with-count{position:relative}.field-with-count>input,.field-with-count>textarea{padding-right:62px!important}.field-with-count>span{position:absolute;right:11px;top:50%;color:#aaa3b0;font-size:8px;transform:translateY(-50%)}.textarea-count>span{top:auto;bottom:10px;transform:none}.category-picker{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(150px,1.3fr);gap:8px}.similar-suggestions{padding:13px;background:#f6f2ff;border:1px solid #e5dcf8;border-radius:13px}.similar-suggestions>strong{display:block;margin-bottom:7px;color:#5e49ad;font-size:10px}.similar-suggestions>div{display:grid}.similar-suggestions a{padding:8px 0;display:grid;border-bottom:1px solid #e8e0f6;font-size:11px;font-weight:750}.similar-suggestions a:last-child{border:0}.similar-suggestions a span{margin-top:3px;color:var(--muted);font-size:8px;font-weight:500}.file-summary{padding:10px;color:var(--muted);background:#f8f6fa;border-radius:10px;font-size:9px}.file-summary.is-error{color:#b42318;background:#fff1f0}.anonymous-check{padding:13px!important;align-items:flex-start!important;background:#faf8fc;border:1px solid var(--line);border-radius:13px}.anonymous-check>span{display:grid;gap:3px}.anonymous-check strong{font-size:10px}.anonymous-check small{color:var(--muted);font-size:8px;line-height:1.45}.ask-form-footer>span{color:var(--muted);font-size:9px}.ask-form-footer button:disabled{opacity:.65;cursor:wait}@media(max-width:520px){.category-picker{grid-template-columns:1fr}.ask-progress i{width:18px}}
.notification-center,.preference-page{max-width:850px}.notification-toolbar{margin-bottom:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.notification-toolbar nav{display:flex;gap:6px}.notification-toolbar nav a{padding:9px 12px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:800}.notification-toolbar nav a.active{color:#fff;background:#7053e8;border-color:#7053e8}.notification-toolbar>div{display:flex;flex-wrap:wrap;gap:5px}.notification-toolbar form{display:inline}.notification-toolbar .button{min-height:38px;padding:8px 10px;font-size:9px}.notification-item{grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center;border:1px solid transparent;box-shadow:0 5px 18px rgba(55,41,82,.04)}.notification-item.unread{border-color:#ddd3f4;border-left:4px solid #7053e8}.notification-item>span{color:#a097aa;font-size:22px}.notification-empty{padding:40px 20px;text-align:center;background:#fff;border:1px dashed #ddd7e5;border-radius:19px}.notification-empty span{width:46px;height:46px;margin:0 auto 12px;display:grid;place-items:center;color:#19855e;background:#e9f8f2;border-radius:50%;font-size:20px}.notification-empty strong{display:block}.notification-empty p{margin:6px 0 0;color:var(--muted);font-size:11px}.preference-card{padding:20px;display:grid;gap:3px;background:#fff;border:1px solid var(--line);border-radius:20px}.preference-card>label{padding:16px 3px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #f0edf3}.preference-card label>span{display:grid;gap:4px}.preference-card strong{font-size:12px}.preference-card small{color:var(--muted);font-size:9px;line-height:1.5}.preference-card input{width:22px;height:22px;accent-color:#7053e8}.preference-card>.button{margin-top:14px}
