:root{--bg:#f5f7fb;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--brand:#2563eb;--brand2:#0f172a;--danger:#dc2626;--ok:#16a34a;--warn:#d97706;--shadow:0 16px 38px rgba(15,23,42,.08)}
html[data-theme="dark"]{--bg:#0b1020;--card:#111827;--text:#f8fafc;--muted:#a1a1aa;--line:#293145;--brand:#60a5fa;--brand2:#e5e7eb;--shadow:0 16px 38px rgba(0,0,0,.25)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--site-font, Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);font:inherit}textarea{min-height:130px}label{display:block;margin:0 0 14px;font-weight:650}label input,label select,label textarea{margin-top:7px}.container{width:min(1180px,92vw);margin:auto}.top-space{padding-top:24px}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}html[data-theme="dark"] .site-header{background:rgba(17,24,39,.86)}.nav-wrap{display:flex;align-items:center;gap:18px;min-height:72px}.brand,.panel-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;color:var(--brand2)}.brand img{object-fit:contain}.top-nav{display:flex;gap:4px;flex:1}.top-nav a{padding:10px 12px;border-radius:999px;color:var(--muted);font-weight:650}.top-nav a:hover{background:var(--bg);color:var(--text)}.nav-actions{display:flex;align-items:center;gap:8px}.nav-toggle,.theme-btn,.sidebar-toggle{border:0;border-radius:12px;background:var(--bg);color:var(--text);padding:10px 12px;font-weight:800;cursor:pointer;transition:all 0.3s ease}
.theme-btn{padding:8px 10px;display:flex;align-items:center;justify-content:center;font-size:18px}
.theme-btn:hover{background:var(--line);transform:scale(1.1)}
.theme-icon{display:inline-block;line-height:1}.nav-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;background:var(--brand);color:white;padding:12px 18px;font-weight:800;cursor:pointer}.btn.ghost{background:var(--bg);color:var(--text);border:1px solid var(--line)}.btn.small{padding:9px 12px;border-radius:11px;font-size:14px}.btn.danger{background:var(--danger)}.btn.full{width:100%}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:20px;margin-bottom:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.card-body{padding:18px}.article-card img,.article-card .placeholder{height:190px;width:100%;object-fit:cover;background:linear-gradient(135deg,#dbeafe,#f1f5f9);display:flex;align-items:center;justify-content:center;color:#475569;font-weight:900}.hero-main .article-card img{height:390px}.tag{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(37,99,235,.1);color:var(--brand);font-size:12px;font-weight:900}.breaking{display:flex;align-items:center;gap:10px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:18px;padding:12px 16px;margin:0 0 20px;overflow:auto}.section-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 14px}.section-title h2{margin:0}.article-content{font-size:18px;line-height:1.78}.article-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:14px}.reaction-row{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.comment{padding:14px;border:1px solid var(--line);border-radius:16px;margin:12px 0;background:var(--card)}.site-footer{margin-top:50px;background:var(--card);border-top:1px solid var(--line);padding:28px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-grid a{display:block;color:var(--muted);margin:8px 0}.alert{padding:12px 14px;border-radius:14px;margin:0 0 16px;border:1px solid var(--line);background:var(--card)}.alert-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.alert-danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}.alert-warning{border-color:#fde68a;background:#fffbeb;color:#92400e}.muted{color:var(--muted)}.install-wrap{min-height:100vh;display:grid;place-items:center;padding:30px}.install-card{width:min(780px,94vw);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;padding:28px}.panel-body{display:flex;min-height:100vh}.sidebar{width:280px;position:fixed;inset:0 auto 0 0;background:var(--card);border-right:1px solid var(--line);padding:18px;overflow:auto}.panel-brand{margin-bottom:18px}.side-nav{display:grid;gap:8px}.side-nav a{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:750;padding:12px 14px;border-radius:14px}.side-nav a:hover,.side-nav a.active{background:var(--bg);color:var(--brand)}.panel-main{margin-left:280px;flex:1}.panel-top{position:sticky;top:0;background:rgba(245,247,251,.92);backdrop-filter:blur(14px);z-index:5;border-bottom:1px solid var(--line);padding:18px 26px;display:flex;align-items:center;justify-content:space-between}.panel-top h1{margin:0;font-size:24px}.panel-top p{margin:3px 0 0;color:var(--muted)}.panel-content{padding:26px}.table-wrap{overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:13px;color:var(--muted);text-transform:uppercase}.actions{display:flex;gap:8px;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.stat strong{font-size:28px;display:block}.form-card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.badge{display:inline-block;border-radius:999px;background:var(--bg);padding:5px 9px;color:var(--muted);font-weight:800;font-size:12px}.check-row{display:flex;gap:16px;flex-wrap:wrap}.check-row label{display:flex;align-items:center;gap:8px}.check-row input{width:auto}.sidebar-toggle{display:none;margin-bottom:12px}.profile-head{display:flex;gap:18px;align-items:center}.avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;background:var(--line)}@media(max-width:900px){.nav-toggle{display:inline-flex}.top-nav{display:none;position:absolute;top:72px;left:4vw;right:4vw;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow);flex-direction:column}.top-nav.open{display:flex}.nav-wrap{gap:10px}.nav-actions{margin-left:auto}.hero{grid-template-columns:1fr}.grid.two,.grid.three,.footer-grid,.stat-grid{grid-template-columns:1fr}.sidebar{position:static;width:100%;border-right:0;border-bottom:1px solid var(--line)}.panel-body{display:block}.panel-main{margin-left:0}.sidebar-toggle{display:block}.side-nav{display:none}.side-nav.open{display:grid}.panel-top{position:static;padding:16px;align-items:flex-start;gap:12px}.panel-content{padding:16px}.hero-main .article-card img{height:240px}}
.badge.ok{background:#dcfce7;color:#166534}.badge.danger{background:#fee2e2;color:#991b1b}
.panel-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px}.panel-actions h2{margin:0}.panel-actions p{margin:4px 0 0;color:var(--muted)}.rich-editor-wrap{margin-top:7px;background:var(--card);border-radius:14px;border:1px solid var(--line)}.rich-editor-wrap .mce-tinymce{border:0!important;border-radius:14px}.rich-editor-wrap .mce-toolbar{background:var(--bg)!important;border-color:var(--line)!important}.rich-editor-wrap .mce-edit-area{background:var(--card)!important}.rich-editor-box{min-height:260px}.rich-editor-box iframe{min-height:260px;background:var(--card)!important}.empty-state{background:var(--card);border:1px dashed var(--line);border-radius:18px;padding:22px;text-align:center;color:var(--muted)}

.language-select{width:auto;min-width:96px;padding:9px 34px 9px 12px;border-radius:11px;font-size:14px;font-weight:750;background:var(--card);color:var(--text)}
.panel-actions > .btn,.panel-actions > .actions{margin-left:auto;justify-content:flex-end}.panel-actions .actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.panel-actions .actions .btn{white-space:nowrap}@media(max-width:640px){.panel-actions{align-items:flex-start}.panel-actions > .btn,.panel-actions > .actions{margin-left:0;width:100%;justify-content:flex-end}}

/* 2026-04-26 panel button alignment and menu improvements */
.panel-actions{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.panel-actions>.btn,.panel-actions>.actions{margin-inline-start:auto!important;margin-left:auto!important;display:flex;justify-content:flex-end;align-items:center;gap:8px;text-align:end}
.panel-actions>.actions{flex-wrap:wrap}
.application-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.application-actions input{min-width:180px;max-width:260px}.site-footer a{display:block;margin:8px 0;color:var(--muted);font-weight:650}.site-footer a:hover{color:var(--text)}
@media(max-width:640px){.panel-actions{align-items:flex-start}.panel-actions>div:first-child{width:100%}.panel-actions>.btn,.panel-actions>.actions{width:100%;justify-content:flex-end;margin-inline-start:0!important}}


/* Author follow/profile and read-time security UI */
.author-mini-card{display:flex;align-items:center;gap:14px;margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}
.author-mini-card p{margin:4px 0 0;color:var(--muted)}
.author-mini-card .author-follow-form{margin-inline-start:auto}.author-mini-card .author-follow-form input{display:none}
.read-reward-note{border-top:1px solid var(--line);padding-top:14px;margin-top:20px}
.author-profile-card{background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:20px}
.author-profile-cover{height:150px;background:linear-gradient(135deg,rgba(37,99,235,.25),rgba(15,23,42,.08))}
.author-profile-body{display:flex;align-items:flex-end;gap:20px;padding:0 24px 24px;margin-top:-54px}
.author-profile-avatar{width:120px;height:120px;border-radius:28px;object-fit:cover;border:5px solid var(--card);background:var(--line);box-shadow:var(--shadow)}
.author-profile-info{flex:1}.author-profile-info h1{margin:10px 0 8px}.author-profile-info p{color:var(--muted);line-height:1.65}.author-profile-action input{display:none}.author-stats{margin-bottom:24px}
@media(max-width:700px){.author-mini-card,.author-profile-body{align-items:flex-start;flex-direction:column}.author-mini-card .author-follow-form{margin-inline-start:0}.author-profile-body{margin-top:-44px}.author-profile-avatar{width:96px;height:96px;border-radius:22px}}

/* 2026-04-26 author profile redesign and root/home fixes */
.author-cover-card{background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:20px}
.author-cover-image{height:250px;background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(15,23,42,.08));background-size:cover;background-position:center}
.author-page-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}
.author-sidebar{position:sticky;top:92px;overflow:visible}.author-sidebar-body{padding:22px;text-align:center}.author-sidebar-avatar{width:132px;height:132px;border-radius:32px;object-fit:cover;margin:-86px auto 12px;border:6px solid var(--card);background:var(--line);box-shadow:var(--shadow)}
.author-sidebar h1{margin:8px 0 10px;font-size:25px}.author-sidebar-follow{margin:16px 0}.author-sidebar-follow input{display:none}
.author-info-list{display:grid;gap:10px;text-align:left;margin-top:16px}.author-info-list div{padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.author-info-list span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.author-info-list strong{display:block;margin-top:4px;overflow-wrap:anywhere}
.author-socials{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:18px}.author-socials a{width:38px;height:38px;border-radius:999px;background:var(--bg);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:var(--brand);font-size:13px}.author-socials a:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.author-content-area{min-width:0}.author-bio-text{line-height:1.75;color:var(--text)}
@media(max-width:900px){.author-page-layout{grid-template-columns:1fr}.author-sidebar{position:static}.author-cover-image{height:180px}.author-sidebar-avatar{margin-top:-74px}.author-content-area .grid.two{grid-template-columns:1fr}}

/* 2026-04-26 author profile visual fix */
.author-profile-cover-top{margin:0 0 22px;overflow:hidden;border-radius:28px}
.author-profile-cover-photo{min-height:280px;background:linear-gradient(135deg,rgba(37,99,235,.35),rgba(15,23,42,.18)),linear-gradient(135deg,#dbeafe,#f8fafc);background-size:cover;background-position:center;display:flex;align-items:flex-end;position:relative}
.author-profile-cover-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 35%,rgba(15,23,42,.58) 100%);pointer-events:none}
.author-profile-cover-overlay{position:relative;z-index:1;color:#fff;padding:28px;width:100%}
.author-profile-cover-overlay h1{margin:10px 0 0;font-size:clamp(28px,4vw,46px);line-height:1.08;color:#fff;text-shadow:0 8px 28px rgba(0,0,0,.28)}
.author-profile-cover-overlay .tag{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(10px)}
.author-profile-page{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}
.author-profile-left{position:sticky;top:92px;overflow:hidden}
.author-profile-avatar-block{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(15,23,42,.02))}
.author-profile-photo-left{width:92px;height:92px;border-radius:24px;object-fit:cover;flex:0 0 92px;background:var(--line);border:4px solid var(--card);box-shadow:0 14px 30px rgba(15,23,42,.12)}
.author-profile-avatar-block h2{margin:0 0 6px;font-size:22px;line-height:1.2}.author-profile-avatar-block p{margin:0;color:var(--muted);font-weight:750}
.author-profile-follow-form{padding:16px 20px 0}.author-profile-follow-form input{display:none}
.author-profile-info-menu{display:grid;gap:10px;padding:18px 20px 6px}.author-profile-info-item{border:1px solid var(--line);background:var(--bg);border-radius:16px;padding:12px 13px}.author-profile-info-item span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.author-profile-info-item strong{display:block;margin-top:5px;overflow-wrap:anywhere;color:var(--text)}
.author-profile-social-list{display:grid;gap:10px;padding:14px 20px 20px}.author-profile-social-list a{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:16px;background:var(--bg);font-weight:850;color:var(--text)}.author-profile-social-list a:hover{border-color:var(--brand);color:var(--brand);background:rgba(37,99,235,.08)}.author-profile-social-list span{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--line);color:var(--brand);font-size:12px;font-weight:950;flex:0 0 34px}
.author-profile-main{min-width:0}.author-profile-bio{line-height:1.8;font-size:17px;color:var(--text);margin-bottom:0}.author-profile-article-grid{align-items:stretch}
@media(max-width:960px){.author-profile-page{grid-template-columns:1fr}.author-profile-left{position:static}.author-profile-cover-photo{min-height:220px}.author-profile-info-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.author-profile-social-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.author-profile-cover-photo{min-height:180px}.author-profile-cover-overlay{padding:20px}.author-profile-avatar-block{align-items:flex-start}.author-profile-photo-left{width:78px;height:78px;border-radius:20px;flex-basis:78px}.author-profile-info-menu,.author-profile-social-list{grid-template-columns:1fr}.author-profile-page .grid.two{grid-template-columns:1fr}}

/* 2026-04-26 article author avatar in meta */
.article-author-inline a{display:inline-flex;align-items:center;gap:8px;font-weight:850;color:var(--text)}
.article-author-inline img{width:28px;height:28px;border-radius:999px;object-fit:cover;border:2px solid var(--card);box-shadow:0 4px 12px rgba(15,23,42,.12);background:var(--line)}
.comment-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.comment-head img{width:34px;height:34px;border-radius:999px;object-fit:cover;background:var(--line);border:2px solid var(--card);box-shadow:0 4px 12px rgba(15,23,42,.10)}

.btn.success{background:var(--success,#16a34a);color:#fff}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.form-actions .btn{white-space:nowrap}@media(max-width:640px){.form-actions{justify-content:flex-end}.form-actions .btn{flex:1 1 auto}}

/* 2026-04-26 admin user edit and finance dashboard */
.form-section{border:1px solid var(--line);border-radius:18px;padding:18px;margin:0 0 18px;background:rgba(255,255,255,.02)}
.form-section h3{margin:0 0 16px;font-size:18px}.profile-edit-preview{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.profile-edit-preview .avatar{width:74px;height:74px}.user-cover-preview{width:220px;height:74px;border-radius:16px;object-fit:cover;border:1px solid var(--line);background:var(--bg)}.user-list-cell{display:flex;align-items:center;gap:10px}.user-list-cell img{width:34px;height:34px;border-radius:999px;object-fit:cover;background:var(--line)}.finance-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.finance-stat strong{font-size:23px}.dashboard-main-stats{margin-bottom:2px}@media(max-width:1100px){.finance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.finance-stat-grid{grid-template-columns:1fr}.user-cover-preview{width:100%}.profile-edit-preview{align-items:flex-start}}


/* 2026-04-26 breaking news title-only slider */
.breaking-slider{overflow:hidden;gap:12px;white-space:nowrap}.breaking-slider strong{flex:0 0 auto}.breaking-viewport{min-width:0;overflow:hidden;flex:1}.breaking-track{display:inline-flex;align-items:center;gap:26px;min-width:max-content;animation:breakingTicker 32s linear infinite}.breaking-track a{font-weight:850}.breaking-track a::before{content:"•";margin-right:12px;opacity:.55}.breaking-slider:hover .breaking-track{animation-play-state:paused}@keyframes breakingTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.breaking-track{animation:none;flex-wrap:wrap;white-space:normal}}@media(max-width:640px){.breaking-slider{align-items:flex-start}.breaking-track{gap:18px;animation-duration:24s}}
.security-note{padding:12px 14px;border:1px dashed var(--line);border-radius:14px;background:var(--bg);color:var(--muted);font-size:14px}

/* 2026-04-26 homepage multi-news slider */
.home-slider{position:relative;min-height:390px;border-radius:22px;overflow:hidden;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
.home-slider-track{position:relative;min-height:390px}.home-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.01);transition:opacity .45s ease,transform .45s ease,visibility .45s ease}.home-slide.active{opacity:1;visibility:visible;transform:scale(1);z-index:1}.home-slide-link{display:block;position:absolute;inset:0;color:white;background:#0f172a}.home-slide img,.home-slide-placeholder{width:100%;height:100%;min-height:390px;object-fit:cover}.home-slide-link::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.08),rgba(2,6,23,.78))}.home-slide-content{position:absolute;left:24px;right:24px;bottom:24px;z-index:2}.home-slide-content h2{font-size:clamp(26px,4vw,44px);line-height:1.08;margin:12px 0 10px}.home-slide-content p{max-width:760px;margin:0;color:rgba(255,255,255,.88);font-size:16px}.home-slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:#111827;font-size:32px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 26px rgba(15,23,42,.22)}.home-slider-btn:hover{background:white}.home-slider-btn.prev{left:14px}.home-slider-btn.next{right:14px}.home-slider-dots{position:absolute;z-index:3;left:24px;bottom:14px;display:flex;gap:8px}.home-slider-dots button{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0}.home-slider-dots button.active{width:28px;background:white}.home-slider .tag{background:rgba(255,255,255,.18);color:white}.home-slider:not(.is-ready) .home-slide:first-child{opacity:1;visibility:visible;transform:none;z-index:1}@media(max-width:900px){.home-slider,.home-slider-track{min-height:300px}.home-slide img,.home-slide-placeholder{min-height:300px}.home-slide-content{left:18px;right:18px;bottom:26px}.home-slider-btn{width:38px;height:38px;font-size:26px}.home-slider-dots{left:18px}}@media(prefers-reduced-motion:reduce){.home-slide{transition:none}}


/* 2026-04-26 threaded comment replies */
.comment-section h2{margin-top:0}.comment-main-form{margin-bottom:18px}.comment-thread{display:grid;gap:14px;margin-top:18px}.comment{position:relative}.comment-root{margin-left:0}.comment-children{margin:14px 0 0 24px;padding-left:18px;border-left:3px solid var(--line);display:grid;gap:12px}.comment-reply{background:rgba(37,99,235,.035)}.comment-head small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.comment-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.comment-actions form{margin:0}.comment-reply-box{display:inline-block}.comment-reply-box summary{list-style:none}.comment-reply-box summary::-webkit-details-marker{display:none}.comment-reply-form{min-width:min(520px,82vw);margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.comment-reply-form textarea{min-height:90px}.comment-reply-form label{margin-bottom:10px}@media(max-width:640px){.comment-children{margin-left:8px;padding-left:12px}.comment-reply-form{min-width:100%}.comment-actions{align-items:stretch}.comment-actions .btn{width:100%}}

/* 2026-04-26 homepage right featured news block */
.home-hero-with-featured{grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);align-items:stretch}.featured-home{height:390px;display:grid;grid-template-rows:1.28fr .82fr;gap:14px;min-width:0}.featured-home-card{position:relative;border-radius:22px;overflow:hidden;background:#0f172a;border:1px solid var(--line);box-shadow:var(--shadow);min-height:0}.featured-home-card a{display:block;position:absolute;inset:0;color:white}.featured-home-card img,.featured-home-card .featured-home-placeholder{width:100%;height:100%;object-fit:cover;min-height:100%;background:linear-gradient(135deg,#dbeafe,#f1f5f9);display:flex;align-items:center;justify-content:center;color:#475569;font-weight:900}.featured-home-card a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.04),rgba(2,6,23,.78))}.featured-home-title{position:absolute;left:14px;right:14px;bottom:13px;z-index:2}.featured-home-title h3{margin:0;color:white;line-height:1.18;text-shadow:0 6px 18px rgba(0,0,0,.35)}.featured-home-card.large .featured-home-title h3{font-size:clamp(20px,2.1vw,27px)}.featured-home-card.small .featured-home-title{left:12px;right:12px;bottom:12px}.featured-home-card.small .featured-home-title h3{font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-home-small-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0}.featured-home-small-grid .featured-home-card{height:100%}@media(max-width:900px){.home-hero-with-featured{grid-template-columns:1fr}.featured-home{height:auto;grid-template-rows:auto}.featured-home-card.large{height:240px}.featured-home-small-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-home-small-grid .featured-home-card{height:170px}}@media(max-width:560px){.featured-home-small-grid{grid-template-columns:1fr}.featured-home-small-grid .featured-home-card{height:190px}}
/* 2026-04-26 latest news list pagination */
.pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:28px 0}.pagination-current{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);font-weight:800}.latest-list-title{align-items:flex-start}.latest-list-title p{margin:6px 0 0}.latest-list-grid{margin-top:10px}

/* 2026-04-26 article sidebar widgets */
.article-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.article-detail-main{min-width:0}.article-detail-sidebar{position:sticky;top:92px;align-self:start;display:grid;gap:16px;max-height:calc(100vh - 110px);overflow:auto;overscroll-behavior:contain;padding-bottom:2px}.article-detail-sidebar::-webkit-scrollbar{width:6px}.article-detail-sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.sidebar-widget{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:16px;overflow:hidden}.sidebar-widget h3{margin:0 0 14px;font-size:18px}.widget-article-list{display:grid;gap:12px}.widget-article-item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center;padding:8px;border-radius:16px;border:1px solid transparent}.widget-article-item:hover{background:var(--bg);border-color:var(--line)}.widget-thumb{width:88px;height:68px;border-radius:14px;overflow:hidden;background:var(--bg);display:block}.widget-thumb img{width:100%;height:100%;object-fit:cover}.widget-thumb-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:12px;color:var(--muted);font-weight:900;background:linear-gradient(135deg,#dbeafe,#f1f5f9)}.widget-article-info{min-width:0}.widget-article-info strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;font-size:14px}.widget-article-info small{display:block;margin-top:6px;color:var(--muted);font-size:12px}.widget-ad-placeholder{border:1px dashed var(--line);border-radius:16px;min-height:160px;display:grid;place-items:center;color:var(--muted);background:var(--bg);font-weight:800}.widget-ad-code iframe,.widget-ad-code img{max-width:100%}.widget-html-content{overflow:auto}.widget-empty{margin:0}@media(max-width:980px){.article-detail-layout{grid-template-columns:1fr}.article-detail-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;max-height:none;overflow:visible}}@media(max-width:680px){.article-detail-sidebar{grid-template-columns:1fr}.widget-article-item{grid-template-columns:82px minmax(0,1fr)}.widget-thumb{width:82px;height:64px}}

/* 2026-04-26 advanced polls, homepage widgets and category styles */
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.home-news-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.home-news-layout.has-sidebar{grid-template-columns:minmax(0,1fr) 340px}.home-news-main{min-width:0}.home-widget-sidebar{display:grid;gap:16px;align-self:start;position:sticky;top:92px}.home-inline-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.widget-position-home_inline{height:100%}.poll-widget h4{margin:0 0 10px;font-size:18px;line-height:1.25}.poll-desc{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.55}.poll-form{display:grid;gap:10px}.poll-option{display:flex;align-items:flex-start;gap:10px;margin:0;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--bg);font-weight:750;cursor:pointer}.poll-option input{width:auto;margin:3px 0 0;accent-color:var(--brand)}.poll-option span{line-height:1.35}.poll-thanks{margin:0 0 12px;padding:10px 12px;border-radius:14px;background:rgba(34,197,94,.1);color:#15803d;font-weight:800}.poll-results{display:grid;gap:12px}.poll-result-row{display:grid;gap:7px}.poll-result-head{display:flex;justify-content:space-between;gap:12px;font-size:14px}.poll-result-head strong{font-weight:850}.poll-bar{height:9px;border-radius:999px;background:var(--bg);overflow:hidden;border:1px solid var(--line)}.poll-bar span{display:block;height:100%;border-radius:999px;background:var(--brand)}.poll-result-row small,.poll-total{font-size:12px;margin:0}.poll-options-admin{margin-top:10px}.poll-options-admin h3{margin-top:0}.poll-option-admin{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:10px;align-items:center;margin-bottom:10px}.home-category-grid.compact{gap:12px}.home-category-grid.compact .article-card img,.home-category-grid.compact .article-card .placeholder{height:130px}.home-category-grid.compact .card-body{padding:13px}.home-category-grid.compact .card-body p{display:none}.home-category-featured-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px}.home-category-featured-side{display:grid;gap:18px}.home-category-feature-card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.home-category-feature-card a{display:grid;color:inherit;height:100%}.home-category-feature-card img,.home-category-feature-card .home-category-placeholder{width:100%;height:190px;object-fit:cover;background:linear-gradient(135deg,#dbeafe,#f1f5f9);display:grid;place-items:center;color:#475569;font-weight:900}.home-category-feature-card> a > div{padding:16px}.home-category-feature-card h3{margin:10px 0 8px;line-height:1.22}.home-category-feature-card p{margin:0;color:var(--muted);line-height:1.55}.home-category-feature-card.large img,.home-category-feature-card.large .home-category-placeholder{height:360px}.home-category-feature-card.large h3{font-size:clamp(24px,3vw,34px)}.home-category-feature-card.small a{grid-template-columns:150px minmax(0,1fr)}.home-category-feature-card.small img,.home-category-feature-card.small .home-category-placeholder{height:100%;min-height:142px}.home-category-feature-card.small p{display:none}.home-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-category-list-item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}.home-category-list-thumb{width:120px;height:86px;border-radius:14px;overflow:hidden;background:var(--bg);display:block}.home-category-list-thumb img{width:100%;height:100%;object-fit:cover}.home-category-list-item strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25}.home-category-list-item small{display:block;margin-top:6px;color:var(--muted);line-height:1.4}@media(max-width:1100px){.grid.four{grid-template-columns:repeat(3,minmax(0,1fr))}.home-news-layout.has-sidebar{grid-template-columns:1fr}.home-widget-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.home-category-featured-layout{grid-template-columns:1fr}.home-category-featured-side{grid-template-columns:repeat(2,minmax(0,1fr))}.home-category-feature-card.small a{grid-template-columns:1fr}.home-category-feature-card.small img,.home-category-feature-card.small .home-category-placeholder{height:170px}}@media(max-width:760px){.grid.four,.home-inline-widgets,.home-widget-sidebar,.home-category-featured-side,.home-category-list{grid-template-columns:1fr}.home-category-feature-card.large img,.home-category-feature-card.large .home-category-placeholder{height:240px}.home-category-list-item{grid-template-columns:96px minmax(0,1fr)}.home-category-list-thumb{width:96px;height:74px}.poll-option-admin{grid-template-columns:1fr}}


/* 2026-04-26 requested layout, footer, related news and sticky widget refinements */
body.site-layout-full .container{width:min(100% - 56px,1600px)}
body.site-layout-full .article-detail-layout{grid-template-columns:minmax(0,1fr) minmax(320px,380px)}
.article-detail-sidebar{position:sticky;top:88px;align-self:start;z-index:2;scrollbar-gutter:stable}
.related-news-section{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.related-news-title{margin:0 0 14px}.related-news-title h2{font-size:22px}
.related-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}
.related-news-card{display:grid;gap:9px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--bg);transition:.18s ease;min-width:0}
.related-news-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);background:var(--card)}
.related-news-thumb{height:86px;border-radius:12px;overflow:hidden;background:var(--card);display:grid;place-items:center}
.related-news-thumb img{width:100%;height:100%;object-fit:cover}.related-news-placeholder{font-size:12px;font-weight:900;color:var(--muted)}
.related-news-card strong{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.footer-grid{grid-template-columns:minmax(0,1.1fr) minmax(180px,.7fr) minmax(260px,1fr);align-items:start}
.footer-brand-block p,.footer-newsletter p{color:var(--muted);line-height:1.55}.footer-social{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.site-footer .footer-social-link{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg);font-size:13px;font-weight:800;color:var(--text)}
.footer-social-icon{width:24px;height:24px;border-radius:999px;display:inline-grid;place-items:center;background:var(--brand);color:#fff;font-size:11px;font-weight:900;line-height:1}
.newsletter-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px}.newsletter-form input{min-width:0}.newsletter-form .btn{white-space:nowrap}
.table-wrap td.actions,.actions{align-items:center}.table-wrap td.actions{flex-wrap:nowrap;white-space:nowrap}.table-wrap td.actions .btn{white-space:nowrap;flex:0 0 auto}
@media(max-width:980px){body.site-layout-full .container{width:min(100% - 30px,100%)}.article-detail-sidebar{position:static;z-index:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-newsletter{grid-column:1/-1}}
@media(max-width:680px){.related-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-news-thumb{height:74px}.footer-grid{grid-template-columns:1fr}.newsletter-form{grid-template-columns:1fr}.table-wrap td.actions{flex-wrap:wrap;white-space:normal}}

/* 2026-04-26 advanced settings and referral program */
.settings-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.settings-nav{position:sticky;top:92px;display:grid;gap:8px}.settings-nav strong{margin-bottom:6px}.settings-nav a{display:block;padding:10px 12px;border-radius:12px;color:var(--muted);font-weight:800}.settings-nav a:hover{background:var(--bg);color:var(--brand)}.settings-sections{display:grid;gap:18px}.settings-section{scroll-margin-top:96px}.settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.settings-section h2{margin:0 0 6px;font-size:21px}.settings-section p{margin:0}.setting-field span{display:block}.setting-field small{display:block;margin-top:7px;color:var(--muted);font-weight:500;line-height:1.45}.settings-savebar{position:sticky;bottom:14px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-savebar p{margin:0}.setting-field-site_description{grid-column:1/-1}.referral-hero h2{margin:10px 0 8px;font-size:clamp(24px,3vw,34px)}.referral-hero p{font-size:16px;line-height:1.7;max-width:900px}.referral-link-box{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}.referral-link-box input{font-weight:750}@media(max-width:980px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static}.settings-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-nav strong{grid-column:1/-1}.settings-savebar{position:static;display:grid}.referral-link-box{grid-template-columns:1fr}}@media(max-width:640px){.settings-nav{grid-template-columns:1fr}.settings-section .grid.two{grid-template-columns:1fr}.settings-section-head{display:block}.settings-savebar .btn{width:100%}}


/* 2026-04-26 v6 newsletter, exports, dashboard and auth refinements */
.mini-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.mini-list-item:last-child{border-bottom:0}.mini-list-item strong{display:block;line-height:1.3}.mini-list-item small{display:block;color:var(--muted);margin-top:4px}.dashboard-list-card h2{margin-top:0}.newsletter-compose textarea{min-height:220px}.newsletter-status{display:flex;gap:8px;flex-wrap:wrap}.newsletter-status .badge{font-size:13px}.bulk-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.bulk-actions label{min-width:240px;margin-bottom:0}.export-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.auth-shell{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:24px;align-items:stretch;width:min(980px,94vw);margin:30px auto}.auth-shell .install-card{width:100%;margin:0}.auth-info-card{background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(15,23,42,.06));border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:28px;display:flex;flex-direction:column;justify-content:center}.auth-info-card h2{font-size:clamp(24px,3vw,34px);margin:0 0 12px}.auth-info-card p{color:var(--muted);line-height:1.7}.auth-info-list{display:grid;gap:12px;margin-top:16px}.auth-info-list span{display:flex;gap:10px;align-items:flex-start;font-weight:800}.auth-info-list span:before{content:'✓';display:inline-grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:var(--brand);color:#fff;font-size:13px}@media(max-width:760px){body.site-layout-full .container{width:min(100% - 22px,100%)}.export-card-grid,.auth-shell{grid-template-columns:1fr}.auth-info-card{order:-1}}

/* 2026-04-26 v7 editor media library and contact module */
.editor-media-panel{margin:18px 0;padding:16px;background:var(--bg);box-shadow:none}.editor-media-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.editor-media-head h3{margin:0 0 4px}.editor-media-head p{margin:0}.editor-media-upload{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:min(100%,420px)}.editor-media-upload input{max-width:270px;background:var(--card)}.editor-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:12px}.editor-media-card{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:9px;min-width:0}.editor-media-card img{width:100%;height:96px;object-fit:cover;border-radius:12px;background:var(--bg)}.editor-media-card small{display:block;color:var(--muted);font-size:12px;line-height:1.3;margin:7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-media-actions{display:grid;gap:7px}.editor-media-actions .btn{width:100%;padding:8px 9px;font-size:12px}.media-empty{margin:8px 0 0}.contact-layout{align-items:start}.contact-info-card h2{margin-top:0}.contact-info-card p{line-height:1.7}.contact-message-body{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--bg);line-height:1.7}.contact-admin-layout{align-items:start}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn.success{background:#16a34a}@media(max-width:760px){.editor-media-head{display:block}.editor-media-upload{margin-top:12px}.editor-media-upload input{max-width:100%}.editor-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v8 newsletter, import/export, avatar and banned user updates */
.mini-avatar{width:38px;height:38px;border-radius:999px;object-fit:cover;background:var(--line);flex:0 0 38px}.dashboard-user-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.newsletter-user-card{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.newsletter-user-status h3{margin:8px 0 4px}.badge-success{background:#dcfce7;color:#166534}.banned-shell{justify-content:center}.banned-card{text-align:center;max-width:680px}.export-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.user-list-cell img{display:block}@media(max-width:760px){.dashboard-user-item{grid-template-columns:auto 1fr}.dashboard-user-item .badge{grid-column:2}.export-card-grid{grid-template-columns:1fr}.newsletter-user-card{align-items:flex-start}}

/* v9 navigation, notifications and settings refinements */
.panel-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.panel-notification-link{position:relative}.panel-notification-link span,.notification-menu-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--danger);color:#fff;font-style:normal;font-size:12px;font-weight:900}.side-nav a.has-notification-alert{color:var(--danger);background:#fef2f2}.notification-menu-badge{margin-left:auto}.notification-total{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 18px;text-align:center;box-shadow:var(--shadow)}.notification-total span{display:block;color:var(--muted);font-size:13px;font-weight:800}.notification-total strong{font-size:32px}.notification-stat-grid{margin-top:18px}.notification-stat{text-decoration:none;color:inherit}.notification-stat.needs-attention{border-color:#fecaca;background:#fef2f2}.notification-stat.needs-attention span,.notification-stat.needs-attention strong{color:#991b1b}.notification-list-card h2{margin-top:0}.badge-danger{background:#fee2e2;color:#991b1b}.author-mini-card-after{margin-top:24px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(15,23,42,.03))}.author-mini-card-after .muted{display:block;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.settings-savebar .btn{white-space:nowrap;min-width:180px;line-height:1.2;text-align:center}.setting-field-image_upload_format select{font-weight:800}.setting-field-show_home_nav_link select,.setting-field-language_switcher_enabled select,.setting-field-default_language select{font-weight:800}@keyframes hpBlink{0%,100%{box-shadow:0 0 0 rgba(220,38,38,0);transform:translateZ(0)}50%{box-shadow:0 0 0 5px rgba(220,38,38,.16);transform:translateY(-1px)}}.blink,.blink-soft{animation:hpBlink 1.25s ease-in-out infinite}@media(max-width:760px){.panel-top-actions{width:100%;justify-content:flex-start}.notification-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-savebar .btn{width:100%;min-width:0}}@media(max-width:560px){.notification-stat-grid{grid-template-columns:1fr}}

/* v10 editor media popup, settings notices and media manager */
.editor-media-launch{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}.editor-media-launch h3{margin:0 0 4px}.editor-media-launch p{margin:0}.editor-media-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:18px}.editor-media-modal.open{display:flex}.editor-media-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(4px)}.editor-media-window{position:relative;z-index:1;width:min(920px,94vw);max-height:86vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 80px rgba(15,23,42,.28);padding:20px}.media-modal-open{overflow:hidden}.editor-media-window .editor-media-head{position:sticky;top:0;z-index:2;background:var(--card);padding-bottom:12px;border-bottom:1px solid var(--line)}.editor-media-window .editor-media-upload{margin:14px 0}.settings-message{border-width:2px;font-weight:800}.settings-message.alert-success{box-shadow:0 10px 30px rgba(22,101,52,.12)}.settings-message.alert-danger{box-shadow:0 10px 30px rgba(153,27,27,.12)}.media-manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.media-manager-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow);display:grid;gap:10px}.media-manager-preview{width:100%;height:140px;border-radius:14px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--muted);font-weight:900}.media-manager-preview img,.media-manager-preview video{width:100%;height:100%;object-fit:cover}.media-manager-card small{display:block;color:var(--muted);line-height:1.35;overflow:hidden;text-overflow:ellipsis}.media-manager-card form{margin:0}.media-manager-card .btn{width:100%}@media(max-width:760px){.editor-media-launch{display:grid}.editor-media-launch .btn{width:100%}.editor-media-window{max-height:90vh;padding:16px}.editor-media-window .editor-media-head{display:block}.media-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.media-manager-grid{grid-template-columns:1fr}}

/* 2026-04-26 v11 admin notifications, article share and writer dashboard fixes */
.panel-notification-link{position:relative}.panel-notification-link .notification-top-icon{font-size:16px;line-height:1}.panel-notification-link .notification-top-badge{min-width:20px;height:20px;border-radius:999px;background:var(--danger);color:#fff;display:inline-grid;place-items:center;padding:0 6px;font-size:12px;font-weight:950}
.application-actions{min-width:260px}.application-actions input{width:100%;margin-bottom:8px}.application-action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.application-action-buttons .btn{white-space:nowrap;flex:0 0 auto}
.article-share-box{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}.article-share-box strong{display:block;margin-bottom:10px}.article-share-buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.article-share-button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;padding:9px 12px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:850;cursor:pointer}.article-share-button:hover{border-color:var(--brand);color:var(--brand)}.article-share-button span{width:25px;height:25px;border-radius:999px;background:var(--brand);color:#fff;display:inline-grid;place-items:center;font-size:11px;font-weight:950}.copy-share-link{font:inherit}
.author-mini-card{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:20px;padding:16px;background:var(--bg);margin:22px 0}.author-mini-card .avatar{width:62px;height:62px;flex:0 0 62px}.author-mini-card>div{flex:1;min-width:0}.author-bio-socials{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.author-bio-socials a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:var(--card);padding:7px 10px;font-size:12px;font-weight:850;color:var(--text)}.author-bio-socials a:hover{border-color:var(--brand);color:var(--brand)}.author-bio-socials span{width:22px;height:22px;border-radius:999px;background:var(--brand);color:#fff;display:inline-grid;place-items:center;font-size:10px;font-weight:950}
.writer-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.writer-earning-stat small{display:block;margin-top:8px;color:var(--muted);font-weight:750}.writer-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;align-items:start}.writer-dashboard-main,.writer-dashboard-side{min-width:0}.writer-dashboard-side{position:sticky;top:94px}.compact-title{margin:0 0 14px}.mini-list{display:grid;gap:10px}.mini-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.mini-list-item strong{display:block}.mini-list-item small{display:block;color:var(--muted);margin-top:4px;line-height:1.45}.mini-list-item.compact{align-items:flex-start}.earnings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.earnings-row strong{font-size:20px}.writer-earnings-card .btn{margin-top:16px}
@media(max-width:1100px){.writer-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writer-dashboard-layout{grid-template-columns:1fr}.writer-dashboard-side{position:static}.application-action-buttons{flex-wrap:wrap}}
@media(max-width:900px){.panel-notification-link{min-width:42px;padding-left:10px;padding-right:10px}.panel-notification-link .notification-top-text{display:none}.panel-notification-link .notification-top-badge{position:absolute;right:-4px;top:-6px;min-width:18px;height:18px;font-size:11px}.panel-top-actions{gap:7px}.article-share-buttons{align-items:stretch}.article-share-button{flex:1 1 calc(50% - 9px);justify-content:center}.author-mini-card{flex-wrap:wrap}.author-follow-form{width:100%}.author-follow-form .btn{width:100%}}
@media(max-width:640px){.writer-stat-grid{grid-template-columns:1fr}.mini-list-item{align-items:flex-start;flex-direction:column}.article-share-button{flex-basis:100%}.application-action-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.application-action-buttons .btn{width:100%;padding-left:8px;padding-right:8px}}
.editor-embed-tools h3{margin:0 0 6px}.editor-embed-tools .actions{margin:8px 0 10px}.article-content iframe,.article-content video,.rich-editor-box iframe,.rich-editor-box video,.tinymce-video{width:100%;max-width:100%;min-height:360px;border:0;border-radius:18px;background:#0f172a;margin:14px 0}.article-content video,.rich-editor-box video{height:auto;min-height:0}.tinymce-video{height:auto;min-height:0}.social-embed-card{border:1px solid var(--line);background:var(--bg);border-radius:16px;padding:14px 16px;word-break:break-word}.social-embed-card a{font-weight:800;color:var(--brand)}.nav-submit-article{white-space:nowrap}.wallet-stat-grid{margin-bottom:18px}@media(max-width:760px){.article-content iframe,.rich-editor-box iframe{min-height:240px}.nav-submit-article{padding-left:10px;padding-right:10px}}


/* v13 writer preview, article detail and sidebar refinements */
.article-detail-layout{gap:28px}.article-detail-main .card-body{padding:clamp(18px,2.5vw,30px)}.article-detail-main article.card h1{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:12px 0}.article-meta{align-items:center;row-gap:8px}.article-content{max-width:100%;line-height:1.82}.article-content p{margin:0 0 18px}.article-content img{border-radius:18px;margin:18px auto}.article-detail-sidebar{position:sticky;top:88px;align-self:start;display:grid;gap:16px;height:max-content;max-height:none;overflow:visible;padding-bottom:0}.article-detail-sidebar .sidebar-widget:last-child{margin-bottom:0}.author-mini-card-after{align-items:center;padding:20px}.author-mini-card .avatar,.author-mini-card-after .avatar{width:92px;height:92px;flex:0 0 92px;border-radius:24px}.article-share-box{background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(15,23,42,.02))}.editor-media-launch{border-style:dashed;background:var(--bg);margin-top:10px;margin-bottom:14px}.writer-article-actions{align-items:center}.article-preview-card .article-preview-cover{width:100%;max-height:520px;object-fit:cover;border-radius:18px;margin:18px 0}.article-preview-video{width:100%;border-radius:18px;margin:12px 0}.article-preview-summary{font-size:18px;line-height:1.7;color:var(--muted);padding:14px 16px;background:var(--bg);border-radius:16px}.article-preview-card .article-content{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}@media(max-width:980px){.article-detail-sidebar{position:static;height:auto;max-height:none;overflow:visible}.article-detail-main article.card h1{font-size:clamp(28px,8vw,38px)}.author-mini-card-after{align-items:flex-start}}@media(max-width:640px){.author-mini-card .avatar,.author-mini-card-after .avatar{width:78px;height:78px;flex-basis:78px;border-radius:20px}.writer-article-actions .btn{width:100%}}


/* v14 scroll-to-top, refined full layout, mobile article order and admin page fixes */
body.site-layout-full .container{width:min(100% - 84px,1520px)}
body.site-layout-full .article-detail-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}
.scroll-top-btn{position:fixed;right:24px;bottom:24px;z-index:900;width:48px;height:48px;border:1px solid var(--line);border-radius:16px;background:var(--card);background:color-mix(in srgb,var(--card) 88%,transparent);color:var(--brand);box-shadow:0 12px 28px rgba(15,23,42,.14);display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(12px) scale(.96);transition:opacity .2s ease,transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;cursor:pointer;backdrop-filter:blur(10px)}.scroll-top-btn svg{display:block}.scroll-top-btn.show{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.scroll-top-btn:hover,.scroll-top-btn:focus-visible{background:var(--brand);border-color:var(--brand);color:#fff;outline:0;transform:translateY(-2px) scale(1.02)}.panel-scroll-top{right:22px;bottom:22px}
.related-news-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.related-news-card{height:100%}.related-news-thumb{height:92px}
.article-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,350px);align-items:start}.article-detail-main{min-width:0}.article-detail-sidebar{top:92px}.article-detail-sidebar .sidebar-widget{margin-bottom:0}.article-detail-main article.card{overflow:visible}.article-detail-main article.card>.card-body{overflow:visible}.article-content{word-break:break-word}.article-content table{display:block;max-width:100%;overflow:auto}.comment-section{scroll-margin-top:90px}.author-mini-card-after{gap:18px}.author-mini-card-after .avatar{width:108px;height:108px;flex-basis:108px;border-radius:26px}.article-share-box{border-radius:20px}.article-share-box-top{margin-top:20px}.article-share-box-bottom{margin-top:24px}
.notification-page-head{padding:18px 20px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow)}.notification-total{min-width:160px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(15,23,42,.03));padding:14px 18px;text-align:center}.notification-total span{display:block;color:var(--muted);font-weight:850;font-size:13px}.notification-total strong{display:block;font-size:34px;line-height:1.1}.notification-stat-grid{margin:18px 0;grid-template-columns:repeat(4,minmax(0,1fr))}.notification-stat{display:grid;gap:8px;text-decoration:none}.notification-stat span{color:var(--muted);font-weight:850}.notification-stat strong{font-size:32px}.notification-stat.needs-attention{border-color:#fecaca;background:#fff7f7}.notification-grid{align-items:start}.notification-list-card{overflow:hidden}.notification-list-card h2{margin-top:0;font-size:20px}.notification-list-card .mini-list-item{border:1px solid var(--line);border-radius:16px;background:var(--bg);padding:12px;margin:10px 0}.notification-list-card .mini-list-item:last-child{border-bottom:1px solid var(--line)}.notification-list-card .badge{white-space:nowrap}.application-actions{display:grid;grid-template-columns:minmax(180px,1fr);gap:8px;min-width:330px}.application-actions input{width:100%;max-width:none;margin:0}.application-action-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center}.application-action-buttons .btn{width:100%;white-space:nowrap;padding-left:9px;padding-right:9px}.writer-application-table td:last-child{min-width:350px}
@media(max-width:1180px){.related-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.notification-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){body.site-layout-full .container{width:min(100% - 42px,100%)}.article-detail-layout{display:flex;flex-direction:column;gap:18px}.article-detail-main{order:1;width:100%}.article-detail-sidebar{order:2;width:100%;position:static;display:grid;grid-template-columns:1fr;gap:14px}.article-detail-main article.card h1{font-size:clamp(26px,8vw,36px)}.article-content{font-size:17px;line-height:1.75}.comment-section{order:1}.notification-grid{grid-template-columns:1fr!important}.notification-page-head{display:grid}.notification-total{width:100%;text-align:left}}
@media(max-width:760px){body.site-layout-full .container{width:min(100% - 28px,100%)}.scroll-top-btn{right:16px;bottom:16px;width:42px;height:42px;font-size:20px}.related-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-news-thumb{height:78px}.article-detail-main .card-body{padding:16px}.article-meta{font-size:13px;gap:8px}.article-share-buttons{display:grid;grid-template-columns:1fr 1fr}.article-share-button{width:100%;min-width:0}.author-mini-card-after{display:grid;text-align:left}.author-mini-card-after .avatar{width:96px;height:96px;flex-basis:96px}.comment-main-form .btn{width:100%}.comment-actions{display:grid;gap:8px}.comment-actions form,.comment-reply-box{width:100%}.comment-actions .btn{width:100%}.application-actions{min-width:300px}.writer-application-table{min-width:780px}}
@media(max-width:520px){.related-news-grid{grid-template-columns:1fr}.article-share-buttons{grid-template-columns:1fr}.notification-stat-grid{grid-template-columns:1fr}.application-action-buttons{grid-template-columns:1fr}.application-actions{min-width:240px}}
.badge-danger{background:#fee2e2;color:#991b1b}


/* v15 withdrawal invoices, bank fields and preview window */
.withdrawal-request-form .grid.two{align-items:end}.withdrawal-status-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.withdrawal-status-form select{min-width:180px}.withdrawal-status-form input{min-width:180px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-weight:800;font-size:12px}.status-payment_pending{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.25)}.status-completed{background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.25)}.status-cancelled{background:rgba(220,38,38,.12);border-color:rgba(220,38,38,.25)}.invoice-page{min-height:100vh;background:var(--bg);padding:32px}.invoice-card{max-width:900px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:30px}.invoice-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.invoice-actions{display:flex;gap:8px;flex-wrap:wrap}.invoice-grid{margin:20px 0}.invoice-table{width:100%;border-collapse:collapse;margin-top:20px}.invoice-table th,.invoice-table td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.preview-window-wrap{max-width:980px;margin:0 auto;padding:24px}.preview-window-actions{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line);padding-top:10px}@media(max-width:760px){.invoice-head{display:block}.invoice-actions .btn{width:100%;margin-top:8px}.withdrawal-status-form select,.withdrawal-status-form input,.withdrawal-status-form .btn{width:100%;min-width:0}}
@media print{.invoice-actions{display:none}.invoice-page{padding:0;background:#fff}.invoice-card{box-shadow:none;border:0}}

/* v16 modern layout, latest grid and customizable theme refinements */
.site-header{transition:transform .28s ease, box-shadow .28s ease, background .28s ease;will-change:transform}.site-header.header-hidden{transform:translateY(-100%)}.site-header.header-scrolled{box-shadow:0 12px 28px rgba(15,23,42,.08)}
body.site-layout-full .container{width:min(100% - 108px,1460px)}
.article-card{height:100%}.article-card a{display:flex;flex-direction:column;height:100%}.article-card .card-body{display:flex;flex-direction:column;gap:8px;flex:1}.article-card h3{font-size:17px;line-height:1.28;margin:0}.article-card p{margin:0;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card img,.article-card .placeholder{height:165px}.latest-page-grid .article-card img,.latest-page-grid .article-card .placeholder,.home-latest-grid .article-card img,.home-latest-grid .article-card .placeholder{height:150px}.latest-page-grid,.home-latest-grid{align-items:stretch}.home-hero-with-featured{gap:18px}.home-slider,.home-slider-track{min-height:350px}.home-slide img,.home-slide-placeholder{min-height:350px}.home-slide-content h2{font-size:clamp(24px,3.2vw,38px)}.featured-home{height:350px}.featured-home-card.large .featured-home-title h3{font-size:clamp(19px,1.9vw,25px)}.featured-home-card.small .featured-home-title h3{font-size:14px}.home-category-grid .article-card img,.home-category-grid .article-card .placeholder{height:155px}.theme-color-row{display:flex;align-items:center;gap:10px}
@media(max-width:1100px){.latest-page-grid.grid.four,.home-latest-grid.grid.four{grid-template-columns:repeat(3,minmax(0,1fr))}body.site-layout-full .container{width:min(100% - 64px,100%)}}
@media(max-width:760px){.latest-page-grid.grid.four,.home-latest-grid.grid.four{grid-template-columns:1fr}.article-card img,.article-card .placeholder,.latest-page-grid .article-card img,.latest-page-grid .article-card .placeholder,.home-latest-grid .article-card img,.home-latest-grid .article-card .placeholder{height:190px}.home-slider,.home-slider-track,.home-slide img,.home-slide-placeholder{min-height:285px}.featured-home{height:auto}body.site-layout-full .container{width:min(100% - 32px,100%)}}

/* v17 profile payment, auto theme, footer and admin form polish */
.footer-newsletter{justify-self:start;max-width:430px;padding-right:74px}
.newsletter-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.newsletter-form input{min-width:230px;flex:1}
.newsletter-form .btn{white-space:nowrap}
.form-section{border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.015))}
.form-section h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:18px}
.writer-profile-form .form-section,.user-edit-form .form-section,.category-admin-form .form-section{background:var(--card)}
.payment-bank-fields[hidden]{display:none!important}
.withdrawal-profile-grid{margin-bottom:8px}
.withdrawal-profile-summary .compact-actions{align-items:flex-start;margin-bottom:14px}
.withdrawal-bank-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}
.withdrawal-bank-summary-grid>div{border:1px solid var(--line);border-radius:16px;background:var(--bg);padding:13px}
.withdrawal-bank-summary-grid span{display:block;color:var(--muted);font-weight:850;font-size:12px;margin-bottom:6px}
.withdrawal-bank-summary-grid strong{display:block;word-break:break-word}
button[disabled],.btn[disabled]{opacity:.55;cursor:not-allowed}
.bank-details-box summary{cursor:pointer;font-weight:850;color:var(--brand);white-space:nowrap}
.bank-details-box div{margin-top:9px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--bg);min-width:240px;line-height:1.7}
.category-admin-form .grid.two{align-items:start}
.category-admin-form .category-home-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.category-admin-form .category-home-options label{margin:0}
.category-admin-form .check{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--bg);min-height:48px}
.category-admin-form .check input{width:auto;margin:0}
.category-list-table td:last-child{min-width:170px}
.panel-actions.compact-actions{margin-bottom:12px}
@media(max-width:1020px){.withdrawal-bank-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-newsletter{padding-right:0}}
@media(max-width:760px){.footer-newsletter{max-width:none;width:100%;padding-right:0}.newsletter-form{display:grid;grid-template-columns:1fr}.newsletter-form input,.newsletter-form .btn{width:100%;min-width:0}.withdrawal-bank-summary-grid{grid-template-columns:1fr}.category-admin-form .category-home-options{grid-template-columns:1fr}.grid.three{grid-template-columns:1fr}.bank-details-box div{min-width:0}}

.article-live-preview-modal{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:18px}.article-live-preview-modal.open{display:flex}.article-live-preview-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px)}.article-live-preview-window{position:relative;z-index:1;width:min(980px,100%);max-height:92vh;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 80px rgba(15,23,42,.28);padding:18px}.article-live-preview-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px;border-bottom:1px solid var(--line);padding-bottom:12px}.article-preview-open{overflow:hidden}.article-live-preview-window .article-preview-card{margin:0}.writer-article-actions{justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:640px){.article-live-preview-modal{padding:8px}.article-live-preview-window{border-radius:18px;padding:12px}.article-live-preview-head{display:block}.article-live-preview-head .btn{margin-top:10px;width:100%}.writer-article-actions .btn{width:100%}}


/* v19 home hero height and author verification badge */
.name-with-verified{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;line-height:1.2}
.verified-badge{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#2563eb;color:#fff;font-size:12px;font-weight:950;box-shadow:0 0 0 2px var(--card);flex:0 0 18px}
.verified-badge.small{width:16px;height:16px;font-size:11px}
.author-verification-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 14px}
.author-verification-card{border:1px solid var(--line);border-radius:18px;background:var(--bg);padding:14px;margin-top:10px}
.home-slider,.home-slider-track{min-height:460px}.home-slide img,.home-slide-placeholder{min-height:460px}.featured-home{height:460px}.home-slide-content h2{font-size:clamp(30px,4.4vw,50px)}
@media(max-width:900px){.home-slider,.home-slider-track{min-height:340px}.home-slide img,.home-slide-placeholder{min-height:340px}.featured-home-card.large{height:280px}.featured-home-small-grid .featured-home-card{height:190px}}
@media(max-width:560px){.home-slider,.home-slider-track{min-height:330px}.home-slide img,.home-slide-placeholder{min-height:330px}.featured-home-small-grid .featured-home-card{height:205px}}


/* v20 approval toggles and writer notifications */
.btn.warning{background:#f59e0b;color:#fff;border-color:#f59e0b}.btn.warning:hover{filter:brightness(.96)}
.comment-admin-actions,.application-action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.comment-admin-actions .btn,.application-action-buttons .btn{white-space:nowrap}.notification-header-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.modern-notification-list{display:grid;gap:12px}.notification-item{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 10px 24px rgba(15,23,42,.05)}.notification-item.unread{border-color:rgba(37,99,235,.45);box-shadow:0 12px 30px rgba(37,99,235,.10)}.notification-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(37,99,235,.10);flex:0 0 42px}.notification-body{flex:1;min-width:0}.notification-body p{margin:5px 0;color:var(--muted)}.notification-body small{color:var(--muted)}.notification-delete-form{margin:0;flex:0 0 auto}
@media(max-width:720px){.comment-admin-actions,.application-action-buttons{flex-wrap:wrap}.notification-header-card,.notification-item{align-items:stretch;flex-direction:column}.notification-delete-form .btn{width:100%}}

/* v21 verification, currency and security settings refinements */
.security-challenge{display:grid;gap:10px;margin:14px 0;padding:12px;border:1px dashed var(--line);border-radius:14px;background:rgba(37,99,235,.04)}
.security-challenge strong{font-size:13px;color:var(--muted)}
.admin-verification-card{background:linear-gradient(180deg,rgba(37,99,235,.05),rgba(255,255,255,.02));border-color:rgba(37,99,235,.22)}
.verification-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.admin-verification-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}
.verification-controls{display:grid;gap:14px}.verification-check{align-self:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.verification-id-panel{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.verification-id-large,.verification-id-preview{display:grid;gap:8px;text-decoration:none;color:var(--text)}
.verification-id-large img{width:100%;height:165px;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:var(--bg)}
.verification-id-preview{grid-template-columns:72px minmax(0,1fr);align-items:center;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.verification-id-preview img{width:72px;height:52px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.verification-id-upload-box{display:grid;gap:8px;margin:12px 0;padding:14px;border:1px dashed var(--line);border-radius:16px;background:rgba(0,0,0,.02)}
.empty-state.compact{padding:14px;margin:0;border-radius:12px}.setting-field-currency_symbol input{font-size:20px;font-weight:800}.setting-field-currency_code input{text-transform:uppercase}
@media(max-width:820px){.verification-card-head{display:grid}.admin-verification-grid{grid-template-columns:1fr}.verification-id-large img{height:190px}}
/* v22 yazar profil, kategori tasarım ve panel düzenlemeleri */
.author-profile-article-grid.grid.three{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.author-profile-article-grid .article-card img,.author-profile-article-grid .article-card .placeholder{height:135px}
.author-profile-article-grid .article-card h3{font-size:15px;line-height:1.3}
.author-profile-article-grid .article-card p{font-size:13px;-webkit-line-clamp:2}
.home-category-magazine-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:stretch}
.home-category-magazine-layout .home-category-feature-card.large{height:100%}
.home-category-magazine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-category-magazine-grid .article-card img,.home-category-magazine-grid .article-card .placeholder{height:130px}
.home-category-minimal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-category-minimal-card{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;box-shadow:0 10px 22px rgba(15,23,42,.05)}
.home-category-minimal-card a{display:flex;gap:10px;align-items:center;padding:10px;height:100%}
.home-category-minimal-thumb{width:72px;height:72px;border-radius:14px;overflow:hidden;flex:0 0 72px;background:var(--bg);display:grid;place-items:center;color:var(--muted)}
.home-category-minimal-thumb img{width:100%;height:100%;object-fit:cover}
.home-category-minimal-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.25}
.home-category-minimal-card small{display:block;margin-top:6px;color:var(--muted)}
.home-category-timeline{position:relative;display:grid;gap:12px;border-left:2px solid var(--line);padding-left:18px;margin-left:8px}
.home-category-timeline-item{position:relative;display:block;border:1px solid var(--line);border-radius:18px;background:var(--card);padding:14px 16px;box-shadow:0 10px 22px rgba(15,23,42,.05)}
.home-category-timeline-dot{position:absolute;left:-28px;top:18px;width:14px;height:14px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 5px rgba(37,99,235,.12)}
.home-category-timeline-item small{color:var(--muted)}
.home-category-timeline-item strong{display:block;margin-top:4px;font-size:16px}
.home-category-timeline-item em{display:block;margin-top:6px;color:var(--muted);font-style:normal;font-size:14px}
.writer-application-wrap{overflow-x:auto}.writer-application-table{min-width:900px;border-spacing:0}.writer-application-table td{vertical-align:top}.writer-application-table td:last-child{min-width:290px}.application-actions{display:flex!important;flex-direction:column;gap:9px;min-width:280px;max-width:360px}.application-actions input{height:38px;padding:8px 10px;border-radius:10px}.application-action-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.application-action-buttons .btn{width:100%;min-height:34px;padding:8px 9px;font-size:12px;line-height:1.15;white-space:nowrap}.panel-top-actions .panel-notification-link.blink-soft{border-color:#ef4444;color:#ef4444;animation:hpRedPulse 1.1s infinite}.panel-top-actions .panel-notification-link.blink-soft .notification-top-badge{background:#ef4444;color:#fff}@keyframes hpRedPulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.45)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}
@media(max-width:1020px){.author-profile-article-grid.grid.three,.home-category-minimal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-category-magazine-layout{grid-template-columns:1fr}}
@media(max-width:640px){.author-profile-article-grid.grid.three,.home-category-minimal-grid,.home-category-magazine-grid{grid-template-columns:1fr}.author-profile-article-grid .article-card img,.author-profile-article-grid .article-card .placeholder{height:185px}.writer-application-table{min-width:720px}.application-actions{min-width:240px}.application-action-buttons{grid-template-columns:1fr}.application-action-buttons .btn{font-size:13px}.panel-notification-link .notification-top-text{display:none}}

/* v23 newsletter templates, weekly digest and sticky settings navigation */
.settings-layout{align-items:start}.settings-nav{position:sticky!important;top:84px;max-height:calc(100vh - 104px);overflow:auto;z-index:5}.settings-nav::-webkit-scrollbar{width:6px}.settings-nav::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.settings-nav a{border:1px solid transparent}.settings-nav a:focus,.settings-nav a:hover{border-color:var(--line)}
.newsletter-admin-grid{align-items:start}.newsletter-weekly-card{border-color:rgba(37,99,235,.22);background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(255,255,255,.02))}.newsletter-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.newsletter-compose textarea,.newsletter-template-form textarea{min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.newsletter-template-panel{display:grid;gap:14px}.newsletter-template-form{display:grid;gap:12px}.newsletter-template-list{display:grid;gap:10px}.newsletter-template-row{align-items:flex-start}.newsletter-template-row .actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.newsletter-template-row form{margin:0}.check-line{display:flex!important;align-items:center;gap:9px;font-weight:800}.check-line input{width:auto}.newsletter-stat-grid .stat strong{font-size:30px}
.application-action-buttons{grid-template-columns:repeat(3,minmax(92px,1fr))}.application-action-buttons .btn{min-width:0}
@media(max-width:980px){.settings-nav{position:static!important;max-height:none}.newsletter-admin-grid.grid.two{grid-template-columns:1fr}}
@media(max-width:640px){.newsletter-template-row .actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.newsletter-template-row .actions .btn,.newsletter-template-row .actions form{width:100%}.newsletter-template-row .actions form .btn{width:100%}.application-action-buttons{grid-template-columns:1fr}}

/* v24 settings section menu sticky behavior */
.settings-layout{align-items:start}
.settings-nav{position:sticky!important;top:24px;align-self:start;height:max-content;max-height:calc(100vh - 48px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;z-index:8}
.settings-nav.form-card{transition:box-shadow .2s ease}
.settings-nav:hover{box-shadow:var(--shadow)}
@media(max-width:980px){.settings-nav{position:static!important;max-height:none;overflow:visible}}

/* v26 dark theme consistency, admin settings polish and panel version */
html[data-theme="dark"] body{background:#0b1020;color:#f8fafc}
html[data-theme="dark"] .site-header{background:rgba(17,24,39,.94)!important;color:#f8fafc!important;border-bottom-color:#293145!important;box-shadow:0 12px 30px rgba(0,0,0,.22)}
html[data-theme="dark"] .site-header .brand,
html[data-theme="dark"] .site-header .top-nav a,
html[data-theme="dark"] .site-header .nav-actions .btn.ghost,
html[data-theme="dark"] .site-header .theme-btn,
html[data-theme="dark"] .site-header .nav-toggle{color:#f8fafc!important}
html[data-theme="dark"] .site-header .top-nav a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
html[data-theme="dark"] .site-header .top-nav.open{background:#111827!important;border-color:#293145!important}
html[data-theme="dark"] .site-footer{background:#111827!important;color:#f8fafc!important;border-top-color:#293145!important}
html[data-theme="dark"] .site-footer a{color:#cbd5e1!important}
html[data-theme="dark"] .site-footer a:hover{color:#ffffff!important}
html[data-theme="dark"] .site-footer .footer-social-link{background:#0b1020!important;border-color:#293145!important;color:#f8fafc!important}
html[data-theme="dark"] .panel-top{background:rgba(17,24,39,.94)!important;color:#f8fafc;border-bottom-color:#293145;box-shadow:0 8px 26px rgba(0,0,0,.18)}
html[data-theme="dark"] .sidebar{background:#111827;border-right-color:#293145}
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .alert{background:#111827;border-color:#293145;color:#f8fafc}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#0b1020;border-color:#293145;color:#f8fafc}
html[data-theme="dark"] th{color:#a1a1aa}
html[data-theme="dark"] .btn.ghost{background:#0b1020;color:#f8fafc;border-color:#293145}
html[data-theme="dark"] .alert-success{background:rgba(22,101,52,.16);border-color:rgba(34,197,94,.35);color:#bbf7d0}
html[data-theme="dark"] .alert-danger{background:rgba(153,27,27,.18);border-color:rgba(248,113,113,.35);color:#fecaca}
html[data-theme="dark"] .alert-warning{background:rgba(146,64,14,.18);border-color:rgba(251,191,36,.35);color:#fde68a}
.settings-layout{grid-template-columns:minmax(245px,285px) minmax(0,1fr);gap:22px}
.settings-nav.form-card{padding:16px;border-radius:22px}
.settings-nav strong{display:block;font-size:14px;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.settings-nav a{margin:5px 0;padding:11px 12px;border-radius:13px;line-height:1.25;background:transparent}
.settings-nav a:hover{transform:translateX(2px)}
.settings-section{padding:22px;border-radius:24px}
.settings-section-head{padding-bottom:14px;border-bottom:1px solid var(--line)}
.settings-section-head h2{font-size:22px;line-height:1.2}
.settings-section .grid.two{grid-template-columns:repeat(2,minmax(240px,1fr));gap:16px;margin-top:18px}
.setting-field{margin:0;padding:13px;border:1px solid var(--line);border-radius:16px;background:rgba(15,23,42,.025)}
html[data-theme="dark"] .setting-field{background:rgba(255,255,255,.035)}
.setting-field span{font-size:14px;margin-bottom:7px;color:var(--text)}
.setting-field input[type="color"]{height:46px;padding:4px;border-radius:12px;cursor:pointer}
.setting-field input[type="checkbox"]{width:auto;margin-top:0}.setting-field label{margin:0}
.settings-savebar{border-radius:22px;box-shadow:0 18px 45px rgba(15,23,42,.14);padding:16px 18px}.settings-savebar .btn{white-space:nowrap;min-width:155px}
.panel-version-badge{position:fixed;left:18px;bottom:14px;width:244px;padding:9px 12px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--muted);font-size:12px;font-weight:900;text-align:center;box-shadow:0 10px 24px rgba(15,23,42,.08)}
html[data-theme="dark"] .panel-version-badge{background:#0b1020;border-color:#293145;color:#cbd5e1}
@media(max-width:980px){.settings-layout{grid-template-columns:1fr}.settings-section .grid.two{grid-template-columns:1fr}.panel-version-badge{position:static;width:auto;margin-top:16px}}
.sidebar{padding-bottom:72px}
@media(max-width:980px){.sidebar{padding-bottom:18px}}

/* v27 mobile auth order, dark-mode hardening and referral currency display */
.auth-shell > .install-card{order:1}
.auth-shell > .auth-info-card{order:2}
.referral-money,.stat .referral-money{white-space:normal;overflow-wrap:anywhere;word-break:normal}
html[data-theme="dark"] .auth-info-card,
html[data-theme="dark"] .author-mini-card,
html[data-theme="dark"] .author-info-list div,
html[data-theme="dark"] .withdrawal-bank-summary-grid>div,
html[data-theme="dark"] .category-admin-form .check,
html[data-theme="dark"] .verification-id-panel,
html[data-theme="dark"] .verification-id-preview,
html[data-theme="dark"] .verification-id-upload-box,
html[data-theme="dark"] .home-category-minimal-card,
html[data-theme="dark"] .home-category-timeline-item,
html[data-theme="dark"] .mini-list-item,
html[data-theme="dark"] .notification-item,
html[data-theme="dark"] .rich-editor-wrap,
html[data-theme="dark"] .rich-editor-wrap .mce-edit-area{background:#111827;border-color:#293145;color:#f8fafc}
html[data-theme="dark"] .rich-editor-wrap .mce-toolbar,
html[data-theme="dark"] .bank-details-box div,
html[data-theme="dark"] .security-challenge{background:#0b1020;border-color:#293145;color:#f8fafc}
html[data-theme="dark"] .mce-toolbar button{color:#f8fafc}
html[data-theme="dark"] .mce-toolbar .mce-btn{border-color:#293145}
html[data-theme="dark"] .mce-panel{background:#111827;border-color:#293145;color:#f8fafc}
html[data-theme="dark"] table tr:hover td{background:rgba(255,255,255,.035)}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-shell > .install-card{order:1}.auth-shell > .auth-info-card{order:2}}
@media(max-width:640px){.auth-shell{width:min(100% - 22px,100%);margin:18px auto}.auth-shell .install-card,.auth-info-card{padding:20px;border-radius:22px}.stat strong{font-size:24px}.referral-link-box{grid-template-columns:1fr}}
html[data-theme="dark"] .article-share-box,
html[data-theme="dark"] .social-embed-card,
html[data-theme="dark"] .notification-total,
html[data-theme="dark"] .notification-list-card .mini-list-item,
html[data-theme="dark"] .newsletter-weekly-card,
html[data-theme="dark"] .form-section{background:#0b1020;border-color:#293145;color:#f8fafc}
html[data-theme="dark"] .notification-stat.needs-attention,
html[data-theme="dark"] .side-nav a.has-notification-alert{background:rgba(153,27,27,.20);border-color:rgba(248,113,113,.38);color:#fecaca}
html[data-theme="dark"] .notification-stat.needs-attention span,
html[data-theme="dark"] .notification-stat.needs-attention strong{color:#fecaca}
html[data-theme="dark"] .breaking{background:rgba(153,27,27,.20);border-color:rgba(248,113,113,.38);color:#fecaca}
html[data-theme="dark"] .tag{background:rgba(96,165,250,.16);color:#93c5fd}
html[data-theme="dark"] .article-card .placeholder,
html[data-theme="dark"] .home-slide-placeholder,
html[data-theme="dark"] .home-category-minimal-thumb{background:#0b1020;color:#cbd5e1;border-color:#293145}

/* v28 responsive admin shell, homepage polish and footer version placement */
html,body{max-width:100%;overflow-x:hidden;scroll-behavior:smooth}.container{width:min(1180px,calc(100% - 32px))}body.site-layout-full .container{width:min(1460px,calc(100% - 48px))}.site-header{z-index:50}.nav-wrap{min-width:0}.brand{min-width:0;flex:0 1 auto}.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-nav{min-width:0;flex-wrap:wrap;align-items:center}.top-nav a{white-space:nowrap}.nav-actions{flex:0 0 auto;min-width:0;flex-wrap:wrap;justify-content:flex-end}.language-select{max-width:150px}.section-title{gap:12px}.section-title a{font-weight:850;color:var(--brand);white-space:nowrap}.card,.form-card,.stat,.table-wrap,.sidebar-widget,.home-slider,.featured-home-card,.home-category-feature-card,.home-category-minimal-card,.home-category-list-item{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.article-card:hover,.featured-home-card:hover,.home-category-feature-card:hover,.home-category-minimal-card:hover,.home-category-list-item:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(15,23,42,.12);border-color:rgba(37,99,235,.24)}.home-hero-with-featured{grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:22px}.home-slider,.home-slider-track{min-height:clamp(340px,34vw,460px)}.home-slide img,.home-slide-placeholder{min-height:clamp(340px,34vw,460px)}.home-slide-link::after{background:linear-gradient(180deg,rgba(2,6,23,.08),rgba(2,6,23,.26) 34%,rgba(2,6,23,.86))}.home-slide-content{max-width:min(760px,calc(100% - 24px));bottom:34px}.home-slide-content h2{letter-spacing:-.03em;text-wrap:balance}.home-slide-content p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55}.featured-home{height:auto;min-height:clamp(340px,34vw,460px)}.featured-home-title h3{text-wrap:balance}.home-news-layout{min-width:0}.grid.four,.latest-page-grid.grid.four,.home-latest-grid.grid.four,.home-category-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.home-category-minimal-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}.footer-grid{gap:28px}.site-footer{border-top:1px solid rgba(148,163,184,.24);box-shadow:0 -18px 50px rgba(15,23,42,.035)}
.panel-body{background:linear-gradient(135deg,rgba(37,99,235,.04),transparent 32%),var(--bg);min-width:0}.sidebar{width:284px;padding:18px 16px 22px;display:flex;flex-direction:column;gap:14px}.panel-brand{position:sticky;top:0;z-index:2;margin:0;padding:10px 8px 14px;background:linear-gradient(180deg,var(--card) 70%,rgba(255,255,255,0));border-bottom:1px solid var(--line);line-height:1.15}.side-nav{gap:7px}.side-nav a{min-height:44px;border:1px solid transparent}.side-nav a span{width:24px;display:inline-grid;place-items:center;flex:0 0 24px}.side-nav a:hover,.side-nav a.active{border-color:rgba(37,99,235,.18);box-shadow:0 8px 20px rgba(37,99,235,.08)}.panel-main{margin-left:284px;min-width:0;min-height:100vh;display:flex;flex-direction:column}.panel-top{gap:18px}.panel-top>div:first-child{min-width:0}.panel-top h1{line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}.panel-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;min-width:0}.panel-content{flex:1;width:100%;max-width:1480px;margin:0 auto}.panel-content>.grid,.panel-content>.form-card,.panel-content>.table-wrap,.panel-content>.panel-actions{min-width:0}.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:720px}.table-wrap th,.table-wrap td{white-space:normal}.panel-footer{max-width:1480px;width:100%;margin:auto;padding:0 26px 22px;display:flex;justify-content:flex-end}.panel-version-badge{position:static!important;left:auto!important;bottom:auto!important;width:auto;min-width:132px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);font-size:12px;font-weight:900;text-align:center;box-shadow:0 10px 24px rgba(15,23,42,.08)}html[data-theme="dark"] .panel-brand{background:linear-gradient(180deg,#111827 70%,rgba(17,24,39,0));border-bottom-color:#293145}html[data-theme="dark"] .panel-body{background:linear-gradient(135deg,rgba(96,165,250,.08),transparent 32%),#0b1020}html[data-theme="dark"] .panel-version-badge{background:#111827;border-color:#293145;color:#cbd5e1}
@media(max-width:1100px){.top-nav a{padding-inline:10px}.nav-actions .btn.small{padding-inline:10px}.home-hero-with-featured{grid-template-columns:1fr}.featured-home{min-height:0;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);grid-template-rows:none}.featured-home-card.large{height:280px}.featured-home-small-grid{grid-template-columns:1fr}.featured-home-small-grid .featured-home-card{height:133px}.panel-top{align-items:flex-start}}
@media(max-width:900px){.container,body.site-layout-full .container{width:min(100% - 24px,100%)}.nav-wrap{min-height:64px;position:relative}.brand{font-size:19px;max-width:calc(100vw - 188px)}.brand img{width:34px;height:34px}.nav-toggle{order:3}.top-nav{top:calc(100% + 8px);left:12px;right:12px;max-height:min(70vh,520px);overflow:auto}.top-nav a{padding:12px 13px;border-radius:13px}.nav-actions{margin-left:auto;gap:6px}.nav-actions .btn.small,.theme-btn,.language-select{font-size:13px;padding:8px 10px}.language-select{min-width:72px;max-width:104px}.home-slider,.home-slider-track{min-height:330px}.home-slide img,.home-slide-placeholder{min-height:330px}.home-slide-content{left:18px;right:18px;bottom:36px}.home-slide-content h2{font-size:clamp(23px,7vw,34px)}.featured-home{grid-template-columns:1fr}.featured-home-small-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-home-small-grid .featured-home-card{height:170px}.section-title{align-items:flex-start}.panel-body{display:block}.sidebar{position:sticky;top:0;z-index:40;width:100%;display:block;border-right:0;border-bottom:1px solid var(--line);padding:12px;background:var(--card);box-shadow:0 10px 30px rgba(15,23,42,.08)}.panel-brand{position:static;display:inline-flex;padding:0;margin:0 0 10px;border:0;background:transparent!important}.sidebar-toggle{display:inline-flex;float:right;margin:0}.side-nav{clear:both;max-height:calc(100vh - 88px);overflow:auto;padding-top:10px}.side-nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.panel-main{margin-left:0}.panel-top{position:sticky;top:67px;padding:14px 16px;display:grid;grid-template-columns:1fr;z-index:35}.panel-top-actions{justify-content:flex-start}.panel-content{padding:16px}.panel-footer{padding:0 16px 18px;justify-content:center}.panel-version-badge{width:100%;border-radius:16px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.container,body.site-layout-full .container{width:min(100% - 20px,100%)}.top-space{padding-top:16px}.nav-wrap{gap:8px;align-items:center}.brand{max-width:calc(100vw - 154px);font-size:18px}.nav-actions{width:100%;order:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0;padding-bottom:10px}.nav-actions .theme-btn{grid-column:auto}.nav-actions .language-select,.nav-actions .btn{width:100%;min-width:0}.nav-toggle{margin-left:auto}.top-nav{top:100%;left:0;right:0}.breaking-slider{border-radius:16px;padding:10px 12px}.home-slider,.home-slider-track{min-height:310px;border-radius:20px}.home-slide img,.home-slide-placeholder{min-height:310px}.home-slide-content{left:14px;right:14px;bottom:42px}.home-slide-content h2{margin:9px 0 8px;line-height:1.12}.home-slide-content p{-webkit-line-clamp:2;font-size:14px}.home-slider-btn{top:auto;bottom:12px;transform:none;width:34px;height:34px;font-size:24px}.home-slider-btn.prev{left:auto;right:56px}.home-slider-btn.next{right:14px}.home-slider-dots{left:14px;bottom:24px;max-width:calc(100% - 118px);overflow:hidden}.featured-home-card.large{height:230px}.featured-home-small-grid{grid-template-columns:1fr}.featured-home-small-grid .featured-home-card{height:178px}.grid.four,.latest-page-grid.grid.four,.home-latest-grid.grid.four,.home-category-grid,.home-category-minimal-grid{grid-template-columns:1fr}.article-card img,.article-card .placeholder,.latest-page-grid .article-card img,.latest-page-grid .article-card .placeholder,.home-latest-grid .article-card img,.home-latest-grid .article-card .placeholder{height:190px}.section-title{display:grid;grid-template-columns:1fr;gap:6px;margin:24px 0 12px}.section-title h2{font-size:22px}.home-category-list-item{grid-template-columns:84px minmax(0,1fr);padding:10px}.home-category-list-thumb{width:84px;height:68px}.site-footer{margin-top:36px;padding:24px 0}.footer-grid{gap:22px}.side-nav.open{grid-template-columns:1fr}.panel-top{top:62px}.panel-top h1{font-size:21px}.panel-top-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.panel-top-actions .btn{width:100%;min-width:0}.panel-content{padding:14px 12px}.form-card,.card,.stat{border-radius:18px;padding:16px}.table-wrap{border-radius:16px}.table-wrap table{min-width:680px}.stat-grid{grid-template-columns:1fr!important}.panel-actions{gap:10px}.panel-actions>.btn,.panel-actions>.actions{justify-content:stretch!important}.panel-actions .btn,.actions .btn{width:100%}.panel-footer{padding:0 12px 16px}.scroll-top-btn{right:14px;bottom:14px}}
@media(max-width:640px){.card{padding:0}.form-card,.stat{padding:16px}}

/* v29 admin dashboard, sidebar and homepage modernization */
body:not(.panel-body){background:radial-gradient(circle at top left,rgba(37,99,235,.10),transparent 34%),radial-gradient(circle at 85% 12%,rgba(14,165,233,.08),transparent 28%),var(--bg)}
html[data-theme="dark"] body:not(.panel-body){background:radial-gradient(circle at top left,rgba(96,165,250,.12),transparent 32%),radial-gradient(circle at 88% 10%,rgba(14,165,233,.07),transparent 28%),var(--bg)}
.site-header{border-bottom:1px solid rgba(148,163,184,.24)}
.nav-wrap{min-height:76px}.brand{letter-spacing:-.025em}.top-nav a{transition:background .18s ease,color .18s ease,transform .18s ease}.top-nav a:hover{transform:translateY(-1px)}
.home-hero-with-featured{position:relative;margin-top:4px;margin-bottom:30px}.home-hero-with-featured:before{content:"";position:absolute;inset:-18px -18px auto;height:58%;border-radius:34px;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(14,165,233,.06));z-index:-1;filter:saturate(1.05)}
.breaking-slider{border:0;box-shadow:0 14px 34px rgba(220,38,38,.10);background:linear-gradient(135deg,#fee2e2,#fff7ed)}
html[data-theme="dark"] .breaking-slider{background:linear-gradient(135deg,rgba(127,29,29,.44),rgba(120,53,15,.25));color:#fecaca;border:1px solid rgba(248,113,113,.24)}
.home-slider,.featured-home-card,.article-card,.home-category-feature-card,.home-category-minimal-card,.home-category-list-item{border-color:rgba(148,163,184,.22)}
.home-slider{border-radius:30px;box-shadow:0 26px 70px rgba(15,23,42,.16)}
.home-slide-link::after{background:linear-gradient(180deg,rgba(2,6,23,.04),rgba(2,6,23,.32) 36%,rgba(2,6,23,.90))}.home-slide-content{left:clamp(18px,3vw,38px);right:clamp(18px,3vw,38px);bottom:clamp(32px,4vw,52px)}.home-slide-content h2{font-weight:950;letter-spacing:-.045em;text-shadow:0 12px 34px rgba(0,0,0,.38)}.home-slide-content p{font-size:clamp(14px,1.25vw,17px);max-width:680px}.home-slider-btn{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);transition:transform .18s ease,background .18s ease}.home-slider-btn:hover{transform:translateY(-50%) scale(1.04)}.home-slider-dots button{transition:width .18s ease,background .18s ease}
.featured-home{gap:16px}.featured-home-card{border-radius:26px;box-shadow:0 22px 52px rgba(15,23,42,.12)}.featured-home-card a::after{background:linear-gradient(180deg,rgba(2,6,23,.02),rgba(2,6,23,.82))}.featured-home-title{left:16px;right:16px;bottom:16px}.featured-home-title h3{letter-spacing:-.025em}
.section-title{padding:2px 0}.section-title h2{font-size:clamp(22px,2.3vw,31px);letter-spacing:-.035em}.section-title a{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(37,99,235,.16);border-radius:999px;background:rgba(37,99,235,.08)}.section-title a:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.article-card{border-radius:24px}.article-card .card-body{padding:18px}.article-card h3{letter-spacing:-.015em}.article-card .tag{align-self:flex-start}.home-latest-grid,.home-category-grid{gap:20px}.home-category-minimal-card,.home-category-list-item{box-shadow:0 14px 32px rgba(15,23,42,.06)}
.panel-body{background:linear-gradient(135deg,rgba(37,99,235,.06),transparent 30%),linear-gradient(180deg,rgba(15,23,42,.025),transparent 260px),var(--bg)}
.sidebar{width:300px;padding:18px 14px 20px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.92));box-shadow:18px 0 42px rgba(15,23,42,.06)}
html[data-theme="dark"] .sidebar{background:linear-gradient(180deg,rgba(17,24,39,.98),rgba(17,24,39,.92));box-shadow:18px 0 42px rgba(0,0,0,.24)}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-brand{min-width:0;gap:11px;margin:0;padding:10px 8px 14px}.panel-brand-mark{width:38px;height:38px;border-radius:14px;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--brand),#0ea5e9);color:#fff;font-size:18px;box-shadow:0 12px 26px rgba(37,99,235,.25);flex:0 0 38px}.panel-brand-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav{gap:14px}.side-nav-section{display:grid;gap:6px}.side-nav-section-title{padding:0 12px 4px;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.side-nav a{position:relative;gap:11px;min-height:42px;padding:10px 11px;border-radius:15px;color:var(--muted);transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease}.side-nav a span{width:31px;height:31px;border-radius:12px;background:var(--bg);border:1px solid var(--line);display:inline-grid;place-items:center;flex:0 0 31px;font-size:14px}.side-nav a b{font-size:14px;line-height:1.2;font-weight:850;min-width:0;overflow:hidden;text-overflow:ellipsis}.side-nav a:hover{transform:translateX(2px);color:var(--text);background:rgba(37,99,235,.07)}.side-nav a.active{background:linear-gradient(135deg,var(--brand),#0ea5e9);color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(37,99,235,.22)}.side-nav a.active span{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.28);color:#fff}.panel-main{margin-left:300px}.panel-top{min-height:74px;padding:16px 28px;background:rgba(245,247,251,.86);backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(15,23,42,.045)}html[data-theme="dark"] .panel-top{background:rgba(11,16,32,.82)}.panel-top-title h1{font-size:clamp(22px,2vw,29px);letter-spacing:-.035em}.panel-top-title p{font-weight:800}.panel-content{padding:28px;max-width:1500px}.panel-content>.grid.two{gap:22px}.stat{position:relative;overflow:hidden;border-radius:24px}.stat:before{content:"";position:absolute;right:-28px;top:-28px;width:88px;height:88px;border-radius:999px;background:rgba(37,99,235,.08)}.stat span{position:relative;font-weight:900;color:var(--muted)}.stat strong{position:relative;letter-spacing:-.04em}.dashboard-main-stats .stat{background:linear-gradient(135deg,var(--card),rgba(37,99,235,.055))}.finance-stat-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.finance-stat strong{font-size:clamp(21px,2.2vw,30px);overflow-wrap:anywhere}.dashboard-list-card{display:flex;flex-direction:column;gap:12px;padding:22px}.dashboard-list-card h2{margin:0 0 4px;font-size:20px;letter-spacing:-.025em}.dashboard-list-card .mini-list-item{margin:0;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--bg),rgba(37,99,235,.035));align-items:flex-start}.dashboard-list-card .mini-list-item>div{min-width:0;flex:1}.dashboard-list-card .mini-list-item strong a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-list-card .mini-list-item small{line-height:1.45;overflow-wrap:anywhere}.dashboard-user-item{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;align-items:center!important}.mini-avatar{width:42px;height:42px;border-radius:15px;object-fit:cover;background:var(--line);box-shadow:0 8px 18px rgba(15,23,42,.10)}
@media(max-width:1100px){.sidebar{width:280px}.panel-main{margin-left:280px}.home-hero-with-featured{grid-template-columns:1fr}.featured-home{min-height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto}.featured-home-card.large{height:260px}.featured-home-small-grid{grid-template-columns:1fr}.featured-home-small-grid .featured-home-card{height:123px}}
@media(max-width:900px){.sidebar{position:sticky;top:0;width:100%;padding:12px 14px}.sidebar-head{margin-bottom:0}.panel-brand{padding:0}.panel-brand-mark{width:34px;height:34px;border-radius:12px;flex-basis:34px}.sidebar-toggle{display:inline-flex;align-items:center;gap:8px;margin:0}.side-nav{display:none;margin-top:12px;gap:12px}.side-nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.side-nav-section{align-content:start;border:1px solid var(--line);border-radius:18px;background:var(--card);padding:10px}.side-nav-section-title{padding-left:4px}.panel-main{margin-left:0}.panel-top{position:sticky;top:61px;min-height:auto;padding:10px 14px;display:flex;justify-content:flex-end}.panel-top-title{display:none}.panel-top-actions{width:auto;display:flex;justify-content:flex-end}.panel-content{padding:16px 14px}.home-slider{border-radius:24px}.home-hero-with-featured:before{inset:-10px -8px auto;height:42%}}
@media(max-width:640px){.panel-top{top:59px}.panel-top-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}.panel-top-actions .btn{width:100%;min-width:0;padding:9px 8px}.panel-notification-link .notification-top-text{display:none}.side-nav.open{grid-template-columns:1fr}.dashboard-list-card{padding:16px;gap:10px}.dashboard-list-card .mini-list-item{display:grid;gap:8px}.dashboard-user-item{grid-template-columns:38px minmax(0,1fr)!important}.dashboard-user-item .badge{grid-column:1 / -1;justify-self:start}.mini-avatar{width:38px;height:38px;border-radius:13px}.home-hero-with-featured{gap:16px}.home-slider,.home-slider-track{min-height:320px}.home-slide img,.home-slide-placeholder{min-height:320px}.home-slider-btn:hover{transform:none}.home-slide-content{bottom:44px}.section-title a{width:100%;justify-content:center}.article-card{border-radius:20px}.featured-home{grid-template-columns:1fr}.featured-home-card.large{height:230px}.featured-home-small-grid .featured-home-card{height:170px}}


/* v30 homepage spacing, category grid settings and mobile header actions */
body.site-layout-full .container{width:min(100% - 140px,1360px)}
.breaking-slider{margin:0 0 30px;border-radius:20px;min-height:48px}
.home-hero-with-featured{margin-top:0;margin-bottom:36px;gap:24px}
.home-hero-with-featured:before{inset:-10px -14px auto;height:52%}
.home-slider,.home-slider-track{border-radius:28px;overflow:hidden}.home-slide-link{border-radius:28px;overflow:hidden}.home-slide-content{max-width:760px}.home-news-layout{margin-top:4px}.home-latest-grid,.home-category-grid{gap:20px}.section-title{padding-top:2px}.section-title h2{letter-spacing:-.03em}.category-page-title{align-items:flex-end;margin-top:6px;margin-bottom:10px}.category-page-title span{font-weight:850}.category-page-description{max-width:820px;line-height:1.65;margin:0 0 20px}.category-article-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:20px}.category-article-grid.category-grid-cols-1{grid-template-columns:1fr}.category-article-grid.category-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.category-article-grid.category-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.category-article-grid.category-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.category-article-grid.category-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.category-article-grid.category-grid-cols-5 .article-card img,.category-article-grid.category-grid-cols-5 .article-card .placeholder{height:138px}.category-article-grid .article-card img,.category-article-grid .article-card .placeholder{height:154px}.nav-action-symbol{display:none}.nav-action-text{display:inline}
@media(max-width:1280px){body.site-layout-full .container{width:min(100% - 96px,1280px)}.category-article-grid.category-grid-cols-5{grid-template-columns:repeat(4,minmax(0,1fr))}.category-article-grid.category-grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body.site-layout-full .container{width:min(100% - 44px,100%)}.breaking-slider{margin-bottom:22px}.home-hero-with-featured{gap:20px;margin-bottom:30px}.category-article-grid,.category-article-grid.category-grid-cols-3,.category-article-grid.category-grid-cols-4,.category-article-grid.category-grid-cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}.category-article-grid .article-card img,.category-article-grid .article-card .placeholder{height:180px}}
@media(max-width:640px){.container,body.site-layout-full .container{width:min(100% - 24px,100%)}.nav-wrap{min-height:64px;align-items:center}.brand{max-width:calc(100vw - 132px)}.nav-actions{order:4;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-left:0;padding:0 0 10px}.nav-actions .language-select{grid-column:1 / -1;height:38px;margin:0}.nav-actions .btn,.nav-actions .theme-btn{width:100%;min-width:0;height:38px;padding:0 8px;border-radius:13px}.nav-actions .nav-action-icon{gap:0}.nav-action-symbol{display:inline-grid;place-items:center;font-size:17px;line-height:1}.nav-action-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.breaking-slider{margin-bottom:20px}.home-hero-with-featured{margin-bottom:28px}.home-slider,.home-slider-track,.home-slide-link{border-radius:22px}.home-hero-with-featured:before{display:none}.category-article-grid,.category-article-grid.category-grid-cols-2,.category-article-grid.category-grid-cols-3,.category-article-grid.category-grid-cols-4,.category-article-grid.category-grid-cols-5{grid-template-columns:1fr;gap:16px}.category-article-grid .article-card img,.category-article-grid .article-card .placeholder{height:198px}.category-page-title{align-items:start}.category-page-title span{font-size:13px}.section-title{margin:28px 0 14px}.home-latest-grid,.home-category-grid{gap:16px}}


/* v31 layout balance, spacing and shadow fixes */
body.site-layout-full .container{width:min(100% - 96px,1420px)}
@media(max-width:1280px){body.site-layout-full .container{width:min(100% - 64px,1240px)}}
@media(max-width:900px){body.site-layout-full .container{width:min(100% - 36px,100%)}}
@media(max-width:640px){body.site-layout-full .container,.container{width:min(100% - 22px,100%)}}

.breaking-slider{margin-bottom:34px}
.home-hero-with-featured{isolation:isolate;gap:26px;margin-bottom:34px}
.home-hero-with-featured:before{inset:-12px -10px auto;height:46%;filter:none;opacity:.70;box-shadow:none;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(14,165,233,.04))}
.home-slider{background:#0f172a;border-color:rgba(148,163,184,.28);box-shadow:0 20px 50px rgba(15,23,42,.12);isolation:isolate}
.home-slider:hover{box-shadow:0 22px 54px rgba(15,23,42,.14)}
html[data-theme="dark"] .home-slider{border-color:rgba(148,163,184,.18);box-shadow:0 20px 54px rgba(0,0,0,.30)}
.home-slide-link::after{background:linear-gradient(180deg,rgba(2,6,23,.06),rgba(2,6,23,.28) 38%,rgba(2,6,23,.86))}
.home-slide img,.home-slide-placeholder{transform:translateZ(0)}
.featured-home{gap:14px}
.featured-home-card{box-shadow:0 16px 40px rgba(15,23,42,.11)}

.home-news-layout{gap:18px}
.home-news-layout.has-sidebar{grid-template-columns:minmax(0,1fr) 320px;gap:18px}
.home-widget-sidebar{gap:14px}
.home-latest-grid,.home-category-grid{gap:18px}
.section-title{margin:28px 0 13px}

.article-detail-layout{grid-template-columns:minmax(0,1fr) 318px;gap:18px}
.article-detail-sidebar{top:88px;gap:14px}
.sidebar-widget{padding:15px;border-radius:20px}
.widget-article-list{gap:10px}
.widget-article-item{gap:10px;padding:7px}
.article-detail-main .card-body{padding:22px}
.related-news-section{margin-top:18px}

.dashboard-list-card{gap:8px;padding:18px}
.dashboard-list-card h2{margin-bottom:2px}
.dashboard-list-card .mini-list-item{padding:11px 12px;border-radius:15px;gap:10px;background:linear-gradient(135deg,var(--bg),rgba(37,99,235,.025))}
.dashboard-user-item{grid-template-columns:38px minmax(0,1fr) auto!important}
.mini-avatar{width:38px;height:38px;border-radius:13px}
.panel-content>.grid.two{gap:16px}
.panel-content .form-card>p{margin:8px 0}
.panel-content .form-card h2+p{margin-top:8px}

@media(max-width:1100px){
  .article-detail-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px}
  .home-news-layout.has-sidebar{grid-template-columns:minmax(0,1fr) 300px}
}
@media(max-width:980px){
  .article-detail-layout,.home-news-layout.has-sidebar{grid-template-columns:1fr}
  .article-detail-sidebar{gap:12px}
}
@media(max-width:900px){
  .breaking-slider{margin-bottom:26px}
  .home-hero-with-featured{gap:20px;margin-bottom:30px}
  .home-hero-with-featured:before{inset:-8px -6px auto;height:40%}
}
@media(max-width:640px){
  .breaking-slider{margin-bottom:22px}
  .home-hero-with-featured{gap:16px;margin-bottom:26px}
  .home-slider{box-shadow:0 14px 34px rgba(15,23,42,.14)}
  .article-detail-main .card-body{padding:17px}
  .dashboard-list-card{gap:7px;padding:15px}
  .dashboard-list-card .mini-list-item{padding:10px;border-radius:14px}
}

/* v32 flat design, translation layout polish and tighter profile spacing */
:root{--shadow:none;--flat-panel:#ffffff;--flat-soft:#f8fafc}
html[data-theme="dark"]{--shadow:none;--flat-panel:#111827;--flat-soft:#0b1020}
body{background:var(--bg)}
.card,.form-card,.stat,.table-wrap,.install-card,.sidebar-widget,.author-profile-card,.comment,.alert,.article-live-preview-window,.invoice-card,.withdrawal-bank-summary-grid>div,.category-admin-form .check,.settings-nav.form-card,.settings-section,.home-category-minimal-card,.home-category-timeline-item,.mini-list-item,.notification-item{box-shadow:none!important;background:var(--card)!important;border:1px solid var(--line)!important}
.card,.form-card,.table-wrap,.stat,.sidebar-widget,.settings-section{border-radius:16px!important}.article-card,.article-card img,.article-card .placeholder{border-radius:0}.article-card{overflow:hidden}.card-body{padding:15px}
.btn,.theme-btn,.nav-toggle,.sidebar-toggle,.language-select,input,select,textarea{box-shadow:none!important}.btn,.theme-btn,.nav-toggle,.sidebar-toggle{border-radius:10px}.btn.ghost,.theme-btn,.nav-toggle,.sidebar-toggle{background:var(--flat-soft);border:1px solid var(--line);color:var(--text)}
.site-header,.panel-top{box-shadow:none!important;border-bottom:1px solid var(--line)!important;backdrop-filter:none!important}.site-header.header-scrolled{box-shadow:none!important}.site-footer{box-shadow:none!important}
.panel-content{max-width:1440px}.panel-brand-mark,.side-nav a.active,.dashboard-main-stats .stat,.dashboard-list-card .mini-list-item,.home-category-card,.newsletter-weekly-card,.setting-field,.author-verification-card,.form-section{background:var(--card)!important;background-image:none!important}.panel-brand-mark{border:1px solid var(--line);color:var(--brand);box-shadow:none!important}.side-nav{gap:10px}.side-nav-section{gap:5px}.side-nav a{border:1px solid transparent;border-radius:12px;min-height:40px;padding:9px 10px;transform:none!important}.side-nav a span{border-radius:10px;background:var(--flat-soft)}.side-nav a:hover{background:var(--flat-soft)!important;border-color:var(--line);color:var(--text)}.side-nav a.active{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}.side-nav a.active span{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.25);color:#fff}.side-nav-section-title{letter-spacing:.06em}
.stat:before,.home-hero-with-featured:before{display:none!important}.stat{padding:16px 18px}.stat strong{font-size:clamp(23px,2.1vw,30px)}.stat span{font-size:13px}.finance-stat-grid{gap:12px}.dashboard-main-stats{gap:12px}.panel-content>.grid.two{gap:14px!important}
.dashboard-list-card{gap:6px!important;padding:14px!important}.dashboard-list-card h2{font-size:18px;margin:0 0 3px!important}.dashboard-list-card .mini-list-item{padding:8px 10px!important;border-radius:12px!important;gap:8px!important}.dashboard-list-card .mini-list-item small{line-height:1.35}.dashboard-user-item{grid-template-columns:34px minmax(0,1fr) auto!important}.mini-avatar{width:34px!important;height:34px!important;border-radius:10px!important;box-shadow:none!important}
.home-slider,.featured-home-card{box-shadow:none!important;border:1px solid var(--line)!important;background:#0f172a!important;border-radius:18px!important}.home-slider,.home-slider-track,.home-slide-link{border-radius:18px!important}.home-slider:hover{box-shadow:none!important}.home-slide-link::after,.featured-home-card a::after{background:linear-gradient(180deg,rgba(2,6,23,.04),rgba(2,6,23,.72))!important}.home-slider-btn{box-shadow:none!important;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.9)}.home-slider-dots button{box-shadow:none}.breaking-slider{box-shadow:none!important;border:1px solid var(--line);margin-bottom:28px!important}.home-hero-with-featured{gap:20px!important;margin-bottom:30px!important}.home-latest-grid,.home-category-grid,.category-article-grid{gap:16px!important}.section-title{margin:24px 0 12px!important}.article-card h3{letter-spacing:-.015em}.featured-home{gap:12px!important}.featured-home-title{bottom:14px;left:14px;right:14px}
body.site-layout-full .container{width:min(100% - 112px,1360px)}@media(max-width:1280px){body.site-layout-full .container{width:min(100% - 76px,1280px)}}@media(max-width:900px){body.site-layout-full .container{width:min(100% - 36px,100%)}}@media(max-width:640px){.container,body.site-layout-full .container{width:min(100% - 22px,100%)}.nav-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.nav-actions .btn,.nav-actions .theme-btn{border-radius:10px}}
.article-detail-layout{grid-template-columns:minmax(0,1fr) 304px!important;gap:12px!important}.article-detail-sidebar{gap:10px!important}.sidebar-widget{padding:12px!important}.widget-article-list{gap:8px!important}.widget-article-item{padding:6px!important;gap:8px!important}.article-detail-main .card-body{padding:18px!important}.related-news-section{margin-top:14px!important}@media(max-width:1080px){.article-detail-layout{grid-template-columns:minmax(0,1fr) 288px!important;gap:10px!important}}@media(max-width:980px){.article-detail-layout{grid-template-columns:1fr!important}}
.writer-profile-form{display:grid;gap:10px}.writer-profile-form .form-section{padding:12px!important;margin-bottom:0!important;border-radius:14px!important;background:var(--card)!important}.writer-profile-form .form-section h3{font-size:16px;margin-bottom:9px!important}.writer-profile-form .grid{gap:10px!important}.writer-profile-form label{margin-bottom:9px!important}.writer-profile-form label input,.writer-profile-form label select,.writer-profile-form label textarea{margin-top:5px}.writer-profile-form textarea{min-height:96px}.writer-profile-form .muted{margin:4px 0 10px;line-height:1.45}.writer-profile-form .check-row{gap:10px}.writer-profile-form .btn{justify-self:start}.author-verification-status{margin:4px 0 8px}.verification-id-upload-box{padding:10px!important;border-radius:12px!important}.payment-profile-section .withdrawal-profile-grid{margin-bottom:4px}
.export-card-grid{gap:14px!important}.export-card-grid .form-card h2{margin-top:0}.export-card-grid .form-card p{margin:6px 0 12px}
@media(max-width:900px){.side-nav.open{gap:8px}.side-nav-section{border-radius:14px!important}.panel-top{top:57px}.panel-content{padding:14px!important}.dashboard-main-stats,.finance-stat-grid{gap:10px}.home-hero-with-featured{gap:16px!important}.breaking-slider{margin-bottom:22px!important}}
@media(max-width:640px){.dashboard-list-card{padding:12px!important}.dashboard-list-card .mini-list-item{padding:8px!important}.dashboard-user-item{grid-template-columns:32px minmax(0,1fr)!important}.mini-avatar{width:32px!important;height:32px!important}.home-slider,.home-slider-track,.home-slide-link{border-radius:14px!important}.article-detail-main .card-body{padding:14px!important}.writer-profile-form .form-section{padding:10px!important}.writer-profile-form textarea{min-height:84px}}


/* v33 wider full layout and compact author profile spacing */
body.site-layout-full .container{width:min(100% - 72px,1460px)}
.author-profile-page{grid-template-columns:315px minmax(0,1fr);gap:14px!important}
.author-profile-left{top:84px}
.author-profile-avatar-block{padding:16px;gap:12px}
.author-profile-photo-left{width:84px;height:84px;flex-basis:84px;border-radius:20px}
.author-profile-follow-form{padding:12px 16px 0}
.author-profile-info-menu{gap:8px;padding:14px 16px 4px}
.author-profile-info-item{padding:10px 11px;border-radius:13px}
.author-profile-social-list{gap:8px;padding:12px 16px 16px}
.author-profile-social-list a{padding:9px 10px;border-radius:13px}
.author-profile-main>.card{margin-bottom:8px!important}
.author-profile-main>.card .card-body{padding:14px!important}
.author-profile-main>.card h2{margin:0 0 8px;font-size:20px}
.author-profile-bio{line-height:1.62;font-size:16px}
.author-profile-main>.section-title{margin:16px 0 10px!important}
.author-profile-article-grid{gap:14px!important}
@media(max-width:1280px){body.site-layout-full .container{width:min(100% - 48px,1360px)}}
@media(max-width:960px){.author-profile-page{grid-template-columns:1fr;gap:12px!important}.author-profile-left{top:auto}.author-profile-main>.section-title{margin:14px 0 10px!important}}
@media(max-width:640px){.container,body.site-layout-full .container{width:min(100% - 20px,100%)}.author-profile-avatar-block{padding:14px}.author-profile-photo-left{width:72px;height:72px;flex-basis:72px}.author-profile-info-menu,.author-profile-social-list{padding-left:14px;padding-right:14px}.author-profile-main>.card .card-body{padding:12px!important}.author-profile-article-grid{gap:12px!important}}

/* v34 mobile menu, dark-mode polish, homepage height/spacing and author follow hover */
:root{--surface-1:var(--card);--surface-2:var(--flat-soft);--soft-hover:rgba(37,99,235,.075)}
html[data-theme="dark"]{--bg:#0b1120;--card:#111827;--text:#f8fafc;--muted:#cbd5e1;--line:#334155;--brand:#60a5fa;--brand2:#f8fafc;--flat-panel:#111827;--flat-soft:#0f172a;--surface-1:#111827;--surface-2:#0f172a;--soft-hover:rgba(96,165,250,.16)}
html[data-theme="dark"] body,
html[data-theme="dark"] .panel-body{background:var(--bg)!important;color:var(--text)!important}
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .panel-top,
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .site-footer{background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme="dark"] .top-nav.open,
html[data-theme="dark"] .side-nav-section,
html[data-theme="dark"] .card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .sidebar-widget,
html[data-theme="dark"] .author-profile-left,
html[data-theme="dark"] .author-profile-cover-top,
html[data-theme="dark"] .settings-section,
html[data-theme="dark"] .settings-nav,
html[data-theme="dark"] .mini-list-item,
html[data-theme="dark"] .home-category-minimal-card,
html[data-theme="dark"] .home-category-timeline-item,
html[data-theme="dark"] .home-category-list-item{background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme="dark"] .btn.ghost,
html[data-theme="dark"] .theme-btn,
html[data-theme="dark"] .nav-toggle,
html[data-theme="dark"] .sidebar-toggle,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .language-select,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .author-profile-info-item,
html[data-theme="dark"] .author-profile-social-list a,
html[data-theme="dark"] .author-profile-social-list span{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme="dark"] .muted,
html[data-theme="dark"] small,
html[data-theme="dark"] .panel-top p,
html[data-theme="dark"] .article-card p,
html[data-theme="dark"] .widget-article-item small,
html[data-theme="dark"] .side-nav-section-title{color:var(--muted)!important}
html[data-theme="dark"] .top-nav a,
html[data-theme="dark"] .site-footer a{color:var(--muted)!important}
html[data-theme="dark"] .top-nav a:hover,
html[data-theme="dark"] .author-profile-social-list a:hover,
html[data-theme="dark"] .side-nav a:hover{background:var(--soft-hover)!important;color:#fff!important;border-color:rgba(96,165,250,.45)!important}
html[data-theme="dark"] .mce-toolbar,
html[data-theme="dark"] .mce-edit-area,
html[data-theme="dark"] .mce-tinymce{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme="dark"] .mce-toolbar button{stroke:var(--text)!important;fill:var(--text)!important}

body.site-layout-full .container{width:min(100% - 56px,1520px)}
@media(max-width:1280px){body.site-layout-full .container{width:min(100% - 40px,1400px)}}
@media(max-width:900px){body.site-layout-full .container{width:min(100% - 28px,100%)}}
@media(max-width:640px){.container,body.site-layout-full .container{width:min(100% - 18px,100%)}}
.top-space{padding-top:18px}.breaking-slider{margin-top:0!important;margin-bottom:14px!important;min-height:44px;padding-top:10px;padding-bottom:10px}.home-hero-with-featured{gap:22px!important;margin-bottom:32px!important}.home-slider,.home-slider-track{min-height:clamp(390px,36vw,500px)!important}.home-slide img,.home-slide-placeholder{min-height:clamp(390px,36vw,500px)!important}.featured-home{min-height:clamp(390px,36vw,500px)!important}.featured-home-card.large{min-height:0}.featured-home-small-grid .featured-home-card{min-height:0}.home-slider,.home-slider-track,.home-slide-link,.featured-home-card{border-radius:18px!important}.home-slide-link::after,.featured-home-card a::after{background:linear-gradient(180deg,rgba(2,6,23,.05),rgba(2,6,23,.28) 34%,rgba(2,6,23,.82))!important}.home-slider{box-shadow:none!important;border-color:var(--line)!important}.home-slider:hover{box-shadow:none!important}
@media(max-width:900px){.top-space{padding-top:14px}.breaking-slider{margin-bottom:12px!important}.home-slider,.home-slider-track,.home-slide img,.home-slide-placeholder{min-height:360px!important}.featured-home{min-height:auto!important}.featured-home-card.large{height:290px!important}.featured-home-small-grid .featured-home-card{height:195px!important}.home-hero-with-featured{gap:18px!important;margin-bottom:28px!important}}
@media(max-width:640px){.top-space{padding-top:12px}.breaking-slider{margin-bottom:10px!important}.home-slider,.home-slider-track,.home-slide img,.home-slide-placeholder{min-height:345px!important}.featured-home-card.large{height:245px!important}.featured-home-small-grid .featured-home-card{height:190px!important}.home-hero-with-featured{gap:14px!important;margin-bottom:24px!important}}

.nav-toggle{font-size:22px;line-height:1;min-width:46px;min-height:42px;border-radius:14px!important;border:1px solid var(--line)!important;background:var(--surface-2)!important;align-items:center;justify-content:center;transition:background .18s ease,border-color .18s ease,color .18s ease}
.nav-toggle:hover,.nav-toggle:focus-visible{background:var(--soft-hover)!important;border-color:var(--brand)!important;color:var(--brand)!important;outline:0}.top-nav a{border-radius:12px!important}.top-nav a:hover,.top-nav a:focus-visible{background:var(--soft-hover)!important;border-color:transparent;color:var(--text)!important;outline:0}.top-nav.open{border-radius:16px!important}
@media(max-width:640px){.nav-wrap{display:grid;grid-template-columns:auto 1fr auto;gap:8px}.brand{max-width:none;grid-column:1 / 3}.nav-toggle{grid-column:3;grid-row:1;font-size:24px;min-width:48px;min-height:44px;border-radius:15px!important}.nav-actions{grid-column:1 / -1;order:4;width:100%;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:7px;padding:0 0 8px;margin-left:0}.nav-actions .language-select{flex:1 1 100%;height:38px;margin:0;max-width:none}.nav-actions .btn,.nav-actions .theme-btn{width:auto!important;min-width:0;height:38px;padding:0 10px!important;border-radius:12px!important;font-size:12.5px;line-height:1.1;white-space:nowrap}.nav-action-symbol{display:none!important}.nav-action-text{position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto!important;white-space:nowrap!important;border:0!important;display:inline!important}.top-nav{top:calc(100% + 8px);left:0;right:0;border-radius:15px!important}.top-nav a{border-radius:12px!important}}
@media(max-width:380px){.nav-actions .btn,.nav-actions .theme-btn{font-size:12px;padding:0 8px!important}}

.author-profile-page{grid-template-columns:306px minmax(0,1fr)!important;gap:10px!important}.author-profile-follow-form .btn{border:1px solid var(--line);background:var(--bg);color:var(--text);transition:background .18s ease,color .18s ease,border-color .18s ease}.author-profile-follow-form .btn:hover,.author-profile-follow-form .btn:focus-visible{border-color:var(--brand)!important;color:var(--brand)!important;background:rgba(37,99,235,.08)!important;outline:0}.author-profile-follow-form .btn:not(.ghost){background:var(--brand);border-color:var(--brand);color:#fff}.author-profile-follow-form .btn:not(.ghost):hover,.author-profile-follow-form .btn:not(.ghost):focus-visible{background:rgba(37,99,235,.08)!important;color:var(--brand)!important}.author-profile-social-list a{transition:background .18s ease,color .18s ease,border-color .18s ease}.author-profile-main>.section-title{margin:12px 0 8px!important}.author-profile-main>.card{margin-bottom:6px!important}.author-profile-main>.card .card-body{padding:12px!important}.author-profile-article-grid{gap:12px!important}
@media(max-width:960px){.author-profile-page{grid-template-columns:1fr!important;gap:10px!important}}
@media(max-width:640px){.site-header.header-hidden{transform:none!important}}

/* Settings page side menu should scroll with the page, not inside its own panel. */
.settings-nav{position:static!important;top:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;scrollbar-gutter:auto!important}
.settings-nav::-webkit-scrollbar{width:auto}
.settings-nav::-webkit-scrollbar-thumb{background:initial;border-radius:initial}
/* Configurable author profile article columns. */
.author-profile-article-grid.author-profile-grid-cols-1{grid-template-columns:1fr}
.author-profile-article-grid.author-profile-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.author-profile-article-grid.author-profile-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.author-profile-article-grid.author-profile-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.author-profile-article-grid.author-profile-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.author-profile-article-grid.author-profile-grid-cols-5 .article-card img,.author-profile-article-grid.author-profile-grid-cols-5 .article-card .placeholder{height:122px}
@media(max-width:1180px){.author-profile-article-grid.author-profile-grid-cols-5{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1020px){.author-profile-article-grid.author-profile-grid-cols-3,.author-profile-article-grid.author-profile-grid-cols-4,.author-profile-article-grid.author-profile-grid-cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.author-profile-article-grid.author-profile-grid-cols-2,.author-profile-article-grid.author-profile-grid-cols-3,.author-profile-article-grid.author-profile-grid-cols-4,.author-profile-article-grid.author-profile-grid-cols-5{grid-template-columns:1fr}}

/* Explore Page Flat Design Styles */
.explore-container { margin: 40px auto; padding: 0 20px; }
.explore-container.explore-layout-normal { max-width: 1200px; }
.explore-container.explore-layout-full { max-width: 96%; }
.explore-header { text-align: center; margin-bottom: 40px; }
.explore-header h1 { font-size: 2.5rem; color: var(--text-color, #333); margin-bottom: 10px; font-weight: 800; }
.explore-header p { color: #777; font-size: 1.1rem; }
.explore-filters { background: var(--card); padding: 20px; border-radius: 15px; margin-bottom: 40px; border: 1px solid var(--line); }
.explore-filter-form { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; }
.filter-group { display: flex; flex-direction: column; gap: 8px; min-width: 200px; }
.filter-group label { font-size: 0.9rem; font-weight: 600; color: var(--muted); }
.filter-group select { padding: 10px 15px; border-radius: 10px; border: 1px solid var(--line); background: var(--card); color: var(--text); font-size: 1rem; outline: none; transition: border-color 0.3s; }
.filter-group select:focus { border-color: var(--brand); }
.explore-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; }
.explore-card { background: var(--card); border-radius: 20px; overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; border: 1px solid var(--line); }
.explore-card:hover { transform: translateY(-10px); box-shadow: var(--shadow); }
.explore-card-link { text-decoration: none; color: inherit; display: block; }
.explore-card-image { position: relative; height: 200px; overflow: hidden; }
.explore-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.explore-card:hover .explore-card-image img { transform: scale(1.1); }
.explore-card-tag { position: absolute; top: 15px; left: 15px; background: var(--brand); color: #fff; padding: 5px 12px; border-radius: 8px; font-size: 0.8rem; font-weight: 600; }
.explore-card-content { padding: 20px; }
.explore-card-content h3 { font-size: 1.2rem; margin-bottom: 10px; line-height: 1.4; font-weight: 700; color: var(--text); }
.explore-card-content p { font-size: 0.9rem; color: var(--muted); margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.explore-card-footer { display: flex; justify-content: space-between; align-items: center; font-size: 0.8rem; color: var(--muted); border-top: 1px solid var(--line); padding-top: 15px; }
.explore-empty { text-align: center; grid-column: 1 / -1; padding: 60px 0; }
.explore-empty p { font-size: 1.2rem; color: var(--muted); margin-bottom: 20px; }

/* Home Explore Section */
.home-explore-section { margin: 60px 0; padding: 40px; background: var(--bg); border: 1px solid var(--line); border-radius: 30px; display: flex; align-items: center; gap: 40px; flex-wrap: wrap; }
.home-explore-info { flex: 1; min-width: 300px; }
.home-explore-info h2 { font-size: 2.2rem; margin-bottom: 15px; font-weight: 800; }
.home-explore-info p { font-size: 1.1rem; color: var(--muted); margin-bottom: 25px; }
.home-explore-cards { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; min-width: 300px; }
.info-card { background: var(--card); padding: 25px; border-radius: 20px; text-align: center; box-shadow: var(--shadow); border: 1px solid var(--line); }
.info-card i { font-size: 2rem; display: block; margin-bottom: 10px; }
.info-card strong { display: block; font-size: 1.1rem; margin-bottom: 5px; }
.info-card span { font-size: 0.9rem; color: var(--muted); }
@media (max-width: 768px) {
    .home-explore-section { flex-direction: column; text-align: center; padding: 30px 20px; }
    .home-explore-cards { grid-template-columns: 1fr; width: 100%; }
}

/* New Breaking News Slider Styles */
.breaking-new-slider { display: flex; align-items: center; background: var(--card); border: 1px solid var(--line); border-radius: 15px; padding: 5px 15px; margin-bottom: 20px; height: 50px; overflow: hidden; box-shadow: var(--shadow); }
.breaking-label { display: flex; align-items: center; gap: 8px; padding-right: 15px; border-right: 2px solid var(--line); margin-right: 15px; white-space: nowrap; }
.breaking-icon { font-size: 1.2rem; animation: pulse 2s infinite; }
.breaking-text { color: var(--brand); font-weight: 800; text-transform: uppercase; font-size: 0.9rem; }
.breaking-viewport { flex: 1; position: relative; height: 100%; overflow: hidden; }
.breaking-items { height: 100%; position: relative; }
.breaking-item { position: absolute; inset: 0; display: flex; align-items: center; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, transform 0.5s ease; transform: translateY(20px); color: var(--text); font-weight: 600; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.breaking-item.active { opacity: 1; visibility: visible; transform: translateY(0); }

@keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.2); opacity: 0.7; }
    100% { transform: scale(1); opacity: 1; }
}

@media (max-width: 768px) {
    .breaking-new-slider { padding: 5px 10px; }
    .breaking-text { display: none; } /* Mobilde metni gizle */
    .breaking-label { border-right: 0; margin-right: 10px; padding-right: 0; }
    .breaking-icon { font-size: 1.5rem; }
}

/* Logo and Favicon Improvements */
.site-logo-wrap { display: flex; align-items: center; height: 100%; max-height: 50px; }
.main-logo { max-height: 45px; width: auto; object-fit: contain; display: block; }
.brand.site-logo-wrap span { display: none; } /* Logo varken metni gizle */

@media (max-width: 768px) {
    .main-logo { max-height: 35px; }
    .site-logo-wrap { max-height: 40px; }
}

/* Dropdown Menu Styles */
.nav-dropdown { position: relative; display: inline-block; }
.nav-dropdown .dropdown-menu { display: none; position: absolute; top: 100%; left: 0; background: var(--card); min-width: 200px; box-shadow: var(--shadow); border: 1px solid var(--line); border-radius: 12px; z-index: 100; padding: 8px 0; margin-top: 5px; }
.nav-dropdown:hover .dropdown-menu { display: block; }
.nav-dropdown .dropdown-menu a { display: block; padding: 10px 16px; color: var(--muted); font-weight: 650; border-radius: 0; }
.nav-dropdown .dropdown-menu a:hover { background: var(--bg); color: var(--text); }
.nav-dropdown .arrow { font-size: 10px; margin-left: 4px; opacity: 0.7; }
.more-menu .dropdown-menu { left: auto; right: 0; }
@media(max-width:900px){
    .nav-dropdown .dropdown-menu { position: static; box-shadow: none; border: 0; padding-left: 15px; display: block; min-width: 100%; }
    .nav-dropdown .arrow { display: none; }
}

/* Article video and social media embeds */
.article-content .article-embed,
.article-content .article-iframe-embed,
.article-content .article-video-embed {
  width: 100%;
  margin: 22px 0;
  border-radius: 18px;
  overflow: hidden;
  background: #111;
}
.article-content .article-iframe-embed {
  position: relative;
  padding-top: 56.25%;
}
.article-content .article-iframe-embed iframe,
.article-content iframe.tinymce-video,
.article-content iframe.social-iframe {
  width: 100%;
  max-width: 100%;
  border: 0;
  border-radius: 18px;
}
.article-content .article-iframe-embed iframe {
  position: absolute;
  inset: 0;
  height: 100%;
}
.article-content video,
.article-content .article-video-embed video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 18px;
}
.article-content .social-embed-card {
  padding: 16px;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 16px;
  background: var(--card, #fff);
  overflow-wrap: anywhere;
}
.article-content .twitter-tweet,
.article-content .instagram-media,
.article-content .tiktok-embed {
  margin: 22px auto !important;
  max-width: 100% !important;
}

/* Stronger social media embed rendering */
.article-content .social-embed {
  background: transparent;
  border-radius: 18px;
  overflow: visible;
  margin: 22px 0;
}
.article-content .social-embed-x,
.article-content .social-embed-instagram,
.article-content .social-embed-tiktok {
  display: flex;
  justify-content: center;
}
.article-content .social-embed .social-embed-fallback {
  display: none;
}
.article-content .social-embed blockquote {
  max-width: 100% !important;
}
.article-content .social-embed-facebook.article-iframe-embed {
  background: transparent;
  min-height: 500px;
}
.article-content .social-embed-facebook.article-iframe-embed iframe {
  background: transparent;
}
.rich-editor-box .article-embed,
.tox-edit-area .article-embed {
  margin: 14px 0;
}


/* v24 mobil üst menü düzeni: sol kategori ikonu, orta logo, sağ panel/giriş/çıkış ikonları */
.nav-action-icon .nav-action-symbol{display:inline-grid;place-items:center;line-height:1;font-weight:950}
.nav-action-icon .nav-action-text{line-height:1}
.nav-toggle-icon{display:inline-grid;place-items:center;font-size:20px;line-height:1}
@media(max-width:900px){
  .site-header{z-index:100}
  .nav-wrap{position:relative;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px;padding-bottom:6px}
  .nav-toggle{order:1;display:inline-grid;place-items:center;width:42px;height:42px;padding:0;flex:0 0 42px;margin:0}
  .brand.site-logo-wrap{order:2;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);justify-content:center;max-width:42vw;min-width:0;text-align:center;z-index:1}
  .brand.site-logo-wrap span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42vw;font-size:18px}
  .brand.site-logo-wrap .main-logo{max-width:42vw!important;max-height:42px!important;width:auto;height:auto;margin:auto}
  .nav-actions{order:3;margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;max-width:45vw;position:relative;z-index:2}
  .nav-actions .btn.small,.nav-actions .theme-btn{width:38px;height:38px;min-width:38px;padding:0;border-radius:12px;display:inline-grid;place-items:center}
  .nav-action-icon .nav-action-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .nav-action-icon .nav-action-symbol{font-size:17px}
  .theme-btn .theme-icon{font-size:17px}
  .language-select{display:none}
  .top-nav{top:64px;left:4vw;right:4vw;z-index:99}
}
@media(max-width:420px){
  .brand.site-logo-wrap{max-width:38vw}
  .brand.site-logo-wrap span{max-width:38vw;font-size:16px}
  .brand.site-logo-wrap .main-logo{max-width:38vw!important;max-height:38px!important}
  .nav-actions{gap:4px;max-width:48vw}
  .nav-actions .btn.small,.nav-actions .theme-btn,.nav-toggle{width:36px;height:36px;min-width:36px;border-radius:11px}
}

/* v25 giriş/kayıt buton ikon düzeni */
.nav-login-link .nav-action-symbol,
.nav-register-link .nav-action-symbol{
  display:inline-grid;
  place-items:center;
  width:1.15em;
  height:1.15em;
  font-size:1.05em;
  font-weight:950;
  line-height:1;
}
@media(max-width:900px){
  .nav-login-link,
  .nav-register-link{
    flex:0 0 auto;
  }
  .nav-login-link .nav-action-symbol,
  .nav-register-link .nav-action-symbol{
    width:20px;
    height:20px;
    font-size:19px;
  }
  .nav-login-link .nav-action-text,
  .nav-register-link .nav-action-text{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
}

/* v26 daha şık mobil üst menü ikonları */
.nav-action-symbol svg,.nav-toggle-icon svg{width:1.15em;height:1.15em;display:block;stroke:currentColor}
.nav-action-icon{transition:transform .18s ease, box-shadow .18s ease, background .18s ease}
.nav-action-icon:hover{transform:translateY(-1px)}
.nav-icon-login,.nav-icon-register,.nav-icon-panel,.nav-icon-logout,.nav-icon-write{display:inline-grid;place-items:center}
@media(max-width:900px){
  .nav-toggle-icon svg{width:22px;height:22px}
  .nav-action-icon .nav-action-symbol svg{width:20px;height:20px}
  .nav-actions .nav-login-link,.nav-actions .nav-register-link,.nav-actions .nav-action-icon{box-shadow:0 6px 18px rgba(15,23,42,.08)}
  .nav-actions .nav-register-link{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-color:transparent}
  .nav-actions .nav-login-link{background:var(--card);border:1px solid var(--line)}
  html[data-theme="dark"] .nav-actions .nav-login-link{background:rgba(255,255,255,.06)}
}
@media(max-width:420px){
  .nav-action-icon .nav-action-symbol svg{width:18px;height:18px}
  .nav-toggle-icon svg{width:20px;height:20px}
}

/* v37 flat mobile header action icons: panel, logout, submit article */
.nav-action-flat .nav-action-symbol{width:22px;height:22px;display:inline-grid;place-items:center;color:currentColor}
.nav-action-flat .nav-action-symbol svg{width:20px;height:20px;stroke-width:1.9}
.nav-panel-link{background:var(--brand)!important;color:#fff!important;border-color:transparent!important}
.nav-submit-article{background:rgba(37,99,235,.08)!important;color:var(--brand)!important;border:1px solid rgba(37,99,235,.18)!important}
.nav-logout-link{background:rgba(239,68,68,.08)!important;color:#dc2626!important;border:1px solid rgba(239,68,68,.18)!important}
.nav-panel-link:hover,.nav-submit-article:hover,.nav-logout-link:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.10)}
html[data-theme="dark"] .nav-submit-article{background:rgba(96,165,250,.12)!important;color:#bfdbfe!important;border-color:rgba(147,197,253,.22)!important}
html[data-theme="dark"] .nav-logout-link{background:rgba(248,113,113,.12)!important;color:#fecaca!important;border-color:rgba(248,113,113,.22)!important}
@media(max-width:640px){
  .nav-actions .nav-panel-link,.nav-actions .nav-logout-link,.nav-actions .nav-submit-article{border-radius:14px!important;box-shadow:none!important}
  .nav-actions .nav-action-flat .nav-action-symbol{width:20px;height:20px}
  .nav-actions .nav-action-flat .nav-action-symbol svg{width:20px;height:20px}
  .nav-actions .nav-submit-article{order:1}
  .nav-actions .theme-btn{order:2}
  .nav-actions .nav-panel-link{order:3}
  .nav-actions .nav-logout-link{order:4}
}


/* v38 mobile icon-only auth and submit buttons */
@media(max-width:900px){
  .nav-actions .nav-login-link,
  .nav-actions .nav-register-link,
  .nav-actions .nav-submit-article{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    padding:0!important;
    display:inline-grid!important;
    place-items:center!important;
    gap:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    flex:0 0 38px!important;
  }
  .nav-actions .nav-login-link .nav-action-text,
  .nav-actions .nav-register-link .nav-action-text,
  .nav-actions .nav-submit-article .nav-action-text,
  .nav-actions .nav-mobile-icononly .nav-action-text{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    max-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    position:absolute!important;
    clip-path:inset(50%)!important;
  }
  .nav-actions .nav-login-link .nav-action-symbol,
  .nav-actions .nav-register-link .nav-action-symbol,
  .nav-actions .nav-submit-article .nav-action-symbol{
    margin:0!important;
    width:20px!important;
    height:20px!important;
    display:grid!important;
    place-items:center!important;
  }
  .nav-actions .nav-login-link .nav-action-symbol svg,
  .nav-actions .nav-register-link .nav-action-symbol svg,
  .nav-actions .nav-submit-article .nav-action-symbol svg{
    width:20px!important;
    height:20px!important;
    display:block!important;
  }
}
@media(max-width:420px){
  .nav-actions .nav-login-link,
  .nav-actions .nav-register-link,
  .nav-actions .nav-submit-article{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
  }
}


/* Remember me + flat author widget */
.remember-login-row{display:flex!important;align-items:center;gap:10px;margin:10px 0 14px;font-weight:700;color:#334155;cursor:pointer;user-select:none}.remember-login-row input{width:18px;height:18px;accent-color:#0f172a}.author-widget-card{position:sticky;top:88px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:18px;box-shadow:0 18px 45px rgba(15,23,42,.08);margin-bottom:18px}.author-widget-top{display:flex;gap:14px;align-items:flex-start}.author-widget-avatar{width:66px;height:66px;border-radius:22px;overflow:hidden;flex:0 0 auto;background:#eef2ff;box-shadow:inset 0 0 0 1px rgba(15,23,42,.06)}.author-widget-avatar img{width:100%;height:100%;object-fit:cover;display:block}.author-widget-identity{min-width:0}.author-widget-kicker{display:inline-flex;margin-bottom:4px;font-size:12px;font-weight:800;color:#64748b;letter-spacing:.02em}.author-widget-identity strong{display:block;font-size:17px;line-height:1.25}.author-widget-identity strong a{color:#0f172a;text-decoration:none}.author-widget-identity p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.45}.author-widget-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.author-widget-stats span{border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.07);padding:10px 6px;text-align:center;display:flex;flex-direction:column;gap:2px;align-items:center}.author-widget-stats i{font-style:normal;font-size:17px}.author-widget-stats strong{font-size:16px;color:#0f172a}.author-widget-stats small{font-size:11px;color:#64748b;font-weight:700}.author-widget-socials{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.author-widget-socials a{width:34px;height:34px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;color:#0f172a;text-decoration:none;font-weight:900;font-size:12px;border:1px solid rgba(15,23,42,.06)}.author-widget-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.author-widget-actions form{margin:0}.author-widget-actions .btn{border-radius:14px}@media(max-width:900px){.author-widget-card{position:relative;top:auto;border-radius:20px}.author-widget-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.remember-login-row{font-size:14px}}

/* v20260502_010 - Panelden eklenebilir yazar profil widgetı */
.sidebar-widget-author_profile{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.sidebar-widget-author_profile>h3{display:none!important}.author-widget-card{position:sticky;top:88px;border-radius:24px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 42px rgba(15,23,42,.08);padding:20px;margin-bottom:18px}.author-widget-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.author-widget-avatar{width:118px!important;height:118px!important;border-radius:30px!important;box-shadow:0 16px 34px rgba(15,23,42,.14);background:#f1f5f9}.author-widget-kicker{display:none!important}.author-widget-identity strong{font-size:19px;line-height:1.25}.author-widget-identity p{margin-top:8px;font-size:13px;color:#64748b}.author-widget-stats{margin-top:18px}.author-widget-socials{justify-content:center}.author-widget-actions{justify-content:center}.author-widget-actions .btn{border-radius:16px}
@media(max-width:900px){.author-widget-card{position:relative;top:auto}.author-widget-avatar{width:104px!important;height:104px!important;border-radius:28px!important}}

.char-counter{display:block;margin-top:6px;font-size:.82rem;color:#64748b;font-weight:600}.char-counter.is-over{color:#dc2626}.char-counter.is-over::before{content:"⚠ ";}


/* 20260502_012 - kategori alt menüleri ve ayarlar sekmeli görünüm */
.top-nav .category-dropdown .dropdown-parent-link{font-weight:850;color:var(--text);border-bottom:1px solid var(--line);margin-bottom:4px}
.more-menu .dropdown-menu .nav-dropdown{display:block;width:100%}
.more-menu .dropdown-menu .nav-dropdown>.dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%}
.more-menu .dropdown-menu .nav-dropdown .dropdown-menu{left:100%;top:0;margin-top:0;margin-left:6px}
.settings-section{display:none}
.settings-section.is-active{display:block}
.settings-tab-link.is-active{background:var(--brand);color:#fff!important;border-color:var(--brand)!important;box-shadow:0 8px 22px rgba(37,99,235,.18)}
.settings-tab-link.is-active:hover{transform:none;color:#fff!important}
.writer-article-form select[name="category_id"] option{font-weight:650}
@media(max-width:980px){
  .more-menu .dropdown-menu .nav-dropdown .dropdown-menu{position:static;margin-left:0;padding-left:14px}
  .settings-nav{display:flex!important;gap:8px;overflow:auto!important;white-space:nowrap;padding-bottom:10px}
  .settings-nav strong{flex:0 0 100%;white-space:normal}
  .settings-nav a{flex:0 0 auto}
}

/* 20260502_016 - Yazar kategori seçiminde alt kategoriler ve üst menü çok seviyeli kategori dropdown düzeltmesi */
.top-nav .category-dropdown{position:relative}
.top-nav .category-dropdown>.dropdown-toggle{display:inline-flex;align-items:center;gap:5px}
.top-nav .category-submenu{min-width:220px}
.top-nav .category-submenu .category-dropdown{display:block;width:100%}
.top-nav .category-submenu .category-dropdown>.dropdown-toggle{display:flex;justify-content:space-between;width:100%;padding:10px 16px;color:var(--muted);font-weight:650}
.top-nav .category-submenu .category-dropdown>.dropdown-toggle:hover{background:var(--bg);color:var(--text)}
.top-nav .category-submenu .category-dropdown-child>.dropdown-menu{left:100%;top:0;margin-left:6px;margin-top:0}
.top-nav .category-submenu .category-dropdown-child:hover>.dropdown-menu{display:block}
.top-nav .category-dropdown .dropdown-parent-link{font-weight:850;color:var(--text);border-bottom:1px solid var(--line);margin-bottom:4px}
.writer-article-form select[name="category_id"] option[data-depth="1"]{font-weight:650}
.writer-article-form select[name="category_id"] option[data-depth="2"],
.writer-article-form select[name="category_id"] option[data-depth="3"]{color:var(--muted)}
@media(max-width:760px){
  .top-nav .nav-dropdown,.top-nav .category-dropdown{display:block;width:100%}
  .top-nav .nav-dropdown .dropdown-menu,.top-nav .category-submenu,.top-nav .category-submenu .category-dropdown-child>.dropdown-menu{position:static;display:block;box-shadow:none;border:0;margin:0;padding-left:14px;background:transparent;min-width:100%}
  .top-nav .category-dropdown>.dropdown-toggle,.top-nav .category-submenu .category-dropdown>.dropdown-toggle{display:flex;justify-content:space-between;width:100%}
  .top-nav .category-dropdown .arrow{display:none}
}

/* 20260502_017 - Kullanışlı flat kategori menüsü ve yazar kategori seçici */
.top-nav .nav-dropdown,
.top-nav .category-dropdown{position:relative}
.top-nav .nav-dropdown>.dropdown-menu,
.top-nav .category-dropdown>.dropdown-menu{
  display:block!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
  margin-top:0!important;
  top:calc(100% - 1px);
  padding:10px;
  min-width:230px;
  border-radius:16px;
  box-shadow:0 18px 45px rgba(15,23,42,.14);
}
.top-nav .nav-dropdown:hover>.dropdown-menu,
.top-nav .nav-dropdown:focus-within>.dropdown-menu,
.top-nav .nav-dropdown.open>.dropdown-menu,
.top-nav .category-dropdown:hover>.dropdown-menu,
.top-nav .category-dropdown:focus-within>.dropdown-menu,
.top-nav .category-dropdown.open>.dropdown-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.top-nav .nav-dropdown>.dropdown-menu:before,
.top-nav .category-dropdown>.dropdown-menu:before{
  content:"";
  position:absolute;
  left:0;right:0;top:-12px;height:12px;
}
.top-nav .category-dropdown-child>.dropdown-menu,
.top-nav .category-submenu .category-dropdown-child>.dropdown-menu{
  left:calc(100% - 1px)!important;
  top:-10px!important;
  margin-left:0!important;
  transform:translateX(8px)!important;
}
.top-nav .category-dropdown-child:hover>.dropdown-menu,
.top-nav .category-dropdown-child:focus-within>.dropdown-menu,
.top-nav .category-dropdown-child.open>.dropdown-menu{transform:translateX(0)!important}
.top-nav .dropdown-menu a,
.top-nav .category-submenu .category-dropdown>.dropdown-toggle{
  border-radius:12px!important;
  padding:11px 13px!important;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--text)!important;
  line-height:1.25;
}
.top-nav .dropdown-menu a:hover,
.top-nav .category-submenu .category-dropdown>.dropdown-toggle:hover{background:rgba(37,99,235,.08)!important;color:var(--primary)!important}
.top-nav .category-dropdown .dropdown-parent-link{background:var(--bg);border:0!important;margin:0 0 6px!important;color:var(--primary)!important}
.top-nav .arrow{transition:transform .16s ease}
.top-nav .nav-dropdown:hover>.dropdown-toggle .arrow,
.top-nav .nav-dropdown:focus-within>.dropdown-toggle .arrow{transform:rotate(180deg)}
.writer-category-picker{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--card),rgba(248,250,252,.72))}
.writer-category-picker label{margin:0;font-weight:800;color:var(--text)}
.writer-category-picker select{margin-top:7px;border-radius:14px;background:var(--card)}
.writer-category-picker select:disabled{opacity:.55;cursor:not-allowed;background:var(--bg)}
.writer-category-picker .category-picker-help{grid-column:1/-1;margin:0;color:var(--muted)}
.writer-category-picker option[data-depth="1"]{font-weight:650}
.writer-category-picker option[data-depth="2"],.writer-category-picker option[data-depth="3"]{color:var(--muted)}
@media(max-width:900px){
  .top-nav .nav-dropdown>.dropdown-menu,.top-nav .category-dropdown>.dropdown-menu,.top-nav .category-dropdown-child>.dropdown-menu{
    position:static!important;display:none!important;opacity:1;visibility:visible;pointer-events:auto;transform:none!important;box-shadow:none;border:0;background:transparent;padding:4px 0 4px 12px!important;min-width:100%;
  }
  .top-nav .nav-dropdown.open>.dropdown-menu,.top-nav .category-dropdown.open>.dropdown-menu{display:block!important}
  .top-nav .nav-dropdown>.dropdown-menu:before,.top-nav .category-dropdown>.dropdown-menu:before{display:none}
  .top-nav .dropdown-menu a,.top-nav .category-submenu .category-dropdown>.dropdown-toggle{padding:10px 12px!important}
}
@media(max-width:760px){.writer-category-picker{grid-template-columns:1fr;padding:12px;border-radius:16px}}

/* 20260502_018 - Alt menünün üstüne giderken kapanmasını önleyen flat hover alanı */
@media (min-width:901px){
  .top-nav .nav-dropdown,
  .top-nav .category-dropdown{position:relative;isolation:isolate}
  .top-nav .nav-dropdown>.dropdown-menu,
  .top-nav .category-dropdown>.dropdown-menu{
    top:100%!important;
    margin-top:0!important;
    padding:12px!important;
    border:1px solid rgba(148,163,184,.22)!important;
    background:var(--card)!important;
    border-radius:18px!important;
    box-shadow:0 22px 55px rgba(15,23,42,.16)!important;
    z-index:9999!important;
  }
  .top-nav .nav-dropdown>.dropdown-menu:before,
  .top-nav .category-dropdown>.dropdown-menu:before{
    content:""!important;position:absolute!important;left:-8px!important;right:-8px!important;top:-18px!important;height:18px!important;display:block!important;background:transparent!important;
  }
  .top-nav .nav-dropdown:hover>.dropdown-menu,
  .top-nav .nav-dropdown:focus-within>.dropdown-menu,
  .top-nav .nav-dropdown.open>.dropdown-menu,
  .top-nav .category-dropdown:hover>.dropdown-menu,
  .top-nav .category-dropdown:focus-within>.dropdown-menu,
  .top-nav .category-dropdown.open>.dropdown-menu{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;
  }
  .top-nav .category-dropdown-child>.dropdown-menu,
  .top-nav .category-submenu .category-dropdown-child>.dropdown-menu{
    left:100%!important;top:-12px!important;margin-left:0!important;padding-left:12px!important;transform:translateX(0)!important;
  }
  .top-nav .category-dropdown-child>.dropdown-menu:before,
  .top-nav .category-submenu .category-dropdown-child>.dropdown-menu:before{
    content:""!important;position:absolute!important;left:-18px!important;top:0!important;bottom:0!important;width:18px!important;height:auto!important;right:auto!important;background:transparent!important;display:block!important;
  }
  .top-nav .category-dropdown-child:hover>.dropdown-menu,
  .top-nav .category-dropdown-child:focus-within>.dropdown-menu,
  .top-nav .category-dropdown-child.open>.dropdown-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(0)!important}
  .top-nav .dropdown-menu a,
  .top-nav .category-submenu .category-dropdown>.dropdown-toggle{
    min-height:42px;border-radius:13px!important;transition:background .14s ease,color .14s ease,transform .14s ease!important;
  }
  .top-nav .dropdown-menu a:hover,
  .top-nav .category-submenu .category-dropdown>.dropdown-toggle:hover{transform:translateX(2px)}
}
.admin-category-picker{grid-column:1/-1}
.admin-category-picker select{width:100%}


/* Fixed save/error notifications */
.toast-stack{position:fixed;top:18px;right:18px;z-index:99999;display:grid;gap:10px;width:min(420px,calc(100vw - 36px));pointer-events:none}
.toast-message{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;color:#fff;font-weight:800;line-height:1.35;box-shadow:0 18px 50px rgba(15,23,42,.22);pointer-events:auto;animation:toastIn .22s ease-out both}
.toast-success{background:#16a34a}.toast-danger{background:#dc2626}.toast-warning{background:#d97706}.toast-info{background:#2563eb}
.toast-close{appearance:none;border:0;background:rgba(255,255,255,.18);color:#fff;border-radius:999px;width:24px;height:24px;line-height:22px;font-size:18px;cursor:pointer;flex:0 0 auto}
.toast-message.is-hiding{animation:toastOut .22s ease-in both}
@keyframes toastIn{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes toastOut{to{opacity:0;transform:translateY(-12px) scale(.98)}}
@media(max-width:640px){.toast-stack{top:12px;right:12px;left:12px;width:auto}.toast-message{border-radius:14px}}

/* 2026-05-02 article share flat SVG icons + mobile icon row */
.article-share-button em{font-style:normal;line-height:1}
.article-share-button span{overflow:hidden}
.article-share-button span svg{width:16px;height:16px;display:block}
.article-share-button:hover span{transform:translateY(-1px)}
.copy-share-link span svg{width:17px;height:17px}
@media(max-width:640px){
  .article-share-box{padding:12px;border-radius:18px}
  .article-share-box strong{margin-bottom:10px;font-size:14px}
  .article-share-buttons{display:flex!important;grid-template-columns:none!important;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none}
  .article-share-buttons::-webkit-scrollbar{display:none}
  .article-share-button{flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border-radius:14px;justify-content:center;gap:0}
  .article-share-button em{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .article-share-button span{width:42px;height:42px;border-radius:14px;background:var(--card);color:var(--brand);border:1px solid var(--line);font-size:0}
  .article-share-button span svg{width:19px;height:19px}
}

/* 2026-05-02 mobile left drawer flat menu */
@media(max-width:900px){
  .site-header{z-index:999!important}
  .nav-toggle{position:relative;z-index:1002!important}
  .top-nav{
    display:flex!important;
    position:fixed!important;
    inset:0 auto 0 0!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    width:min(86vw,360px)!important;
    max-height:none!important;
    height:100vh!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    padding:82px 14px 22px!important;
    margin:0!important;
    border:0!important;
    border-right:1px solid var(--line)!important;
    border-radius:0 24px 24px 0!important;
    background:var(--card)!important;
    box-shadow:24px 0 60px rgba(15,23,42,.22)!important;
    transform:translateX(-106%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .22s ease,opacity .18s ease,visibility .18s ease!important;
    z-index:1001!important;
  }
  .top-nav.open{
    transform:translateX(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .top-nav:before{
    content:"Menü";
    position:absolute;
    top:18px;
    left:16px;
    right:16px;
    height:42px;
    display:flex;
    align-items:center;
    padding:0 14px;
    border-radius:16px;
    background:var(--bg);
    color:var(--text);
    font-weight:900;
    letter-spacing:-.02em;
  }
  .top-nav > a,
  .top-nav .dropdown-toggle,
  .top-nav .dropdown-menu a,
  .top-nav .category-submenu .category-dropdown > .dropdown-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:46px!important;
    padding:12px 14px!important;
    border:1px solid var(--line)!important;
    border-radius:15px!important;
    background:var(--bg)!important;
    color:var(--text)!important;
    font-weight:850!important;
    box-shadow:none!important;
    white-space:normal!important;
  }
  .top-nav > a:hover,
  .top-nav .dropdown-toggle:hover,
  .top-nav .dropdown-menu a:hover{background:rgba(37,99,235,.09)!important;color:var(--brand)!important;transform:none!important}
  .top-nav .nav-dropdown,
  .top-nav .category-dropdown,
  .top-nav .more-menu{
    display:block!important;
    width:100%!important;
    position:static!important;
  }
  .top-nav .nav-dropdown .arrow,
  .top-nav .category-dropdown .arrow{display:inline-block!important;margin-left:auto!important;font-size:12px!important;transition:transform .18s ease!important}
  .top-nav .nav-dropdown.open > .dropdown-toggle .arrow,
  .top-nav .category-dropdown.open > .dropdown-toggle .arrow{transform:rotate(180deg)!important}
  .top-nav .nav-dropdown > .dropdown-menu,
  .top-nav .category-dropdown > .dropdown-menu{
    display:none!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    margin:8px 0 2px!important;
    padding:8px!important;
    border:1px solid var(--line)!important;
    border-radius:16px!important;
    background:rgba(148,163,184,.10)!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .top-nav .nav-dropdown.open > .dropdown-menu,
  .top-nav .category-dropdown.open > .dropdown-menu{display:grid!important;gap:7px!important}
  .top-nav .dropdown-menu .nav-dropdown,
  .top-nav .dropdown-menu .category-dropdown{margin:0!important}
  .top-nav .dropdown-menu a,
  .top-nav .category-submenu .category-dropdown > .dropdown-toggle{
    min-height:42px!important;
    padding:10px 12px!important;
    border-radius:13px!important;
    background:var(--card)!important;
  }
  .top-nav .more-menu > .dropdown-toggle{display:none!important}
  .top-nav .more-menu > .dropdown-menu{
    display:grid!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  html[data-theme="dark"] .top-nav{background:#111827!important;border-color:#293145!important}
}

/* Admin panel top action icons */
.panel-top-icon-link{gap:8px;border-radius:13px;white-space:nowrap}
.panel-top-action-icon{width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 18px;line-height:0}
.panel-top-action-icon svg{width:18px;height:18px;display:block}
@media(max-width:640px){
  .panel-top-icon-link{padding:9px!important;aspect-ratio:1/1;border-radius:14px}
  .panel-top-icon-link .panel-top-action-text{display:none!important}
  .panel-top-action-icon,.panel-top-action-icon svg{width:21px;height:21px}
}


/* 20260502_017 - Gelişmiş flat SVG buton ikonları */
.nav-action-symbol svg,
.nav-toggle-icon svg,
.panel-top-action-icon svg,
.notification-top-icon svg{
  width:20px;
  height:20px;
  display:block;
  fill:currentColor;
  stroke:none!important;
}
.nav-action-icon,
.panel-top-icon-link,
.nav-toggle,
.theme-btn{
  align-items:center;
  justify-content:center;
  gap:8px;
}
.nav-action-symbol,
.panel-top-action-icon,
.notification-top-icon{
  display:inline-grid!important;
  place-items:center;
  line-height:0;
  flex:0 0 auto;
}
.nav-action-icon .nav-action-symbol,
.panel-top-action-icon{
  width:22px;
  height:22px;
}
.nav-actions .nav-action-icon,
.panel-top-icon-link{
  box-shadow:0 8px 22px rgba(15,23,42,.08);
}
.nav-toggle-icon svg{width:22px;height:22px}
.panel-notification-link .notification-top-icon{font-size:0;width:20px;height:20px;display:inline-grid;place-items:center}
.panel-notification-link .notification-top-icon svg{width:20px;height:20px}
@media(max-width:900px){
  .nav-actions .nav-action-icon .nav-action-symbol svg,
  .nav-actions .nav-action-icon .nav-action-symbol,
  .nav-actions .theme-icon,
  .nav-toggle-icon svg{width:21px!important;height:21px!important}
}
@media(max-width:640px){
  .panel-top-action-icon svg,
  .panel-top-action-icon,
  .panel-notification-link .notification-top-icon svg,
  .panel-notification-link .notification-top-icon{width:22px!important;height:22px!important}
}
.article-reaction-card{margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(37,99,235,.06),rgba(255,255,255,.02));box-shadow:var(--shadow)}
.article-reaction-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.article-reaction-title strong{font-size:16px}.article-reaction-title span{color:var(--muted);font-size:13px}.reaction-btn{border-radius:999px;min-height:42px}.reaction-btn .reaction-icon{width:20px;height:20px;display:inline-flex}.reaction-btn .reaction-icon svg{width:20px;height:20px}.reaction-btn strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:rgba(255,255,255,.22);font-size:12px}.reaction-btn.ghost strong{background:var(--card);color:var(--text);border:1px solid var(--line)}.reaction-btn.active{box-shadow:0 0 0 3px rgba(37,99,235,.16);transform:translateY(-1px)}.reaction-btn.active.ghost{background:rgba(37,99,235,.08);color:var(--brand);border-color:rgba(37,99,235,.28)}
@media(max-width:640px){.article-reaction-title{display:block}.article-reaction-title span{display:block;margin-top:4px}.article-reaction-card .reaction-row{display:grid;grid-template-columns:repeat(3,minmax(56px,64px));justify-content:start;align-items:center;gap:10px}.article-reaction-card .reaction-row form{display:block;margin:0}.article-reaction-card .reaction-row .reaction-btn{width:100%;height:46px;min-width:56px;min-height:46px;padding:0 8px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:5px}.article-reaction-card .reaction-row .reaction-btn .reaction-icon{width:22px;height:22px;margin:0;flex:0 0 22px}.article-reaction-card .reaction-row .reaction-btn .reaction-icon svg{width:22px;height:22px}.article-reaction-card .reaction-row .reaction-btn > span:not(.reaction-icon){display:none!important}.article-reaction-card .reaction-row .reaction-btn > strong{display:inline-flex!important;min-width:20px;height:20px;padding:0 5px;font-size:11px;line-height:20px}.article-reaction-card .reaction-row .badge,.article-reaction-card .reaction-row a.btn{grid-column:1/-1;width:100%;justify-content:center}.article-reaction-card .reaction-row form:last-child:nth-child(3){grid-column:auto}}


/* Reading-focused article typography and font system */
.article-content{font-family:var(--article-font, Georgia, Cambria, Times New Roman, Times, serif);font-size:clamp(18px,1.25vw,20px);line-height:1.9;letter-spacing:.005em}
.article-content p{margin:0 0 1.25em}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-family:var(--site-font, Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif);line-height:1.25;margin:1.55em 0 .65em;letter-spacing:-.02em}
.article-content h2{font-size:1.55em}.article-content h3{font-size:1.3em}
.article-content a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.article-content blockquote{margin:1.4em 0;padding:1em 1.15em;border-inline-start:4px solid var(--brand);background:rgba(37,99,235,.07);border-radius:14px;font-style:italic}
.article-content ul,.article-content ol{padding-inline-start:1.35em;margin:0 0 1.25em}.article-content li{margin:.45em 0}
.article-content img,.article-content iframe,.article-content video,.article-content table{max-width:100%;margin-left:auto;margin-right:auto}
.article-detail-main article.card h1{letter-spacing:-.035em}
@media(max-width:980px){.article-content{font-size:18px;line-height:1.82}}

/* Admin settings tidy section notes */
.settings-subtitle{grid-column:1/-1;margin:10px 0 0;padding:12px 14px;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:rgba(148,163,184,.08);display:flex;flex-direction:column;gap:3px}
.settings-subtitle strong{font-size:14px;color:var(--text,#111827)}
.settings-subtitle small{font-size:12px;color:var(--muted,#6b7280)}

/* 2026-05-03 panel/header action button alignment and mobile icon-only actions */
.nav-action-icon,.panel-top-icon-link,.panel-notification-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;line-height:1;vertical-align:middle}
.nav-action-symbol,.panel-top-action-icon,.panel-notification-link .notification-top-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;min-width:0;margin:0;padding:0;border-radius:0;background:transparent;color:currentColor;line-height:1}
.nav-action-symbol svg,.panel-top-action-icon svg,.panel-notification-link .notification-top-icon svg{display:block;width:18px;height:18px;flex:0 0 18px}
.nav-action-text,.panel-top-action-text,.panel-notification-link .notification-top-text{display:inline-flex;align-items:center;min-width:0;height:auto;margin:0;padding:0;border-radius:0;background:transparent;color:inherit;line-height:1.1}
.panel-top-actions .btn{min-height:38px}.panel-notification-link{position:relative;overflow:visible}.panel-notification-link .notification-top-badge{position:static;display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:0;padding:0 6px;border-radius:999px;background:var(--danger);color:#fff;font-size:12px;font-weight:950;line-height:1}
@media(max-width:900px){.nav-actions .nav-login-link,.nav-actions .nav-register-link,.nav-actions .nav-logout-link,.panel-top-icon-link,.panel-notification-link{width:42px;height:42px;min-width:42px;padding:0;border-radius:12px}.nav-actions .nav-login-link .nav-action-text,.nav-actions .nav-register-link .nav-action-text,.nav-actions .nav-logout-link .nav-action-text,.panel-top-icon-link .panel-top-action-text,.panel-notification-link .notification-top-text{display:none}.panel-notification-link .notification-top-badge{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;font-size:11px}.panel-top-actions{align-items:center;justify-content:flex-start;gap:7px}.panel-top{align-items:flex-start}}
@media(max-width:520px){.nav-actions{gap:6px}.nav-actions .nav-login-link,.nav-actions .nav-register-link,.nav-actions .nav-logout-link,.panel-top-icon-link,.panel-notification-link,.theme-btn,.nav-toggle{width:40px;height:40px;min-width:40px;padding:0}.nav-action-symbol svg,.panel-top-action-icon svg,.panel-notification-link .notification-top-icon svg{width:17px;height:17px}}

/* 2026-05-03 mobile header/menu alignment + announcement alert polish */
@media (max-width:900px){
  .site-header{z-index:1200!important;overflow:visible!important}
  .nav-wrap{position:relative!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:62px!important;padding-top:7px!important;padding-bottom:7px!important;overflow:visible!important}
  .nav-toggle{grid-column:1!important;grid-row:1!important;order:0!important;display:inline-grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;margin:0!important;padding:0!important;z-index:1204!important}
  .brand.site-logo-wrap{grid-column:2!important;grid-row:1!important;position:static!important;transform:none!important;order:0!important;justify-content:center!important;justify-self:center!important;min-width:0!important;width:100%!important;max-width:100%!important;text-align:center!important;z-index:1201!important;overflow:hidden!important}
  .brand.site-logo-wrap span{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:17px!important;line-height:1.15!important}
  .brand.site-logo-wrap .main-logo{display:block!important;width:auto!important;height:auto!important;max-width:min(46vw,220px)!important;max-height:42px!important;margin:0 auto!important;object-fit:contain!important}
  .nav-actions{grid-column:3!important;grid-row:1!important;order:0!important;width:auto!important;max-width:none!important;min-width:0!important;margin-left:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex-wrap:nowrap!important;position:relative!important;z-index:1202!important}
  .nav-actions .btn.small,.nav-actions .theme-btn{display:inline-grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;flex:0 0 40px!important;padding:0!important;border-radius:12px!important;line-height:1!important;overflow:hidden!important}
  .nav-actions .nav-action-symbol{display:inline-grid!important;place-items:center!important;width:20px!important;height:20px!important;line-height:0!important}
  .nav-actions .nav-action-symbol svg,.nav-actions .theme-icon,.nav-toggle-icon svg{width:20px!important;height:20px!important;font-size:20px!important}
  .nav-actions .nav-action-text{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .nav-actions .language-select{display:none!important}

  /* Mobil menü artık hamburger ikonunun hemen altında açılır; sayfayı yana itmez ve kayma yapmaz. */
  .top-nav{display:flex!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:auto!important;width:min(86vw,340px)!important;height:auto!important;max-height:calc(100dvh - 86px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;padding:10px!important;margin:0!important;border:1px solid var(--line)!important;border-radius:18px!important;background:var(--card)!important;box-shadow:0 18px 48px rgba(15,23,42,.22)!important;transform:translateY(-8px) scale(.98)!important;transform-origin:top left!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:transform .18s ease,opacity .16s ease,visibility .16s ease!important;z-index:1203!important}
  .top-nav.open{transform:translateY(0) scale(1)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .top-nav:before{content:none!important}
  .top-nav > a,.top-nav .dropdown-toggle,.top-nav .dropdown-menu a,.top-nav .category-submenu .category-dropdown > .dropdown-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:44px!important;padding:11px 13px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--bg)!important;color:var(--text)!important;font-weight:850!important;line-height:1.25!important;white-space:normal!important;text-align:left!important;box-shadow:none!important;opacity:1!important;visibility:visible!important}
  .top-nav .nav-dropdown,.top-nav .category-dropdown,.top-nav .more-menu,.top-nav .category-dropdown-child{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;position:static!important;margin:0!important;gap:0!important;opacity:1!important;visibility:visible!important;transform:none!important}
  .top-nav .nav-dropdown > .dropdown-menu,.top-nav .category-dropdown > .dropdown-menu,.top-nav .category-dropdown-child > .dropdown-menu,.top-nav .category-submenu .category-dropdown-child > .dropdown-menu{display:none!important;position:static!important;width:100%!important;min-width:0!important;margin:7px 0 0!important;padding:7px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:rgba(148,163,184,.10)!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;left:auto!important;top:auto!important}
  .top-nav .nav-dropdown.open > .dropdown-menu,.top-nav .category-dropdown.open > .dropdown-menu,.top-nav .category-dropdown-child.open > .dropdown-menu,.top-nav .more-menu.open > .dropdown-menu{display:flex!important;flex-direction:column!important;gap:6px!important}
  .top-nav .dropdown-menu .nav-dropdown,.top-nav .dropdown-menu .category-dropdown{display:flex!important;flex-direction:column!important;width:100%!important}
  .top-nav .dropdown-menu a,.top-nav .category-submenu .category-dropdown > .dropdown-toggle{min-height:40px!important;padding:10px 12px!important;border-radius:12px!important;background:var(--card)!important;color:var(--text)!important}
  .top-nav .arrow{display:inline-block!important;margin-left:auto!important;transition:transform .18s ease!important}
  .top-nav .nav-dropdown.open > .dropdown-toggle .arrow,.top-nav .category-dropdown.open > .dropdown-toggle .arrow{transform:rotate(180deg)!important}
}
@media (max-width:420px){
  .nav-wrap{grid-template-columns:40px minmax(0,1fr) auto!important;gap:6px!important}
  .nav-toggle,.nav-actions .btn.small,.nav-actions .theme-btn{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;flex-basis:38px!important}
  .brand.site-logo-wrap .main-logo{max-width:min(40vw,180px)!important;max-height:38px!important}
  .brand.site-logo-wrap span{font-size:16px!important}
  .nav-actions{gap:4px!important}
}
.panel-notification-link.blink-soft{border-color:#ef4444!important;color:#ef4444!important;animation:hpDuyuruPulse 1.05s ease-in-out infinite!important}
.panel-notification-link.blink-soft .notification-top-icon{color:#ef4444!important;animation:hpDuyuruIconBlink .72s ease-in-out infinite!important}
.panel-notification-link.blink-soft .notification-top-badge{background:#ef4444!important;color:#fff!important}
@keyframes hpDuyuruPulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.38)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}
@keyframes hpDuyuruIconBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.38;transform:scale(1.1)}}

/* 2026-05-03 final mobile side menu visibility fix */
@media (max-width:900px){
  .site-header,.site-header .container.nav-wrap{overflow:visible!important}
  .site-header{position:sticky!important;z-index:3000!important}
  .nav-wrap{position:relative!important}
  .nav-toggle{position:relative!important;z-index:3003!important}
  .top-nav#nav{
    display:flex!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:auto!important;
    bottom:auto!important;
    width:min(88vw,330px)!important;
    max-width:calc(100vw - 24px)!important;
    height:auto!important;
    max-height:calc(100dvh - 84px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    padding:10px!important;
    margin:0!important;
    border:1px solid var(--line)!important;
    border-radius:18px!important;
    background:var(--card)!important;
    box-shadow:0 18px 48px rgba(15,23,42,.24)!important;
    transform:translateY(-6px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:3002!important;
  }
  .top-nav#nav.open{
    transform:translateY(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .top-nav#nav > a,
  .top-nav#nav .dropdown-toggle,
  .top-nav#nav .dropdown-menu a,
  .top-nav#nav .category-submenu .category-dropdown > .dropdown-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:44px!important;
    padding:11px 13px!important;
    border:1px solid var(--line)!important;
    border-radius:14px!important;
    background:var(--bg)!important;
    color:var(--text)!important;
    font-weight:850!important;
    line-height:1.25!important;
    text-align:left!important;
    white-space:normal!important;
  }
  .top-nav#nav .nav-dropdown,
  .top-nav#nav .category-dropdown,
  .top-nav#nav .more-menu,
  .top-nav#nav .category-dropdown-child{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    position:static!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
  }
  .top-nav#nav .nav-dropdown > .dropdown-menu,
  .top-nav#nav .category-dropdown > .dropdown-menu,
  .top-nav#nav .category-dropdown-child > .dropdown-menu,
  .top-nav#nav .category-submenu .category-dropdown-child > .dropdown-menu{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    min-width:0!important;
    width:100%!important;
    margin:7px 0 0!important;
    padding:7px!important;
    border:1px solid var(--line)!important;
    border-radius:14px!important;
    background:rgba(148,163,184,.10)!important;
    box-shadow:none!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .top-nav#nav .nav-dropdown:not(.open) > .dropdown-menu,
  .top-nav#nav .category-dropdown:not(.open) > .dropdown-menu,
  .top-nav#nav .category-dropdown-child:not(.open) > .dropdown-menu{display:none!important}
  .top-nav#nav .nav-dropdown.open > .dropdown-menu,
  .top-nav#nav .category-dropdown.open > .dropdown-menu,
  .top-nav#nav .category-dropdown-child.open > .dropdown-menu,
  .top-nav#nav .more-menu > .dropdown-menu{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
  }
  .top-nav#nav .more-menu > .dropdown-toggle{display:none!important}
  .top-nav#nav .more-menu > .dropdown-menu{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
  html[data-theme="dark"] .top-nav#nav{background:#111827!important;border-color:#293145!important}
}

/* 2026-05-03 mobile menu: larger squared trigger + fully left aligned vertical drawer */
@media (max-width:900px){
  .nav-wrap{grid-template-columns:52px minmax(0,1fr) auto!important;}
  .nav-toggle{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    flex-basis:48px!important;
    border-radius:7px!important;
    border:1px solid var(--line)!important;
    background:var(--card)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.12)!important;
  }
  .nav-toggle-icon svg{width:27px!important;height:27px!important;}
  .top-nav#nav{
    position:fixed!important;
    top:62px!important;
    left:0!important;
    right:auto!important;
    width:min(88vw,340px)!important;
    max-width:340px!important;
    border-radius:0 18px 18px 0!important;
    padding:12px!important;
    gap:8px!important;
  }
  .top-nav#nav,
  .top-nav#nav.open,
  .top-nav#nav .nav-dropdown,
  .top-nav#nav .category-dropdown,
  .top-nav#nav .more-menu,
  .top-nav#nav .category-dropdown-child,
  .top-nav#nav .dropdown-menu{
    text-align:left!important;
  }
  .top-nav#nav > a,
  .top-nav#nav > .nav-dropdown,
  .top-nav#nav > .category-dropdown,
  .top-nav#nav > .more-menu{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .top-nav#nav .nav-dropdown,
  .top-nav#nav .category-dropdown,
  .top-nav#nav .more-menu,
  .top-nav#nav .category-dropdown-child{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
  }
  .top-nav#nav .dropdown-menu,
  .top-nav#nav .nav-dropdown.open > .dropdown-menu,
  .top-nav#nav .category-dropdown.open > .dropdown-menu,
  .top-nav#nav .category-dropdown-child.open > .dropdown-menu,
  .top-nav#nav .more-menu > .dropdown-menu{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    position:static!important;
  }
  .top-nav#nav .more-menu > .dropdown-toggle{display:none!important;}
  .top-nav#nav .more-menu > .dropdown-menu{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  .top-nav#nav a,
  .top-nav#nav .dropdown-toggle,
  .top-nav#nav .dropdown-menu a{
    display:flex!important;
    width:100%!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:8px!important;
    text-align:left!important;
  }
  .top-nav#nav .dropdown-toggle .arrow{margin-left:auto!important;}
}
@media (max-width:420px){
  .nav-wrap{grid-template-columns:50px minmax(0,1fr) auto!important;}
  .nav-toggle{width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;flex-basis:46px!important;border-radius:7px!important;}
  .nav-toggle-icon svg{width:26px!important;height:26px!important;}
}

/* 2026-05-03 mobile menu: show every top-menu item, including items collected under More */
@media (max-width:900px){
  .top-nav#nav.open{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    overflow-y:auto!important;
    max-height:calc(100dvh - 70px)!important;
  }
  .top-nav#nav.open > a,
  .top-nav#nav.open > .nav-dropdown,
  .top-nav#nav.open > .category-dropdown,
  .top-nav#nav.open > .more-menu{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .top-nav#nav.open .more-menu.nav-dropdown > .dropdown-menu,
  .top-nav#nav.open .more-menu.nav-dropdown:not(.open) > .dropdown-menu,
  .top-nav#nav.open .more-menu > .dropdown-menu,
  .top-nav#nav.open .dropdown-menu{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .top-nav#nav.open .more-menu > .dropdown-toggle{
    display:none!important;
  }
  .top-nav#nav.open .more-menu > .dropdown-menu > *,
  .top-nav#nav.open .dropdown-menu > a,
  .top-nav#nav.open .dropdown-menu > .nav-dropdown,
  .top-nav#nav.open .dropdown-menu > .category-dropdown{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    opacity:1!important;
    visibility:visible!important;
  }
}

/* 2026-05-03 mobile menu: stack side-opening items below parent, no horizontal overflow */
@media (max-width:900px){
  .site-header,
  .site-header .container,
  .site-header .nav-wrap{
    overflow:visible!important;
  }
  .top-nav#nav{
    left:0!important;
    right:auto!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }
  .top-nav#nav,
  .top-nav#nav *{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .top-nav#nav.open{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .top-nav#nav .nav-dropdown,
  .top-nav#nav .category-dropdown,
  .top-nav#nav .category-dropdown-child,
  .top-nav#nav .more-menu{
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
  }
  .top-nav#nav .dropdown-menu,
  .top-nav#nav .category-submenu,
  .top-nav#nav .category-submenu.depth-0,
  .top-nav#nav .category-submenu.depth-1,
  .top-nav#nav .category-submenu.depth-2,
  .top-nav#nav .category-submenu.depth-3,
  .top-nav#nav .category-dropdown-child > .dropdown-menu,
  .top-nav#nav .category-dropdown > .dropdown-menu,
  .top-nav#nav .nav-dropdown > .dropdown-menu{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    float:none!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:6px 0 0 0!important;
    padding:6px 0 0 10px!important;
    border-left:2px solid var(--line)!important;
    border-top:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .top-nav#nav .nav-dropdown.open > .dropdown-menu,
  .top-nav#nav .category-dropdown.open > .dropdown-menu,
  .top-nav#nav .category-dropdown-child.open > .dropdown-menu,
  .top-nav#nav .more-menu.open > .dropdown-menu,
  .top-nav#nav.open .more-menu > .dropdown-menu{
    display:flex!important;
  }
  .top-nav#nav .dropdown-menu > a,
  .top-nav#nav .dropdown-menu > .nav-dropdown,
  .top-nav#nav .dropdown-menu > .category-dropdown,
  .top-nav#nav .dropdown-menu > .category-dropdown-child{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0 0 6px 0!important;
  }
  .top-nav#nav a,
  .top-nav#nav .dropdown-toggle,
  .top-nav#nav .dropdown-menu a,
  .top-nav#nav .category-submenu a{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    text-align:left!important;
  }
  .top-nav#nav .dropdown-toggle{
    justify-content:flex-start!important;
  }
  .top-nav#nav .dropdown-toggle .arrow{
    margin-left:auto!important;
    flex:0 0 auto!important;
  }
  body{overflow-x:hidden!important;}
}

/* 2026-05-03 FINAL FIX: mobile menu grows downward; all menu items are stacked vertically */
@media (max-width:900px){
  .site-header{overflow:visible!important;z-index:9999!important;}
  .site-header .nav-wrap{position:relative!important;overflow:visible!important;}
  .nav-toggle{
    position:relative!important;
    z-index:10005!important;
  }
  .top-nav#nav{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:auto!important;
    bottom:auto!important;
    inset:auto auto auto 0!important;
    width:min(92vw,360px)!important;
    min-width:260px!important;
    max-width:360px!important;
    height:auto!important;
    max-height:calc(100dvh - 92px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:10px!important;
    margin:0!important;
    border:1px solid var(--line)!important;
    border-radius:0 16px 16px 0!important;
    background:var(--card)!important;
    box-shadow:0 18px 48px rgba(15,23,42,.20)!important;
    transform:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:10004!important;
    box-sizing:border-box!important;
  }
  .top-nav#nav.open{
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .top-nav#nav:before{display:none!important;content:none!important;}
  .top-nav#nav,
  .top-nav#nav *{
    box-sizing:border-box!important;
    max-width:100%!important;
  }
  .top-nav#nav > a,
  .top-nav#nav > .nav-dropdown,
  .top-nav#nav > .category-dropdown,
  .top-nav#nav > .more-menu,
  .top-nav#nav .dropdown-menu > a,
  .top-nav#nav .dropdown-menu > .nav-dropdown,
  .top-nav#nav .dropdown-menu > .category-dropdown,
  .top-nav#nav .dropdown-menu > .category-dropdown-child{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    position:static!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .top-nav#nav > a,
  .top-nav#nav .dropdown-toggle,
  .top-nav#nav .dropdown-menu a{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    min-height:42px!important;
    padding:11px 12px!important;
    border:1px solid var(--line)!important;
    border-radius:12px!important;
    background:var(--bg)!important;
    color:var(--text)!important;
    text-align:left!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    line-height:1.25!important;
  }
  .top-nav#nav .dropdown-toggle .arrow{margin-left:auto!important;flex:0 0 auto!important;}
  .top-nav#nav .more-menu > .dropdown-toggle{display:none!important;}
  .top-nav#nav.open .dropdown-menu,
  .top-nav#nav.open .category-submenu,
  .top-nav#nav.open .nav-dropdown > .dropdown-menu,
  .top-nav#nav.open .category-dropdown > .dropdown-menu,
  .top-nav#nav.open .category-dropdown-child > .dropdown-menu,
  .top-nav#nav.open .more-menu > .dropdown-menu{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    margin:6px 0 0 0!important;
    padding:0 0 0 12px!important;
    border:0!important;
    border-left:2px solid var(--line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    float:none!important;
  }
  .top-nav#nav.open .more-menu > .dropdown-menu{
    margin:0!important;
    padding:0!important;
    border-left:0!important;
  }
  body{overflow-x:hidden!important;}
}

/* 2026-05-03 HOTFIX: mobile menu readable size + show all items vertically */
@media (max-width:900px){
  .site-header{overflow:visible!important;z-index:99999!important;}
  .site-header .container.nav-wrap,.site-header .nav-wrap{position:relative!important;overflow:visible!important;}
  .nav-toggle{
    width:50px!important;height:50px!important;min-width:50px!important;flex:0 0 50px!important;
    border-radius:6px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  }
  .nav-toggle-icon,.nav-toggle-icon svg{width:28px!important;height:28px!important;display:block!important;}
  .top-nav#nav{
    position:fixed!important;
    top:72px!important;left:0!important;right:auto!important;bottom:auto!important;inset:auto auto auto 0!important;
    width:min(96vw,390px)!important;min-width:0!important;max-width:390px!important;
    height:auto!important;max-height:calc(100dvh - 82px)!important;
    overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    gap:8px!important;padding:12px!important;margin:0!important;
    border:1px solid var(--line)!important;border-left:0!important;border-radius:0 14px 14px 0!important;
    background:var(--card)!important;box-shadow:0 20px 60px rgba(15,23,42,.24)!important;
    transform:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:100000!important;
  }
  .top-nav#nav.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
  .top-nav#nav,.top-nav#nav *{box-sizing:border-box!important;max-width:100%!important;}
  .top-nav#nav > a,
  .top-nav#nav > .nav-dropdown,
  .top-nav#nav > .category-dropdown,
  .top-nav#nav > .more-menu,
  .top-nav#nav .dropdown-menu > a,
  .top-nav#nav .dropdown-menu > .nav-dropdown,
  .top-nav#nav .dropdown-menu > .category-dropdown,
  .top-nav#nav .dropdown-menu > .category-dropdown-child{
    width:100%!important;min-width:0!important;max-width:100%!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    position:static!important;float:none!important;margin:0!important;padding:0!important;
    opacity:1!important;visibility:visible!important;transform:none!important;
  }
  .top-nav#nav > a,
  .top-nav#nav .dropdown-toggle,
  .top-nav#nav .dropdown-menu a{
    display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
    width:100%!important;min-height:44px!important;padding:11px 13px!important;margin:0!important;
    border:1px solid var(--line)!important;border-radius:10px!important;background:var(--bg)!important;color:var(--text)!important;
    font-size:15px!important;font-weight:750!important;line-height:1.25!important;text-align:left!important;
    white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;
  }
  .top-nav#nav .dropdown-toggle .arrow{margin-left:auto!important;flex:0 0 auto!important;}
  .top-nav#nav.open .nav-dropdown,
  .top-nav#nav.open .category-dropdown,
  .top-nav#nav.open .category-dropdown-child,
  .top-nav#nav.open .more-menu{gap:7px!important;}
  .top-nav#nav.open .dropdown-menu,
  .top-nav#nav.open .category-submenu,
  .top-nav#nav.open .nav-dropdown > .dropdown-menu,
  .top-nav#nav.open .category-dropdown > .dropdown-menu,
  .top-nav#nav.open .category-dropdown-child > .dropdown-menu,
  .top-nav#nav.open .more-menu > .dropdown-menu{
    position:static!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:none!important;
    overflow:visible!important;gap:7px!important;margin:7px 0 0 0!important;padding:0 0 0 10px!important;
    border:0!important;border-left:2px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;float:none!important;
  }
  .top-nav#nav.open .more-menu > .dropdown-toggle{display:none!important;}
  .top-nav#nav.open .more-menu > .dropdown-menu{margin:0!important;padding:0!important;border-left:0!important;}
  .top-nav#nav.open .category-submenu .category-submenu{padding-left:10px!important;}
  .top-nav#nav::-webkit-scrollbar{width:7px;}
  .top-nav#nav::-webkit-scrollbar-thumb{background:rgba(148,163,184,.55);border-radius:999px;}
}
@media (max-width:420px){
  .top-nav#nav{top:68px!important;width:calc(100vw - 8px)!important;max-width:calc(100vw - 8px)!important;max-height:calc(100dvh - 76px)!important;padding:10px!important;}
  .top-nav#nav > a,.top-nav#nav .dropdown-toggle,.top-nav#nav .dropdown-menu a{font-size:14px!important;min-height:42px!important;padding:10px 11px!important;}
}

/* 2026-05-03 APPLIED FIX: mobile menu opens directly under hamburger icon, left aligned */
@media (max-width:900px){
  html,body{overflow-x:hidden!important;}
  .site-header{overflow:visible!important;z-index:99999!important;}
  .site-header .container.nav-wrap,
  .site-header .nav-wrap{
    position:relative!important;
    overflow:visible!important;
  }
  .site-header .nav-toggle{
    position:relative!important;
    z-index:100002!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    flex:0 0 50px!important;
    border-radius:6px!important;
    padding:0!important;
    margin:0!important;
    display:inline-grid!important;
    place-items:center!important;
  }
  .site-header .nav-toggle-icon,
  .site-header .nav-toggle-icon svg{
    width:28px!important;
    height:28px!important;
  }
  .site-header .top-nav#nav{
    position:absolute!important;
    top:calc(100% + 6px)!important;
    left:0!important;
    right:auto!important;
    bottom:auto!important;
    inset:auto auto auto 0!important;
    width:min(92vw,390px)!important;
    min-width:280px!important;
    max-width:min(92vw,390px)!important;
    height:auto!important;
    max-height:calc(100dvh - 82px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:12px!important;
    margin:0!important;
    background:var(--card)!important;
    border:1px solid var(--line)!important;
    border-radius:0 14px 14px 0!important;
    box-shadow:0 18px 45px rgba(15,23,42,.22)!important;
    transform:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:100001!important;
  }
  .site-header .top-nav#nav.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .site-header .top-nav#nav,
  .site-header .top-nav#nav *{
    box-sizing:border-box!important;
    max-width:100%!important;
  }
  .site-header .top-nav#nav > a,
  .site-header .top-nav#nav > .nav-dropdown,
  .site-header .top-nav#nav > .category-dropdown,
  .site-header .top-nav#nav > .category-dropdown-child,
  .site-header .top-nav#nav > .more-menu,
  .site-header .top-nav#nav .dropdown-menu > a,
  .site-header .top-nav#nav .dropdown-menu > .nav-dropdown,
  .site-header .top-nav#nav .dropdown-menu > .category-dropdown,
  .site-header .top-nav#nav .dropdown-menu > .category-dropdown-child{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    position:static!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  .site-header .top-nav#nav > a,
  .site-header .top-nav#nav .dropdown-toggle,
  .site-header .top-nav#nav .dropdown-menu a{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:44px!important;
    padding:11px 13px!important;
    margin:0!important;
    border:1px solid var(--line)!important;
    border-radius:10px!important;
    background:var(--bg)!important;
    color:var(--text)!important;
    font-size:15px!important;
    font-weight:750!important;
    line-height:1.25!important;
    text-align:left!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  .site-header .top-nav#nav.open .dropdown-menu,
  .site-header .top-nav#nav.open .category-submenu,
  .site-header .top-nav#nav.open .nav-dropdown > .dropdown-menu,
  .site-header .top-nav#nav.open .category-dropdown > .dropdown-menu,
  .site-header .top-nav#nav.open .category-dropdown-child > .dropdown-menu,
  .site-header .top-nav#nav.open .more-menu > .dropdown-menu{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    gap:7px!important;
    margin:7px 0 0 0!important;
    padding:0 0 0 10px!important;
    border:0!important;
    border-left:2px solid var(--line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .site-header .top-nav#nav.open .more-menu > .dropdown-toggle{display:none!important;}
  .site-header .top-nav#nav.open .more-menu > .dropdown-menu{
    margin:0!important;
    padding:0!important;
    border-left:0!important;
  }
}
@media (max-width:420px){
  .site-header .top-nav#nav{
    width:calc(100vw - 8px)!important;
    min-width:0!important;
    max-width:calc(100vw - 8px)!important;
    max-height:calc(100dvh - 76px)!important;
    padding:10px!important;
  }
}

/* 2026-05-03 FINAL FIX: mobile menu grows downward without inner scrolling */
@media (max-width:900px){
  html,body{overflow-x:hidden!important;}
  .site-header,
  .site-header .container,
  .site-header .container.nav-wrap,
  .site-header .nav-wrap{
    overflow:visible!important;
  }
  .site-header .top-nav,
  .site-header .top-nav#nav{
    position:absolute!important;
    top:calc(100% + 6px)!important;
    left:0!important;
    right:auto!important;
    bottom:auto!important;
    width:min(92vw,390px)!important;
    min-width:0!important;
    max-width:min(92vw,390px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-y:visible!important;
    overflow-x:visible!important;
    -webkit-overflow-scrolling:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .site-header .top-nav.open,
  .site-header .top-nav#nav.open{
    display:flex!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .site-header .top-nav::-webkit-scrollbar,
  .site-header .top-nav#nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
  .site-header .top-nav ul,
  .site-header .top-nav#nav ul,
  .site-header .top-nav .dropdown-menu,
  .site-header .top-nav#nav .dropdown-menu,
  .site-header .top-nav .category-submenu,
  .site-header .top-nav#nav .category-submenu{
    max-height:none!important;
    overflow:visible!important;
    overflow-y:visible!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
  }
}
@media (max-width:420px){
  .site-header .top-nav,
  .site-header .top-nav#nav{
    width:calc(100vw - 8px)!important;
    max-width:calc(100vw - 8px)!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-y:visible!important;
  }
}


/* 2026-05-03 REQUEST FIX: mobile menu left aligned, submenus closed by default and open under clicked item */
@media (max-width:900px){
  .site-header,
  .site-header .container,
  .site-header .nav-wrap,
  .site-header .container.nav-wrap{
    overflow:visible!important;
  }

  .site-header .top-nav#nav{
    position:absolute!important;
    top:calc(100% + 6px)!important;
    left:0!important;
    right:auto!important;
    bottom:auto!important;
    inset:auto auto auto 0!important;
    width:min(94vw,390px)!important;
    min-width:0!important;
    max-width:min(94vw,390px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-y:visible!important;
    overflow-x:visible!important;
    padding:10px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
    text-align:left!important;
  }

  .site-header .top-nav#nav:not(.open){
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .site-header .top-nav#nav.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .site-header .top-nav#nav,
  .site-header .top-nav#nav *{
    box-sizing:border-box!important;
    text-align:left!important;
  }

  .site-header .top-nav#nav > a,
  .site-header .top-nav#nav > .nav-dropdown,
  .site-header .top-nav#nav > .category-dropdown,
  .site-header .top-nav#nav > .more-menu,
  .site-header .top-nav#nav .dropdown-menu > a,
  .site-header .top-nav#nav .dropdown-menu > .nav-dropdown,
  .site-header .top-nav#nav .dropdown-menu > .category-dropdown,
  .site-header .top-nav#nav .dropdown-menu > .category-dropdown-child{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    position:static!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }

  .site-header .top-nav#nav > a,
  .site-header .top-nav#nav .dropdown-toggle,
  .site-header .top-nav#nav .dropdown-menu a,
  .site-header .top-nav#nav .category-submenu a{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:42px!important;
    padding:11px 12px!important;
    margin:0!important;
    border:1px solid var(--line)!important;
    border-radius:10px!important;
    background:var(--bg)!important;
    color:var(--text)!important;
    font-size:15px!important;
    font-weight:750!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  .site-header .top-nav#nav .dropdown-toggle .arrow{
    display:inline-flex!important;
    margin-left:auto!important;
    flex:0 0 auto!important;
    transition:transform .18s ease!important;
  }
  .site-header .top-nav#nav .nav-dropdown.open > .dropdown-toggle .arrow,
  .site-header .top-nav#nav .category-dropdown.open > .dropdown-toggle .arrow,
  .site-header .top-nav#nav .category-dropdown-child.open > .dropdown-toggle .arrow{
    transform:rotate(180deg)!important;
  }

  /* Normal alt menüler kapalı başlar */
  .site-header .top-nav#nav .nav-dropdown:not(.more-menu) > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown-child > .dropdown-menu,
  .site-header .top-nav#nav .category-submenu{
    display:none!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    margin:7px 0 0 0!important;
    padding:0 0 0 12px!important;
    border:0!important;
    border-left:2px solid var(--line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  /* Tıklanan menünün alt menüsü kendi altında açılır */
  .site-header .top-nav#nav .nav-dropdown.open:not(.more-menu) > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown.open > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown.open > .category-submenu,
  .site-header .top-nav#nav .category-dropdown-child.open > .dropdown-menu{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
  }

  /* Daha sadece fazla üst menüleri taşır; başlığı gizli, içindeki öğeler solda listelenir */
  .site-header .top-nav#nav .more-menu > .dropdown-toggle{
    display:none!important;
  }
  .site-header .top-nav#nav .more-menu > .dropdown-menu{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  body{overflow-x:hidden!important;}
}
@media (max-width:420px){
  .site-header .top-nav#nav{
    width:calc(100vw - 8px)!important;
    max-width:calc(100vw - 8px)!important;
    padding:9px!important;
  }
}


/* 2026-05-03 DEFINITIVE FIX: mobile menu left aligned + closed accordion submenus */
@media (max-width:900px){
  .site-header,
  .site-header .container,
  .site-header .nav-wrap,
  .site-header .container.nav-wrap{
    position:relative!important;
    overflow:visible!important;
  }

  .site-header .nav-toggle{
    position:relative!important;
    z-index:10002!important;
  }

  .site-header .top-nav#nav{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:auto!important;
    bottom:auto!important;
    width:min(94vw,420px)!important;
    max-width:min(94vw,420px)!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
    padding:10px!important;
    z-index:10001!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
    text-align:left!important;
    border:1px solid var(--line)!important;
    border-radius:0 14px 14px 0!important;
    background:var(--card)!important;
    box-shadow:var(--shadow)!important;
    transform:none!important;
  }
  .site-header .top-nav#nav:not(.open){
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .site-header .top-nav#nav.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .site-header .top-nav#nav,
  .site-header .top-nav#nav *{
    box-sizing:border-box!important;
    text-align:left!important;
  }

  .site-header .top-nav#nav > a,
  .site-header .top-nav#nav > .nav-dropdown,
  .site-header .top-nav#nav > .category-dropdown,
  .site-header .top-nav#nav .dropdown-menu > a,
  .site-header .top-nav#nav .dropdown-menu > .nav-dropdown,
  .site-header .top-nav#nav .dropdown-menu > .category-dropdown,
  .site-header .top-nav#nav .dropdown-menu > .category-dropdown-child{
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    transform:none!important;
  }

  .site-header .top-nav#nav > a,
  .site-header .top-nav#nav .dropdown-toggle,
  .site-header .top-nav#nav .dropdown-menu a,
  .site-header .top-nav#nav .category-submenu a{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:42px!important;
    padding:11px 12px!important;
    margin:0!important;
    border:1px solid var(--line)!important;
    border-radius:10px!important;
    background:var(--bg)!important;
    color:var(--text)!important;
    font-size:15px!important;
    font-weight:750!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  .site-header .top-nav#nav .dropdown-toggle .arrow{
    display:inline-flex!important;
    margin-left:auto!important;
    flex:0 0 auto!important;
    transition:transform .18s ease!important;
  }

  /* All submenus are closed by default on mobile */
  .site-header .top-nav#nav .nav-dropdown > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown-child > .dropdown-menu,
  .site-header .top-nav#nav .category-submenu{
    display:none!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    margin:7px 0 0 0!important;
    padding:0 0 0 12px!important;
    border:0!important;
    border-left:2px solid var(--line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  /* Only tapped item opens its own submenu under itself */
  .site-header .top-nav#nav .nav-dropdown.open > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown.open > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown-child.open > .dropdown-menu{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
  }
  .site-header .top-nav#nav .nav-dropdown.open > .dropdown-toggle .arrow,
  .site-header .top-nav#nav .category-dropdown.open > .dropdown-toggle .arrow,
  .site-header .top-nav#nav .category-dropdown-child.open > .dropdown-toggle .arrow{
    transform:rotate(180deg)!important;
  }

  body{overflow-x:hidden!important;}
}
@media (max-width:420px){
  .site-header .top-nav#nav{width:96vw!important;max-width:96vw!important;padding:8px!important;}
  .site-header .top-nav#nav > a,
  .site-header .top-nav#nav .dropdown-toggle,
  .site-header .top-nav#nav .dropdown-menu a{font-size:14px!important;padding:10px 11px!important;}
}

/* 2026-05-03 ULTIMATE MOBILE MENU FLOW FIX
   Mobil menü artık header içinde ikinci satırda, sola yaslı ve sayfayı aşağı iterek açılır.
   Alt menüler kapalı başlar; sadece tıklanan öğenin altında açılır. */
@media (max-width:900px){
  html,body{overflow-x:hidden!important;}
  .site-header,
  .site-header .container,
  .site-header .container.nav-wrap,
  .site-header .nav-wrap{overflow:visible!important;}

  .site-header .container.nav-wrap,
  .site-header .nav-wrap{
    position:relative!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:8px!important;
  }

  .site-header .nav-toggle{
    grid-column:1!important;
    grid-row:1!important;
    position:relative!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    flex:0 0 50px!important;
    border-radius:6px!important;
    padding:0!important;
    margin:0!important;
    display:inline-grid!important;
    place-items:center!important;
    z-index:3!important;
  }
  .site-header .nav-toggle-icon,
  .site-header .nav-toggle-icon svg{width:28px!important;height:28px!important;display:block!important;}

  .site-header .brand.site-logo-wrap{grid-column:2!important;grid-row:1!important;min-width:0!important;justify-self:center!important;}
  .site-header .nav-actions{grid-column:3!important;grid-row:1!important;}

  .site-header .top-nav#nav{
    grid-column:1 / -1!important;
    grid-row:2!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-y:visible!important;
    overflow-x:visible!important;
    -webkit-overflow-scrolling:auto!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid var(--line)!important;
    border-radius:12px!important;
    background:var(--card)!important;
    box-shadow:var(--shadow)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
    text-align:left!important;
    box-sizing:border-box!important;
    z-index:2!important;
  }
  .site-header .top-nav#nav:not(.open){display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
  .site-header .top-nav#nav.open{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}

  .site-header .top-nav#nav,
  .site-header .top-nav#nav *{box-sizing:border-box!important;text-align:left!important;max-width:100%!important;}

  .site-header .top-nav#nav > a,
  .site-header .top-nav#nav > .nav-dropdown,
  .site-header .top-nav#nav > .category-dropdown,
  .site-header .top-nav#nav > .more-menu,
  .site-header .top-nav#nav .dropdown-menu > a,
  .site-header .top-nav#nav .dropdown-menu > .nav-dropdown,
  .site-header .top-nav#nav .dropdown-menu > .category-dropdown,
  .site-header .top-nav#nav .dropdown-menu > .category-dropdown-child{
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }

  .site-header .top-nav#nav > a,
  .site-header .top-nav#nav .dropdown-toggle,
  .site-header .top-nav#nav .dropdown-menu a,
  .site-header .top-nav#nav .category-submenu a{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:42px!important;
    padding:11px 12px!important;
    margin:0!important;
    border:1px solid var(--line)!important;
    border-radius:10px!important;
    background:var(--bg)!important;
    color:var(--text)!important;
    font-size:15px!important;
    font-weight:750!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    text-decoration:none!important;
  }
  .site-header .top-nav#nav .dropdown-toggle .arrow{display:inline-flex!important;margin-left:auto!important;flex:0 0 auto!important;transition:transform .18s ease!important;}

  .site-header .top-nav#nav .nav-dropdown > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown-child > .dropdown-menu,
  .site-header .top-nav#nav .category-submenu{
    display:none!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin:7px 0 0 0!important;
    padding:0 0 0 12px!important;
    border:0!important;
    border-left:2px solid var(--line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .site-header .top-nav#nav .nav-dropdown.open > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown.open > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown-child.open > .dropdown-menu{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
  }
  .site-header .top-nav#nav .nav-dropdown.open > .dropdown-toggle .arrow,
  .site-header .top-nav#nav .category-dropdown.open > .dropdown-toggle .arrow,
  .site-header .top-nav#nav .category-dropdown-child.open > .dropdown-toggle .arrow{transform:rotate(180deg)!important;}
}
@media (max-width:420px){
  .site-header .container.nav-wrap,.site-header .nav-wrap{grid-template-columns:50px minmax(0,1fr) auto!important;gap:6px!important;}
  .site-header .top-nav#nav{padding:8px!important;}
  .site-header .top-nav#nav > a,
  .site-header .top-nav#nav .dropdown-toggle,
  .site-header .top-nav#nav .dropdown-menu a{font-size:14px!important;padding:10px 11px!important;}
}

/* 2026-05-03 REQUEST FINAL: mobile menu full-left, narrower, left text, tap again closes submenu */
@media (max-width:900px){
  html,body{overflow-x:hidden!important;}
  .site-header,.site-header .container,.site-header .container.nav-wrap,.site-header .nav-wrap{overflow:visible!important;}
  .site-header .container.nav-wrap,.site-header .nav-wrap{
    position:relative!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
  }
  .site-header .nav-toggle{grid-column:1!important;grid-row:1!important;justify-self:start!important;z-index:20!important;}
  .site-header .brand.site-logo-wrap{grid-column:2!important;grid-row:1!important;}
  .site-header .nav-actions{grid-column:3!important;grid-row:1!important;}

  /* Menü ikonun altından başlar, tam sola yaslanır ve biraz daha dar tutulur. */
  .site-header .top-nav#nav{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-self:start!important;
    align-self:start!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:min(78vw,320px)!important;
    min-width:240px!important;
    max-width:320px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-y:visible!important;
    overflow-x:visible!important;
    margin:6px 0 0 0!important;
    padding:8px!important;
    border:1px solid var(--line)!important;
    border-left:0!important;
    border-radius:0 12px 12px 0!important;
    background:var(--card)!important;
    box-shadow:0 16px 38px rgba(15,23,42,.18)!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    text-align:left!important;
    z-index:30!important;
    box-sizing:border-box!important;
  }
  .site-header .top-nav#nav.open{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
  .site-header .top-nav#nav:not(.open){display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;}

  .site-header .top-nav#nav,
  .site-header .top-nav#nav *{box-sizing:border-box!important;max-width:100%!important;text-align:left!important;}

  .site-header .top-nav#nav > a,
  .site-header .top-nav#nav > .nav-dropdown,
  .site-header .top-nav#nav > .category-dropdown,
  .site-header .top-nav#nav > .more-menu,
  .site-header .top-nav#nav .dropdown-menu > a,
  .site-header .top-nav#nav .dropdown-menu > .nav-dropdown,
  .site-header .top-nav#nav .dropdown-menu > .category-dropdown,
  .site-header .top-nav#nav .dropdown-menu > .category-dropdown-child{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    position:static!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }

  .site-header .top-nav#nav > a,
  .site-header .top-nav#nav .dropdown-toggle,
  .site-header .top-nav#nav .dropdown-menu a,
  .site-header .top-nav#nav .category-submenu a{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:40px!important;
    padding:10px 11px!important;
    margin:0!important;
    border:1px solid var(--line)!important;
    border-radius:9px!important;
    background:var(--bg)!important;
    color:var(--text)!important;
    font-size:14px!important;
    font-weight:750!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    text-decoration:none!important;
    text-align:left!important;
  }
  .site-header .top-nav#nav .dropdown-toggle .arrow{margin-left:auto!important;flex:0 0 auto!important;transition:transform .18s ease!important;}

  /* Alt menüler varsayılan kapalıdır; sadece açık sınıfı alan öğenin altında görünür. */
  .site-header .top-nav#nav .nav-dropdown > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown-child > .dropdown-menu,
  .site-header .top-nav#nav .category-submenu{
    display:none!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin:6px 0 0 0!important;
    padding:0 0 0 10px!important;
    border:0!important;
    border-left:2px solid var(--line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .site-header .top-nav#nav .nav-dropdown.open > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown.open > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown-child.open > .dropdown-menu{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
  }
  .site-header .top-nav#nav .nav-dropdown.open > .dropdown-toggle .arrow,
  .site-header .top-nav#nav .category-dropdown.open > .dropdown-toggle .arrow,
  .site-header .top-nav#nav .category-dropdown-child.open > .dropdown-toggle .arrow{transform:rotate(180deg)!important;}
}
@media (max-width:420px){
  .site-header .top-nav#nav{width:min(82vw,300px)!important;min-width:220px!important;max-width:300px!important;padding:7px!important;}
  .site-header .top-nav#nav > a,
  .site-header .top-nav#nav .dropdown-toggle,
  .site-header .top-nav#nav .dropdown-menu a{font-size:13.5px!important;padding:9px 10px!important;min-height:38px!important;}
}

/* 2026-05-03 USER FIX V2: mobile menu true-left, slightly wider, all links left, accordion icon opens/closes */
@media (max-width:900px){
  html,body{overflow-x:hidden!important;}
  .site-header,.site-header .container,.site-header .container.nav-wrap,.site-header .nav-wrap{overflow:visible!important;}
  .site-header .container.nav-wrap,.site-header .nav-wrap{
    position:relative!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
  }
  .site-header .nav-toggle{grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important;}
  .site-header .brand.site-logo-wrap{grid-column:2!important;grid-row:1!important;justify-self:start!important;}
  .site-header .nav-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;}

  /* Header container padding/centering olsa bile menü ekranın en solundan başlar. */
  .site-header .top-nav#nav{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-self:start!important;
    position:static!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;inset:auto!important;
    transform:none!important;
    margin-top:7px!important;
    margin-right:0!important;
    margin-bottom:0!important;
    margin-left:calc(50% - 50vw)!important;
    width:min(88vw,360px)!important;
    min-width:260px!important;
    max-width:360px!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;
    padding:8px!important;
    border:1px solid var(--line)!important;
    border-left:0!important;
    border-radius:0 14px 14px 0!important;
    background:var(--card)!important;
    box-shadow:0 16px 38px rgba(15,23,42,.18)!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    text-align:left!important;
    z-index:9999!important;
    box-sizing:border-box!important;
  }
  .site-header .top-nav#nav.open{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
  .site-header .top-nav#nav:not(.open){display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;}

  .site-header .top-nav#nav,
  .site-header .top-nav#nav *,
  .site-header .top-nav#nav *::before,
  .site-header .top-nav#nav *::after{box-sizing:border-box!important;max-width:100%!important;text-align:left!important;}

  .site-header .top-nav#nav > a,
  .site-header .top-nav#nav > .nav-dropdown,
  .site-header .top-nav#nav > .category-dropdown,
  .site-header .top-nav#nav > .more-menu,
  .site-header .top-nav#nav .dropdown-menu,
  .site-header .top-nav#nav .category-submenu,
  .site-header .top-nav#nav .dropdown-menu > a,
  .site-header .top-nav#nav .dropdown-menu > .nav-dropdown,
  .site-header .top-nav#nav .dropdown-menu > .category-dropdown,
  .site-header .top-nav#nav .dropdown-menu > .category-dropdown-child{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    float:none!important;
    clear:both!important;
    position:static!important;
    transform:none!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }

  /* En altta görünen ek menüler dahil tüm link yazıları sola yaslanır. */
  .site-header .top-nav#nav a,
  .site-header .top-nav#nav > a,
  .site-header .top-nav#nav .dropdown-toggle,
  .site-header .top-nav#nav .dropdown-menu a,
  .site-header .top-nav#nav .category-submenu a,
  .site-header .top-nav#nav .dropdown-parent-link,
  .site-header .top-nav#nav .more-menu a{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:40px!important;
    padding:10px 12px!important;
    margin:0!important;
    border:1px solid var(--line)!important;
    border-radius:9px!important;
    background:var(--bg)!important;
    color:var(--text)!important;
    font-size:14px!important;
    font-weight:750!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    text-decoration:none!important;
    text-align:left!important;
  }

  /* Alt menüler kapalı başlar; tıklanan öğenin altında açılır. */
  .site-header .top-nav#nav .nav-dropdown > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown-child > .dropdown-menu,
  .site-header .top-nav#nav .category-submenu{
    display:none!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    overflow:visible!important;
    margin:6px 0 0 0!important;
    padding:0 0 0 10px!important;
    border:0!important;
    border-left:2px solid var(--line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
  }
  .site-header .top-nav#nav .nav-dropdown.open > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown.open > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown-child.open > .dropdown-menu{
    display:flex!important;
  }

  /* Açılır/kapanır ikon durumu: kapalıyken aşağı, açıkken yukarı döner. */
  .site-header .top-nav#nav .dropdown-toggle .arrow{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-left:auto!important;
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    line-height:1!important;
    text-align:center!important;
    transition:transform .18s ease!important;
    transform:rotate(0deg)!important;
  }
  .site-header .top-nav#nav .nav-dropdown.open > .dropdown-toggle .arrow,
  .site-header .top-nav#nav .category-dropdown.open > .dropdown-toggle .arrow,
  .site-header .top-nav#nav .category-dropdown-child.open > .dropdown-toggle .arrow{
    transform:rotate(180deg)!important;
  }
}
@media (max-width:420px){
  .site-header .top-nav#nav{width:min(90vw,340px)!important;min-width:250px!important;max-width:340px!important;padding:8px!important;}
  .site-header .top-nav#nav a,
  .site-header .top-nav#nav .dropdown-toggle{font-size:13.5px!important;padding:9px 11px!important;min-height:38px!important;}
}


/* 2026-05-03 USER FIX V3: hidden/dynamic mobile menu labels must stay fully left aligned */
@media (max-width:900px){
  .site-header .top-nav#nav,
  .site-header .top-nav#nav.open{
    margin-left:calc(50% - 50vw)!important;
    margin-right:0!important;
    left:auto!important;
    right:auto!important;
    width:min(92vw,380px)!important;
    min-width:270px!important;
    max-width:380px!important;
    text-align:left!important;
  }

  .site-header .top-nav#nav > *,
  .site-header .top-nav#nav .dropdown-menu > *,
  .site-header .top-nav#nav .category-submenu > *,
  .site-header .top-nav#nav .more-menu .dropdown-menu > *,
  .site-header .top-nav#nav .nav-dropdown,
  .site-header .top-nav#nav .category-dropdown,
  .site-header .top-nav#nav .category-dropdown-child{
    align-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
  }

  .site-header .top-nav#nav a,
  .site-header .top-nav#nav a:link,
  .site-header .top-nav#nav a:visited,
  .site-header .top-nav#nav .dropdown-toggle,
  .site-header .top-nav#nav .dropdown-menu a,
  .site-header .top-nav#nav .category-submenu a,
  .site-header .top-nav#nav .more-menu .dropdown-menu a,
  .site-header .top-nav#nav .more-menu .dropdown-toggle,
  .site-header .top-nav#nav .dropdown-parent-link{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
    width:100%!important;
  }

  .site-header .top-nav#nav a > :not(.arrow),
  .site-header .top-nav#nav .dropdown-toggle > :not(.arrow),
  .site-header .top-nav#nav .nav-label,
  .site-header .top-nav#nav .menu-label,
  .site-header .top-nav#nav .link-label,
  .site-header .top-nav#nav .title,
  .site-header .top-nav#nav span:not(.arrow),
  .site-header .top-nav#nav div:not(.dropdown-menu):not(.category-submenu):not(.nav-dropdown):not(.category-dropdown):not(.category-dropdown-child):not(.more-menu){
    flex:1 1 auto!important;
    min-width:0!important;
    display:block!important;
    text-align:left!important;
    margin-left:0!important;
    margin-right:auto!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
  }

  .site-header .top-nav#nav .dropdown-toggle .arrow{
    margin-left:auto!important;
    margin-right:0!important;
    flex:0 0 22px!important;
    text-align:center!important;
  }

  .site-header .top-nav#nav .nav-dropdown > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown > .dropdown-menu,
  .site-header .top-nav#nav .category-dropdown-child > .dropdown-menu,
  .site-header .top-nav#nav .category-submenu{
    padding-left:8px!important;
    padding-right:0!important;
    text-align:left!important;
  }
}

@media (max-width:420px){
  .site-header .top-nav#nav,
  .site-header .top-nav#nav.open{
    width:min(92vw,360px)!important;
    min-width:270px!important;
    max-width:360px!important;
  }
}


/* 2026-05-03 USER FIX V4: force mobile category/menu labels left aligned */
@media (max-width:900px){
  .site-header .top-nav#nav,
  .site-header .top-nav#nav.open{
    left:0!important;
    right:auto!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:0!important;
    text-align:left!important;
  }

  .site-header .top-nav#nav .category-dropdown,
  .site-header .top-nav#nav .category-dropdown-child,
  .site-header .top-nav#nav .category-submenu,
  .site-header .top-nav#nav .category-submenu > *,
  .site-header .top-nav#nav .dropdown-menu > .category-dropdown,
  .site-header .top-nav#nav .dropdown-menu > .category-dropdown-child{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .site-header .top-nav#nav .category-dropdown > a,
  .site-header .top-nav#nav .category-dropdown-child > a,
  .site-header .top-nav#nav .category-dropdown > .dropdown-toggle,
  .site-header .top-nav#nav .category-dropdown-child > .dropdown-toggle,
  .site-header .top-nav#nav .category-submenu a,
  .site-header .top-nav#nav .category-submenu .dropdown-toggle,
  .site-header .top-nav#nav .category-submenu .dropdown-parent-link,
  .site-header .top-nav#nav .dropdown-menu .category-dropdown > a,
  .site-header .top-nav#nav .dropdown-menu .category-dropdown-child > a{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:left!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .site-header .top-nav#nav .category-dropdown .nav-label,
  .site-header .top-nav#nav .category-dropdown-child .nav-label,
  .site-header .top-nav#nav .category-submenu .nav-label,
  .site-header .top-nav#nav .dropdown-menu .category-dropdown .nav-label,
  .site-header .top-nav#nav .dropdown-menu .category-dropdown-child .nav-label,
  .site-header .top-nav#nav .dropdown-parent-link .nav-label{
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:auto!important;
    text-align:left!important;
    justify-self:flex-start!important;
    align-self:center!important;
  }

  .site-header .top-nav#nav .category-dropdown .arrow,
  .site-header .top-nav#nav .category-dropdown-child .arrow,
  .site-header .top-nav#nav .category-submenu .arrow{
    margin-left:auto!important;
    margin-right:0!important;
    flex:0 0 22px!important;
    text-align:center!important;
  }
}


/* 2026-05-03 FINAL OVERRIDE: dynamic mobile section/menu/category labels left aligned */
@media (max-width:900px){
  html, body{overflow-x:hidden!important;}
  .site-header, .site-header .container, .site-header .nav-wrap{overflow:visible!important;}

  .site-header .top-nav#nav,
  .site-header .top-nav#nav.open{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-self:start!important;
    align-self:start!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:0!important;
    width:min(94vw,390px)!important;
    min-width:270px!important;
    max-width:390px!important;
    padding:8px!important;
    text-align:left!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
  }

  /* Menü içindeki dinamik eklenen bütün bölüm/kategori kutuları tam genişlikte ve sola hizalıdır. */
  .site-header .top-nav#nav > *,
  .site-header .top-nav#nav .dropdown-menu > *,
  .site-header .top-nav#nav .category-submenu > *,
  .site-header .top-nav#nav .more-menu,
  .site-header .top-nav#nav .more-menu > .dropdown-menu,
  .site-header .top-nav#nav .more-menu > .dropdown-menu > *,
  .site-header .top-nav#nav .nav-dropdown,
  .site-header .top-nav#nav .category-dropdown,
  .site-header .top-nav#nav .category-dropdown-child{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    float:none!important;
    clear:both!important;
    text-align:left!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
  }

  /* Kimdir, Oyun, Otomobil, Nedir, Nasıl Yapılır? ve sonradan eklenecek tüm bağlantılar */
  .site-header .top-nav#nav a,
  .site-header .top-nav#nav a:link,
  .site-header .top-nav#nav a:visited,
  .site-header .top-nav#nav .dropdown-toggle,
  .site-header .top-nav#nav .dropdown-parent-link,
  .site-header .top-nav#nav .dropdown-menu a,
  .site-header .top-nav#nav .category-submenu a,
  .site-header .top-nav#nav .more-menu .dropdown-menu a,
  .site-header .top-nav#nav .more-menu .dropdown-menu .dropdown-toggle{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
    text-align:left!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    box-sizing:border-box!important;
  }

  /* Yazı taşıyıcıları: bütün span/div/label yapıları solda kalır, ikon sağa gider. */
  .site-header .top-nav#nav a > .nav-label,
  .site-header .top-nav#nav a > .menu-label,
  .site-header .top-nav#nav a > .link-label,
  .site-header .top-nav#nav a > .title,
  .site-header .top-nav#nav a > span:not(.arrow):not(.badge):not(.notification-dot),
  .site-header .top-nav#nav a > div:not(.arrow),
  .site-header .top-nav#nav .dropdown-toggle > .nav-label,
  .site-header .top-nav#nav .dropdown-toggle > span:not(.arrow),
  .site-header .top-nav#nav .more-menu .dropdown-menu .nav-label,
  .site-header .top-nav#nav .category-submenu .nav-label{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    text-align:left!important;
    justify-self:flex-start!important;
    align-self:center!important;
  }

  .site-header .top-nav#nav .arrow{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 22px!important;
    width:22px!important;
    margin-left:auto!important;
    margin-right:0!important;
    text-align:center!important;
  }
}

@media (max-width:420px){
  .site-header .top-nav#nav,
  .site-header .top-nav#nav.open{
    width:min(94vw,370px)!important;
    min-width:268px!important;
    max-width:370px!important;
  }
}


/* === Mobile breaking icon boxed + flat explore page refresh === */
@media (max-width: 768px) {
  .breaking-new-slider .breaking-label,
  .breaking .breaking-label {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    margin-right: 10px !important;
    border-right: 0 !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, rgba(239,68,68,.14), rgba(249,115,22,.12)) !important;
    border: 1px solid rgba(239,68,68,.24) !important;
    box-shadow: 0 10px 22px rgba(239,68,68,.10) !important;
  }
  .breaking-new-slider .breaking-icon,
  .breaking .breaking-icon {
    width: 28px !important;
    height: 28px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 9px !important;
    background: #ef4444 !important;
    color: #fff !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }
}

.explore-page{width:min(1180px,calc(100% - 32px));margin:28px auto 60px}.explore-page.explore-layout-full{width:min(100% - 32px,1500px)}
.explore-hero-flat{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.72fr);gap:24px;align-items:stretch;margin:12px 0 18px}
.explore-hero-copy{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(14,165,233,.08) 46%,rgba(255,255,255,.7));padding:34px;box-shadow:0 18px 55px rgba(15,23,42,.07)}
.explore-hero-copy:after{content:"";position:absolute;right:-90px;top:-90px;width:220px;height:220px;border-radius:999px;background:rgba(37,99,235,.12)}
.explore-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--brand);font-weight:900;font-size:13px;margin-bottom:16px}
.explore-eyebrow:before{content:"✦"}.explore-hero-copy h1{position:relative;margin:0 0 12px;font-size:clamp(32px,4vw,54px);line-height:1.02;letter-spacing:-.045em;font-weight:950;color:var(--text)}
.explore-hero-copy p{position:relative;max-width:660px;margin:0;color:var(--muted);font-size:17px;line-height:1.72}.explore-quick-stats{position:relative;display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.explore-quick-stats span{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.78);border:1px solid var(--line);color:var(--muted);font-weight:750}.explore-quick-stats strong{color:var(--text);font-weight:950}
.explore-panel-flat{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:0 18px 48px rgba(15,23,42,.08);display:grid;gap:14px}.explore-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.explore-panel-title strong{font-size:17px}.explore-panel-title a{font-weight:850;color:var(--brand);font-size:13px}.explore-panel-flat label{display:grid;gap:7px}.explore-panel-flat label span{font-size:12px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.explore-panel-flat select{width:100%;height:46px;border-radius:15px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:0 13px;font-weight:800;outline:none}
.explore-chip-row{display:flex;gap:9px;overflow-x:auto;padding:2px 0 14px;margin-bottom:4px;scrollbar-width:thin}.explore-chip-row a,.explore-sort-pills a{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;padding:10px 14px;font-weight:850;font-size:14px}.explore-chip-row a.active,.explore-sort-pills a.active{background:var(--brand);border-color:var(--brand);color:#fff}.explore-sort-pills{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}
.explore-featured-flat{display:grid;grid-template-columns:1.45fr .9fr;grid-auto-rows:210px;gap:16px;margin-bottom:26px}.explore-feature-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:#0f172a;color:#fff;box-shadow:0 18px 45px rgba(15,23,42,.14)}.explore-feature-card.large{grid-row:span 2}.explore-feature-card img,.explore-feature-placeholder{width:100%;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#f8fafc);color:#334155;font-weight:950}.explore-feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.04),rgba(2,6,23,.18) 38%,rgba(2,6,23,.82))}.explore-badge{position:absolute;z-index:2;top:14px;left:14px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.94);color:#0f172a;font-size:12px;font-weight:950}.explore-feature-content{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}.explore-feature-content h2{margin:0;font-size:clamp(18px,2.3vw,30px);line-height:1.14;letter-spacing:-.025em}.explore-feature-content p{margin:8px 0 0;color:rgba(255,255,255,.82);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explore-feature-card:not(.large) .explore-feature-content p{display:none}
.explore-flow-wrap{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:20px;box-shadow:0 16px 45px rgba(15,23,42,.06)}.explore-flow-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.explore-flow-head span{display:block;color:var(--brand);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.explore-flow-head h2{margin:4px 0 0;font-size:26px;letter-spacing:-.025em}.explore-flow-head strong{color:var(--muted);font-size:14px}.explore-news-list{display:grid;gap:12px}.explore-news-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;padding:12px;border:1px solid var(--line);border-radius:22px;background:var(--bg);transition:transform .2s ease,background .2s ease}.explore-news-row:hover{transform:translateY(-2px);background:var(--card)}.explore-news-thumb{overflow:hidden;border-radius:17px;background:#e2e8f0;min-height:118px;color:#475569;font-weight:950;display:flex;align-items:center;justify-content:center}.explore-news-thumb img{width:100%;height:100%;object-fit:cover}.explore-news-body{min-width:0;display:flex;flex-direction:column;justify-content:center}.explore-news-meta{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:7px}.explore-news-meta a,.explore-news-meta span{font-size:12px;font-weight:900;color:var(--muted)}.explore-news-meta a{color:var(--brand)}.explore-news-body h3{margin:0;font-size:20px;line-height:1.25;letter-spacing:-.02em}.explore-news-body h3 a{color:var(--text)}.explore-news-body p{margin:8px 0 10px;color:var(--muted);line-height:1.58;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explore-row-footer{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:750}.explore-empty-flat{display:grid;place-items:center;text-align:center;gap:14px;padding:54px 16px;color:var(--muted)}
html[data-theme="dark"] .explore-hero-copy{background:linear-gradient(135deg,rgba(37,99,235,.20),rgba(14,165,233,.12) 45%,rgba(15,23,42,.55))}html[data-theme="dark"] .explore-quick-stats span{background:rgba(15,23,42,.74)}
@media(max-width:900px){.explore-hero-flat{grid-template-columns:1fr}.explore-featured-flat{grid-template-columns:1fr;grid-auto-rows:230px}.explore-feature-card.large{grid-row:span 1}.explore-news-row{grid-template-columns:140px minmax(0,1fr)}}
@media(max-width:640px){.explore-page,.explore-page.explore-layout-full{width:min(100% - 22px,100%);margin-top:18px}.explore-hero-copy{padding:24px 18px;border-radius:24px}.explore-panel-flat{padding:16px;border-radius:22px}.explore-quick-stats span{width:100%;justify-content:space-between}.explore-featured-flat{grid-auto-rows:240px;gap:12px}.explore-flow-wrap{padding:12px;border-radius:22px}.explore-flow-head{align-items:start;flex-direction:column}.explore-news-row{grid-template-columns:1fr;gap:10px;border-radius:18px}.explore-news-thumb{height:190px}.explore-news-body h3{font-size:18px}.explore-chip-row{margin-left:-2px;margin-right:-2px}.explore-sort-pills{display:grid;grid-template-columns:1fr 1fr;gap:8px}.explore-sort-pills a{padding:10px 8px;font-size:13px}}

/* 20260503 - Explore infinite list, view switcher, and stronger breaking icon box */
.breaking-new-slider .breaking-label,
.breaking .breaking-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
}
.breaking-new-slider .breaking-icon,
.breaking .breaking-icon{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:#ef4444!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(239,68,68,.18)!important;
  font-size:18px!important;
  line-height:1!important;
}

.explore-view-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:-10px 0 20px}.explore-view-toolbar span{margin-right:4px;color:var(--muted);font-size:13px;font-weight:900}.explore-view-toolbar a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;border-radius:13px;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:13px;font-weight:900}.explore-view-toolbar a.active{background:var(--brand);border-color:var(--brand);color:#fff}.explore-load-more{width:100%;margin:18px 0 0;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:18px;padding:14px 16px;display:grid;gap:3px;place-items:center;cursor:pointer;font-weight:950;transition:background .2s ease,transform .2s ease}.explore-load-more:hover{background:var(--card);transform:translateY(-1px)}.explore-load-more small{font-size:12px;color:var(--muted);font-weight:750}.explore-load-more.loading{pointer-events:none;opacity:.72}.explore-load-more.loading span:after{content:"..."}.explore-load-more.hidden{display:none!important}.explore-news-list.explore-view-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.explore-view-grid .explore-news-row{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;background:var(--card)}.explore-view-grid .explore-news-thumb{min-height:190px;height:190px;border-radius:0}.explore-view-grid .explore-news-body{padding:15px}.explore-view-grid .explore-news-body h3{font-size:18px}.explore-view-grid .explore-row-footer{margin-top:auto}.explore-news-list.explore-view-compact{gap:8px}.explore-view-compact .explore-news-row{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:9px;border-radius:16px}.explore-view-compact .explore-news-thumb{min-height:74px;height:74px;border-radius:12px}.explore-view-compact .explore-news-body h3{font-size:16px;line-height:1.25}.explore-view-compact .explore-news-body p{display:none}.explore-view-compact .explore-row-footer{font-size:12px;gap:8px}.explore-view-compact .explore-news-meta{margin-bottom:5px}
@media(max-width:1100px){.explore-news-list.explore-view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.breaking-new-slider .breaking-icon,.breaking .breaking-icon{flex-basis:36px!important;width:36px!important;height:36px!important;border-radius:11px!important}.explore-view-toolbar{justify-content:flex-start;margin:0 0 16px}.explore-view-toolbar span{width:100%}.explore-view-toolbar a{flex:1}.explore-news-list.explore-view-grid{grid-template-columns:1fr}.explore-view-compact .explore-news-row{grid-template-columns:86px minmax(0,1fr)}.explore-view-compact .explore-news-thumb{height:70px;min-height:70px}}

/* 2026-05-03 Explore view controls + reliable infinite list */
.explore-flow-head{align-items:center!important;gap:16px!important}.explore-flow-title{min-width:0}.explore-flow-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.explore-view-icons{display:inline-flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}.explore-view-icons button{width:38px;height:36px;border:0;border-radius:11px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.explore-view-icons button:hover{background:var(--card);color:var(--text);transform:translateY(-1px)}.explore-view-icons button.active{background:var(--brand);color:#fff}.explore-view-icons svg{width:20px;height:20px;fill:currentColor}.explore-news-list.is-loading{opacity:.55;pointer-events:none}.explore-news-list.explore-view-list{grid-template-columns:1fr}.explore-news-list.explore-view-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px}.explore-news-list.explore-view-compact{grid-template-columns:1fr}.explore-load-more.is-hidden{display:none!important}.explore-load-more.is-auto-loading span:after{content:"..."}
@media(max-width:1100px){.explore-news-list.explore-view-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.explore-flow-head{align-items:flex-start!important;flex-direction:column!important}.explore-flow-actions{width:100%;justify-content:space-between}.explore-view-icons{margin-left:auto}.explore-view-icons button{width:40px;height:38px}.explore-news-list.explore-view-grid{grid-template-columns:1fr!important}}

/* 2026-05-03 Explore final fix: category icons, reliable view buttons, loader */
.explore-chip-row a{gap:8px;text-align:left}
.explore-chip-row a .explore-chip-icon{width:24px;height:24px;min-width:24px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:rgba(37,99,235,.10);color:var(--brand);font-size:13px;font-weight:950;line-height:1}
.explore-chip-row a.active .explore-chip-icon{background:rgba(255,255,255,.22);color:#fff}
.explore-flow-actions{align-items:center!important}
.explore-view-icons button{position:relative}
.explore-view-icons button[aria-pressed="true"]{background:var(--brand);color:#fff}
.explore-news-list.explore-view-list{grid-template-columns:1fr!important}
.explore-news-list.explore-view-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.explore-news-list.explore-view-compact{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.explore-load-sentinel{height:1px;width:100%;display:block}
.explore-load-status{min-height:20px;margin-top:10px;color:var(--muted);font-size:13px;font-weight:750;text-align:center}
.explore-load-more[hidden]{display:none!important}
@media(max-width:1100px){.explore-news-list.explore-view-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.explore-news-list.explore-view-grid{grid-template-columns:1fr!important}.explore-chip-row a{justify-content:flex-start}.explore-flow-actions{justify-content:flex-start!important}.explore-view-icons{margin-left:0!important}}

/* 2026-05-03 Explore requested cleanup: no category chip icons, filter/stat icons, grid default */
.explore-chip-row a .explore-chip-icon{display:none!important}
.explore-chip-row a{gap:0!important;padding-left:15px!important;padding-right:15px!important}
.explore-panel-title strong{display:inline-flex!important;align-items:center!important;gap:8px!important}
.explore-filter-title-icon,.explore-filter-icon,.explore-stat-icon{font-style:normal!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important}
.explore-filter-title-icon{width:28px!important;height:28px!important;border-radius:10px!important;background:rgba(37,99,235,.10)!important;color:var(--brand)!important;font-weight:950!important}
.explore-panel-flat label > span{display:inline-flex!important;align-items:center!important;gap:7px!important;text-align:left!important}
.explore-filter-icon{width:22px!important;height:22px!important;border-radius:8px!important;background:rgba(37,99,235,.10)!important;color:var(--brand)!important;font-size:13px!important;font-weight:950!important}
.explore-quick-stats span{justify-content:flex-start!important;text-align:left!important}
.explore-stat-icon{width:30px!important;height:30px!important;border-radius:11px!important;background:rgba(37,99,235,.11)!important;color:var(--brand)!important;font-size:14px!important;font-weight:950!important;margin-right:2px!important}
html[data-theme="dark"] .explore-filter-title-icon,html[data-theme="dark"] .explore-filter-icon,html[data-theme="dark"] .explore-stat-icon{background:rgba(96,165,250,.16)!important;color:#93c5fd!important}
.explore-view-icons button[data-explore-view="grid"]{order:1}.explore-view-icons button[data-explore-view="list"]{order:2}.explore-view-icons button[data-explore-view="compact"]{order:3}
@media(max-width:640px){.explore-quick-stats span{justify-content:flex-start!important}.explore-stat-icon{width:28px!important;height:28px!important}.explore-panel-title{align-items:center!important}.explore-panel-title a{white-space:nowrap}}


/* 2026-05-03 Explore search + only Tümü chip icon */
.explore-search-label{grid-column:1/-1!important}
.explore-search-box{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:5px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)!important}
.explore-search-box input{width:100%!important;min-width:0!important;height:42px!important;border:0!important;background:transparent!important;color:var(--text)!important;padding:0 10px!important;font-weight:800!important;outline:none!important}
.explore-search-box input::placeholder{color:var(--muted)!important;font-weight:700!important}
.explore-search-box button{width:42px!important;height:42px!important;border:0!important;border-radius:13px!important;background:var(--brand)!important;color:#fff!important;font-size:18px!important;font-weight:950!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex:0 0 auto!important}
.explore-chip-row a.explore-chip-all{gap:8px!important;padding-left:10px!important;padding-right:15px!important}
.explore-chip-row a.explore-chip-all .explore-chip-all-icon{width:24px!important;height:24px!important;min-width:24px!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:rgba(37,99,235,.10)!important;color:var(--brand)!important;font-size:13px!important;font-style:normal!important;font-weight:950!important;line-height:1!important}
.explore-chip-row a.explore-chip-all.active .explore-chip-all-icon{background:rgba(255,255,255,.22)!important;color:#fff!important}
.explore-chip-row a:not(.explore-chip-all) .explore-chip-all-icon,.explore-chip-row a:not(.explore-chip-all) .explore-chip-icon{display:none!important}
@media(min-width:760px){.explore-panel-flat{grid-template-columns:1fr 1fr 1fr!important}.explore-panel-title{grid-column:1/-1!important}.explore-search-label{grid-column:1/-1!important}}
@media(max-width:640px){.explore-search-box input{height:40px!important}.explore-search-box button{width:40px!important;height:40px!important}.explore-chip-row a.explore-chip-all{padding-left:9px!important}}


/* 2026-05-03 Advanced article cover image upload + image meta fields */
.article-cover-uploader{
  grid-column:1/-1;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--card),var(--bg));
  border-radius:22px;
  padding:16px;
  display:grid;
  gap:14px;
  box-shadow:0 12px 30px rgba(15,23,42,.05);
}
.article-cover-upload-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.article-cover-upload-head strong{display:block;font-size:16px;color:var(--text);font-weight:950}
.article-cover-upload-head small{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.45}
.cover-dropzone{
  position:relative;
  min-height:128px;
  border:1.5px dashed color-mix(in srgb,var(--brand) 38%,var(--line));
  border-radius:20px;
  background:color-mix(in srgb,var(--brand) 6%,transparent);
  display:grid!important;
  place-items:center;
  text-align:center;
  gap:7px;
  padding:18px!important;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.cover-dropzone:hover,.article-cover-uploader.is-dragover .cover-dropzone{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,transparent);transform:translateY(-1px)}
.cover-dropzone input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.cover-dropzone-icon{width:46px;height:46px;border-radius:15px;display:inline-grid;place-items:center;background:var(--brand);color:#fff;font-size:22px;box-shadow:0 12px 24px color-mix(in srgb,var(--brand) 25%,transparent)}
.cover-dropzone span:not(.cover-dropzone-icon){font-weight:950;color:var(--text)}
.cover-dropzone small{color:var(--muted);font-size:12px;max-width:520px;line-height:1.45}
.cover-preview-box{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--bg);max-width:520px}
.cover-preview-box img{display:block;width:100%;height:auto;max-height:280px;object-fit:cover}
.cover-meta-grid{margin-top:2px}
.cover-meta-grid label{min-width:0}
@media(max-width:640px){.article-cover-uploader{padding:12px;border-radius:18px}.cover-dropzone{min-height:112px;border-radius:16px}.cover-preview-box{max-width:none}.cover-meta-grid{grid-template-columns:1fr!important}}


/* 2026-05-03 multi cover uploader and article gallery slider */
.editor-media-upload-advanced{display:grid!important;grid-template-columns:minmax(180px,260px) minmax(0,1fr) auto;align-items:end;gap:12px!important;width:100%}.editor-upload-file{margin:0}.editor-media-meta-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.editor-media-meta-fields label{margin:0;font-size:12px}.editor-media-meta-fields textarea{min-height:42px;resize:vertical}.cover-existing-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.cover-existing-card{position:relative;margin:0;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--card);display:grid;gap:7px;cursor:pointer}.cover-existing-card input{position:absolute;top:9px;left:9px;width:18px;height:18px;accent-color:var(--brand);z-index:2}.cover-existing-card img{width:100%;height:92px;object-fit:cover;border-radius:12px;background:var(--bg)}.cover-existing-card span{font-size:12px;font-weight:850;color:var(--muted)}.cover-meta-note{display:grid;gap:3px;padding:12px 14px;border:1px dashed var(--line);border-radius:16px;background:var(--bg)}.cover-meta-note strong{font-size:14px}.cover-meta-note small{color:var(--muted);line-height:1.45}.cover-preview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-width:none;padding:12px}.cover-preview-item{position:relative;border-radius:14px;overflow:hidden;background:var(--bg);border:1px solid var(--line)}.cover-preview-item img{width:100%;height:112px;object-fit:cover;display:block}.cover-preview-item span{position:absolute;left:8px;bottom:8px;padding:5px 8px;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;font-size:11px;font-weight:900}.cover-gallery-meta-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.cover-gallery-meta-card{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.cover-gallery-meta-card strong{font-size:14px}.article-cover-slider{position:relative;margin:18px 0;border-radius:20px;overflow:hidden;background:var(--bg);border:1px solid var(--line)}.article-cover-slide{margin:0}.article-cover-slide img{display:block;width:100%;max-height:560px;object-fit:cover}.article-cover-slider-controls{position:absolute;inset:auto 14px 14px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.article-cover-slider-controls button,.article-cover-count{pointer-events:auto;border:0;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;box-shadow:0 10px 30px rgba(15,23,42,.22);font-weight:950}.article-cover-slider-controls button{width:42px;height:42px;font-size:22px;display:grid;place-items:center;cursor:pointer}.article-cover-count{padding:9px 13px;font-size:13px}.article-cover-slider-controls button:hover{background:var(--brand)}@media(max-width:760px){.editor-media-upload-advanced{grid-template-columns:1fr}.editor-media-meta-fields{grid-template-columns:1fr}.cover-existing-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-preview-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.article-cover-slide img{max-height:360px}.article-cover-slider-controls button{width:38px;height:38px}.article-cover-slider-controls{inset:auto 10px 10px 10px}}


/* 2026-05-03 final: flat editor image upload, larger multi cover uploader and homepage 500-safe package */
.editor-media-upload-flat{
  display:grid!important;
  grid-template-columns:minmax(220px,300px) minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:stretch!important;
  padding:14px!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--card) 92%,var(--brand) 8%),var(--card))!important;
}
.editor-upload-dropzone{
  position:relative;
  min-height:138px;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:16px!important;
  border:1.5px dashed color-mix(in srgb,var(--brand) 45%,var(--line));
  border-radius:18px;
  background:var(--bg);
  text-align:center;
  cursor:pointer;
  overflow:hidden;
}
.editor-upload-dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.editor-upload-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:24px;font-weight:950;line-height:1;box-shadow:0 12px 28px color-mix(in srgb,var(--brand) 25%,transparent)}
.editor-upload-title{font-weight:950;color:var(--text)}
.editor-upload-dropzone small{max-width:230px;color:var(--muted);font-size:12px;line-height:1.45}
.editor-media-meta-flat{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-content:start!important}
.editor-media-meta-flat label{display:grid!important;gap:6px;margin:0!important;font-size:12px!important;font-weight:800;color:var(--muted)}
.editor-media-meta-flat input,.editor-media-meta-flat textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:10px 12px;color:var(--text);outline:none}
.editor-media-meta-flat textarea{min-height:74px!important;resize:vertical}.editor-media-meta-flat .editor-meta-wide{grid-column:span 2}.editor-media-upload-btn{align-self:end;min-height:42px;white-space:nowrap}
.flat-cover-uploader{border:1px solid var(--line)!important;border-radius:22px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 94%,var(--brand) 6%),var(--card))!important;padding:16px!important;box-shadow:0 14px 40px rgba(15,23,42,.05)}
.flat-cover-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap;margin-bottom:12px}.flat-cover-head strong{font-size:17px}.flat-cover-head small{display:block;margin-top:3px;color:var(--muted);line-height:1.45}.cover-upload-limit-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);font-size:12px;font-weight:950;white-space:nowrap}.flat-cover-dropzone{min-height:150px!important;border-radius:20px!important;background:var(--bg)!important}.cover-preview-list{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important}.cover-gallery-meta-card{background:var(--card)!important;border-radius:18px!important}.cover-gallery-meta-card label{display:grid;gap:6px;font-size:12px;font-weight:800;color:var(--muted)}.cover-gallery-meta-card input,.cover-gallery-meta-card textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:9px 11px;color:var(--text)}
@media(max-width:900px){.editor-media-upload-flat{grid-template-columns:1fr!important}.editor-media-upload-btn{width:100%}.editor-media-meta-flat .editor-meta-wide{grid-column:auto}}
@media(max-width:640px){.flat-cover-head{align-items:flex-start!important}.cover-upload-limit-badge{order:3}.editor-media-meta-flat{grid-template-columns:1fr!important}.cover-preview-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* 2026-05-03 restore single cover image uploader */
.article-cover-uploader .cover-existing-gallery,.article-cover-uploader .cover-upload-limit-badge,.article-cover-uploader .cover-gallery-meta-fields,.article-cover-uploader .cover-meta-note{display:none!important}
.article-cover-uploader .cover-dropzone input[type=file]{display:block}
.article-cover-uploader .cover-preview-box:not([hidden]){display:block;margin-top:12px;max-width:360px}
.article-cover-uploader .cover-preview-box img{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.article-cover-uploader .cover-meta-grid{margin-top:12px}


/* Haber ekleme / düzenleme flat form düzeni */
.article-flat-form{
  background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 92%,var(--bg)))!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  box-shadow:0 18px 55px rgba(15,23,42,.06)!important;
  padding:22px!important;
  display:grid!important;
  gap:18px!important;
}
.article-flat-form > .grid,
.article-flat-form > label,
.article-flat-form > .writer-category-picker,
.article-flat-form > .check-row,
.article-flat-form > .editor-media-launch,
.article-flat-form > .article-cover-uploader,
.article-flat-form > .form-actions{
  margin:0!important;
}
.article-flat-form label{
  color:var(--text);
  font-weight:850;
  display:grid;
  gap:8px;
}
.article-flat-form input:not([type="checkbox"]):not([type="radio"]),
.article-flat-form select,
.article-flat-form textarea{
  width:100%;
  border:1px solid color-mix(in srgb,var(--line) 88%,var(--text) 12%);
  background:var(--bg);
  border-radius:14px;
  min-height:44px;
  padding:11px 13px;
  font-weight:650;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.article-flat-form textarea{min-height:112px;line-height:1.65;resize:vertical}
.article-flat-form input:focus,
.article-flat-form select:focus,
.article-flat-form textarea:focus{
  outline:0;
  border-color:var(--brand);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent);
  background:var(--card);
}
.article-flat-form .grid.two,
.article-flat-form .grid.three{
  padding:16px;
  border:1px solid var(--line);
  border-radius:20px;
  background:color-mix(in srgb,var(--bg) 82%,var(--card));
  gap:14px;
}
.article-flat-form .check-row{
  padding:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:color-mix(in srgb,var(--bg) 86%,var(--card));
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.article-flat-form .check-row label{
  display:flex!important;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--card);
  font-size:13px;
}
.article-flat-form .form-actions{
  position:sticky;
  bottom:0;
  z-index:5;
  padding:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:color-mix(in srgb,var(--card) 92%,transparent);
  backdrop-filter:blur(10px);
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
}
.article-cover-uploader.flat-cover-uploader{
  padding:16px;
  border:1px solid var(--line);
  border-radius:20px;
  background:color-mix(in srgb,var(--bg) 82%,var(--card));
  display:grid;
  gap:14px;
}
.flat-cover-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.flat-cover-head strong{font-size:15px;font-weight:950;color:var(--text)}
.flat-cover-head small{display:block;margin-top:4px;color:var(--muted);line-height:1.45}
.flat-cover-dropzone{
  min-height:126px;
  border:1.5px dashed color-mix(in srgb,var(--brand) 30%,var(--line));
  border-radius:18px;
  background:var(--card);
  display:grid!important;
  place-items:center;
  text-align:center;
  gap:7px;
  cursor:pointer;
  position:relative;
  overflow:hidden;
}
.flat-cover-dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.cover-dropzone-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 12%,var(--card));font-size:24px}
.cover-preview-box img{width:100%;max-height:260px;object-fit:cover;border-radius:16px;border:1px solid var(--line);display:block}
.article-flat-form .cover-meta-grid{display:none!important}
@media(max-width:760px){
  .article-flat-form{padding:14px!important;border-radius:18px!important;gap:14px!important}
  .article-flat-form .grid.two,.article-flat-form .grid.three{grid-template-columns:1fr!important;padding:12px;border-radius:16px}
  .flat-cover-head{display:grid}
  .article-flat-form .form-actions{position:static;justify-content:stretch}
  .article-flat-form .form-actions .btn{width:100%}
}


/* 2026-05-03 Haber ekleme: sabit genişlikli, sade flat form düzeni */
.article-form-header{
  width:min(1080px, calc(100vw - 32px))!important;
  max-width:1080px!important;
  margin:0 auto 16px!important;
  box-sizing:border-box!important;
  align-items:center!important;
}
.article-form-fixed.article-flat-form{
  width:min(1080px, calc(100vw - 32px))!important;
  max-width:1080px!important;
  min-width:0!important;
  margin:0 auto 28px!important;
  box-sizing:border-box!important;
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  box-shadow:0 16px 46px rgba(15,23,42,.055)!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  overflow:visible!important;
}
.article-form-fixed.article-flat-form *,
.article-form-header *{box-sizing:border-box!important}
.article-form-fixed.article-flat-form > .grid.two,
.article-form-fixed.article-flat-form > .grid.three{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--bg) 78%,var(--card))!important;
}
.article-form-fixed.article-flat-form > .grid.three{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.article-form-fixed.article-flat-form label{
  margin:0!important;
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
  color:var(--text)!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.35!important;
}
.article-form-fixed.article-flat-form input:not([type="checkbox"]):not([type="radio"]),
.article-form-fixed.article-flat-form select,
.article-form-fixed.article-flat-form textarea{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--bg)!important;
  padding:10px 12px!important;
  color:var(--text)!important;
  font-size:14px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
.article-form-fixed.article-flat-form textarea{min-height:96px!important;resize:vertical!important;line-height:1.65!important}
.article-form-fixed.article-flat-form input:focus,
.article-form-fixed.article-flat-form select:focus,
.article-form-fixed.article-flat-form textarea:focus{
  outline:none!important;
  border-color:var(--brand)!important;
  background:var(--card)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 13%,transparent)!important;
}
.article-form-fixed .writer-category-picker{
  grid-column:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-content:start!important;
  min-width:0!important;
}
.article-form-fixed .writer-category-picker > input[type="hidden"]{display:none!important}
.article-form-fixed .writer-category-picker .category-picker-help{
  grid-column:1/-1!important;
  color:var(--muted)!important;
  line-height:1.45!important;
  font-size:12px!important;
}
.article-form-fixed .article-cover-uploader.flat-cover-uploader,
.article-form-fixed .editor-media-launch{
  width:100%!important;
  margin:0!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--bg) 78%,var(--card))!important;
  box-shadow:none!important;
  padding:14px!important;
}
.article-form-fixed .flat-cover-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin:0!important}
.article-form-fixed .flat-cover-dropzone{
  min-height:112px!important;
  border-radius:16px!important;
  border:1.5px dashed color-mix(in srgb,var(--brand) 32%,var(--line))!important;
  background:var(--card)!important;
}
.article-form-fixed .cover-preview-box:not([hidden]){max-width:330px!important;margin-top:10px!important}
.article-form-fixed .cover-preview-box img{max-height:210px!important;border-radius:14px!important}
.article-form-fixed .check-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  padding:12px!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--bg) 78%,var(--card))!important;
}
.article-form-fixed .check-row label{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:40px!important;
  padding:9px 10px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--card)!important;
  white-space:normal!important;
}
.article-form-fixed .rich-editor,
.article-form-fixed .tox-tinymce,
.article-form-fixed .ck-editor,
.article-form-fixed .ck-editor__editable{
  width:100%!important;
  max-width:100%!important;
}
.article-form-fixed .form-actions{
  position:sticky!important;
  bottom:10px!important;
  z-index:6!important;
  width:100%!important;
  margin-top:2px!important;
  padding:12px!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--card) 94%,transparent)!important;
  backdrop-filter:blur(10px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  box-shadow:0 12px 30px rgba(15,23,42,.06)!important;
}
.article-form-fixed .form-actions .btn{min-height:40px!important;border-radius:12px!important}
@media(max-width:1100px){
  .article-form-header,
  .article-form-fixed.article-flat-form{width:min(100%, calc(100vw - 24px))!important;max-width:100%!important}
}
@media(max-width:820px){
  .article-form-fixed.article-flat-form{padding:14px!important;border-radius:18px!important;gap:12px!important}
  .article-form-fixed.article-flat-form > .grid.two,
  .article-form-fixed.article-flat-form > .grid.three,
  .article-form-fixed .writer-category-picker,
  .article-form-fixed .check-row{grid-template-columns:1fr!important;padding:12px!important;border-radius:16px!important}
  .article-form-fixed .form-actions{position:static!important;justify-content:stretch!important}
  .article-form-fixed .form-actions .btn{width:100%!important}
}


/* 2026-05-03 Haber ekleme: tema genişliğine uyumlu gelişmiş flat düzen */
.panel-content:has(.article-form-fixed.article-flat-form){
  overflow-x:hidden!important;
}
.article-form-header{
  width:100%!important;
  max-width:none!important;
  margin:0 0 16px!important;
  padding:16px 18px!important;
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--card) 94%,var(--brand) 6%),var(--card))!important;
  box-shadow:0 14px 38px rgba(15,23,42,.055)!important;
  box-sizing:border-box!important;
}
.article-form-header h2{font-size:24px!important;letter-spacing:-.02em!important}
.article-form-header p{max-width:760px!important;line-height:1.55!important}
.article-form-fixed.article-flat-form{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 0 28px!important;
  padding:18px!important;
  border-radius:24px!important;
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 18px 50px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
  box-sizing:border-box!important;
}
.article-form-fixed.article-flat-form,
.article-form-fixed.article-flat-form *{min-width:0!important;box-sizing:border-box!important}
.article-form-fixed.article-flat-form > .grid.two,
.article-form-fixed.article-flat-form > .grid.three{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  gap:14px!important;
  margin:0!important;
  padding:16px!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--bg) 82%,var(--card))!important;
  overflow:hidden!important;
}
.article-form-fixed.article-flat-form > .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.article-form-fixed.article-flat-form > .grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.article-form-fixed.article-flat-form > label,
.article-form-fixed .writer-category-picker,
.article-form-fixed .article-cover-uploader.flat-cover-uploader,
.article-form-fixed .editor-media-launch,
.article-form-fixed .check-row{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.article-form-fixed.article-flat-form label{
  margin:0!important;
  display:grid!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:850!important;
  color:var(--text)!important;
}
.article-form-fixed.article-flat-form input:not([type="checkbox"]):not([type="radio"]),
.article-form-fixed.article-flat-form select,
.article-form-fixed.article-flat-form textarea{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  border-radius:13px!important;
  background:var(--bg)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}
.article-form-fixed.article-flat-form textarea,
.article-form-fixed.article-flat-form input,
.article-form-fixed.article-flat-form select{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.article-form-fixed .writer-category-picker{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.article-form-fixed .writer-category-picker .category-picker-help{grid-column:1/-1!important}
.article-form-fixed .rich-editor,
.article-form-fixed .rich-editor-wrap,
.article-form-fixed .tox,
.article-form-fixed .tox-tinymce,
.article-form-fixed .tox-editor-container,
.article-form-fixed .tox-sidebar-wrap,
.article-form-fixed .tox-edit-area,
.article-form-fixed .tox-edit-area__iframe,
.article-form-fixed .ck-editor,
.article-form-fixed .ck-editor__main,
.article-form-fixed .ck-editor__editable{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.article-form-fixed .tox-tinymce{
  border-radius:18px!important;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
}
.article-form-fixed .tox .tox-toolbar,
.article-form-fixed .tox .tox-toolbar__primary,
.article-form-fixed .tox .tox-toolbar__overflow,
.article-form-fixed .tox .tox-toolbar__group{
  max-width:100%!important;
  flex-wrap:wrap!important;
  white-space:normal!important;
}
.article-form-fixed .tox .tox-menubar,
.article-form-fixed .tox .tox-toolbar-overlord{
  overflow-x:auto!important;
  max-width:100%!important;
}
.article-form-fixed .mce-content-body,
.article-form-fixed iframe{
  max-width:100%!important;
}
.article-form-fixed .form-actions{
  width:100%!important;
  max-width:100%!important;
  position:sticky!important;
  bottom:10px!important;
  z-index:8!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  padding:12px!important;
  border-radius:20px!important;
  border:1px solid var(--line)!important;
  background:color-mix(in srgb,var(--card) 94%,transparent)!important;
  backdrop-filter:blur(12px)!important;
}
@media(min-width:1320px){
  .article-form-fixed.article-flat-form{padding:22px!important;gap:18px!important}
  .article-form-fixed.article-flat-form > .grid.two{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .article-form-fixed .writer-category-picker{grid-column:span 2!important}
}
@media(max-width:980px){
  .article-form-fixed.article-flat-form > .grid.two,
  .article-form-fixed.article-flat-form > .grid.three,
  .article-form-fixed .writer-category-picker,
  .article-form-fixed .check-row{grid-template-columns:1fr!important}
  .article-form-header{padding:14px!important;border-radius:18px!important}
  .article-form-fixed.article-flat-form{padding:14px!important;border-radius:18px!important;gap:12px!important}
  .article-form-fixed .form-actions{position:static!important;justify-content:stretch!important}
  .article-form-fixed .form-actions .btn{width:100%!important}
}


/* 2026-05-03 Haber formu: başlık sayacı hizası ve sabit editör genişliği */
.panel-content:has(.article-form-fixed.article-flat-form),
.content:has(.article-form-fixed.article-flat-form),
.admin-content:has(.article-form-fixed.article-flat-form),
.writer-content:has(.article-form-fixed.article-flat-form){
  max-width:100%!important;
  overflow-x:hidden!important;
}
.article-form-fixed.article-flat-form{
  inline-size:100%!important;
  max-inline-size:100%!important;
  contain:inline-size!important;
}
.article-form-fixed.article-flat-form > .grid.two:first-of-type{
  align-items:start!important;
}
.article-form-fixed .article-title-field,
.article-form-fixed .article-content-field{
  position:relative!important;
  padding-top:0!important;
  align-content:start!important;
}
.article-form-fixed .article-title-field .char-counter,
.article-form-fixed .article-content-field .char-counter{
  position:absolute!important;
  top:0!important;
  right:0!important;
  transform:translateY(-2px)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:74px!important;
  height:24px!important;
  padding:0 10px!important;
  border:1px solid var(--line)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--card) 92%,var(--brand) 8%)!important;
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  z-index:2!important;
  margin:0!important;
}
.article-form-fixed .article-title-field > input,
.article-form-fixed .article-content-field > textarea.rich-editor{
  margin-top:4px!important;
}
.article-form-fixed .article-title-field .char-counter.is-over,
.article-form-fixed .article-content-field .char-counter.is-over{
  color:#b91c1c!important;
  border-color:#fecaca!important;
  background:#fff1f2!important;
}
.article-form-fixed .tox,
.article-form-fixed .tox-tinymce,
.article-form-fixed .tox-editor-container,
.article-form-fixed .tox-sidebar-wrap,
.article-form-fixed .tox-edit-area,
.article-form-fixed .tox-edit-area__iframe{
  inline-size:100%!important;
  max-inline-size:100%!important;
  min-inline-size:0!important;
  box-sizing:border-box!important;
}
.article-form-fixed .tox-tinymce{
  height:460px!important;
  min-height:460px!important;
  max-height:460px!important;
  resize:none!important;
}
.article-form-fixed .tox .tox-edit-area{
  overflow:hidden!important;
}
.article-form-fixed .tox .tox-edit-area__iframe{
  display:block!important;
}
.article-form-fixed .tox .tox-statusbar__resize-handle{
  display:none!important;
}
.article-form-fixed .tox .tox-statusbar{
  min-height:24px!important;
  overflow:hidden!important;
}
.article-form-fixed .tox .tox-toolbar-overlord,
.article-form-fixed .tox .tox-toolbar,
.article-form-fixed .tox .tox-toolbar__primary,
.article-form-fixed .tox .tox-toolbar__group{
  inline-size:100%!important;
  max-inline-size:100%!important;
}
.article-form-fixed.article-flat-form iframe,
.article-form-fixed.article-flat-form table,
.article-form-fixed.article-flat-form img,
.article-form-fixed.article-flat-form video,
.article-form-fixed.article-flat-form pre{
  max-width:100%!important;
}
@media(max-width:980px){
  .article-form-fixed .article-title-field .char-counter,
  .article-form-fixed .article-content-field .char-counter{
    position:static!important;
    transform:none!important;
    justify-self:flex-start!important;
    margin-top:2px!important;
    order:3!important;
  }
  .article-form-fixed .article-title-field > input,
  .article-form-fixed .article-content-field > textarea.rich-editor{
    margin-top:0!important;
  }
  .article-form-fixed .tox-tinymce{
    height:420px!important;
    min-height:420px!important;
    max-height:420px!important;
  }
}


/* 2026-05-03 flat media row: cover + editor images side by side, no cover preview */
.article-flat-form{
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  box-shadow:0 18px 50px rgba(15,23,42,.06)!important;
  padding:20px!important;
  overflow:hidden!important;
}
.article-media-pair{
  display:grid!important;
  grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr)!important;
  gap:16px!important;
  align-items:stretch!important;
  width:100%!important;
  margin:16px 0!important;
}
.article-media-pair > .article-cover-uploader,
.article-media-pair > .editor-media-launch{
  margin:0!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  box-sizing:border-box!important;
}
.article-media-pair .editor-media-launch,
.article-media-pair .article-cover-uploader.flat-cover-uploader{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:14px!important;
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,var(--brand) 4%),var(--card))!important;
  padding:16px!important;
  box-shadow:none!important;
}
.article-media-pair .editor-media-launch h3{margin:0 0 6px!important;font-size:17px!important;font-weight:950!important}
.article-media-pair .editor-media-launch p{margin:0!important;line-height:1.5!important}
.article-media-pair .editor-media-launch .btn{align-self:flex-start!important;margin-top:auto!important}
.article-media-pair .flat-cover-head{margin:0!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}
.article-media-pair .flat-cover-dropzone{
  min-height:138px!important;
  border:1.5px dashed color-mix(in srgb,var(--brand) 35%,var(--line))!important;
  background:var(--bg)!important;
  border-radius:18px!important;
  padding:16px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  gap:7px!important;
  cursor:pointer!important;
}
.article-media-pair .flat-cover-dropzone.is-dragover{border-color:var(--brand)!important;background:color-mix(in srgb,var(--brand) 8%,var(--bg))!important}
.article-media-pair .cover-dropzone-title{font-weight:950!important;color:var(--text)!important}
.article-media-pair .cover-preview-box,
.article-cover-uploader .cover-preview-box{display:none!important}
.cover-file-state{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:9px 11px!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:var(--bg)!important;
  color:var(--muted)!important;
  font-size:13px!important;
  font-weight:800!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.cover-file-state[hidden]{display:none!important}
.cover-file-state [data-cover-filename]{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.cover-file-dot{width:9px;height:9px;border-radius:999px;background:var(--brand);flex:0 0 auto}
.editor-media-upload-flat{
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:var(--card)!important;
  padding:12px!important;
}
.editor-media-window{max-width:min(1080px,calc(100vw - 28px))!important}
.editor-media-grid{align-items:start!important}
.article-flat-form input,
.article-flat-form textarea,
.article-flat-form select{max-width:100%!important;box-sizing:border-box!important}
@media(max-width:980px){
  .article-media-pair{grid-template-columns:1fr!important}
  .article-media-pair .editor-media-launch .btn{width:100%!important}
}
@media(max-width:640px){
  .article-flat-form{padding:14px!important;border-radius:20px!important}
  .article-media-pair{gap:12px!important;margin:12px 0!important}
  .article-media-pair .flat-cover-dropzone{min-height:124px!important}
}


/* Article editor media tools: keep Cover Image + Editor Images side by side directly above the writing editor */
.article-form-fixed .article-media-before-editor{
  display:grid!important;
  grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  margin:16px 0 18px!important;
  overflow:visible!important;
}
.article-form-fixed .article-media-before-editor > *{
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.article-form-fixed .article-media-before-editor .flat-cover-uploader,
.article-form-fixed .article-media-before-editor .editor-media-launch{
  min-height:220px!important;
  height:100%!important;
  text-align:left!important;
}
.article-form-fixed .article-content-field{
  display:block!important;
  clear:both!important;
  margin-top:4px!important;
}
.article-form-fixed .article-content-field .rich-editor,
.article-form-fixed .tox-tinymce,
.article-form-fixed .tox.tox-tinymce{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:980px){
  .article-form-fixed .article-media-before-editor{grid-template-columns:1fr!important;gap:14px!important}
  .article-form-fixed .article-media-before-editor .flat-cover-uploader,
  .article-form-fixed .article-media-before-editor .editor-media-launch{min-height:auto!important}
}


/* Article form media layout: cover stays in its original form area; editor images + embed tools sit side by side above content */
.article-form-fixed .article-cover-field-old-place{
  grid-column:span 1!important;
  min-width:0!important;
  width:100%!important;
}
.article-form-fixed .article-cover-field-old-place .flat-cover-uploader{
  margin:0!important;
  width:100%!important;
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:14px!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:var(--card)!important;
  box-shadow:none!important;
}
.article-form-fixed .article-cover-field-old-place .flat-cover-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0!important;
}
.article-form-fixed .article-cover-field-old-place .flat-cover-head strong{font-size:14px!important;font-weight:950!important;line-height:1.2!important}
.article-form-fixed .article-cover-field-old-place .flat-cover-head small{display:block!important;margin-top:4px!important;font-size:12px!important;line-height:1.35!important;color:var(--muted)!important}
.article-form-fixed .article-cover-field-old-place .flat-cover-dropzone{
  min-height:104px!important;
  padding:12px!important;
  border:1.5px dashed color-mix(in srgb,var(--brand) 35%,var(--line))!important;
  border-radius:16px!important;
  background:var(--bg)!important;
  display:grid!important;
  place-items:center!important;
  gap:6px!important;
  text-align:center!important;
  cursor:pointer!important;
}
.article-form-fixed .article-cover-field-old-place .cover-dropzone-icon{font-size:24px!important;line-height:1!important}
.article-form-fixed .article-cover-field-old-place .cover-dropzone-title{font-size:13px!important;font-weight:950!important}
.article-form-fixed .article-cover-field-old-place .flat-cover-dropzone small{font-size:11.5px!important;line-height:1.35!important;color:var(--muted)!important}
.article-form-fixed .article-editor-tools-grid{
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) minmax(320px,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  margin:16px 0 18px!important;
  overflow:visible!important;
}
.article-form-fixed .article-editor-tools-grid > .editor-media-launch,
.article-form-fixed .article-editor-tools-grid > .editor-embed-tools{
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,var(--brand) 4%),var(--card))!important;
  box-shadow:none!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
.article-form-fixed .article-editor-tools-grid h3{
  margin:0 0 6px!important;
  font-size:17px!important;
  font-weight:950!important;
  color:var(--text)!important;
}
.article-form-fixed .article-editor-tools-grid p,
.article-form-fixed .article-editor-tools-grid small{
  line-height:1.5!important;
}
.article-form-fixed .article-editor-tools-grid .editor-embed-tools .grid.two{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
.article-form-fixed .article-editor-tools-grid .editor-embed-tools .actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:auto!important;
}
.article-form-fixed .article-editor-tools-grid .editor-media-launch .btn{align-self:flex-start!important;margin-top:auto!important}
@media(max-width:980px){
  .article-form-fixed .article-editor-tools-grid{grid-template-columns:1fr!important;gap:14px!important}
  .article-form-fixed .article-editor-tools-grid .btn{width:100%!important}
  .article-form-fixed .article-cover-field-old-place{grid-column:1/-1!important}
}

/* 2026-05-03 Haber ekleme: ilk sade flat düzene dönüş */
.panel-content:has(.article-form-fixed.article-flat-form),
.content:has(.article-form-fixed.article-flat-form),
.admin-content:has(.article-form-fixed.article-flat-form),
.writer-content:has(.article-form-fixed.article-flat-form){
  overflow-x:hidden!important;
}
.article-form-header{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.article-form-header h2{font-size:22px!important;margin:0!important;letter-spacing:-.015em!important}
.article-form-header p{margin:4px 0 0!important;color:var(--muted)!important;line-height:1.45!important;max-width:720px!important}
.article-form-fixed.article-flat-form{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
  overflow:hidden!important;
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  box-shadow:0 10px 30px rgba(15,23,42,.045)!important;
  contain:none!important;
}
.article-form-fixed.article-flat-form,
.article-form-fixed.article-flat-form *{box-sizing:border-box!important;min-width:0!important}
.article-form-fixed.article-flat-form > .grid.two,
.article-form-fixed.article-flat-form > .grid.three{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;
  gap:14px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.article-form-fixed.article-flat-form label,
.article-form-fixed .writer-category-picker{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
  color:var(--text)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.35!important;
}
.article-form-fixed.article-flat-form input:not([type="checkbox"]):not([type="radio"]),
.article-form-fixed.article-flat-form select,
.article-form-fixed.article-flat-form textarea{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  padding:10px 12px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--bg)!important;
  color:var(--text)!important;
  font-size:14px!important;
  font-weight:600!important;
  box-shadow:none!important;
  outline:0!important;
}
.article-form-fixed.article-flat-form textarea{min-height:104px!important;resize:vertical!important;line-height:1.6!important}
.article-form-fixed.article-flat-form input:focus,
.article-form-fixed.article-flat-form select:focus,
.article-form-fixed.article-flat-form textarea:focus{
  border-color:var(--brand)!important;
  background:var(--card)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)!important;
}
.article-form-fixed .writer-category-picker{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:start!important;
}
.article-form-fixed .writer-category-picker > input[type="hidden"]{display:none!important}
.article-form-fixed .writer-category-picker .category-picker-help{
  grid-column:1/-1!important;
  margin:0!important;
  color:var(--muted)!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.article-form-fixed .article-cover-field-old-place{
  grid-column:auto!important;
  width:100%!important;
  max-width:100%!important;
}
.article-form-fixed .article-cover-field-old-place .flat-cover-uploader,
.article-form-fixed .article-cover-uploader.flat-cover-uploader{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:13px!important;
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  gap:10px!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  background:var(--bg)!important;
  box-shadow:none!important;
}
.article-form-fixed .flat-cover-head,
.article-form-fixed .article-cover-field-old-place .flat-cover-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0!important;
}
.article-form-fixed .flat-cover-head strong{font-size:14px!important;font-weight:900!important}
.article-form-fixed .flat-cover-head small{font-size:12px!important;line-height:1.35!important;color:var(--muted)!important;margin-top:3px!important}
.article-form-fixed .flat-cover-dropzone,
.article-form-fixed .article-cover-field-old-place .flat-cover-dropzone{
  min-height:96px!important;
  padding:12px!important;
  display:grid!important;
  place-items:center!important;
  gap:6px!important;
  text-align:center!important;
  border:1.5px dashed color-mix(in srgb,var(--brand) 28%,var(--line))!important;
  border-radius:14px!important;
  background:var(--card)!important;
  cursor:pointer!important;
}
.article-form-fixed .cover-dropzone-icon{width:38px!important;height:38px!important;border-radius:12px!important;font-size:21px!important}
.article-form-fixed .cover-dropzone-title{font-size:13px!important;font-weight:900!important}
.article-form-fixed .cover-preview-box{display:none!important}
.article-form-fixed .cover-file-state{border-radius:12px!important;min-height:34px!important;padding:8px 10px!important;background:var(--card)!important}
.article-form-fixed .article-editor-tools-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  overflow:visible!important;
}
.article-form-fixed .article-editor-tools-grid > .editor-media-launch,
.article-form-fixed .article-editor-tools-grid > .editor-embed-tools,
.article-form-fixed .editor-media-launch,
.article-form-fixed .editor-embed-tools{
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:14px!important;
  display:grid!important;
  gap:12px!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  background:var(--bg)!important;
  box-shadow:none!important;
}
.article-form-fixed .article-editor-tools-grid h3{margin:0!important;font-size:16px!important;font-weight:900!important}
.article-form-fixed .article-editor-tools-grid p{margin:0!important;color:var(--muted)!important;line-height:1.45!important}
.article-form-fixed .editor-embed-tools .grid.two{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.article-form-fixed .editor-embed-tools .actions,
.article-form-fixed .article-editor-tools-grid .editor-embed-tools .actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0!important;
}
.article-form-fixed .editor-media-launch .btn{justify-self:start!important;align-self:start!important;margin:0!important}
.article-form-fixed .article-title-field .char-counter,
.article-form-fixed .article-content-field .char-counter{
  position:static!important;
  transform:none!important;
  justify-self:start!important;
  display:inline-flex!important;
  width:auto!important;
  min-width:64px!important;
  height:22px!important;
  padding:0 9px!important;
  margin:0!important;
  border:1px solid var(--line)!important;
  border-radius:999px!important;
  background:var(--bg)!important;
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1!important;
}
.article-form-fixed .article-title-field > input,
.article-form-fixed .article-content-field > textarea.rich-editor{margin-top:0!important}
.article-form-fixed .check-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.article-form-fixed .check-row label{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  min-height:38px!important;
  padding:8px 11px!important;
  border:1px solid var(--line)!important;
  border-radius:999px!important;
  background:var(--bg)!important;
  font-size:13px!important;
  font-weight:750!important;
}
.article-form-fixed .tox,
.article-form-fixed .tox-tinymce,
.article-form-fixed .tox-editor-container,
.article-form-fixed .tox-sidebar-wrap,
.article-form-fixed .tox-edit-area,
.article-form-fixed .tox-edit-area__iframe,
.article-form-fixed .ck-editor,
.article-form-fixed .ck-editor__main,
.article-form-fixed .ck-editor__editable{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.article-form-fixed .tox-tinymce{
  height:460px!important;
  min-height:460px!important;
  max-height:460px!important;
  resize:none!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.article-form-fixed .tox .tox-statusbar__resize-handle{display:none!important}
.article-form-fixed .tox .tox-toolbar,
.article-form-fixed .tox .tox-toolbar__primary,
.article-form-fixed .tox .tox-toolbar__group{flex-wrap:wrap!important;max-width:100%!important}
.article-form-fixed .tox .tox-menubar,
.article-form-fixed .tox .tox-toolbar-overlord{max-width:100%!important;overflow-x:auto!important}
.article-form-fixed .form-actions{
  position:static!important;
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:0!important;
  padding-top:4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
@media(max-width:980px){
  .article-form-header{display:grid!important;gap:10px!important}
  .article-form-fixed.article-flat-form{padding:14px!important;border-radius:18px!important;gap:13px!important}
  .article-form-fixed.article-flat-form > .grid.two,
  .article-form-fixed.article-flat-form > .grid.three,
  .article-form-fixed .writer-category-picker,
  .article-form-fixed .article-editor-tools-grid{grid-template-columns:1fr!important}
  .article-form-fixed .form-actions{justify-content:stretch!important}
  .article-form-fixed .form-actions .btn,
  .article-form-fixed .article-editor-tools-grid .btn{width:100%!important}
  .article-form-fixed .tox-tinymce{height:420px!important;min-height:420px!important;max-height:420px!important}
}


/* Restored article form layout from haberpro_tinymce_v1 */
.panel-content form.form-card:not(.article-flat-form) {
  max-width: 100%;
  width: 100%;
  overflow: visible;
}
.panel-content form.form-card:not(.article-flat-form) .tox-tinymce,
.panel-content form.form-card:not(.article-flat-form) .tox,
.panel-content form.form-card:not(.article-flat-form) .rich-editor {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.panel-content form.form-card:not(.article-flat-form) .tox-editor-container,
.panel-content form.form-card:not(.article-flat-form) .tox-toolbar-overlord,
.panel-content form.form-card:not(.article-flat-form) .tox-toolbar__primary {
  max-width: 100% !important;
  min-width: 0 !important;
  flex-wrap: wrap !important;
}
.panel-content form.form-card:not(.article-flat-form) textarea,
.panel-content form.form-card:not(.article-flat-form) input,
.panel-content form.form-card:not(.article-flat-form) select {
  max-width: 100%;
}


/* 2026-05-03 Article form meta + category picker refinement */
.article-category-picker{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--card);
  box-shadow:0 10px 30px rgba(15,23,42,.04);
}
.article-category-picker input[type="hidden"]{display:none!important}
.article-category-picker label{margin:0;text-align:left!important}
.article-category-picker select{width:100%;margin-top:8px}
.article-category-picker .category-picker-help{grid-column:1/-1;margin:0;color:var(--muted);font-size:.92rem;line-height:1.45}
.article-meta-fields{align-items:stretch}
.article-meta-fields label{text-align:left!important}
.article-meta-fields textarea{min-height:44px;resize:vertical}
@media(max-width:760px){
  .article-category-picker{grid-template-columns:1fr;padding:13px;border-radius:16px}
}

/* Article form author/contributor compact row */
.article-author-compact-row{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(220px,.55fr) minmax(260px,.45fr);
    gap:12px;
    align-items:start;
}
.article-author-compact-row>label{
    min-width:0;
    margin:0!important;
    padding:12px!important;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card);
    display:flex;
    flex-direction:column;
    gap:7px;
    font-size:13px;
    font-weight:800;
}
.article-author-compact-row select{
    width:100%;
    min-height:42px;
    margin:0!important;
}
.article-author-compact-row .article-contributors-compact select{
    height:96px;
    min-height:96px;
    padding:8px 10px;
}
.article-author-compact-row small{
    display:block;
    color:var(--muted);
    font-size:12px;
    line-height:1.35;
    font-weight:600;
}
@media(max-width:760px){
    .article-author-compact-row{grid-template-columns:1fr;gap:10px}
    .article-author-compact-row .article-contributors-compact select{height:110px;min-height:110px}
}


/* 2026-05-03 Article form author + contributor lower autocomplete row */
.article-author-lower-row{
  display:grid!important;
  grid-template-columns:minmax(220px,.42fr) minmax(300px,.58fr);
  gap:14px;
  align-items:stretch;
  margin:14px 0 18px;
}
.article-author-lower-row .article-author-mini,
.article-author-lower-row .article-contributor-picker{
  min-width:0;
  margin:0!important;
  padding:14px!important;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--card);
  box-shadow:0 10px 28px rgba(15,23,42,.04);
  display:flex;
  flex-direction:column;
  gap:9px;
  text-align:left!important;
  font-size:13px;
  font-weight:800;
}
.article-author-lower-row select,
.article-author-lower-row input[type="text"]{
  width:100%;
  min-height:42px;
  margin:0!important;
  text-align:left!important;
}
.article-contributor-title{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:block!important}
.contributor-search-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.contributor-selected{display:flex;flex-wrap:wrap;gap:8px;min-height:38px;padding:8px;border:1px dashed var(--line);border-radius:12px;background:rgba(148,163,184,.08)}
.contributor-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:var(--bg);font-size:12px;font-weight:800;line-height:1.2;text-align:left!important}
.contributor-chip button{width:20px;height:20px;border:0;border-radius:999px;background:rgba(239,68,68,.12);color:#b91c1c;cursor:pointer;font-weight:900;line-height:20px;padding:0}
.article-contributor-picker small{display:block;color:var(--muted);font-size:12px;line-height:1.35;font-weight:600;text-align:left!important}
@media(max-width:760px){
  .article-author-lower-row{grid-template-columns:1fr;margin:12px 0 16px}
  .contributor-search-line{grid-template-columns:1fr}
}

/* User dashboard: cleaner homepage stats */
.user-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;background:linear-gradient(135deg,var(--card),rgba(37,99,235,.045))!important}.user-dashboard-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:6px}.user-dashboard-hero h2{margin:0 0 6px;font-size:clamp(22px,2.3vw,32px);letter-spacing:-.04em}.user-dashboard-hero p{margin:0}.user-dashboard-actions{justify-content:flex-end}.user-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.user-stat-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon label" "icon value";align-items:center;gap:2px 12px;color:inherit;text-decoration:none;min-height:104px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.user-stat-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.28)!important;background:linear-gradient(135deg,var(--card),rgba(37,99,235,.06))!important}.user-stat-icon{grid-area:icon;width:44px;height:44px;border-radius:14px;display:inline-grid;place-items:center;background:var(--flat-soft,#f1f5f9);border:1px solid var(--line);font-size:20px}.user-stat-card small{grid-area:label;color:var(--muted);font-weight:900;line-height:1.25}.user-stat-card strong{grid-area:value;font-size:clamp(24px,2.6vw,34px);line-height:1}.user-stat-card .user-status-text{font-size:clamp(20px,2vw,28px)}.user-dashboard-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.user-dashboard-wide{grid-column:1/-1}.user-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.user-card-head h2{margin:0;font-size:19px;letter-spacing:-.025em}.user-dashboard-list{min-width:0}.user-panel-news-row,.user-panel-comment-row{background:var(--bg)!important}.user-panel-news-row strong a,.user-panel-comment-row strong a{color:var(--text);text-decoration:none}.user-panel-news-row strong a:hover,.user-panel-comment-row strong a:hover{color:var(--brand)}.user-panel-comment-row p{margin:8px 0 0;color:var(--muted);line-height:1.55}.empty-panel-state{display:grid;place-items:center;text-align:center;gap:6px;min-height:145px;border:1px dashed var(--line);border-radius:16px;background:var(--bg);padding:18px;color:var(--muted);font-size:26px}.empty-panel-state strong{display:block;color:var(--text);font-size:15px}.empty-panel-state span{display:block;font-size:13px;line-height:1.45}@media(max-width:1100px){.user-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-dashboard-hero{align-items:flex-start;flex-direction:column}.user-dashboard-actions{justify-content:flex-start}}@media(max-width:720px){.user-stat-grid,.user-dashboard-layout{grid-template-columns:1fr}.user-stat-card{min-height:92px}.user-card-head{align-items:flex-start;flex-direction:column}.user-dashboard-actions .btn{width:100%}}

/* 2026-05-04 Article editor flat sidebar layout */
.article-editor-shell.article-editor-flat{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  gap:18px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.article-editor-shell *{box-sizing:border-box!important;min-width:0!important}
.article-editor-main{display:flex!important;flex-direction:column!important;gap:16px!important;min-width:0!important;width:100%!important;overflow:visible!important}
.article-editor-side{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important;width:100%!important;position:sticky!important;top:14px!important}
.article-flat-section,
.article-side-card{
  background:var(--card,#fff)!important;
  border:1px solid var(--border,#e5e7eb)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  padding:18px!important;
}
.article-side-card{padding:16px!important}
.article-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin:0 0 14px!important;padding-bottom:12px!important;border-bottom:1px solid var(--border,#e5e7eb)!important}
.article-section-head h3,
.article-side-card h3{margin:0!important;font-size:16px!important;font-weight:800!important;letter-spacing:-.01em!important;color:var(--text,#111827)!important}
.article-section-head p{margin:4px 0 0!important;color:var(--muted,#6b7280)!important;font-size:13px!important;line-height:1.45!important}
.article-editor-shell label{display:flex!important;flex-direction:column!important;gap:7px!important;font-size:13px!important;font-weight:700!important;color:var(--text,#111827)!important;margin:0!important;text-align:left!important}
.article-editor-shell input:not([type="checkbox"]):not([type="radio"]),
.article-editor-shell select,
.article-editor-shell textarea{
  width:100%!important;
  max-width:100%!important;
  border:1px solid var(--border,#e5e7eb)!important;
  background:var(--surface,#f8fafc)!important;
  color:var(--text,#111827)!important;
  border-radius:13px!important;
  min-height:42px!important;
  padding:10px 12px!important;
  outline:none!important;
  box-shadow:none!important;
}
.article-editor-shell textarea{min-height:96px!important;resize:vertical!important;line-height:1.55!important}
.article-editor-shell input:focus,
.article-editor-shell select:focus,
.article-editor-shell textarea:focus{border-color:var(--primary,#2563eb)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(37,99,235,.10)!important}
.article-top-fields.grid.two,
.article-editor-shell .grid.two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.article-editor-shell .writer-category-picker{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  background:var(--surface,#f8fafc)!important;
  border:1px solid var(--border,#e5e7eb)!important;
  border-radius:16px!important;
  padding:14px!important;
  margin:0 0 14px!important;
}
.article-editor-shell .writer-category-picker > input[type="hidden"]{display:none!important}
.article-editor-shell .category-picker-help{grid-column:1/-1!important;margin:0!important;color:var(--muted,#6b7280)!important;font-size:12px!important;line-height:1.45!important}
.article-content-label{gap:8px!important}
.article-editor-shell .rich-editor,
.article-editor-shell .tox,
.article-editor-shell .tox-tinymce,
.article-editor-shell .tox-editor-container,
.article-editor-shell .tox-sidebar-wrap,
.article-editor-shell .tox-edit-area,
.article-editor-shell .tox-edit-area__iframe,
.article-editor-shell .ck-editor,
.article-editor-shell .ck-editor__main,
.article-editor-shell .ck-editor__editable{width:100%!important;max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important}
.article-editor-shell .tox-tinymce{border-radius:16px!important;border:1px solid var(--border,#e5e7eb)!important;overflow:hidden!important}
.article-editor-shell .tox .tox-toolbar,
.article-editor-shell .tox .tox-toolbar__primary,
.article-editor-shell .tox .tox-toolbar__group{flex-wrap:wrap!important;white-space:normal!important;max-width:100%!important}
.article-editor-shell .editor-media-launch,
.article-editor-shell .editor-embed-tools,
.article-editor-shell .embed-tools,
.article-editor-shell .form-card{box-shadow:none!important;border-radius:16px!important;border:1px solid var(--border,#e5e7eb)!important;background:var(--surface,#f8fafc)!important;max-width:100%!important;overflow:visible!important}
.article-current-file{display:block!important;margin:4px 0 10px!important;padding:9px 11px!important;border-radius:12px!important;background:var(--surface,#f8fafc)!important;border:1px dashed var(--border,#e5e7eb)!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.article-file-box{
  position:relative!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-height:118px!important;
  border:1px dashed var(--border,#d1d5db)!important;
  background:var(--surface,#f8fafc)!important;
  border-radius:16px!important;
  padding:18px 12px!important;
  cursor:pointer!important;
  margin-bottom:12px!important;
}
.article-file-box span{font-size:26px!important;line-height:1!important}
.article-file-box strong{font-size:14px!important}
.article-file-box small{color:var(--muted,#6b7280)!important;font-size:12px!important;font-weight:500!important;line-height:1.35!important}
.article-file-box input[type="file"]{position:absolute!important;inset:0!important;opacity:0!important;cursor:pointer!important;width:100%!important;height:100%!important}
.article-contributor-picker{display:flex!important;flex-direction:column!important;gap:9px!important;text-align:left!important}
.article-contributor-title{font-weight:800!important;margin:0!important}
.contributor-search-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}
.contributor-selected{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:7px!important;flex-wrap:wrap!important;min-height:34px!important;text-align:left!important}
.contributor-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;border-radius:999px!important;background:var(--surface,#f8fafc)!important;border:1px solid var(--border,#e5e7eb)!important;padding:6px 9px!important;font-size:12px!important;font-weight:700!important}
.contributor-chip button{border:0!important;background:transparent!important;cursor:pointer!important;font-weight:900!important;color:var(--muted,#6b7280)!important}
.article-author-display{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;background:var(--surface,#f8fafc)!important;border:1px solid var(--border,#e5e7eb)!important;border-radius:13px!important;padding:11px 12px!important;margin-bottom:12px!important}
.article-author-display span{color:var(--muted,#6b7280)!important;font-size:12px!important;font-weight:700!important}.article-author-display strong{font-size:13px!important;text-align:right!important}
.vertical-checks{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0!important}
.vertical-checks label{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;background:var(--surface,#f8fafc)!important;border:1px solid var(--border,#e5e7eb)!important;border-radius:12px!important;padding:10px 11px!important;font-weight:700!important}
.article-side-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;background:var(--card,#fff)!important;border:1px solid var(--border,#e5e7eb)!important;border-radius:18px!important;padding:14px!important;box-shadow:none!important;position:static!important;margin:0!important}
.article-side-actions .btn{width:100%!important;justify-content:center!important;min-height:42px!important;border-radius:13px!important}
.article-seo-legacy-fields{margin-top:14px!important;opacity:.92!important}
@media (max-width:1100px){
  .article-editor-shell.article-editor-flat{grid-template-columns:1fr!important}
  .article-editor-side{position:static!important;order:-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .article-side-actions{grid-column:1/-1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .writer-article-form .article-side-actions{grid-template-columns:1fr!important}
}
@media (max-width:760px){
  .article-editor-shell.article-editor-flat{gap:12px!important}
  .article-editor-side{grid-template-columns:1fr!important;order:0!important}
  .article-flat-section,.article-side-card{padding:14px!important;border-radius:16px!important}
  .article-top-fields.grid.two,
  .article-editor-shell .grid.two,
  .article-editor-shell .writer-category-picker{grid-template-columns:1fr!important;gap:10px!important}
  .article-side-actions{grid-template-columns:1fr!important}
  .contributor-search-line{grid-template-columns:1fr!important}
}

/* 2026-05-04 Article add/edit page tidy flat redesign */
.article-editor-shell.article-editor-flat{
  display:grid!important;
  grid-template-columns:minmax(0,calc(100% - 384px)) 360px!important;
  gap:24px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.article-editor-shell.article-editor-flat,
.article-editor-shell.article-editor-flat *{box-sizing:border-box!important;min-width:0!important}
.article-editor-main{display:flex!important;flex-direction:column!important;gap:18px!important;width:100%!important;max-width:100%!important;overflow:visible!important}
.article-editor-side{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;max-width:360px!important;position:sticky!important;top:18px!important;align-self:start!important}
.article-flat-section,
.article-side-card{
  background:var(--card,#fff)!important;
  border:1px solid var(--line,var(--border,#e5e7eb))!important;
  border-radius:20px!important;
  box-shadow:none!important;
  padding:20px!important;
  overflow:visible!important;
}
.article-side-card{padding:18px!important}
.article-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:0 0 18px!important;padding:0 0 14px!important;border-bottom:1px solid var(--line,var(--border,#e5e7eb))!important}
.article-section-head h3,.article-side-card h3{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:16px!important;font-weight:900!important;letter-spacing:-.02em!important;color:var(--text,#111827)!important;line-height:1.25!important}
.article-section-head p{margin:5px 0 0!important;color:var(--muted,#6b7280)!important;font-size:13px!important;line-height:1.45!important;font-weight:500!important}
.article-flat-section:nth-of-type(1) .article-section-head h3:before{content:'📝';font-size:18px}
.article-flat-section:nth-of-type(2) .article-section-head h3:before{content:'✍️';font-size:18px}
.article-flat-section:nth-of-type(3) .article-section-head h3:before{content:'🏷️';font-size:18px}
.article-cover-side-card h3:before{content:'🖼️';font-size:18px}
.article-side-card:nth-of-type(2) h3:before{content:'⚙️';font-size:18px}
.article-side-card:nth-of-type(3) h3:before{content:'⭐';font-size:18px}
.article-editor-shell label{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0!important;font-size:13px!important;font-weight:800!important;color:var(--text,#111827)!important;text-align:left!important;line-height:1.25!important}
.article-editor-shell input:not([type="checkbox"]):not([type="radio"]),
.article-editor-shell select,
.article-editor-shell textarea{
  width:100%!important;
  max-width:100%!important;
  min-height:44px!important;
  padding:11px 13px!important;
  border:1px solid var(--line,var(--border,#e5e7eb))!important;
  border-radius:14px!important;
  background:var(--bg,var(--surface,#f8fafc))!important;
  color:var(--text,#111827)!important;
  box-shadow:none!important;
  outline:none!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.article-editor-shell textarea{min-height:110px!important;resize:vertical!important;line-height:1.55!important}
.article-editor-shell input:focus,.article-editor-shell select:focus,.article-editor-shell textarea:focus{background:var(--card,#fff)!important;border-color:var(--brand,var(--primary,#2563eb))!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important}
.article-top-fields.grid.two,.article-editor-shell .grid.two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:start!important}
.article-editor-shell .writer-category-picker{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 16px!important;
  margin:16px 0!important;
  padding:16px!important;
  border:1px solid var(--line,var(--border,#e5e7eb))!important;
  border-radius:18px!important;
  background:var(--bg,var(--surface,#f8fafc))!important;
}
.article-editor-shell .category-picker-help{grid-column:1/-1!important;margin:-2px 0 0!important;color:var(--muted,#6b7280)!important;font-size:12px!important;font-weight:600!important;line-height:1.45!important}
.article-content-label{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
.article-editor-shell .rich-editor,
.article-editor-shell .tox,
.article-editor-shell .tox-tinymce,
.article-editor-shell .tox-editor-container,
.article-editor-shell .tox-sidebar-wrap,
.article-editor-shell .tox-edit-area,
.article-editor-shell .tox-edit-area__iframe{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.article-editor-shell .tox-tinymce{border-radius:18px!important;border:1px solid var(--line,var(--border,#e5e7eb))!important;overflow:hidden!important;min-height:520px!important;background:var(--card,#fff)!important}
.article-editor-shell .tox .tox-toolbar,.article-editor-shell .tox .tox-toolbar__primary,.article-editor-shell .tox .tox-toolbar__group{flex-wrap:wrap!important;white-space:normal!important;max-width:100%!important}
.article-editor-shell .editor-embed-tools,.article-editor-shell .embed-tools,.article-editor-shell .editor-media-launch,.article-editor-shell .media-library-panel,.article-editor-shell .form-card{max-width:100%!important;overflow:visible!important;border-radius:18px!important;box-shadow:none!important}
.article-file-box{min-height:132px!important;border-radius:18px!important;margin:0 0 14px!important;background:linear-gradient(180deg,var(--bg,#f8fafc),var(--card,#fff))!important;border:1px dashed var(--line,var(--border,#d1d5db))!important}
.article-file-box:hover{border-color:var(--brand,var(--primary,#2563eb))!important;background:var(--card,#fff)!important}
.article-current-file{display:block!important;margin:0 0 12px!important;padding:10px 12px!important;border-radius:13px!important;background:var(--bg,#f8fafc)!important;border:1px dashed var(--line,#e5e7eb)!important;color:var(--text,#111827)!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.article-contributor-picker{padding:12px!important;border:1px solid var(--line,var(--border,#e5e7eb))!important;border-radius:16px!important;background:var(--bg,#f8fafc)!important;gap:10px!important}
.contributor-search-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:end!important}
.contributor-selected{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;text-align:left!important;min-height:32px!important}
.contributor-chip{background:var(--card,#fff)!important;border:1px solid var(--line,#e5e7eb)!important}
.article-author-display{margin:0 0 14px!important;background:var(--bg,#f8fafc)!important;border-color:var(--line,#e5e7eb)!important;border-radius:14px!important}
.vertical-checks{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.vertical-checks label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;padding:11px 12px!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:14px!important;background:var(--bg,#f8fafc)!important;font-weight:800!important}
.article-side-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;position:sticky!important;bottom:14px!important;background:var(--card,#fff)!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:20px!important;padding:14px!important;box-shadow:0 -8px 24px rgba(15,23,42,.04)!important;margin:0!important}
.article-side-actions .btn{width:100%!important;min-height:44px!important;border-radius:14px!important;justify-content:center!important;font-weight:900!important}
.article-seo-legacy-fields{margin-top:16px!important;padding-top:16px!important;border-top:1px solid var(--line,#e5e7eb)!important;opacity:1!important}
@media (max-width:1180px){
  .article-editor-shell.article-editor-flat{grid-template-columns:1fr!important;gap:18px!important}
  .article-editor-side{max-width:100%!important;position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;order:0!important}
  .article-side-actions{grid-column:1/-1!important;position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .writer-article-form .article-side-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:760px){
  .article-editor-shell.article-editor-flat{gap:14px!important}
  .article-flat-section,.article-side-card{padding:15px!important;border-radius:18px!important}
  .article-section-head{margin-bottom:14px!important}
  .article-top-fields.grid.two,.article-editor-shell .grid.two,.article-editor-shell .writer-category-picker,.article-editor-side,.article-side-actions,.writer-article-form .article-side-actions{grid-template-columns:1fr!important}
  .contributor-search-line{grid-template-columns:1fr!important}
  .article-editor-shell .tox-tinymce{min-height:430px!important}
}


/* 2026-05-04 mobile homepage slider swipe support */
.home-slider{
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.home-slider-track,
.home-slide,
.home-slide-link{
  user-select: none;
  -webkit-user-select: none;
}
.home-slide img{
  -webkit-user-drag: none;
  user-drag: none;
}
@media (max-width: 700px){
  .home-slider{
    cursor: grab;
  }
  .home-slider:active{
    cursor: grabbing;
  }
  .home-slider-btn{
    z-index: 5;
  }
}

/* 2026-05-04 live notification dropdown */
.panel-live-notification-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}
.live-notification-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 24px));background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px rgba(15,23,42,.18);z-index:9999;overflow:hidden;color:var(--text)}
.live-notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(15,23,42,.02))}
.live-notification-head strong{font-size:14px;font-weight:950}.live-notification-head small{font-size:12px;color:var(--muted);font-weight:800}
.live-notification-list{display:grid;max-height:420px;overflow-y:auto}.live-notification-item{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:flex-start;padding:13px 14px;text-decoration:none;color:inherit;border-bottom:1px solid var(--line);background:var(--card);transition:background .18s ease,transform .18s ease}.live-notification-item:hover{background:rgba(37,99,235,.06);transform:translateY(-1px)}.live-notification-item-icon{width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:rgba(37,99,235,.10);font-size:17px}.live-notification-item-body{display:grid;gap:4px;min-width:0}.live-notification-item-body strong{font-size:13px;font-weight:950;line-height:1.25}.live-notification-item-body small,.live-notification-item-body em{font-size:12px;color:var(--muted);font-style:normal;line-height:1.35}.live-notification-item-count{position:absolute;right:12px;top:12px;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--danger);color:#fff;display:inline-grid;place-items:center;font-size:12px;font-weight:950}.live-notification-empty{padding:18px 15px;color:var(--muted);font-weight:800;text-align:center}.live-notification-all{display:flex;align-items:center;justify-content:center;padding:12px 14px;text-decoration:none;color:var(--primary);font-weight:950;background:rgba(37,99,235,.06)}.panel-notification-link.live-notification-arrived{animation:hpLiveNotifyArrived .55s ease-in-out 3!important;border-color:#ef4444!important;color:#ef4444!important}@keyframes hpLiveNotifyArrived{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.06)}}
@media(max-width:720px){.panel-live-notification-wrap{position:static}.live-notification-dropdown{left:12px;right:12px;top:auto;margin-top:10px;width:auto}.live-notification-list{max-height:none;overflow:visible}}

/* vSEO+ panel logo/site-name header and mobile admin menu alignment */
.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.panel-brand{min-width:0;max-width:100%;display:flex!important;align-items:center;gap:10px;color:var(--brand2);text-decoration:none}
.panel-brand.has-panel-logo{padding-top:8px;padding-bottom:8px}
.panel-brand-logo{display:block;max-width:180px;max-height:46px;width:auto;height:auto;object-fit:contain}
.panel-brand.has-panel-name .panel-brand-text{font-size:19px;font-weight:950;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}
.panel-mobile-menu-toggle{align-items:center;justify-content:center;gap:8px}
.panel-mobile-menu-icon{display:inline-grid;place-items:center;line-height:1;font-size:20px;font-weight:950}
@media(max-width:900px){
  .sidebar-head{display:grid!important;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;gap:0;margin:0!important;position:relative;min-height:54px}
  .panel-mobile-menu-toggle{grid-column:1;justify-self:start;width:48px!important;height:48px!important;min-width:48px!important;margin:0!important;padding:0!important;border-radius:12px!important;font-size:0!important;background:var(--flat-soft,var(--bg))!important;border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:none!important}
  .panel-mobile-menu-icon{font-size:27px!important;width:27px;height:27px}
  .panel-mobile-menu-text{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
  .panel-brand{grid-column:2;justify-self:center;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;max-width:100%;min-width:0;text-align:center}
  .panel-brand-logo{max-width:min(176px,52vw);max-height:42px;margin:0 auto}
  .panel-brand.has-panel-name .panel-brand-text{max-width:52vw;text-align:center;font-size:18px}
  .side-nav{clear:none!important;margin-top:10px!important}
  .panel-top{top:79px!important}
}
@media(max-width:520px){
  .sidebar-head{grid-template-columns:50px minmax(0,1fr) 50px;min-height:50px}
  .panel-mobile-menu-toggle{width:46px!important;height:46px!important;min-width:46px!important}
  .panel-mobile-menu-icon{font-size:26px!important}
  .panel-brand-logo{max-width:min(160px,50vw);max-height:38px}
  .panel-brand.has-panel-name .panel-brand-text{max-width:50vw;font-size:17px}
  .panel-top{top:75px!important}
}

/* Advanced live notifications - flat panel UI */
.panel-live-notification-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate}.panel-notification-link.has-live-notification{border-color:rgba(239,68,68,.35)!important;background:rgba(239,68,68,.07)!important;color:#ef4444!important}.live-notification-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:min(390px,calc(100vw - 22px));background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 55px rgba(15,23,42,.22);z-index:10050;overflow:hidden;color:var(--text)}.live-notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(15,23,42,.02))}.live-notification-head>div{display:grid;gap:3px}.live-notification-head strong{font-size:14px;font-weight:950}.live-notification-head small{font-size:11px;color:var(--muted);font-weight:800}.live-notification-mark-all{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}.live-notification-mark-all:hover{color:var(--primary);border-color:rgba(37,99,235,.35);background:rgba(37,99,235,.06)}.live-notification-mark-all:disabled{opacity:.55;cursor:wait}.live-notification-list{display:grid;max-height:430px;overflow-y:auto}.live-notification-item{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:flex-start;padding:13px 14px;text-decoration:none;color:inherit;border-bottom:1px solid var(--line);background:var(--card);transition:background .18s ease,transform .18s ease}.live-notification-item:hover{background:rgba(37,99,235,.06);transform:translateY(-1px)}.live-notification-item-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(37,99,235,.10);font-size:17px;line-height:1}.live-notification-item-body{display:grid;gap:4px;min-width:0;padding-right:20px}.live-notification-item-body strong{font-size:13px;font-weight:950;line-height:1.25}.live-notification-item-body small,.live-notification-item-body em{font-size:12px;color:var(--muted);font-style:normal;line-height:1.35}.live-notification-item-count{position:absolute;right:12px;top:12px;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--danger);color:#fff;display:inline-grid;place-items:center;font-size:12px;font-weight:950}.live-notification-success .live-notification-item-icon{background:rgba(34,197,94,.12)}.live-notification-warning .live-notification-item-icon{background:rgba(245,158,11,.14)}.live-notification-danger .live-notification-item-icon{background:rgba(239,68,68,.12)}.live-notification-money .live-notification-item-icon{background:rgba(16,185,129,.13)}.live-notification-empty{padding:22px 15px;color:var(--muted);font-weight:800;text-align:center}.live-notification-all{display:flex;align-items:center;justify-content:center;padding:12px 14px;text-decoration:none;color:var(--primary);font-weight:950;background:rgba(37,99,235,.06);border-top:1px solid var(--line)}.panel-notification-link.live-notification-arrived{animation:hpLiveNotifyArrived .55s ease-in-out 3!important;border-color:#ef4444!important;color:#ef4444!important}@keyframes hpLiveNotifyArrived{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.06)}}@media(max-width:720px){.panel-live-notification-wrap{position:static}.live-notification-dropdown{left:10px;right:10px;top:auto;margin-top:10px;width:auto;border-radius:18px}.live-notification-list{max-height:none;overflow:visible}.live-notification-head{align-items:flex-start}.live-notification-mark-all{padding:7px 9px}.live-notification-item{grid-template-columns:36px minmax(0,1fr);padding:12px}.live-notification-item-icon{width:36px;height:36px;border-radius:13px}.live-notification-item-body{padding-right:0}}

/* 2026-05-04 notification-only flat cards (replaces accidental panel-home cards) */
.notification-page-head,
.notification-header-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:var(--card);
  box-shadow:none;
}
.notification-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:18px 0 20px;
}
.notification-flat-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:86px;
  padding:15px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--card);
  color:inherit;
  text-decoration:none;
  box-shadow:none;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.notification-flat-card:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.28);background:rgba(37,99,235,.035)}
.notification-flat-card.is-hot{border-color:rgba(239,68,68,.30);background:rgba(239,68,68,.055)}
.notification-flat-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(37,99,235,.10);
  font-size:20px;
  line-height:1;
}
.notification-flat-card.is-hot .notification-flat-icon{background:rgba(239,68,68,.12)}
.notification-flat-body{display:grid;gap:4px;min-width:0;text-align:left}
.notification-flat-body span{font-size:12px;font-weight:900;color:var(--muted);line-height:1.25}
.notification-flat-body strong{font-size:26px;font-weight:950;line-height:1;color:var(--text)}
.notification-list-card{box-shadow:none;border-radius:18px}
.modern-notification-list{
  display:grid;
  gap:12px;
  margin-top:14px;
}
.hp-notification-card{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--card);
  box-shadow:none;
}
.hp-notification-card.unread{border-color:rgba(37,99,235,.32);background:rgba(37,99,235,.045)}
.hp-notification-card-icon{
  width:44px;
  height:44px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:rgba(37,99,235,.10);
  font-size:20px;
}
.hp-notification-card-body{display:grid;gap:5px;min-width:0;text-align:left}
.hp-notification-card-body strong{font-size:14px;font-weight:950;line-height:1.25;color:var(--text)}
.hp-notification-card-body strong a{color:inherit;text-decoration:none}
.hp-notification-card-body strong a:hover{color:var(--primary)}
.hp-notification-card-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.hp-notification-card-body small{color:var(--muted);font-weight:800;font-size:12px}
.hp-notification-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.live-notification-list{gap:8px;padding:10px;background:rgba(15,23,42,.025)}
.live-notification-item{
  border:1px solid var(--line)!important;
  border-radius:15px!important;
  background:var(--card)!important;
  overflow:hidden;
}
.live-notification-item:last-child{border-bottom:1px solid var(--line)!important}
.live-notification-item-icon{border-radius:14px!important}
@media(max-width:1100px){.notification-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .notification-page-head,.notification-header-card{align-items:flex-start;flex-direction:column}
  .notification-card-grid{grid-template-columns:1fr;gap:10px}
  .hp-notification-card{grid-template-columns:40px minmax(0,1fr);align-items:flex-start}
  .hp-notification-card-icon{width:40px;height:40px;border-radius:14px}
  .hp-notification-card-actions{grid-column:2;justify-content:flex-start;width:100%}
}

/* 2026-05-04 advanced notification pages for admin/user/writer */
.notification-center-page{display:grid;gap:18px;max-width:100%;min-width:0}.notification-center-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(15,23,42,.018));box-shadow:none}.notification-hero-copy{display:grid;gap:5px;min-width:0;text-align:left}.notification-kicker{display:inline-flex;width:max-content;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(37,99,235,.18);border-radius:999px;background:rgba(37,99,235,.07);color:var(--primary);font-size:12px;font-weight:950}.notification-hero-copy h2{margin:0;font-size:clamp(22px,3vw,30px);font-weight:950;letter-spacing:-.02em}.notification-hero-copy p{margin:0;color:var(--muted);font-weight:700;line-height:1.55}.notification-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.notification-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.notification-summary-card{display:grid;grid-template-columns:44px 1fr;grid-template-areas:'icon label' 'icon count';align-items:center;gap:3px 12px;padding:15px;border:1px solid var(--line);border-radius:19px;background:var(--card);text-decoration:none;color:inherit;box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.notification-summary-card:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.28);background:rgba(37,99,235,.035)}.notification-summary-card>span{grid-area:icon;width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:rgba(37,99,235,.10);font-size:20px}.notification-summary-card small{grid-area:label;color:var(--muted);font-weight:900;font-size:12px}.notification-summary-card strong{grid-area:count;color:var(--text);font-size:27px;line-height:1;font-weight:950}.notification-summary-card.is-hot{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.045)}.notification-summary-card.is-hot>span{background:rgba(239,68,68,.12)}.notification-filter-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:19px;background:var(--card)}.notification-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.notification-tabs a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--muted);text-decoration:none;font-size:12px;font-weight:950}.notification-tabs a:hover,.notification-tabs a.active{color:var(--primary);border-color:rgba(37,99,235,.30);background:rgba(37,99,235,.075)}.notification-search{display:flex;align-items:center;gap:8px;min-width:0}.notification-search input[type=search]{width:100%;min-width:0;border-radius:14px}.notification-empty-card{padding:24px 18px;border:1px dashed var(--line);border-radius:20px;background:var(--card);color:var(--muted);font-weight:900;text-align:center}.notification-timeline-list{display:grid;gap:12px}.notification-timeline-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:none;position:relative;overflow:hidden}.notification-timeline-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:rgba(37,99,235,.35)}.notification-timeline-card.unread{border-color:rgba(37,99,235,.30);background:rgba(37,99,235,.04)}.notification-timeline-card.notification-type-success:before{background:#22c55e}.notification-timeline-card.notification-type-warning:before{background:#f59e0b}.notification-timeline-card.notification-type-danger:before{background:#ef4444}.notification-timeline-card.notification-type-money:before{background:#10b981}.notification-card-main{display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;align-items:flex-start;min-width:0}.notification-card-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:rgba(37,99,235,.10);font-size:21px}.notification-type-success .notification-card-icon{background:rgba(34,197,94,.12)}.notification-type-warning .notification-card-icon{background:rgba(245,158,11,.14)}.notification-type-danger .notification-card-icon{background:rgba(239,68,68,.12)}.notification-type-money .notification-card-icon{background:rgba(16,185,129,.13)}.notification-card-content{display:grid;gap:6px;min-width:0;text-align:left}.notification-card-title-row{display:flex;align-items:center;gap:8px;justify-content:space-between;min-width:0}.notification-card-title-row strong{min-width:0;font-size:15px;font-weight:950;line-height:1.3}.notification-card-title-row strong a{color:inherit;text-decoration:none}.notification-card-title-row strong a:hover{color:var(--primary)}.notification-card-title-row em{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:rgba(239,68,68,.10);color:#ef4444;font-size:11px;font-style:normal;font-weight:950}.notification-card-content p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.notification-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:850}.notification-card-meta span{display:inline-flex;align-items:center;gap:5px}.notification-card-delete{display:flex;align-items:center;justify-content:flex-end}.notification-admin-total{min-width:166px;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--card);text-align:center}.notification-admin-total span{display:block;color:var(--muted);font-size:12px;font-weight:900}.notification-admin-total strong{display:block;font-size:38px;line-height:1.05;font-weight:950}.admin-notification-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.admin-notification-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:96px;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--card);color:inherit;text-decoration:none;box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.admin-notification-card:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.28);background:rgba(37,99,235,.035)}.admin-notification-card.is-hot{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.045)}.admin-notification-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(37,99,235,.10);font-size:22px}.admin-notification-info{display:grid;gap:4px;min-width:0}.admin-notification-info>span{font-size:14px;font-weight:950;color:var(--text);line-height:1.2}.admin-notification-info small{color:var(--muted);font-size:12px;font-weight:750;line-height:1.35}.admin-notification-card>strong{min-width:40px;text-align:right;font-size:30px;font-weight:950}.admin-notification-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-notification-section{display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-radius:20px;background:var(--card);min-width:0}.notification-section-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--line)}.notification-section-head>span{width:44px;height:44px;border-radius:15px;background:rgba(37,99,235,.09);display:grid;place-items:center;font-size:20px}.notification-section-head h3{margin:0;font-size:17px;font-weight:950}.notification-section-head p{margin:2px 0 0;color:var(--muted);font-size:12px;font-weight:750}.notification-mini-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:inherit;text-decoration:none;min-width:0}.notification-mini-card:hover{border-color:rgba(37,99,235,.24);background:rgba(37,99,235,.04)}.mini-card-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--card);font-size:17px}.notification-mini-card span:nth-child(2){display:grid;gap:3px;min-width:0}.notification-mini-card strong{font-size:13px;font-weight:950;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-mini-card small{color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-mini-card em{font-style:normal;font-size:11px;font-weight:950;border-radius:999px;padding:5px 8px;background:var(--card);color:var(--muted);border:1px solid var(--line);white-space:nowrap}.notification-section-empty{padding:12px;margin:0;text-align:center;border:1px dashed var(--line);border-radius:14px;background:var(--bg)}
@media(max-width:1180px){.admin-notification-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-notification-board{grid-template-columns:1fr}.notification-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-filter-card{grid-template-columns:1fr}}
@media(max-width:720px){.notification-center-hero{align-items:flex-start;flex-direction:column;padding:16px}.notification-hero-actions{width:100%;justify-content:flex-start}.notification-hero-actions form,.notification-hero-actions .btn{width:100%}.notification-summary-grid,.admin-notification-card-grid{grid-template-columns:1fr}.notification-search{flex-direction:column;align-items:stretch}.notification-timeline-card{grid-template-columns:1fr;align-items:flex-start}.notification-card-main{grid-template-columns:42px minmax(0,1fr)}.notification-card-icon{width:42px;height:42px;border-radius:14px}.notification-card-delete{justify-content:flex-start;padding-left:55px}.notification-card-title-row{align-items:flex-start;flex-direction:column}.notification-admin-total{width:100%;text-align:left}.admin-notification-card{grid-template-columns:44px minmax(0,1fr) auto;padding:14px}.admin-notification-icon{width:44px;height:44px}.notification-mini-card{grid-template-columns:34px minmax(0,1fr);align-items:flex-start}.notification-mini-card em{grid-column:2;width:max-content}.mini-card-icon{width:34px;height:34px}.notification-mini-card strong,.notification-mini-card small{white-space:normal}}

/* Public account dropdown - flat responsive menu */
.public-user-menu{position:relative;display:inline-flex;align-items:center;z-index:80}
.public-user-trigger{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:6px 10px 6px 6px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--text);cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.08);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.public-user-trigger:hover,.public-user-menu.open .public-user-trigger{background:var(--bg);border-color:rgba(37,99,235,.28);box-shadow:0 14px 34px rgba(15,23,42,.12)}
.public-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--line);border:2px solid rgba(37,99,235,.16);flex:0 0 auto}
.public-user-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;min-width:0;max-width:150px}
.public-user-info strong{font-size:13.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.public-user-info small{font-size:11px;color:var(--muted);font-weight:750;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.public-user-caret{font-size:12px;color:var(--muted);transition:transform .18s ease}.public-user-menu.open .public-user-caret{transform:rotate(180deg)}
.public-user-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:min(330px,calc(100vw - 24px));background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 60px rgba(15,23,42,.18);padding:10px;z-index:1000}
.public-user-dropdown[hidden]{display:none!important}
.public-user-dropdown:before{content:"";position:absolute;top:-7px;right:24px;width:14px;height:14px;background:var(--card);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.public-user-dropdown-head{position:relative;display:flex;align-items:center;gap:12px;padding:12px 12px 31px;border-radius:17px;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(14,165,233,.07));border:1px solid rgba(37,99,235,.12);margin-bottom:8px;min-width:0}
.public-user-dropdown-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:var(--line);border:2px solid #fff;box-shadow:0 10px 22px rgba(15,23,42,.12)}
.public-user-dropdown-head div{min-width:0}.public-user-dropdown-head strong{display:block;font-size:15px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-user-dropdown-head span{display:block;color:var(--muted);font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-user-dropdown-identity{min-width:0;padding-right:102px}.public-user-panel-hint{position:absolute;right:12px;bottom:10px;display:inline-flex!important;align-items:center;justify-content:flex-end;max-width:128px;padding:4px 9px;border-radius:999px;background:rgba(37,99,235,.10);color:var(--brand)!important;font-size:11px!important;font-weight:900;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-user-dropdown-head-link:hover .public-user-panel-hint{background:rgba(37,99,235,.16)}
.public-user-menu-list{display:grid;gap:5px;max-height:min(70vh,520px);overflow:auto;padding:2px}
.public-user-menu-item{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px;width:100%;padding:11px 12px!important;border-radius:15px!important;color:var(--text)!important;background:transparent!important;font-weight:850!important;text-align:left!important;white-space:normal!important;min-width:0}
.public-user-menu-item:hover{background:var(--bg)!important;color:var(--brand)!important;transform:none!important}
.public-user-menu-icon{width:32px;height:32px;min-width:32px;border-radius:11px;display:inline-grid;place-items:center;background:rgba(37,99,235,.09);color:var(--brand)}
.public-user-menu-icon svg{width:18px;height:18px;display:block}.public-user-menu-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left!important}.public-user-wallet-amount{margin-left:auto;padding:4px 8px;border-radius:999px;background:rgba(22,163,74,.10);color:#15803d;font-size:12px;font-weight:950;white-space:nowrap}.public-user-logout{color:#b91c1c!important}.public-user-logout .public-user-menu-icon{background:rgba(239,68,68,.10);color:#dc2626}
html[data-theme="dark"] .public-user-trigger{box-shadow:none;background:rgba(255,255,255,.06)}html[data-theme="dark"] .public-user-dropdown{box-shadow:0 24px 70px rgba(0,0,0,.42)}html[data-theme="dark"] .public-user-dropdown-avatar{border-color:rgba(255,255,255,.14)}html[data-theme="dark"] .public-user-wallet-amount{color:#86efac;background:rgba(34,197,94,.15)}html[data-theme="dark"] .public-user-panel-hint{background:rgba(59,130,246,.20);color:#bfdbfe!important}
@media(max-width:900px){.public-user-dropdown{right:0}.public-user-trigger{height:38px;min-height:38px;border-radius:14px;padding:3px}.public-user-avatar{width:32px;height:32px}.public-user-info,.public-user-caret{display:none!important}.nav-actions .public-user-menu{order:5}.nav-actions .public-user-menu .public-user-trigger{width:38px;min-width:38px;justify-content:center}.public-user-dropdown{top:calc(100% + 8px);right:0;width:min(320px,calc(100vw - 18px));border-radius:18px}.public-user-dropdown:before{right:12px}.public-user-menu-list{max-height:none;overflow:visible}.public-user-menu-item{padding:12px!important}.public-user-menu-label{text-align:left!important}}
@media(max-width:640px){.nav-actions .public-user-menu{margin-left:auto}.nav-actions .public-user-menu .public-user-trigger{width:38px!important;height:38px!important;min-width:38px!important;padding:3px!important;border-radius:12px!important}.nav-actions .public-user-avatar{width:30px;height:30px}.public-user-dropdown{position:fixed;top:72px;right:10px;left:10px;width:auto}.public-user-dropdown:before{display:none}.public-user-menu-item,.public-user-menu-item *{text-align:left!important}.public-user-wallet-amount{font-size:11.5px;padding:4px 7px}}

/* Panel account dropdown - uses same flat public user menu in admin/writer/user panels */
.panel-top-actions .panel-account-menu{margin-left:2px;z-index:120}
.panel-top-actions .panel-account-trigger{min-height:40px;padding:5px 10px 5px 5px;background:var(--card);box-shadow:none;border-color:var(--line)}
.panel-top-actions .panel-account-trigger:hover,.panel-top-actions .panel-account-menu.open .panel-account-trigger{background:var(--bg);border-color:rgba(37,99,235,.28)}
.panel-top-actions .panel-account-dropdown{right:0;top:calc(100% + 12px)}
.panel-top-actions .panel-account-dropdown:before{right:22px}
@media(max-width:900px){
  .panel-top-actions .panel-account-menu{order:30;margin-left:0}
  .panel-top-actions .panel-account-trigger{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:4px!important;border-radius:14px!important;justify-content:center}
  .panel-top-actions .panel-account-trigger .public-user-avatar{width:32px;height:32px}
  .panel-top-actions .panel-account-trigger .public-user-info,.panel-top-actions .panel-account-trigger .public-user-caret{display:none!important}
  .panel-top-actions .panel-account-dropdown{position:fixed;top:68px;right:12px;left:auto;width:min(330px,calc(100vw - 24px));max-width:330px;border-radius:20px}
  .panel-top-actions .panel-account-dropdown:before{display:none}
}
@media(max-width:520px){
  .panel-top-actions .panel-account-dropdown{left:10px;right:10px;width:auto;max-width:none}
}

/* Public header live notification button */
.public-top-notification-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;z-index:85}
.top-notification-button{position:relative;width:42px;height:42px;min-width:42px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);display:inline-grid;place-items:center;text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.08);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.top-notification-button:hover,.top-notification-button[aria-expanded="true"]{background:var(--bg);border-color:rgba(37,99,235,.28);color:var(--brand);box-shadow:0 14px 34px rgba(15,23,42,.12);transform:translateY(-1px)}
.top-notification-button .notification-top-icon{width:20px;height:20px;display:grid;place-items:center;line-height:1}
.top-notification-button .notification-top-icon svg{width:20px;height:20px;display:block}
.top-notification-button .notification-top-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;display:inline-grid;place-items:center;font-size:10.5px;font-weight:950;border:2px solid var(--card);line-height:1}
.top-notification-button .notification-top-badge[hidden]{display:none!important}
.top-notification-button.has-live-notification{border-color:rgba(239,68,68,.38)!important;background:rgba(239,68,68,.08)!important;color:#ef4444!important}
.top-notification-button.live-notification-arrived{animation:hpLiveNotifyArrived .55s ease-in-out 3!important;border-color:#ef4444!important;color:#ef4444!important}
.public-top-notification-dropdown{right:0;top:calc(100% + 12px)}
html[data-theme="dark"] .top-notification-button{box-shadow:none;background:rgba(255,255,255,.06)}
@media(max-width:900px){.nav-actions .public-top-notification-wrap{order:4}.top-notification-button{width:38px;height:38px;min-width:38px;border-radius:12px}.top-notification-button .notification-top-icon,.top-notification-button .notification-top-icon svg{width:19px;height:19px}.top-notification-button .notification-top-badge{top:-5px;right:-5px}}
@media(max-width:640px){.public-top-notification-wrap{position:relative!important}.public-top-notification-dropdown{position:fixed!important;top:72px!important;left:10px!important;right:10px!important;width:auto!important;border-radius:18px}.top-notification-button{width:38px!important;height:38px!important;min-width:38px!important}}

/* Top menu notification final alignment */
.nav-actions .public-top-notification-wrap{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.nav-actions .top-notification-button{width:40px;height:40px;min-width:40px;max-width:40px;border-radius:12px;box-shadow:none}
.nav-actions .top-notification-button .notification-top-icon,.nav-actions .top-notification-button .notification-top-icon svg{width:18px;height:18px}
@media(max-width:640px){
  .nav-actions .public-top-notification-wrap{width:38px;height:38px;min-width:38px;max-width:38px;flex:0 0 38px}
  .nav-actions .top-notification-button{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;border-radius:12px!important;padding:0!important}
}


/* 2026-05-04 Panel mobile top menu: move lower mobile panel menu into top bar */
.panel-top-mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--text);cursor:pointer;box-shadow:none;line-height:1;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.panel-top-mobile-menu-toggle:hover,.panel-top-mobile-menu-toggle[aria-expanded="true"]{background:var(--bg);border-color:rgba(37,99,235,.32);color:var(--brand);transform:translateY(-1px)}
.panel-top-mobile-menu-icon{display:grid;place-items:center;font-size:25px;font-weight:950;line-height:1;width:24px;height:24px}
@media(max-width:900px){
  .panel-body{display:block!important;min-height:100vh!important}
  .panel-main{margin-left:0!important;min-width:0!important}
  .panel-top{position:sticky!important;top:0!important;z-index:10040!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;background:var(--card)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:none!important}
  .panel-top-title{min-width:0!important;overflow:hidden!important}
  .panel-top-title h1{font-size:18px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}
  .panel-top-title p{display:none!important}
  .panel-top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important;flex-wrap:nowrap!important}
  .panel-top-mobile-menu-toggle{display:inline-flex!important;order:-20!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;padding:0!important;background:var(--bg)!important}
  .panel-top-mobile-menu-icon{font-size:27px!important;width:27px!important;height:27px!important}
  .panel-live-notification-wrap{position:relative!important;order:-10!important;display:inline-flex!important}
  .panel-notification-link{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:14px!important;background:var(--bg)!important;border:1px solid var(--line)!important;color:var(--text)!important;position:relative!important}
  .panel-notification-link .notification-top-text{display:none!important}
  .panel-notification-link .notification-top-icon,.panel-notification-link .notification-top-icon svg{width:22px!important;height:22px!important}
  .panel-notification-link .notification-top-badge{position:absolute!important;right:-5px!important;top:-6px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;font-size:11px!important}
  .panel-top-actions .panel-account-menu{order:20!important;margin-left:0!important}
  .panel-top-actions .panel-account-trigger{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:14px!important;background:var(--bg)!important;border:1px solid var(--line)!important;padding:4px!important}
  .panel-top-actions .panel-account-trigger .public-user-avatar{width:32px!important;height:32px!important}
  .sidebar{position:static!important;width:0!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:visible!important;z-index:auto!important}
  .sidebar-head{display:none!important}
  .sidebar .side-nav{display:none!important;margin:0!important;gap:7px!important}
  .sidebar .side-nav.open{display:grid!important;position:fixed!important;top:64px!important;left:0!important;right:auto!important;width:min(344px,calc(100vw - 14px))!important;max-height:calc(100vh - 72px)!important;overflow:auto!important;padding:10px!important;background:var(--card)!important;border:1px solid var(--line)!important;border-left:0!important;border-radius:0 18px 18px 0!important;box-shadow:0 22px 55px rgba(15,23,42,.20)!important;z-index:10070!important}
  .sidebar .side-nav-section{border:1px solid var(--line)!important;border-radius:14px!important;background:var(--bg)!important;padding:7px!important;display:grid!important;gap:4px!important}
  .sidebar .side-nav-section-title{text-align:left!important;padding:6px 8px!important;font-size:11px!important;font-weight:950!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.04em!important}
  .sidebar .side-nav a{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;text-align:left!important;padding:11px 12px!important;border-radius:12px!important;background:transparent!important;color:var(--text)!important}
  .sidebar .side-nav a span{display:inline-grid!important;place-items:center!important;width:24px!important;min-width:24px!important;text-align:center!important;font-size:17px!important}
  .sidebar .side-nav a b{display:block!important;text-align:left!important;flex:1!important;font-size:14px!important;white-space:normal!important}
  .sidebar .side-nav a.active{background:rgba(37,99,235,.10)!important;color:var(--brand)!important}
  .panel-content{padding:14px!important}
  .live-notification-dropdown{position:fixed!important;top:64px!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important;margin:0!important;border-radius:18px!important;z-index:10080!important}
}
@media(max-width:520px){
  .panel-top{padding:8px 10px!important;gap:8px!important}
  .panel-top-title h1{font-size:17px!important}
  .panel-top-mobile-menu-toggle,.panel-notification-link,.panel-top-actions .panel-account-trigger{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:13px!important}
  .sidebar .side-nav.open{top:58px!important;width:min(330px,calc(100vw - 10px))!important;max-height:calc(100vh - 66px)!important}
  .live-notification-dropdown{top:58px!important;left:8px!important;right:8px!important}
}


/* 2026-05-04 User menu label cleanup + panel mobile left menu + language search */
.public-user-trigger .public-user-info{justify-content:center!important}
.public-user-trigger .public-user-info small{display:none!important}
.language-search-panel{display:grid;gap:10px;margin:0 0 16px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:none}
.language-search-panel .language-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.language-search-panel input{height:44px;border-radius:14px;background:var(--bg)}
.language-search-panel small{color:var(--muted);font-weight:700}
.language-translation-table tr.is-hidden{display:none!important}
.language-translation-table mark{background:rgba(245,158,11,.22);color:inherit;border-radius:5px;padding:0 2px}
@media(max-width:900px){
  .panel-top{position:sticky!important;grid-template-columns:56px minmax(0,1fr) auto!important;padding-left:64px!important;min-height:60px!important}
  .panel-top-title{grid-column:2!important;text-align:center!important;justify-self:center!important;width:100%!important;padding:0 6px!important}
  .panel-top-title h1{text-align:center!important}
  .panel-top-actions{grid-column:3!important;justify-self:end!important}
  .panel-top-mobile-menu-toggle{position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;order:initial!important;margin:0!important;z-index:10090!important}
  .panel-top-mobile-menu-toggle:hover,.panel-top-mobile-menu-toggle[aria-expanded="true"]{transform:translateY(-50%)!important}
  .language-search-panel .language-search-row{grid-template-columns:1fr}
}

/* 2026-05-04 User panel mobile header: menu left, logo centered */
.panel-top-mobile-brand{display:none;color:var(--brand2);font-weight:950;text-decoration:none;line-height:1}
.panel-top-mobile-brand-logo{display:block;width:auto;height:auto;max-height:40px;max-width:180px;object-fit:contain}
.panel-top-mobile-brand-text{display:block;max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:18px;font-weight:950;letter-spacing:-.02em;color:var(--brand2)}
@media(max-width:900px){
  .panel-top{position:sticky!important;top:0!important;display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;align-items:center!important;min-height:62px!important;padding:8px 10px!important;padding-left:10px!important;gap:8px!important;background:var(--card)!important;border-bottom:1px solid var(--line)!important;z-index:10040!important}
  .panel-top-title{display:none!important}
  .panel-top-mobile-brand{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:10045!important;max-width:48vw!important;min-width:0!important;text-align:center!important;pointer-events:auto!important}
  .panel-top-mobile-brand-logo{max-width:min(176px,48vw)!important;max-height:40px!important;margin:0 auto!important}
  .panel-top-mobile-brand-text{max-width:48vw!important;font-size:18px!important;text-align:center!important}
  .panel-top-actions{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important;flex-wrap:nowrap!important;margin-left:auto!important;z-index:10050!important}
  .panel-top-mobile-menu-toggle{display:inline-flex!important;position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;order:initial!important;margin:0!important;z-index:10090!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;padding:0!important;background:var(--bg)!important;border:1px solid var(--line)!important;color:var(--text)!important;align-items:center!important;justify-content:center!important}
  .panel-top-mobile-menu-toggle:hover,.panel-top-mobile-menu-toggle[aria-expanded="true"]{transform:translateY(-50%)!important;background:var(--bg)!important;color:var(--brand)!important;border-color:rgba(37,99,235,.32)!important}
}
@media(max-width:520px){
  .panel-top{min-height:58px!important;padding:8px 8px!important;grid-template-columns:50px minmax(0,1fr) auto!important}
  .panel-top-mobile-menu-toggle{left:8px!important;width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important}
  .panel-top-mobile-brand-logo{max-width:min(150px,44vw)!important;max-height:36px!important}
  .panel-top-mobile-brand-text{max-width:44vw!important;font-size:17px!important}
}


/* v26 advanced flat contact page */
.contact-flat-page{display:grid;gap:22px}.contact-flat-hero{overflow:hidden}.contact-flat-hero-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:stretch;padding:24px}.contact-flat-hero-copy h1{margin:10px 0 12px;font-size:clamp(30px,4vw,44px);line-height:1.08}.contact-flat-hero-copy p{margin:0;color:var(--muted);line-height:1.75;max-width:64ch}.contact-flat-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(37,99,235,.10);color:var(--brand);font-weight:900;font-size:13px}.contact-flat-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.contact-flat-hero-stats{display:grid;grid-template-columns:1fr;gap:12px}.contact-stat-box{display:grid;gap:6px;align-content:center;min-height:110px;padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--card),rgba(37,99,235,.03))}.contact-stat-box strong{font-size:26px;line-height:1.1;word-break:break-word}.contact-stat-box span{color:var(--muted);font-weight:700;line-height:1.45}.contact-flat-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:20px;align-items:stretch}.contact-flat-aside{display:grid;grid-template-rows:1fr 1fr;gap:20px;align-self:stretch}.contact-info-shell,.contact-process-card,.contact-form-shell{height:100%}.contact-info-shell,.contact-process-card{display:flex;flex-direction:column}.contact-method-list,.contact-process-list{height:100%}.contact-card-head{margin-bottom:16px}.contact-card-head h2{margin:0 0 6px;font-size:22px}.contact-card-head p{margin:0;line-height:1.65}.contact-method-list,.contact-process-list{display:grid;gap:12px}.contact-method-card{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}.contact-method-card strong{display:block;margin-bottom:4px}.contact-method-card p{margin:0;color:var(--muted);line-height:1.6;word-break:break-word}.contact-method-card a{color:var(--text)}.contact-method-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--card);border:1px solid var(--line);font-weight:900;font-size:18px;flex:0 0 42px}.contact-process-item{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px dashed var(--line)}.contact-process-item:last-child{border-bottom:0;padding-bottom:0}.contact-process-item>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--brand);color:#fff;font-weight:900;flex:0 0 34px}.contact-process-item strong{display:block;margin-bottom:4px}.contact-process-item p{margin:0;color:var(--muted);line-height:1.6}.contact-form-shell{padding:22px}.contact-form-grid{gap:14px}.contact-form-shell label{margin:0 0 14px}.contact-form-note{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--muted);line-height:1.6;margin-bottom:16px}.contact-form-actions{justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:6px}.contact-info-shell,.contact-process-card,.contact-form-shell{box-shadow:var(--shadow)}@media(max-width:980px){.contact-flat-hero-body,.contact-flat-grid{grid-template-columns:1fr}.contact-flat-hero-copy p{max-width:none}.contact-flat-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-flat-aside{grid-template-rows:auto;align-self:auto}}@media(max-width:760px){.contact-flat-page{gap:18px}.contact-flat-hero-body{padding:18px}.contact-flat-hero-stats{grid-template-columns:1fr}.contact-form-actions{display:grid;gap:10px}.contact-form-actions .btn{width:100%}.contact-form-grid.grid.two{grid-template-columns:1fr}}


/* v27 account dropdown panel-link cleanup */
.public-user-dropdown-head-link{color:var(--text)!important;text-decoration:none!important;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.public-user-dropdown-head-link:hover{background:rgba(37,99,235,.14);border-color:rgba(37,99,235,.22);transform:translateY(-1px)}


/* 2026-05-04 mobile header icon order: notification next to user, theme moved left */
@media (max-width:900px){
  .nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:nowrap!important;min-width:0!important}
  .nav-actions .language-select{order:1!important}
  .nav-actions .nav-submit-article{order:2!important}
  .nav-actions .theme-btn{order:3!important;margin-left:0!important}
  .nav-actions .public-top-notification-wrap{order:4!important;margin-left:0!important;margin-right:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important}
  .nav-actions .public-user-menu{order:5!important;margin-left:0!important;margin-right:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important}
  .nav-actions .top-notification-button{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;border-radius:12px!important;padding:0!important}
  .nav-actions .public-user-menu .public-user-trigger{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;padding:3px!important;border-radius:12px!important}
  .nav-actions .public-user-avatar{width:30px!important;height:30px!important}
}
@media (max-width:640px){
  .nav-actions .public-user-menu{margin-left:0!important}
  .nav-actions .theme-btn{order:3!important}
  .nav-actions .public-top-notification-wrap{order:4!important}
  .nav-actions .public-user-menu{order:5!important}
}
@media (max-width:760px){
  .panel-top-actions .theme-btn{order:18!important;margin-left:0!important}
  .panel-top-actions .panel-live-notification-wrap{order:19!important;margin-left:0!important;margin-right:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
  .panel-top-actions .panel-account-menu{order:20!important;margin-left:0!important;margin-right:0!important}
  .panel-top-actions .panel-notification-link{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;padding:0!important;border-radius:13px!important;display:inline-grid!important;place-items:center!important}
  .panel-top-actions .panel-notification-link .notification-top-text{display:none!important}
}


/* 2026-05-04 Article add page clean flat alignment refresh */
.article-editor-page-wrap{display:grid;gap:16px;min-width:0;width:100%}
.article-editor-toolbar{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:18px 20px!important;
  margin:0 0 2px!important;
  border:1px solid var(--line,var(--border,#e5e7eb))!important;
  border-radius:20px!important;
  background:var(--card,#fff)!important;
}
.article-editor-toolbar h2{margin:0!important;font-size:24px!important;line-height:1.2!important;letter-spacing:-.02em!important}
.article-editor-toolbar p{margin:6px 0 0!important;color:var(--muted,#6b7280)!important;line-height:1.55!important;max-width:760px!important}
.article-editor-shell.article-editor-v2{
  grid-template-columns:minmax(0,1fr) 350px!important;
  gap:20px!important;
}
.article-editor-v2 .article-editor-main,
.article-editor-v2 .article-editor-side,
.article-editor-v2 .article-flat-section,
.article-editor-v2 .article-side-card,
.article-editor-v2 .article-section-head>div,
.article-editor-v2 .article-contributor-picker,
.article-editor-v2 .article-author-display,
.article-editor-v2 .writer-category-picker,
.article-editor-v2 .article-file-box,
.article-editor-v2 .article-current-file{min-width:0!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.article-editor-v2 .article-editor-main{gap:18px!important}
.article-editor-v2 .article-editor-side{gap:14px!important;position:sticky!important;top:18px!important;align-self:start!important}
.article-editor-v2 .article-flat-section,
.article-editor-v2 .article-side-card{
  padding:18px!important;
  border-radius:18px!important;
  background:var(--card,#fff)!important;
  border:1px solid var(--line,var(--border,#e5e7eb))!important;
}
.article-editor-v2 .article-section-head{margin:0 0 14px!important;padding:0 0 12px!important;gap:10px!important}
.article-editor-v2 .article-section-head h3,
.article-editor-v2 .article-side-card h3{font-size:16px!important;line-height:1.3!important}
.article-editor-v2 .article-section-head p{font-size:12.5px!important;line-height:1.5!important}
.article-editor-v2 label{gap:6px!important;font-size:13px!important;line-height:1.3!important}
.article-editor-v2 input:not([type="checkbox"]):not([type="radio"]),
.article-editor-v2 select,
.article-editor-v2 textarea{font-size:14px!important;line-height:1.5!important}
.article-editor-v2 textarea{min-height:108px!important}
.article-editor-v2 .article-top-fields.grid.two,
.article-editor-v2 .article-editor-shell .grid.two,
.article-editor-v2 .grid.two{gap:14px!important}
.article-editor-v2 .article-meta-fields,
.article-editor-v2 .article-seo-legacy-fields{align-items:start!important}
.article-editor-v2 .article-current-file{white-space:normal!important;line-height:1.45!important}
.article-editor-v2 .article-file-box{min-height:120px!important;padding:16px 12px!important;text-align:center!important}
.article-editor-v2 .article-file-box strong,
.article-editor-v2 .article-file-box small{display:block!important;text-align:center!important}
.article-editor-v2 .article-contributor-picker{padding:12px!important}
.article-editor-v2 .contributor-search-line{align-items:center!important}
.article-editor-v2 .contributor-search-line .btn{min-height:42px!important}
.article-editor-v2 .contributor-selected{padding:8px!important;border:1px dashed var(--line,var(--border,#e5e7eb))!important;border-radius:12px!important;background:var(--bg,#f8fafc)!important}
.article-editor-v2 .vertical-checks{gap:8px!important}
.article-editor-v2 .vertical-checks label{line-height:1.35!important}
.article-editor-v2 .article-side-actions{position:static!important;bottom:auto!important;box-shadow:none!important}
.article-editor-v2 .article-side-actions .btn{font-size:14px!important}
.article-editor-v2 .rich-editor,
.article-editor-v2 .tox,
.article-editor-v2 .tox-tinymce,
.article-editor-v2 .tox-editor-container,
.article-editor-v2 .tox-sidebar-wrap,
.article-editor-v2 .tox-edit-area,
.article-editor-v2 .tox-edit-area__iframe{max-width:100%!important;min-width:0!important}
.article-editor-v2 .tox-tinymce{min-height:500px!important;height:500px!important;max-height:none!important}
.article-editor-v2 .tox .tox-toolbar,
.article-editor-v2 .tox .tox-toolbar__primary,
.article-editor-v2 .tox .tox-toolbar__group{gap:4px!important}
.article-editor-v2 iframe,
.article-editor-v2 table,
.article-editor-v2 img,
.article-editor-v2 pre,
.article-editor-v2 code{max-width:100%!important}
@media (max-width:1180px){
  .article-editor-toolbar{padding:16px!important}
  .article-editor-shell.article-editor-v2{grid-template-columns:1fr!important}
  .article-editor-v2 .article-editor-side{position:static!important;top:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:100%!important;display:grid!important}
  .article-editor-v2 .article-side-actions{grid-column:1/-1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .article-editor-v2.writer-article-form .article-side-actions{grid-template-columns:1fr 1fr 1fr!important}
}
@media (max-width:760px){
  .article-editor-toolbar{display:grid!important;gap:12px!important;padding:14px!important;border-radius:18px!important}
  .article-editor-toolbar .btn{width:100%!important}
  .article-editor-v2 .article-flat-section,
  .article-editor-v2 .article-side-card{padding:14px!important;border-radius:16px!important}
  .article-editor-v2 .article-top-fields.grid.two,
  .article-editor-v2 .grid.two,
  .article-editor-v2 .writer-category-picker,
  .article-editor-v2 .article-editor-side,
  .article-editor-v2 .article-side-actions,
  .article-editor-v2.writer-article-form .article-side-actions{grid-template-columns:1fr!important}
  .article-editor-v2 .contributor-search-line{grid-template-columns:1fr!important}
  .article-editor-v2 .tox-tinymce{min-height:420px!important;height:420px!important}
}


/* 2026-05-04 Contact page compact left cards and bottom alignment fix */
.contact-flat-grid{
  align-items:stretch!important;
}
.contact-flat-aside{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  height:100%!important;
  align-self:stretch!important;
}
.contact-info-shell{
  height:auto!important;
  min-height:0!important;
  flex:0 0 auto!important;
}
.contact-process-card{
  height:auto!important;
  min-height:0!important;
  flex:1 1 auto!important;
}
.contact-form-shell{
  height:100%!important;
  align-self:stretch!important;
}
.contact-method-list,
.contact-process-list{
  height:auto!important;
  gap:9px!important;
}
.contact-method-card{
  padding:11px 12px!important;
  border-radius:15px!important;
  gap:10px!important;
  align-items:center!important;
  min-height:0!important;
}
.contact-method-icon{
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
  border-radius:11px!important;
  font-size:15px!important;
}
.contact-method-card strong{
  margin-bottom:2px!important;
  font-size:13px!important;
  line-height:1.25!important;
}
.contact-method-card p{
  font-size:13px!important;
  line-height:1.35!important;
}
.contact-card-head{
  margin-bottom:12px!important;
}
.contact-card-head h2{
  font-size:20px!important;
  line-height:1.25!important;
}
.contact-process-item{
  padding:10px 0!important;
  gap:11px!important;
}
.contact-process-item>span{
  width:30px!important;
  height:30px!important;
  flex-basis:30px!important;
  font-size:13px!important;
}
.contact-process-item strong{
  font-size:13px!important;
  line-height:1.25!important;
}
.contact-process-item p{
  font-size:12.5px!important;
  line-height:1.45!important;
}
@media(max-width:980px){
  .contact-flat-aside{height:auto!important;align-self:auto!important}
  .contact-info-shell,.contact-process-card,.contact-form-shell{height:auto!important;flex:none!important}
}


/* 2026-05-04 PageSpeed Core Web Vitals helpers */
img{height:auto}
.article-card,.home-category-grid>*,.home-latest-grid>*,.latest-page-grid>*,.widget-card,.form-card{content-visibility:auto;contain-intrinsic-size:1px 420px}
.home-slider,.hero,.article-cover-image{content-visibility:visible;contain-intrinsic-size:auto}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}


/* 2026-05-05 enhanced article social share without duplicate cover preview */
.article-share-enhanced{display:block;padding:14px!important;background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(15,23,42,.025))!important;border:1px solid var(--line)!important;border-radius:22px!important;overflow:hidden!important}
.article-share-content{min-width:0;display:grid;gap:11px}
.article-share-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.article-share-head strong{display:block;margin:0!important;font-size:15px;line-height:1.25}
.article-share-head small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35}
.article-share-native{display:inline-grid;place-items:center;width:38px;height:38px;min-width:38px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--brand);font-size:19px;font-weight:950;cursor:pointer}
.article-share-native:hover{border-color:var(--brand);background:rgba(37,99,235,.08)}
.article-share-enhanced .article-share-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.article-share-enhanced .article-share-button{margin:0;box-shadow:none;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
.article-share-enhanced .article-share-button:hover{transform:translateY(-1px)}
.article-share-enhanced .copy-share-link.is-copied{border-color:#16a34a!important;color:#16a34a!important}
.article-share-enhanced .copy-share-link.is-copied span{background:#16a34a!important;color:#fff!important}
@media(max-width:760px){.article-share-enhanced{padding:11px!important;border-radius:18px!important}.article-share-head{align-items:center}.article-share-head small{display:none}.article-share-native{width:40px;height:40px;min-width:40px;border-radius:14px}.article-share-enhanced .article-share-buttons{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.article-share-enhanced .article-share-buttons::-webkit-scrollbar{display:none}.article-share-enhanced .article-share-button{flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important}.article-share-enhanced .article-share-button span{width:40px!important;height:40px!important}}
@media(max-width:420px){.article-share-head strong{font-size:14px}}

/* 2026-05-05 Advanced flat advertising system */
.ad-slot{width:100%;margin:18px 0;clear:both}.ad-flat-card{position:relative;width:100%;min-height:72px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:none;padding:12px;overflow:hidden;display:grid;place-items:center}.ad-label{position:absolute;top:8px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(148,163,184,.16);color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.ad-image-link,.ad-code-wrap{display:block;width:100%;max-width:100%}.ad-image{width:100%;height:auto;max-height:280px;object-fit:contain;border-radius:14px;background:var(--bg)}.ad-code-wrap{min-height:72px;display:grid;place-items:center;overflow:hidden}.ad-code-wrap iframe,.ad-code-wrap ins{max-width:100%!important}.article-inline-ad,.article-top-ad,.article-cover-ad,.article-bottom-ad{margin:22px 0}.article-sidebar-ad .ad-flat-card{min-height:250px}.home-list-ad{grid-column:1/-1}.category-list-ad{grid-column:1/-1}.home-ad-after-breaking,.home-ad-after-slider,.home-ad-before-categories,.home-category-ad,.category-top-ad,.category-list-ad,.profile-top-ad,.profile-between-ad,.page-bottom-ad,.search-top-ad,.explore-top-ad{margin:22px 0}.advanced-ad-form{display:grid;gap:16px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.ad-form-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:none}.ad-form-card h3{margin:0 0 14px;font-size:17px;font-weight:900}.grid-span-2{grid-column:1/-1}.ad-check,.ad-switch{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:12px 14px!important;border:1px solid var(--line);border-radius:14px;background:var(--bg);font-weight:850!important}.ad-check input,.ad-switch input{width:auto!important;margin:0!important}.ad-global-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ad-global-settings .ad-switch{margin:0}.ad-position-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.ad-position-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.ad-position-card span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--bg);font-size:18px}.ad-position-card strong{font-size:13px;line-height:1.25}.ad-position-card small{color:var(--muted);font-size:12px;line-height:1.3}@media(max-width:1100px){.ad-position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.ad-slot{margin:14px 0}.ad-flat-card{border-radius:15px;padding:10px;min-height:64px}.ad-image{max-height:220px}.ad-position-grid,.advanced-ad-form .grid.two{grid-template-columns:1fr!important}.grid-span-2{grid-column:auto}.ad-global-settings{display:grid}.ad-global-settings .btn{width:100%}}

/* 2026-05-05 PageSpeed Accessibility pass */
.skip-link{position:fixed;left:16px;top:12px;z-index:100000;transform:translateY(-160%);padding:12px 16px;border-radius:12px;background:var(--brand);color:#fff;font-weight:900;box-shadow:0 14px 30px rgba(15,23,42,.25);transition:transform .18s ease}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);outline:3px solid #fff;outline-offset:3px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brand)!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(37,99,235,.22)!important}.btn:focus-visible,.theme-btn:focus-visible,.nav-toggle:focus-visible,.public-user-trigger:focus-visible,.top-notification-button:focus-visible{outline:3px solid var(--brand)!important;outline-offset:3px!important}.muted,.article-meta,.footer-grid a,.contact-method-card p,.contact-process-item p,.contact-card-head p{color:#475569}html[data-theme="dark"] .muted,html[data-theme="dark"] .article-meta,html[data-theme="dark"] .footer-grid a,html[data-theme="dark"] .contact-method-card p,html[data-theme="dark"] .contact-process-item p,html[data-theme="dark"] .contact-card-head p{color:#cbd5e1}.tag{color:#1d4ed8}html[data-theme="dark"] .tag{color:#bfdbfe}.btn.ghost{color:var(--text)}.badge{color:#475569}html[data-theme="dark"] .badge{color:#cbd5e1}button[disabled],.btn[disabled],input[disabled],select[disabled],textarea[disabled]{opacity:.65;cursor:not-allowed}button,a,.btn,input,select,textarea{min-height:44px}.article-card a,.featured-home-card a,.home-category-feature-card a,.home-category-list-item,.home-category-minimal-card a,.home-category-timeline-item{min-height:44px}.footer-social-icon[aria-hidden="true"],.nav-action-symbol[aria-hidden="true"],.public-user-menu-icon[aria-hidden="true"],.notification-top-icon[aria-hidden="true"]{pointer-events:none}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* 2026-05-05 advanced flat pagination */
.advanced-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:30px 0 8px}.advanced-pagination .pagination-link{min-width:42px;min-height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);display:inline-flex;align-items:center;justify-content:center;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.06)}.advanced-pagination a.pagination-link:hover{transform:translateY(-1px);border-color:var(--primary);box-shadow:0 12px 28px rgba(15,23,42,.1)}.advanced-pagination .pagination-current{background:var(--primary);color:#fff;border-color:var(--primary)}.advanced-pagination .pagination-prev,.advanced-pagination .pagination-next{padding-inline:16px}.advanced-pagination .pagination-ellipsis{padding:0 6px;color:var(--muted);font-weight:900}.advanced-pagination .pagination-total{flex-basis:100%;text-align:center;color:var(--muted);font-size:13px;font-weight:700;margin-top:2px}.pagination-result-count{color:var(--muted);font-weight:800}.admin-pagination-wrap{margin-top:18px}

/* 2026-05-05 Admin articles bulk actions */
.admin-bulk-form{display:grid;gap:14px}.bulk-action-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 10px 26px rgba(15,23,42,.06)}.bulk-select-all{display:inline-flex;align-items:center;gap:9px;font-weight:900;color:var(--text);margin:0}.bulk-select-all input,.bulk-check-col input{width:18px;height:18px;min-height:18px;accent-color:var(--brand);cursor:pointer}.bulk-action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bulk-selected-count{font-size:13px;font-weight:850;color:var(--muted)}.bulk-check-col{width:46px;text-align:center}.admin-articles-table tr.is-selected{background:rgba(37,99,235,.08)}html[data-theme="dark"] .admin-articles-table tr.is-selected{background:rgba(96,165,250,.12)}@media(max-width:720px){.bulk-action-bar{align-items:flex-start;flex-direction:column}.bulk-action-buttons{width:100%}.bulk-action-buttons .btn{flex:1 1 140px}.bulk-check-col{width:38px}}

/* 2026-05-05 permanent sticky top menu */
:root{--sticky-header-offset:72px;}
html{scroll-padding-top:calc(var(--sticky-header-offset) + 16px);}
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:99999!important;
  transform:none!important;
  will-change:auto!important;
}
.site-header.header-hidden{transform:none!important;}
.site-header.header-scrolled{box-shadow:0 8px 24px rgba(15,23,42,.08)!important;}
.site-header .container.nav-wrap,.site-header .nav-wrap{overflow:visible!important;}
.panel-top{
  position:sticky!important;
  top:0!important;
  z-index:9000!important;
}
[id]{scroll-margin-top:calc(var(--sticky-header-offset) + 16px);}
.skip-link:focus{z-index:100000!important;}
@media(max-width:900px){
  :root{--sticky-header-offset:64px;}
  .site-header{position:sticky!important;top:0!important;}
  .site-header .top-nav#nav,.site-header .top-nav{top:calc(var(--sticky-header-offset) + 8px)!important;}
  .panel-top{position:sticky!important;top:0!important;}
}
@media(max-width:640px){
  :root{--sticky-header-offset:58px;}
  .site-header.header-hidden{transform:none!important;}
}

/* Article meta flat icon cards */
.article-meta-flat{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 18px;color:var(--muted);border:0;background:transparent;box-shadow:none}
.article-meta-flat .article-meta-item{display:inline-flex;align-items:center;gap:7px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-weight:750;line-height:1.35}
.article-meta-flat .article-meta-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--brand);flex:0 0 18px}
.article-meta-flat .article-meta-icon svg{width:18px;height:18px;display:block}
.article-meta-flat .article-author-inline{gap:0;color:var(--text)}
.article-meta-flat .article-author-inline a{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-weight:850;min-height:0}
.article-meta-flat .article-author-inline img{width:34px;height:34px;border-radius:999px;object-fit:cover;margin:0}
.article-meta-flat .article-meta-author-plain .article-meta-icon{display:none}
html[data-theme="dark"] .article-meta-flat .article-meta-item{background:transparent;box-shadow:none;border:0}
@media(max-width:640px){.article-meta-flat{gap:9px 12px}.article-meta-flat .article-meta-item{width:auto;justify-content:flex-start}.article-meta-flat .article-author-inline{width:100%}}

/* Gelişmiş içe/dışa aktar flat tasarım */
.export-card-grid-advanced{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.export-card-grid-advanced .form-card{display:flex;flex-direction:column}.export-card-grid-advanced .form-card .btn,.export-card-grid-advanced .button-row{margin-top:auto}.button-row{display:flex;gap:10px;flex-wrap:wrap}.import-grid{align-items:start}.import-advanced-card{border-radius:22px}.import-option-box{display:grid;gap:12px;padding:14px;border:1px solid var(--line);background:rgba(15,23,42,.025);border-radius:18px;margin:12px 0}.import-option-box .check{display:flex;align-items:flex-start;gap:9px;font-weight:700;margin:0}.import-option-box .check input{width:auto;margin-top:3px}.import-report-card{margin-bottom:18px;border-left:4px solid var(--brand)}.import-report-stats{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}.import-report-card details{padding:10px 0;border-top:1px solid var(--line)}.import-report-card summary{cursor:pointer;font-weight:900}.import-report-card ul,.import-note-list{margin:10px 0 0;padding-left:20px;color:var(--muted);line-height:1.7}.import-note-list li{margin-bottom:6px}@media(max-width:1100px){.export-card-grid-advanced{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.export-card-grid-advanced{grid-template-columns:1fr}.button-row .btn{width:100%;justify-content:center}}
/* Article meta restore + contributor avatars */
.article-meta-flat .article-author-inline img{width:42px;height:42px;flex:0 0 42px}
.article-contributors-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0;color:var(--muted);font-size:14px}
.article-contributors-row strong{color:var(--text);font-weight:900}
.article-contributor-avatars{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.article-contributor-avatar{width:42px;height:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;overflow:hidden;border:2px solid var(--card);background:var(--bg);box-shadow:0 6px 14px rgba(15,23,42,.12);color:inherit}
.article-contributor-avatar img{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block;margin:0}
.article-contributor-avatar:hover{transform:translateY(-1px);border-color:var(--brand)}
@media(max-width:640px){.article-meta-flat .article-author-inline img{width:40px;height:40px;flex-basis:40px}.article-contributor-avatar{width:40px;height:40px;min-height:40px}}

/* Gelişmiş flat yazar/kullanıcı kartı */
.article-detail-sidebar .author-widget-card.advanced-author-widget,
.home-widget-sidebar .author-widget-card.advanced-author-widget{
  position:relative!important;
  top:auto!important;
  overflow:hidden;
  padding:0!important;
  margin:0!important;
  border-radius:20px!important;
  border:1px solid var(--line)!important;
  background:var(--card)!important;
  box-shadow:none!important;
}
.advanced-author-widget .author-widget-cover{
  height:82px;
  background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(15,23,42,.12));
  border-bottom:1px solid rgba(15,23,42,.10);
}
.advanced-author-widget .author-widget-top{
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:end!important;
  text-align:left!important;
  padding:0 16px 14px!important;
  margin-top:-34px;
}
.advanced-author-widget .author-widget-avatar{
  width:88px!important;
  height:88px!important;
  border-radius:22px!important;
  border:4px solid var(--card);
  background:var(--bg)!important;
  box-shadow:none!important;
}
.advanced-author-widget .author-widget-identity{align-self:end;min-width:0}.advanced-author-widget .author-widget-kicker{display:inline-flex!important;align-items:center;gap:6px;margin:0 0 6px;padding:5px 9px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.02em}.advanced-author-widget .author-widget-identity strong{font-size:18px!important;line-height:1.2}.advanced-author-widget .author-widget-identity strong a{color:var(--text)!important}.advanced-author-widget .author-widget-identity p{margin:7px 0 0!important;color:var(--muted)!important;font-size:13px!important;line-height:1.5!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.advanced-author-widget .author-widget-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:0 16px 14px!important}.advanced-author-widget .author-widget-stats span{border-radius:15px!important;background:var(--bg)!important;border:1px solid var(--line)!important;padding:10px 6px!important;box-shadow:none!important}.advanced-author-widget .author-widget-stats i{font-size:16px!important}.advanced-author-widget .author-widget-stats strong{color:var(--text)!important;font-size:16px!important}.advanced-author-widget .author-widget-stats small{color:var(--muted)!important;font-size:11px!important}.author-widget-latest{display:grid;gap:4px;margin:0 16px 14px;padding:12px 13px;border-radius:15px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(148,163,184,.08));border:1px solid var(--line);color:inherit;text-decoration:none}.author-widget-latest span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.author-widget-latest strong{font-size:13px;line-height:1.35;color:var(--text)}.author-widget-latest:hover{border-color:rgba(37,99,235,.28);transform:translateY(-1px)}.advanced-author-widget .author-widget-socials{justify-content:flex-start!important;gap:7px!important;margin:0!important;padding:0 16px 14px!important}.advanced-author-widget .author-widget-socials a{width:32px!important;height:32px!important;border-radius:12px!important;background:var(--bg)!important;border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:none!important}.advanced-author-widget .author-widget-actions{display:grid!important;grid-template-columns:1fr;gap:8px!important;padding:0 16px 16px!important;justify-content:initial!important}.advanced-author-widget .author-widget-actions .btn,.advanced-author-widget .author-widget-actions form,.advanced-author-widget .author-widget-actions button{width:100%}.advanced-author-widget .author-widget-actions .btn{justify-content:center;border-radius:14px!important}.advanced-author-widget .author-follow-btn{font-weight:900}.article-detail-sidebar .author-widget-card + .sidebar-widget{margin-top:0}@media(max-width:980px){.advanced-author-widget .author-widget-top{grid-template-columns:78px minmax(0,1fr)!important}.advanced-author-widget .author-widget-avatar{width:78px!important;height:78px!important;border-radius:20px!important}.advanced-author-widget .author-widget-cover{height:72px}}@media(max-width:520px){.advanced-author-widget .author-widget-top{grid-template-columns:1fr!important;text-align:center!important;justify-items:center}.advanced-author-widget .author-widget-identity{text-align:center}.advanced-author-widget .author-widget-socials{justify-content:center!important}}

/* E-posta doğrulama yeniden gönder flat kartı */
.auth-main-stack{display:grid;gap:18px;min-width:0}
.auth-resend-card{border-radius:22px;background:var(--card);border:1px solid var(--line);box-shadow:none}
.auth-resend-card h2{margin:0 0 8px;font-size:20px;line-height:1.25;color:var(--text)}
.auth-resend-card p{margin:0 0 14px;color:var(--muted);line-height:1.65}
.auth-shell.single{grid-template-columns:minmax(0,520px);justify-content:center}
@media(max-width:760px){.auth-main-stack{gap:14px}.auth-resend-card h2{font-size:18px}}
.auth-action-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:16px;align-items:center;justify-content:center;font-size:14px}
.auth-action-links a{display:inline;color:var(--brand);font-weight:800;text-decoration:none;background:transparent;border:0;padding:0;min-height:0}
.auth-action-links a:hover{text-decoration:underline}
.auth-action-links a + a:before{content:'•';color:var(--muted);margin-right:14px;font-weight:700;text-decoration:none}
.auth-helper-card{overflow:hidden}
.auth-request-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.9fr);gap:16px;align-items:stretch;margin-top:14px}
.auth-request-info{border:1px solid var(--line);border-radius:18px;background:rgba(15,23,42,.035);padding:16px;line-height:1.65;color:var(--muted)}
.auth-request-info strong{display:block;color:var(--text);margin-bottom:7px;font-size:15px}
.auth-request-info p{margin:0!important;color:var(--muted)}
html[data-theme="dark"] .auth-request-info{background:rgba(255,255,255,.04)}
@media(max-width:900px){.auth-request-grid{grid-template-columns:1fr}.auth-action-links{justify-content:center}}

/* 10 ilgili haber: masaüstünde 5 üstte + 5 altta, aynı boyutlu kartlar */
.related-news-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}
.related-news-card{height:100%;grid-template-rows:auto 1fr}
@media(max-width:1180px){.related-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.related-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.related-news-grid{grid-template-columns:1fr}}
/* Profil fotoğrafı üzerinde çevrim içi / çevrim dışı durum ikonu */
.online-avatar-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:max-content;line-height:0;overflow:visible;vertical-align:middle}
.online-avatar-wrap img{display:block}
.online-status-indicator{position:absolute;right:1px;top:1px;width:15px;height:15px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--card);border:2px solid var(--card);box-shadow:0 4px 10px rgba(15,23,42,.18);z-index:3;pointer-events:auto}
.online-status-dot{width:100%;height:100%;border-radius:inherit;display:block;background:#94a3b8;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}
.online-status-indicator.is-online .online-status-dot{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.14),inset 0 0 0 1px rgba(255,255,255,.28)}
.online-status-indicator.is-offline .online-status-dot{background:#94a3b8}
.author-profile-avatar-wrap{width:92px;height:92px;flex:0 0 92px}
.author-profile-avatar-wrap .author-profile-photo-left{width:100%;height:100%;flex:0 0 auto}
.author-profile-avatar-wrap .online-status-indicator{width:18px;height:18px;right:2px;top:2px;border-width:3px}
.author-mini-avatar-wrap{flex:0 0 auto}
.author-mini-avatar-wrap .avatar{display:block}
.author-mini-avatar-wrap .online-status-indicator{width:16px;height:16px;right:1px;top:1px}
.advanced-author-widget .author-widget-avatar{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;line-height:0!important}
.advanced-author-widget .author-widget-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;display:block!important}
.advanced-author-widget .author-widget-avatar .online-status-indicator{width:17px;height:17px;right:2px;top:2px;border-width:3px}
html[data-theme="dark"] .online-status-indicator{background:var(--card);border-color:var(--card);box-shadow:0 4px 12px rgba(0,0,0,.38)}
@media(max-width:640px){.author-profile-avatar-wrap{width:78px;height:78px;flex-basis:78px}.author-profile-avatar-wrap .online-status-indicator{width:16px;height:16px}.author-mini-avatar-wrap .online-status-indicator{width:15px;height:15px}}


/* 2026-05-05 Header search, advanced search page and author profile-left widgets */
.site-search-menu{position:relative;display:inline-flex;align-items:center;justify-content:center}
.site-search-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.site-search-toggle svg{width:20px;height:20px;display:block}
.site-search-toggle:hover,.site-search-toggle:focus-visible,.site-search-menu.open .site-search-toggle{background:rgba(37,99,235,.1);border-color:var(--brand);color:var(--brand);outline:0}
.site-search-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:min(430px,calc(100vw - 28px));background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:14px;z-index:50;display:grid;gap:12px}
.site-search-dropdown[hidden]{display:none!important}.site-search-dropdown-head strong{display:block;font-size:16px}.site-search-dropdown-head small{display:block;color:var(--muted);margin-top:2px}.site-search-field{display:flex;align-items:center;gap:8px}.site-search-field input{height:42px;border-radius:14px}.site-search-field .btn{height:42px;white-space:nowrap}.site-search-advanced-link{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:13px;background:var(--bg);border:1px solid var(--line);color:var(--muted);font-weight:800;font-size:14px}.site-search-advanced-link:hover{color:var(--brand);border-color:var(--brand);background:rgba(37,99,235,.08)}
.advanced-search-hero{display:flex;align-items:center;gap:18px;padding:24px;margin-bottom:18px;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(15,23,42,.02))}.advanced-search-hero h1{margin:8px 0 6px;font-size:clamp(28px,4vw,44px)}.advanced-search-hero p{margin:0;color:var(--muted);font-size:17px;line-height:1.55}.advanced-search-hero-icon{width:64px;height:64px;border-radius:22px;background:var(--brand);color:#fff;display:grid;place-items:center;flex:0 0 64px;box-shadow:0 16px 34px rgba(37,99,235,.24)}.advanced-search-hero-icon svg{width:30px;height:30px}.advanced-search-form{padding:18px;margin-bottom:22px}.advanced-search-main-field label{margin-bottom:8px}.advanced-search-input-row{display:flex;gap:10px;align-items:center}.advanced-search-input-row input{height:48px;border-radius:15px}.advanced-search-input-row .btn{height:48px;white-space:nowrap}.advanced-search-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}.advanced-search-filters label{margin:0}.advanced-search-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.search-results-grid{margin-bottom:20px}.advanced-search-empty{margin-top:10px}.author-profile-left-widgets{display:grid;gap:12px;margin-top:16px}.author-profile-left-widgets .sidebar-widget{box-shadow:none;border-radius:18px;background:var(--bg)}.author-profile-left-widgets .sidebar-widget h3{font-size:16px;margin-bottom:10px}.author-profile-left-widgets .widget-article-item{background:var(--card)}
html[data-theme="dark"] .site-search-dropdown,html[data-theme="dark"] .advanced-search-hero,html[data-theme="dark"] .advanced-search-form{background:var(--card)!important;border-color:var(--line)!important;color:var(--text)!important}html[data-theme="dark"] .site-search-toggle,html[data-theme="dark"] .site-search-advanced-link,html[data-theme="dark"] .author-profile-left-widgets .sidebar-widget{background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--text)!important}
@media(max-width:960px){.advanced-search-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-search-hero{align-items:flex-start}.author-profile-left-widgets .sidebar-widget{background:var(--card)}}
@media(max-width:640px){.site-search-menu{position:static}.site-search-toggle{width:38px;height:38px;border-radius:12px}.site-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;width:100%;padding:12px;border-radius:16px}.site-search-field{flex-direction:column;align-items:stretch}.site-search-field .btn{width:100%}.advanced-search-hero{padding:18px;border-radius:18px;gap:12px}.advanced-search-hero-icon{width:52px;height:52px;border-radius:18px;flex-basis:52px}.advanced-search-hero-icon svg{width:25px;height:25px}.advanced-search-input-row{flex-direction:column;align-items:stretch}.advanced-search-input-row .btn{width:100%}.advanced-search-filters{grid-template-columns:1fr}.advanced-search-actions .btn{width:100%}.search-results-title{align-items:flex-start;gap:6px;flex-direction:column}}


/* 2026-05-05 mobile search dropdown refinement */
@media(max-width:640px){
  .site-search-dropdown{
    position:fixed;
    top:72px;
    left:12px;
    right:12px;
    width:auto;
    max-width:none;
    padding:14px;
    border-radius:18px;
  }
  .site-search-field{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
  }
  .site-search-field input{
    min-width:0;
    width:100%;
  }
  .site-search-field .btn{
    min-width:72px;
    padding-inline:14px;
  }
}


.setting-field-custom_header_code,.setting-field-custom_footer_code{grid-column:1/-1}.setting-field .code-textarea{min-height:240px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:13px;line-height:1.55;white-space:pre;tab-size:2}.settings-code-warning{border-style:dashed;background:rgba(245,158,11,.08)!important}



/* Admin articles advanced flat dashboard */
.admin-article-list-hero{position:relative;overflow:hidden}.admin-article-list-hero:after{content:'';position:absolute;right:-60px;top:-90px;width:240px;height:240px;border-radius:999px;background:rgba(37,99,235,.08);pointer-events:none}.admin-article-hero-badge{display:inline-flex;align-items:center;width:max-content;margin:0 0 8px;padding:6px 10px;border-radius:999px;background:rgba(37,99,235,.10);color:var(--brand);font-size:12px;font-weight:950}.admin-article-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0 0 18px}.admin-article-stat-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;min-height:118px;padding:16px;border:1px solid var(--line);border-radius:22px;background:var(--card);color:inherit;text-decoration:none;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,background .18s ease}.admin-article-stat-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.32);background:rgba(37,99,235,.035)}.admin-article-stat-card.active{border-color:rgba(37,99,235,.42);background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(37,99,235,.03))}.admin-article-stat-icon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:var(--bg);font-size:21px;border:1px solid var(--line)}.admin-article-stat-content{display:grid;gap:4px;min-width:0}.admin-article-stat-content small{color:var(--muted);font-size:12px;font-weight:950;line-height:1.2}.admin-article-stat-content strong{font-size:29px;line-height:1;font-weight:950;color:var(--text)}.admin-article-stat-content em{font-style:normal;color:var(--muted);font-size:11px;font-weight:750;line-height:1.35}.admin-article-list-panel{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow)}.admin-article-list-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.admin-article-list-head h3{margin:0;font-size:19px;font-weight:950}.admin-article-list-head p{margin:4px 0 0;color:var(--muted);font-size:13px;font-weight:750}.admin-article-filter-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-article-filter-pills a{display:inline-flex;align-items:center;min-height:34px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--muted);text-decoration:none;font-size:12px;font-weight:950}.admin-article-filter-pills a:hover,.admin-article-filter-pills a.active{color:var(--brand);border-color:rgba(37,99,235,.34);background:rgba(37,99,235,.08)}.admin-article-table-wrap{box-shadow:none;border-radius:20px}.advanced-admin-articles-table th{background:var(--bg);white-space:nowrap}.advanced-admin-articles-table td{vertical-align:middle}.admin-article-title-cell{min-width:310px}.admin-article-mini{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center}.admin-article-thumb{width:58px;height:46px;border-radius:14px;overflow:hidden;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto}.admin-article-thumb img{width:100%;height:100%;object-fit:cover;display:block}.admin-article-thumb.placeholder{font-size:20px}.admin-article-mini strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;font-size:14px}.admin-article-mini small{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:750}.article-status-badge{position:relative;padding-left:22px}.article-status-badge:before{content:'';position:absolute;left:9px;top:50%;width:7px;height:7px;border-radius:999px;background:var(--muted);transform:translateY(-50%)}.article-status-badge.status-published{background:rgba(34,197,94,.10);color:#15803d}.article-status-badge.status-published:before{background:#22c55e}.article-status-badge.status-pending{background:rgba(245,158,11,.13);color:#b45309}.article-status-badge.status-pending:before{background:#f59e0b}.article-status-badge.status-draft{background:rgba(100,116,139,.12);color:#475569}.article-status-badge.status-draft:before{background:#64748b}.article-status-badge.status-needs_improvement{background:rgba(59,130,246,.12);color:#2563eb}.article-status-badge.status-needs_improvement:before{background:#3b82f6}.article-status-badge.status-rejected{background:rgba(239,68,68,.12);color:#dc2626}.article-status-badge.status-rejected:before{background:#ef4444}.article-status-badge.status-unpublished{background:rgba(168,85,247,.12);color:#7e22ce}.article-status-badge.status-unpublished:before{background:#a855f7}.admin-article-read-count,.admin-article-date{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted);font-weight:850;font-size:13px}.admin-article-empty-state{display:grid;gap:6px;place-items:center;text-align:center;padding:34px 16px;color:var(--muted)}.admin-article-empty-state strong{font-size:16px;color:var(--text)}@media(max-width:1280px){.admin-article-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-article-list-head{grid-template-columns:1fr}.admin-article-filter-pills{justify-content:flex-start}}@media(max-width:760px){.admin-article-stat-grid{grid-template-columns:1fr}.admin-article-stat-card{min-height:92px}.admin-article-list-panel{padding:12px;border-radius:20px}.admin-article-filter-pills a{flex:1 1 130px;justify-content:center}.admin-article-title-cell{min-width:250px}.admin-article-mini{grid-template-columns:52px minmax(0,1fr)}.admin-article-thumb{width:52px;height:42px}.advanced-admin-articles-table th,.advanced-admin-articles-table td{padding:11px 10px}}


/* Admin users flat dashboard */
.admin-user-list-hero{position:relative;overflow:hidden}.admin-user-list-hero:after{content:'';position:absolute;right:-65px;top:-95px;width:245px;height:245px;border-radius:999px;background:rgba(37,99,235,.08);pointer-events:none}.admin-user-hero-badge{display:inline-flex;align-items:center;width:max-content;margin:0 0 8px;padding:6px 10px;border-radius:999px;background:rgba(37,99,235,.10);color:var(--brand);font-size:12px;font-weight:950}.admin-user-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0 0 18px}.admin-user-stat-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;min-height:118px;padding:16px;border:1px solid var(--line);border-radius:22px;background:var(--card);color:inherit;text-decoration:none;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,background .18s ease}.admin-user-stat-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.32);background:rgba(37,99,235,.035)}.admin-user-stat-card.active{border-color:rgba(37,99,235,.42);background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(37,99,235,.03))}.admin-user-stat-icon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:var(--bg);font-size:21px;border:1px solid var(--line)}.admin-user-stat-content{display:grid;gap:4px;min-width:0}.admin-user-stat-content small{color:var(--muted);font-size:12px;font-weight:950;line-height:1.2}.admin-user-stat-content strong{font-size:29px;line-height:1;font-weight:950;color:var(--text)}.admin-user-stat-content em{font-style:normal;color:var(--muted);font-size:11px;font-weight:750;line-height:1.35}.admin-user-list-panel{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow)}.admin-user-list-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.admin-user-list-head h3{margin:0;font-size:19px;font-weight:950}.admin-user-list-head p{margin:4px 0 0;color:var(--muted);font-size:13px;font-weight:750}.admin-user-summary-pills{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.admin-user-summary-pills span{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:7px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:850}.admin-user-summary-pills strong{color:var(--text)}.admin-user-filter-form{display:grid;grid-template-columns:1.4fr repeat(4,minmax(135px,1fr)) auto;gap:10px;align-items:end;padding:12px;border-radius:20px;background:var(--bg);border:1px solid var(--line)}.admin-user-filter-form label{display:grid;gap:6px;margin:0;color:var(--muted);font-size:12px;font-weight:900}.admin-user-filter-form input,.admin-user-filter-form select{min-height:42px;border-radius:13px}.admin-user-filter-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-user-filter-pills{display:flex;gap:8px;flex-wrap:wrap}.admin-user-filter-pills a{display:inline-flex;align-items:center;min-height:34px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--muted);text-decoration:none;font-size:12px;font-weight:950}.admin-user-filter-pills a:hover,.admin-user-filter-pills a.active{color:var(--brand);border-color:rgba(37,99,235,.34);background:rgba(37,99,235,.08)}.admin-user-table-wrap{box-shadow:none;border-radius:20px}.advanced-admin-users-table th{background:var(--bg);white-space:nowrap}.advanced-admin-users-table td{vertical-align:middle}.admin-user-main-cell{min-width:285px}.admin-user-list-cell{gap:12px}.admin-user-list-cell img{width:46px;height:46px}.admin-user-list-cell span span,.admin-user-list-cell small{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:750}.admin-user-list-cell strong{font-size:14px}.admin-role-badge,.admin-user-status-badge,.author-verify-badge{position:relative;padding-left:22px}.admin-role-badge:before,.admin-user-status-badge:before,.author-verify-badge:before{content:'';position:absolute;left:9px;top:50%;width:7px;height:7px;border-radius:999px;background:var(--muted);transform:translateY(-50%)}.role-admin{background:rgba(168,85,247,.12);color:#7e22ce}.role-admin:before{background:#a855f7}.role-editor{background:rgba(59,130,246,.12);color:#2563eb}.role-editor:before{background:#3b82f6}.role-author{background:rgba(245,158,11,.13);color:#b45309}.role-author:before{background:#f59e0b}.role-user{background:rgba(100,116,139,.12);color:#475569}.role-user:before{background:#64748b}.admin-user-status-badge.status-active{background:rgba(34,197,94,.10);color:#15803d}.admin-user-status-badge.status-active:before{background:#22c55e}.admin-user-status-badge.status-pending{background:rgba(245,158,11,.13);color:#b45309}.admin-user-status-badge.status-pending:before{background:#f59e0b}.admin-user-status-badge.status-banned{background:rgba(239,68,68,.12);color:#dc2626}.admin-user-status-badge.status-banned:before{background:#ef4444}.author-verify-badge.verify-approved{background:rgba(34,197,94,.10);color:#15803d}.author-verify-badge.verify-approved:before{background:#22c55e}.author-verify-badge.verify-pending{background:rgba(245,158,11,.13);color:#b45309}.author-verify-badge.verify-pending:before{background:#f59e0b}.author-verify-badge.verify-rejected{background:rgba(239,68,68,.12);color:#dc2626}.author-verify-badge.verify-rejected:before{background:#ef4444}.author-verify-badge.verify-none{background:rgba(100,116,139,.12);color:#475569}.author-verify-badge.verify-none:before{background:#64748b}.admin-user-date{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted);font-weight:850;font-size:13px}.admin-user-empty-state{display:grid;gap:6px;place-items:center;text-align:center;padding:34px 16px;color:var(--muted)}.admin-user-empty-state strong{font-size:16px;color:var(--text)}@media(max-width:1320px){.admin-user-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-user-list-head{grid-template-columns:1fr}.admin-user-summary-pills{justify-content:flex-start}.admin-user-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-filter-actions{justify-content:flex-start}}@media(max-width:760px){.admin-user-stat-grid{grid-template-columns:1fr}.admin-user-stat-card{min-height:92px}.admin-user-list-panel{padding:12px;border-radius:20px}.admin-user-filter-form{grid-template-columns:1fr}.admin-user-filter-pills a{flex:1 1 140px;justify-content:center}.admin-user-main-cell{min-width:250px}.advanced-admin-users-table th,.advanced-admin-users-table td{padding:11px 10px}.admin-user-row-actions{white-space:normal!important;flex-wrap:wrap!important}}


/* Favicon and brand upload fields */
.settings-file-field input[type=file]{padding:11px;border:1px dashed var(--line);border-radius:14px;background:var(--bg);width:100%}


/* HaberPro Core Web Vitals performans katmanı */
@supports (content-visibility:auto){
  .home-news-layout,.home-inline-widgets,.home-explore-section-wrap,.home-category-title,.home-category-grid,.article-related-grid,.comments,.site-footer,.widget-card,.panel-card,.form-card,.media-manager-card{content-visibility:auto;contain-intrinsic-size:1px 420px;}
}
img{max-width:100%;height:auto;}
img[loading="lazy"]{content-visibility:auto;}
.article-card,.featured-home-card,.home-category-feature-card,.home-category-minimal-card{contain:layout paint style;}
.home-slider-track{contain:layout paint;}
iframe,video{max-width:100%;}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}}


/* 2026-05-07 panel mobil ikon düzeni ve gelişmiş etiket sistemi */
.panel-site-search-menu{position:relative;display:inline-flex;align-items:center}.panel-search-toggle,.site-search-toggle{border:0;border-radius:12px;background:var(--bg);color:var(--text);width:40px;height:40px;display:inline-grid;place-items:center;cursor:pointer;transition:.2s ease}.panel-search-toggle svg,.site-search-toggle svg{width:20px;height:20px}.panel-search-toggle:hover,.site-search-toggle:hover,.panel-theme-btn:hover{background:var(--line);transform:translateY(-1px)}.panel-theme-btn{width:40px;height:40px;min-width:40px;padding:0;border-radius:12px;display:inline-grid;place-items:center}.panel-site-search-menu .site-search-dropdown{right:0;left:auto;top:calc(100% + 10px)}.article-tags-box{margin:26px 0 10px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(37,99,235,.06),transparent),var(--card);box-shadow:var(--shadow)}.article-tags-box h3{margin:0 0 12px;font-size:18px}.article-tags-list,.article-tag-preview-list{display:flex;flex-wrap:wrap;gap:9px}.article-tag-chip,.article-tag-preview-list span{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(37,99,235,.18);border-radius:999px;background:rgba(37,99,235,.08);color:var(--brand);padding:7px 11px;font-weight:850;font-size:13px}.article-tags-field textarea{min-height:82px}.article-tags-help{display:block;color:var(--muted);font-size:12px;margin-top:8px}
@media(max-width:900px){.panel-top-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow:visible}.panel-top-actions>.panel-top-mobile-menu-toggle{order:1}.panel-top-actions>.panel-site-search-menu{order:2}.panel-top-actions>.panel-theme-btn{order:3}.panel-top-actions>.panel-live-notification-wrap{order:4}.panel-top-actions>.panel-account-menu{order:5}.panel-top-actions .panel-top-mobile-menu-toggle,.panel-top-actions .panel-search-toggle,.panel-top-actions .panel-theme-btn,.panel-top-actions .panel-notification-link{width:38px;height:38px;min-width:38px;padding:0;border-radius:12px;display:inline-grid;place-items:center}.panel-top-actions .notification-top-text{display:none!important}.panel-site-search-menu .site-search-dropdown{position:absolute;right:-90px;left:auto;width:min(92vw,430px);max-width:92vw}.panel-site-search-menu .site-search-field{display:flex;flex-direction:row!important;align-items:center!important;gap:8px}.panel-site-search-menu .site-search-field input{min-width:0;flex:1}.panel-site-search-menu .site-search-field .btn{width:auto;min-width:78px;flex:0 0 auto}.panel-account-trigger .public-user-info,.panel-account-trigger .public-user-caret{display:none}.panel-account-trigger{width:38px;height:38px;min-width:38px;padding:0}.panel-account-trigger .public-user-avatar{width:34px;height:34px}}
@media(max-width:560px){.panel-top-actions{gap:5px}.panel-site-search-menu .site-search-dropdown{right:-52px;width:calc(100vw - 22px);max-width:calc(100vw - 22px)}}


/* Panel mobile header logo alignment: homepage-like compact order */
.panel-top-mobile-brand{display:none;color:var(--brand2);font-weight:950;text-decoration:none;line-height:1;min-width:0}
.panel-top-mobile-brand-logo{display:block;width:auto;height:auto;max-height:40px;max-width:180px;object-fit:contain}
.panel-top-mobile-brand-text{display:block;max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:18px;font-weight:950;letter-spacing:-.02em;color:var(--brand2)}
@media(max-width:900px){
  .panel-body .sidebar{position:sticky;top:0;z-index:60;min-height:62px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
  .panel-body .sidebar-head{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;position:relative}
  .panel-body .panel-brand{display:none!important}
  .panel-body .sidebar-toggle{display:none!important}
  .panel-body .panel-top{top:62px;padding:10px 12px;min-height:56px;display:flex;align-items:center;justify-content:center;background:var(--card);border-bottom:1px solid var(--line)}
  .panel-body .panel-top-title{display:none!important}
  .panel-body .panel-top-mobile-brand{display:flex!important;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;max-width:46vw;text-align:center}
  .panel-body .panel-top-mobile-brand-logo{max-width:min(176px,46vw);max-height:40px;margin:0 auto}
  .panel-body .panel-top-mobile-brand-text{max-width:46vw;font-size:18px;text-align:center}
  .panel-body .panel-top-actions{width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:6px;flex-wrap:nowrap;position:relative;z-index:5}
  .panel-body .panel-top-mobile-menu-toggle,.panel-body .panel-search-toggle,.panel-body .panel-theme-btn,.panel-body .panel-notification-link,.panel-body .panel-account-trigger{width:40px;height:40px;min-width:40px;padding:0;border-radius:13px;display:inline-grid;place-items:center}
  .panel-body .panel-top-mobile-menu-toggle{order:1}.panel-body .panel-site-search-menu{order:2}.panel-body .panel-theme-btn{order:4}.panel-body .panel-live-notification-wrap{order:5}.panel-body .panel-user-menu{order:6}
  .panel-body .panel-site-search-menu{margin-right:auto}.panel-body .panel-theme-btn{margin-left:auto}
  .panel-body .panel-notification-link .notification-top-text,.panel-body .panel-account-trigger .public-user-info,.panel-body .panel-account-trigger .public-user-caret{display:none!important}
  .panel-body .panel-account-trigger .public-user-avatar{width:34px;height:34px}
  .panel-body .panel-site-search-menu .site-search-dropdown{position:absolute;right:-86px;left:auto;width:min(92vw,430px);max-width:92vw}
  .panel-body .panel-site-search-menu .site-search-field{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px}
  .panel-body .panel-site-search-menu .site-search-field input{min-width:0;flex:1}.panel-body .panel-site-search-menu .site-search-field .btn{width:auto;min-width:78px;flex:0 0 auto}
}
@media(max-width:560px){
  .panel-body .panel-top-mobile-brand-logo{max-width:min(148px,42vw);max-height:36px}.panel-body .panel-top-mobile-brand-text{max-width:42vw;font-size:16px}
  .panel-body .panel-site-search-menu .site-search-dropdown{right:-48px;width:calc(100vw - 20px);max-width:calc(100vw - 20px)}
}

/* Extra CWV helpers */
.article-card,.card,.widget-card,.form-card,.table-wrap{content-visibility:auto;contain-intrinsic-size:1px 320px}
.article-content img,.article-cover-image{height:auto;max-width:100%}

/* 2026-05-07 panel mobile final alignment fix: menu true-left, logo homepage size centered */
@media (max-width:900px){
  body.panel-body .panel-top{
    position:sticky!important;
    top:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:62px!important;
    padding:8px 10px!important;
    background:var(--card)!important;
    border-bottom:1px solid var(--line)!important;
    overflow:visible!important;
    z-index:10040!important;
  }
  body.panel-body .panel-top-title{display:none!important;}
  body.panel-body .panel-top-mobile-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;
    max-width:min(46vw,220px)!important;
    min-width:0!important;
    text-align:center!important;
    z-index:10045!important;
  }
  body.panel-body .panel-top-mobile-brand-logo{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:min(46vw,220px)!important;
    max-height:42px!important;
    margin:0 auto!important;
    object-fit:contain!important;
  }
  body.panel-body .panel-top-mobile-brand-text{
    display:block!important;
    max-width:min(46vw,220px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:17px!important;
    line-height:1.15!important;
  }
  body.panel-body .panel-top-actions{
    position:relative!important;
    width:100%!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    flex-wrap:nowrap!important;
    z-index:10050!important;
    margin:0!important;
    padding-left:52px!important;
  }
  body.panel-body .panel-top-mobile-menu-toggle{
    position:absolute!important;
    left:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    order:0!important;
    margin:0!important;
    z-index:10090!important;
    display:inline-grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    flex:0 0 42px!important;
    padding:0!important;
    border-radius:13px!important;
  }
  body.panel-body .panel-top-mobile-menu-toggle:hover,
  body.panel-body .panel-top-mobile-menu-toggle[aria-expanded="true"]{transform:translateY(-50%)!important;}
  body.panel-body .panel-site-search-menu,
  body.panel-body .panel-theme-btn,
  body.panel-body .panel-live-notification-wrap,
  body.panel-body .panel-account-menu{margin:0!important;flex:0 0 auto!important;}
  body.panel-body .panel-search-toggle,
  body.panel-body .panel-theme-btn,
  body.panel-body .panel-notification-link,
  body.panel-body .panel-account-trigger{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    padding:0!important;
    border-radius:12px!important;
    display:inline-grid!important;
    place-items:center!important;
  }
}
@media (max-width:420px){
  body.panel-body .panel-top{min-height:58px!important;padding:8px!important;}
  body.panel-body .panel-top-actions{gap:4px!important;padding-left:48px!important;}
  body.panel-body .panel-top-mobile-menu-toggle,
  body.panel-body .panel-search-toggle,
  body.panel-body .panel-theme-btn,
  body.panel-body .panel-notification-link,
  body.panel-body .panel-account-trigger{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;}
  body.panel-body .panel-top-mobile-brand,
  body.panel-body .panel-top-mobile-brand-logo{max-width:min(40vw,180px)!important;max-height:38px!important;}
  body.panel-body .panel-top-mobile-brand-text{max-width:min(40vw,180px)!important;font-size:16px!important;}
}

/* 2026-05-07 final mobile panel header alignment: square menu, centered logo in menu/search gap, equal icon sizes */
@media (max-width:900px){
  body.panel-body .panel-top{
    --panel-mobile-menu-area:52px;
    --panel-mobile-right-actions:177px;
    --panel-mobile-logo-gap:12px;
    position:sticky!important;
    top:0!important;
    min-height:62px!important;
    padding:8px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  body.panel-body .panel-top-actions{
    width:100%!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    flex-wrap:nowrap!important;
    margin:0!important;
    padding-left:var(--panel-mobile-menu-area)!important;
    position:relative!important;
    z-index:50!important;
  }
  body.panel-body .panel-top-mobile-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    top:50%!important;
    left:calc(var(--panel-mobile-menu-area) + ((100% - var(--panel-mobile-menu-area) - var(--panel-mobile-right-actions)) / 2))!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;
    max-width:calc(100% - var(--panel-mobile-menu-area) - var(--panel-mobile-right-actions) - var(--panel-mobile-logo-gap))!important;
    min-width:0!important;
    text-align:center!important;
    z-index:45!important;
    pointer-events:auto!important;
  }
  body.panel-body .panel-top-mobile-brand-logo{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-height:42px!important;
    max-width:min(46vw,220px,100%)!important;
    margin:0 auto!important;
    object-fit:contain!important;
  }
  body.panel-body .panel-top-mobile-brand-text{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:17px!important;
    line-height:1.15!important;
  }
  body.panel-body .panel-top-mobile-menu-toggle,
  body.panel-body .panel-search-toggle,
  body.panel-body .panel-theme-btn,
  body.panel-body .panel-notification-link,
  body.panel-body .panel-account-trigger{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    flex:0 0 40px!important;
    padding:0!important;
    display:inline-grid!important;
    place-items:center!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    border-radius:10px!important;
    margin:0!important;
    vertical-align:middle!important;
  }
  body.panel-body .panel-top-mobile-menu-toggle{
    position:absolute!important;
    left:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    order:0!important;
    z-index:90!important;
    border-radius:8px!important;
  }
  body.panel-body .panel-top-mobile-menu-toggle:hover,
  body.panel-body .panel-top-mobile-menu-toggle[aria-expanded="true"]{
    transform:translateY(-50%)!important;
    border-radius:8px!important;
  }
  body.panel-body .panel-top-mobile-menu-icon,
  body.panel-body .panel-search-toggle svg,
  body.panel-body .panel-theme-btn .theme-icon,
  body.panel-body .panel-notification-link svg{
    width:19px!important;
    height:19px!important;
    display:block!important;
    line-height:1!important;
  }
  body.panel-body .panel-theme-btn .theme-icon{
    display:inline-grid!important;
    place-items:center!important;
    font-size:19px!important;
  }
  body.panel-body .panel-account-trigger{
    overflow:hidden!important;
    gap:0!important;
  }
  body.panel-body .panel-account-trigger .public-user-avatar{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    margin:0!important;
  }
  body.panel-body .panel-account-trigger .public-user-info,
  body.panel-body .panel-account-trigger .public-user-caret,
  body.panel-body .panel-notification-link .notification-top-text{
    display:none!important;
  }
  body.panel-body .panel-site-search-menu,
  body.panel-body .panel-theme-btn,
  body.panel-body .panel-live-notification-wrap,
  body.panel-body .panel-account-menu{
    margin:0!important;
    flex:0 0 auto!important;
  }
}
@media (max-width:420px){
  body.panel-body .panel-top{
    --panel-mobile-menu-area:48px;
    --panel-mobile-right-actions:164px;
    min-height:58px!important;
    padding:8px!important;
  }
  body.panel-body .panel-top-actions{
    min-height:40px!important;
    gap:4px!important;
    padding-left:var(--panel-mobile-menu-area)!important;
  }
  body.panel-body .panel-top-mobile-menu-toggle,
  body.panel-body .panel-search-toggle,
  body.panel-body .panel-theme-btn,
  body.panel-body .panel-notification-link,
  body.panel-body .panel-account-trigger{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    flex-basis:38px!important;
    border-radius:9px!important;
  }
  body.panel-body .panel-top-mobile-menu-toggle,
  body.panel-body .panel-top-mobile-menu-toggle:hover,
  body.panel-body .panel-top-mobile-menu-toggle[aria-expanded="true"]{
    border-radius:7px!important;
  }
  body.panel-body .panel-top-mobile-brand-logo{
    max-height:38px!important;
    max-width:min(40vw,180px,100%)!important;
  }
  body.panel-body .panel-top-mobile-brand-text{
    font-size:16px!important;
  }
  body.panel-body .panel-top-mobile-menu-icon,
  body.panel-body .panel-search-toggle svg,
  body.panel-body .panel-theme-btn .theme-icon,
  body.panel-body .panel-notification-link svg{
    width:18px!important;
    height:18px!important;
    font-size:18px!important;
  }
  body.panel-body .panel-account-trigger .public-user-avatar{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    max-width:23px!important;
  }
}

/* 2026-05-07 mobile panel search/user/menu icon polish */
@media (max-width:900px){
  /* Arama açılır penceresi: panelde kenara yapışmasın, ekranın ortasında açılsın */
  body.panel-body .panel-site-search-menu .site-search-dropdown,
  body.panel-body .panel-search-dropdown{
    position:fixed!important;
    top:72px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(430px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    margin:0!important;
    z-index:10060!important;
    border-radius:18px!important;
    box-shadow:0 22px 60px rgba(15,23,42,.20)!important;
  }
  body.panel-body .panel-site-search-menu .site-search-field,
  body.panel-body .panel-search-dropdown .site-search-field{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
  }
  body.panel-body .panel-site-search-menu .site-search-field input,
  body.panel-body .panel-search-dropdown .site-search-field input{
    flex:1 1 auto!important;
    min-width:0!important;
    height:42px!important;
  }
  body.panel-body .panel-site-search-menu .site-search-field .btn,
  body.panel-body .panel-search-dropdown .site-search-field .btn{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:76px!important;
    height:42px!important;
    padding-inline:14px!important;
  }

  /* Kullanıcı menüsü: dış buton diğer ikonlarla aynı, iç avatar daha dolu görünsün */
  body.panel-body .panel-account-trigger{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    border-radius:12px!important;
    padding:3px!important;
  }
  body.panel-body .panel-account-trigger .public-user-avatar,
  .nav-actions .public-user-menu .public-user-trigger .public-user-avatar{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    object-fit:cover!important;
  }

  /* Mobil menü butonu: oval değil dört köşe, iç ikon daha büyük */
  body.panel-body .panel-top-mobile-menu-toggle,
  body.panel-body .panel-top-mobile-menu-toggle:hover,
  body.panel-body .panel-top-mobile-menu-toggle[aria-expanded="true"]{
    border-radius:6px!important;
  }
  body.panel-body .panel-top-mobile-menu-icon{
    width:23px!important;
    height:23px!important;
    font-size:23px!important;
    line-height:1!important;
  }
}
@media (max-width:420px){
  body.panel-body .panel-site-search-menu .site-search-dropdown,
  body.panel-body .panel-search-dropdown{
    top:66px!important;
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
    border-radius:16px!important;
  }
  body.panel-body .panel-account-trigger .public-user-avatar,
  .nav-actions .public-user-menu .public-user-trigger .public-user-avatar{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    max-width:29px!important;
  }
  body.panel-body .panel-top-mobile-menu-toggle,
  body.panel-body .panel-top-mobile-menu-toggle:hover,
  body.panel-body .panel-top-mobile-menu-toggle[aria-expanded="true"]{
    border-radius:5px!important;
  }
  body.panel-body .panel-top-mobile-menu-icon{
    width:22px!important;
    height:22px!important;
    font-size:22px!important;
  }
}

/* 2026-05-07 mobile top header icons uniform quality fix */
@media (max-width:900px){
  .site-header .nav-wrap,
  body.panel-body .panel-top,
  body.panel-body .panel-top-actions{
    --hp-mobile-icon-size:42px;
    --hp-mobile-icon-symbol:21px;
    --hp-mobile-avatar-size:32px;
  }
  .site-header .nav-actions,
  body.panel-body .panel-top-actions{
    align-items:center!important;
    gap:6px!important;
  }
  .site-header .nav-toggle,
  .site-header .site-search-toggle,
  .site-header .theme-btn,
  .site-header .top-notification-button,
  .site-header .public-user-trigger,
  .site-header .nav-action-icon,
  .site-header .nav-login-link,
  .site-header .nav-register-link,
  .site-header .nav-logout-link,
  body.panel-body .panel-top-mobile-menu-toggle,
  body.panel-body .panel-search-toggle,
  body.panel-body .panel-theme-btn,
  body.panel-body .panel-notification-link,
  body.panel-body .panel-account-trigger{
    width:var(--hp-mobile-icon-size)!important;
    height:var(--hp-mobile-icon-size)!important;
    min-width:var(--hp-mobile-icon-size)!important;
    max-width:var(--hp-mobile-icon-size)!important;
    min-height:var(--hp-mobile-icon-size)!important;
    max-height:var(--hp-mobile-icon-size)!important;
    flex:0 0 var(--hp-mobile-icon-size)!important;
    padding:0!important;
    margin:0!important;
    display:inline-grid!important;
    place-items:center!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    vertical-align:middle!important;
    border-radius:12px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  .site-header .nav-toggle,
  body.panel-body .panel-top-mobile-menu-toggle,
  body.panel-body .panel-top-mobile-menu-toggle:hover,
  body.panel-body .panel-top-mobile-menu-toggle[aria-expanded="true"]{
    border-radius:7px!important;
  }
  .site-header .nav-toggle-icon,
  .site-header .nav-toggle-icon svg,
  .site-header .site-search-toggle svg,
  .site-header .theme-btn .theme-icon,
  .site-header .top-notification-button .notification-top-icon,
  .site-header .top-notification-button .notification-top-icon svg,
  .site-header .nav-action-symbol,
  .site-header .nav-action-symbol svg,
  body.panel-body .panel-top-mobile-menu-icon,
  body.panel-body .panel-search-toggle svg,
  body.panel-body .panel-theme-btn .theme-icon,
  body.panel-body .panel-notification-link .notification-top-icon,
  body.panel-body .panel-notification-link .notification-top-icon svg{
    width:var(--hp-mobile-icon-symbol)!important;
    height:var(--hp-mobile-icon-symbol)!important;
    min-width:var(--hp-mobile-icon-symbol)!important;
    max-width:var(--hp-mobile-icon-symbol)!important;
    min-height:var(--hp-mobile-icon-symbol)!important;
    max-height:var(--hp-mobile-icon-symbol)!important;
    display:inline-grid!important;
    place-items:center!important;
    line-height:1!important;
    font-size:var(--hp-mobile-icon-symbol)!important;
    flex:0 0 var(--hp-mobile-icon-symbol)!important;
  }
  .site-header .theme-btn .theme-icon,
  body.panel-body .panel-theme-btn .theme-icon{
    font-size:22px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
  }
  .site-header .nav-toggle-icon,
  .site-header .nav-toggle-icon svg,
  body.panel-body .panel-top-mobile-menu-icon{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    font-size:24px!important;
  }
  .site-header .public-user-trigger,
  body.panel-body .panel-account-trigger{
    padding:4px!important;
    overflow:hidden!important;
    gap:0!important;
  }
  .site-header .public-user-avatar,
  .site-header .public-user-trigger .public-user-avatar,
  body.panel-body .panel-account-trigger .public-user-avatar{
    width:var(--hp-mobile-avatar-size)!important;
    height:var(--hp-mobile-avatar-size)!important;
    min-width:var(--hp-mobile-avatar-size)!important;
    max-width:var(--hp-mobile-avatar-size)!important;
    min-height:var(--hp-mobile-avatar-size)!important;
    max-height:var(--hp-mobile-avatar-size)!important;
    object-fit:cover!important;
    border-radius:50%!important;
    margin:0!important;
    display:block!important;
  }
  .site-header .public-user-info,
  .site-header .public-user-caret,
  .site-header .nav-action-text,
  body.panel-body .panel-account-trigger .public-user-info,
  body.panel-body .panel-account-trigger .public-user-caret,
  body.panel-body .panel-notification-link .notification-top-text{
    display:none!important;
  }
  .site-header .public-top-notification-wrap,
  .site-header .public-user-menu,
  .site-header .site-search-menu,
  body.panel-body .panel-site-search-menu,
  body.panel-body .panel-live-notification-wrap,
  body.panel-body .panel-account-menu{
    width:var(--hp-mobile-icon-size)!important;
    height:var(--hp-mobile-icon-size)!important;
    min-width:var(--hp-mobile-icon-size)!important;
    flex:0 0 var(--hp-mobile-icon-size)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
  }
  .site-header .top-notification-button .notification-top-badge,
  body.panel-body .panel-notification-link .notification-top-badge{
    position:absolute!important;
    top:-5px!important;
    right:-5px!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    font-size:10.5px!important;
    line-height:1!important;
  }
}
@media (max-width:420px){
  .site-header .nav-wrap,
  body.panel-body .panel-top,
  body.panel-body .panel-top-actions{
    --hp-mobile-icon-size:40px;
    --hp-mobile-icon-symbol:20px;
    --hp-mobile-avatar-size:30px;
  }
  .site-header .nav-actions,
  body.panel-body .panel-top-actions{gap:5px!important;}
  .site-header .nav-toggle-icon,
  .site-header .nav-toggle-icon svg,
  body.panel-body .panel-top-mobile-menu-icon{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    font-size:23px!important;
  }
}


/* v55 advanced admin broadcast notifications and bell sound setting */
.admin-broadcast-page{display:grid;gap:18px}.admin-broadcast-hero{align-items:center}.admin-broadcast-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-broadcast-stat{display:grid;grid-template-columns:46px minmax(0,1fr);gap:6px 12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:none}.admin-broadcast-stat span{grid-row:1/3;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(37,99,235,.09);font-size:21px}.admin-broadcast-stat small{font-weight:900;color:var(--muted);line-height:1.2}.admin-broadcast-stat strong{font-size:28px;line-height:1;font-weight:950}.admin-broadcast-form{display:grid;gap:18px}.admin-broadcast-grid .grid-span-2,.admin-broadcast-form .grid-span-2{grid-column:1/-1}.admin-broadcast-users{display:grid;gap:12px}.admin-broadcast-users h3{margin:0;font-size:17px}.admin-broadcast-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:360px;overflow:auto;padding:4px}.admin-broadcast-user{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:12px!important;border:1px solid var(--line);border-radius:15px;background:var(--bg);font-weight:800}.admin-broadcast-user input{width:auto!important;margin:0!important}.admin-broadcast-user span{display:grid;gap:3px;min-width:0}.admin-broadcast-user strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-broadcast-user small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-broadcast-user.is-passive{opacity:.55}.admin-broadcast-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid var(--line)}.admin-broadcast-actions small{color:var(--muted);font-weight:700}.setting-field-notification_sound_enabled select{font-weight:900}@media(max-width:980px){.admin-broadcast-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-broadcast-user-grid{grid-template-columns:1fr}.admin-broadcast-actions{display:grid}.admin-broadcast-actions .btn{width:100%}}@media(max-width:560px){.admin-broadcast-stat-grid{grid-template-columns:1fr}.admin-broadcast-stat strong{font-size:24px}}

/* v56 profile notification preference */
.profile-notification-settings{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--card);box-shadow:none}.profile-notification-settings h3{margin-top:0}.profile-notification-settings .check-row{margin-top:8px}


/* 2026-05-07 membership terms and notification sound unlock */
.auth-register-form{display:grid;gap:14px}
.auth-register-form h1{margin-bottom:4px}
.auth-terms-box{display:grid;gap:10px;margin:4px 0 8px;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(37,99,235,.06),transparent),var(--bg)}
.auth-terms-check{display:flex!important;align-items:flex-start;gap:10px;margin:0!important;font-weight:850;line-height:1.45}
.auth-terms-check input{width:18px!important;min-width:18px;height:18px;margin:2px 0 0!important}
.auth-terms-help{margin:0;font-size:13px;line-height:1.55}
@media(max-width:900px){body.panel-body .panel-top-actions{pointer-events:none!important}body.panel-body .panel-top-actions button,body.panel-body .panel-top-actions a,body.panel-body .panel-top-actions input,body.panel-body .panel-top-actions select,body.panel-body .panel-top-actions .panel-site-search-menu,body.panel-body .panel-top-actions .panel-live-notification-wrap,body.panel-body .panel-top-actions .panel-account-menu{pointer-events:auto!important}body.panel-body .panel-top-mobile-brand{z-index:120!important;pointer-events:auto!important}}

/* 2026-05-07 terms page, register terms link and panel logo click fix */
.terms-page{padding:28px 0 46px}.terms-card{display:grid;gap:18px;padding:28px;max-width:900px;margin:0 auto}.terms-card h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.1}.terms-card h2{margin:0 0 8px;font-size:20px}.terms-card section{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}.terms-card section p{margin:0;line-height:1.7}.terms-actions{display:flex;gap:10px;flex-wrap:wrap}.auth-terms-check a{font-weight:950;text-decoration:underline;text-underline-offset:3px;color:var(--primary)}@media(max-width:640px){.terms-card{padding:20px}.terms-card section{padding:14px}.terms-actions .btn{width:100%}}
@media(max-width:900px){body.panel-body .panel-top-actions{pointer-events:none!important}body.panel-body .panel-top-actions>*{pointer-events:auto!important}body.panel-body .panel-top-mobile-brand{z-index:95!important;pointer-events:auto!important}body.panel-body .panel-top-mobile-brand *{pointer-events:none!important}}


/* 2026-05-07 managed terms page and register information logo */
.auth-info-logo{display:flex;align-items:center;justify-content:center;width:100%;max-width:220px;min-height:58px;margin:0 0 18px;padding:10px 14px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.66);box-shadow:0 14px 30px rgba(15,23,42,.08)}
.auth-info-logo img{display:block;max-width:190px;max-height:54px;width:auto;height:auto;object-fit:contain}
.auth-info-logo-text{font-size:22px;font-weight:950;color:var(--text);letter-spacing:-.02em;text-align:center}
.admin-page-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.terms-content{display:grid;gap:16px}.terms-content h2{margin:8px 0 2px;font-size:20px}.terms-content p{margin:0;line-height:1.78}.terms-content strong{font-weight:950}.terms-managed-content{display:grid;gap:16px}
html[data-theme="dark"] .auth-info-logo{background:rgba(15,23,42,.44)}
@media(max-width:760px){.auth-info-logo{margin-inline:auto}.admin-page-actions{width:100%;justify-content:stretch}.admin-page-actions .btn{flex:1 1 180px}.terms-content h2{font-size:18px}}

/* 2026-05-08 register information logo alignment and link */
.auth-register-info-card{justify-content:flex-start;padding-top:18px;text-align:center}
.auth-register-info-card .auth-info-logo{margin:0 auto 14px}
.auth-info-logo-link{display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.auth-info-logo-link:hover,.auth-info-logo-link:focus-visible{transform:translateY(-1px);border-color:var(--brand);box-shadow:0 16px 34px rgba(15,23,42,.12);outline:0}
.auth-info-logo-link img{margin:auto}
@media(max-width:760px){.auth-register-info-card{padding-top:16px}.auth-register-info-card .auth-info-logo{margin:0 auto 12px}}

/* Kayıt sayfası sağ bilgi kartı: logo sabit, içerik ortalı ve zengin bilgi seçenekleri */
.auth-register-info-card{align-items:center;text-align:center;justify-content:flex-start}
.auth-register-info-content{width:100%;display:grid;place-items:center;text-align:center}
.auth-register-info-content h2{max-width:620px;margin:2px auto 12px}
.auth-register-info-content p{max-width:620px;margin:0 auto;color:var(--muted)}
.auth-register-benefits{width:100%;max-width:640px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px auto 0}
.auth-register-benefits span{justify-content:flex-start;text-align:left;align-items:flex-start;min-height:58px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.52);box-shadow:0 10px 22px rgba(15,23,42,.05);font-weight:850;line-height:1.35}
.auth-register-benefits span:before{margin-top:-1px}
html[data-theme="dark"] .auth-register-benefits span{background:rgba(15,23,42,.36)}
@media(max-width:760px){.auth-register-benefits{grid-template-columns:1fr}.auth-register-info-content h2,.auth-register-info-content p{text-align:center}.auth-register-benefits span{min-height:auto}}

/* 2026-05-08 register info benefits: plain vertical text list */
.auth-register-benefits{
    width:min(100%,560px) !important;
    max-width:560px !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin:18px auto 0 !important;
}
.auth-register-benefits span{
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    text-align:left !important;
    font-weight:850 !important;
    line-height:1.45 !important;
}
.auth-register-benefits span:before{
    margin-top:0 !important;
}
html[data-theme="dark"] .auth-register-benefits span{
    background:transparent !important;
}

/* Haber ekleme ekranı: gelişmiş flat düzen, otomatik taslak ve canlı SEO kontrolü */
.article-editor-shell.article-editor-v2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;
  gap:20px!important;
  align-items:start!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.article-draft-recover,
.article-draft-statusbar{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px 14px!important;
  border:1px solid var(--border,#e5e7eb)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(14,165,233,.08))!important;
  color:var(--text,#111827)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.05)!important;
}
.article-draft-statusbar{justify-content:flex-start!important;background:var(--card,#fff)!important;font-weight:800!important;color:var(--muted,#64748b)!important}
.article-draft-statusbar [data-autosave-status][data-mode="ok"],
.article-draft-statusbar [data-mode="ok"]{color:#047857!important}
.article-draft-statusbar [data-autosave-status][data-mode="warn"],
.article-draft-statusbar [data-mode="warn"]{color:#b45309!important}
.article-draft-recover[hidden]{display:none!important}
.article-draft-recover span{font-weight:800!important;line-height:1.35!important}
.article-draft-recover small{display:block;color:var(--muted,#64748b);font-weight:600;margin-top:2px}
.article-draft-recover > div{display:flex;gap:8px;flex-wrap:wrap}
.article-draft-icon{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:10px;background:rgba(37,99,235,.10)}
.article-editor-shell .article-flat-section,
.article-editor-shell .article-side-card{
  background:var(--card,#fff)!important;
  border:1px solid var(--border,#e5e7eb)!important;
  border-radius:22px!important;
  box-shadow:0 16px 45px rgba(15,23,42,.06)!important;
}
.article-editor-shell .article-flat-section{padding:20px!important}
.article-editor-shell .article-side-card{padding:16px!important}
.article-editor-shell .article-section-head h3,
.article-editor-shell .article-side-card h3{letter-spacing:-.02em!important}
.article-editor-shell .tox-tinymce{min-height:560px!important;border-radius:20px!important;border:1px solid var(--border,#e5e7eb)!important;box-shadow:0 8px 24px rgba(15,23,42,.04)!important}
.article-editor-shell .tox .tox-toolbar__primary{background:var(--surface,#f8fafc)!important}
.article-editor-shell .editor-embed-tools,
.article-editor-shell .editor-media-launch{background:var(--surface,#f8fafc)!important;border:1px dashed var(--border,#dbe3ef)!important;margin-bottom:14px!important}
.article-seo-live-card{display:flex!important;flex-direction:column!important;gap:12px!important}
.seo-live-status{display:block!important;padding:10px 12px!important;border-radius:14px!important;background:rgba(37,99,235,.08)!important;color:var(--brand,#2563eb)!important;font-size:13px!important;line-height:1.35!important}
.seo-live-status[data-score="4"],.seo-live-status[data-score="5"]{background:rgba(5,150,105,.10)!important;color:#047857!important}
.seo-live-status[data-score="0"],.seo-live-status[data-score="1"]{background:rgba(245,158,11,.12)!important;color:#b45309!important}
.seo-live-list{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:8px!important}
.seo-live-list li{display:flex!important;align-items:flex-start!important;gap:8px!important;font-size:12px!important;color:var(--muted,#64748b)!important;line-height:1.35!important}
.seo-live-list li span{width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 18px;border-radius:50%;font-size:11px;font-weight:900;background:rgba(245,158,11,.14);color:#b45309}
.seo-live-list li.ok span{background:rgba(5,150,105,.12);color:#047857}
.seo-preview-card{border:1px solid var(--border,#e5e7eb)!important;border-radius:16px!important;padding:12px!important;background:var(--surface,#f8fafc)!important;display:flex!important;flex-direction:column!important;gap:5px!important}
.seo-preview-card small{color:var(--muted,#64748b)!important;font-weight:800!important;text-transform:uppercase!important;font-size:10px!important;letter-spacing:.08em!important}
.seo-preview-card b{color:#1a0dab!important;font-size:15px!important;line-height:1.25!important;font-weight:500!important}
.seo-preview-card em{font-style:normal!important;color:#188038!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.seo-preview-card p{margin:0!important;color:#4d5156!important;font-size:12px!important;line-height:1.45!important}
.article-editor-shell input::placeholder,
.article-editor-shell textarea::placeholder{color:#94a3b8!important;font-weight:500!important}
.article-side-actions{position:sticky!important;bottom:10px!important;background:rgba(255,255,255,.84)!important;backdrop-filter:blur(12px)!important;border:1px solid var(--border,#e5e7eb)!important;border-radius:18px!important;padding:10px!important;box-shadow:0 16px 38px rgba(15,23,42,.10)!important;z-index:5!important}
html[data-theme="dark"] .article-side-actions{background:rgba(15,23,42,.88)!important}
@media(max-width:980px){
  .article-editor-shell.article-editor-v2{grid-template-columns:1fr!important}
  .article-editor-side{max-width:none!important;position:static!important}
  .article-side-actions{position:static!important}
}
@media(max-width:640px){
  .article-editor-shell .article-flat-section,.article-editor-shell .article-side-card{padding:14px!important;border-radius:18px!important}
  .article-draft-recover,.article-draft-statusbar{align-items:flex-start!important;flex-direction:column!important}
  .article-draft-recover > div,.article-draft-recover .btn{width:100%!important}
  .article-editor-shell .tox-tinymce{min-height:430px!important}
}


/* 2026-05-08 top menu icon size and dropdown position fix */
.site-header .nav-actions,
body.panel-body .panel-top-actions{
  --hp-top-icon-size:42px;
  --hp-top-symbol-size:20px;
  --hp-top-avatar-size:32px;
  align-items:center!important;
}
.site-header .site-search-toggle,
.site-header .theme-btn,
.site-header .top-notification-button,
body.panel-body .panel-search-toggle,
body.panel-body .panel-theme-btn,
body.panel-body .panel-notification-link,
body.panel-body .panel-top-mobile-menu-toggle{
  width:var(--hp-top-icon-size)!important;
  height:var(--hp-top-icon-size)!important;
  min-width:var(--hp-top-icon-size)!important;
  max-width:var(--hp-top-icon-size)!important;
  min-height:var(--hp-top-icon-size)!important;
  max-height:var(--hp-top-icon-size)!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  line-height:1!important;
  border-radius:13px!important;
  flex:0 0 var(--hp-top-icon-size)!important;
  box-sizing:border-box!important;
}
.site-header .site-search-toggle svg,
.site-header .theme-btn .theme-icon,
.site-header .top-notification-button .notification-top-icon,
.site-header .top-notification-button .notification-top-icon svg,
body.panel-body .panel-search-toggle svg,
body.panel-body .panel-theme-btn .theme-icon,
body.panel-body .panel-notification-link .notification-top-icon,
body.panel-body .panel-notification-link .notification-top-icon svg,
body.panel-body .panel-top-mobile-menu-icon{
  width:var(--hp-top-symbol-size)!important;
  height:var(--hp-top-symbol-size)!important;
  min-width:var(--hp-top-symbol-size)!important;
  min-height:var(--hp-top-symbol-size)!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:var(--hp-top-symbol-size)!important;
  line-height:1!important;
  margin:0!important;
}
.site-header .public-user-trigger,
body.panel-body .panel-account-trigger{
  min-height:var(--hp-top-icon-size)!important;
  height:var(--hp-top-icon-size)!important;
  border-radius:13px!important;
  align-items:center!important;
}
.site-header .public-user-avatar,
.site-header .public-user-trigger .public-user-avatar,
body.panel-body .panel-account-trigger .public-user-avatar{
  width:var(--hp-top-avatar-size)!important;
  height:var(--hp-top-avatar-size)!important;
  min-width:var(--hp-top-avatar-size)!important;
  min-height:var(--hp-top-avatar-size)!important;
  max-width:var(--hp-top-avatar-size)!important;
  max-height:var(--hp-top-avatar-size)!important;
  object-fit:cover!important;
}
body.panel-body .panel-notification-link .notification-top-text{display:none!important}
.live-notification-dropdown.hp-dropdown-fixed,
.public-user-dropdown.hp-dropdown-fixed{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  z-index:100200!important;
  transform:none!important;
}
.live-notification-dropdown.hp-dropdown-fixed:before,
.public-user-dropdown.hp-dropdown-fixed:before{display:none!important}
.live-notification-dropdown.hp-dropdown-fixed{display:flex!important;flex-direction:column!important;overflow:hidden!important}
.live-notification-dropdown.hp-dropdown-fixed .live-notification-list{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
.public-user-dropdown.hp-dropdown-fixed{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
@media(max-width:900px){
  .site-header .nav-actions,
  body.panel-body .panel-top-actions{--hp-top-icon-size:40px;--hp-top-symbol-size:20px;--hp-top-avatar-size:30px;gap:6px!important}
  .site-header .public-user-trigger,
  body.panel-body .panel-account-trigger{
    width:var(--hp-top-icon-size)!important;
    min-width:var(--hp-top-icon-size)!important;
    max-width:var(--hp-top-icon-size)!important;
    padding:4px!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .site-header .public-user-info,.site-header .public-user-caret,
  body.panel-body .panel-account-trigger .public-user-info,
  body.panel-body .panel-account-trigger .public-user-caret{display:none!important}
}
@media(max-width:420px){
  .site-header .nav-actions,
  body.panel-body .panel-top-actions{--hp-top-icon-size:38px;--hp-top-symbol-size:19px;--hp-top-avatar-size:28px;gap:5px!important}
}


/* 2026-05-08 premium membership and robust reaction fixes */
.premium-badge{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:5px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#facc15);color:#111827;font-size:11px;font-weight:950;line-height:1;vertical-align:middle;box-shadow:0 5px 12px rgba(245,158,11,.25)}
.premium-badge.small{width:16px;height:16px;font-size:10px}
.premium-user-badge{background:rgba(245,158,11,.14)!important;color:#92400e!important;border-color:rgba(245,158,11,.28)!important}
html[data-theme="dark"] .premium-user-badge{color:#fde68a!important;background:rgba(245,158,11,.16)!important}
.auth-register-benefits span{display:flex!important}


/* 2026-05-08 user/writer panel desktop/mobile icon cleanup */
body.panel-body .panel-top-mobile-menu-toggle,
body.panel-body .panel-top-mobile-brand{
  display:none!important;
}
body.panel-body .panel-top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
body.panel-body .panel-site-search-menu,
body.panel-body .panel-live-notification-wrap,
body.panel-body .panel-account-menu{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
body.panel-body .panel-search-toggle,
body.panel-body .panel-theme-btn{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  line-height:1!important;
}
body.panel-body .panel-search-toggle svg,
body.panel-body .panel-theme-btn .theme-icon,
body.panel-body .panel-notification-link .notification-top-icon svg,
body.panel-body .public-user-menu-icon svg{
  width:20px!important;
  height:20px!important;
  display:block!important;
  line-height:1!important;
}
body.panel-body .panel-theme-btn .theme-icon{
  display:inline-grid!important;
  place-items:center!important;
  font-size:20px!important;
}
body.panel-body .panel-notification-link{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  line-height:1!important;
}
body.panel-body .panel-notification-link .notification-top-icon{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  display:inline-grid!important;
  place-items:center!important;
}
body.panel-body .panel-account-trigger{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  line-height:1!important;
}
body.panel-body .panel-account-trigger .public-user-avatar{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  object-fit:cover!important;
}
@media (min-width:901px){
  body.panel-body .panel-top-mobile-menu-toggle,
  body.panel-body .panel-top-mobile-brand{display:none!important;}
  body.panel-body .sidebar-toggle{display:none!important;}
  body.panel-body .sidebar-head{display:flex;align-items:center;justify-content:flex-start;}
  body.panel-body .panel-brand{display:flex!important;}
}
@media (max-width:900px){
  body.panel-body .panel-top-mobile-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.panel-body .panel-top-mobile-menu-toggle{
    display:inline-grid!important;
    place-items:center!important;
  }
  body.panel-body .sidebar-toggle,
  body.panel-body .panel-mobile-menu-toggle{
    display:none!important;
  }
  body.panel-body .panel-top-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
  }
  body.panel-body .panel-top-mobile-menu-toggle,
  body.panel-body .panel-search-toggle,
  body.panel-body .panel-theme-btn,
  body.panel-body .panel-notification-link,
  body.panel-body .panel-account-trigger{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    flex:0 0 40px!important;
    padding:0!important;
    border-radius:12px!important;
    line-height:1!important;
  }
  body.panel-body .panel-top-mobile-menu-icon,
  body.panel-body .panel-search-toggle svg,
  body.panel-body .panel-theme-btn .theme-icon,
  body.panel-body .panel-notification-link .notification-top-icon svg{
    width:20px!important;
    height:20px!important;
    font-size:20px!important;
    line-height:1!important;
  }
  body.panel-body .panel-account-trigger .public-user-avatar{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    max-width:30px!important;
  }
}
@media (max-width:420px){
  body.panel-body .panel-top-mobile-menu-toggle,
  body.panel-body .panel-search-toggle,
  body.panel-body .panel-theme-btn,
  body.panel-body .panel-notification-link,
  body.panel-body .panel-account-trigger{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    flex-basis:38px!important;
  }
  body.panel-body .panel-top-mobile-menu-icon,
  body.panel-body .panel-search-toggle svg,
  body.panel-body .panel-theme-btn .theme-icon,
  body.panel-body .panel-notification-link .notification-top-icon svg{
    width:18px!important;
    height:18px!important;
    font-size:18px!important;
  }
  body.panel-body .panel-account-trigger .public-user-avatar{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    max-width:28px!important;
  }
}

/* 2026-05-08 unified panel header/sidebar icon system: user, writer and admin use one clean layout */
body.panel-body{
  --hp-panel-action-size:44px;
  --hp-panel-action-symbol:20px;
  --hp-panel-avatar-size:34px;
  --hp-panel-mobile-action-size:40px;
  --hp-panel-mobile-symbol:20px;
  --hp-panel-mobile-avatar:30px;
}
body.panel-body .panel-top{
  position:sticky!important;
  top:0!important;
  z-index:9000!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
body.panel-body .panel-top-title{min-width:0!important;flex:1 1 auto!important;display:block!important;}
body.panel-body .panel-top-actions.panel-unified-actions{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
  position:relative!important;
  z-index:20!important;
  pointer-events:auto!important;
}
body.panel-body .panel-site-search-menu,
body.panel-body .panel-live-notification-wrap,
body.panel-body .panel-account-menu{
  width:var(--hp-panel-action-size)!important;
  height:var(--hp-panel-action-size)!important;
  min-width:var(--hp-panel-action-size)!important;
  flex:0 0 var(--hp-panel-action-size)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  position:relative!important;
}
body.panel-body .panel-search-toggle,
body.panel-body .panel-theme-btn,
body.panel-body .panel-notification-link,
body.panel-body .panel-account-trigger,
body.panel-body .panel-top-mobile-menu-toggle{
  width:var(--hp-panel-action-size)!important;
  height:var(--hp-panel-action-size)!important;
  min-width:var(--hp-panel-action-size)!important;
  max-width:var(--hp-panel-action-size)!important;
  min-height:var(--hp-panel-action-size)!important;
  max-height:var(--hp-panel-action-size)!important;
  flex:0 0 var(--hp-panel-action-size)!important;
  padding:0!important;
  margin:0!important;
  border-radius:14px!important;
  display:inline-grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  line-height:1!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
body.panel-body .panel-notification-link{position:relative!important;}
body.panel-body .panel-search-toggle span,
body.panel-body .panel-theme-btn .theme-icon,
body.panel-body .panel-notification-link .notification-top-icon,
body.panel-body .panel-top-mobile-menu-icon{
  width:var(--hp-panel-action-symbol)!important;
  height:var(--hp-panel-action-symbol)!important;
  min-width:var(--hp-panel-action-symbol)!important;
  min-height:var(--hp-panel-action-symbol)!important;
  display:inline-grid!important;
  place-items:center!important;
  line-height:1!important;
  font-size:var(--hp-panel-action-symbol)!important;
  margin:0!important;
  padding:0!important;
  color:currentColor!important;
}
body.panel-body .panel-search-toggle svg,
body.panel-body .panel-theme-btn .theme-icon svg,
body.panel-body .panel-notification-link .notification-top-icon svg,
body.panel-body .panel-top-mobile-menu-icon svg{
  width:var(--hp-panel-action-symbol)!important;
  height:var(--hp-panel-action-symbol)!important;
  min-width:var(--hp-panel-action-symbol)!important;
  min-height:var(--hp-panel-action-symbol)!important;
  display:block!important;
  line-height:1!important;
  fill:currentColor!important;
}
body.panel-body .panel-theme-btn .theme-icon{font-size:21px!important;}
body.panel-body .panel-notification-link .notification-top-text,
body.panel-body .panel-account-trigger .public-user-info,
body.panel-body .panel-account-trigger .public-user-caret{display:none!important;}
body.panel-body .panel-account-trigger{padding:5px!important;overflow:hidden!important;}
body.panel-body .panel-account-trigger .public-user-avatar{
  width:var(--hp-panel-avatar-size)!important;
  height:var(--hp-panel-avatar-size)!important;
  min-width:var(--hp-panel-avatar-size)!important;
  max-width:var(--hp-panel-avatar-size)!important;
  min-height:var(--hp-panel-avatar-size)!important;
  max-height:var(--hp-panel-avatar-size)!important;
  border-radius:50%!important;
  object-fit:cover!important;
  margin:0!important;
  display:block!important;
}
body.panel-body .panel-notification-link .notification-top-badge{
  position:absolute!important;
  top:-6px!important;
  right:-6px!important;
  min-width:19px!important;
  height:19px!important;
  padding:0 5px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  font-weight:950!important;
  line-height:1!important;
  margin:0!important;
}
body.panel-body .side-nav a .side-nav-icon{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  flex:0 0 32px!important;
  border-radius:12px!important;
  display:inline-grid!important;
  place-items:center!important;
  line-height:1!important;
  font-size:0!important;
}
body.panel-body .side-nav a .side-nav-icon svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  fill:currentColor!important;
}
body.panel-body .side-nav a b{display:block!important;min-width:0!important;}
@media (min-width:901px){
  body.panel-body .panel-top-mobile-menu-toggle,
  body.panel-body .panel-top-mobile-brand,
  body.panel-body .panel-mobile-menu-toggle{display:none!important;}
  body.panel-body .panel-top-title{display:block!important;}
  body.panel-body .sidebar{transform:none!important;visibility:visible!important;}
  body.panel-body .panel-main{margin-left:300px!important;}
}
@media (max-width:900px){
  body.panel-body{
    --hp-panel-action-size:var(--hp-panel-mobile-action-size);
    --hp-panel-action-symbol:var(--hp-panel-mobile-symbol);
    --hp-panel-avatar-size:var(--hp-panel-mobile-avatar);
    --hp-panel-mobile-menu-area:52px;
    --hp-panel-mobile-right-actions:178px;
    --hp-panel-mobile-logo-gap:12px;
  }
  body.panel-body .panel-main{margin-left:0!important;}
  body.panel-body .panel-top{
    min-height:64px!important;
    padding:9px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    border-bottom:1px solid var(--line)!important;
  }
  body.panel-body .panel-top-title{display:none!important;}
  body.panel-body .panel-top-actions.panel-unified-actions{
    width:100%!important;
    min-height:var(--hp-panel-mobile-action-size)!important;
    justify-content:flex-end!important;
    gap:6px!important;
    padding-left:var(--hp-panel-mobile-menu-area)!important;
    margin:0!important;
    z-index:70!important;
  }
  body.panel-body .panel-site-search-menu,
  body.panel-body .panel-live-notification-wrap,
  body.panel-body .panel-account-menu{
    width:var(--hp-panel-mobile-action-size)!important;
    height:var(--hp-panel-mobile-action-size)!important;
    min-width:var(--hp-panel-mobile-action-size)!important;
    flex:0 0 var(--hp-panel-mobile-action-size)!important;
  }
  body.panel-body .panel-search-toggle,
  body.panel-body .panel-theme-btn,
  body.panel-body .panel-notification-link,
  body.panel-body .panel-account-trigger,
  body.panel-body .panel-top-mobile-menu-toggle{
    width:var(--hp-panel-mobile-action-size)!important;
    height:var(--hp-panel-mobile-action-size)!important;
    min-width:var(--hp-panel-mobile-action-size)!important;
    max-width:var(--hp-panel-mobile-action-size)!important;
    min-height:var(--hp-panel-mobile-action-size)!important;
    max-height:var(--hp-panel-mobile-action-size)!important;
    flex:0 0 var(--hp-panel-mobile-action-size)!important;
    border-radius:12px!important;
  }
  body.panel-body .panel-top-mobile-menu-toggle{
    display:inline-grid!important;
    position:absolute!important;
    left:10px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:90!important;
    border-radius:9px!important;
  }
  body.panel-body .panel-top-mobile-menu-toggle:hover,
  body.panel-body .panel-top-mobile-menu-toggle[aria-expanded="true"]{transform:translateY(-50%)!important;}
  body.panel-body .panel-top-mobile-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    top:50%!important;
    left:calc(var(--hp-panel-mobile-menu-area) + ((100% - var(--hp-panel-mobile-menu-area) - var(--hp-panel-mobile-right-actions)) / 2))!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;
    max-width:calc(100% - var(--hp-panel-mobile-menu-area) - var(--hp-panel-mobile-right-actions) - var(--hp-panel-mobile-logo-gap))!important;
    min-width:0!important;
    z-index:60!important;
    pointer-events:auto!important;
    text-align:center!important;
    color:var(--brand2)!important;
    text-decoration:none!important;
  }
  body.panel-body .panel-top-mobile-brand-logo{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:min(46vw,190px,100%)!important;
    max-height:40px!important;
    object-fit:contain!important;
    margin:0 auto!important;
  }
  body.panel-body .panel-top-mobile-brand-text{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:17px!important;
    font-weight:950!important;
    line-height:1.15!important;
    text-align:center!important;
  }
  body.panel-body .panel-top-mobile-menu-icon,
  body.panel-body .panel-top-mobile-menu-icon svg{width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;}
  body.panel-body .panel-account-trigger{padding:4px!important;}
  body.panel-body .panel-search-dropdown,
  body.panel-body .panel-site-search-menu .site-search-dropdown{
    position:fixed!important;
    top:74px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(430px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    z-index:100300!important;
  }
}
@media (max-width:420px){
  body.panel-body{
    --hp-panel-mobile-action-size:38px;
    --hp-panel-mobile-symbol:19px;
    --hp-panel-mobile-avatar:28px;
    --hp-panel-mobile-menu-area:48px;
    --hp-panel-mobile-right-actions:170px;
  }
  body.panel-body .panel-top{min-height:60px!important;padding:8px!important;}
  body.panel-body .panel-top-actions.panel-unified-actions{gap:5px!important;}
  body.panel-body .panel-top-mobile-menu-toggle{left:8px!important;}
  body.panel-body .panel-top-mobile-menu-icon,
  body.panel-body .panel-top-mobile-menu-icon svg{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;}
  body.panel-body .panel-top-mobile-brand-logo{max-width:min(40vw,160px,100%)!important;max-height:36px!important;}
  body.panel-body .panel-top-mobile-brand-text{font-size:15px!important;}
  body.panel-body .panel-search-dropdown,
  body.panel-body .panel-site-search-menu .site-search-dropdown{top:68px!important;width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;}
}

/* 2026-05-08 panel header dropdown stability + account identity */
.live-notification-dropdown[hidden],
.live-notification-dropdown.hp-dropdown-fixed[hidden],
.public-user-dropdown[hidden],
.public-user-dropdown.hp-dropdown-fixed[hidden],
.site-search-dropdown[hidden],
.site-search-dropdown.hp-dropdown-fixed[hidden]{display:none!important;}
.site-search-dropdown.hp-dropdown-fixed{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  z-index:100200!important;
  transform:none!important;
  max-width:calc(100vw - 24px)!important;
}
body.panel-body .panel-site-search-menu .site-search-dropdown.hp-dropdown-fixed{
  top:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
@media (min-width:901px){
  body.panel-body .panel-account-menu{width:auto!important;min-width:0!important;height:auto!important;flex:0 0 auto!important;}
  body.panel-body .panel-account-trigger{
    width:auto!important;
    min-width:var(--hp-panel-action-size)!important;
    max-width:min(260px,28vw)!important;
    padding:5px 10px 5px 5px!important;
    gap:8px!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }
  body.panel-body .panel-account-trigger .public-user-info{
    display:grid!important;
    min-width:0!important;
    max-width:170px!important;
    text-align:left!important;
    line-height:1.1!important;
  }
  body.panel-body .panel-account-trigger .public-user-info strong{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
    font-weight:900!important;
    color:var(--text)!important;
  }
  body.panel-body .panel-account-trigger .public-user-caret{
    display:inline-grid!important;
    place-items:center!important;
    width:12px!important;
    min-width:12px!important;
    font-size:12px!important;
    color:var(--muted)!important;
  }
}
@media (max-width:900px){
  body.panel-body .panel-account-trigger .public-user-info,
  body.panel-body .panel-account-trigger .public-user-caret{display:none!important;}
  body.panel-body .panel-site-search-menu .site-search-dropdown,
  body.panel-body .panel-site-search-menu .site-search-dropdown.hp-dropdown-fixed{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    left:10px!important;
    right:auto!important;
    transform:none!important;
    top:70px!important;
  }
  .live-notification-dropdown.hp-dropdown-fixed{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    left:10px!important;
    right:auto!important;
  }
}
@media (max-width:420px){
  body.panel-body .panel-site-search-menu .site-search-dropdown,
  body.panel-body .panel-site-search-menu .site-search-dropdown.hp-dropdown-fixed,
  .live-notification-dropdown.hp-dropdown-fixed{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    left:8px!important;
  }
}

/* 2026-05-08 desktop account name visibility for public, user and writer panels */
@media (min-width:901px){
  .site-header .public-user-menu,
  body.panel-body .panel-account-menu{
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .site-header .public-user-trigger,
  body.panel-body .panel-account-trigger{
    width:auto!important;
    min-width:44px!important;
    max-width:min(300px,32vw)!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:5px 10px 5px 5px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .site-header .public-user-trigger .public-user-avatar,
  body.panel-body .panel-account-trigger .public-user-avatar{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    flex:0 0 34px!important;
    object-fit:cover!important;
  }
  .site-header .public-user-trigger .public-user-info,
  body.panel-body .panel-account-trigger .public-user-info{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    min-width:0!important;
    max-width:190px!important;
    overflow:hidden!important;
    line-height:1.05!important;
    text-align:left!important;
  }
  .site-header .public-user-trigger .public-user-info strong,
  body.panel-body .panel-account-trigger .public-user-info strong{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13.5px!important;
    font-weight:900!important;
    color:var(--text)!important;
  }
  .site-header .public-user-trigger .public-user-caret,
  body.panel-body .panel-account-trigger .public-user-caret{
    display:inline-grid!important;
    place-items:center!important;
    width:12px!important;
    min-width:12px!important;
    max-width:12px!important;
    flex:0 0 12px!important;
    font-size:12px!important;
    line-height:1!important;
    color:var(--muted)!important;
    margin-left:0!important;
  }
  body.panel-body.panel-role-user .panel-account-trigger,
  body.panel-body.panel-role-writer .panel-account-trigger{
    background:var(--card)!important;
    border:1px solid var(--line)!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  body.panel-body.panel-role-user .panel-account-trigger:hover,
  body.panel-body.panel-role-writer .panel-account-trigger:hover,
  body.panel-body.panel-role-user .panel-account-menu.open .panel-account-trigger,
  body.panel-body.panel-role-writer .panel-account-menu.open .panel-account-trigger{
    background:var(--bg)!important;
    border-color:rgba(37,99,235,.28)!important;
  }
}
@media (max-width:900px){
  .site-header .public-user-trigger .public-user-info,
  .site-header .public-user-trigger .public-user-caret,
  body.panel-body .panel-account-trigger .public-user-info,
  body.panel-body .panel-account-trigger .public-user-caret{
    display:none!important;
  }
  body.panel-body .panel-account-menu{
    width:var(--hp-panel-mobile-action-size)!important;
    height:var(--hp-panel-mobile-action-size)!important;
    min-width:var(--hp-panel-mobile-action-size)!important;
    flex:0 0 var(--hp-panel-mobile-action-size)!important;
  }
  body.panel-body .panel-account-trigger{
    width:var(--hp-panel-mobile-action-size)!important;
    min-width:var(--hp-panel-mobile-action-size)!important;
    max-width:var(--hp-panel-mobile-action-size)!important;
    padding:4px!important;
    justify-content:center!important;
  }
}


/* 2026-05-08 writer/user panel account name final fix */
@media (min-width:901px){
  body.panel-body.panel-role-writer .panel-top-actions .panel-account-menu,
  body.panel-body.panel-role-user .panel-top-actions .panel-account-menu{
    width:auto!important;
    min-width:0!important;
    flex:0 0 auto!important;
  }
  body.panel-body.panel-role-writer .panel-top-actions .panel-account-trigger,
  body.panel-body.panel-role-user .panel-top-actions .panel-account-trigger{
    width:auto!important;
    min-width:44px!important;
    max-width:min(320px,34vw)!important;
    height:44px!important;
    min-height:44px!important;
    padding:5px 11px 5px 5px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body.panel-body.panel-role-writer .panel-top-actions .panel-account-trigger .public-user-info,
  body.panel-body.panel-role-user .panel-top-actions .panel-account-trigger .public-user-info{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:0!important;
    max-width:200px!important;
    overflow:hidden!important;
    line-height:1.05!important;
  }
  body.panel-body.panel-role-writer .panel-top-actions .panel-account-trigger .public-user-info strong,
  body.panel-body.panel-role-user .panel-top-actions .panel-account-trigger .public-user-info strong{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.panel-body.panel-role-writer .panel-top-actions .panel-account-trigger .public-user-caret,
  body.panel-body.panel-role-user .panel-top-actions .panel-account-trigger .public-user-caret{
    display:inline-grid!important;
    place-items:center!important;
    flex:0 0 12px!important;
  }
}
@media (max-width:900px){
  body.panel-body.panel-role-writer .panel-top-actions .panel-account-trigger .public-user-info,
  body.panel-body.panel-role-writer .panel-top-actions .panel-account-trigger .public-user-caret,
  body.panel-body.panel-role-user .panel-top-actions .panel-account-trigger .public-user-info,
  body.panel-body.panel-role-user .panel-top-actions .panel-account-trigger .public-user-caret{display:none!important;}
}

/* 2026-05-08 final user/writer shared panel header menu system */
body.panel-body.panel-role-user .panel-top-actions.panel-unified-actions,
body.panel-body.panel-role-writer .panel-top-actions.panel-unified-actions,
body.panel-body.panel-role-admin .panel-top-actions.panel-unified-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  min-width:0!important;
  overflow:visible!important;
}
body.panel-body.panel-role-user .panel-site-search-menu,
body.panel-body.panel-role-writer .panel-site-search-menu,
body.panel-body.panel-role-admin .panel-site-search-menu,
body.panel-body.panel-role-user .panel-live-notification-wrap,
body.panel-body.panel-role-writer .panel-live-notification-wrap,
body.panel-body.panel-role-admin .panel-live-notification-wrap,
body.panel-body.panel-role-user .panel-account-menu,
body.panel-body.panel-role-writer .panel-account-menu,
body.panel-body.panel-role-admin .panel-account-menu{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  flex:0 0 auto!important;
  margin:0!important;
  overflow:visible!important;
}
body.panel-body.panel-role-user .panel-search-toggle,
body.panel-body.panel-role-writer .panel-search-toggle,
body.panel-body.panel-role-admin .panel-search-toggle,
body.panel-body.panel-role-user .panel-theme-btn,
body.panel-body.panel-role-writer .panel-theme-btn,
body.panel-body.panel-role-admin .panel-theme-btn,
body.panel-body.panel-role-user .panel-notification-link,
body.panel-body.panel-role-writer .panel-notification-link,
body.panel-body.panel-role-admin .panel-notification-link{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  flex:0 0 44px!important;
  padding:0!important;
  margin:0!important;
  display:inline-grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  line-height:1!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.panel-body.panel-role-user .panel-notification-link,
body.panel-body.panel-role-writer .panel-notification-link,
body.panel-body.panel-role-admin .panel-notification-link{
  position:relative!important;
  gap:0!important;
}
body.panel-body.panel-role-user .panel-notification-link .notification-top-icon,
body.panel-body.panel-role-writer .panel-notification-link .notification-top-icon,
body.panel-body.panel-role-admin .panel-notification-link .notification-top-icon,
body.panel-body.panel-role-user .panel-search-toggle span,
body.panel-body.panel-role-writer .panel-search-toggle span,
body.panel-body.panel-role-admin .panel-search-toggle span{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  display:inline-grid!important;
  place-items:center!important;
  line-height:1!important;
  font-size:0!important;
  flex:0 0 20px!important;
  margin:0!important;
}
body.panel-body.panel-role-user .panel-notification-link .notification-top-icon svg,
body.panel-body.panel-role-writer .panel-notification-link .notification-top-icon svg,
body.panel-body.panel-role-admin .panel-notification-link .notification-top-icon svg,
body.panel-body.panel-role-user .panel-search-toggle svg,
body.panel-body.panel-role-writer .panel-search-toggle svg,
body.panel-body.panel-role-admin .panel-search-toggle svg{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  display:block!important;
  fill:currentColor!important;
  margin:0!important;
}
body.panel-body.panel-role-user .panel-theme-btn .theme-icon,
body.panel-body.panel-role-writer .panel-theme-btn .theme-icon,
body.panel-body.panel-role-admin .panel-theme-btn .theme-icon{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:20px!important;
  line-height:1!important;
  margin:0!important;
}
body.panel-body.panel-role-user .panel-notification-link .notification-top-text,
body.panel-body.panel-role-writer .panel-notification-link .notification-top-text,
body.panel-body.panel-role-admin .panel-notification-link .notification-top-text{
  display:none!important;
}
body.panel-body.panel-role-user .panel-notification-link .notification-top-badge,
body.panel-body.panel-role-writer .panel-notification-link .notification-top-badge,
body.panel-body.panel-role-admin .panel-notification-link .notification-top-badge{
  position:absolute!important;
  top:-6px!important;
  right:-6px!important;
  min-width:19px!important;
  width:auto!important;
  height:19px!important;
  padding:0 5px!important;
  margin:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  font-weight:950!important;
  line-height:1!important;
  z-index:3!important;
}
body.panel-body.panel-role-user .panel-notification-link .notification-top-badge[hidden],
body.panel-body.panel-role-writer .panel-notification-link .notification-top-badge[hidden],
body.panel-body.panel-role-admin .panel-notification-link .notification-top-badge[hidden]{display:none!important;}
@media (min-width:901px){
  body.panel-body.panel-role-user .panel-account-trigger,
  body.panel-body.panel-role-writer .panel-account-trigger,
  body.panel-body.panel-role-admin .panel-account-trigger{
    width:auto!important;
    min-width:44px!important;
    max-width:min(320px,34vw)!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    flex:0 0 auto!important;
    padding:5px 11px 5px 5px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    border-radius:14px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body.panel-body.panel-role-user .panel-account-trigger .public-user-avatar,
  body.panel-body.panel-role-writer .panel-account-trigger .public-user-avatar,
  body.panel-body.panel-role-admin .panel-account-trigger .public-user-avatar{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    flex:0 0 34px!important;
    object-fit:cover!important;
    margin:0!important;
  }
  body.panel-body.panel-role-user .panel-account-trigger .public-user-info,
  body.panel-body.panel-role-writer .panel-account-trigger .public-user-info,
  body.panel-body.panel-role-admin .panel-account-trigger .public-user-info{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:0!important;
    max-width:200px!important;
    overflow:hidden!important;
    line-height:1.05!important;
    text-align:left!important;
  }
  body.panel-body.panel-role-user .panel-account-trigger .public-user-info strong,
  body.panel-body.panel-role-writer .panel-account-trigger .public-user-info strong,
  body.panel-body.panel-role-admin .panel-account-trigger .public-user-info strong{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13.5px!important;
    font-weight:900!important;
    color:var(--text)!important;
  }
  body.panel-body.panel-role-user .panel-account-trigger .public-user-caret,
  body.panel-body.panel-role-writer .panel-account-trigger .public-user-caret,
  body.panel-body.panel-role-admin .panel-account-trigger .public-user-caret{
    display:inline-grid!important;
    place-items:center!important;
    flex:0 0 12px!important;
    width:12px!important;
    min-width:12px!important;
    max-width:12px!important;
    font-size:12px!important;
    line-height:1!important;
    color:var(--muted)!important;
  }
}
@media (max-width:900px){
  body.panel-body.panel-role-user .panel-top-actions.panel-unified-actions,
  body.panel-body.panel-role-writer .panel-top-actions.panel-unified-actions,
  body.panel-body.panel-role-admin .panel-top-actions.panel-unified-actions{
    gap:6px!important;
    justify-content:flex-end!important;
    align-items:center!important;
    width:100%!important;
    padding-left:var(--hp-panel-mobile-menu-area,52px)!important;
  }
  body.panel-body.panel-role-user .panel-site-search-menu,
  body.panel-body.panel-role-writer .panel-site-search-menu,
  body.panel-body.panel-role-admin .panel-site-search-menu,
  body.panel-body.panel-role-user .panel-live-notification-wrap,
  body.panel-body.panel-role-writer .panel-live-notification-wrap,
  body.panel-body.panel-role-admin .panel-live-notification-wrap,
  body.panel-body.panel-role-user .panel-account-menu,
  body.panel-body.panel-role-writer .panel-account-menu,
  body.panel-body.panel-role-admin .panel-account-menu,
  body.panel-body.panel-role-user .panel-search-toggle,
  body.panel-body.panel-role-writer .panel-search-toggle,
  body.panel-body.panel-role-admin .panel-search-toggle,
  body.panel-body.panel-role-user .panel-theme-btn,
  body.panel-body.panel-role-writer .panel-theme-btn,
  body.panel-body.panel-role-admin .panel-theme-btn,
  body.panel-body.panel-role-user .panel-notification-link,
  body.panel-body.panel-role-writer .panel-notification-link,
  body.panel-body.panel-role-admin .panel-notification-link,
  body.panel-body.panel-role-user .panel-account-trigger,
  body.panel-body.panel-role-writer .panel-account-trigger,
  body.panel-body.panel-role-admin .panel-account-trigger{
    width:var(--hp-panel-mobile-action-size,40px)!important;
    height:var(--hp-panel-mobile-action-size,40px)!important;
    min-width:var(--hp-panel-mobile-action-size,40px)!important;
    max-width:var(--hp-panel-mobile-action-size,40px)!important;
    min-height:var(--hp-panel-mobile-action-size,40px)!important;
    max-height:var(--hp-panel-mobile-action-size,40px)!important;
    flex:0 0 var(--hp-panel-mobile-action-size,40px)!important;
    padding:0!important;
    margin:0!important;
    border-radius:12px!important;
    display:inline-grid!important;
    place-items:center!important;
    overflow:visible!important;
  }
  body.panel-body.panel-role-user .panel-account-trigger,
  body.panel-body.panel-role-writer .panel-account-trigger,
  body.panel-body.panel-role-admin .panel-account-trigger{
    padding:4px!important;
    overflow:hidden!important;
  }
  body.panel-body.panel-role-user .panel-account-trigger .public-user-info,
  body.panel-body.panel-role-writer .panel-account-trigger .public-user-info,
  body.panel-body.panel-role-admin .panel-account-trigger .public-user-info,
  body.panel-body.panel-role-user .panel-account-trigger .public-user-caret,
  body.panel-body.panel-role-writer .panel-account-trigger .public-user-caret,
  body.panel-body.panel-role-admin .panel-account-trigger .public-user-caret{display:none!important;}
}

/* 2026-05-08 ChatGPT final: admin, writer and user panel action icons use one desktop/mobile standard */
body.panel-body.panel-role-admin,
body.panel-body.panel-role-writer,
body.panel-body.panel-role-user{
  --hp-unified-panel-action:44px;
  --hp-unified-panel-symbol:20px;
  --hp-unified-panel-radius:14px;
  --hp-unified-panel-gap:8px;
}
body.panel-body.panel-role-admin .panel-top-actions.panel-unified-actions,
body.panel-body.panel-role-writer .panel-top-actions.panel-unified-actions,
body.panel-body.panel-role-user .panel-top-actions.panel-unified-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:var(--hp-unified-panel-gap)!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
  min-width:0!important;
}
body.panel-body.panel-role-admin .panel-site-search-menu,
body.panel-body.panel-role-writer .panel-site-search-menu,
body.panel-body.panel-role-user .panel-site-search-menu,
body.panel-body.panel-role-admin .panel-live-notification-wrap,
body.panel-body.panel-role-writer .panel-live-notification-wrap,
body.panel-body.panel-role-user .panel-live-notification-wrap{
  width:var(--hp-unified-panel-action)!important;
  height:var(--hp-unified-panel-action)!important;
  min-width:var(--hp-unified-panel-action)!important;
  max-width:var(--hp-unified-panel-action)!important;
  flex:0 0 var(--hp-unified-panel-action)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  overflow:visible!important;
}
body.panel-body.panel-role-admin .panel-search-toggle,
body.panel-body.panel-role-writer .panel-search-toggle,
body.panel-body.panel-role-user .panel-search-toggle,
body.panel-body.panel-role-admin .panel-theme-btn,
body.panel-body.panel-role-writer .panel-theme-btn,
body.panel-body.panel-role-user .panel-theme-btn,
body.panel-body.panel-role-admin .panel-notification-link,
body.panel-body.panel-role-writer .panel-notification-link,
body.panel-body.panel-role-user .panel-notification-link{
  width:var(--hp-unified-panel-action)!important;
  height:var(--hp-unified-panel-action)!important;
  min-width:var(--hp-unified-panel-action)!important;
  max-width:var(--hp-unified-panel-action)!important;
  min-height:var(--hp-unified-panel-action)!important;
  max-height:var(--hp-unified-panel-action)!important;
  flex:0 0 var(--hp-unified-panel-action)!important;
  display:inline-grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:1px solid var(--line)!important;
  border-radius:var(--hp-unified-panel-radius)!important;
  background:var(--bg)!important;
  color:var(--text)!important;
  box-shadow:none!important;
  line-height:1!important;
  vertical-align:middle!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  text-decoration:none!important;
  gap:0!important;
}
body.panel-body.panel-role-admin .panel-search-toggle:hover,
body.panel-body.panel-role-writer .panel-search-toggle:hover,
body.panel-body.panel-role-user .panel-search-toggle:hover,
body.panel-body.panel-role-admin .panel-theme-btn:hover,
body.panel-body.panel-role-writer .panel-theme-btn:hover,
body.panel-body.panel-role-user .panel-theme-btn:hover,
body.panel-body.panel-role-admin .panel-notification-link:hover,
body.panel-body.panel-role-writer .panel-notification-link:hover,
body.panel-body.panel-role-user .panel-notification-link:hover,
body.panel-body.panel-role-admin .panel-site-search-menu.open .panel-search-toggle,
body.panel-body.panel-role-writer .panel-site-search-menu.open .panel-search-toggle,
body.panel-body.panel-role-user .panel-site-search-menu.open .panel-search-toggle,
body.panel-body.panel-role-admin .panel-notification-link[aria-expanded="true"],
body.panel-body.panel-role-writer .panel-notification-link[aria-expanded="true"],
body.panel-body.panel-role-user .panel-notification-link[aria-expanded="true"]{
  background:rgba(37,99,235,.10)!important;
  border-color:rgba(37,99,235,.32)!important;
  color:var(--brand)!important;
  transform:none!important;
}
body.panel-body.panel-role-admin .panel-search-toggle span,
body.panel-body.panel-role-writer .panel-search-toggle span,
body.panel-body.panel-role-user .panel-search-toggle span,
body.panel-body.panel-role-admin .panel-notification-link .notification-top-icon,
body.panel-body.panel-role-writer .panel-notification-link .notification-top-icon,
body.panel-body.panel-role-user .panel-notification-link .notification-top-icon,
body.panel-body.panel-role-admin .panel-theme-btn .theme-icon,
body.panel-body.panel-role-writer .panel-theme-btn .theme-icon,
body.panel-body.panel-role-user .panel-theme-btn .theme-icon{
  width:var(--hp-unified-panel-symbol)!important;
  height:var(--hp-unified-panel-symbol)!important;
  min-width:var(--hp-unified-panel-symbol)!important;
  max-width:var(--hp-unified-panel-symbol)!important;
  min-height:var(--hp-unified-panel-symbol)!important;
  max-height:var(--hp-unified-panel-symbol)!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 var(--hp-unified-panel-symbol)!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  font-size:var(--hp-unified-panel-symbol)!important;
  color:currentColor!important;
}
body.panel-body.panel-role-admin .panel-search-toggle svg,
body.panel-body.panel-role-writer .panel-search-toggle svg,
body.panel-body.panel-role-user .panel-search-toggle svg,
body.panel-body.panel-role-admin .panel-notification-link .notification-top-icon svg,
body.panel-body.panel-role-writer .panel-notification-link .notification-top-icon svg,
body.panel-body.panel-role-user .panel-notification-link .notification-top-icon svg{
  width:var(--hp-unified-panel-symbol)!important;
  height:var(--hp-unified-panel-symbol)!important;
  min-width:var(--hp-unified-panel-symbol)!important;
  max-width:var(--hp-unified-panel-symbol)!important;
  min-height:var(--hp-unified-panel-symbol)!important;
  max-height:var(--hp-unified-panel-symbol)!important;
  display:block!important;
  fill:currentColor!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}
body.panel-body.panel-role-admin .panel-notification-link .notification-top-text,
body.panel-body.panel-role-writer .panel-notification-link .notification-top-text,
body.panel-body.panel-role-user .panel-notification-link .notification-top-text{
  display:none!important;
}
body.panel-body.panel-role-admin .panel-notification-link .notification-top-badge,
body.panel-body.panel-role-writer .panel-notification-link .notification-top-badge,
body.panel-body.panel-role-user .panel-notification-link .notification-top-badge{
  position:absolute!important;
  top:-6px!important;
  right:-6px!important;
  min-width:19px!important;
  width:auto!important;
  height:19px!important;
  padding:0 5px!important;
  margin:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border:2px solid var(--card)!important;
  border-radius:999px!important;
  background:#ef4444!important;
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:950!important;
  line-height:1!important;
  z-index:3!important;
}
body.panel-body.panel-role-admin .panel-notification-link .notification-top-badge[hidden],
body.panel-body.panel-role-writer .panel-notification-link .notification-top-badge[hidden],
body.panel-body.panel-role-user .panel-notification-link .notification-top-badge[hidden]{
  display:none!important;
}
@media (max-width:900px){
  body.panel-body.panel-role-admin,
  body.panel-body.panel-role-writer,
  body.panel-body.panel-role-user{
    --hp-unified-panel-action:40px;
    --hp-unified-panel-symbol:20px;
    --hp-unified-panel-radius:12px;
    --hp-unified-panel-gap:6px;
  }
  body.panel-body.panel-role-admin .panel-top-actions.panel-unified-actions,
  body.panel-body.panel-role-writer .panel-top-actions.panel-unified-actions,
  body.panel-body.panel-role-user .panel-top-actions.panel-unified-actions{
    gap:var(--hp-unified-panel-gap)!important;
    padding-left:var(--hp-panel-mobile-menu-area,52px)!important;
  }
}
@media (max-width:420px){
  body.panel-body.panel-role-admin,
  body.panel-body.panel-role-writer,
  body.panel-body.panel-role-user{
    --hp-unified-panel-action:38px;
    --hp-unified-panel-symbol:19px;
    --hp-unified-panel-radius:11px;
    --hp-unified-panel-gap:5px;
  }
}

/* Premium membership module */
.premium-inline-badge,.premium-article-badge,.premium-article-card-badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;padding:.22rem .55rem;background:linear-gradient(135deg,#fde68a,#f59e0b);color:#78350f;font-size:.76rem;font-weight:800;line-height:1;vertical-align:middle;box-shadow:0 8px 22px rgba(245,158,11,.18)}
.premium-article-badge{margin-inline-start:.5rem;margin-bottom:.7rem}.premium-article-card-badge{position:absolute;left:12px;top:12px;z-index:3}.article-card-premium .article-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(245,158,11,.08),rgba(17,24,39,.1));pointer-events:none;border-radius:inherit}.premium-user-hero,.premium-admin-hero{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(37,99,235,.08));border:1px solid rgba(245,158,11,.22)}.premium-current-status{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border-radius:18px;background:rgba(255,255,255,.7);min-width:220px}.premium-user-layout,.premium-admin-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.premium-plan-grid,.premium-admin-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.premium-plan-card,.premium-admin-plan-card{position:relative;overflow:hidden}.premium-plan-card-top,.premium-plan-card-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.7rem}.premium-plan-period,.premium-plan-badge{display:inline-flex;border-radius:999px;padding:.26rem .6rem;background:rgba(37,99,235,.09);color:#1d4ed8;font-size:.78rem;font-weight:700}.premium-plan-badge{background:rgba(245,158,11,.18);color:#92400e}.premium-plan-price strong{font-size:1.65rem}.premium-feature-list,.premium-admin-plan-card ul,.premium-difference-list{list-style:none;padding:0;margin:.8rem 0;display:grid;gap:.45rem}.premium-feature-list li,.premium-admin-plan-card li,.premium-difference-list li{display:flex;gap:.45rem;align-items:flex-start}.premium-payment-details{margin-top:1rem}.premium-payment-details summary{cursor:pointer;list-style:none}.premium-payment-form{display:grid;gap:.75rem;margin-top:.85rem}.premium-history-list{display:grid;gap:.75rem}.premium-history-item{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.85rem;border:1px solid rgba(148,163,184,.24);border-radius:16px;background:rgba(255,255,255,.72)}.premium-bank-card pre{white-space:pre-wrap;font-family:inherit;background:rgba(15,23,42,.04);border-radius:14px;padding:1rem}.premium-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem}.premium-admin-stat{padding:1rem;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(148,163,184,.22)}.premium-admin-stat strong{display:block;font-size:1.45rem}.premium-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.premium-payments-table td{vertical-align:top}.premium-editor-check{display:flex;align-items:center;gap:.45rem;font-weight:700}.premium-lock-card{display:flex;gap:1rem;align-items:flex-start;margin:1.2rem 0;padding:1.25rem;border-radius:22px;background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(37,99,235,.08));border:1px solid rgba(245,158,11,.28);box-shadow:0 18px 50px rgba(15,23,42,.08)}.premium-lock-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#f59e0b;color:#fff;font-size:1.5rem;box-shadow:0 14px 28px rgba(245,158,11,.28);flex:0 0 auto}.premium-lock-kicker{display:inline-flex;margin-bottom:.35rem;color:#92400e;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}.premium-lock-summary{padding:.8rem;border-radius:14px;background:rgba(255,255,255,.72)}.premium-lock-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.9rem}.premium-comment-locked{padding:1rem;border-radius:16px;background:rgba(245,158,11,.12);border:1px dashed rgba(245,158,11,.45);font-weight:700}.dark .premium-current-status,.dark .premium-history-item,.dark .premium-admin-stat,.dark .premium-bank-card pre{background:rgba(15,23,42,.58)}.dark .premium-lock-card{background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(37,99,235,.14));border-color:rgba(245,158,11,.32)}@media(max-width:720px){.premium-user-hero,.premium-admin-hero{align-items:stretch;flex-direction:column}.premium-current-status{min-width:0}.premium-lock-card{flex-direction:column}.premium-history-item{align-items:flex-start;flex-direction:column}.premium-payments-table{min-width:720px}}

/* Premium plan delete/upgrade state */
.premium-plan-card-disabled{opacity:.82}.premium-plan-card-disabled .premium-payment-details{display:none}.premium-current-badge{background:rgba(34,197,94,.16);color:#166534}.premium-upgrade-badge{background:rgba(37,99,235,.14);color:#1d4ed8}.premium-plan-rule-message{margin:.8rem 0 0;padding:.75rem .85rem;border-radius:14px;font-size:.9rem;font-weight:700;line-height:1.45}.premium-plan-rule-message.is-locked{background:rgba(239,68,68,.08);border:1px dashed rgba(239,68,68,.26);color:#991b1b}.premium-plan-rule-message.is-upgrade{background:rgba(37,99,235,.08);border:1px dashed rgba(37,99,235,.26);color:#1d4ed8}.premium-disabled-button{margin-top:1rem;width:100%;cursor:not-allowed;opacity:.72}.premium-plan-state-current{border-color:rgba(34,197,94,.26)!important}.premium-plan-state-upgrade{border-color:rgba(37,99,235,.28)!important}.premium-admin-plan-card .actions{display:flex;gap:.45rem;flex-wrap:wrap}.premium-admin-plan-card .actions form{display:inline-flex;margin:0}.dark .premium-plan-rule-message.is-locked{background:rgba(239,68,68,.12);color:#fecaca}.dark .premium-plan-rule-message.is-upgrade{background:rgba(37,99,235,.14);color:#bfdbfe}

/* 2026-05-08 Mobile editor restored to original toolbar + larger writing focus area */
.article-editor-shell .hp-writing-editor.tox-tinymce,
.article-editor-shell .tox-tinymce{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.article-editor-shell .tox .tox-edit-area__iframe{background:var(--card,#fff)!important}
@media(max-width:760px){
  .article-editor-page-wrap{width:100%!important;max-width:100%!important;overflow-x:hidden!important;margin-inline:-4px!important}
  .article-editor-toolbar{margin-bottom:10px!important}
  .article-editor-shell.article-editor-flat,
  .article-editor-shell.article-editor-v2{display:flex!important;flex-direction:column!important;gap:10px!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
  .article-editor-shell .article-editor-main{gap:10px!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
  .article-editor-shell .article-flat-section{padding:12px!important;border-radius:16px!important;box-shadow:none!important;overflow:hidden!important}
  .article-editor-shell .article-section-head{margin:0 0 10px!important;padding:0 0 10px!important;gap:8px!important}
  .article-editor-shell .article-section-head h3{font-size:15px!important}
  .article-editor-shell .article-section-head p{display:none!important}
  .article-editor-shell .editor-embed-tools,
  .article-editor-shell .editor-media-launch{margin:0 0 8px!important;padding:10px!important;border-radius:14px!important;gap:8px!important;overflow:hidden!important}
  .article-editor-shell .editor-embed-tools h3,
  .article-editor-shell .editor-media-launch h3{font-size:14px!important;margin:0!important}
  .article-editor-shell .editor-embed-tools p,
  .article-editor-shell .editor-media-launch p,
  .article-editor-shell .editor-embed-tools small{display:none!important}
  .article-editor-shell .editor-embed-tools .grid.two{display:none!important}
  .article-editor-shell .editor-embed-tools .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important}
  .article-editor-shell .editor-embed-tools .actions .btn,
  .article-editor-shell .editor-media-launch .btn{min-height:38px!important;width:100%!important;padding:8px 10px!important;font-size:12px!important;border-radius:12px!important}
  .article-editor-shell .editor-media-launch{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .article-editor-shell .hp-writing-editor-original-mobile.tox-tinymce,
  .article-editor-shell .hp-writing-editor.tox-tinymce,
  .article-editor-shell .tox-tinymce{height:74vh!important;min-height:560px!important;max-height:840px!important;border-radius:16px!important;box-shadow:none!important;overflow:hidden!important}
  .article-editor-shell .tox-editor-container,
  .article-editor-shell .tox-sidebar-wrap{height:100%!important;min-height:0!important}
  .article-editor-shell .tox .tox-editor-header{border-bottom:1px solid var(--border,#e5e7eb)!important;box-shadow:none!important;position:relative!important;z-index:2!important}
  .article-editor-shell .tox .tox-toolbar-overlord,
  .article-editor-shell .tox .tox-toolbar__primary,
  .article-editor-shell .tox .tox-toolbar__group{flex-wrap:wrap!important;white-space:normal!important;max-width:100%!important;min-width:0!important;overflow-x:visible!important;overflow-y:visible!important}
  .article-editor-shell .tox .tox-toolbar__group{gap:2px!important;padding:3px!important}
  .article-editor-shell .tox .tox-tbtn{width:34px!important;height:34px!important;min-width:34px!important;margin:0 1px!important;border-radius:10px!important}
  .article-editor-shell .tox .tox-tbtn--select{width:auto!important;min-width:90px!important;max-width:130px!important}
  .article-editor-shell .tox .tox-edit-area{flex:1 1 auto!important;height:auto!important;min-height:430px!important;overflow:hidden!important}
  .article-editor-shell .tox .tox-edit-area__iframe{min-height:430px!important}
  .article-editor-shell .article-editor-side{display:flex!important;flex-direction:column!important;gap:10px!important;order:2!important;max-width:100%!important;width:100%!important;position:static!important}
  .article-editor-shell .article-side-card{padding:12px!important;border-radius:16px!important;box-shadow:none!important}
  .article-side-actions{position:sticky!important;bottom:8px!important;z-index:20!important;padding:8px!important;border-radius:16px!important;backdrop-filter:blur(12px)!important}
  .article-side-actions .btn{min-height:40px!important;font-size:13px!important;border-radius:12px!important}
  .article-draft-statusbar{font-size:12px!important;padding:8px 10px!important;border-radius:14px!important;margin-bottom:8px!important}
  .article-draft-icon{width:24px!important;height:24px!important;border-radius:8px!important}
  .tox.tox-silver-sink .tox-dialog{width:min(96vw,520px)!important;max-width:96vw!important;margin:0 auto!important}
  .tox.tox-silver-sink .tox-dialog__body-content{max-height:60vh!important;overflow:auto!important}
}
@media(max-width:420px){
  .article-editor-page-wrap{margin-inline:-6px!important;width:calc(100% + 12px)!important;max-width:calc(100% + 12px)!important}
  .article-editor-shell .hp-writing-editor-original-mobile.tox-tinymce,
  .article-editor-shell .hp-writing-editor.tox-tinymce,
  .article-editor-shell .tox-tinymce{height:72vh!important;min-height:520px!important;max-height:800px!important}
  .article-editor-shell .tox .tox-edit-area{min-height:390px!important}
  .article-editor-shell .tox .tox-edit-area__iframe{min-height:390px!important}
  .article-editor-shell .editor-embed-tools .actions{grid-template-columns:1fr!important}
}

/* 2026-05-08 TinyMCE mobile writable stability fix
   Full editor features remain enabled; mobile layout no longer blocks the typing iframe. */
.article-editor-shell .hp-writing-editor-safe-mobile.tox-tinymce,
.article-editor-shell .hp-writing-editor.tox-tinymce,
.article-editor-shell .tox-tinymce{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  .article-editor-page-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    margin-inline:0!important;
  }
  .article-editor-shell.article-editor-flat,
  .article-editor-shell.article-editor-v2{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:0!important;
    margin:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .article-editor-shell .article-editor-main,
  .article-editor-shell .article-flat-section{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .article-editor-shell .article-flat-section{
    padding:12px!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }
  .article-editor-shell .article-section-head{margin:0 0 10px!important;padding:0 0 10px!important;gap:8px!important}
  .article-editor-shell .article-section-head h3{font-size:15px!important}
  .article-editor-shell .article-section-head p{display:none!important}
  .article-editor-shell .editor-embed-tools,
  .article-editor-shell .editor-media-launch{
    margin:0 0 8px!important;
    padding:10px!important;
    border-radius:14px!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  .article-editor-shell .editor-embed-tools .grid.two{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .article-editor-shell .editor-embed-tools .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:8px 0 0!important}
  .article-editor-shell .editor-embed-tools .actions .btn,
  .article-editor-shell .editor-media-launch .btn{min-height:38px!important;width:100%!important;padding:8px 10px!important;font-size:12px!important;border-radius:12px!important}

  .article-editor-shell .hp-writing-editor-safe-mobile.tox-tinymce,
  .article-editor-shell .hp-writing-editor.tox-tinymce,
  .article-editor-shell .tox-tinymce{
    height:82vh!important;
    min-height:640px!important;
    max-height:none!important;
    border-radius:16px!important;
    box-shadow:none!important;
    overflow:hidden!important;
    touch-action:auto!important;
  }
  .article-editor-shell .tox-editor-container,
  .article-editor-shell .tox-sidebar-wrap{
    height:100%!important;
    min-height:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    touch-action:auto!important;
  }
  .article-editor-shell .tox .tox-editor-header{
    flex:0 0 auto!important;
    border-bottom:1px solid var(--border,#e5e7eb)!important;
    box-shadow:none!important;
    position:relative!important;
    z-index:2!important;
    max-width:100%!important;
    overflow:visible!important;
    touch-action:auto!important;
  }
  .article-editor-shell .tox .tox-menubar,
  .article-editor-shell .tox .tox-toolbar-overlord,
  .article-editor-shell .tox .tox-toolbar__primary,
  .article-editor-shell .tox .tox-toolbar__group{
    max-width:100%!important;
    min-width:0!important;
    flex-wrap:wrap!important;
    white-space:normal!important;
    overflow:visible!important;
    touch-action:auto!important;
    -webkit-overflow-scrolling:auto!important;
  }
  .article-editor-shell .tox .tox-toolbar__group{gap:2px!important;padding:3px!important}
  .article-editor-shell .tox .tox-mbtn,
  .article-editor-shell .tox .tox-tbtn{
    min-width:34px!important;
    min-height:34px!important;
    height:34px!important;
    margin:1px!important;
    border-radius:10px!important;
    flex:0 0 auto!important;
  }
  .article-editor-shell .tox .tox-tbtn--select{width:auto!important;min-width:88px!important;max-width:145px!important;padding-inline:6px!important}
  .article-editor-shell .tox .tox-edit-area{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:500px!important;
    overflow:hidden!important;
    pointer-events:auto!important;
    touch-action:auto!important;
    -webkit-user-select:text!important;
    user-select:text!important;
  }
  .article-editor-shell .tox .tox-edit-area__iframe{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:500px!important;
    background:var(--card,#fff)!important;
    pointer-events:auto!important;
    touch-action:auto!important;
    -webkit-user-select:text!important;
    user-select:text!important;
  }
  .article-editor-shell .tox .tox-statusbar{flex:0 0 auto!important;min-height:24px!important;overflow:hidden!important}
  .article-editor-shell textarea.rich-editor[data-editor-fallback="1"]{
    display:block!important;
    visibility:visible!important;
    min-height:620px!important;
    width:100%!important;
    border:1px solid var(--border,#e5e7eb)!important;
    border-radius:16px!important;
    background:var(--card,#fff)!important;
    color:var(--text,#111827)!important;
    font-size:17px!important;
    line-height:1.75!important;
    padding:14px!important;
  }
  .article-editor-shell .article-editor-side{display:flex!important;flex-direction:column!important;gap:10px!important;order:2!important;max-width:100%!important;width:100%!important;position:static!important}
  .article-editor-shell .article-side-card{padding:12px!important;border-radius:16px!important;box-shadow:none!important}
  .article-side-actions{position:sticky!important;bottom:8px!important;z-index:20!important;padding:8px!important;border-radius:16px!important;backdrop-filter:blur(12px)!important}
  .article-side-actions .btn{min-height:40px!important;font-size:13px!important;border-radius:12px!important}
  .tox.tox-silver-sink .tox-dialog-wrap,
  .tox.tox-tinymce-aux .tox-dialog-wrap{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:10px!important;pointer-events:auto!important}
  .tox.tox-silver-sink .tox-dialog,
  .tox.tox-tinymce-aux .tox-dialog{width:min(96vw,720px)!important;max-width:96vw!important;max-height:92vh!important;margin:auto!important;border-radius:16px!important;overflow:hidden!important}
  .tox.tox-silver-sink .tox-dialog__body-content,
  .tox.tox-tinymce-aux .tox-dialog__body-content{max-height:64vh!important;overflow:auto!important}
  body.tox-fullscreen .tox.tox-tinymce.tox-fullscreen{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    min-height:100dvh!important;
    border-radius:0!important;
    z-index:2147483500!important;
  }
  body.tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-edit-area,
  body.tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-edit-area__iframe{min-height:0!important;height:100%!important;pointer-events:auto!important;touch-action:auto!important}
}
@media(max-width:420px){
  .article-editor-page-wrap{margin-inline:0!important;width:100%!important;max-width:100%!important}
  .article-editor-shell .hp-writing-editor-safe-mobile.tox-tinymce,
  .article-editor-shell .hp-writing-editor.tox-tinymce,
  .article-editor-shell .tox-tinymce{height:80vh!important;min-height:600px!important;max-height:none!important}
  .article-editor-shell .tox .tox-edit-area{min-height:460px!important}
  .article-editor-shell .tox .tox-edit-area__iframe{min-height:460px!important}
  .article-editor-shell .editor-embed-tools .actions{grid-template-columns:1fr!important}
}

/* 2026-05-08 FINAL FIX: Mobile TinyMCE tools must never cover the writing area.
   Full features remain enabled. Toolbar/menubar stay in their own scrollable header;
   the editable iframe is a separate flex area below it. */
@media(max-width:760px){
  .article-editor-shell .hp-writing-editor-mobile-unblocked.tox-tinymce,
  .article-editor-shell .hp-writing-editor-safe-mobile.tox-tinymce,
  .article-editor-shell .hp-writing-editor.tox-tinymce,
  .article-editor-shell .tox-tinymce{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    height:78dvh!important;
    min-height:620px!important;
    max-height:none!important;
    overflow:hidden!important;
    border-radius:16px!important;
    touch-action:auto!important;
  }
  .article-editor-shell .tox-editor-container{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  .article-editor-shell .tox-sidebar-wrap{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
  }
  .article-editor-shell .tox .tox-editor-header{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    max-height:178px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    z-index:1!important;
    pointer-events:auto!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
    box-shadow:none!important;
    border-bottom:1px solid var(--border,#e5e7eb)!important;
  }
  .article-editor-shell .tox .tox-menubar,
  .article-editor-shell .tox .tox-toolbar-overlord,
  .article-editor-shell .tox .tox-toolbar,
  .article-editor-shell .tox .tox-toolbar__primary,
  .article-editor-shell .tox .tox-toolbar__overflow{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    z-index:1!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x!important;
  }
  .article-editor-shell .tox .tox-toolbar__primary,
  .article-editor-shell .tox .tox-toolbar__overflow{
    display:flex!important;
  }
  .article-editor-shell .tox .tox-toolbar__group{
    flex:0 0 auto!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    max-width:none!important;
    overflow:visible!important;
    gap:2px!important;
  }
  .article-editor-shell .tox .tox-tbtn,
  .article-editor-shell .tox .tox-mbtn{
    flex:0 0 auto!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    margin:1px!important;
    border-radius:10px!important;
  }
  .article-editor-shell .tox .tox-tbtn--select,
  .article-editor-shell .tox .tox-split-button,
  .article-editor-shell .tox .tox-split-button__chevron{
    flex:0 0 auto!important;
  }
  .article-editor-shell .tox .tox-tbtn--select{
    width:auto!important;
    min-width:88px!important;
    max-width:150px!important;
  }
  .article-editor-shell .tox .tox-edit-area{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:360px!important;
    height:auto!important;
    overflow:hidden!important;
    pointer-events:auto!important;
    touch-action:auto!important;
    -webkit-user-select:text!important;
    user-select:text!important;
    background:var(--card,#fff)!important;
  }
  .article-editor-shell .tox .tox-edit-area__iframe{
    position:relative!important;
    z-index:3!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:360px!important;
    max-height:none!important;
    background:var(--card,#fff)!important;
    pointer-events:auto!important;
    touch-action:auto!important;
    -webkit-user-select:text!important;
    user-select:text!important;
  }
  .article-editor-shell .tox .tox-statusbar{
    flex:0 0 auto!important;
    min-height:24px!important;
    max-height:30px!important;
    overflow:hidden!important;
  }
  .article-editor-shell .article-side-actions{
    position:static!important;
    z-index:auto!important;
    backdrop-filter:none!important;
  }
}
@media(max-width:420px){
  .article-editor-shell .hp-writing-editor-mobile-unblocked.tox-tinymce,
  .article-editor-shell .hp-writing-editor-safe-mobile.tox-tinymce,
  .article-editor-shell .hp-writing-editor.tox-tinymce,
  .article-editor-shell .tox-tinymce{
    height:76dvh!important;
    min-height:560px!important;
  }
  .article-editor-shell .tox .tox-editor-header{max-height:168px!important}
  .article-editor-shell .tox .tox-edit-area,
  .article-editor-shell .tox .tox-edit-area__iframe{min-height:330px!important}
}
body.tox-fullscreen .tox.tox-tinymce.tox-fullscreen{
  display:flex!important;
  flex-direction:column!important;
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-height:100dvh!important;
  min-height:100dvh!important;
  border-radius:0!important;
  z-index:2147483500!important;
}
body.tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-editor-container,
body.tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-sidebar-wrap{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
}
body.tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-editor-header{
  position:static!important;
  flex:0 0 auto!important;
  max-height:180px!important;
  overflow:auto!important;
  z-index:1!important;
}
body.tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-edit-area{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  position:relative!important;
  z-index:2!important;
}
body.tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-edit-area__iframe{
  height:100%!important;
  min-height:0!important;
  pointer-events:auto!important;
  touch-action:auto!important;
}



/* 2026-05-08 Panel logo dashboard link fix */
.panel-logo-home-link{cursor:pointer;position:relative;text-decoration:none!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.panel-logo-home-link:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:4px;border-radius:12px}
.sidebar-head .panel-logo-home-link{z-index:2}
@media(max-width:900px){
  .panel-top-mobile-brand.panel-logo-home-link{z-index:10075!important;pointer-events:auto!important;cursor:pointer!important}
  .panel-top-mobile-brand.panel-logo-home-link:before{content:"";position:absolute;inset:-8px;display:block}
}

/* 2026-05-08 Admin withdrawals flat dashboard redesign */
.withdrawal-admin-page{display:grid;gap:18px}.withdrawal-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:0;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(15,23,42,.025)),var(--card)}.withdrawal-hero h2{margin:10px 0 8px;font-size:clamp(22px,3vw,34px);line-height:1.12}.withdrawal-hero p{max-width:860px;line-height:1.65}.withdrawal-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:max-content}.withdrawal-admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.withdrawal-stat-card{color:inherit;text-decoration:none;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.withdrawal-stat-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--brand);opacity:.16}.withdrawal-stat-card:hover,.withdrawal-stat-card.active{transform:translateY(-2px);border-color:rgba(37,99,235,.34);box-shadow:0 20px 46px rgba(15,23,42,.12)}.withdrawal-stat-card span{display:block;color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.withdrawal-stat-card strong{margin-top:5px}.withdrawal-stat-card small{display:block;margin-top:7px;color:var(--muted);font-weight:800}.withdrawal-filter-card{margin-bottom:0}.withdrawal-filter-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr .9fr .9fr auto;gap:14px;align-items:end}.withdrawal-filter-grid label{margin:0}.withdrawal-filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-bottom:1px}.withdrawal-admin-table-wrap{overflow:hidden}.withdrawal-table-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 18px 0}.withdrawal-table-head h2{margin:0}.withdrawal-table-head p{margin:4px 0 0}.withdrawal-admin-table{min-width:1180px}.withdrawal-admin-table th{background:rgba(15,23,42,.025);position:sticky;top:0;z-index:1}.withdrawal-admin-table tbody tr{transition:background .18s ease}.withdrawal-admin-table tbody tr:hover{background:rgba(37,99,235,.035)}.withdrawal-user-cell{display:flex;align-items:center;gap:10px;min-width:210px}.withdrawal-user-cell strong{display:block}.withdrawal-user-cell small{display:block;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}.withdrawal-user-avatar{width:42px;height:42px;border-radius:15px;display:inline-grid;place-items:center;flex:0 0 42px;background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(15,23,42,.06));border:1px solid var(--line);color:var(--brand);font-weight:950}.withdrawal-amount{font-size:16px;white-space:nowrap}.withdrawal-bank-details summary{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.16);padding:8px 11px}.withdrawal-bank-details summary:before{content:"⌄";font-weight:950}.withdrawal-refund-note{display:block;margin-top:6px;color:var(--muted);font-weight:800}.withdrawal-invoice-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}.withdrawal-date-list{display:grid;gap:4px;min-width:180px;color:var(--muted);font-size:12.5px}.withdrawal-date-list b{color:var(--text)}.withdrawal-action-card{display:grid;grid-template-columns:minmax(140px,1fr) minmax(150px,1fr) auto;gap:8px;align-items:center;min-width:430px}.withdrawal-action-card select,.withdrawal-action-card input{min-width:0}.status-approved{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.25)}.status-row-pending td:first-child{box-shadow:inset 4px 0 0 rgba(245,158,11,.65)}.status-row-payment_pending td:first-child{box-shadow:inset 4px 0 0 rgba(37,99,235,.55)}.status-row-completed td:first-child{box-shadow:inset 4px 0 0 rgba(22,163,74,.60)}.status-row-cancelled td:first-child{box-shadow:inset 4px 0 0 rgba(220,38,38,.55)}
@media(max-width:1180px){.withdrawal-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.withdrawal-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.withdrawal-filter-actions{justify-content:flex-start}.withdrawal-hero{align-items:flex-start;flex-direction:column}.withdrawal-hero-actions{min-width:0;width:100%;justify-content:flex-start}}
@media(max-width:760px){.withdrawal-admin-page{gap:14px}.withdrawal-admin-stats{grid-template-columns:1fr}.withdrawal-filter-grid{grid-template-columns:1fr}.withdrawal-filter-actions .btn{flex:1 1 auto}.withdrawal-table-head{align-items:flex-start;flex-direction:column;padding:16px}.withdrawal-admin-table{min-width:0}.withdrawal-admin-table thead{display:none}.withdrawal-admin-table,.withdrawal-admin-table tbody,.withdrawal-admin-table tr,.withdrawal-admin-table td{display:block;width:100%}.withdrawal-admin-table tbody{display:grid;gap:14px;padding:0 14px 14px}.withdrawal-admin-table tr{border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 12px 28px rgba(15,23,42,.06);overflow:hidden}.withdrawal-admin-table td{border-bottom:1px solid var(--line);padding:13px 14px}.withdrawal-admin-table td:last-child{border-bottom:0}.withdrawal-admin-table td:before{content:attr(data-label);display:block;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.03em}.withdrawal-user-cell{min-width:0}.withdrawal-action-card{min-width:0;grid-template-columns:1fr}.withdrawal-action-card .btn{width:100%}.withdrawal-date-list{min-width:0}.withdrawal-bank-details div{min-width:0;word-break:break-word}.status-row-pending td:first-child,.status-row-payment_pending td:first-child,.status-row-completed td:first-child,.status-row-cancelled td:first-child{box-shadow:none;border-left:4px solid transparent}.status-row-pending td:first-child{border-left-color:rgba(245,158,11,.65)}.status-row-payment_pending td:first-child{border-left-color:rgba(37,99,235,.55)}.status-row-completed td:first-child{border-left-color:rgba(22,163,74,.60)}.status-row-cancelled td:first-child{border-left-color:rgba(220,38,38,.55)}}
html[data-theme="dark"] .withdrawal-hero{background:linear-gradient(135deg,rgba(96,165,250,.13),rgba(255,255,255,.025)),var(--card)}html[data-theme="dark"] .withdrawal-admin-table th{background:rgba(255,255,255,.035)}html[data-theme="dark"] .withdrawal-admin-table tbody tr:hover{background:rgba(96,165,250,.06)}html[data-theme="dark"] .withdrawal-user-avatar{background:rgba(96,165,250,.14)}

/* Advanced flat media manager */
.media-admin-shell{display:grid;gap:18px}.media-admin-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(14,165,233,.04)),var(--card);box-shadow:none}.media-admin-hero h2{margin:4px 0 8px;font-size:28px;letter-spacing:-.03em}.media-admin-hero p{margin:0;color:var(--muted);max-width:780px;line-height:1.6}.media-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(37,99,235,.1);color:var(--brand);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.media-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.media-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.media-stat-card{position:relative;display:grid;gap:8px;min-height:126px;padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:none;color:var(--text);overflow:hidden}.media-stat-card:before{content:"";position:absolute;inset:auto -26px -34px auto;width:96px;height:96px;border-radius:999px;background:rgba(37,99,235,.08)}.media-stat-card span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:var(--bg);font-weight:1000;color:var(--brand)}.media-stat-card small{color:var(--muted);font-weight:800}.media-stat-card strong{font-size:26px;line-height:1}.media-stat-card.warning span:first-child{background:#fffbeb;color:#92400e}.media-stat-card.muted{pointer-events:none}.media-upload-card,.media-filter-card{border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:none;padding:20px}.media-upload-head,.media-filter-head,.media-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.media-upload-head h3,.media-filter-head h3{margin:0 0 4px}.media-upload-head p,.media-filter-head p{margin:0;color:var(--muted);line-height:1.5}.media-upload-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.media-upload-grid label,.media-filter-grid label,.media-meta-form label{display:grid;gap:7px;font-weight:850;color:var(--text)}.media-upload-grid input,.media-upload-grid select,.media-upload-grid textarea,.media-filter-grid input,.media-filter-grid select,.media-meta-form input,.media-meta-form textarea,.media-path-copy input{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);padding:11px 12px;outline:none}.media-upload-grid textarea,.media-meta-form textarea{resize:vertical}.media-file-drop{grid-column:span 2;min-height:72px;border:1px dashed var(--line);border-radius:18px;padding:12px;background:rgba(37,99,235,.035)}.media-file-drop input{padding:8px;background:transparent;border:0}.media-file-drop span{color:var(--muted);font-weight:700;font-size:13px}.media-filter-grid{display:grid;grid-template-columns:2fr repeat(6,minmax(130px,1fr)) auto;gap:12px;align-items:end}.media-view-switch{display:flex;gap:8px;flex-wrap:wrap}.media-view-switch a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:var(--muted);font-weight:900;background:var(--bg)}.media-view-switch a.active{background:var(--brand);border-color:var(--brand);color:white}.media-library-toolbar{padding:14px 16px;border:1px solid var(--line);border-radius:20px;background:var(--card);margin-bottom:0}.media-library-toolbar>div{display:grid;gap:3px}.media-library-toolbar span{color:var(--muted);font-size:13px}.media-bulk-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}.media-select-all{display:flex;align-items:center;gap:8px;font-weight:850;color:var(--muted)}.media-select-all input{width:auto}.media-advanced-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(278px,1fr));gap:16px}.media-advanced-grid.is-list{grid-template-columns:1fr}.media-advanced-card{position:relative;display:grid;gap:0;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:none;overflow:hidden}.media-advanced-card.is-list{grid-template-columns:240px minmax(0,1fr);align-items:stretch}.media-select-check{position:absolute;top:12px;left:12px;z-index:3;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(15,23,42,.45);backdrop-filter:blur(8px);cursor:pointer}.media-select-check input{position:absolute;opacity:0}.media-select-check span{width:16px;height:16px;border-radius:5px;border:2px solid white;background:transparent}.media-select-check input:checked+span{background:var(--brand);border-color:var(--brand);box-shadow:inset 0 0 0 3px white}.media-advanced-preview{position:relative;height:190px;background:var(--bg);overflow:hidden}.media-advanced-card.is-list .media-advanced-preview{height:100%;min-height:210px}.media-advanced-preview img,.media-advanced-preview video{width:100%;height:100%;object-fit:cover;display:block}.media-type-chip{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:rgba(15,23,42,.7);color:white;font-size:12px;font-weight:900;backdrop-filter:blur(8px)}.media-advanced-info{display:grid;gap:12px;padding:14px}.media-card-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.media-card-title-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.media-seo-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:var(--bg);color:var(--muted);font-size:11px;font-weight:900;white-space:nowrap}.media-seo-badge.ok{background:#dcfce7;color:#166534}.media-seo-badge.warn{background:#fef3c7;color:#92400e}.media-seo-badge.soft{background:#e0f2fe;color:#075985}.media-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.media-detail-grid span{display:grid;gap:2px;min-width:0;padding:8px;border-radius:12px;background:var(--bg);font-size:12px;color:var(--muted)}.media-detail-grid b{font-size:11px;color:var(--text);text-transform:uppercase;letter-spacing:.035em}.media-path-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.media-path-copy input{font-size:12px}.media-meta-details{border:1px solid var(--line);border-radius:16px;background:var(--bg);overflow:hidden}.media-meta-details summary{cursor:pointer;padding:11px 12px;font-weight:900;color:var(--text)}.media-meta-form{display:grid;gap:10px;padding:0 12px 12px}.media-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.media-card-actions form{margin:0}.media-card-actions .btn{width:auto}.media-pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:4px}.media-pagination span{font-weight:900;color:var(--muted)}.media-empty-state{display:grid;gap:6px}.media-empty-state p{margin:0}.grid-span-2{grid-column:span 2}@media(max-width:1220px){.media-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.media-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.media-filter-grid .btn{width:100%}.media-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.media-admin-hero,.media-upload-head,.media-filter-head,.media-library-toolbar{display:grid}.media-hero-actions,.media-view-switch{justify-content:stretch}.media-hero-actions .btn,.media-view-switch a,.media-bulk-form .btn{width:100%;justify-content:center}.media-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-upload-grid,.media-filter-grid{grid-template-columns:1fr}.media-file-drop,.grid-span-2{grid-column:auto}.media-advanced-card.is-list{grid-template-columns:1fr}.media-advanced-card.is-list .media-advanced-preview{height:190px;min-height:0}.media-bulk-form{display:grid;width:100%}.media-select-all{justify-content:center}.media-card-actions .btn,.media-card-actions form{width:100%}.media-card-actions form .btn{width:100%}}@media(max-width:520px){.media-admin-hero,.media-upload-card,.media-filter-card{border-radius:18px;padding:16px}.media-stat-grid{grid-template-columns:1fr}.media-advanced-grid{grid-template-columns:1fr}.media-detail-grid{grid-template-columns:1fr}.media-path-copy{grid-template-columns:1fr}.media-upload-head .btn{width:100%}}
html[data-theme="dark"] .media-seo-badge.ok{background:rgba(34,197,94,.18);color:#86efac}html[data-theme="dark"] .media-seo-badge.warn{background:rgba(245,158,11,.18);color:#fcd34d}html[data-theme="dark"] .media-seo-badge.soft{background:rgba(14,165,233,.18);color:#7dd3fc}html[data-theme="dark"] .media-file-drop{background:rgba(96,165,250,.08)}

/* 2026-05-08 mobile all panel logo tap link stability fix */
@media (max-width:900px){
  body.panel-role-admin .panel-top,
  body.panel-role-user .panel-top,
  body.panel-role-writer .panel-top{
    isolation:isolate!important;
  }
  body.panel-role-admin .panel-top-actions.panel-unified-actions,
  body.panel-role-user .panel-top-actions.panel-unified-actions,
  body.panel-role-writer .panel-top-actions.panel-unified-actions{
    z-index:70!important;
    pointer-events:none!important;
  }
  body.panel-role-admin .panel-top-actions.panel-unified-actions > *,
  body.panel-role-user .panel-top-actions.panel-unified-actions > *,
  body.panel-role-writer .panel-top-actions.panel-unified-actions > *{
    pointer-events:auto!important;
  }
  body.panel-role-admin .panel-top-mobile-menu-toggle,
  body.panel-role-user .panel-top-mobile-menu-toggle,
  body.panel-role-writer .panel-top-mobile-menu-toggle{
    z-index:160!important;
    pointer-events:auto!important;
  }
  body.panel-role-admin .panel-top-mobile-brand.panel-logo-home-link,
  body.panel-role-user .panel-top-mobile-brand.panel-logo-home-link,
  body.panel-role-writer .panel-top-mobile-brand.panel-logo-home-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    top:50%!important;
    left:calc(var(--hp-panel-mobile-menu-area,52px) + ((100% - var(--hp-panel-mobile-menu-area,52px) - var(--hp-panel-mobile-right-actions,188px)) / 2))!important;
    transform:translate(-50%,-50%)!important;
    width:clamp(84px, calc(100vw - var(--hp-panel-mobile-menu-area,52px) - var(--hp-panel-mobile-right-actions,188px) - 12px), 180px)!important;
    max-width:clamp(84px, calc(100vw - var(--hp-panel-mobile-menu-area,52px) - var(--hp-panel-mobile-right-actions,188px) - 12px), 180px)!important;
    min-width:84px!important;
    min-height:44px!important;
    padding:4px 8px!important;
    margin:0!important;
    z-index:145!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    text-decoration:none!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.panel-role-admin .panel-top-mobile-brand.panel-logo-home-link::before,
  body.panel-role-user .panel-top-mobile-brand.panel-logo-home-link::before,
  body.panel-role-writer .panel-top-mobile-brand.panel-logo-home-link::before{
    content:""!important;
    position:absolute!important;
    inset:-8px -10px!important;
    display:block!important;
    pointer-events:auto!important;
  }
  body.panel-role-admin .panel-top-mobile-brand.panel-logo-home-link > *,
  body.panel-role-user .panel-top-mobile-brand.panel-logo-home-link > *,
  body.panel-role-writer .panel-top-mobile-brand.panel-logo-home-link > *{
    pointer-events:none!important;
  }
  body.panel-role-admin .panel-top-mobile-brand-logo,
  body.panel-role-user .panel-top-mobile-brand-logo,
  body.panel-role-writer .panel-top-mobile-brand-logo{
    max-width:100%!important;
    max-height:38px!important;
    object-fit:contain!important;
  }
  body.panel-role-admin .panel-top-mobile-brand-text,
  body.panel-role-user .panel-top-mobile-brand-text,
  body.panel-role-writer .panel-top-mobile-brand-text{
    max-width:100%!important;
  }
}
@media (max-width:420px){
  body.panel-role-admin .panel-top-mobile-brand.panel-logo-home-link,
  body.panel-role-user .panel-top-mobile-brand.panel-logo-home-link,
  body.panel-role-writer .panel-top-mobile-brand.panel-logo-home-link{
    width:clamp(76px, calc(100vw - var(--hp-panel-mobile-menu-area,48px) - var(--hp-panel-mobile-right-actions,170px) - 10px), 150px)!important;
    max-width:clamp(76px, calc(100vw - var(--hp-panel-mobile-menu-area,48px) - var(--hp-panel-mobile-right-actions,170px) - 10px), 150px)!important;
    min-width:76px!important;
    min-height:40px!important;
    padding:3px 6px!important;
  }
  body.panel-role-admin .panel-top-mobile-brand-logo,
  body.panel-role-user .panel-top-mobile-brand-logo,
  body.panel-role-writer .panel-top-mobile-brand-logo{
    max-height:34px!important;
  }
}

/* Haber detay sesli okuma butonu */
.article-meta-flat .article-tts-button{appearance:none;border:1px solid rgba(37,99,235,.18);border-radius:999px;background:rgba(37,99,235,.08);color:var(--brand);cursor:pointer;padding:7px 12px;font:inherit;font-weight:850;transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease}
.article-meta-flat .article-tts-button:hover{background:rgba(37,99,235,.13);border-color:rgba(37,99,235,.28);transform:translateY(-1px)}
.article-meta-flat .article-tts-button.is-reading{background:var(--brand);border-color:var(--brand);color:#fff}
.article-meta-flat .article-tts-button.is-reading .article-meta-icon{color:#fff}
.article-meta-flat .article-tts-button[hidden]{display:none!important}
html[data-theme="dark"] .article-meta-flat .article-tts-button{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.22)}
html[data-theme="dark"] .article-meta-flat .article-tts-button.is-reading{background:var(--brand);border-color:var(--brand);color:#fff}
@media(max-width:640px){.article-meta-flat .article-tts-button{padding:7px 10px}}


/* Homepage latest news column control from admin settings */
.home-latest-grid.grid.four{grid-template-columns:repeat(var(--home-latest-columns,6),minmax(0,1fr));}
.home-latest-grid.grid.four .article-card img,.home-latest-grid.grid.four .article-card .placeholder{height:140px;}
@media(max-width:1280px){.home-latest-grid.grid.four{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:900px){.home-latest-grid.grid.four{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.home-latest-grid.grid.four{grid-template-columns:1fr;}.home-latest-grid.grid.four .article-card img,.home-latest-grid.grid.four .article-card .placeholder{height:190px;}}

/* Son Haberler / Anasayfa ayarlı sütun düzeltmesi */
.home-latest-grid.grid.four{grid-template-columns:repeat(var(--home-latest-columns,6),minmax(0,1fr))}
.latest-page-grid.grid.four{grid-template-columns:repeat(var(--latest-page-columns,6),minmax(0,1fr))}
@media(max-width:1100px){.home-latest-grid.grid.four{grid-template-columns:repeat(var(--home-latest-tablet-columns,3),minmax(0,1fr))}.latest-page-grid.grid.four{grid-template-columns:repeat(var(--latest-page-tablet-columns,3),minmax(0,1fr))}}
@media(max-width:760px){.home-latest-grid.grid.four,.latest-page-grid.grid.four{grid-template-columns:1fr}}
/* Admin üyeler sayfası düzen iyileştirmesi */
.panel-actions.admin-user-list-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:20px;
    margin-bottom:18px;
    border:1px solid var(--line);
    border-radius:26px;
    background:linear-gradient(135deg,rgba(37,99,235,.075),rgba(255,255,255,0)),var(--card);
    box-shadow:var(--shadow);
}
.admin-user-list-hero h2{margin:2px 0 6px;font-size:26px;line-height:1.12;font-weight:950;letter-spacing:-.02em}
.admin-user-list-hero p{max-width:680px;margin:0;color:var(--muted);font-weight:750;line-height:1.5}
.admin-user-list-hero .actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;position:relative;z-index:2}
.admin-user-stat-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    margin:0 0 20px!important;
}
.admin-user-stat-card{
    position:relative;
    overflow:hidden;
    min-height:128px!important;
    padding:18px!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:center!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--card)!important;
}
.admin-user-stat-card:before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(135deg,rgba(37,99,235,.10),transparent 42%);
    opacity:.45;
    pointer-events:none;
}
.admin-user-stat-card:after{
    content:'';
    position:absolute;
    right:-36px;
    bottom:-42px;
    width:118px;
    height:118px;
    border-radius:999px;
    background:rgba(37,99,235,.055);
    pointer-events:none;
}
.admin-user-stat-card>*{position:relative;z-index:1}
.admin-user-stat-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 38px rgba(15,23,42,.10)!important}
.admin-user-stat-card.active{border-color:rgba(37,99,235,.52)!important;background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(37,99,235,.035)),var(--card)!important}
.admin-user-stat-icon{width:54px!important;height:54px!important;border-radius:18px!important;font-size:23px!important;background:rgba(37,99,235,.075)!important;color:var(--brand);box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)}
.admin-user-stat-content{gap:5px!important;align-self:center}
.admin-user-stat-content small{font-size:12px!important;text-transform:uppercase;letter-spacing:.035em;color:var(--muted)}
.admin-user-stat-content strong{font-size:32px!important;letter-spacing:-.04em}
.admin-user-stat-content em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px;font-size:12px!important;line-height:1.32!important}
.admin-user-list-panel{padding:18px!important;border-radius:26px!important;gap:16px!important}
.admin-user-list-head{padding:2px 2px 0;align-items:flex-start!important}
.admin-user-list-head h3{font-size:21px!important;letter-spacing:-.015em}
.admin-user-summary-pills{max-width:720px}
.admin-user-summary-pills span{min-height:34px;padding:8px 12px;background:rgba(148,163,184,.08);font-size:12px}
.admin-user-filter-form{
    grid-template-columns:minmax(250px,1.55fr) repeat(5,minmax(145px,1fr)) auto!important;
    gap:11px!important;
    padding:14px!important;
    border-radius:22px!important;
}
.admin-user-filter-form label:first-child{grid-column:auto}
.admin-user-filter-actions{align-self:end;min-height:42px;align-items:center}
.admin-user-filter-actions .btn{min-height:38px}
.admin-user-filter-pills{padding:2px 0 4px;gap:9px!important}
.admin-user-filter-pills a{min-height:36px;padding:8px 13px!important;background:rgba(148,163,184,.08)}
.admin-user-table-wrap{border:1px solid var(--line);overflow:auto}
.advanced-admin-users-table{min-width:1120px;border-collapse:separate;border-spacing:0}
.advanced-admin-users-table th{position:sticky;top:0;z-index:1;font-size:12px;text-transform:uppercase;letter-spacing:.025em;color:var(--muted)}
.advanced-admin-users-table tbody tr{transition:background .16s ease,transform .16s ease}
.advanced-admin-users-table tbody tr:hover{background:rgba(37,99,235,.035)}
.advanced-admin-users-table td{border-bottom:1px solid var(--line)}
.advanced-admin-users-table tbody tr:last-child td{border-bottom:0}
.admin-user-row-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:220px}
.admin-user-row-actions .btn.small{padding:7px 10px;border-radius:12px}
.admin-user-list-cell img{box-shadow:0 8px 18px rgba(15,23,42,.10);border:2px solid var(--card)}
@media(max-width:1500px){.admin-user-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.admin-user-filter-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}.admin-user-filter-actions{justify-content:flex-start}}
@media(max-width:1024px){.panel-actions.admin-user-list-hero{align-items:flex-start;flex-direction:column}.admin-user-list-hero .actions{width:100%;justify-content:flex-start}.admin-user-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-user-list-head{grid-template-columns:1fr!important}.admin-user-summary-pills{justify-content:flex-start;max-width:none}.admin-user-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.panel-actions.admin-user-list-hero{padding:16px;border-radius:22px}.admin-user-list-hero h2{font-size:22px}.admin-user-list-hero .actions .btn{width:100%;justify-content:center}.admin-user-stat-grid{grid-template-columns:1fr!important;gap:12px!important}.admin-user-stat-card{min-height:104px!important;padding:15px!important}.admin-user-stat-content strong{font-size:28px!important}.admin-user-list-panel{padding:13px!important;border-radius:22px!important}.admin-user-filter-form{grid-template-columns:1fr!important}.admin-user-summary-pills span{flex:1 1 145px;justify-content:center}.admin-user-filter-pills a{flex:1 1 145px}.advanced-admin-users-table{min-width:980px}}


/* Admin üyeler sayfası premium rozet ve kompakt kart düzeni düzeltmesi */
.admin-user-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px!important}
.admin-user-stat-card{min-height:98px!important;padding:13px 14px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:11px!important;border-radius:20px!important}
.admin-user-stat-icon{width:44px!important;height:44px!important;border-radius:15px!important;font-size:19px!important}
.admin-user-stat-content{gap:3px!important}
.admin-user-stat-content small{font-size:11px!important;line-height:1.15!important;letter-spacing:.025em!important}
.admin-user-stat-content strong{font-size:26px!important;line-height:1!important}
.admin-user-stat-content em{min-height:0!important;font-size:11px!important;line-height:1.25!important;-webkit-line-clamp:1!important}
.advanced-admin-users-table td{vertical-align:middle!important;line-height:1.35}
.advanced-admin-users-table .badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;line-height:1.1;min-height:28px}
.advanced-admin-users-table .admin-role-badge,.advanced-admin-users-table .admin-user-status-badge,.advanced-admin-users-table .author-verify-badge{padding:7px 10px 7px 23px!important}
.admin-premium-cell{min-width:132px;white-space:nowrap}
.premium-user-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:30px!important;padding:7px 11px!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(245,158,11,.20),rgba(250,204,21,.16))!important;color:#92400e!important;border:1px solid rgba(245,158,11,.34)!important;box-shadow:0 8px 18px rgba(245,158,11,.13)!important;font-weight:950!important}
.premium-user-badge-icon{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#facc15);color:#111827;font-size:11px;line-height:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.premium-user-meta{display:block;margin-top:6px;color:var(--muted);font-size:11px;font-weight:850;line-height:1.25;white-space:nowrap}
.premium-user-empty{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:rgba(148,163,184,.10);border:1px solid var(--line);color:var(--muted);font-weight:950}
.advanced-admin-users-table .name-with-verified{display:inline-flex;align-items:center;gap:5px;max-width:100%;vertical-align:middle;line-height:1.15}
.advanced-admin-users-table .premium-badge.small,.advanced-admin-users-table .verified-badge.small{margin-left:0;flex:0 0 auto;box-shadow:none}
.advanced-admin-users-table .admin-user-list-cell small{line-height:1.25}
html[data-theme="dark"] .premium-user-badge{color:#fde68a!important;background:linear-gradient(135deg,rgba(245,158,11,.22),rgba(250,204,21,.12))!important;border-color:rgba(245,158,11,.38)!important}
html[data-theme="dark"] .premium-user-badge-icon{color:#111827}
@media(max-width:1500px){.admin-user-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1180px){.admin-user-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.admin-user-stat-grid{grid-template-columns:1fr!important}.admin-user-stat-card{min-height:86px!important;padding:13px!important}.admin-user-stat-content strong{font-size:24px!important}.advanced-admin-users-table{min-width:1040px!important}.admin-premium-cell{min-width:126px}}

/* Admin üyeler sayfası hızlı filtre kaldırma ve kart sayı hizası */
.admin-user-stat-card{grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;column-gap:12px!important;min-height:88px!important;padding:12px 14px!important}
.admin-user-stat-content{min-width:0!important;display:grid!important;gap:4px!important}
.admin-user-stat-content em{max-width:100%;min-height:0!important;-webkit-line-clamp:1!important}
.admin-user-stat-value{justify-self:end!important;align-self:center!important;min-width:54px!important;text-align:right!important;font-size:27px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.04em!important;color:var(--text)!important}
.admin-user-filter-form{margin-bottom:2px!important}
.admin-user-filter-pills{display:none!important}
@media(max-width:640px){.admin-user-stat-card{grid-template-columns:42px minmax(0,1fr) auto!important;min-height:82px!important;padding:12px!important}.admin-user-stat-value{min-width:46px!important;font-size:24px!important}.admin-user-stat-content em{-webkit-line-clamp:1!important}}

/* Sayfa sağ widget alanı ve yönetim sayfa widget anahtarı */
.page-detail-layout{align-items:start}.page-detail-main{min-width:0}.page-detail-sidebar .sidebar-widget{border-radius:20px}.page-content h1{margin-top:0}.page-widget-toggle{display:flex!important;align-items:flex-start!important;gap:12px!important;margin:16px 0!important;padding:14px 16px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:var(--bg)!important}.page-widget-toggle input{width:auto!important;margin:4px 0 0!important;accent-color:var(--brand)}.page-widget-toggle span{display:grid;gap:4px;line-height:1.35}.page-widget-toggle strong{font-weight:900;color:var(--text)}.page-widget-toggle small{color:var(--muted);font-size:13px;line-height:1.45}.page-widget-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:8px 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.page-widget-actions .muted{margin:0}.page-widget-actions strong{color:var(--text)}@media(max-width:760px){.page-widget-toggle{padding:12px!important}.page-widget-actions{display:grid}.page-widget-actions .btn{width:100%;justify-content:center}}
.status-pill.status-active{background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.26);color:#15803d}.status-pill.status-passive{background:rgba(100,116,139,.12);border-color:rgba(100,116,139,.22);color:var(--muted)}

/* 2026-05-09 Anasayfa slider ve öne çıkan haber boşluk düzeni */
.home-hero-with-featured{
  gap:14px!important;
  margin-bottom:28px!important;
  align-items:stretch;
}
.featured-home{
  gap:8px!important;
}
.featured-home-small-grid{
  gap:8px!important;
}
.featured-home-title{
  left:12px!important;
  right:12px!important;
  bottom:12px!important;
}
.featured-home-card.small .featured-home-title{
  left:10px!important;
  right:10px!important;
  bottom:10px!important;
}
@media(max-width:1100px){
  .home-hero-with-featured{gap:14px!important;margin-bottom:26px!important}
  .featured-home{gap:8px!important}
  .featured-home-small-grid{gap:8px!important}
}
@media(max-width:900px){
  .home-hero-with-featured{gap:14px!important;margin-bottom:24px!important}
  .featured-home{gap:8px!important}
  .featured-home-small-grid{gap:8px!important}
}
@media(max-width:640px){
  .home-hero-with-featured{gap:12px!important;margin-bottom:22px!important}
  .featured-home{gap:8px!important}
  .featured-home-small-grid{gap:8px!important}
}

/* 2026-05-09 Anasayfa slider ve öne çıkan haber sıkı boşluk düzeltmesi */
.home-hero-with-featured{
  gap:10px!important;
  margin-bottom:26px!important;
  align-items:stretch!important;
}
.featured-home{
  gap:6px!important;
}
.featured-home-small-grid{
  gap:6px!important;
}
.featured-home-card.large{
  margin-bottom:0!important;
}
.featured-home-title{
  left:11px!important;
  right:11px!important;
  bottom:10px!important;
}
.featured-home-card.small .featured-home-title{
  left:9px!important;
  right:9px!important;
  bottom:9px!important;
}
.featured-home-card.small .featured-home-title h3{
  line-height:1.14!important;
}
@media(max-width:1100px){
  .home-hero-with-featured{gap:10px!important;margin-bottom:24px!important}
  .featured-home,.featured-home-small-grid{gap:6px!important}
}
@media(max-width:900px){
  .home-hero-with-featured{gap:10px!important;margin-bottom:22px!important}
  .featured-home,.featured-home-small-grid{gap:6px!important}
}
@media(max-width:640px){
  .home-hero-with-featured{gap:8px!important;margin-bottom:20px!important}
  .featured-home,.featured-home-small-grid{gap:6px!important}
}

/* 2026-05-09 homepage category premium/video styles */
.home-category-hero-split{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:16px;align-items:stretch}.home-category-hero-main .home-category-feature-card{height:100%}.home-category-hero-list{display:grid;gap:12px}.home-category-hero-list .home-category-list-item{box-shadow:0 12px 26px rgba(15,23,42,.055)}.home-category-hero-list .home-category-list-thumb{width:108px;height:78px}.home-category-hero-list .home-category-list-item{grid-template-columns:108px minmax(0,1fr);padding:10px}.home-category-editorial-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-category-editorial-item{display:grid;grid-template-columns:50px 106px minmax(0,1fr);gap:13px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 14px 30px rgba(15,23,42,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.home-category-editorial-item:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.10);border-color:rgba(37,99,235,.25)}.home-category-editorial-no{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:rgba(37,99,235,.10);color:var(--brand);font-weight:950;font-size:15px}.home-category-editorial-thumb{width:106px;height:76px;border-radius:16px;overflow:hidden;background:var(--bg);display:grid;place-items:center;color:var(--muted)}.home-category-editorial-thumb img{width:100%;height:100%;object-fit:cover}.home-category-editorial-copy small,.home-category-video-copy small,.home-category-mosaic-content small{display:block;color:var(--brand);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.035em}.home-category-editorial-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;line-height:1.25}.home-category-editorial-copy em{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;color:var(--muted);font-size:13px;font-style:normal}.home-category-mosaic-layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:170px;gap:12px}.home-category-mosaic-card{position:relative;border-radius:24px;overflow:hidden;background:#0f172a;border:1px solid var(--line);box-shadow:0 16px 34px rgba(15,23,42,.08)}.home-category-mosaic-card.large{grid-column:span 2;grid-row:span 2}.home-category-mosaic-card.wide{grid-column:span 2}.home-category-mosaic-card a{display:block;height:100%;color:#fff}.home-category-mosaic-card img,.home-category-mosaic-card .placeholder{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.home-category-mosaic-card:hover img{transform:scale(1.045)}.home-category-mosaic-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.08),rgba(2,6,23,.78))}.home-category-mosaic-content{position:absolute;left:16px;right:16px;bottom:15px;z-index:1}.home-category-mosaic-content small{color:#bfdbfe}.home-category-mosaic-content strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-size:18px;line-height:1.18;letter-spacing:-.015em}.home-category-mosaic-card.large .home-category-mosaic-content strong{font-size:clamp(24px,2.3vw,34px)}.home-category-video-showcase{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px;align-items:stretch}.home-category-video-side{display:grid;gap:12px}.home-category-video-card{border:1px solid var(--line);border-radius:26px;background:var(--card);box-shadow:0 16px 34px rgba(15,23,42,.075);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.home-category-video-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(15,23,42,.12);border-color:rgba(239,68,68,.24)}.home-category-video-card>a{display:grid;height:100%;color:inherit}.home-category-video-link{display:block;color:inherit}.home-category-video-card.small a{grid-template-columns:140px minmax(0,1fr);align-items:center}.home-category-video-frame{position:relative;display:block;min-height:100%;background:#020617;overflow:hidden}.home-category-video-card.large .home-category-video-frame{height:360px}.home-category-video-card.small .home-category-video-frame{height:122px}.home-category-video-media{width:100%;height:100%;object-fit:cover;display:block;background:#020617}.home-category-video-placeholder{display:grid;place-items:center;color:#fff;font-weight:950;background:linear-gradient(135deg,#111827,#ef4444)}.home-category-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:999px;background:rgba(255,255,255,.92);color:#ef4444;font-weight:950;box-shadow:0 14px 34px rgba(0,0,0,.24);padding-left:3px}.home-category-video-card.small .home-category-video-play{width:38px;height:38px;font-size:13px}.home-category-video-copy{display:block;padding:16px}.home-category-video-copy small{color:#ef4444}.home-category-video-copy strong{display:block;margin-top:6px;font-size:20px;line-height:1.2;letter-spacing:-.018em}.home-category-video-copy em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;color:var(--muted);font-style:normal;line-height:1.5}.home-category-video-card.small .home-category-video-copy{padding:12px 14px}.home-category-video-card.small .home-category-video-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px}.home-category-video-card.small .home-category-video-copy em{display:none}html[data-theme="dark"] .home-category-editorial-no{background:rgba(96,165,250,.16)}@media(max-width:1100px){.home-category-hero-split,.home-category-video-showcase{grid-template-columns:1fr}.home-category-video-side{grid-template-columns:repeat(2,minmax(0,1fr))}.home-category-video-card.small a{grid-template-columns:1fr}.home-category-video-card.small .home-category-video-frame{height:180px}.home-category-mosaic-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px}}@media(max-width:760px){.home-category-editorial-layout,.home-category-video-side{grid-template-columns:1fr}.home-category-editorial-item{grid-template-columns:44px 86px minmax(0,1fr);gap:10px;padding:10px;border-radius:18px}.home-category-editorial-thumb{width:86px;height:66px}.home-category-hero-list .home-category-list-item{grid-template-columns:88px minmax(0,1fr)}.home-category-hero-list .home-category-list-thumb{width:88px;height:66px}.home-category-mosaic-layout{grid-template-columns:1fr;grid-auto-rows:220px}.home-category-mosaic-card.large,.home-category-mosaic-card.wide{grid-column:auto;grid-row:auto}.home-category-video-card.large .home-category-video-frame{height:250px}}

/* Admin Haberler sayfası üst kart ve düzen kayması düzeltmesi */
.panel-actions.admin-article-list-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
    min-width:0;
    max-width:100%;
    padding:18px;
    border:1px solid var(--line);
    border-radius:26px;
    background:linear-gradient(135deg,rgba(37,99,235,.075),rgba(255,255,255,0)),var(--card);
    box-shadow:var(--shadow);
}
.admin-article-list-hero>div:first-child{min-width:0;max-width:760px;position:relative;z-index:1}
.admin-article-list-hero h2{margin:2px 0 6px;font-size:26px;line-height:1.12;font-weight:950;letter-spacing:-.02em;overflow-wrap:anywhere}
.admin-article-list-hero p{margin:0;color:var(--muted);font-weight:750;line-height:1.5}
.admin-article-list-hero .actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;min-width:0;position:relative;z-index:1}
.admin-article-list-hero .actions .btn{min-width:0;white-space:nowrap}
.admin-article-stat-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    margin:0 0 16px!important;
    width:100%;
    max-width:100%;
    min-width:0;
}
.admin-article-stat-card{
    position:relative;
    overflow:hidden;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:11px!important;
    min-height:88px!important;
    padding:12px 14px!important;
    border-radius:20px!important;
    align-items:center!important;
}
.admin-article-stat-card:before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(135deg,rgba(37,99,235,.09),transparent 44%);
    opacity:.38;
    pointer-events:none;
}
.admin-article-stat-card>*{position:relative;z-index:1}
.admin-article-stat-card:hover{transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(15,23,42,.09)!important}
.admin-article-stat-icon{width:42px!important;height:42px!important;border-radius:15px!important;font-size:19px!important;background:rgba(37,99,235,.075)!important;color:var(--brand)}
.admin-article-stat-content{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    gap:3px 12px!important;
    align-items:center;
    min-width:0;
}
.admin-article-stat-content small{
    grid-column:1;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11px!important;
    line-height:1.15!important;
    text-transform:uppercase;
    letter-spacing:.025em;
}
.admin-article-stat-content strong{
    grid-column:2;
    grid-row:1 / span 2;
    justify-self:end;
    max-width:120px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:26px!important;
    line-height:1!important;
    letter-spacing:-.04em;
}
.admin-article-stat-content em{
    grid-column:1;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11px!important;
    line-height:1.25!important;
}
.admin-article-list-panel{padding:18px!important;border-radius:26px!important;gap:16px!important;min-width:0;max-width:100%}
.admin-article-list-head{align-items:flex-start!important;min-width:0}
.admin-article-list-head>div:first-child{min-width:0}
.admin-article-filter-pills{max-width:760px;min-width:0}
.admin-article-filter-pills a{min-height:34px;padding:8px 12px!important;background:rgba(148,163,184,.08)}
.admin-article-table-wrap{border:1px solid var(--line);overflow:auto}
.advanced-admin-articles-table{min-width:1080px;border-collapse:separate;border-spacing:0}
.advanced-admin-articles-table th{position:sticky;top:0;z-index:1;font-size:12px;text-transform:uppercase;letter-spacing:.025em;color:var(--muted)}
.advanced-admin-articles-table td{border-bottom:1px solid var(--line)}
.advanced-admin-articles-table tbody tr:last-child td{border-bottom:0}
.article-row-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:250px}
.article-row-actions .btn.small{padding:7px 10px;border-radius:12px}
@media(max-width:1280px){
    .admin-article-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .admin-article-list-head{grid-template-columns:1fr!important}
    .admin-article-filter-pills{justify-content:flex-start;max-width:none}
}
@media(max-width:760px){
    .panel-actions.admin-article-list-hero{padding:16px;border-radius:22px;align-items:flex-start;flex-direction:column}
    .admin-article-list-hero h2{font-size:22px}
    .admin-article-list-hero .actions{width:100%;justify-content:flex-start}
    .admin-article-list-hero .actions .btn{width:100%;justify-content:center}
    .admin-article-stat-grid{grid-template-columns:1fr!important;gap:10px!important}
    .admin-article-stat-card{min-height:78px!important;padding:11px 12px!important}
    .admin-article-stat-content strong{font-size:23px!important;max-width:none}
    .admin-article-stat-content em{white-space:normal}
    .admin-article-list-panel{padding:13px!important;border-radius:22px!important}
    .admin-article-filter-pills a{flex:1 1 145px;justify-content:center}
    .advanced-admin-articles-table{min-width:980px}
}
@media(max-width:520px){
    .admin-article-stat-card{grid-template-columns:38px minmax(0,1fr)!important}
    .admin-article-stat-icon{width:38px!important;height:38px!important;font-size:18px!important}
    .admin-article-stat-content{grid-template-columns:1fr;gap:3px!important}
    .admin-article-stat-content strong{grid-column:1;grid-row:auto;justify-self:start;font-size:22px!important}
    .admin-article-stat-content small,.admin-article-stat-content em{white-space:normal}
}

/* 2026-05-09 Yönetim Faturalar sayfası flat tasarım güncellemesi */
.admin-invoice-page{display:grid;gap:16px;min-width:0;max-width:100%}
.panel-actions.admin-invoice-list-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-width:0;max-width:100%;padding:18px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,rgba(37,99,235,.085),rgba(22,163,74,.035)),var(--card);box-shadow:var(--shadow);margin-bottom:0}
.admin-invoice-list-hero>div:first-child{min-width:0;max-width:820px;position:relative;z-index:1}
.admin-invoice-list-hero h2{margin:8px 0 7px;font-size:clamp(23px,2.7vw,34px);line-height:1.12;font-weight:950;letter-spacing:-.025em;overflow-wrap:anywhere}
.admin-invoice-list-hero p{margin:0;color:var(--muted);font-weight:750;line-height:1.55}
.admin-invoice-list-hero .actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;min-width:0;margin-left:auto}
.admin-invoice-list-hero .actions .btn{white-space:nowrap;min-width:0}
.admin-invoice-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0!important;width:100%;max-width:100%;min-width:0}
.admin-invoice-stat-card{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;min-height:92px!important;padding:13px 14px!important;border-radius:21px!important;color:inherit;text-decoration:none;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.admin-invoice-stat-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(37,99,235,.095),transparent 46%);opacity:.55;pointer-events:none}
.admin-invoice-stat-card:hover,.admin-invoice-stat-card.active{transform:translateY(-2px);border-color:rgba(37,99,235,.30);box-shadow:0 16px 34px rgba(15,23,42,.10)}
.admin-invoice-stat-card>*{position:relative;z-index:1}
.admin-invoice-stat-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:rgba(37,99,235,.08);color:var(--brand);font-size:20px;font-weight:950;box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)}
.admin-invoice-stat-content{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px!important;align-items:center;min-width:0}
.admin-invoice-stat-content small{grid-column:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px!important;line-height:1.15!important;font-weight:950;text-transform:uppercase;letter-spacing:.03em}
.admin-invoice-stat-content strong{grid-column:2;grid-row:1 / span 2;justify-self:end;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:27px!important;line-height:1!important;letter-spacing:-.04em;color:var(--text)}
.admin-invoice-stat-content em{grid-column:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11.5px!important;line-height:1.25!important;font-style:normal;font-weight:800}
.admin-invoice-filter-card,.admin-invoice-list-panel{margin-bottom:0!important;padding:18px!important;border-radius:26px!important;min-width:0;max-width:100%;box-shadow:var(--shadow)}
.admin-invoice-filter-head,.admin-invoice-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;min-width:0}
.admin-invoice-filter-head h3,.admin-invoice-list-head h3{margin:0 0 4px;font-size:20px;letter-spacing:-.015em}
.admin-invoice-filter-head p,.admin-invoice-list-head p{margin:0;line-height:1.5}
.admin-invoice-filter-tabs{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:620px;min-width:0}
.admin-invoice-filter-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(148,163,184,.08);color:var(--muted);font-weight:900;font-size:13px;transition:all .18s ease}
.admin-invoice-filter-tabs a:hover,.admin-invoice-filter-tabs a.active{background:var(--brand);border-color:var(--brand);color:#fff}
.admin-invoice-filter-grid{display:grid;grid-template-columns:1.45fr .9fr .85fr .85fr auto;gap:12px;align-items:end}
.admin-invoice-filter-grid label{margin:0;font-weight:850;color:var(--text)}
.admin-invoice-filter-grid input,.admin-invoice-filter-grid select{min-width:0;background:var(--bg);border-radius:14px}
.admin-invoice-filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-bottom:1px}
.admin-invoice-table-wrap{border:1px solid var(--line);overflow:auto;border-radius:20px;box-shadow:none}
.advanced-admin-invoices-table{min-width:1040px;border-collapse:separate;border-spacing:0}
.advanced-admin-invoices-table th{position:sticky;top:0;z-index:1;background:rgba(15,23,42,.025);font-size:12px;text-transform:uppercase;letter-spacing:.025em;color:var(--muted)}
.advanced-admin-invoices-table td{vertical-align:middle;border-bottom:1px solid var(--line)}
.advanced-admin-invoices-table tbody tr{transition:background .18s ease}
.advanced-admin-invoices-table tbody tr:hover{background:rgba(37,99,235,.035)}
.advanced-admin-invoices-table tbody tr:last-child td{border-bottom:0}
.admin-invoice-number-cell{display:grid;gap:3px;min-width:150px}
.admin-invoice-number-cell strong{font-size:14px;letter-spacing:.015em;color:var(--text);overflow-wrap:anywhere}
.admin-invoice-number-cell small{color:var(--muted);font-weight:850}
.admin-invoice-user-cell{display:flex;align-items:center;gap:10px;min-width:240px}
.admin-invoice-user-avatar{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;flex:0 0 42px;background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(22,163,74,.08));border:1px solid var(--line);color:var(--brand);font-weight:950;letter-spacing:-.02em}
.admin-invoice-user-cell strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}
.admin-invoice-user-cell small{display:block;margin-top:2px;color:var(--muted);overflow-wrap:anywhere;font-size:12.5px}
.admin-invoice-amount{font-size:16px;white-space:nowrap}
.admin-invoice-date-list{display:grid;gap:4px;min-width:210px;color:var(--muted);font-size:12.5px;line-height:1.35}
.admin-invoice-date-list b{color:var(--text)}
.admin-invoice-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:160px}
.admin-invoice-row-actions .btn.small{padding:7px 10px;border-radius:12px}
.badge.warn{background:#fef3c7;color:#92400e}
html[data-theme="dark"] .admin-invoice-list-hero{background:linear-gradient(135deg,rgba(96,165,250,.12),rgba(34,197,94,.06)),var(--card)}
html[data-theme="dark"] .admin-invoice-stat-icon{background:rgba(96,165,250,.14);box-shadow:inset 0 0 0 1px rgba(96,165,250,.10)}
html[data-theme="dark"] .advanced-admin-invoices-table th{background:rgba(255,255,255,.035)}
html[data-theme="dark"] .advanced-admin-invoices-table tbody tr:hover{background:rgba(96,165,250,.08)}
html[data-theme="dark"] .badge.warn{background:rgba(245,158,11,.18);color:#fcd34d}
@media(max-width:1280px){.admin-invoice-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-invoice-filter-head{display:grid}.admin-invoice-filter-tabs{justify-content:flex-start;max-width:none}.admin-invoice-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-invoice-filter-actions{justify-content:flex-start}}
@media(max-width:760px){.panel-actions.admin-invoice-list-hero{padding:16px;border-radius:22px;align-items:flex-start;flex-direction:column}.admin-invoice-list-hero h2{font-size:22px}.admin-invoice-list-hero .actions{width:100%;justify-content:flex-start}.admin-invoice-list-hero .actions .btn{width:100%;justify-content:center}.admin-invoice-stat-grid{grid-template-columns:1fr!important;gap:10px!important}.admin-invoice-stat-card{min-height:80px!important;padding:11px 12px!important}.admin-invoice-filter-card,.admin-invoice-list-panel{padding:13px!important;border-radius:22px!important}.admin-invoice-filter-grid{grid-template-columns:1fr}.admin-invoice-filter-actions .btn{flex:1 1 130px}.admin-invoice-filter-tabs a{flex:1 1 145px}.advanced-admin-invoices-table{min-width:940px}}
@media(max-width:520px){.admin-invoice-stat-card{grid-template-columns:38px minmax(0,1fr)!important}.admin-invoice-stat-icon{width:38px;height:38px;border-radius:14px;font-size:18px}.admin-invoice-stat-content{grid-template-columns:1fr;gap:3px!important}.admin-invoice-stat-content strong{grid-column:1;grid-row:auto;justify-self:start;font-size:23px!important;max-width:none}.admin-invoice-stat-content small,.admin-invoice-stat-content em{white-space:normal}}


/* Admin Haberler gelişmiş flat liste düzeni */
.admin-news-page{display:grid;gap:14px;min-width:0;max-width:100%}
.admin-news-page .panel-actions.admin-article-list-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-width:0;max-width:100%;margin:0!important;padding:18px 20px!important;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,rgba(37,99,235,.085),rgba(245,158,11,.045)),var(--card);box-shadow:var(--shadow);overflow:hidden}
.admin-news-page .admin-article-list-hero:after{right:-70px;top:-90px;width:250px;height:250px;background:rgba(245,158,11,.10)}
.admin-article-hero-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px}
.admin-article-hero-meta span{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;background:rgba(148,163,184,.10);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:900}
.admin-news-page .admin-article-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0!important;width:100%;max-width:100%;min-width:0}
.admin-news-page .admin-article-stat-card{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;min-height:88px!important;padding:12px 14px!important;border-radius:21px!important;color:inherit;text-decoration:none;position:relative;overflow:hidden;box-shadow:var(--shadow)!important}
.admin-news-page .admin-article-stat-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(37,99,235,.085),transparent 50%);opacity:.75;pointer-events:none}
.admin-news-page .admin-article-stat-card>*{position:relative;z-index:1}
.admin-news-page .admin-article-stat-icon{width:44px;height:44px;border-radius:16px;background:rgba(37,99,235,.08);color:var(--brand);font-size:20px;box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)}
.admin-news-page .admin-article-stat-content{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px!important;align-items:center;min-width:0}
.admin-news-page .admin-article-stat-content small{grid-column:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px!important;line-height:1.15!important;font-weight:950;text-transform:uppercase;letter-spacing:.03em}
.admin-news-page .admin-article-stat-content strong{grid-column:2;grid-row:1 / span 2;justify-self:end;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:27px!important;line-height:1!important;letter-spacing:-.04em;color:var(--text)}
.admin-news-page .admin-article-stat-content em{grid-column:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11.5px!important;line-height:1.25!important;font-style:normal;font-weight:800}
.admin-article-filter-card{margin:0!important;padding:18px!important;border-radius:26px!important;box-shadow:var(--shadow);min-width:0;max-width:100%}
.admin-article-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;min-width:0}
.admin-article-filter-head h3{margin:0 0 4px;font-size:20px;letter-spacing:-.015em}.admin-article-filter-head p{margin:0;line-height:1.5}
.admin-article-filter-grid{display:grid;grid-template-columns:1.35fr .95fr 1fr .9fr .9fr auto;gap:12px;align-items:end}
.admin-article-filter-grid label{margin:0;font-weight:850;color:var(--text)}.admin-article-filter-grid input,.admin-article-filter-grid select{min-width:0;background:var(--bg);border-radius:14px}.admin-article-filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-bottom:1px}
.admin-news-page .admin-article-list-panel{padding:18px!important;border-radius:26px!important;gap:16px!important;margin:0!important;min-width:0;max-width:100%;box-shadow:var(--shadow)}
.admin-news-page .admin-article-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:0;min-width:0}
.admin-article-list-kicker{display:inline-flex;align-items:center;width:max-content;margin:0 0 6px;padding:5px 9px;border-radius:999px;background:rgba(37,99,235,.08);color:var(--brand);font-size:12px;font-weight:950}.admin-article-list-summary{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:900}.admin-article-list-summary span,.admin-article-list-summary b{display:inline-flex;align-items:center;min-height:30px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg)}.admin-article-list-summary b{color:var(--brand);background:rgba(37,99,235,.08);border-color:rgba(37,99,235,.18)}
.admin-news-page .admin-article-table-wrap{border:1px solid var(--line);overflow:auto;border-radius:20px;box-shadow:none}.admin-news-page .advanced-admin-articles-table{min-width:1120px;border-collapse:separate;border-spacing:0}.admin-news-page .advanced-admin-articles-table th{position:sticky;top:0;z-index:1;background:rgba(15,23,42,.025);font-size:12px;text-transform:uppercase;letter-spacing:.025em;color:var(--muted)}.admin-news-page .advanced-admin-articles-table td{border-bottom:1px solid var(--line);vertical-align:middle}.admin-news-page .advanced-admin-articles-table tbody tr{transition:background .18s ease}.admin-news-page .advanced-admin-articles-table tbody tr:hover{background:rgba(37,99,235,.035)}.admin-news-page .advanced-admin-articles-table tbody tr:last-child td{border-bottom:0}
.admin-article-row-body{display:grid;gap:5px;min-width:0}.admin-article-badge-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.admin-article-premium-badge,.admin-article-earning-off-badge,.admin-article-standard-badge{display:inline-flex;align-items:center;gap:4px;width:max-content;max-width:100%;min-height:24px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:950;line-height:1;white-space:nowrap}.admin-article-premium-badge{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#78350f;box-shadow:0 8px 20px rgba(245,158,11,.16)}.admin-article-earning-off-badge{background:rgba(239,68,68,.11);color:#b91c1c;border:1px solid rgba(239,68,68,.18)}.admin-article-standard-badge{background:rgba(148,163,184,.10);color:var(--muted);border:1px solid var(--line)}
html[data-theme="dark"] .admin-news-page .admin-article-list-hero{background:linear-gradient(135deg,rgba(96,165,250,.12),rgba(245,158,11,.07)),var(--card)}html[data-theme="dark"] .admin-news-page .advanced-admin-articles-table th{background:rgba(255,255,255,.035)}html[data-theme="dark"] .admin-news-page .advanced-admin-articles-table tbody tr:hover{background:rgba(96,165,250,.08)}
@media(max-width:1280px){.admin-news-page .admin-article-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-article-filter-head,.admin-news-page .admin-article-list-head{display:grid}.admin-article-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-article-filter-actions{justify-content:flex-start}}
@media(max-width:760px){.admin-news-page .panel-actions.admin-article-list-hero{padding:16px!important;border-radius:22px;align-items:flex-start;flex-direction:column}.admin-article-hero-meta span{flex:1 1 150px;justify-content:center}.admin-news-page .admin-article-list-hero .actions{width:100%;justify-content:flex-start}.admin-news-page .admin-article-list-hero .actions .btn{width:100%;justify-content:center}.admin-news-page .admin-article-stat-grid{grid-template-columns:1fr!important;gap:10px!important}.admin-news-page .admin-article-stat-card{min-height:80px!important;padding:11px 12px!important}.admin-article-filter-card,.admin-news-page .admin-article-list-panel{padding:13px!important;border-radius:22px!important}.admin-article-filter-grid{grid-template-columns:1fr}.admin-article-filter-actions .btn{width:100%}.admin-news-page .advanced-admin-articles-table{min-width:980px}}
@media(max-width:520px){.admin-news-page .admin-article-stat-card{grid-template-columns:38px minmax(0,1fr)!important}.admin-news-page .admin-article-stat-icon{width:38px;height:38px;border-radius:14px;font-size:18px}.admin-news-page .admin-article-stat-content{grid-template-columns:1fr;gap:3px!important}.admin-news-page .admin-article-stat-content strong{grid-column:1;grid-row:auto;justify-self:start;font-size:23px!important;max-width:none}.admin-news-page .admin-article-stat-content small,.admin-news-page .admin-article-stat-content em{white-space:normal}}

/* 2026-05-09 PageSpeed / SEO kalite paketi: mobil yapıyı bozmadan CWV iyileştirmeleri */
img,video{max-width:100%;height:auto}.home-slide img,.featured-home-card img,.article-card img{background-color:#e5e7eb}.home-slide-link,.featured-home-card a,.article-card-media{overflow:hidden}.home-slide:not(.active){pointer-events:none}.home-slider,.featured-home,.article-card-media{contain:layout paint}.home-slide img{aspect-ratio:16/9}.article-card-media img,.article-card-media .placeholder{aspect-ratio:16/10}.article-cover-image{aspect-ratio:auto;contain:layout paint}.home-category-video-media{background:#0f172a}.home-category-video-card video{object-fit:cover}@supports (content-visibility:auto){.home-explore-section-wrap,.home-category-section,.home-inline-widgets,.site-footer,.article-related-section,.comments-section{content-visibility:auto;contain-intrinsic-size:1px 520px}.article-detail-sidebar,.home-widget-sidebar{content-visibility:auto;contain-intrinsic-size:1px 620px}}@media(max-width:640px){.home-slide-content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-category-video-card video{max-height:260px}}

/* Breaking ticker FOUC and refresh-code visibility fix */
.breaking.breaking-new-slider{box-sizing:border-box;min-width:0}
.breaking-viewport{min-width:0}
.breaking-items{display:block;min-width:0}
.breaking-item[hidden]{display:none!important}
.breaking-item:not(.active){pointer-events:none}
.breaking-item.active{pointer-events:auto}
@media(max-width:480px){.breaking-new-slider{height:auto;min-height:46px}.breaking-viewport{height:32px}.breaking-item{font-size:13px}}

/* 2026-05-09 - Desktop article editor toolbar compact fix
   Masaüstünde TinyMCE araç çubuğu çok satıra yayılıp yazı alanını kaplamasın. */
@media (min-width: 761px){
  .article-editor-page-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .article-editor-shell.article-editor-v2,
  .article-editor-shell.article-editor-flat{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(280px,330px)!important;
    gap:16px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .article-editor-shell .article-editor-main{
    gap:16px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .article-editor-shell .article-flat-section{
    padding:18px!important;
    border-radius:18px!important;
    overflow:visible!important;
  }
  .article-editor-shell .editor-embed-tools,
  .article-editor-shell .editor-media-launch{
    margin:0 0 10px!important;
    padding:12px!important;
    border-radius:16px!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .article-editor-shell .editor-embed-tools .grid.two{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .article-editor-shell .editor-embed-tools .actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:8px 0 0!important;
  }
  .article-editor-shell .editor-embed-tools .actions .btn,
  .article-editor-shell .editor-media-launch .btn{
    width:auto!important;
    min-height:36px!important;
    padding:8px 12px!important;
    font-size:13px!important;
    border-radius:12px!important;
  }
  .article-editor-shell .hp-writing-editor-desktop-compact.tox-tinymce,
  .article-editor-shell .hp-writing-editor.tox-tinymce,
  .article-editor-shell .tox-tinymce{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:640px!important;
    min-height:560px!important;
    max-height:none!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  .article-editor-shell .tox-editor-container{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .article-editor-shell .tox-sidebar-wrap{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .article-editor-shell .tox .tox-editor-header{
    position:static!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    max-height:104px!important;
    overflow:hidden!important;
    z-index:2!important;
    border-bottom:1px solid var(--border,#e5e7eb)!important;
    box-shadow:none!important;
  }
  .article-editor-shell .tox .tox-menubar,
  .article-editor-shell .tox .tox-toolbar-overlord,
  .article-editor-shell .tox .tox-toolbar,
  .article-editor-shell .tox .tox-toolbar__primary,
  .article-editor-shell .tox .tox-toolbar__overflow{
    position:static!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
  }
  .article-editor-shell .tox .tox-menubar{
    min-height:31px!important;
    max-height:32px!important;
  }
  .article-editor-shell .tox .tox-toolbar-overlord,
  .article-editor-shell .tox .tox-toolbar,
  .article-editor-shell .tox .tox-toolbar__primary,
  .article-editor-shell .tox .tox-toolbar__overflow{
    min-height:38px!important;
    max-height:42px!important;
  }
  .article-editor-shell .tox .tox-toolbar__group{
    flex:0 0 auto!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:2px!important;
    padding:3px!important;
    max-width:none!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  .article-editor-shell .tox .tox-tbtn,
  .article-editor-shell .tox .tox-mbtn{
    flex:0 0 auto!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    margin:1px!important;
    border-radius:9px!important;
  }
  .article-editor-shell .tox .tox-tbtn--select{
    width:auto!important;
    min-width:86px!important;
    max-width:132px!important;
    padding-inline:6px!important;
  }
  .article-editor-shell .tox .tox-split-button,
  .article-editor-shell .tox .tox-split-button__chevron{
    flex:0 0 auto!important;
  }
  .article-editor-shell .tox .tox-edit-area{
    flex:1 1 auto!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:450px!important;
    height:auto!important;
    overflow:hidden!important;
    position:relative!important;
    z-index:1!important;
  }
  .article-editor-shell .tox .tox-edit-area__iframe{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:450px!important;
    background:var(--card,#fff)!important;
  }
  .article-editor-shell .tox .tox-statusbar{
    flex:0 0 auto!important;
    min-height:24px!important;
    max-height:30px!important;
    overflow:hidden!important;
  }
  .article-editor-shell .article-side-actions{
    position:static!important;
    z-index:auto!important;
    backdrop-filter:none!important;
  }
}
@media (min-width:761px) and (max-width:1180px){
  .article-editor-shell.article-editor-v2,
  .article-editor-shell.article-editor-flat{
    grid-template-columns:1fr!important;
  }
  .article-editor-shell .article-editor-side{
    position:static!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .article-editor-shell .article-side-actions{
    grid-column:1/-1!important;
  }
}
@media (min-width:761px) and (max-width:900px){
  .article-editor-shell .article-editor-side,
  .article-editor-shell .grid.two,
  .article-editor-shell .writer-category-picker,
  .article-editor-shell .editor-embed-tools .grid.two{
    grid-template-columns:1fr!important;
  }
  .article-editor-shell .hp-writing-editor-desktop-compact.tox-tinymce,
  .article-editor-shell .hp-writing-editor.tox-tinymce,
  .article-editor-shell .tox-tinymce{
    height:600px!important;
    min-height:520px!important;
  }
}

/* Article editor sidebar category and compact premium controls */
.article-editor-v2 .article-category-side-card .article-category-picker,
.article-editor-shell .article-category-side-card .article-category-picker{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.article-editor-v2 .article-category-side-card .article-category-picker label,
.article-editor-shell .article-category-side-card .article-category-picker label{
  display:grid!important;
  gap:6px!important;
  margin:0!important;
  font-size:13px!important;
  font-weight:800!important;
  color:var(--text,#111827)!important;
}
.article-editor-v2 .article-category-side-card .article-category-picker select,
.article-editor-shell .article-category-side-card .article-category-picker select{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.article-side-card-desc{
  margin:4px 0 12px!important;
  color:var(--muted,#64748b)!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}
.article-editor-v2 .article-category-side-card .category-picker-help,
.article-editor-shell .article-category-side-card .category-picker-help{
  margin:0!important;
  font-size:12px!important;
  line-height:1.45!important;
  color:var(--muted,#64748b)!important;
}
.article-editor-v2 .compact-premium-check,
.article-editor-shell .compact-premium-check,
.vertical-checks .compact-premium-check{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:0!important;
  line-height:1.25!important;
  white-space:normal!important;
}
.article-editor-v2 .compact-premium-check input[type="checkbox"],
.article-editor-shell .compact-premium-check input[type="checkbox"],
.vertical-checks .compact-premium-check input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  flex:0 0 16px!important;
  margin:0!important;
  padding:0!important;
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  accent-color:var(--brand,#2563eb)!important;
}
.article-editor-v2 .compact-premium-check .premium-editor-icon,
.article-editor-shell .compact-premium-check .premium-editor-icon,
.vertical-checks .compact-premium-check .premium-editor-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  font-size:13px!important;
  line-height:1!important;
}
.article-editor-v2 .compact-premium-check span:last-child,
.article-editor-shell .compact-premium-check span:last-child,
.vertical-checks .compact-premium-check span:last-child{
  min-width:0!important;
  flex:1 1 auto!important;
}
.article-editor-v2 .article-side-card label,
.article-editor-shell .article-side-card label{
  max-width:100%!important;
}
@media(min-width:1000px){
  .article-editor-v2 .article-editor-side{max-width:350px!important;}
  .article-editor-v2 .article-editor-main{min-width:0!important;}
}


/* 2026-05-09 Admin user-level earnings toggle + compact article display options */
.admin-user-earning-toggle{
  display:grid!important;
  gap:6px!important;
  margin:14px 0!important;
  padding:12px 13px!important;
  border:1px solid rgba(239,68,68,.18)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(239,68,68,.06),rgba(245,158,11,.045))!important;
}
.admin-user-earning-check{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.25!important;
}
.admin-user-earning-check input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  flex:0 0 16px!important;
  margin:0!important;
  accent-color:#ef4444!important;
}
.admin-user-earning-toggle small{color:var(--muted,#64748b)!important;font-size:12px!important;line-height:1.45!important}
.admin-user-earning-off-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:5px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:rgba(239,68,68,.10)!important;
  color:#b91c1c!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.article-editor-v2 .article-display-card,
.article-editor-shell .article-display-card{padding:13px!important;border-radius:16px!important}
.article-editor-v2 .article-display-card h3,
.article-editor-shell .article-display-card h3{font-size:15px!important;margin-bottom:8px!important}
.article-editor-v2 .article-display-card .vertical-checks,
.article-editor-shell .article-display-card .vertical-checks{gap:6px!important}
.article-editor-v2 .article-display-card .vertical-checks label,
.article-editor-shell .article-display-card .vertical-checks label{
  min-height:0!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  background:var(--bg,#f8fafc)!important;
}
.article-editor-v2 .article-display-card .vertical-checks input[type="checkbox"],
.article-editor-shell .article-display-card .vertical-checks input[type="checkbox"]{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  flex:0 0 15px!important;
}
.article-editor-v2 .article-display-card .compact-premium-check .premium-editor-icon,
.article-editor-shell .article-display-card .compact-premium-check .premium-editor-icon{width:16px!important;height:16px!important;flex-basis:16px!important;font-size:12px!important}

/* 2026-05-09 Haber formu Gösterim Alanları kompakt seçenekleri + premium sesli okuma ayarı */
.article-editor-v2 .article-display-card,
.article-editor-shell .article-display-card{
  padding:10px 11px!important;
  border-radius:15px!important;
}
.article-editor-v2 .article-display-card h3,
.article-editor-shell .article-display-card h3{
  margin:0 0 6px!important;
  font-size:14px!important;
  line-height:1.2!important;
}
.article-editor-v2 .article-display-card .vertical-checks,
.article-editor-shell .article-display-card .vertical-checks{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  margin:0!important;
}
.article-editor-v2 .article-display-card .vertical-checks label,
.article-editor-shell .article-display-card .vertical-checks label{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:7px!important;
  min-height:32px!important;
  margin:0!important;
  padding:6px 8px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--card,#fff) 82%,var(--bg,#f8fafc))!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.15!important;
  box-shadow:none!important;
}
.article-editor-v2 .article-display-card .vertical-checks input[type="checkbox"],
.article-editor-shell .article-display-card .vertical-checks input[type="checkbox"]{
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  flex:0 0 14px!important;
  margin:0!important;
}
.article-editor-v2 .article-display-card .compact-premium-check .premium-editor-icon,
.article-editor-shell .article-display-card .compact-premium-check .premium-editor-icon{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  font-size:11px!important;
}
.premium-settings-card .premium-tts-setting-line{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:10px 12px!important;
  border:1px solid rgba(245,158,11,.24)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(245,158,11,.10),rgba(37,99,235,.045))!important;
}
.premium-settings-card .premium-tts-setting-line input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  margin-top:2px!important;
}
.premium-settings-card .premium-tts-setting-line span{display:grid!important;gap:3px!important;line-height:1.3!important}
.premium-settings-card .premium-tts-setting-line strong{font-size:13px!important}
.premium-settings-card .premium-tts-setting-line small{display:block!important;color:var(--muted,#64748b)!important;font-size:12px!important;font-weight:650!important;line-height:1.4!important}

/* 2026-05-09 Haber ekleme/düzenleme modern flat sayfa düzeni */
.article-editor-page-wrap{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.article-editor-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:16px 18px!important;
  margin:0 0 4px!important;
  border:1px solid var(--line,var(--border,#e5e7eb))!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,var(--card,#fff),color-mix(in srgb,var(--card,#fff) 78%,var(--bg,#f8fafc)))!important;
  box-shadow:0 12px 32px rgba(15,23,42,.045)!important;
  overflow:hidden!important;
}
.article-editor-toolbar h2{
  margin:0!important;
  font-size:clamp(20px,2vw,26px)!important;
  line-height:1.16!important;
  letter-spacing:-.025em!important;
  font-weight:900!important;
  color:var(--text,#0f172a)!important;
}
.article-editor-toolbar p{
  margin:5px 0 0!important;
  color:var(--muted,#64748b)!important;
  font-size:13px!important;
  line-height:1.45!important;
  max-width:760px!important;
}
.article-editor-toolbar .btn{
  flex:0 0 auto!important;
  min-height:40px!important;
  border-radius:14px!important;
}
.article-editor-shell.article-editor-v2,
.article-editor-shell.article-editor-flat.article-editor-v2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,360px)!important;
  gap:18px!important;
  align-items:start!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  max-width:100%!important;
}
.article-editor-v2 .article-editor-main{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  min-width:0!important;
}
.article-editor-v2 .article-editor-side{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  width:100%!important;
  max-width:360px!important;
  position:sticky!important;
  top:16px!important;
  align-self:start!important;
  min-width:0!important;
}
.article-editor-v2 .article-flat-section,
.article-editor-v2 .article-side-card{
  position:relative!important;
  padding:16px!important;
  border:1px solid var(--line,var(--border,#e5e7eb))!important;
  border-radius:20px!important;
  background:var(--card,#fff)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.035)!important;
  overflow:hidden!important;
}
.article-editor-v2 .article-flat-section:before,
.article-editor-v2 .article-side-card:before{
  content:''!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:3px!important;
  background:linear-gradient(180deg,var(--brand,var(--primary,#2563eb)),rgba(37,99,235,.05))!important;
  opacity:.65!important;
}
.article-editor-v2 .article-section-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 12px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid color-mix(in srgb,var(--line,var(--border,#e5e7eb)) 78%,transparent)!important;
}
.article-editor-v2 .article-section-head h3,
.article-editor-v2 .article-side-card h3{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  color:var(--text,#0f172a)!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
  line-height:1.25!important;
}
.article-editor-v2 .article-side-card h3{margin:0 0 10px!important}
.article-editor-v2 .article-section-head h3:before,
.article-editor-v2 .article-side-card h3:before{
  content:''!important;
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:var(--brand,var(--primary,#2563eb))!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
  flex:0 0 8px!important;
}
.article-editor-v2 .article-section-head p,
.article-editor-v2 .article-side-card-desc,
.article-editor-v2 .category-picker-help,
.article-editor-v2 small,
.article-editor-v2 .muted{
  color:var(--muted,#64748b)!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.article-editor-v2 .article-section-head p{margin:4px 0 0!important;max-width:760px!important}
.article-editor-v2 label{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  margin:0!important;
  color:var(--text,#0f172a)!important;
  font-size:12.5px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:left!important;
}
.article-editor-v2 input:not([type="checkbox"]):not([type="radio"]),
.article-editor-v2 select,
.article-editor-v2 textarea{
  width:100%!important;
  max-width:100%!important;
  min-height:40px!important;
  padding:9px 11px!important;
  border:1px solid var(--line,var(--border,#e5e7eb))!important;
  border-radius:13px!important;
  background:color-mix(in srgb,var(--card,#fff) 72%,var(--bg,#f8fafc))!important;
  color:var(--text,#0f172a)!important;
  font-size:14px!important;
  line-height:1.45!important;
  outline:none!important;
  box-shadow:none!important;
}
.article-editor-v2 input:not([type="checkbox"]):not([type="radio"]):focus,
.article-editor-v2 select:focus,
.article-editor-v2 textarea:focus{
  border-color:var(--brand,var(--primary,#2563eb))!important;
  background:var(--card,#fff)!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
}
.article-editor-v2 textarea{min-height:92px!important;resize:vertical!important}
.article-editor-v2 .article-top-fields.grid.two,
.article-editor-v2 .grid.two{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
.article-editor-v2 .article-meta-fields,
.article-editor-v2 .article-seo-legacy-fields{gap:12px!important}
.article-editor-v2 .article-seo-legacy-fields{
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px solid color-mix(in srgb,var(--line,var(--border,#e5e7eb)) 78%,transparent)!important;
}
.article-editor-v2 .article-tags-field textarea{min-height:72px!important}
.article-editor-v2 .editor-media-launch,
.article-editor-v2 .editor-embed-tools{
  display:grid!important;
  gap:10px!important;
  padding:12px!important;
  margin:0 0 12px!important;
  border:1px solid var(--line,var(--border,#e5e7eb))!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--card,#fff) 82%,var(--bg,#f8fafc))!important;
  box-shadow:none!important;
}
.article-editor-v2 .editor-media-launch{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
}
.article-editor-v2 .editor-media-launch h3,
.article-editor-v2 .editor-embed-tools h3{font-size:14px!important;margin:0 0 2px!important;font-weight:900!important}
.article-editor-v2 .editor-media-launch p,
.article-editor-v2 .editor-embed-tools p{margin:0!important;font-size:12px!important;line-height:1.4!important}
.article-editor-v2 .editor-embed-tools .actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0!important;
}
.article-editor-v2 .editor-embed-tools .btn,
.article-editor-v2 .editor-media-launch .btn{min-height:38px!important;border-radius:12px!important}
.article-editor-v2 .tox,
.article-editor-v2 .tox-tinymce,
.article-editor-v2 .tox-editor-container,
.article-editor-v2 .tox-sidebar-wrap,
.article-editor-v2 .tox-edit-area,
.article-editor-v2 .tox-edit-area__iframe{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.article-editor-v2 .tox-tinymce{
  min-height:540px!important;
  height:540px!important;
  border:1px solid var(--line,var(--border,#e5e7eb))!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:var(--card,#fff)!important;
}
.article-editor-v2 .tox .tox-statusbar{min-height:28px!important}
.article-editor-v2 .tox .tox-toolbar-overlord,
.article-editor-v2 .tox .tox-menubar{
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
@media (min-width:1025px){
  .article-editor-v2 .tox .tox-toolbar,
  .article-editor-v2 .tox .tox-toolbar__primary{
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-width:100%!important;
  }
  .article-editor-v2 .tox .tox-toolbar__group{
    flex:0 0 auto!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
  }
}
.article-editor-v2 .article-file-box{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:96px!important;
  padding:14px 12px!important;
  margin:0 0 10px!important;
  border:1px dashed var(--line,var(--border,#d1d5db))!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg,#f8fafc) 78%,var(--card,#fff)),var(--card,#fff))!important;
  text-align:center!important;
  cursor:pointer!important;
}
.article-editor-v2 .article-file-box span{font-size:22px!important;line-height:1!important}
.article-editor-v2 .article-file-box strong{font-size:13px!important;font-weight:900!important;line-height:1.2!important}
.article-editor-v2 .article-file-box small{font-size:11.5px!important;line-height:1.35!important;max-width:230px!important}
.article-editor-v2 .article-current-file{
  display:block!important;
  margin:0 0 8px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  background:var(--bg,#f8fafc)!important;
  border:1px dashed var(--line,#e5e7eb)!important;
  color:var(--text,#0f172a)!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.article-editor-v2 .writer-category-picker,
.article-editor-v2 .article-contributor-picker{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  padding:12px!important;
  margin:0!important;
  border:1px solid var(--line,var(--border,#e5e7eb))!important;
  border-radius:16px!important;
  background:var(--bg,#f8fafc)!important;
}
.article-editor-v2 .writer-category-picker > input[type="hidden"]{display:none!important}
.article-editor-v2 .article-author-display{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:10px 12px!important;
  margin:0 0 10px!important;
  border:1px solid var(--line,#e5e7eb)!important;
  border-radius:14px!important;
  background:var(--bg,#f8fafc)!important;
}
.article-editor-v2 .article-author-display span{font-size:12px!important;font-weight:800!important;color:var(--muted,#64748b)!important}
.article-editor-v2 .article-author-display strong{font-size:13px!important;font-weight:900!important;text-align:right!important}
.article-editor-v2 .vertical-checks{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin:0!important;
}
.article-editor-v2 .article-display-card .vertical-checks{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.article-editor-v2 .vertical-checks label,
.article-editor-v2 .compact-premium-check,
.article-editor-v2 .premium-editor-check{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:36px!important;
  padding:8px 10px!important;
  border:1px solid var(--line,#e5e7eb)!important;
  border-radius:12px!important;
  background:var(--bg,#f8fafc)!important;
  color:var(--text,#0f172a)!important;
  font-size:12.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.article-editor-v2 .vertical-checks input[type="checkbox"],
.article-editor-v2 .compact-premium-check input[type="checkbox"],
.article-editor-v2 .premium-editor-check input[type="checkbox"]{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  flex:0 0 15px!important;
  margin:0!important;
  accent-color:var(--brand,var(--primary,#2563eb))!important;
}
.article-editor-v2 .compact-premium-check .premium-editor-icon,
.article-editor-v2 .premium-editor-check .premium-editor-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  font-size:11px!important;
  line-height:1!important;
}
.article-editor-v2 .article-earning-control-card small,
.article-editor-v2 .article-read-seconds-formula{
  display:block!important;
  margin:7px 0 0!important;
}
.article-editor-v2 .article-read-seconds-control{margin-top:10px!important}
.article-editor-v2 .seo-preview-card{
  padding:11px!important;
  border-radius:14px!important;
  background:var(--bg,#f8fafc)!important;
  border:1px solid var(--line,#e5e7eb)!important;
}
.article-editor-v2 .seo-live-list{
  margin:8px 0!important;
  padding-left:18px!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.article-editor-v2 .article-side-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:12px!important;
  border:1px solid var(--line,#e5e7eb)!important;
  border-radius:18px!important;
  background:var(--card,#fff)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.045)!important;
  position:static!important;
  margin:0!important;
}
.article-editor-v2 .article-side-actions .btn{
  width:100%!important;
  min-height:40px!important;
  border-radius:13px!important;
  justify-content:center!important;
  font-weight:900!important;
}
@media (max-width:1180px){
  .article-editor-shell.article-editor-v2,
  .article-editor-shell.article-editor-flat.article-editor-v2{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .article-editor-v2 .article-editor-side{
    position:static!important;
    top:auto!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .article-editor-v2 .article-side-actions{grid-column:1/-1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .article-editor-v2.writer-article-form .article-side-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:760px){
  .article-editor-toolbar{
    display:grid!important;
    gap:12px!important;
    padding:14px!important;
    border-radius:18px!important;
  }
  .article-editor-toolbar .btn{width:100%!important;justify-content:center!important}
  .article-editor-v2 .article-editor-main{gap:12px!important}
  .article-editor-v2 .article-flat-section,
  .article-editor-v2 .article-side-card{padding:14px!important;border-radius:17px!important}
  .article-editor-v2 .article-top-fields.grid.two,
  .article-editor-v2 .grid.two,
  .article-editor-v2 .article-editor-side,
  .article-editor-v2 .article-side-actions,
  .article-editor-v2.writer-article-form .article-side-actions,
  .article-editor-v2 .article-display-card .vertical-checks,
  .article-editor-v2 .editor-media-launch{grid-template-columns:1fr!important}
  .article-editor-v2 .tox-tinymce{min-height:420px!important;height:420px!important}
  .article-editor-v2 .editor-embed-tools .actions .btn{width:100%!important}
}
/* 2026-05-09 Haber ekleme seçenek kutusu yüksekliği düzeltmesi
   Kart/bölüm yüksekliği eski flat düzeninde bırakıldı; yalnızca iç seçenek arka planları daha ince hale getirildi. */
.article-editor-v2 .article-earning-control-card,
.article-editor-shell.article-editor-v2 .article-earning-control-card,
.article-editor-v2 .article-display-card,
.article-editor-shell.article-editor-v2 .article-display-card{
  padding:16px!important;
  border-radius:20px!important;
  box-shadow:0 10px 26px rgba(15,23,42,.035)!important;
}
.article-editor-v2 .article-earning-control-card h3,
.article-editor-shell.article-editor-v2 .article-earning-control-card h3,
.article-editor-v2 .article-display-card h3,
.article-editor-shell.article-editor-v2 .article-display-card h3{
  margin:0 0 10px!important;
  font-size:15px!important;
  line-height:1.25!important;
}
.article-editor-v2 .article-earning-control-card .vertical-checks,
.article-editor-shell.article-editor-v2 .article-earning-control-card .vertical-checks,
.article-editor-v2 .article-display-card .vertical-checks,
.article-editor-shell.article-editor-v2 .article-display-card .vertical-checks{
  gap:5px!important;
  margin:0!important;
}
.article-editor-v2 .article-display-card .vertical-checks,
.article-editor-shell.article-editor-v2 .article-display-card .vertical-checks{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.article-editor-v2 .article-earning-control-card .vertical-checks label,
.article-editor-shell.article-editor-v2 .article-earning-control-card .vertical-checks label,
.article-editor-v2 .article-display-card .vertical-checks label,
.article-editor-shell.article-editor-v2 .article-display-card .vertical-checks label{
  min-height:20px!important;
  padding:2px 7px!important;
  border-radius:8px!important;
  gap:5px!important;
  font-size:11px!important;
  line-height:1.02!important;
  box-shadow:none!important;
}
.article-editor-v2 .article-earning-control-card .vertical-checks input[type="checkbox"],
.article-editor-shell.article-editor-v2 .article-earning-control-card .vertical-checks input[type="checkbox"],
.article-editor-v2 .article-display-card .vertical-checks input[type="checkbox"],
.article-editor-shell.article-editor-v2 .article-display-card .vertical-checks input[type="checkbox"]{
  width:11px!important;
  height:11px!important;
  min-width:11px!important;
  flex:0 0 11px!important;
  margin:0!important;
}
.article-editor-v2 .article-display-card .compact-premium-check .premium-editor-icon,
.article-editor-shell.article-editor-v2 .article-display-card .compact-premium-check .premium-editor-icon{
  width:11px!important;
  height:11px!important;
  min-width:11px!important;
  flex:0 0 11px!important;
  font-size:8px!important;
}
.article-editor-v2 .article-earning-control-card small,
.article-editor-shell.article-editor-v2 .article-earning-control-card small,
.article-editor-v2 .article-earning-control-card .article-read-seconds-formula,
.article-editor-shell.article-editor-v2 .article-earning-control-card .article-read-seconds-formula{
  margin:7px 0 0!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.article-editor-v2 .article-earning-control-card .article-read-seconds-control,
.article-editor-shell.article-editor-v2 .article-earning-control-card .article-read-seconds-control{
  margin-top:10px!important;
  gap:6px!important;
  font-size:12px!important;
  line-height:1.25!important;
}
.article-editor-v2 .article-earning-control-card .article-read-seconds-control input,
.article-editor-shell.article-editor-v2 .article-earning-control-card .article-read-seconds-control input{
  min-height:36px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
@media (max-width:760px){
  .article-editor-v2 .article-earning-control-card,
  .article-editor-shell.article-editor-v2 .article-earning-control-card,
  .article-editor-v2 .article-display-card,
  .article-editor-shell.article-editor-v2 .article-display-card{
    padding:14px!important;
    border-radius:17px!important;
  }
  .article-editor-v2 .article-display-card .vertical-checks,
  .article-editor-shell.article-editor-v2 .article-display-card .vertical-checks{
    grid-template-columns:1fr!important;
  }
}



/* 2026-05-09 - Anasayfa Son Dakika haber slider ve mobil orta hizalama düzeltmesi */
.breaking.breaking-new-slider,
.breaking-new-slider{
  display:flex;
  align-items:center;
  min-height:50px;
  height:auto;
  padding:8px 15px;
  overflow:hidden;
  box-sizing:border-box;
}
.breaking.breaking-new-slider .breaking-label,
.breaking-new-slider .breaking-label{
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  min-height:34px;
  flex:0 0 auto;
}
.breaking.breaking-new-slider .breaking-viewport,
.breaking-new-slider .breaking-viewport{
  display:flex;
  align-items:center;
  min-width:0;
  flex:1 1 auto;
  height:34px;
  overflow:hidden;
}
.breaking.breaking-new-slider .breaking-items,
.breaking-new-slider .breaking-items{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  height:34px;
  overflow:hidden;
}
.breaking.breaking-new-slider .breaking-item,
.breaking-new-slider .breaking-item{
  position:absolute;
  inset:0;
  display:flex!important;
  align-items:center;
  min-width:0;
  height:100%;
  color:var(--text);
  font-weight:750;
  line-height:1.25;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:0;
  visibility:hidden;
  transform:translateX(22px);
  transition:opacity .46s ease, transform .46s ease, visibility .46s ease;
  will-change:opacity,transform;
  pointer-events:none;
}
.breaking.breaking-new-slider .breaking-item.active,
.breaking-new-slider .breaking-item.active{
  opacity:1;
  visibility:visible;
  transform:translateX(0);
  pointer-events:auto;
  z-index:2;
}
.breaking.breaking-new-slider .breaking-item.is-leaving,
.breaking-new-slider .breaking-item.is-leaving{
  opacity:0;
  visibility:visible;
  transform:translateX(-22px);
  z-index:1;
}
.breaking.breaking-new-slider .breaking-item[hidden],
.breaking-new-slider .breaking-item[hidden]{
  display:flex!important;
}
@media(max-width:640px){
  .breaking.breaking-new-slider,
  .breaking-new-slider{
    min-height:44px!important;
    padding:6px 10px!important;
    border-radius:14px;
    gap:8px;
    align-items:center!important;
  }
  .breaking.breaking-new-slider .breaking-label,
  .breaking-new-slider .breaking-label{
    min-height:32px!important;
    height:32px;
    margin-right:4px!important;
    padding-right:8px!important;
    border-right:1px solid var(--line);
    align-self:center!important;
  }
  .breaking.breaking-new-slider .breaking-icon,
  .breaking-new-slider .breaking-icon{
    display:inline-grid;
    place-items:center;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    flex-basis:30px!important;
    border-radius:10px!important;
    line-height:1!important;
    font-size:17px!important;
  }
  .breaking.breaking-new-slider .breaking-text,
  .breaking-new-slider .breaking-text{
    display:none!important;
  }
  .breaking.breaking-new-slider .breaking-viewport,
  .breaking-new-slider .breaking-viewport,
  .breaking.breaking-new-slider .breaking-items,
  .breaking-new-slider .breaking-items{
    height:32px!important;
    min-height:32px!important;
    align-items:center!important;
  }
  .breaking.breaking-new-slider .breaking-item,
  .breaking-new-slider .breaking-item{
    height:32px!important;
    min-height:32px!important;
    align-items:center!important;
    font-size:13.5px!important;
    line-height:1.22!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .breaking.breaking-new-slider .breaking-item,
  .breaking-new-slider .breaking-item{
    transition:none!important;
    transform:none!important;
  }
}

/* 2026-05-09 - Son Dakika ikon hizasi ve daha akici yazi slider gecisi */
.breaking.breaking-new-slider,
.breaking-new-slider{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:12px!important;
  overflow:hidden!important;
}
.breaking.breaking-new-slider .breaking-label,
.breaking-new-slider .breaking-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:32px!important;
  height:32px!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  align-self:center!important;
  white-space:nowrap!important;
}
.breaking.breaking-new-slider .breaking-icon,
.breaking-new-slider .breaking-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  flex:0 0 24px!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  font-size:17px!important;
  transform:none!important;
  position:relative!important;
  top:0!important;
}
.breaking.breaking-new-slider .breaking-text,
.breaking-new-slider .breaking-text{
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
}
.breaking.breaking-new-slider .breaking-viewport,
.breaking-new-slider .breaking-viewport{
  display:flex!important;
  align-items:center!important;
  height:34px!important;
  min-height:34px!important;
  overflow:hidden!important;
  min-width:0!important;
}
.breaking.breaking-new-slider .breaking-items,
.breaking-new-slider .breaking-items{
  position:relative!important;
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  overflow:hidden!important;
}
.breaking.breaking-new-slider .breaking-item,
.breaking-new-slider .breaking-item{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 2px!important;
  line-height:1.2!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translate3d(34px,0,0)!important;
  transition:opacity .58s ease, transform .58s cubic-bezier(.22,1,.36,1), visibility .58s ease!important;
  will-change:opacity,transform!important;
  pointer-events:none!important;
}
.breaking.breaking-new-slider .breaking-item.active,
.breaking-new-slider .breaking-item.active{
  opacity:1!important;
  visibility:visible!important;
  transform:translate3d(0,0,0)!important;
  pointer-events:auto!important;
  z-index:2!important;
}
.breaking.breaking-new-slider .breaking-item.is-leaving,
.breaking-new-slider .breaking-item.is-leaving{
  opacity:0!important;
  visibility:visible!important;
  transform:translate3d(-34px,0,0)!important;
  z-index:1!important;
}
@media(max-width:640px){
  .breaking.breaking-new-slider,
  .breaking-new-slider{
    min-height:44px!important;
    padding:7px 11px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    column-gap:9px!important;
    align-items:center!important;
  }
  .breaking.breaking-new-slider .breaking-label,
  .breaking-new-slider .breaking-label{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:0!important;
    border-right:0!important;
    align-self:center!important;
  }
  .breaking.breaking-new-slider .breaking-icon,
  .breaking-new-slider .breaking-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    flex:0 0 30px!important;
    border-radius:10px!important;
    font-size:17px!important;
    line-height:1!important;
    transform:none!important;
    top:0!important;
  }
  .breaking.breaking-new-slider .breaking-text,
  .breaking-new-slider .breaking-text{
    display:none!important;
  }
  .breaking.breaking-new-slider .breaking-viewport,
  .breaking-new-slider .breaking-viewport,
  .breaking.breaking-new-slider .breaking-items,
  .breaking-new-slider .breaking-items,
  .breaking.breaking-new-slider .breaking-item,
  .breaking-new-slider .breaking-item{
    height:30px!important;
    min-height:30px!important;
    align-items:center!important;
  }
  .breaking.breaking-new-slider .breaking-item,
  .breaking-new-slider .breaking-item{
    font-size:13.5px!important;
    line-height:1.15!important;
    padding:0!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .breaking.breaking-new-slider .breaking-item,
  .breaking-new-slider .breaking-item{
    transition:none!important;
    transform:none!important;
  }
}

/* 2026-05-09 - Son Dakika hareketli ikon ortalama duzeltmesi */
.breaking.breaking-new-slider .breaking-label,
.breaking-new-slider .breaking-label{
  display:inline-grid!important;
  grid-auto-flow:column!important;
  align-items:center!important;
  justify-content:center!important;
  align-content:center!important;
  justify-items:center!important;
  min-height:34px!important;
  height:34px!important;
  line-height:1!important;
  align-self:center!important;
}
.breaking.breaking-new-slider .breaking-icon,
.breaking-new-slider .breaking-icon{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  border-radius:12px!important;
  background:#ef4444!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(239,68,68,.18)!important;
  font-size:0!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  text-align:center!important;
}
.breaking.breaking-new-slider .breaking-icon::before,
.breaking-new-slider .breaking-icon::before{
  content:"⚡";
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font-size:18px;
  line-height:1;
  transform-origin:center center;
  animation:hpBreakingIconPulse 1.7s ease-in-out infinite;
  will-change:transform,opacity;
}
@keyframes hpBreakingIconPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.18);opacity:.78}
}
@media(max-width:640px){
  .breaking.breaking-new-slider,
  .breaking-new-slider{
    grid-template-columns:32px minmax(0,1fr)!important;
    column-gap:9px!important;
    align-items:center!important;
  }
  .breaking.breaking-new-slider .breaking-label,
  .breaking-new-slider .breaking-label{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    align-self:center!important;
  }
  .breaking.breaking-new-slider .breaking-icon,
  .breaking-new-slider .breaking-icon{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    flex:0 0 32px!important;
    border-radius:11px!important;
  }
  .breaking.breaking-new-slider .breaking-icon::before,
  .breaking-new-slider .breaking-icon::before{
    font-size:18px;
  }
}
@media(prefers-reduced-motion:reduce){
  .breaking.breaking-new-slider .breaking-icon::before,
  .breaking-new-slider .breaking-icon::before{
    animation:none!important;
  }
}

/* 2026-05-09 - Son Dakika simsek ic ikon tam merkezleme */
.breaking.breaking-new-slider .breaking-icon,
.breaking-new-slider .breaking-icon{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
}
.breaking.breaking-new-slider .breaking-icon::before,
.breaking-new-slider .breaking-icon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:14px!important;
  height:20px!important;
  display:block!important;
  background:currentColor!important;
  clip-path:polygon(58% 0, 8% 55%, 43% 55%, 31% 100%, 93% 39%, 56% 39%)!important;
  transform:translate3d(-50%,-50%,0) scale(1)!important;
  transform-origin:center center!important;
  animation:hpBreakingIconPulse 1.7s ease-in-out infinite!important;
  will-change:transform,opacity!important;
}
@keyframes hpBreakingIconPulse{
  0%,100%{transform:translate3d(-50%,-50%,0) scale(1);opacity:1}
  50%{transform:translate3d(-50%,-50%,0) scale(1.17);opacity:.78}
}
@media(max-width:640px){
  .breaking.breaking-new-slider .breaking-icon::before,
  .breaking-new-slider .breaking-icon::before{
    width:13px!important;
    height:19px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .breaking.breaking-new-slider .breaking-icon::before,
  .breaking-new-slider .breaking-icon::before{
    animation:none!important;
  }
}


/* 2026-05-09 Advanced private message system */
.author-profile-message-card{margin:14px 0 0}.author-message-btn{justify-content:center}.author-message-unavailable{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border-radius:14px;background:rgba(148,163,184,.13);color:var(--muted,#64748b);font-size:.92rem;line-height:1.35}.private-message-layout{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:18px;align-items:start}.private-message-sidebar,.private-message-main{border-radius:22px}.private-message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.private-message-head h2,.private-conversation-top h2{margin:0}.private-thread-list{display:grid;gap:10px}.private-thread-item{position:relative;display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:rgba(255,255,255,.72);color:inherit;text-decoration:none;transition:.18s ease}.private-thread-item:hover,.private-thread-item.is-active{border-color:rgba(37,99,235,.35);background:rgba(37,99,235,.08);transform:translateY(-1px)}.private-thread-item span{color:var(--muted,#64748b);font-size:.9rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.private-thread-item small{color:var(--muted,#64748b);font-size:.76rem}.private-thread-item em{position:absolute;right:12px;top:12px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:.75rem;font-style:normal;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.private-conversation-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(148,163,184,.18)}.private-conversation-top .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.private-message-stream{display:flex;flex-direction:column;gap:12px;max-height:58vh;overflow:auto;padding:4px 4px 12px}.private-message-bubble{max-width:min(76%,680px);padding:12px 14px;border-radius:18px;background:rgba(148,163,184,.12);box-shadow:0 8px 24px rgba(15,23,42,.05)}.private-message-bubble.is-mine{align-self:flex-end;background:rgba(37,99,235,.12);border-bottom-right-radius:6px}.private-message-bubble.is-other{align-self:flex-start;border-bottom-left-radius:6px}.private-message-bubble div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.private-message-bubble small{color:var(--muted,#64748b);font-size:.75rem}.private-message-bubble p{margin:0;white-space:normal;line-height:1.55}.private-message-reply,.private-message-compose{display:grid;gap:12px;margin-top:16px}.private-message-reply textarea,.private-message-compose textarea{min-height:120px;resize:vertical}.private-message-warning{margin-top:14px;padding:12px 14px;border-radius:16px;background:rgba(245,158,11,.12);color:#92400e}.private-message-preference{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(148,163,184,.1);margin-bottom:14px}.private-message-preference label{display:flex;align-items:center;gap:8px;margin:0;font-size:.92rem}.private-message-compose label{display:grid;gap:6px;font-weight:700}.private-message-compose input,.private-message-compose textarea{font-weight:400}@media(max-width:900px){.private-message-layout{grid-template-columns:1fr}.private-message-stream{max-height:none}.private-message-bubble{max-width:92%}.private-conversation-top{flex-direction:column}.private-conversation-top .actions{justify-content:flex-start}.private-message-preference{align-items:flex-start;flex-direction:column}}
[data-theme="dark"] .private-thread-item{background:rgba(15,23,42,.55)}[data-theme="dark"] .private-thread-item:hover,[data-theme="dark"] .private-thread-item.is-active{background:rgba(59,130,246,.16)}[data-theme="dark"] .private-message-bubble.is-other{background:rgba(30,41,59,.86)}[data-theme="dark"] .private-message-warning{color:#fde68a;background:rgba(245,158,11,.14)}
/* 2026-05-09 Author profile message button alignment fix */
.author-profile-message-card{
  margin:0!important;
  padding:12px 16px 0!important;
  box-sizing:border-box!important;
}
.author-profile-message-card .author-message-btn{
  width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
.author-profile-message-card .author-message-unavailable{
  width:100%!important;
  min-height:43px!important;
  padding:12px 18px!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:.92rem!important;
  line-height:1.2!important;
  text-align:center!important;
}
.author-profile-message-card .author-message-unavailable span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:700px){
  .author-profile-message-card{
    padding:12px 16px 0!important;
  }
}

/* 2026-05-09 Private message receive preference visual fix */
.private-message-preference-card{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(148,163,184,.08))!important;
  box-shadow:0 10px 26px rgba(15,23,42,.05)!important;
  margin-bottom:14px!important;
}
.private-message-switch-label{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  cursor:pointer!important;
  min-width:0!important;
}
.private-message-switch-label input[type="checkbox"]{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.private-message-switch-ui{
  position:relative!important;
  width:42px!important;
  height:24px!important;
  border-radius:999px!important;
  background:rgba(148,163,184,.55)!important;
  border:1px solid rgba(148,163,184,.42)!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.16)!important;
  transition:.18s ease!important;
}
.private-message-switch-ui::after{
  content:""!important;
  position:absolute!important;
  width:18px!important;
  height:18px!important;
  left:2px!important;
  top:2px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 3px 9px rgba(15,23,42,.22)!important;
  transition:.18s ease!important;
}
.private-message-switch-label input[type="checkbox"]:checked + .private-message-switch-ui{
  background:linear-gradient(135deg,var(--brand,#2563eb),#22c55e)!important;
  border-color:rgba(37,99,235,.35)!important;
}
.private-message-switch-label input[type="checkbox"]:checked + .private-message-switch-ui::after{
  transform:translateX(18px)!important;
}
.private-message-switch-label input[type="checkbox"]:focus-visible + .private-message-switch-ui{
  outline:3px solid rgba(37,99,235,.22)!important;
  outline-offset:3px!important;
}
.private-message-preference-text{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
.private-message-preference-text strong{
  font-size:.94rem!important;
  line-height:1.2!important;
  color:var(--text,#0f172a)!important;
}
.private-message-preference-text small{
  display:block!important;
  color:var(--muted,#64748b)!important;
  font-size:.78rem!important;
  line-height:1.35!important;
  font-weight:600!important;
}
.private-message-preference-save{
  white-space:nowrap!important;
  min-height:36px!important;
  padding:8px 12px!important;
}
.profile-private-message-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:9px 12px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:14px!important;
  background:rgba(148,163,184,.09)!important;
  line-height:1.25!important;
}
.profile-private-message-toggle input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  flex:0 0 auto!important;
}
.profile-private-message-toggle span{
  display:inline-block!important;
  font-weight:750!important;
}
@media(max-width:900px){
  .private-message-preference-card{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .private-message-preference-save{
    width:100%!important;
  }
}
[data-theme="dark"] .private-message-preference-card{
  background:linear-gradient(135deg,rgba(59,130,246,.13),rgba(30,41,59,.72))!important;
  border-color:rgba(148,163,184,.18)!important;
}
[data-theme="dark"] .private-message-preference-text strong{color:var(--text,#e5e7eb)!important;}
[data-theme="dark"] .profile-private-message-toggle{background:rgba(30,41,59,.72)!important;border-color:rgba(148,163,184,.18)!important;}

/* 2026-05-10 Gelişmiş destek sistemi */
.support-admin-page,.support-writer-page,.support-user-page{display:grid;gap:18px}.support-stats{margin-bottom:0}.support-settings-info,.support-card-head,.support-detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.support-settings-info h2,.support-card-head h2,.support-detail-top h2{margin:0 0 4px}.support-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:18px;align-items:start}.support-writer-grid{grid-template-columns:minmax(260px,360px) minmax(0,1fr)}.support-filter,.support-ticket-control,.support-form-grid,.support-mini-grid{display:grid;gap:10px}.support-filter{grid-template-columns:1fr 140px auto;margin:12px 0}.support-ticket-control{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;margin:14px 0;padding:12px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:rgba(148,163,184,.08)}.support-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.support-ticket-list{display:grid;gap:10px;max-height:720px;overflow:auto;padding-right:4px}.support-ticket-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:12px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:rgba(255,255,255,.72);text-decoration:none;color:inherit;transition:.18s ease}.support-ticket-item:hover,.support-ticket-item.is-active{border-color:rgba(37,99,235,.35);box-shadow:0 10px 24px rgba(15,23,42,.08);transform:translateY(-1px)}.support-ticket-item strong{display:block;font-size:.94rem;line-height:1.35}.support-ticket-item span,.support-ticket-item small{display:block;color:var(--muted);font-size:.8rem}.support-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:.76rem;font-weight:800;white-space:nowrap;background:rgba(148,163,184,.16);color:var(--text)}.support-status-open{background:rgba(59,130,246,.14);color:#1d4ed8}.support-status-pending{background:rgba(245,158,11,.16);color:#b45309}.support-status-answered{background:rgba(34,197,94,.14);color:#15803d}.support-status-closed{background:rgba(100,116,139,.18);color:#475569}.support-message-stream{display:grid;gap:12px;margin:16px 0}.support-message{padding:14px;border:1px solid rgba(148,163,184,.22);border-radius:20px;background:rgba(255,255,255,.76)}.support-message.is-staff{background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(59,130,246,.04))}.support-message.is-requester{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(255,255,255,.8))}.support-message-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.support-message-meta strong{font-size:.94rem}.support-message-meta span{font-size:.72rem;font-weight:800;border-radius:999px;padding:3px 8px;background:rgba(148,163,184,.16)}.support-message-meta small{margin-left:auto;color:var(--muted);font-size:.78rem}.support-message p{margin:0;white-space:normal;line-height:1.6}.support-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.support-attachments a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(37,99,235,.09);font-size:.8rem;text-decoration:none}.support-reply-form,.support-create-form,.support-department-form,.support-department-edit,.support-member-form{display:grid;gap:12px}.support-reply-form textarea,.support-create-form textarea,.support-department-form textarea,.support-department-edit textarea{min-height:110px}.support-reply-form{margin-top:14px;padding-top:14px;border-top:1px solid rgba(148,163,184,.22)}.support-close-form{margin-top:10px}.support-actions-row{display:flex;align-items:center;gap:10px}.support-closed-note{padding:12px 14px;border-radius:16px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.22);font-weight:700}.support-department-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.support-department-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.support-department-card{display:grid;gap:12px;padding:14px;border:1px solid rgba(148,163,184,.22);border-radius:20px;background:rgba(255,255,255,.72)}.support-member-checks{display:grid;gap:8px;max-height:180px;overflow:auto;padding:8px;border-radius:14px;background:rgba(148,163,184,.08)}.support-member-checks label{display:flex;align-items:center;gap:8px;font-size:.86rem}.support-new-ticket-card{position:relative;overflow:hidden}.support-new-ticket-card:before{content:"";position:absolute;inset:0 0 auto auto;width:160px;height:160px;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 70%);pointer-events:none}.support-ticket-detail-card{min-height:360px}.support-admin-page input,.support-admin-page select,.support-admin-page textarea,.support-writer-page input,.support-writer-page select,.support-writer-page textarea,.support-user-page input,.support-user-page select,.support-user-page textarea{width:100%}@media(max-width:980px){.support-grid,.support-writer-grid,.support-department-grid{grid-template-columns:1fr}.support-ticket-control,.support-form-grid,.support-filter{grid-template-columns:1fr}.support-department-list{grid-template-columns:1fr}.support-ticket-list{max-height:none}.support-settings-info,.support-card-head,.support-detail-top{flex-direction:column}.support-message-meta small{margin-left:0;width:100%}}@media(max-width:640px){.support-ticket-item{grid-template-columns:1fr}.support-status{justify-content:flex-start}.support-message{padding:12px;border-radius:16px}}

/* Destek talebi üst menü ve form görünürlük düzeni */
.support-top-menu{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    flex-wrap:wrap;
    padding:10px;
}
.support-top-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:10px 15px;
    border:1px solid rgba(148,163,184,.22);
    border-radius:16px;
    background:rgba(255,255,255,.72);
    color:inherit;
    text-decoration:none;
    font-weight:800;
    line-height:1.2;
    transition:.18s ease;
}
.support-top-link:hover,
.support-top-link.is-active{
    border-color:rgba(37,99,235,.36);
    background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(255,255,255,.82));
    box-shadow:0 10px 24px rgba(15,23,42,.07);
    transform:translateY(-1px);
}
.support-new-ticket-card{
    width:100%;
    max-width:920px;
    margin:0 auto;
}
.support-new-ticket-card .support-card-head{
    position:relative;
    z-index:1;
    margin-bottom:6px;
}
.support-new-ticket-card .support-create-form{
    position:relative;
    z-index:1;
}
.empty-panel-state .btn{
    margin-top:10px;
}
@media(max-width:640px){
    .support-top-menu{padding:8px;gap:8px}
    .support-top-link{flex:1 1 100%;min-height:40px;padding:9px 12px;border-radius:14px}
    .support-new-ticket-card{max-width:none}
}


/* 2026-05-10 top account messages link + full notification text */
.live-notification-dropdown{
  width:min(440px,calc(100vw - 22px))!important;
}
.live-notification-item{
  overflow:visible!important;
}
.live-notification-item.has-count .live-notification-item-body{
  padding-right:38px!important;
}
.live-notification-item-body,
.live-notification-item-body strong,
.live-notification-item-body small,
.live-notification-item-body em{
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
.live-notification-item-body strong{
  display:block!important;
  line-height:1.32!important;
}
.live-notification-item-body small{
  display:block!important;
  color:var(--muted)!important;
  line-height:1.48!important;
}
.live-notification-item-body em{
  display:block!important;
  line-height:1.35!important;
}
@media(max-width:720px){
  .live-notification-dropdown{
    width:auto!important;
    max-width:none!important;
  }
  .live-notification-item.has-count .live-notification-item-body{
    padding-right:0!important;
  }
  .live-notification-item-count{
    position:static!important;
    justify-self:start!important;
    grid-column:2!important;
    margin-top:2px!important;
  }
}


/* Support system final polish: dashboard cards, status spacing, message deletion */
.support-stats.flat-stats-grid,.support-dashboard-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 18px!important}.support-stats .stat-card,.support-dashboard-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:86px!important;padding:16px 18px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:var(--card)!important;box-shadow:var(--shadow)!important;color:inherit!important;text-decoration:none!important}.support-stats .stat-card span,.support-dashboard-card span{font-weight:850!important;color:var(--muted)!important;line-height:1.25!important}.support-stats .stat-card strong,.support-dashboard-card strong{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:46px!important;font-size:28px!important;line-height:1!important;color:var(--text)!important}.support-message-meta{gap:8px 10px!important}.support-message-delete-form{margin:0 0 0 4px!important}.support-message-delete{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(239,68,68,.24);border-radius:999px;background:rgba(239,68,68,.08);color:#b91c1c;font-size:12px;font-weight:900;padding:4px 9px;cursor:pointer}.support-message-delete:hover{background:#fee2e2}.support-message p{overflow-wrap:anywhere;word-break:break-word}.support-dashboard-hero p{margin:4px 0 0;color:var(--muted)}
@media(max-width:980px){.support-stats.flat-stats-grid,.support-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.support-stats .stat-card,.support-dashboard-card{min-height:78px!important;padding:14px!important}}
@media(max-width:560px){.support-stats.flat-stats-grid,.support-dashboard-stats{grid-template-columns:1fr!important}.support-stats .stat-card,.support-dashboard-card{min-height:72px!important}.support-message-meta{align-items:flex-start!important}.support-message-delete-form{margin-left:0!important}}

/* 2026-05-10 support cleanup, ticket deletion and mobile polish */
.support-detail-actions,
.support-ticket-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}
.support-detail-actions form,
.support-ticket-actions form{margin:0!important;}
.support-delete-ticket-form .btn.danger,
.btn.danger{
    border-color:rgba(239,68,68,.32)!important;
    background:rgba(239,68,68,.10)!important;
    color:#b91c1c!important;
}
.support-delete-ticket-form .btn.danger:hover,
.btn.danger:hover{background:#fee2e2!important;}
.support-empty-messages{margin:0 0 8px!important;}
.support-message-meta{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center!important;}
.support-message-meta strong{min-width:0;overflow-wrap:anywhere;}
.support-message-delete{white-space:nowrap;min-height:28px;}
.support-ticket-item{position:relative;overflow:hidden;}
.support-ticket-item div{min-width:0;}
.support-ticket-item strong,.support-ticket-item span{overflow-wrap:anywhere;}
.support-ticket-detail-card{overflow:hidden;}
.support-reply-form textarea,.support-create-form textarea{resize:vertical;}
[data-theme="dark"] .support-message-delete{background:rgba(239,68,68,.16)!important;color:#fecaca!important;border-color:rgba(248,113,113,.28)!important;}
[data-theme="dark"] .support-delete-ticket-form .btn.danger,[data-theme="dark"] .btn.danger{background:rgba(239,68,68,.16)!important;color:#fecaca!important;border-color:rgba(248,113,113,.28)!important;}
@media(max-width:980px){
    .support-detail-actions,.support-ticket-actions{width:100%;justify-content:flex-start;}
    .support-ticket-actions .btn,.support-detail-actions .btn{width:100%;justify-content:center;}
    .support-message-meta{grid-template-columns:1fr auto!important;gap:8px!important;}
    .support-message-meta small{width:auto!important;margin-left:0!important;grid-column:1/-1;}
    .support-message-delete-form{grid-column:1/-1;margin:2px 0 0!important;}
    .support-message-delete{width:100%;}
}
@media(max-width:560px){
    .support-admin-page,.support-writer-page,.support-user-page{gap:12px!important;}
    .support-grid,.support-writer-grid{gap:12px!important;}
    .support-ticket-list-card,.support-ticket-detail-card{padding:14px!important;border-radius:18px!important;}
    .support-ticket-item{padding:11px!important;border-radius:16px!important;}
    .support-detail-top{gap:10px!important;}
    .support-message{padding:12px!important;border-radius:16px!important;}
    .support-message-meta{grid-template-columns:1fr!important;align-items:flex-start!important;}
    .support-message-meta span,.support-message-meta small{width:max-content;max-width:100%;}
}

/* 2026-05-10 - Yönetim destek ekibi alanı düzeni */
.support-member-form{
  gap:10px;
  padding:12px;
  border:1px solid rgba(148,163,184,.20);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(248,250,252,.92),rgba(255,255,255,.78));
}
.support-member-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom:2px;
}
.support-member-head strong{
  display:block;
  font-size:.92rem;
  line-height:1.25;
}
.support-member-head small{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:.76rem;
  font-weight:700;
}
.support-member-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(37,99,235,.10);
  color:#1d4ed8;
  font-size:.73rem;
  font-weight:800;
  white-space:nowrap;
}
.support-member-checks{
  gap:7px;
  max-height:238px;
  padding:4px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:16px;
  background:rgba(248,250,252,.72);
}
.support-member-checks .support-member-option{
  display:grid;
  grid-template-columns:auto 34px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:48px;
  padding:8px 10px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:14px;
  background:rgba(255,255,255,.82);
  font-size:.86rem;
  line-height:1.25;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.support-member-checks .support-member-option:hover,
.support-member-checks .support-member-option.is-selected{
  border-color:rgba(37,99,235,.32);
  background:rgba(239,246,255,.92);
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}
.support-member-checks .support-member-option:hover{transform:translateY(-1px)}
.support-member-option input{
  width:16px!important;
  height:16px;
  margin:0;
  accent-color:#2563eb;
}
.support-member-avatar{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:rgba(37,99,235,.10);
  font-size:1rem;
  flex:0 0 auto;
}
.support-member-info{
  display:grid;
  gap:1px;
  min-width:0;
}
.support-member-info b{
  overflow:hidden;
  color:var(--text);
  font-size:.86rem;
  line-height:1.28;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.support-member-info em{
  overflow:hidden;
  color:var(--muted);
  font-size:.74rem;
  font-style:normal;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.support-member-checkmark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:999px;
  background:rgba(37,99,235,.12);
  color:#2563eb;
  font-size:.72rem;
  font-weight:900;
  opacity:.22;
}
.support-member-option.is-selected .support-member-checkmark{opacity:1;background:#2563eb;color:#fff}
.support-member-empty{
  padding:10px 12px;
  border-radius:14px;
  background:rgba(245,158,11,.12);
  color:#92400e;
  font-size:.82rem;
  font-weight:700;
}
.support-member-form .btn{justify-self:start}
@media(max-width:640px){
  .support-member-head{align-items:flex-start;flex-direction:column}
  .support-member-count{white-space:normal}
  .support-member-checks{max-height:none}
  .support-member-checks .support-member-option{grid-template-columns:auto 30px minmax(0,1fr) auto;min-height:46px;padding:8px}
  .support-member-avatar{width:30px;height:30px;border-radius:10px}
}


/* 2026-05-10 live notification mark-all polish for user/writer/admin */
.live-notification-head{
  align-items:flex-start!important;
}
.live-notification-head .live-notification-mark-all{
  margin-left:auto!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  line-height:1.1!important;
}
.live-notification-head .live-notification-mark-all[hidden]{
  display:none!important;
}
.live-notification-dropdown[data-live-notification-total="0"] .live-notification-mark-all{
  display:none!important;
}
.live-notification-item-body small{
  margin-top:1px!important;
}
.live-notification-item-body em{
  margin-top:2px!important;
  opacity:.78!important;
}
@media(max-width:520px){
  .live-notification-head{
    gap:8px!important;
    padding:12px!important;
  }
  .live-notification-head .live-notification-mark-all{
    padding:7px 8px!important;
    font-size:10.5px!important;
    max-width:132px!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .live-notification-item{
    gap:9px!important;
  }
}

/* 2026-05-10 admin/writer/user notification dropdown visual polish */
.live-notification-dropdown{
  --hp-notify-card:rgba(255,255,255,.92);
  --hp-notify-soft:rgba(248,250,252,.86);
  --hp-notify-border:rgba(148,163,184,.24);
  width:min(420px,calc(100vw - 24px))!important;
  border:1px solid var(--hp-notify-border)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96))!important;
  box-shadow:0 24px 70px rgba(15,23,42,.22)!important;
  color:var(--text)!important;
}
.live-notification-dropdown:not([hidden]){
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.live-notification-dropdown[hidden]{display:none!important}
.live-notification-head{
  position:relative;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:15px 16px 13px!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(14,165,233,.08) 48%,rgba(255,255,255,.76))!important;
}
.live-notification-head>div{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}
.live-notification-head strong{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:var(--text)!important;
  font-size:14.5px!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  line-height:1.22!important;
}
.live-notification-head strong:before{
  content:'🔔';
  display:inline-grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:10px;
  background:rgba(37,99,235,.14);
  font-size:13px;
  line-height:1;
}
.live-notification-head small{
  display:block!important;
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:normal!important;
}
.live-notification-mark-all{
  margin-left:auto!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:31px!important;
  padding:7px 11px!important;
  border:1px solid rgba(37,99,235,.22)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  color:#2563eb!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  box-shadow:0 7px 18px rgba(37,99,235,.09)!important;
}
.live-notification-mark-all:before{content:'✓';font-weight:950}
.live-notification-mark-all:hover{
  border-color:rgba(37,99,235,.42)!important;
  background:rgba(37,99,235,.08)!important;
  color:#1d4ed8!important;
}
.live-notification-head .live-notification-mark-all[hidden],
.live-notification-dropdown[data-live-notification-total="0"] .live-notification-mark-all{display:none!important}
.live-notification-list{
  display:grid!important;
  gap:8px!important;
  padding:9px!important;
  max-height:430px;
  overflow-y:auto!important;
  background:linear-gradient(180deg,rgba(248,250,252,.78),rgba(255,255,255,.72))!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.live-notification-list::-webkit-scrollbar{width:8px}
.live-notification-list::-webkit-scrollbar-thumb{background:rgba(148,163,184,.42);border-radius:999px}
.live-notification-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:flex-start!important;
  gap:11px!important;
  min-height:0!important;
  padding:12px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:17px!important;
  background:var(--hp-notify-card)!important;
  color:inherit!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.live-notification-item:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(37,99,235,.28)!important;
  background:rgba(239,246,255,.95)!important;
  box-shadow:0 14px 30px rgba(37,99,235,.10)!important;
}
.live-notification-item-icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:15px!important;
  background:rgba(37,99,235,.10)!important;
  color:#2563eb!important;
  font-size:18px!important;
  line-height:1!important;
}
.live-notification-item-body{
  grid-column:2!important;
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
  padding-right:0!important;
}
.live-notification-title,
.live-notification-item-body strong{
  display:block!important;
  overflow:visible!important;
  color:var(--text)!important;
  font-size:13.2px!important;
  font-weight:950!important;
  line-height:1.28!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.live-notification-message,
.live-notification-item-body small{
  display:block!important;
  overflow:visible!important;
  margin-top:1px!important;
  color:var(--muted)!important;
  font-size:12.2px!important;
  font-weight:750!important;
  line-height:1.42!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.live-notification-time,
.live-notification-item-body em{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:2px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.045)!important;
  color:var(--muted)!important;
  font-size:10.8px!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:normal!important;
}
.live-notification-item.has-count{
  grid-template-columns:42px minmax(0,1fr) auto!important;
}
.live-notification-item.has-count .live-notification-item-count{
  position:static!important;
  grid-column:3!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:end!important;
  min-width:25px!important;
  height:25px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:var(--danger)!important;
  color:#fff!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:0 7px 15px rgba(239,68,68,.20)!important;
}
.live-notification-item.has-count .live-notification-item-body{grid-column:2!important;padding-right:0!important}
.live-notification-success .live-notification-item-icon{background:rgba(34,197,94,.14)!important;color:#16a34a!important}
.live-notification-warning .live-notification-item-icon{background:rgba(245,158,11,.16)!important;color:#d97706!important}
.live-notification-danger .live-notification-item-icon{background:rgba(239,68,68,.14)!important;color:#dc2626!important}
.live-notification-money .live-notification-item-icon{background:rgba(16,185,129,.15)!important;color:#059669!important}
.live-notification-empty{
  margin:0!important;
  padding:25px 16px!important;
  border:1px dashed rgba(148,163,184,.28)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.62)!important;
  color:var(--muted)!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.35!important;
  text-align:center!important;
}
.live-notification-all{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:12px 14px!important;
  border-top:1px solid rgba(148,163,184,.18)!important;
  background:rgba(37,99,235,.07)!important;
  color:var(--primary)!important;
  font-size:13px!important;
  font-weight:950!important;
  text-decoration:none!important;
}
.live-notification-all:hover{background:rgba(37,99,235,.12)!important}
@media(max-width:720px){
  .live-notification-dropdown,
  .live-notification-dropdown.hp-dropdown-fixed{
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:none!important;
    border-radius:20px!important;
  }
  .live-notification-head{
    gap:9px!important;
    padding:13px!important;
  }
  .live-notification-head strong{font-size:14px!important}
  .live-notification-head strong:before{width:23px;height:23px;border-radius:9px;font-size:12px}
  .live-notification-mark-all{
    min-height:30px!important;
    padding:7px 9px!important;
    font-size:10.5px!important;
    max-width:142px!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .live-notification-list{gap:7px!important;padding:8px!important}
  .live-notification-item,
  .live-notification-item.has-count{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:9px!important;
    padding:10px!important;
    border-radius:15px!important;
  }
  .live-notification-item:hover{transform:none!important}
  .live-notification-item-icon{width:38px!important;height:38px!important;border-radius:14px!important;font-size:16px!important}
  .live-notification-title,.live-notification-item-body strong{font-size:12.8px!important;line-height:1.3!important}
  .live-notification-message,.live-notification-item-body small{font-size:11.8px!important;line-height:1.42!important}
  .live-notification-item.has-count .live-notification-item-count{
    grid-column:2!important;
    grid-row:4!important;
    justify-self:start!important;
    margin-top:2px!important;
    min-width:22px!important;
    height:22px!important;
    font-size:11px!important;
  }
  .live-notification-item.has-count .live-notification-item-body{grid-column:2!important}
  .live-notification-all{min-height:42px!important;font-size:12.5px!important}
}

/* 2026-05-10 advanced mobile layout and dark mode hardening */
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0b1020!important;
  --card:#111827!important;
  --text:#f8fafc!important;
  --muted:#cbd5e1!important;
  --line:#293145!important;
  --shadow:0 18px 42px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] body,
html[data-theme="dark"] .panel-body{background:#0b1020!important;color:#f8fafc!important;}
html[data-theme="dark"] .card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .admin-stat-card,
html[data-theme="dark"] .support-ticket-list-card,
html[data-theme="dark"] .support-ticket-detail-card,
html[data-theme="dark"] .support-new-ticket-card,
html[data-theme="dark"] .support-department-card,
html[data-theme="dark"] .message-card,
html[data-theme="dark"] .private-message-card,
html[data-theme="dark"] .notification-item,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .public-user-dropdown,
html[data-theme="dark"] .site-search-dropdown,
html[data-theme="dark"] .panel-search-dropdown,
html[data-theme="dark"] .top-nav.open,
html[data-theme="dark"] .side-nav-section,
html[data-theme="dark"] .settings-section,
html[data-theme="dark"] .settings-nav,
html[data-theme="dark"] .home-category-editorial-item,
html[data-theme="dark"] .home-category-list-item,
html[data-theme="dark"] .latest-page-card,
html[data-theme="dark"] .author-mini-card,
html[data-theme="dark"] .author-sidebar,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .wallet-card,
html[data-theme="dark"] .premium-card{
  background:#111827!important;
  border-color:#293145!important;
  color:#f8fafc!important;
  box-shadow:0 16px 38px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] .panel-top,
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .site-header{
  background:rgba(17,24,39,.96)!important;
  border-color:#293145!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .rich-editor-wrap,
html[data-theme="dark"] .tox .tox-toolbar,
html[data-theme="dark"] .tox .tox-edit-area__iframe{
  background:#0b1020!important;
  border-color:#293145!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#94a3b8!important;}
html[data-theme="dark"] table,
html[data-theme="dark"] th,
html[data-theme="dark"] td{border-color:#293145!important;}
html[data-theme="dark"] tr:hover td{background:rgba(255,255,255,.035)!important;}
html[data-theme="dark"] .btn.ghost,
html[data-theme="dark"] .theme-btn,
html[data-theme="dark"] .nav-toggle,
html[data-theme="dark"] .sidebar-toggle,
html[data-theme="dark"] .nav-action-icon{
  background:#0b1020!important;
  color:#f8fafc!important;
  border-color:#293145!important;
}
html[data-theme="dark"] .btn.ghost:hover,
html[data-theme="dark"] .theme-btn:hover,
html[data-theme="dark"] .nav-action-icon:hover{background:#182235!important;color:#fff!important;}
html[data-theme="dark"] .badge,
html[data-theme="dark"] .tag,
html[data-theme="dark"] .support-status,
html[data-theme="dark"] .support-message-meta span,
html[data-theme="dark"] .live-notification-time,
html[data-theme="dark"] .public-user-wallet-amount{background:rgba(96,165,250,.14)!important;color:#bfdbfe!important;border-color:rgba(96,165,250,.25)!important;}
html[data-theme="dark"] .muted,
html[data-theme="dark"] .article-meta,
html[data-theme="dark"] .section-title small,
html[data-theme="dark"] .support-card-head small,
html[data-theme="dark"] .support-ticket-meta,
html[data-theme="dark"] .public-user-menu-label,
html[data-theme="dark"] .public-user-dropdown-identity span{color:#cbd5e1!important;}
html[data-theme="dark"] .support-message,
html[data-theme="dark"] .comment,
html[data-theme="dark"] .check-row label,
html[data-theme="dark"] .support-member-checks,
html[data-theme="dark"] .support-member-option,
html[data-theme="dark"] .private-message-row,
html[data-theme="dark"] .message-thread-item{
  background:rgba(15,23,42,.82)!important;
  border-color:#293145!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] .support-message.is-staff{background:linear-gradient(135deg,rgba(96,165,250,.16),rgba(17,24,39,.92))!important;}
html[data-theme="dark"] .support-message.is-requester{background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(17,24,39,.92))!important;}
html[data-theme="dark"] .support-attachments a,
html[data-theme="dark"] .public-user-menu-item:hover,
html[data-theme="dark"] .site-search-advanced-link,
html[data-theme="dark"] .side-nav a:hover,
html[data-theme="dark"] .side-nav a.active{background:rgba(96,165,250,.12)!important;color:#bfdbfe!important;}
html[data-theme="dark"] .live-notification-dropdown{background:#111827!important;border-color:#293145!important;color:#f8fafc!important;}
html[data-theme="dark"] .live-notification-list{background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(17,24,39,.92))!important;}
html[data-theme="dark"] .live-notification-item{background:#0f172a!important;border-color:#293145!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important;}
html[data-theme="dark"] .live-notification-item:hover{background:#172033!important;border-color:rgba(96,165,250,.28)!important;}
html[data-theme="dark"] .live-notification-empty{background:rgba(15,23,42,.82)!important;border-color:#293145!important;color:#cbd5e1!important;}
html[data-theme="dark"] .live-notification-all{background:rgba(96,165,250,.12)!important;color:#bfdbfe!important;border-color:#293145!important;}
html[data-theme="dark"] .live-notification-mark-all{background:#0b1020!important;border-color:#293145!important;color:#bfdbfe!important;}
html[data-theme="dark"] .alert-success{background:rgba(22,101,52,.22)!important;border-color:rgba(74,222,128,.34)!important;color:#bbf7d0!important;}
html[data-theme="dark"] .alert-danger{background:rgba(127,29,29,.28)!important;border-color:rgba(248,113,113,.34)!important;color:#fecaca!important;}
html[data-theme="dark"] .alert-warning{background:rgba(120,53,15,.26)!important;border-color:rgba(251,191,36,.34)!important;color:#fde68a!important;}
html[data-theme="dark"] .toast-message{background:#111827!important;color:#f8fafc!important;border-color:#293145!important;box-shadow:0 16px 38px rgba(0,0,0,.35)!important;}
html[data-theme="dark"] .article-card .placeholder,
html[data-theme="dark"] .home-category-editorial-thumb,
html[data-theme="dark"] .home-slide-placeholder{background:linear-gradient(135deg,#111827,#0b1020)!important;color:#cbd5e1!important;}

@media(max-width:980px){
  html,body{max-width:100%;overflow-x:hidden;}
  .container{width:min(100% - 24px,1180px)!important;}
  .site-header{z-index:90!important;}
  .nav-wrap{min-height:64px!important;gap:8px!important;}
  .brand{min-width:0!important;font-size:19px!important;}
  .brand img{max-width:min(180px,46vw)!important;height:auto!important;}
  .nav-actions{gap:6px!important;}
  .nav-action-icon,.theme-btn,.nav-toggle,.sidebar-toggle,.site-search-toggle,.panel-search-toggle{min-width:42px!important;min-height:42px!important;padding:9px!important;border-radius:14px!important;}
  .top-nav.open{left:12px!important;right:12px!important;top:66px!important;max-height:calc(100dvh - 84px)!important;overflow:auto!important;}
  .panel-main{width:100%!important;min-width:0!important;}
  .panel-content{padding:14px!important;}
  .panel-top{min-height:60px!important;padding:10px 12px!important;gap:8px!important;}
  .panel-top-title h1{font-size:18px!important;line-height:1.2!important;}
  .panel-top-title p{font-size:12px!important;}
  .panel-unified-actions{gap:6px!important;}
  .panel-account-trigger .public-user-info,
  .panel-account-trigger .public-user-caret,
  .notification-top-text{display:none!important;}
  .public-user-avatar{width:38px!important;height:38px!important;}
  .public-user-dropdown,
  .site-search-dropdown,
  .panel-search-dropdown{position:fixed!important;left:12px!important;right:12px!important;top:72px!important;width:auto!important;max-width:none!important;border-radius:20px!important;max-height:calc(100dvh - 88px)!important;overflow:auto!important;}
  .site-search-field{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;}
  .section-title{align-items:flex-start!important;gap:8px!important;}
  .section-title h2{font-size:22px!important;line-height:1.2!important;}
  .card,.form-card,.table-wrap,.stat{border-radius:18px!important;}
  .card-body,.form-card{padding:14px!important;}
  .grid,.grid.two,.grid.three{gap:14px!important;}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .stat{min-height:86px!important;padding:14px!important;}
  .stat strong{font-size:24px!important;}
  input,select,textarea{font-size:16px!important;min-height:44px!important;padding:10px 12px!important;border-radius:13px!important;}
  textarea{min-height:112px!important;}
  .btn{min-height:42px!important;padding:10px 14px!important;border-radius:13px!important;}
  .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  .table-wrap table{min-width:760px;}
  .actions{gap:7px!important;}
  .article-content{font-size:16px!important;line-height:1.74!important;}
  .article-meta{gap:7px!important;font-size:12.5px!important;}
  .article-card img,.article-card .placeholder{height:180px!important;}
  .hero-main .article-card img,.hero-main .article-card .placeholder{height:235px!important;}
  .sidebar{border-radius:0!important;}
  .side-nav.open{padding-bottom:8px!important;}
  .side-nav a{min-height:44px!important;padding:10px 12px!important;border-radius:13px!important;}
  .support-grid,.support-writer-grid,.support-department-grid,.settings-layout{grid-template-columns:1fr!important;gap:14px!important;}
  .support-card-head,.support-detail-top,.support-settings-info{align-items:flex-start!important;gap:10px!important;}
  .support-ticket-list{max-height:none!important;}
  .support-ticket-item{grid-template-columns:1fr!important;gap:9px!important;}
  .support-message{padding:12px!important;border-radius:16px!important;}
  .support-message-meta{grid-template-columns:1fr!important;gap:7px!important;}
  .support-message-meta small{margin-left:0!important;width:auto!important;}
  .support-actions-row,.support-detail-actions,.support-ticket-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  .support-actions-row .btn,.support-detail-actions .btn,.support-ticket-actions .btn{width:100%!important;}
  .support-top-menu{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .support-top-link{justify-content:center!important;text-align:center!important;}
}
@media(max-width:640px){
  .container{width:min(100% - 18px,1180px)!important;}
  .panel-content{padding:10px!important;}
  .card-body,.form-card{padding:12px!important;}
  .stat-grid,.support-stats.flat-stats-grid,.support-dashboard-stats{grid-template-columns:1fr!important;}
  .panel-top-title{max-width:calc(100vw - 205px)!important;}
  .panel-top-title h1{font-size:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .public-user-dropdown,.site-search-dropdown,.panel-search-dropdown{left:8px!important;right:8px!important;top:66px!important;border-radius:18px!important;}
  .site-search-field{grid-template-columns:1fr!important;}
  .site-search-field .btn{width:100%!important;}
  .grid.two,.grid.three,.footer-grid,.home-category-editorial-layout,.home-category-hero-split{grid-template-columns:1fr!important;}
  .home-category-editorial-item{grid-template-columns:40px 88px minmax(0,1fr)!important;gap:10px!important;padding:10px!important;border-radius:18px!important;}
  .home-category-editorial-thumb{width:88px!important;height:66px!important;border-radius:14px!important;}
  .home-category-editorial-no{width:36px!important;height:36px!important;border-radius:13px!important;font-size:13px!important;}
  .article-card img,.article-card .placeholder{height:170px!important;}
  .hero-main .article-card img,.hero-main .article-card .placeholder{height:220px!important;}
  .article-content{font-size:15.8px!important;line-height:1.72!important;}
  .panel-actions{gap:10px!important;}
  .panel-actions>.btn,.panel-actions>.actions{width:100%!important;justify-content:stretch!important;}
  .panel-actions .btn,.actions .btn{flex:1 1 auto;}
  .support-top-menu{grid-template-columns:1fr!important;}
  .support-reply-form,.support-create-form{gap:10px!important;}
  .support-ticket-list-card,.support-ticket-detail-card,.support-new-ticket-card{padding:12px!important;border-radius:17px!important;}
  .live-notification-dropdown{top:64px!important;}
}
@media(max-width:420px){
  .panel-top{padding:8px!important;}
  .panel-unified-actions{gap:4px!important;}
  .nav-action-icon,.theme-btn,.panel-search-toggle,.panel-top-mobile-menu-toggle{min-width:38px!important;min-height:38px!important;padding:8px!important;border-radius:12px!important;}
  .public-user-avatar{width:34px!important;height:34px!important;}
  .notification-top-badge{min-width:18px!important;height:18px!important;font-size:10px!important;}
  .panel-top-title{max-width:calc(100vw - 178px)!important;}
  .section-title h2{font-size:20px!important;}
  .home-category-editorial-item{grid-template-columns:1fr!important;}
  .home-category-editorial-thumb{width:100%!important;height:150px!important;}
}


/* 2026-05-10 haber editörü ve destek sistemi koyu mod tam uyum */
html[data-theme="dark"] .article-editor-shell .hp-writing-editor.tox-tinymce,
html[data-theme="dark"] .article-editor-shell .tox-tinymce,
html[data-theme="dark"] .tox.tox-tinymce{
  background:#111827!important;
  border-color:#293145!important;
  color:#f8fafc!important;
  box-shadow:0 16px 38px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] .tox .tox-editor-container,
html[data-theme="dark"] .tox .tox-sidebar-wrap,
html[data-theme="dark"] .tox .tox-edit-area,
html[data-theme="dark"] .tox .tox-edit-area__iframe,
html[data-theme="dark"] .tox .tox-editor-header,
html[data-theme="dark"] .tox .tox-toolbar-overlord,
html[data-theme="dark"] .tox .tox-toolbar,
html[data-theme="dark"] .tox .tox-toolbar__primary,
html[data-theme="dark"] .tox .tox-toolbar__overflow,
html[data-theme="dark"] .tox .tox-toolbar__group,
html[data-theme="dark"] .tox .tox-menubar,
html[data-theme="dark"] .tox .tox-statusbar{
  background:#111827!important;
  border-color:#293145!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] .tox .tox-edit-area__iframe{background:#0b1020!important;color:#f8fafc!important;}
html[data-theme="dark"] .tox .tox-tbtn,
html[data-theme="dark"] .tox .tox-mbtn,
html[data-theme="dark"] .tox .tox-split-button,
html[data-theme="dark"] .tox .tox-statusbar__path-item,
html[data-theme="dark"] .tox .tox-statusbar__wordcount{
  background:transparent!important;
  border-color:transparent!important;
  color:#e5e7eb!important;
}
html[data-theme="dark"] .tox .tox-tbtn:hover,
html[data-theme="dark"] .tox .tox-mbtn:hover,
html[data-theme="dark"] .tox .tox-tbtn--enabled,
html[data-theme="dark"] .tox .tox-tbtn--active,
html[data-theme="dark"] .tox .tox-mbtn--active,
html[data-theme="dark"] .tox .tox-split-button:hover{
  background:rgba(96,165,250,.14)!important;
  color:#ffffff!important;
  border-color:rgba(96,165,250,.24)!important;
}
html[data-theme="dark"] .tox .tox-tbtn svg,
html[data-theme="dark"] .tox .tox-mbtn svg,
html[data-theme="dark"] .tox .tox-icon svg{
  fill:#e5e7eb!important;
  color:#e5e7eb!important;
}
html[data-theme="dark"] .tox .tox-tbtn:hover svg,
html[data-theme="dark"] .tox .tox-mbtn:hover svg,
html[data-theme="dark"] .tox .tox-tbtn--enabled svg{fill:#ffffff!important;color:#ffffff!important;}
html[data-theme="dark"] .tox .tox-tbtn__select-label,
html[data-theme="dark"] .tox .tox-mbtn__select-label,
html[data-theme="dark"] .tox .tox-toolbar-label,
html[data-theme="dark"] .tox .tox-statusbar a{color:#e5e7eb!important;}
html[data-theme="dark"] .tox .tox-statusbar__branding svg{fill:#94a3b8!important;}
html[data-theme="dark"] .tox .tox-throbber__busy-spinner{border-color:#60a5fa transparent transparent transparent!important;}
html[data-theme="dark"] .tox.tox-tinymce-aux,
html[data-theme="dark"] .tox.tox-silver-sink,
html[data-theme="dark"] .tox .tox-menu,
html[data-theme="dark"] .tox .tox-collection,
html[data-theme="dark"] .tox .tox-collection__item,
html[data-theme="dark"] .tox .tox-dialog,
html[data-theme="dark"] .tox .tox-dialog__header,
html[data-theme="dark"] .tox .tox-dialog__body,
html[data-theme="dark"] .tox .tox-dialog__footer,
html[data-theme="dark"] .tox .tox-pop,
html[data-theme="dark"] .tox .tox-pop__dialog,
html[data-theme="dark"] .tox .tox-form__group,
html[data-theme="dark"] .tox .tox-textarea,
html[data-theme="dark"] .tox .tox-textfield,
html[data-theme="dark"] .tox .tox-listboxfield .tox-listbox--select,
html[data-theme="dark"] .tox .tox-toolbar-textfield{
  background:#111827!important;
  border-color:#293145!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] .tox .tox-collection__item:hover,
html[data-theme="dark"] .tox .tox-collection__item--active,
html[data-theme="dark"] .tox .tox-collection__item--enabled,
html[data-theme="dark"] .tox .tox-menu-nav__js:hover{background:rgba(96,165,250,.14)!important;color:#fff!important;}
html[data-theme="dark"] .tox .tox-collection__item-label,
html[data-theme="dark"] .tox .tox-label,
html[data-theme="dark"] .tox .tox-dialog__title,
html[data-theme="dark"] .tox .tox-checkbox__label,
html[data-theme="dark"] .tox .tox-radio__label{color:#f8fafc!important;}
html[data-theme="dark"] .tox .tox-button--secondary{background:#0b1020!important;border-color:#293145!important;color:#f8fafc!important;}
html[data-theme="dark"] .tox .tox-button{border-color:rgba(96,165,250,.36)!important;}
html[data-theme="dark"] .tox .tox-dialog__body-nav-item{color:#cbd5e1!important;}
html[data-theme="dark"] .tox .tox-dialog__body-nav-item--active{color:#93c5fd!important;border-bottom-color:#60a5fa!important;}
html[data-theme="dark"] .article-editor-shell textarea.rich-editor[data-editor-fallback="1"],
html[data-theme="dark"] textarea.rich-editor[data-editor-fallback="1"]{
  background:#0b1020!important;
  color:#f8fafc!important;
  border-color:#293145!important;
  caret-color:#f8fafc!important;
}
html[data-theme="dark"] .article-content-label,
html[data-theme="dark"] .editor-embed-tools,
html[data-theme="dark"] .editor-media-launch,
html[data-theme="dark"] .editor-media-window,
html[data-theme="dark"] .editor-media-head,
html[data-theme="dark"] .editor-media-upload,
html[data-theme="dark"] .editor-media-card,
html[data-theme="dark"] .editor-media-meta-fields,
html[data-theme="dark"] .article-draft-statusbar,
html[data-theme="dark"] [data-autosave-recover]{
  background:#111827!important;
  border-color:#293145!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] .editor-media-backdrop{background:rgba(2,6,23,.74)!important;}
html[data-theme="dark"] .editor-upload-file,
html[data-theme="dark"] .editor-upload-dropzone{background:#0b1020!important;border-color:#293145!important;color:#f8fafc!important;}
html[data-theme="dark"] .article-draft-statusbar [data-mode="ok"],
html[data-theme="dark"] [data-autosave-status][data-mode="ok"]{color:#86efac!important;}
html[data-theme="dark"] .article-draft-statusbar [data-mode="warn"],
html[data-theme="dark"] [data-autosave-status][data-mode="warn"]{color:#fde68a!important;}
html[data-theme="dark"] .support-admin-page,
html[data-theme="dark"] .support-writer-page,
html[data-theme="dark"] .support-user-page{color:#f8fafc!important;}
html[data-theme="dark"] .support-ticket-list-card,
html[data-theme="dark"] .support-ticket-detail-card,
html[data-theme="dark"] .support-new-ticket-card,
html[data-theme="dark"] .support-departments,
html[data-theme="dark"] .support-department-form,
html[data-theme="dark"] .support-department-edit,
html[data-theme="dark"] .support-member-form,
html[data-theme="dark"] .support-settings-info,
html[data-theme="dark"] .support-dashboard-hero{
  background:#111827!important;
  border-color:#293145!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] .support-filter,
html[data-theme="dark"] .support-ticket-control,
html[data-theme="dark"] .support-top-menu,
html[data-theme="dark"] .support-mini-grid,
html[data-theme="dark"] .support-reply-form,
html[data-theme="dark"] .support-create-form{
  background:rgba(15,23,42,.72)!important;
  border-color:#293145!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] .support-ticket-item,
html[data-theme="dark"] .support-department-card,
html[data-theme="dark"] .support-member-checks,
html[data-theme="dark"] .support-member-option,
html[data-theme="dark"] .support-message{
  background:#0f172a!important;
  border-color:#293145!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] .support-ticket-item:hover,
html[data-theme="dark"] .support-ticket-item.is-active,
html[data-theme="dark"] .support-member-option:hover,
html[data-theme="dark"] .support-member-option.is-selected,
html[data-theme="dark"] .support-top-link:hover,
html[data-theme="dark"] .support-top-link.is-active{
  background:rgba(96,165,250,.14)!important;
  border-color:rgba(96,165,250,.34)!important;
  color:#ffffff!important;
}
html[data-theme="dark"] .support-message.is-staff{background:linear-gradient(135deg,rgba(96,165,250,.18),rgba(15,23,42,.94))!important;}
html[data-theme="dark"] .support-message.is-requester{background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(15,23,42,.94))!important;}
html[data-theme="dark"] .support-closed-note,
html[data-theme="dark"] .support-empty-messages{background:rgba(245,158,11,.16)!important;border-color:rgba(251,191,36,.32)!important;color:#fde68a!important;}
html[data-theme="dark"] .support-attachments a{background:rgba(96,165,250,.14)!important;color:#bfdbfe!important;border:1px solid rgba(96,165,250,.24)!important;}
html[data-theme="dark"] .support-message-delete{background:rgba(239,68,68,.16)!important;color:#fecaca!important;border-color:rgba(248,113,113,.32)!important;}
html[data-theme="dark"] .support-member-avatar,
html[data-theme="dark"] .support-member-checkmark{background:#0b1020!important;border-color:#293145!important;color:#cbd5e1!important;}
html[data-theme="dark"] .support-member-option.is-selected .support-member-checkmark{background:#2563eb!important;color:#fff!important;border-color:#60a5fa!important;}
html[data-theme="dark"] .support-status-open{background:rgba(59,130,246,.18)!important;color:#bfdbfe!important;}
html[data-theme="dark"] .support-status-pending{background:rgba(245,158,11,.18)!important;color:#fde68a!important;}
html[data-theme="dark"] .support-status-answered{background:rgba(34,197,94,.18)!important;color:#bbf7d0!important;}
html[data-theme="dark"] .support-status-closed{background:rgba(148,163,184,.16)!important;color:#cbd5e1!important;}
@media(max-width:720px){
  .article-editor-shell .tox .tox-dialog,.tox.tox-silver-sink .tox-dialog,.tox.tox-tinymce-aux .tox-dialog{max-width:96vw!important;border-radius:16px!important;}
  .support-ticket-control,.support-filter,.support-create-form,.support-reply-form{padding:10px!important;border-radius:16px!important;}
  .support-message p{font-size:15px!important;line-height:1.65!important;}
}


/* 2026-05-10 Mobile editor menu + update screen dark/mobile polish */
.hp-writing-editor.tox-tinymce,.article-editor-shell .tox-tinymce{max-width:100%!important}
.hp-writing-editor .tox-editor-header{border-bottom:1px solid var(--line,#e5e7eb)!important;background:var(--card,#fff)!important}
.hp-writing-editor .tox-menubar{display:flex!important;align-items:center!important;gap:5px!important;max-width:100%!important;min-width:0!important;padding:6px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;background:var(--card,#fff)!important;border-bottom:1px solid var(--line,#e5e7eb)!important}
.hp-writing-editor .tox .tox-mbtn,.hp-writing-editor .tox-mbtn{height:32px!important;min-width:0!important;padding:0 8px!important;border-radius:10px!important;color:var(--text,#111827)!important;background:transparent!important;border:1px solid transparent!important;flex:0 0 auto!important}
.hp-writing-editor .tox .tox-mbtn:hover,.hp-writing-editor .tox .tox-mbtn--active,.hp-writing-editor .tox .tox-mbtn:focus{background:rgba(37,99,235,.08)!important;border-color:rgba(37,99,235,.18)!important;color:var(--brand,#2563eb)!important}
.hp-writing-editor .tox-mbtn__select-label{font-size:12.5px!important;font-weight:800!important;line-height:1!important;margin:0 2px!important;white-space:nowrap!important}
.hp-writing-editor .tox-toolbar-overlord{background:var(--card,#fff)!important;max-width:100%!important;overflow:hidden!important}
.hp-writing-editor .tox-toolbar__primary{display:flex!important;align-items:center!important;gap:5px!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;padding:6px 8px!important;background:var(--card,#fff)!important}
.hp-writing-editor .tox-toolbar__group{display:flex!important;align-items:center!important;gap:2px!important;flex:0 0 auto!important;margin:0!important;padding:2px 5px!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:12px!important;background:var(--bg,#f5f7fb)!important}
.hp-writing-editor .tox-tbtn{border-radius:9px!important;color:var(--text,#111827)!important}
.hp-writing-editor .tox-tbtn svg{fill:currentColor!important}
.hp-writing-editor .tox-split-button{border-radius:9px!important}
.tox .tox-menu,.tox .tox-collection,.tox .tox-dialog,.tox .tox-pop{border-radius:14px!important}
.tox .tox-collection__item{border-radius:10px!important}
html[data-theme="dark"] .hp-writing-editor .tox-editor-header,
html[data-theme="dark"] .hp-writing-editor .tox-menubar,
html[data-theme="dark"] .hp-writing-editor .tox-toolbar-overlord,
html[data-theme="dark"] .hp-writing-editor .tox-toolbar__primary{background:#111827!important;border-color:#293145!important;color:#f8fafc!important}
html[data-theme="dark"] .hp-writing-editor .tox-toolbar__group{background:#0b1020!important;border-color:#293145!important}
html[data-theme="dark"] .hp-writing-editor .tox-mbtn,
html[data-theme="dark"] .hp-writing-editor .tox-tbtn,
html[data-theme="dark"] .hp-writing-editor .tox-split-button{color:#f8fafc!important;background:transparent!important;border-color:transparent!important}
html[data-theme="dark"] .hp-writing-editor .tox-mbtn:hover,
html[data-theme="dark"] .hp-writing-editor .tox-mbtn--active,
html[data-theme="dark"] .hp-writing-editor .tox-mbtn:focus,
html[data-theme="dark"] .hp-writing-editor .tox-tbtn:hover,
html[data-theme="dark"] .hp-writing-editor .tox-tbtn--enabled,
html[data-theme="dark"] .hp-writing-editor .tox-tbtn:focus{background:rgba(96,165,250,.16)!important;border-color:rgba(96,165,250,.32)!important;color:#bfdbfe!important}
html[data-theme="dark"] .tox .tox-menu,
html[data-theme="dark"] .tox .tox-collection,
html[data-theme="dark"] .tox .tox-dialog,
html[data-theme="dark"] .tox .tox-pop,
html[data-theme="dark"] .tox .tox-toolbar-textfield,
html[data-theme="dark"] .tox .tox-form__group,
html[data-theme="dark"] .tox .tox-textfield,
html[data-theme="dark"] .tox .tox-listboxfield .tox-listbox--select,
html[data-theme="dark"] .tox .tox-textarea{background:#111827!important;border-color:#293145!important;color:#f8fafc!important}
html[data-theme="dark"] .tox .tox-collection__item,
html[data-theme="dark"] .tox .tox-collection__item-label,
html[data-theme="dark"] .tox .tox-dialog__title,
html[data-theme="dark"] .tox .tox-label,
html[data-theme="dark"] .tox .tox-toolbar-label{color:#f8fafc!important}
html[data-theme="dark"] .tox .tox-collection__item--active,
html[data-theme="dark"] .tox .tox-collection__item--enabled,
html[data-theme="dark"] .tox .tox-collection__item:hover{background:rgba(96,165,250,.16)!important;color:#bfdbfe!important}
@media(max-width:760px){
  .hp-writing-editor.tox-tinymce{border-radius:16px!important;overflow:hidden!important}
  .hp-writing-editor .tox-editor-header{position:static!important;max-height:226px!important;overflow-y:auto!important;overflow-x:hidden!important}
  .hp-writing-editor .tox-menubar{flex-wrap:wrap!important;overflow-x:visible!important;gap:4px!important;padding:6px!important}
  .hp-writing-editor .tox-mbtn{height:30px!important;padding:0 7px!important;border-radius:9px!important}
  .hp-writing-editor .tox-mbtn__select-label{font-size:12px!important}
  .hp-writing-editor .tox-toolbar__primary{flex-wrap:nowrap!important;overflow-x:auto!important;padding:6px!important;min-height:44px!important}
  .hp-writing-editor .tox-toolbar__group{gap:1px!important;padding:2px 4px!important;border-radius:11px!important}
  .hp-writing-editor .tox-tbtn{width:31px!important;height:31px!important}
  .hp-writing-editor .tox-split-button .tox-tbtn{width:28px!important}
  .article-editor-shell .tox-edit-area,.hp-writing-editor .tox-edit-area{min-height:420px!important}
  .article-editor-shell .tox-edit-area__iframe,.hp-writing-editor .tox-edit-area__iframe{min-height:420px!important}
}
@media(max-width:420px){
  .hp-writing-editor .tox-editor-header{max-height:238px!important}
  .hp-writing-editor .tox-mbtn{height:29px!important;padding:0 6px!important}
  .hp-writing-editor .tox-mbtn__select-label{font-size:11.5px!important}
  .hp-writing-editor .tox-toolbar__group{padding:2px 3px!important}
  .hp-writing-editor .tox-tbtn{width:30px!important;height:30px!important}
}

/* 2026-05-10 TinyMCE üst menü mobil uyum düzeltmesi */
@media(max-width:760px){
  .article-editor-shell .hp-writing-editor.tox-tinymce,
  .hp-writing-editor.tox-tinymce{
    width:100%!important;
    max-width:100%!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .hp-writing-editor .tox-editor-header{
    position:static!important;
    max-height:none!important;
    overflow:visible!important;
    background:var(--card,#fff)!important;
  }
  .hp-writing-editor .tox-menubar{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:42px!important;
    padding:7px 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
    scroll-snap-type:x proximity!important;
    touch-action:pan-x!important;
    border-bottom:1px solid var(--line,#e5e7eb)!important;
    background:linear-gradient(180deg,var(--card,#fff),rgba(248,250,252,.96))!important;
  }
  .hp-writing-editor .tox-menubar::-webkit-scrollbar{height:4px!important;}
  .hp-writing-editor .tox-menubar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.55)!important;border-radius:999px!important;}
  .hp-writing-editor .tox-menubar .tox-mbtn,
  .hp-writing-editor .tox .tox-mbtn{
    flex:0 0 auto!important;
    scroll-snap-align:start!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    min-width:max-content!important;
    padding:0 10px!important;
    border-radius:999px!important;
    border:1px solid var(--line,#e5e7eb)!important;
    background:var(--bg,#f8fafc)!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
    line-height:1!important;
  }
  .hp-writing-editor .tox-menubar .tox-mbtn__select-label{
    display:block!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
    line-height:1!important;
    margin:0!important;
  }
  .hp-writing-editor .tox-menubar .tox-mbtn__select-chevron{
    width:14px!important;
    margin-inline-start:4px!important;
    flex:0 0 auto!important;
  }
  .hp-writing-editor .tox-toolbar-overlord{
    border-top:0!important;
    background:var(--card,#fff)!important;
  }
  .hp-writing-editor .tox-toolbar__primary{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x!important;
    padding:7px 8px!important;
    min-height:46px!important;
  }
  .tox.tox-silver-sink .tox-menu,
  .tox.tox-tinymce-aux .tox-menu,
  .tox.tox-silver-sink .tox-collection,
  .tox.tox-tinymce-aux .tox-collection{
    max-width:94vw!important;
    max-height:70vh!important;
    overflow:auto!important;
    border-radius:14px!important;
  }
}
@media(max-width:420px){
  .hp-writing-editor .tox-menubar{gap:5px!important;padding:6px!important;min-height:40px!important;}
  .hp-writing-editor .tox-menubar .tox-mbtn,
  .hp-writing-editor .tox .tox-mbtn{height:30px!important;min-height:30px!important;max-height:30px!important;padding:0 9px!important;}
  .hp-writing-editor .tox-menubar .tox-mbtn__select-label{font-size:11.5px!important;}
  .hp-writing-editor .tox-menubar .tox-mbtn__select-chevron{width:12px!important;margin-inline-start:3px!important;}
}
html[data-theme="dark"] .hp-writing-editor .tox-menubar{
  background:linear-gradient(180deg,#111827,#0f172a)!important;
  border-color:#293145!important;
}
html[data-theme="dark"] .hp-writing-editor .tox-menubar .tox-mbtn,
html[data-theme="dark"] .hp-writing-editor .tox .tox-mbtn{
  background:#0b1020!important;
  border-color:#293145!important;
  color:#f8fafc!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .hp-writing-editor .tox-menubar .tox-mbtn:hover,
html[data-theme="dark"] .hp-writing-editor .tox-menubar .tox-mbtn--active,
html[data-theme="dark"] .hp-writing-editor .tox-menubar .tox-mbtn:focus{
  background:rgba(96,165,250,.18)!important;
  border-color:rgba(96,165,250,.38)!important;
  color:#bfdbfe!important;
}
html[data-theme="dark"] .hp-writing-editor .tox-menubar::-webkit-scrollbar-thumb{background:rgba(96,165,250,.42)!important;}


/* 2026-05-10 Yazı editörü kelime sayısı görünürlük düzeltmesi */
.article-editor-shell .hp-editor-wordcount-enabled .tox-statusbar,
.article-editor-shell .tox.hp-editor-wordcount-enabled .tox-statusbar,
.hp-editor-wordcount-enabled .tox-statusbar,
.article-form-fixed .hp-editor-wordcount-enabled .tox-statusbar{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-height:34px!important;
  max-height:none!important;
  height:auto!important;
  padding:6px 10px!important;
  overflow:visible!important;
  background:var(--card,#fff)!important;
  border-top:1px solid var(--line,#e5e7eb)!important;
  color:var(--muted,#64748b)!important;
  box-sizing:border-box!important;
}
.hp-editor-wordcount-bar{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  width:auto!important;
  max-width:100%!important;
  margin-inline-start:auto!important;
  padding:4px 8px!important;
  border:1px solid var(--line,#e5e7eb)!important;
  border-radius:999px!important;
  background:var(--bg,#f8fafc)!important;
  color:var(--muted,#64748b)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.01em!important;
  white-space:normal!important;
  box-sizing:border-box!important;
  visibility:visible!important;
  opacity:1!important;
}
.hp-editor-wordcount-item{display:inline-flex!important;align-items:center!important;gap:4px!important;min-width:0!important;white-space:nowrap!important;}
.hp-editor-wordcount-item strong{color:var(--text,#111827)!important;font-size:12.5px!important;font-weight:900!important;line-height:1!important;}
.hp-editor-wordcount-dot{color:var(--muted,#64748b)!important;opacity:.72!important;}
.hp-editor-wordcount-bar--external{margin:8px 0 0 auto!important;width:max-content!important;}
.article-editor-shell .tox .tox-statusbar__path,
.article-editor-shell .tox .tox-statusbar__path-item{max-width:45%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.article-editor-shell .tox .tox-statusbar__wordcount{display:inline-flex!important;align-items:center!important;color:var(--muted,#64748b)!important;font-weight:800!important;white-space:nowrap!important;}
html[data-theme="dark"] .article-editor-shell .hp-editor-wordcount-enabled .tox-statusbar,
html[data-theme="dark"] .article-editor-shell .tox.hp-editor-wordcount-enabled .tox-statusbar,
html[data-theme="dark"] .hp-editor-wordcount-enabled .tox-statusbar,
html[data-theme="dark"] .article-form-fixed .hp-editor-wordcount-enabled .tox-statusbar{
  background:#111827!important;
  border-color:#293145!important;
  color:#cbd5e1!important;
}
html[data-theme="dark"] .hp-editor-wordcount-bar{
  background:#0b1020!important;
  border-color:#293145!important;
  color:#cbd5e1!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .hp-editor-wordcount-item strong{color:#f8fafc!important;}
html[data-theme="dark"] .hp-editor-wordcount-dot{color:#94a3b8!important;}
@media(max-width:760px){
  .article-editor-shell .hp-editor-wordcount-enabled .tox-statusbar,
  .article-editor-shell .tox.hp-editor-wordcount-enabled .tox-statusbar,
  .hp-editor-wordcount-enabled .tox-statusbar{
    justify-content:center!important;
    min-height:38px!important;
    padding:7px 8px!important;
  }
  .hp-editor-wordcount-bar{
    width:100%!important;
    justify-content:center!important;
    margin-inline-start:0!important;
    padding:7px 9px!important;
    border-radius:14px!important;
    font-size:12px!important;
  }
  .hp-editor-wordcount-item strong{font-size:12.5px!important;}
  .article-editor-shell .tox .tox-statusbar__path,
  .article-editor-shell .tox .tox-statusbar__branding{display:none!important;}
}
@media(max-width:420px){
  .hp-editor-wordcount-bar{gap:5px!important;padding:7px 8px!important;font-size:11.5px!important;}
  .hp-editor-wordcount-item{gap:3px!important;}
  .hp-editor-wordcount-item strong{font-size:12px!important;}
}


/* Article approval duplicate content check */
.article-duplicate-check-card{display:flex;flex-direction:column;gap:10px}
.article-duplicate-check-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.article-duplicate-check-head h3{margin:0}
.article-duplicate-check-note{margin:0;padding:10px 12px;border-radius:12px;background:rgba(37,99,235,.08);color:var(--muted);font-size:13px;line-height:1.55}
.article-duplicate-check-note.warning{background:rgba(245,158,11,.12);color:#92400e}
.article-duplicate-check-note.ok{background:rgba(16,185,129,.12);color:#047857}
.article-duplicate-risk-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;background:rgba(16,185,129,.12);color:#047857}
.article-duplicate-risk-badge.risk-medium{background:rgba(245,158,11,.14);color:#92400e}
.article-duplicate-risk-badge.risk-high{background:rgba(239,68,68,.13);color:#b91c1c}
.article-duplicate-score-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}
.article-duplicate-score-line strong{font-size:14px;color:var(--text)}
.article-duplicate-progress{height:8px;border-radius:999px;background:rgba(148,163,184,.22);overflow:hidden}
.article-duplicate-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#f59e0b,#ef4444)}
.article-duplicate-progress.ai span{background:linear-gradient(90deg,#38bdf8,#818cf8,#ef4444)}
.article-duplicate-matches{display:flex;flex-direction:column;gap:7px;margin-top:4px}
.article-duplicate-matches strong{font-size:13px;color:var(--text)}
.article-duplicate-matches a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--bg);text-decoration:none;color:var(--text)}
.article-duplicate-matches a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}
.article-duplicate-matches a em{font-style:normal;font-size:12px;font-weight:800;color:var(--brand)}
html[data-theme="dark"] .article-duplicate-check-note.warning{color:#fbbf24;background:rgba(245,158,11,.14)}
html[data-theme="dark"] .article-duplicate-check-note.ok{color:#34d399;background:rgba(16,185,129,.14)}
html[data-theme="dark"] .article-duplicate-risk-badge.risk-high{color:#fca5a5;background:rgba(239,68,68,.16)}
html[data-theme="dark"] .article-duplicate-risk-badge.risk-medium{color:#fbbf24;background:rgba(245,158,11,.16)}
html[data-theme="dark"] .article-duplicate-risk-badge{color:#34d399;background:rgba(16,185,129,.15)}
@media(max-width:760px){.article-duplicate-check-head{align-items:flex-start}.article-duplicate-check-head .btn{width:100%;justify-content:center}.article-duplicate-matches a{align-items:flex-start}.article-duplicate-matches a span{white-space:normal}.article-duplicate-score-line{font-size:12px}}


/* 2026-05-10 Yapay zekâ haber editörü araçları */
.article-ai-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin:0 0 12px!important;padding:12px!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(14,165,233,.06))!important;box-shadow:0 12px 28px rgba(15,23,42,.06)!important;}
.article-ai-toolbar-head{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:190px!important;}
.article-ai-toolbar-head strong{font-size:14px!important;font-weight:900!important;color:var(--text,#111827)!important;}
.article-ai-toolbar-head small{font-size:12px!important;color:var(--muted,#64748b)!important;font-weight:700!important;}
.article-ai-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-left:auto!important;}
.article-ai-btn{white-space:nowrap!important;border-radius:999px!important;font-weight:900!important;}
.article-ai-status{flex:1 0 100%!important;border-radius:14px!important;padding:8px 10px!important;font-size:12.5px!important;font-weight:800!important;border:1px solid var(--line,#e5e7eb)!important;background:var(--card,#fff)!important;color:var(--muted,#64748b)!important;}
.article-ai-status-success{background:rgba(5,150,105,.10)!important;color:#047857!important;border-color:rgba(5,150,105,.22)!important;}
.article-ai-status-danger{background:rgba(220,38,38,.10)!important;color:#b91c1c!important;border-color:rgba(220,38,38,.22)!important;}
.article-ai-status-loading{background:rgba(37,99,235,.10)!important;color:#1d4ed8!important;border-color:rgba(37,99,235,.22)!important;}
.article-ai-modal{position:fixed!important;inset:0!important;background:rgba(15,23,42,.54)!important;display:none!important;align-items:center!important;justify-content:center!important;padding:16px!important;z-index:99999!important;}
.article-ai-modal.open{display:flex!important;}
.article-ai-modal-card{width:min(620px,100%)!important;background:var(--card,#fff)!important;color:var(--text,#111827)!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:22px!important;box-shadow:0 28px 80px rgba(15,23,42,.28)!important;padding:18px!important;}
.article-ai-modal-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:8px!important;}
.article-ai-modal-head strong{font-size:18px!important;font-weight:900!important;}
.article-ai-modal-close{width:36px!important;height:36px!important;border:0!important;border-radius:12px!important;background:var(--bg,#f8fafc)!important;color:var(--text,#111827)!important;font-size:24px!important;line-height:1!important;cursor:pointer!important;}
.article-ai-modal-card p{margin:0 0 10px!important;color:var(--muted,#64748b)!important;font-weight:700!important;}
.article-ai-modal-card textarea{width:100%!important;min-height:160px!important;border-radius:16px!important;border:1px solid var(--line,#e5e7eb)!important;background:var(--bg,#f8fafc)!important;color:var(--text,#111827)!important;padding:12px!important;resize:vertical!important;}
.article-ai-modal-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin-top:12px!important;flex-wrap:wrap!important;}
html[data-theme="dark"] .article-ai-toolbar{background:linear-gradient(135deg,rgba(96,165,250,.16),rgba(34,211,238,.08))!important;border-color:#293145!important;box-shadow:none!important;}
html[data-theme="dark"] .article-ai-toolbar-head strong{color:#f8fafc!important;}
html[data-theme="dark"] .article-ai-toolbar-head small{color:#94a3b8!important;}
html[data-theme="dark"] .article-ai-status{background:#111827!important;border-color:#293145!important;color:#cbd5e1!important;}
html[data-theme="dark"] .article-ai-status-success{background:rgba(16,185,129,.12)!important;color:#6ee7b7!important;border-color:rgba(16,185,129,.26)!important;}
html[data-theme="dark"] .article-ai-status-danger{background:rgba(248,113,113,.12)!important;color:#fecaca!important;border-color:rgba(248,113,113,.26)!important;}
html[data-theme="dark"] .article-ai-status-loading{background:rgba(96,165,250,.12)!important;color:#bfdbfe!important;border-color:rgba(96,165,250,.26)!important;}
html[data-theme="dark"] .article-ai-modal-card{background:#0f172a!important;color:#f8fafc!important;border-color:#293145!important;}
html[data-theme="dark"] .article-ai-modal-close,html[data-theme="dark"] .article-ai-modal-card textarea{background:#111827!important;color:#f8fafc!important;border-color:#293145!important;}
@media(max-width:760px){.article-ai-toolbar{align-items:stretch!important;padding:10px!important;border-radius:16px!important}.article-ai-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;margin-left:0!important;gap:7px!important}.article-ai-btn{width:100%!important;justify-content:center!important}.article-ai-toolbar-head{width:100%!important}.article-ai-modal{align-items:flex-end!important;padding:10px!important}.article-ai-modal-card{border-radius:20px 20px 14px 14px!important;padding:14px!important;max-height:88vh!important;overflow:auto!important}.article-ai-modal-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.article-ai-modal-actions .btn{width:100%!important}}

/* 2026-05-10 üç aşamalı kopya içerik kontrol kartı */
.article-duplicate-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.article-duplicate-mini-score{padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg);display:flex;flex-direction:column;gap:4px;min-width:0}
.article-duplicate-mini-score span{font-size:11px;color:var(--muted);font-weight:700;line-height:1.3}
.article-duplicate-mini-score strong{font-size:16px;color:var(--text)}
.article-duplicate-web-matches a span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.article-duplicate-query-list{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px dashed var(--line);border-radius:12px;background:rgba(148,163,184,.08)}
.article-duplicate-query-list strong{font-size:12px;color:var(--text)}
.article-duplicate-query-list span{font-size:12px;color:var(--muted);line-height:1.45;word-break:break-word}
@media(max-width:760px){.article-duplicate-score-grid{grid-template-columns:1fr}.article-duplicate-mini-score{flex-direction:row;align-items:center;justify-content:space-between}}
.article-duplicate-check-result{display:flex;flex-direction:column;gap:10px}
.article-duplicate-check-head .btn.is-loading{opacity:.72;pointer-events:none}

/* Admin Security Center */
.security-admin-page{display:grid;gap:20px}.security-hero-card{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(14,165,233,.06)),var(--card);box-shadow:var(--shadow)}.security-kicker{display:inline-flex;margin-bottom:8px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.security-hero-card h2{margin:0 0 8px;font-size:1.6rem}.security-hero-card p{margin:0;max-width:760px;color:var(--muted)}.security-live-badge{white-space:nowrap;border-radius:999px;padding:9px 13px;font-weight:800;font-size:.82rem;border:1px solid var(--border)}.security-live-badge.is-on{background:rgba(34,197,94,.12);color:#15803d;border-color:rgba(34,197,94,.25)}.security-live-badge.is-off{background:rgba(239,68,68,.12);color:#b91c1c;border-color:rgba(239,68,68,.25)}.security-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.security-stat-card{padding:18px;border:1px solid var(--border);border-radius:20px;background:var(--card);box-shadow:var(--shadow-sm)}.security-stat-card span{display:block;color:var(--muted);font-weight:700;font-size:.86rem}.security-stat-card strong{display:block;margin:7px 0;font-size:2rem;line-height:1}.security-stat-card small{color:var(--muted)}.security-two-col{display:grid;grid-template-columns:1.45fr .85fr;gap:18px}.security-settings-card .check{display:flex;align-items:center;gap:10px;margin:10px 0;padding:11px 12px;border:1px solid var(--border);border-radius:16px;background:rgba(148,163,184,.08);font-weight:700}.security-settings-card .check input{width:auto}.security-manual-card .btn.danger{background:#dc2626;color:#fff;border-color:#dc2626}.security-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.security-section-head h3,.security-settings-card h3,.security-manual-card h3{margin-top:0}.security-empty{padding:18px;border:1px dashed var(--border);border-radius:18px;background:rgba(148,163,184,.08);color:var(--muted);font-weight:700}.security-table code{display:inline-block;padding:4px 7px;border-radius:9px;background:rgba(15,23,42,.06);font-size:.85rem}.inline-form{display:inline}.badge.warning{background:rgba(245,158,11,.13);color:#b45309}.badge.danger{background:rgba(239,68,68,.13);color:#b91c1c}.badge.ok{background:rgba(34,197,94,.13);color:#15803d}@media(max-width:980px){.security-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.security-two-col{grid-template-columns:1fr}.security-hero-card,.security-section-head{flex-direction:column}.security-live-badge{white-space:normal}}@media(max-width:560px){.security-stat-grid{grid-template-columns:1fr}.security-hero-card{padding:18px}.security-stat-card strong{font-size:1.7rem}}

/* 2026-05-10 Security Center mobile usability polish */
.security-admin-page .form-card,.security-admin-page .table-wrap{content-visibility:visible!important;contain-intrinsic-size:auto!important}.security-admin-page{min-width:0}.security-admin-page *{box-sizing:border-box}.security-admin-page input,.security-admin-page select,.security-admin-page textarea{max-width:100%}.security-admin-page .btn{white-space:nowrap}.security-table-wrap{width:100%}.security-table td{word-break:break-word}.security-table code{max-width:100%;overflow-wrap:anywhere;white-space:normal}.security-inline-action{display:inline-flex}.security-blocked-card .security-inline-action .btn{white-space:nowrap}.security-settings-card .grid.two{gap:12px}.security-manual-card label,.security-settings-card label{min-width:0}.security-admin-page .security-section-head form{margin:0}@media(max-width:980px){body.panel-body .security-admin-page{gap:16px}.security-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.security-two-col{grid-template-columns:1fr!important}.security-section-head{align-items:stretch!important}.security-section-head form,.security-section-head .btn{width:100%}.security-section-head .btn{justify-content:center}}@media(max-width:760px){body.panel-body .security-admin-page{gap:14px}.security-hero-card{display:grid!important;gap:14px!important;padding:16px!important;border-radius:20px!important}.security-hero-card h2{font-size:1.32rem!important;line-height:1.2!important}.security-hero-card p{font-size:14px!important;line-height:1.58!important}.security-live-badge{justify-self:start;white-space:normal!important;border-radius:14px!important;padding:8px 11px!important}.security-stat-grid{grid-template-columns:1fr!important;gap:10px!important}.security-stat-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center;padding:14px!important;border-radius:17px!important}.security-stat-card span,.security-stat-card small{grid-column:1}.security-stat-card strong{grid-column:2;grid-row:1/3;margin:0!important;font-size:1.65rem!important;text-align:right}.security-settings-card .grid.two{grid-template-columns:1fr!important;gap:10px!important}.security-settings-card .check{align-items:flex-start!important;gap:9px!important;padding:10px 11px!important;border-radius:14px!important;line-height:1.42}.security-settings-card .check input{margin-top:2px;flex:0 0 auto}.security-admin-page .form-card{padding:14px!important;border-radius:18px!important;margin-bottom:0!important}.security-admin-page h3{font-size:18px!important;line-height:1.25!important}.security-admin-page .muted{font-size:13.5px!important;line-height:1.55!important}.security-manual-card .btn,.security-settings-card>.btn{width:100%;justify-content:center}.security-table-wrap{overflow:visible!important;-webkit-overflow-scrolling:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}.security-table-wrap .security-table{display:block!important;width:100%!important;min-width:0!important;border-collapse:separate!important;border-spacing:0!important}.security-table thead{display:none!important}.security-table tbody{display:grid!important;gap:10px!important;width:100%}.security-table tr{display:block!important;width:100%;padding:12px!important;border:1px solid var(--line)!important;border-radius:17px!important;background:var(--card)!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important}.security-table td{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;width:100%!important;padding:8px 0!important;border:0!important;font-size:13.5px!important;line-height:1.45!important}.security-table td::before{content:attr(data-label);color:var(--muted);font-size:11.5px;font-weight:950;letter-spacing:.03em;text-transform:uppercase;line-height:1.35}.security-table td code,.security-table td .badge{justify-self:start;align-self:start}.security-table td small{display:block;min-width:0;overflow-wrap:anywhere;line-height:1.45}.security-blocked-card .security-table td:last-child{grid-template-columns:1fr!important}.security-blocked-card .security-table td:last-child::before{margin-bottom:2px}.security-blocked-card .security-inline-action,.security-blocked-card .security-inline-action .btn{display:flex;width:100%;justify-content:center}.security-empty{padding:14px!important;border-radius:16px!important;font-size:13.5px!important}.security-events-card .security-section-head,.security-blocked-card .security-section-head{margin-bottom:10px!important}.security-events-card .security-section-head form .btn{min-height:42px!important}}@media(max-width:420px){body.panel-body .security-admin-page{gap:12px}.security-hero-card,.security-admin-page .form-card{border-radius:16px!important}.security-stat-card{grid-template-columns:1fr!important}.security-stat-card strong{grid-column:1;grid-row:auto;text-align:left;font-size:1.55rem!important}.security-table tr{padding:11px!important;border-radius:15px!important}.security-table td{grid-template-columns:1fr!important;gap:4px!important;padding:7px 0!important}.security-table td::before{font-size:11px}.security-live-badge{width:100%;justify-content:center;text-align:center}.security-admin-page .btn{width:100%;justify-content:center;white-space:normal}}html[data-theme="dark"] .security-table tr{background:#111827!important;border-color:#293145!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important}html[data-theme="dark"] .security-table code{background:#0b1020!important;border:1px solid #293145;color:#bfdbfe}.security-admin-page .badge.warning,.security-admin-page .badge.danger,.security-admin-page .badge.ok{border:1px solid transparent}

/* 2026-05-11 Haber editörü canlı kelime sayacı */
.article-content-label.hp-editor-wordcount-native-wrap,
.hp-editor-wordcount-native-wrap{
  display:block!important;
}
.article-content-label .hp-editor-wordcount-bar--textarea,
.hp-editor-wordcount-native-wrap .hp-editor-wordcount-bar--textarea{
  margin-top:8px!important;
  margin-bottom:0!important;
  margin-left:auto!important;
}
.article-editor-shell .tox.hp-editor-wordcount-enabled > .hp-editor-wordcount-bar--external,
.writer-article-form .tox.hp-editor-wordcount-enabled > .hp-editor-wordcount-bar--external{
  margin-top:8px!important;
  margin-bottom:0!important;
}
@media(max-width:760px){
  .article-content-label .hp-editor-wordcount-bar--textarea,
  .hp-editor-wordcount-native-wrap .hp-editor-wordcount-bar--textarea,
  .article-editor-shell .tox.hp-editor-wordcount-enabled > .hp-editor-wordcount-bar--external,
  .writer-article-form .tox.hp-editor-wordcount-enabled > .hp-editor-wordcount-bar--external{
    width:100%!important;
    margin-left:0!important;
  }
}
.article-duplicate-meta-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}
.article-duplicate-meta-list span{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(148,163,184,.08);font-size:11px;color:var(--muted);line-height:1.2}
.article-duplicate-meta-list strong{color:var(--text);font-size:11px}
html[data-theme="dark"] .article-duplicate-meta-list span{background:rgba(148,163,184,.12)}
@media(max-width:760px){.article-duplicate-meta-list{display:grid;grid-template-columns:1fr;gap:6px}.article-duplicate-meta-list span{border-radius:12px;justify-content:space-between;width:100%}}

/* 2026-05-11 AI kota bekleme uyarısı */
.article-ai-status-warning{background:rgba(217,119,6,.11)!important;color:#b45309!important;border-color:rgba(217,119,6,.25)!important;}
html[data-theme="dark"] .article-ai-status-warning{background:rgba(251,191,36,.13)!important;color:#fde68a!important;border-color:rgba(251,191,36,.28)!important;}

/* Social media automatic sharing controls */
.article-social-auto-share-card .check-row.vertical-checks{gap:8px;margin-top:10px}
.article-social-auto-share-card .check-row label,.bulk-social-share-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border,#e5e7eb);border-radius:12px;background:rgba(148,163,184,.08)}
.article-social-auto-share-card small{display:block;margin-top:10px;line-height:1.55}
.bulk-social-share-option{font-size:13px;white-space:nowrap}
.settings-social-auto-note{border-left:4px solid var(--primary,#2563eb)}
@media (max-width: 768px){.bulk-social-share-option{width:100%;white-space:normal}.article-social-auto-share-card .check-row label{width:100%}}

/* Planlı haber yayınlama sistemi */
.article-schedule-box{display:grid;gap:10px;padding:12px;border:1px solid var(--border,#e5e7eb);border-radius:16px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(14,165,233,.06));margin-top:10px}
.article-schedule-box .compact-premium-check{margin:0!important;background:rgba(255,255,255,.72)!important;border-color:rgba(148,163,184,.35)!important}
.article-schedule-fields{display:grid;gap:8px}
.article-schedule-fields[hidden]{display:none!important}
.article-schedule-fields label{margin:0!important}
.article-schedule-fields input[type="datetime-local"]{width:100%}
.article-schedule-fields small{display:block;color:var(--muted,#64748b);font-size:12px;line-height:1.5}
.admin-article-scheduled-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:rgba(37,99,235,.10);color:#1d4ed8;font-size:12px;font-weight:800;white-space:nowrap}
[data-theme="dark"] .article-schedule-box{background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(14,165,233,.10));border-color:rgba(148,163,184,.24)}
[data-theme="dark"] .article-schedule-box .compact-premium-check{background:rgba(15,23,42,.55)!important;border-color:rgba(148,163,184,.22)!important}
[data-theme="dark"] .admin-article-scheduled-badge{background:rgba(59,130,246,.18);color:#93c5fd}


/* 2026-05-13 - Yönetici okundu yap ve kullanıcı bildirim açılır menüsü düzeni */
.live-notification-admin-dropdown[data-live-notification-total]:not([data-live-notification-total="0"]) .live-notification-mark-all{
  display:inline-flex!important;
}
.live-notification-user-dropdown .live-notification-list,
.live-notification-writer-dropdown .live-notification-list,
.live-notification-admin-dropdown .live-notification-list{
  align-content:start!important;
}
.live-notification-user-dropdown .live-notification-item,
.live-notification-writer-dropdown .live-notification-item{
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-auto-flow:row!important;
}
.live-notification-user-dropdown .live-notification-item-icon,
.live-notification-writer-dropdown .live-notification-item-icon{
  align-self:start!important;
  flex:0 0 auto!important;
}
.live-notification-user-dropdown .live-notification-item-body,
.live-notification-writer-dropdown .live-notification-item-body{
  min-width:0!important;
  width:100%!important;
  padding-right:0!important;
}
.live-notification-user-dropdown .live-notification-title,
.live-notification-user-dropdown .live-notification-message,
.live-notification-user-dropdown .live-notification-time,
.live-notification-writer-dropdown .live-notification-title,
.live-notification-writer-dropdown .live-notification-message,
.live-notification-writer-dropdown .live-notification-time{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:normal!important;
}
.live-notification-user-dropdown .live-notification-message,
.live-notification-writer-dropdown .live-notification-message{
  display:-webkit-box!important;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
}
.live-notification-user-dropdown .live-notification-time,
.live-notification-writer-dropdown .live-notification-time{
  width:max-content!important;
  max-width:100%!important;
}
@media(max-width:720px){
  .live-notification-dropdown.live-notification-user-dropdown,
  .live-notification-dropdown.live-notification-writer-dropdown,
  .live-notification-dropdown.live-notification-admin-dropdown{
    width:auto!important;
    left:8px!important;
    right:8px!important;
  }
  .live-notification-user-dropdown .live-notification-head,
  .live-notification-writer-dropdown .live-notification-head,
  .live-notification-admin-dropdown .live-notification-head{
    align-items:flex-start!important;
  }
  .live-notification-user-dropdown .live-notification-item,
  .live-notification-writer-dropdown .live-notification-item{
    grid-template-columns:38px minmax(0,1fr)!important;
  }
  .live-notification-user-dropdown .live-notification-message,
  .live-notification-writer-dropdown .live-notification-message{
    -webkit-line-clamp:4;
  }
}

/* 2026-05-14: Planlı içerik, kapak görseli ve ziyaretçi istatistikleri iyileştirmeleri */
.article-cover-frame,.article-preview-cover-frame,.article-cover-preview-frame{width:100%;border:1px solid var(--line,#e5e7eb);border-radius:22px;background:linear-gradient(135deg,rgba(148,163,184,.10),rgba(37,99,235,.04));display:grid;place-items:center;overflow:hidden;contain:layout paint}.article-cover-frame{aspect-ratio:16/9;margin:18px 0}.article-preview-cover-frame{margin:18px 0}.article-cover-frame .article-cover-image,.article-preview-cover-frame .article-preview-cover,.article-cover-preview-frame img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;margin:0!important;border-radius:0!important;background:transparent!important}.article-cover-preview-frame{aspect-ratio:16/9;min-height:150px;margin:0 0 14px;padding:8px}.article-cover-preview-frame[hidden]{display:none!important}.article-cover-preview-frame img{border-radius:16px!important}.article-file-box input[data-cover-preview-input]{cursor:pointer}.admin-visitor-dashboard{margin-top:24px;padding:20px;border:1px solid var(--line,#e5e7eb);border-radius:28px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(14,165,233,.05),var(--card,#fff));box-shadow:0 20px 55px rgba(15,23,42,.08)}.admin-visitor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.admin-visitor-head h2{margin:0;font-size:clamp(20px,2.2vw,30px);letter-spacing:-.03em}.admin-visitor-head p{margin:6px 0 0;color:var(--muted,#64748b);line-height:1.55}.admin-visitor-live-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:rgba(34,197,94,.12);color:#15803d;font-weight:950;border:1px solid rgba(34,197,94,.22)}.admin-visitor-live-dot{width:9px;height:9px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.16);animation:hpVisitorPulse 1.7s infinite}@keyframes hpVisitorPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.65}}.admin-visitor-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;align-items:stretch}.admin-visitor-map-card,.admin-visitor-country-card{border:1px solid var(--line,#e5e7eb);border-radius:24px;background:var(--card,#fff);box-shadow:0 16px 36px rgba(15,23,42,.06);padding:16px;min-width:0}.admin-visitor-map{position:relative;min-height:330px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 25% 30%,rgba(37,99,235,.20),transparent 24%),radial-gradient(circle at 70% 55%,rgba(14,165,233,.18),transparent 24%),linear-gradient(135deg,rgba(15,23,42,.04),rgba(37,99,235,.08));border:1px solid rgba(148,163,184,.22)}.admin-visitor-map svg{position:absolute;inset:0;width:100%;height:100%;opacity:.36;color:var(--muted,#64748b)}.admin-visitor-pin{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:999px;background:var(--brand,#2563eb);color:#fff;font-size:12px;font-weight:950;box-shadow:0 13px 28px rgba(37,99,235,.32);border:2px solid rgba(255,255,255,.82)}.admin-visitor-pin small{position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%);white-space:nowrap;background:rgba(15,23,42,.86);color:#fff;border-radius:999px;padding:4px 7px;font-size:10px;opacity:0;pointer-events:none;transition:.18s}.admin-visitor-pin:hover small{opacity:1}.admin-visitor-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.admin-visitor-period{display:grid;gap:4px;border:1px solid var(--line,#e5e7eb);border-radius:18px;padding:12px;background:rgba(255,255,255,.72)}.admin-visitor-period span{color:var(--muted,#64748b);font-size:12px;font-weight:800}.admin-visitor-period strong{font-size:22px;line-height:1}.admin-visitor-period small{color:var(--muted,#64748b);font-size:11px}.admin-visitor-country-list{display:grid;gap:9px;margin-top:10px}.admin-visitor-country-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line,#e5e7eb);border-radius:16px;background:rgba(148,163,184,.07)}.admin-visitor-country-row strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-visitor-country-row small{display:block;color:var(--muted,#64748b);font-size:11px;margin-top:2px}.admin-visitor-country-row b{font-size:15px}.admin-visitor-empty{display:grid;place-items:center;min-height:180px;text-align:center;color:var(--muted,#64748b);padding:20px}html[data-theme="dark"] .admin-visitor-dashboard{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(14,165,233,.08),var(--card,#0f172a))}html[data-theme="dark"] .admin-visitor-period{background:rgba(15,23,42,.58)}html[data-theme="dark"] .admin-visitor-live-badge{color:#86efac}@media(max-width:980px){.admin-visitor-grid{grid-template-columns:1fr}.admin-visitor-map{min-height:280px}}@media(max-width:640px){.article-cover-frame{border-radius:18px}.article-cover-preview-frame{min-height:120px;border-radius:18px}.admin-visitor-dashboard{padding:14px;border-radius:22px}.admin-visitor-periods{grid-template-columns:1fr}.admin-visitor-map{min-height:230px}.admin-visitor-head{display:grid}.admin-visitor-live-badge{justify-content:center}}

/* 2026-05-14 - Canlı gelişmiş istatistik sayfası */
.statistics-page{display:grid;gap:18px}.statistics-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);gap:16px;align-items:stretch;padding:22px;border:1px solid var(--line,#e5e7eb);border-radius:28px;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(14,165,233,.06),var(--card,#fff));box-shadow:0 22px 60px rgba(15,23,42,.08)}.statistics-kicker{display:inline-flex;align-items:center;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(37,99,235,.10);color:var(--brand,#2563eb);font-weight:900;font-size:.78rem}.statistics-hero h2{margin:10px 0 6px;font-size:clamp(24px,3vw,38px);line-height:1.05;letter-spacing:-.04em}.statistics-hero p{margin:0;max-width:820px;color:var(--muted,#64748b);line-height:1.65}.statistics-live-card{display:grid;align-content:center;justify-items:start;gap:5px;padding:18px;border-radius:24px;background:rgba(255,255,255,.76);border:1px solid rgba(148,163,184,.24);box-shadow:0 16px 38px rgba(15,23,42,.07)}.statistics-live-card small{font-weight:900;color:var(--muted,#64748b)}.statistics-live-card strong{font-size:42px;line-height:1;letter-spacing:-.05em}.statistics-live-card em{font-style:normal;color:var(--muted,#64748b);font-size:.82rem}.statistics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.statistics-period-tabs{display:inline-flex;gap:8px;padding:6px;border:1px solid var(--line,#e5e7eb);border-radius:18px;background:var(--card,#fff)}.statistics-period-tab{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:13px;color:var(--muted,#64748b);font-weight:900;text-decoration:none}.statistics-period-tab.active,.statistics-period-tab:hover{background:var(--brand,#2563eb);color:#fff}.statistics-updated{color:var(--muted,#64748b);font-size:.9rem;font-weight:800}.statistics-settings-card{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(150px,auto)) repeat(2,minmax(130px,170px)) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line,#e5e7eb);border-radius:24px;background:var(--card,#fff);box-shadow:0 16px 36px rgba(15,23,42,.06)}.statistics-settings-card h3{margin:0}.statistics-settings-card p{margin:3px 0 0;color:var(--muted,#64748b);font-size:.86rem;line-height:1.45}.statistics-switch{display:grid!important;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center;margin:0!important;font-weight:800}.statistics-switch input{position:absolute;opacity:0;pointer-events:none}.statistics-switch span{position:relative;width:42px;height:24px;border-radius:999px;background:rgba(148,163,184,.48);box-shadow:inset 0 1px 2px rgba(15,23,42,.18)}.statistics-switch span::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(15,23,42,.2);transition:.18s}.statistics-switch input:checked+span{background:linear-gradient(135deg,var(--brand,#2563eb),#22c55e)}.statistics-switch input:checked+span::after{transform:translateX(18px)}.statistics-switch b{font-size:.86rem;line-height:1.25}.statistics-number-field{display:grid!important;grid-template-columns:1fr 68px;gap:5px 8px;align-items:center;margin:0!important}.statistics-number-field span{grid-column:1/-1;color:var(--muted,#64748b);font-size:.78rem;font-weight:850}.statistics-number-field input{min-height:38px;padding:8px 10px!important;border-radius:12px!important}.statistics-number-field small{color:var(--muted,#64748b);font-size:.78rem}.statistics-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.statistics-summary-card{display:grid;gap:5px;padding:16px;border:1px solid var(--line,#e5e7eb);border-radius:22px;background:var(--card,#fff);box-shadow:0 14px 32px rgba(15,23,42,.05)}.statistics-summary-card span{color:var(--muted,#64748b);font-weight:900;font-size:.84rem}.statistics-summary-card strong{font-size:30px;line-height:1;letter-spacing:-.04em}.statistics-summary-card small{color:var(--muted,#64748b)}.statistics-main-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px;align-items:start}.statistics-map-card{min-height:100%}.statistics-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.statistics-card-head h3,.statistics-data-card h3{margin:0}.statistics-card-head p{margin:4px 0 0;color:var(--muted,#64748b);font-size:.9rem;line-height:1.45}.statistics-side-stack{display:grid;gap:16px}.statistics-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.statistics-data-card{padding:16px;border:1px solid var(--line,#e5e7eb);border-radius:24px;background:var(--card,#fff);box-shadow:0 16px 36px rgba(15,23,42,.06)}.statistics-list{display:grid;gap:9px;margin-top:12px}.statistics-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(148,163,184,.20);border-radius:16px;background:rgba(148,163,184,.07)}.statistics-list-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem}.statistics-list-row small{display:block;margin-top:2px;color:var(--muted,#64748b);font-size:.78rem}.statistics-list-row b{font-size:1rem}.statistics-recent-card{overflow:hidden}.statistics-table-wrap{margin-top:12px}.statistics-table td,.statistics-table th{white-space:nowrap}.statistics-table td:nth-child(3){max-width:420px;overflow:hidden;text-overflow:ellipsis}.statistics-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(148,163,184,.14);color:var(--muted,#64748b);font-weight:900;font-size:.76rem}.statistics-status.online{background:rgba(34,197,94,.13);color:#15803d}.admin-visitor-period.active{border-color:rgba(37,99,235,.42);background:rgba(37,99,235,.09)}.admin-visitor-empty.small{min-height:74px}.statistics-dashboard-live-note{margin:4px 0 10px;font-size:.86rem}.statistics-dashboard-live-note a{font-weight:900;color:var(--brand,#2563eb)}html[data-theme="dark"] .statistics-hero{background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(14,165,233,.08),var(--card,#0f172a))}html[data-theme="dark"] .statistics-live-card{background:rgba(15,23,42,.68)}html[data-theme="dark"] .statistics-list-row{background:rgba(30,41,59,.55)}html[data-theme="dark"] .statistics-status.online{color:#86efac}@media(max-width:1180px){.statistics-settings-card{grid-template-columns:1fr 1fr}.statistics-settings-card>div:first-child{grid-column:1/-1}.statistics-settings-card .btn{width:100%}}@media(max-width:980px){.statistics-hero,.statistics-main-grid,.statistics-data-grid{grid-template-columns:1fr}.statistics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.statistics-hero{padding:16px;border-radius:22px}.statistics-summary-grid,.statistics-settings-card{grid-template-columns:1fr}.statistics-live-card strong{font-size:36px}.statistics-toolbar{display:grid}.statistics-period-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.statistics-period-tab{padding:8px}.statistics-table td:nth-child(3){max-width:220px}}

/* 2026-05-14 canlı istatistik görünürlük düzeltmesi */
.admin-statistics-quick-hero{
  background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(14,165,233,.08));
  border:1px solid rgba(37,99,235,.18);
  border-radius:22px;
  box-shadow:0 18px 42px rgba(15,23,42,.08);
}
.admin-statistics-quick-hero h2{margin:0 0 6px;font-size:1.25rem;letter-spacing:-.02em}
.admin-statistics-quick-hero p{margin:0;color:var(--muted,#64748b);max-width:760px}
.admin-visitor-disabled-card{
  border:1px dashed rgba(37,99,235,.28);
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.88));
}
[data-theme="dark"] .admin-statistics-quick-hero,
[data-theme="dark"] .admin-visitor-disabled-card{
  background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(14,165,233,.10));
  border-color:rgba(96,165,250,.24);
}

/* 2026-05-14 - Gelişmiş canlı ziyaretçi haritası */
.statistics-map-card-advanced{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(37,99,235,.08),rgba(14,165,233,.05),var(--card,#fff))}.statistics-map-card-advanced::before{content:"";position:absolute;inset:-80px auto auto -90px;width:220px;height:220px;border-radius:999px;background:rgba(37,99,235,.12);filter:blur(12px);pointer-events:none}.statistics-map-head{position:relative;z-index:1}.statistics-section-kicker{display:inline-flex;width:max-content;margin-bottom:7px;padding:6px 10px;border-radius:999px;background:rgba(14,165,233,.10);color:var(--brand,#2563eb);font-size:.74rem;font-weight:950;letter-spacing:.01em}.statistics-map-mode{display:grid;gap:2px;min-width:150px;padding:11px 13px;border:1px solid rgba(148,163,184,.24);border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 12px 28px rgba(15,23,42,.06)}.statistics-map-mode strong{font-size:.92rem}.statistics-map-mode small{color:var(--muted,#64748b);font-size:.72rem;font-weight:850}.statistics-map-mode.is-period .admin-visitor-live-dot{background:#f59e0b;box-shadow:0 0 0 6px rgba(245,158,11,.15)}.statistics-map-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}.statistics-map-metrics>div{padding:12px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 10px 24px rgba(15,23,42,.045);min-width:0}.statistics-map-metrics span{display:block;color:var(--muted,#64748b);font-size:.72rem;font-weight:950;margin-bottom:5px}.statistics-map-metrics strong{display:block;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statistics-map-shell{position:relative;border-radius:24px;padding:10px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(148,163,184,.08));overflow:hidden}.statistics-map-radar{position:absolute;inset:10px;border-radius:22px;background:repeating-linear-gradient(0deg,rgba(148,163,184,.10),rgba(148,163,184,.10) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(90deg,rgba(148,163,184,.08),rgba(148,163,184,.08) 1px,transparent 1px,transparent 42px);opacity:.65;pointer-events:none}.statistics-world-map{min-height:370px;background:radial-gradient(circle at 57% 41%,rgba(34,197,94,.18),transparent 9%),radial-gradient(circle at 20% 38%,rgba(37,99,235,.18),transparent 11%),radial-gradient(circle at 70% 57%,rgba(14,165,233,.16),transparent 13%),linear-gradient(135deg,rgba(15,23,42,.035),rgba(37,99,235,.075))}.statistics-world-map svg{opacity:.45}.statistics-map-pin{width:var(--pin-size,38px);height:var(--pin-size,38px);min-width:var(--pin-size,38px);font-size:clamp(11px,1.1vw,13px);isolation:isolate}.statistics-map-pin::before{content:"";position:absolute;inset:-8px;border-radius:inherit;background:inherit;opacity:.22;z-index:-1;animation:hpVisitorPinPulse 2.4s infinite}.statistics-map-pin.is-live{background:linear-gradient(135deg,#22c55e,#0ea5e9);box-shadow:0 18px 34px rgba(34,197,94,.30)}.statistics-map-pin.is-period{background:linear-gradient(135deg,var(--brand,#2563eb),#7c3aed);box-shadow:0 18px 34px rgba(37,99,235,.30)}@keyframes hpVisitorPinPulse{0%,100%{transform:scale(.86);opacity:.2}50%{transform:scale(1.18);opacity:.34}}.statistics-map-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;color:var(--muted,#64748b);font-size:.75rem;font-weight:850}.statistics-map-legend span{display:inline-flex;align-items:center;gap:6px}.statistics-map-legend i{width:10px;height:10px;border-radius:999px;display:inline-block}.statistics-map-legend i.is-live{background:#22c55e}.statistics-map-legend i.is-period{background:var(--brand,#2563eb)}.statistics-map-legend i.is-size{background:linear-gradient(90deg,#93c5fd 0 32%,#3b82f6 32% 66%,#1d4ed8 66%)}.statistics-map-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.statistics-map-insight{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(148,163,184,.20);border-radius:18px;background:rgba(255,255,255,.72)}.statistics-map-insight.is-live{border-color:rgba(34,197,94,.32);background:rgba(34,197,94,.08)}.statistics-map-insight strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.statistics-map-insight small{display:block;margin-top:2px;color:var(--muted,#64748b);font-size:.75rem}.statistics-map-insight b{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:34px;padding:0 9px;border-radius:999px;background:rgba(37,99,235,.10);color:var(--brand,#2563eb);font-size:.82rem}.statistics-period-snapshots{position:relative;z-index:1}.statistics-mini-bar{display:block;height:6px;margin-top:8px;border-radius:999px;background:rgba(148,163,184,.16);overflow:hidden}.statistics-mini-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand,#2563eb),#22c55e)}.statistics-country-row.is-live{border-color:rgba(34,197,94,.26);background:linear-gradient(135deg,rgba(34,197,94,.09),rgba(14,165,233,.05))}.statistics-country-row b{display:grid;justify-items:end;gap:2px}.statistics-country-row b em{font-style:normal;color:var(--muted,#64748b);font-size:.68rem;font-weight:900}.statistics-list-row .statistics-mini-bar{max-width:100%}html[data-theme="dark"] .statistics-map-card-advanced{background:linear-gradient(145deg,rgba(59,130,246,.13),rgba(14,165,233,.08),var(--card,#0f172a))}html[data-theme="dark"] .statistics-map-mode,html[data-theme="dark"] .statistics-map-metrics>div,html[data-theme="dark"] .statistics-map-insight{background:rgba(15,23,42,.62)}html[data-theme="dark"] .statistics-map-shell{background:linear-gradient(180deg,rgba(15,23,42,.60),rgba(30,41,59,.36))}html[data-theme="dark"] .statistics-map-insight.is-live{background:rgba(34,197,94,.11)}@media(max-width:1180px){.statistics-map-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-world-map{min-height:330px}}@media(max-width:640px){.statistics-map-head{display:grid}.statistics-map-mode{width:100%}.statistics-map-metrics,.statistics-map-insights{grid-template-columns:1fr}.statistics-world-map{min-height:260px}.statistics-map-shell{padding:8px}.statistics-map-legend{display:grid;gap:7px}.statistics-map-pin{--pin-size:min(var(--pin-size,38px),48px)}}


/* 2026-05-14 - Sayfa geçişi ve ilk yükleme performans iyileştirmeleri */
@media (prefers-reduced-motion:no-preference){
  .hp-page-transition-ready body{opacity:1;transition:opacity .16s ease,filter .16s ease;}
  .hp-page-transition-ready body.hp-page-is-leaving{opacity:.985;filter:saturate(.98);}
}
.article-card,.post-card,.news-card,.widget-card,.panel-card,.form-card,.stat-card,.statistics-data-card,.statistics-map-card-advanced,.admin-visitor-card,.footer-brand-block,.footer-newsletter{content-visibility:auto;contain-intrinsic-size:1px 360px;}
img[loading="lazy"],iframe[loading="lazy"]{content-visibility:auto;}
@media (max-width:768px){.article-card,.post-card,.news-card,.widget-card,.panel-card,.form-card{contain-intrinsic-size:1px 420px;}}

/* Writer panel: advanced flat "Haberlerim" page */
.writer-articles-page{display:grid;gap:18px}.writer-articles-hero{position:relative;overflow:hidden}.writer-articles-hero:after{content:'';position:absolute;right:-65px;top:-95px;width:250px;height:250px;border-radius:999px;background:rgba(37,99,235,.08);pointer-events:none}.writer-articles-kicker{display:inline-flex;align-items:center;width:max-content;margin:0 0 10px;padding:7px 11px;border-radius:999px;background:rgba(37,99,235,.10);color:var(--brand);font-size:12px;font-weight:950}.writer-articles-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.writer-articles-hero h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:-.04em}.writer-articles-hero p{margin:8px 0 0;max-width:820px;color:var(--muted);line-height:1.65;font-weight:650}.writer-articles-add{min-height:46px;white-space:nowrap}.writer-article-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.writer-article-stat-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:6px 12px;align-items:center;min-height:116px;padding:16px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow)}.writer-article-stat-card>span{grid-row:1/4;width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);font-size:21px}.writer-article-stat-card small{color:var(--muted);font-size:12px;font-weight:950;line-height:1.2}.writer-article-stat-card strong{font-size:28px;line-height:1;font-weight:950;letter-spacing:-.04em;color:var(--text)}.writer-article-stat-card em{font-style:normal;color:var(--muted);font-size:11px;font-weight:750;line-height:1.35}.writer-article-list-panel{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow)}.writer-article-list-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.writer-article-list-head h3{margin:0;font-size:19px;font-weight:950}.writer-article-list-head p{margin:4px 0 0;color:var(--muted);font-size:13px;font-weight:750}.writer-article-head-meta{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.writer-article-head-meta span{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:8px 11px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:850}.writer-article-head-meta strong{color:var(--text)}.writer-article-filter-form{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.8fr) minmax(170px,.8fr) auto;gap:10px;align-items:end;padding:12px;border-radius:20px;background:var(--bg);border:1px solid var(--line)}.writer-article-filter-form label{display:grid;gap:6px;margin:0;color:var(--muted);font-size:12px;font-weight:900}.writer-article-filter-form input,.writer-article-filter-form select{min-height:42px;border-radius:13px}.writer-article-filter-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.writer-article-filter-pills{display:flex;gap:8px;flex-wrap:wrap}.writer-article-filter-pills a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--muted);text-decoration:none;font-size:12px;font-weight:950}.writer-article-filter-pills a:hover,.writer-article-filter-pills a.active{color:var(--brand);border-color:rgba(37,99,235,.34);background:rgba(37,99,235,.08)}.writer-article-filter-pills a strong{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--text);font-size:11px}.writer-article-table-wrap{box-shadow:none;border-radius:20px}.writer-articles-table th{background:var(--bg);white-space:nowrap}.writer-articles-table td{vertical-align:middle}.writer-article-title-cell{min-width:330px}.writer-article-mini{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center}.writer-article-thumb{width:62px;height:50px;border-radius:16px;overflow:hidden;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto}.writer-article-thumb img{width:100%;height:100%;object-fit:cover;display:block}.writer-article-thumb.placeholder{font-size:21px}.writer-article-mini strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;font-size:14px}.writer-article-mini small{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:750}.writer-article-inline-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.writer-article-metrics{display:flex;gap:8px;flex-wrap:wrap;min-width:210px}.writer-article-metrics span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:var(--bg);font-size:12px;font-weight:900;color:var(--muted)}.writer-article-note-cell{max-width:240px;color:var(--muted);font-size:13px}.writer-article-row-actions{white-space:nowrap;flex-wrap:nowrap}.article-status-badge.status-scheduled{background:rgba(14,165,233,.13);color:#0369a1}.article-status-badge.status-scheduled:before{background:#0ea5e9}.writer-article-empty-state{display:grid;gap:6px;place-items:center;text-align:center;padding:34px 16px;color:var(--muted)}.writer-article-empty-state span{font-size:30px}.writer-article-empty-state strong{font-size:16px;color:var(--text)}@media(max-width:1280px){.writer-article-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.writer-article-list-head{grid-template-columns:1fr}.writer-article-head-meta{justify-content:flex-start}.writer-article-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.writer-article-filter-actions{justify-content:flex-start}.writer-article-row-actions{white-space:normal;flex-wrap:wrap}}@media(max-width:760px){.writer-articles-hero-grid{grid-template-columns:1fr}.writer-articles-add{width:100%}.writer-article-stat-grid{grid-template-columns:1fr}.writer-article-stat-card{min-height:92px}.writer-article-list-panel{padding:12px;border-radius:20px}.writer-article-filter-form{grid-template-columns:1fr}.writer-article-filter-pills a{flex:1 1 140px;justify-content:center}.writer-article-table-wrap{border:0;background:transparent;box-shadow:none;overflow:visible}.writer-articles-table,.writer-articles-table tbody,.writer-articles-table tr,.writer-articles-table td{display:block;width:100%}.writer-articles-table thead{display:none}.writer-articles-table tbody{display:grid;gap:12px}.writer-articles-table tr{padding:13px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 12px 28px rgba(15,23,42,.06)}.writer-articles-table td{padding:9px 0;border:0}.writer-articles-table td:not(.writer-article-title-cell){display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;align-items:start}.writer-articles-table td:not(.writer-article-title-cell)::before{content:attr(data-label);font-size:11.5px;font-weight:950;color:var(--muted);letter-spacing:.03em;text-transform:uppercase}.writer-article-title-cell{min-width:0}.writer-article-mini{grid-template-columns:56px minmax(0,1fr)}.writer-article-thumb{width:56px;height:46px}.writer-article-metrics{min-width:0}.writer-article-note-cell{max-width:none}.writer-article-row-actions{display:flex!important;gap:8px!important}.writer-article-row-actions::before{display:none}.writer-article-row-actions .btn{flex:1 1 135px}}@media(max-width:420px){.writer-articles-hero .card-body,.writer-article-list-panel{padding:12px}.writer-articles-hero h2{font-size:24px}.writer-article-filter-pills a{flex-basis:100%}.writer-articles-table td:not(.writer-article-title-cell){grid-template-columns:1fr;gap:5px}.writer-article-row-actions .btn{flex-basis:100%}}
html[data-theme="dark"] .writer-article-filter-pills a strong{background:#111827}html[data-theme="dark"] .writer-articles-table tr{box-shadow:0 12px 30px rgba(0,0,0,.16)}

/* Writer panel homepage: advanced flat dashboard */
.writer-home-page{display:grid;gap:18px}.writer-home-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:18px;align-items:stretch;padding:clamp(18px,2.6vw,28px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,var(--card),rgba(37,99,235,.06));box-shadow:var(--shadow)}.writer-home-hero:before{content:'';position:absolute;right:-90px;top:-110px;width:320px;height:320px;border-radius:999px;background:rgba(37,99,235,.10);pointer-events:none}.writer-home-hero-content,.writer-home-hero-side{position:relative;z-index:1}.writer-home-kicker{display:inline-flex;align-items:center;gap:7px;width:max-content;margin-bottom:10px;padding:7px 12px;border-radius:999px;background:rgba(37,99,235,.10);color:var(--brand);font-size:12px;font-weight:950}.writer-home-hero h1{margin:0;font-size:clamp(28px,4vw,46px);line-height:1.05;letter-spacing:-.045em}.writer-home-hero p{margin:12px 0 0;max-width:760px;color:var(--muted);font-weight:650;line-height:1.7}.writer-home-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.writer-home-hero-side{display:grid;gap:12px}.writer-home-score-card,.writer-home-time-card{padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.62);box-shadow:0 16px 38px rgba(15,23,42,.06);backdrop-filter:blur(10px)}html[data-theme="dark"] .writer-home-score-card,html[data-theme="dark"] .writer-home-time-card{background:rgba(17,24,39,.72)}.writer-home-score-card small,.writer-home-time-card small{display:block;color:var(--muted);font-size:12px;font-weight:950}.writer-home-score-card strong{display:block;margin-top:4px;font-size:42px;line-height:1;font-weight:950;letter-spacing:-.05em}.writer-home-score-card span{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:800}.writer-home-time-card{display:flex;gap:12px;align-items:center}.writer-home-time-card>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;background:var(--bg);font-size:20px}.writer-home-time-card strong{display:block;margin-top:4px;font-size:14px}.writer-home-progress{height:9px;margin-top:12px;border-radius:999px;background:var(--bg);border:1px solid var(--line);overflow:hidden}.writer-home-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#22c55e)}.writer-home-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.writer-home-stat-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:5px 12px;align-items:center;min-height:112px;padding:16px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow)}.writer-home-stat-card>span{grid-row:1/4;width:46px;height:46px;display:grid;place-items:center;border-radius:16px;border:1px solid var(--line);background:var(--bg);font-size:20px}.writer-home-stat-card small{color:var(--muted);font-size:12px;font-weight:950;line-height:1.2}.writer-home-stat-card strong{font-size:clamp(20px,2.2vw,28px);font-weight:950;line-height:1;letter-spacing:-.04em}.writer-home-stat-card em{font-style:normal;color:var(--muted);font-size:11px;font-weight:760;line-height:1.35}.writer-home-stat-card.earning{background:linear-gradient(135deg,var(--card),rgba(34,197,94,.08))}.writer-home-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.writer-home-workflow a{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 11px;align-items:center;min-height:82px;padding:14px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 12px 28px rgba(15,23,42,.05);text-decoration:none;color:var(--text)}.writer-home-workflow a:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.32)}.writer-home-workflow span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:var(--bg);border:1px solid var(--line)}.writer-home-workflow strong{font-size:24px;line-height:1;font-weight:950}.writer-home-workflow small{color:var(--muted);font-size:12px;font-weight:900}.writer-home-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:18px;align-items:start}.writer-home-main,.writer-home-side{display:grid;gap:18px;min-width:0}.writer-home-side{position:sticky;top:92px}.writer-home-card{padding:16px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow)}.writer-home-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.writer-home-card-head h2{margin:0;font-size:19px;font-weight:950;letter-spacing:-.02em}.writer-home-card-head p{margin:4px 0 0;color:var(--muted);font-size:13px;font-weight:740;line-height:1.45}.writer-home-article-list{display:grid;gap:10px}.writer-home-article-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:19px;background:var(--bg)}.writer-home-article-thumb{width:72px;height:58px;border-radius:17px;overflow:hidden;border:1px solid var(--line);background:var(--card);display:grid;place-items:center}.writer-home-article-thumb img{width:100%;height:100%;object-fit:cover;display:block}.writer-home-article-thumb.placeholder{font-size:24px}.writer-home-article-info strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25}.writer-home-article-info strong a{color:inherit;text-decoration:none}.writer-home-article-info strong a:hover{color:var(--brand)}.writer-home-article-info small{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:750}.writer-home-inline-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.writer-home-article-metrics{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.writer-home-article-metrics span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);font-size:12px;font-weight:900}.writer-home-top-list{display:grid;gap:9px}.writer-home-top-list a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:16px;background:var(--bg);text-decoration:none;color:var(--text)}.writer-home-top-list a:hover{border-color:rgba(37,99,235,.34)}.writer-home-top-list b{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:var(--card);border:1px solid var(--line);font-size:13px}.writer-home-top-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.writer-home-top-list em{font-style:normal;color:var(--muted);font-size:12px;font-weight:850;white-space:nowrap}.writer-home-empty{display:grid;place-items:center;text-align:center;gap:6px;padding:34px 14px;color:var(--muted);border:1px dashed var(--line);border-radius:18px;background:var(--bg)}.writer-home-empty span{font-size:30px}.writer-home-empty strong{color:var(--text)}.writer-home-empty.small{padding:22px 14px}.writer-home-insight-row,.writer-home-tx{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line)}.writer-home-insight-row span{color:var(--muted);font-weight:850}.writer-home-insight-row strong{font-size:18px}.writer-home-progress-block{padding-top:13px}.writer-home-progress-block>span,.writer-home-progress-block small{display:block;color:var(--muted);font-size:12px;font-weight:900}.writer-home-progress-block small{text-align:right;margin-top:5px}.writer-home-wallet-total{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--bg),rgba(34,197,94,.08));margin-bottom:10px}.writer-home-wallet-total small{color:var(--muted);font-weight:900}.writer-home-wallet-total strong{font-size:28px;line-height:1;font-weight:950}.writer-home-wallet-total .btn{width:max-content}.writer-home-tx{display:block}.writer-home-tx strong{display:block}.writer-home-tx small{display:block;margin-top:4px;color:var(--muted);line-height:1.45}.writer-home-announcement{padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--bg);margin-top:9px}.writer-home-announcement strong{display:block}.writer-home-announcement p{margin:6px 0;color:var(--muted);line-height:1.55;font-size:13px}.writer-home-announcement small{color:var(--muted);font-weight:750}.compact-empty{margin:0;color:var(--muted)}@media(max-width:1280px){.writer-home-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.writer-home-layout{grid-template-columns:1fr}.writer-home-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.writer-home-announcements-card{grid-column:1/-1}}@media(max-width:900px){.writer-home-hero{grid-template-columns:1fr}.writer-home-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.writer-home-article-item{grid-template-columns:64px minmax(0,1fr)}.writer-home-article-metrics{grid-column:1/-1;justify-content:flex-start;padding-left:76px}.writer-home-side{grid-template-columns:1fr}}@media(max-width:640px){.writer-home-hero{padding:16px;border-radius:22px}.writer-home-actions .btn{flex:1 1 100%}.writer-home-stat-grid,.writer-home-workflow{grid-template-columns:1fr}.writer-home-card{padding:13px;border-radius:20px}.writer-home-card-head{display:block}.writer-home-card-head .btn{margin-top:10px;width:100%}.writer-home-article-item{grid-template-columns:58px minmax(0,1fr);align-items:start}.writer-home-article-thumb{width:58px;height:50px}.writer-home-article-metrics{padding-left:70px}.writer-home-top-list a{grid-template-columns:30px minmax(0,1fr);align-items:start}.writer-home-top-list em{grid-column:2;white-space:normal}}

/* Güvenlik engeli iletişim erişimi */
.contact-security-access-card{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border:1px solid rgba(37,99,235,.18);background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(124,58,237,.07));box-shadow:var(--shadow)}
.contact-security-access-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;flex:0 0 52px;background:linear-gradient(135deg,var(--brand),#7c3aed);color:#fff;font-size:24px;box-shadow:0 14px 30px rgba(37,99,235,.22)}
.contact-security-access-card span{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.45);color:var(--brand);font-size:12px;font-weight:900;margin-bottom:8px}
.contact-security-access-card h2{margin:0 0 8px;font-size:22px;letter-spacing:-.02em}.contact-security-access-card p{margin:0;color:var(--muted);line-height:1.7}.contact-security-access-card strong{display:inline-flex;margin-top:12px;padding:8px 11px;border-radius:12px;background:var(--card);border:1px solid var(--line);font-size:13px}
@media(max-width:760px){.contact-security-access-card{display:grid;padding:18px}.contact-security-access-icon{width:48px;height:48px}}


.security-request-code{display:inline-flex;flex-direction:column;gap:4px;align-items:flex-start}.security-request-code code{font-size:.92rem;font-weight:900;letter-spacing:.08em;background:rgba(37,99,235,.1)!important;color:#1d4ed8;border:1px solid rgba(37,99,235,.18);padding:6px 9px;border-radius:11px}.security-request-code small{color:var(--muted);font-size:.72rem;font-weight:700}html[data-theme="dark"] .security-request-code code{background:rgba(37,99,235,.18)!important;color:#93c5fd;border-color:rgba(147,197,253,.22)}@media(max-width:760px){.security-request-code{width:100%}.security-request-code code{width:100%;text-align:center}}

/* 2026-05-15 - Mobil istatistik sayfası taşma düzeltmesi */
.statistics-page,
.statistics-page *,
.statistics-page *::before,
.statistics-page *::after{box-sizing:border-box}
.statistics-page{width:100%;max-width:100%;min-width:0;overflow-x:clip}
@supports not (overflow:clip){.statistics-page{overflow-x:hidden}}
.statistics-page .statistics-hero,
.statistics-page .statistics-toolbar,
.statistics-page .statistics-settings-card,
.statistics-page .statistics-summary-grid,
.statistics-page .statistics-main-grid,
.statistics-page .statistics-side-stack,
.statistics-page .statistics-data-grid,
.statistics-page .statistics-data-card,
.statistics-page .statistics-map-card,
.statistics-page .statistics-map-card-advanced,
.statistics-page .statistics-map-shell,
.statistics-page .statistics-world-map,
.statistics-page .statistics-map-insights,
.statistics-page .statistics-list,
.statistics-page .statistics-list-row,
.statistics-page .admin-visitor-country-row{max-width:100%;min-width:0}
.statistics-page .statistics-card-head>div,
.statistics-page .statistics-map-head>div,
.statistics-page .statistics-list-row>div,
.statistics-page .admin-visitor-country-row>div,
.statistics-page .statistics-map-insight>div{min-width:0}
.statistics-page .statistics-kicker,
.statistics-page .statistics-section-kicker{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.statistics-page .statistics-hero h2,
.statistics-page .statistics-card-head h3,
.statistics-page .statistics-data-card h3{overflow-wrap:anywhere}
.statistics-table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:4px}
.statistics-table{width:100%;min-width:720px;border-collapse:collapse}
.statistics-map-shell{isolation:isolate;contain:layout paint}
.statistics-map-radar{max-width:100%;overflow:hidden}
.statistics-world-map{width:100%;max-width:100%;overflow:hidden;touch-action:pan-y}
.statistics-world-map svg{max-width:100%;display:block}
.statistics-map-pin{max-width:64px;white-space:nowrap}
.statistics-map-pin small{max-width:min(190px,calc(100vw - 56px));overflow:hidden;text-overflow:ellipsis}
.statistics-list-row small,
.admin-visitor-country-row small{overflow-wrap:anywhere}
@media(max-width:760px){
  .statistics-page{gap:14px;padding-inline:0}
  .statistics-hero,
  .statistics-settings-card,
  .statistics-data-card,
  .admin-visitor-map-card,
  .admin-visitor-country-card{padding:14px;border-radius:20px}
  .statistics-hero{grid-template-columns:1fr}
  .statistics-live-card{width:100%;border-radius:18px}
  .statistics-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch}
  .statistics-period-tabs{width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px}
  .statistics-period-tab{min-width:0;padding:8px 6px;font-size:.82rem;text-align:center}
  .statistics-updated{font-size:.78rem;line-height:1.35}
  .statistics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .statistics-summary-card{padding:13px;border-radius:18px}
  .statistics-summary-card strong{font-size:clamp(20px,8vw,28px)}
  .statistics-card-head,
  .statistics-map-head{display:grid;grid-template-columns:1fr;gap:10px}
  .statistics-map-mode{width:100%;min-width:0;border-radius:16px}
  .statistics-map-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .statistics-map-metrics>div{padding:10px;border-radius:16px}
  .statistics-map-shell{padding:8px;border-radius:20px;width:100%}
  .statistics-world-map{min-height:238px;border-radius:16px}
  .statistics-map-pin{--pin-size:38px!important;width:38px;height:38px;min-width:38px;max-width:38px;padding:0;font-size:11px}
  .statistics-map-pin::before{inset:-4px}
  .statistics-map-pin small{display:none}
  .statistics-map-insights{grid-template-columns:1fr;gap:8px}
  .statistics-map-insight{grid-template-columns:minmax(0,1fr) auto;padding:10px;border-radius:16px}
  .statistics-map-insight b{min-width:46px;height:30px}
  .statistics-map-legend{display:grid;grid-template-columns:1fr;gap:7px;font-size:.72rem}
  .statistics-side-stack,.statistics-data-grid{gap:12px}
  .statistics-list-row,.admin-visitor-country-row{grid-template-columns:minmax(0,1fr) auto;padding:10px;border-radius:15px}
  .statistics-list-row b,.admin-visitor-country-row b{font-size:.9rem}
  .statistics-table{min-width:660px}
}
@media(max-width:430px){
  .statistics-summary-grid,.statistics-map-metrics{grid-template-columns:1fr}
  .statistics-world-map{min-height:220px}
  .statistics-table{min-width:600px}
}

/* 2026-05-15 - İstatistik sayfası kesin mobil taşma kilidi */
@media(max-width:900px){
  html,body.panel-body.panel-role-admin{width:100%;max-width:100%;overflow-x:hidden!important}
  body.panel-body.panel-role-admin .panel-main,
  body.panel-body.panel-role-admin .panel-content{width:100%!important;max-width:100vw!important;min-width:0!important;overflow-x:hidden!important}
  body.panel-body.panel-role-admin .panel-content:has(.statistics-page){padding-left:10px!important;padding-right:10px!important}
}
.statistics-page{contain:inline-size;inline-size:100%;max-inline-size:100%;overflow-x:hidden!important}
.statistics-page :where(.statistics-kicker,.statistics-section-kicker){width:auto!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
.statistics-page :where(.statistics-card-head,.statistics-map-head,.statistics-toolbar){min-width:0!important;max-width:100%!important}
.statistics-page :where(.statistics-period-tabs,.statistics-map-mode,.statistics-live-card,.statistics-summary-card,.statistics-settings-card,.statistics-data-card,.admin-visitor-country-card,.admin-visitor-map-card){min-width:0!important;max-width:100%!important}
.statistics-page :where(.statistics-list-row,.admin-visitor-country-row,.statistics-map-insight){min-width:0!important;max-width:100%!important;overflow:hidden!important}
.statistics-page :where(.statistics-list-row strong,.statistics-list-row small,.admin-visitor-country-row strong,.admin-visitor-country-row small,.statistics-map-insight strong,.statistics-map-insight small){min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis;overflow-wrap:anywhere!important}
.statistics-page :where(.statistics-list-row b,.admin-visitor-country-row b,.statistics-map-insight b){max-width:84px;min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.statistics-page .statistics-world-map{position:relative;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
.statistics-page .statistics-world-map svg{left:0!important;right:0!important;width:100%!important;max-width:100%!important;min-width:0!important}
.statistics-page .statistics-map-pin{contain:layout paint;max-width:44px!important;max-height:44px!important;overflow:visible!important}
@media(max-width:760px){
  body.panel-body.panel-role-admin .panel-content:has(.statistics-page){padding-left:8px!important;padding-right:8px!important}
  .statistics-page{gap:12px!important}
  .statistics-page .statistics-hero,
  .statistics-page .statistics-settings-card,
  .statistics-page .statistics-summary-grid,
  .statistics-page .statistics-main-grid,
  .statistics-page .statistics-data-grid{width:100%!important;max-width:100%!important;min-width:0!important}
  .statistics-page .statistics-period-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;overflow:hidden!important}
  .statistics-page .statistics-period-tab{min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .statistics-page .statistics-list-row,
  .statistics-page .admin-visitor-country-row{grid-template-columns:minmax(0,1fr) minmax(44px,72px)!important;gap:8px!important}
  .statistics-page .statistics-map-insight{grid-template-columns:minmax(0,1fr) minmax(44px,64px)!important}
  .statistics-page .statistics-list-row b,
  .statistics-page .admin-visitor-country-row b,
  .statistics-page .statistics-map-insight b{max-width:72px!important;font-size:.82rem!important}
  .statistics-page .statistics-table-wrap{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
  .statistics-page .statistics-table{display:block!important;width:100%!important;min-width:0!important;border-collapse:separate!important;border-spacing:0!important;background:transparent!important}
  .statistics-page .statistics-table thead{display:none!important}
  .statistics-page .statistics-table tbody{display:grid!important;gap:10px!important;width:100%!important;min-width:0!important}
  .statistics-page .statistics-table tr{display:grid!important;width:100%!important;min-width:0!important;padding:10px 12px!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:16px!important;background:var(--card,#fff)!important;box-shadow:none!important;overflow:hidden!important}
  .statistics-page .statistics-table td{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:start!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:7px 0!important;border:0!important;border-bottom:1px solid rgba(148,163,184,.16)!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:anywhere!important;font-size:.84rem!important;line-height:1.35!important}
  .statistics-page .statistics-table td:last-child{border-bottom:0!important}
  .statistics-page .statistics-table td::before{display:block;color:var(--muted,#64748b);font-weight:900;font-size:.72rem;text-transform:uppercase;letter-spacing:.02em;line-height:1.25}
  .statistics-page .statistics-table td:nth-child(1)::before{content:"Durum"}
  .statistics-page .statistics-table td:nth-child(2)::before{content:"Ülke"}
  .statistics-page .statistics-table td:nth-child(3)::before{content:"Sayfa"}
  .statistics-page .statistics-table td:nth-child(4)::before{content:"Görüntüleme"}
  .statistics-page .statistics-table td:nth-child(5)::before{content:"Süre"}
  .statistics-page .statistics-table td:nth-child(6)::before{content:"Son sinyal"}
  .statistics-page .statistics-table td:nth-child(3){max-width:100%!important}
}
@media(max-width:430px){
  .statistics-page .statistics-summary-grid{grid-template-columns:1fr!important}
  .statistics-page .statistics-world-map{min-height:210px!important}
  .statistics-page .statistics-table td{grid-template-columns:82px minmax(0,1fr)!important;font-size:.8rem!important}
}


/* 2026-05-15 - İstatistik mobil kayma gerçek neden düzeltmesi: gizli checkbox taşması */
@media (max-width:900px){
  body.panel-body.panel-role-admin{
    overflow-x:hidden!important;
    max-width:100vw!important;
  }
  body.panel-body.panel-role-admin .panel-main,
  body.panel-body.panel-role-admin .panel-content,
  body.panel-body.panel-role-admin .statistics-page{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .statistics-page .statistics-settings-card{
    overflow:hidden!important;
  }
  .statistics-page .statistics-switch{
    position:relative!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .statistics-page .statistics-switch input[type="checkbox"]{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1px!important;
    height:1px!important;
    min-width:0!important;
    max-width:1px!important;
    min-height:0!important;
    max-height:1px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    opacity:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }
  .statistics-page .statistics-number-field,
  .statistics-page .statistics-number-field input,
  .statistics-page .statistics-settings-card .btn{
    min-width:0!important;
    max-width:100%!important;
  }
  .statistics-page .statistics-world-map,
  .statistics-page .admin-visitor-map{
    contain:layout paint!important;
    overflow:hidden!important;
  }
}

/* 2026-05-15 PWA yükleme ve kapalı uygulama bildirimi kartı */
.pwa-install-card{position:fixed;right:18px;bottom:18px;z-index:9998;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;width:min(420px,calc(100vw - 28px));padding:16px 44px 16px 16px;border:1px solid rgba(148,163,184,.26);border-radius:24px;background:color-mix(in srgb,var(--card,#fff) 92%,transparent);box-shadow:0 24px 70px rgba(15,23,42,.18);backdrop-filter:blur(18px);color:var(--text,#111827)}
.pwa-install-card[hidden]{display:none!important}.pwa-install-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--brand,#2563eb),#7c3aed);box-shadow:0 16px 40px rgba(37,99,235,.28);font-size:24px}.pwa-install-content{min-width:0}.pwa-install-content strong{display:block;font-size:16px;margin:0 0 4px}.pwa-install-content p{margin:0;color:var(--muted,#64748b);font-size:13px;line-height:1.45}.pwa-install-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pwa-install-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;border-radius:999px;background:rgba(148,163,184,.15);color:inherit;font-size:20px;line-height:1;cursor:pointer}.pwa-install-close:hover{background:rgba(148,163,184,.26)}
@media(max-width:640px){.pwa-install-card{left:12px;right:12px;bottom:12px;width:auto;grid-template-columns:42px minmax(0,1fr);border-radius:20px;padding:14px 40px 14px 14px}.pwa-install-icon{width:42px;height:42px;border-radius:15px;font-size:21px}.pwa-install-actions .btn{flex:1;justify-content:center;min-width:130px}}

/* 2026-05-15 - Bildirim hedefleri yönetim matrisi */
.notification-target-matrix{grid-column:1/-1;display:grid;gap:14px;min-width:0;width:100%}
.notification-target-matrix-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(14,165,233,.05))}
.notification-target-matrix-head strong{font-size:16px}.notification-target-matrix-head small{display:block;color:var(--muted,#64748b);line-height:1.45;max-width:780px}
.notification-target-table-wrap{width:100%;max-width:100%;overflow:auto;border:1px solid var(--line,#e5e7eb);border-radius:18px;background:var(--card,#fff)}
.notification-target-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.notification-target-table th,.notification-target-table td{padding:13px 14px;border-bottom:1px solid rgba(148,163,184,.18);text-align:center;vertical-align:middle}.notification-target-table th:first-child,.notification-target-table td:first-child{text-align:left;min-width:250px}.notification-target-table thead th{position:sticky;top:0;background:var(--card,#fff);z-index:1;color:var(--muted,#64748b);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.notification-target-table tbody tr:last-child td{border-bottom:0}.notification-target-table td strong{display:block;font-size:14px}.notification-target-table td small{display:block;margin-top:4px;color:var(--muted,#64748b);font-size:12px;line-height:1.35}.notification-target-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border:1px solid var(--line,#e5e7eb);border-radius:999px;background:rgba(148,163,184,.08);cursor:pointer;font-weight:900;font-size:12px}.notification-target-toggle input{width:16px!important;height:16px!important;min-width:16px!important;margin:0!important}.notification-target-toggle:has(input:checked){border-color:rgba(37,99,235,.45);background:rgba(37,99,235,.10);color:var(--brand,#2563eb)}
@media(max-width:760px){.notification-target-matrix-head{display:grid}.notification-target-table{min-width:0}.notification-target-table thead{display:none}.notification-target-table,.notification-target-table tbody,.notification-target-table tr,.notification-target-table td{display:block;width:100%;max-width:100%;min-width:0}.notification-target-table tr{padding:12px;border-bottom:1px solid var(--line,#e5e7eb)}.notification-target-table tr:last-child{border-bottom:0}.notification-target-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:0!important;padding:8px 0;text-align:right}.notification-target-table td:first-child{display:block;text-align:left;padding-bottom:10px}.notification-target-table td:not(:first-child)::before{content:attr(data-target-label);font-size:12px;font-weight:900;color:var(--muted,#64748b);text-align:left}.notification-target-table-wrap{overflow:hidden}.notification-target-toggle{min-width:88px}}

/* 2026-05-15 - Web Push durum kartı */
.settings-push-diagnostics{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:1rem 0;padding:1rem;border:1px solid var(--border,#e5e7eb);border-radius:18px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(16,185,129,.08));box-shadow:0 10px 26px rgba(15,23,42,.06)}
.settings-push-diagnostics>div{min-width:220px;flex:1 1 260px}.settings-push-diagnostics strong{display:block;color:var(--text,#111827)}.settings-push-diagnostics small{display:block;margin-top:.25rem;color:var(--muted,#6b7280);line-height:1.45}.push-diag-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .75rem;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.35);font-size:.85rem;font-weight:700;color:var(--text,#111827);white-space:nowrap}.push-diag-pill.ok{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.25);color:#047857}.push-diag-pill.warn{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.3);color:#92400e}@media(max-width:640px){.settings-push-diagnostics{display:grid;grid-template-columns:1fr;padding:.85rem}.settings-push-diagnostics>div{min-width:0}.push-diag-pill{justify-content:space-between;width:100%;white-space:normal}}


/* Admin comments flat page */
.admin-comments-page{display:grid;gap:18px}
.admin-comments-hero{display:flex;align-items:stretch;justify-content:space-between;gap:18px;padding:22px;border:1px solid rgba(148,163,184,.22);border-radius:24px;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(14,165,233,.06)),var(--card);box-shadow:0 18px 50px rgba(15,23,42,.08);overflow:hidden}
.admin-comments-hero h1{margin:5px 0 8px;font-size:clamp(26px,3vw,38px);letter-spacing:-.04em}
.admin-comments-hero p{margin:0;color:var(--muted);max-width:720px;line-height:1.65}
.admin-comments-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(37,99,235,.12);color:var(--brand);font-weight:800;font-size:12px}
.admin-comments-hero-note{min-width:250px;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:20px;background:rgba(255,255,255,.58);border:1px solid rgba(148,163,184,.18)}
html[data-theme="dark"] .admin-comments-hero-note{background:rgba(15,23,42,.42)}
.admin-comments-hero-note strong{font-size:15px}
.admin-comments-hero-note span{color:var(--muted);line-height:1.55}
.admin-comments-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.admin-comments-stat{padding:18px;border-radius:22px;background:var(--card);border:1px solid rgba(148,163,184,.18);box-shadow:0 14px 34px rgba(15,23,42,.06)}
.admin-comments-stat span{display:block;color:var(--muted);font-size:13px;font-weight:700}
.admin-comments-stat strong{display:block;margin-top:8px;font-size:30px;letter-spacing:-.04em}
.admin-comments-stat.success strong{color:#16a34a}.admin-comments-stat.warning strong{color:#d97706}.admin-comments-stat.danger strong{color:#dc2626}
.admin-comments-filter{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,.45fr) auto;align-items:end;gap:12px;padding:16px;border-radius:22px;background:var(--card);border:1px solid rgba(148,163,184,.18)}
.admin-comments-filter label{display:grid;gap:7px}
.admin-comments-filter label span{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.admin-comments-filter input,.admin-comments-filter select{width:100%;border:1px solid rgba(148,163,184,.28);background:var(--bg);color:var(--text);border-radius:14px;padding:12px 14px;outline:none}
.admin-comments-filter input:focus,.admin-comments-filter select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(37,99,235,.10)}
.admin-comments-filter-actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-comments-list{display:grid;gap:12px}
.admin-comment-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border-radius:22px;background:var(--card);border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 30px rgba(15,23,42,.055);position:relative;overflow:hidden}
.admin-comment-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand)}
.admin-comment-card.status-success:before{background:#16a34a}.admin-comment-card.status-warning:before{background:#d97706}.admin-comment-card.status-danger:before{background:#dc2626}
.admin-comment-card-main{display:flex;gap:13px;min-width:0}
.admin-comment-avatar{flex:0 0 auto;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),rgba(14,165,233,.8));color:white;font-weight:900;box-shadow:0 10px 24px rgba(37,99,235,.20)}
.admin-comment-content{min-width:0}
.admin-comment-topline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.admin-comment-topline strong{font-size:15px}.admin-comment-topline span{font-size:12px;color:var(--muted)}
.admin-comment-content p{margin:9px 0 10px;line-height:1.65;color:var(--text);word-break:break-word}
.admin-comment-meta{display:flex;gap:10px 14px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.admin-comment-meta a{color:var(--brand);font-weight:800;text-decoration:none}
.admin-comment-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:360px}
.badge-success{background:rgba(22,163,74,.12)!important;color:#16a34a!important}.badge-warning{background:rgba(217,119,6,.13)!important;color:#d97706!important}.badge-danger{background:rgba(220,38,38,.12)!important;color:#dc2626!important}
.admin-comments-empty{padding:28px;border-radius:22px;background:var(--card);border:1px dashed rgba(148,163,184,.38);text-align:center;color:var(--muted)}
.admin-comments-empty strong{display:block;color:var(--text);font-size:18px;margin-bottom:6px}
@media(max-width:900px){.admin-comments-hero{flex-direction:column}.admin-comments-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-comments-filter{grid-template-columns:1fr}.admin-comment-card{grid-template-columns:1fr}.admin-comment-actions{justify-content:flex-start;max-width:none}.admin-comments-filter-actions .btn{flex:1 1 auto}}
@media(max-width:560px){.admin-comments-page{gap:14px}.admin-comments-hero{padding:18px;border-radius:20px}.admin-comments-stats{grid-template-columns:1fr}.admin-comment-card{padding:14px;border-radius:18px}.admin-comment-card-main{gap:10px}.admin-comment-avatar{width:40px;height:40px;border-radius:14px}.admin-comment-actions .btn{width:100%;justify-content:center}.admin-comments-filter{padding:14px;border-radius:18px}}



/* 2026-05-16 - Yönetim bülten aboneleri flat tasarım */
.admin-newsletter-page{display:grid;gap:20px;max-width:100%;overflow:hidden}.admin-newsletter-page *{box-sizing:border-box}.admin-newsletter-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,360px);gap:18px;align-items:stretch;padding:22px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(14,165,233,.05)),var(--card);box-shadow:var(--shadow)}.admin-newsletter-hero h1{margin:8px 0 10px;font-size:clamp(26px,3.6vw,40px);letter-spacing:-.04em}.admin-newsletter-hero p{margin:0;color:var(--muted);line-height:1.7;max-width:760px}.admin-newsletter-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:var(--flat-soft);color:var(--brand);font-weight:900;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.admin-newsletter-health{display:grid;gap:8px;padding:18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.48);min-width:0}.admin-newsletter-health span,.admin-newsletter-health small{color:var(--muted);font-weight:800}.admin-newsletter-health strong{font-size:38px;line-height:1}.admin-newsletter-progress{height:10px;border-radius:999px;background:var(--line);overflow:hidden}.admin-newsletter-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),#22c55e)}.admin-newsletter-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-newsletter-stat{padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow);display:grid;gap:7px;min-width:0}.admin-newsletter-stat span,.admin-newsletter-stat small{color:var(--muted);font-weight:800}.admin-newsletter-stat strong{font-size:30px;letter-spacing:-.03em}.admin-newsletter-stat.success{border-color:rgba(34,197,94,.25)}.admin-newsletter-stat.warning{border-color:rgba(245,158,11,.25)}.admin-newsletter-stat.info{border-color:rgba(59,130,246,.25)}.admin-newsletter-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:16px;align-items:stretch}.admin-newsletter-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;padding:16px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow)}.admin-newsletter-filter label{margin:0;min-width:0}.admin-newsletter-filter label span{display:block;color:var(--muted);font-weight:900;font-size:12px;margin-bottom:6px}.admin-newsletter-filter-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-newsletter-last-send{padding:16px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow);display:grid;align-content:center;gap:6px;min-width:0}.admin-newsletter-last-send span,.admin-newsletter-last-send small{color:var(--muted);font-weight:800}.admin-newsletter-last-send strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-newsletter-weekly-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px;border-radius:26px;border:1px solid rgba(37,99,235,.20);background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(34,197,94,.05)),var(--card);box-shadow:var(--shadow)}.admin-newsletter-weekly-card h2{margin:8px 0 8px}.admin-newsletter-weekly-card p{margin:0;color:var(--muted);line-height:1.7}.admin-newsletter-weekly-card form{display:grid;gap:10px;justify-items:end}.admin-newsletter-workspace,.admin-newsletter-insights{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:start}.admin-newsletter-card{border-radius:24px!important;box-shadow:var(--shadow);min-width:0}.admin-newsletter-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.admin-newsletter-card-head>div{display:flex;align-items:center;gap:10px;min-width:0}.admin-newsletter-card-head>div>span{width:40px;height:40px;border-radius:14px;background:var(--flat-soft);display:inline-grid;place-items:center;flex:0 0 40px}.admin-newsletter-card-head h2{margin:0}.admin-newsletter-card-head small{color:var(--muted);line-height:1.5;max-width:560px}.admin-newsletter-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-newsletter-recipient-picker{border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--flat-soft);margin-top:8px}.admin-newsletter-recipient-picker summary{cursor:pointer;font-weight:900;color:var(--text)}.admin-newsletter-recipient-picker .newsletter-status{max-height:190px;overflow:auto;margin-top:12px}.admin-newsletter-insights .mini-list-item,.admin-newsletter-campaign{border-radius:16px;padding:12px;border:1px solid var(--line);background:var(--flat-soft);margin-top:8px}.admin-newsletter-subscribers{border-radius:24px!important}.admin-newsletter-sub-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0 16px}.admin-newsletter-sub-actions label{min-width:240px;margin:0}.admin-newsletter-list{display:grid;gap:10px}.admin-newsletter-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.admin-newsletter-row.is-passive{opacity:.78}.admin-newsletter-check{margin:0;display:inline-flex;align-items:center}.admin-newsletter-check input{width:18px;height:18px}.admin-newsletter-avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand),#22c55e);color:#fff;display:grid;place-items:center;font-weight:900;flex:0 0 42px}.admin-newsletter-main{min-width:0}.admin-newsletter-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-newsletter-main small{display:block;margin-top:4px;color:var(--muted);line-height:1.45}.admin-newsletter-row-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.admin-newsletter-empty{padding:20px;border:1px dashed var(--line);border-radius:18px;text-align:center;background:var(--flat-soft)}html[data-theme="dark"] .admin-newsletter-health{background:rgba(15,23,42,.48)}html[data-theme="dark"] .admin-newsletter-hero,html[data-theme="dark"] .admin-newsletter-weekly-card{background:var(--card)!important}@media(max-width:1100px){.admin-newsletter-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-newsletter-toolbar,.admin-newsletter-workspace,.admin-newsletter-insights{grid-template-columns:1fr}.admin-newsletter-filter{grid-template-columns:1fr 1fr}.admin-newsletter-filter-actions{grid-column:1/-1}.admin-newsletter-weekly-card{grid-template-columns:1fr}.admin-newsletter-weekly-card form{justify-items:start}}@media(max-width:760px){.admin-newsletter-hero{grid-template-columns:1fr;padding:18px;border-radius:22px}.admin-newsletter-stats{grid-template-columns:1fr}.admin-newsletter-filter{grid-template-columns:1fr}.admin-newsletter-card-head{display:grid}.admin-newsletter-form-grid{grid-template-columns:1fr}.admin-newsletter-row{grid-template-columns:auto minmax(0,1fr) auto}.admin-newsletter-avatar{display:none}.admin-newsletter-main{grid-column:2/-1}.admin-newsletter-row>.badge{grid-column:2}.admin-newsletter-row-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.admin-newsletter-row-actions .btn{width:100%;justify-content:center}.admin-newsletter-sub-actions{display:grid}.admin-newsletter-sub-actions label,.admin-newsletter-sub-actions .btn{width:100%;min-width:0}.admin-newsletter-last-send strong{white-space:normal}.admin-newsletter-weekly-card form .btn{width:100%}}


/* 2026-05-16 - Koyu mod logo mobil çift görünme düzeltmesi */
.site-logo-wrap.has-dark-logo .main-logo-dark,
.panel-logo-home-link.has-dark-logo .panel-brand-logo-dark{
  display:none!important;
  visibility:hidden!important;
}
.site-logo-wrap.has-dark-logo .main-logo-light,
.panel-logo-home-link.has-dark-logo .panel-brand-logo-light{
  display:block!important;
  visibility:visible!important;
}
html[data-theme="dark"] .site-logo-wrap.has-dark-logo .main-logo-light,
html[data-theme="dark"] .panel-logo-home-link.has-dark-logo .panel-brand-logo-light{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  max-width:0!important;
  max-height:0!important;
  overflow:hidden!important;
}
html[data-theme="dark"] .site-logo-wrap.has-dark-logo .main-logo-dark,
html[data-theme="dark"] .panel-logo-home-link.has-dark-logo .panel-brand-logo-dark{
  display:block!important;
  visibility:visible!important;
  width:auto!important;
  height:auto!important;
}
html:not([data-theme="dark"]) .site-logo-wrap.has-dark-logo .main-logo-dark,
html:not([data-theme="dark"]) .panel-logo-home-link.has-dark-logo .panel-brand-logo-dark{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  max-width:0!important;
  max-height:0!important;
  overflow:hidden!important;
}
@media(max-width:768px){
  .brand.site-logo-wrap.has-dark-logo .main-logo-light,
  .brand.site-logo-wrap.has-dark-logo .main-logo-dark{
    max-width:min(46vw,220px)!important;
    max-height:42px!important;
    object-fit:contain!important;
  }
  html[data-theme="dark"] .brand.site-logo-wrap.has-dark-logo .main-logo-light{
    display:none!important;
    width:0!important;
    max-width:0!important;
  }
  html[data-theme="dark"] .brand.site-logo-wrap.has-dark-logo .main-logo-dark{
    display:block!important;
  }
}


/* 2026-05-16 - Gelişmiş istatistik harita, cihaz, tarayıcı ve arama kelimesi raporları */
.statistics-map-help{display:block;margin-top:6px;color:var(--muted,#64748b);font-size:.78rem;line-height:1.45;max-width:820px}
.statistics-normal-world{position:absolute;inset:0;width:100%;height:100%;color:rgba(37,99,235,.22);filter:drop-shadow(0 18px 38px rgba(37,99,235,.08));pointer-events:none}
.statistics-world-map{position:relative;overflow:hidden;background:radial-gradient(circle at 57% 41%,rgba(34,197,94,.18),transparent 8%),radial-gradient(circle at 20% 38%,rgba(37,99,235,.18),transparent 10%),linear-gradient(135deg,rgba(14,165,233,.08),rgba(15,23,42,.03))}
.statistics-world-map .statistics-normal-world+*{position:relative;z-index:2}
.statistics-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
.statistics-list-row strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.statistics-table th,.statistics-table td{white-space:nowrap}.statistics-table td:nth-child(5),.statistics-table td:nth-child(6){max-width:230px;overflow:hidden;text-overflow:ellipsis}
html[data-theme="dark"] .statistics-normal-world{color:rgba(96,165,250,.28)}
@media(max-width:980px){.statistics-insight-grid{grid-template-columns:1fr}.statistics-table-wrap{overflow-x:auto}}
@media(max-width:760px){.statistics-table th,.statistics-table td{font-size:.78rem;padding:9px}.statistics-map-help{font-size:.74rem}.statistics-world-map{min-height:280px}.statistics-insight-grid{gap:12px}}


/* Popüler etiket widgeti */
.popular-tags-widget{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.popular-tag-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 9px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--text);text-decoration:none;font-weight:850;font-size:13px;transition:transform .18s ease,border-color .18s ease,background .18s ease;color:inherit}
.popular-tag-chip small{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(37,99,235,.10);color:var(--brand);font-size:11px;font-weight:900}
.popular-tag-chip:hover,.popular-tag-chip:focus-visible{transform:translateY(-1px);border-color:rgba(37,99,235,.35);background:rgba(37,99,235,.06);outline:0}

/* 2026-05-16 - Editörde yapıştırılan uzun/biçimli yazıların kaymasını önleme */
.article-editor-shell,
.article-editor-page-wrap,
.article-content-label,
.article-editor-shell .article-editor-main,
.article-editor-shell .article-flat-section,
.article-editor-shell .tox-tinymce,
.article-editor-shell .tox-editor-container,
.article-editor-shell .tox-sidebar-wrap,
.article-editor-shell .tox-edit-area,
.article-editor-shell .tox-edit-area__iframe{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.article-editor-shell .tox-edit-area,
.article-editor-shell .tox-edit-area__iframe{
  overflow:hidden!important;
}
.article-editor-shell textarea.rich-editor,
.article-editor-shell textarea.rich-editor[data-editor-fallback="1"]{
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  resize:vertical!important;
}
.article-content,
.article-content p,
.article-content div,
.article-content section,
.article-content article,
.article-content blockquote,
.article-content li,
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.article-content table{
  width:100%!important;
  max-width:100%!important;
  table-layout:fixed;
  overflow-wrap:anywhere;
}
.article-content img,
.article-content video,
.article-content iframe{
  max-width:100%!important;
}
@media(max-width:760px){
  .article-editor-shell .tox-tinymce{
    width:100%!important;
    max-width:100vw!important;
  }
  .article-editor-shell .tox .tox-toolbar__primary,
  .article-editor-shell .tox .tox-toolbar-overlord,
  .article-editor-shell .tox .tox-menubar{
    max-width:100%!important;
  }
}


/* 2026-05-16 - Kapak görseli merkezleme ve tam sığdırma düzeltmesi */
.article-cover-frame,
.article-preview-cover-frame,
.article-cover-preview-frame{
  position:relative;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(148,163,184,.14),rgba(37,99,235,.055))!important;
}
.article-cover-frame,
.article-preview-cover-frame{
  aspect-ratio:16/9;
}
.article-cover-frame .article-cover-image,
.article-preview-cover-frame .article-preview-cover,
.article-cover-preview-frame img,
.article-preview-card .article-preview-cover{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
}
.article-preview-card > .card-body > img.article-preview-cover{
  aspect-ratio:16/9!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(148,163,184,.14),rgba(37,99,235,.055))!important;
}
.article-cover-preview-frame{
  aspect-ratio:16/9;
  min-height:150px;
  padding:8px;
}
.article-cover-preview-frame img{
  border-radius:16px!important;
  background:transparent!important;
}
.article-card img,
.article-card-media img,
.home-slide img,
.home-category-editorial-thumb img,
.home-category-mosaic-card img,
.writer-article-thumb img,
.writer-home-article-thumb img{
  object-position:center center!important;
}
@media(max-width:640px){
  .article-cover-preview-frame{min-height:120px;padding:6px}
  .article-cover-frame,.article-preview-cover-frame{border-radius:18px!important}
}
/* 2026-05-17 - PWA ayarlarındaki logo kartta ve manifestte kullanılır */
.pwa-install-icon{overflow:hidden}
.pwa-install-icon.has-custom-icon{background:var(--card,#fff);border:1px solid var(--line,#e5e7eb);padding:3px}
.pwa-install-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* 2026-05-17 editor toolbar/media layout and mobile copy/paste usability */
.article-editor-tools-grid-safe,
.article-editor-shell .article-editor-tools-grid-safe{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 16px!important;
  overflow:visible!important;
}
.article-editor-tools-grid-safe > .editor-media-launch,
.article-editor-tools-grid-safe > .editor-embed-tools{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  align-self:stretch!important;
  overflow:visible!important;
}
.article-editor-tools-grid-safe .editor-media-launch{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
}
.article-editor-tools-grid-safe .editor-embed-tools .grid.two,
.article-editor-tools-grid-safe .editor-embed-tools .actions{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.article-editor-shell .tox-tinymce,
.article-form-fixed .tox-tinymce,
.hp-writing-editor{
  clear:both!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.hp-writing-editor .tox-editor-container,
.hp-writing-editor .tox-toolbar-overlord,
.hp-writing-editor .tox-toolbar__primary,
.hp-writing-editor .tox-menubar,
.hp-writing-editor .tox-edit-area,
.hp-writing-editor .tox-sidebar-wrap{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.hp-writing-editor .tox-toolbar__primary,
.hp-writing-editor .tox-toolbar,
.hp-writing-editor .tox-toolbar__group{
  flex-wrap:wrap!important;
  white-space:normal!important;
}
.hp-writing-editor .tox-tbtn{
  flex:0 0 auto!important;
}
.hp-writing-editor .tox-edit-area__iframe{
  -webkit-user-select:text!important;
  user-select:text!important;
  -webkit-touch-callout:default!important;
  touch-action:auto!important;
}
html[data-theme="dark"] .hp-writing-editor,
html[data-theme="dark"] .hp-writing-editor .tox-editor-header,
html[data-theme="dark"] .hp-writing-editor .tox-toolbar-overlord,
html[data-theme="dark"] .hp-writing-editor .tox-toolbar__primary,
html[data-theme="dark"] .hp-writing-editor .tox-toolbar,
html[data-theme="dark"] .hp-writing-editor .tox-menubar,
html[data-theme="dark"] .hp-writing-editor .tox-statusbar{
  background:#0b1020!important;
  border-color:#293145!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] .hp-writing-editor .tox-tbtn,
html[data-theme="dark"] .hp-writing-editor .tox-mbtn,
html[data-theme="dark"] .hp-writing-editor .tox-tbtn svg,
html[data-theme="dark"] .hp-writing-editor .tox-mbtn__select-label{
  color:#f8fafc!important;
  fill:#f8fafc!important;
}
html[data-theme="dark"] .article-editor-shell textarea.rich-editor,
html[data-theme="dark"] .article-editor-shell .tox-edit-area,
html[data-theme="dark"] .article-editor-shell .tox-edit-area__iframe{
  background:#0b1020!important;
  color:#f8fafc!important;
}
@media (max-width:980px){
  .article-editor-tools-grid-safe,
  .article-editor-shell .article-editor-tools-grid-safe{
    grid-template-columns:1fr!important;
  }
  .article-editor-tools-grid-safe .editor-media-launch{
    grid-template-columns:1fr!important;
  }
  .article-editor-tools-grid-safe .editor-media-launch .btn,
  .article-editor-tools-grid-safe .editor-embed-tools .btn{
    width:100%!important;
    justify-content:center!important;
  }
}
@media (max-width:760px){
  .article-content-label{overflow:visible!important}
  .hp-writing-editor-safe-mobile,
  .hp-writing-editor-safe-mobile .tox-editor-container{
    min-height:520px!important;
    height:auto!important;
  }
  .hp-writing-editor-safe-mobile .tox-editor-header{
    position:relative!important;
    z-index:4!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .hp-writing-editor-safe-mobile .tox-toolbar-overlord,
  .hp-writing-editor-safe-mobile .tox-toolbar__primary{
    overflow-x:visible!important;
    overflow-y:visible!important;
  }
  .hp-writing-editor-safe-mobile .tox-edit-area{
    min-height:390px!important;
    position:relative!important;
    z-index:2!important;
  }
  .hp-writing-editor-safe-mobile .tox-edit-area__iframe{
    min-height:390px!important;
    -webkit-user-select:text!important;
    user-select:text!important;
    -webkit-touch-callout:default!important;
  }
}

/* 2026-05-17 - Mobil editörde kopyala + tümünü seç + yapıştır seçilebilirlik iyileştirmesi */
.hp-writing-editor .hp-editor-text-action,
.hp-writing-editor .tox-tbtn.hp-editor-text-action{
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  padding:0 10px!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.hp-writing-editor .hp-editor-text-action .tox-tbtn__select-label,
.hp-writing-editor .tox-tbtn.hp-editor-text-action .tox-tbtn__select-label{
  display:block!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-weight:900!important;
}
.hp-writing-editor .tox-edit-area,
.hp-writing-editor .tox-edit-area__iframe,
.article-editor-shell textarea.rich-editor{
  -webkit-user-select:text!important;
  user-select:text!important;
  -webkit-touch-callout:default!important;
  touch-action:auto!important;
}
@media (max-width:760px){
  .hp-writing-editor .tox-toolbar__primary,
  .hp-writing-editor .tox-toolbar,
  .hp-writing-editor .tox-toolbar__group{
    gap:4px!important;
  }
  .hp-writing-editor .tox-tbtn.hp-editor-text-action{
    height:32px!important;
    min-height:32px!important;
    padding:0 9px!important;
    border:1px solid var(--line,#e5e7eb)!important;
    border-radius:999px!important;
    background:var(--bg,#f8fafc)!important;
  }
  .hp-writing-editor .tox-tbtn.hp-editor-text-action .tox-tbtn__select-label{
    font-size:11.25px!important;
    letter-spacing:-.01em!important;
  }
  .hp-writing-editor-safe-mobile .tox-edit-area__iframe,
  .hp-writing-editor-mobile-unblocked .tox-edit-area__iframe{
    -webkit-user-select:text!important;
    user-select:text!important;
    -webkit-touch-callout:default!important;
    touch-action:auto!important;
  }
}
html[data-theme="dark"] .hp-writing-editor .tox-tbtn.hp-editor-text-action{
  background:#111827!important;
  border-color:#293145!important;
  color:#f8fafc!important;
}

/* 2026-05-17 - Bildirim açılır menüsü mobil/masaüstü düzen iyileştirmesi */
.live-notification-dropdown{
  width:min(460px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.live-notification-dropdown:not([hidden]){
  display:flex!important;
  flex-direction:column!important;
}
.live-notification-dropdown.hp-dropdown-fixed{
  width:min(460px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
}
.live-notification-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.live-notification-head>div{
  min-width:0!important;
  width:100%!important;
}
.live-notification-head strong,
.live-notification-head small{
  max-width:100%!important;
}
.live-notification-head small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.live-notification-mark-all{
  min-width:max-content!important;
  max-width:170px!important;
  white-space:nowrap!important;
}
.live-notification-list{
  width:100%!important;
  min-width:0!important;
  align-content:start!important;
  overscroll-behavior:contain!important;
}
.live-notification-item,
.live-notification-item.has-count,
.live-notification-user-dropdown .live-notification-item,
.live-notification-writer-dropdown .live-notification-item,
.live-notification-admin-dropdown .live-notification-item{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  grid-auto-flow:row!important;
  align-items:start!important;
  gap:10px!important;
  overflow:hidden!important;
}
.live-notification-item:not(.has-count),
.live-notification-user-dropdown .live-notification-item:not(.has-count),
.live-notification-writer-dropdown .live-notification-item:not(.has-count),
.live-notification-admin-dropdown .live-notification-item:not(.has-count){
  grid-template-columns:42px minmax(0,1fr)!important;
}
.live-notification-item-icon{
  grid-column:1!important;
  grid-row:1 / span 3!important;
  align-self:start!important;
  flex:0 0 auto!important;
}
.live-notification-item-body,
.live-notification-user-dropdown .live-notification-item-body,
.live-notification-writer-dropdown .live-notification-item-body,
.live-notification-admin-dropdown .live-notification-item-body{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding-right:0!important;
  overflow:hidden!important;
}
.live-notification-title,
.live-notification-message,
.live-notification-time,
.live-notification-item-body strong,
.live-notification-item-body small,
.live-notification-item-body em{
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.live-notification-title,
.live-notification-item-body strong{
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
}
.live-notification-message,
.live-notification-item-body small{
  display:-webkit-box!important;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
}
.live-notification-time,
.live-notification-item-body em{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.live-notification-item.has-count .live-notification-item-count{
  position:static!important;
  grid-column:3!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:end!important;
  margin:0!important;
  white-space:nowrap!important;
  z-index:1!important;
}
.live-notification-all{
  width:100%!important;
  box-sizing:border-box!important;
  text-align:center!important;
}
html[data-theme="dark"] .live-notification-dropdown{
  box-shadow:0 24px 70px rgba(0,0,0,.45)!important;
}
@media(max-width:720px){
  .live-notification-dropdown,
  .live-notification-dropdown.hp-dropdown-fixed,
  .public-top-notification-dropdown,
  .public-top-notification-dropdown.hp-dropdown-fixed{
    left:8px!important;
    right:8px!important;
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    border-radius:20px!important;
  }
  .live-notification-head{
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:8px!important;
  }
  .live-notification-head small{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .live-notification-mark-all{
    justify-self:start!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    text-align:left!important;
  }
  .live-notification-item,
  .live-notification-item.has-count,
  .live-notification-user-dropdown .live-notification-item,
  .live-notification-writer-dropdown .live-notification-item,
  .live-notification-admin-dropdown .live-notification-item{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:9px!important;
    padding:11px!important;
    position:relative!important;
  }
  .live-notification-item.has-count,
  .live-notification-user-dropdown .live-notification-item.has-count,
  .live-notification-writer-dropdown .live-notification-item.has-count,
  .live-notification-admin-dropdown .live-notification-item.has-count{
    padding-right:56px!important;
  }
  .live-notification-item.has-count .live-notification-item-body,
  .live-notification-user-dropdown .live-notification-item.has-count .live-notification-item-body,
  .live-notification-writer-dropdown .live-notification-item.has-count .live-notification-item-body,
  .live-notification-admin-dropdown .live-notification-item.has-count .live-notification-item-body{
    padding-right:4px!important;
  }
  .live-notification-item.has-count .live-notification-item-count{
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    grid-column:auto!important;
    grid-row:auto!important;
    justify-self:auto!important;
    align-self:auto!important;
    margin:0!important;
    min-width:28px!important;
    height:24px!important;
    padding:0 8px!important;
    display:inline-grid!important;
    place-items:center!important;
    z-index:3!important;
  }
  .live-notification-title,
  .live-notification-item-body strong{
    -webkit-line-clamp:3;
  }
  .live-notification-message,
  .live-notification-item-body small,
  .live-notification-user-dropdown .live-notification-message,
  .live-notification-writer-dropdown .live-notification-message{
    -webkit-line-clamp:4;
  }
  .live-notification-list{
    max-height:calc(100vh - 190px)!important;
  }
}
@media(min-width:721px){
  .public-top-notification-dropdown.hp-dropdown-fixed,
  .live-notification-dropdown.hp-dropdown-fixed{
    max-height:min(620px,calc(100vh - 28px))!important;
  }
  .live-notification-list{
    max-height:min(460px,calc(100vh - 180px))!important;
  }
}

/* 2026-05-17 - kesin düzeltme: editör yapıştırma kayması ve mobil bildirim sayacı */
.article-form-fixed .rich-editor-wrap,
.article-form-fixed .tox,
.article-form-fixed .tox-tinymce,
.hp-writing-editor,
.hp-writing-editor .tox,
.hp-writing-editor .tox-tinymce,
.hp-writing-editor .tox-editor-container,
.hp-writing-editor .tox-sidebar-wrap,
.hp-writing-editor .tox-edit-area,
.hp-writing-editor .tox-edit-area__iframe{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
.article-form-fixed .article-content-field,
.article-form-fixed .article-content-field > label,
.article-form-fixed .article-content-field > textarea.rich-editor,
.article-editor-shell,
.article-editor-shell textarea.rich-editor{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
.hp-writing-editor .tox-edit-area__iframe{
  display:block!important;
  min-width:0!important;
  border:0!important;
}
.hp-writing-editor .tox-editor-header,
.hp-writing-editor .tox-toolbar-overlord,
.hp-writing-editor .tox-toolbar,
.hp-writing-editor .tox-toolbar__primary,
.hp-writing-editor .tox-toolbar__group{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  .article-form-fixed .tox-tinymce,
  .hp-writing-editor.tox-tinymce{
    min-height:620px!important;
  }
  .hp-writing-editor .tox-editor-header{
    max-height:238px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .hp-writing-editor .tox-toolbar__primary{
    white-space:normal!important;
    flex-wrap:wrap!important;
  }
}
@media(max-width:720px){
  a.live-notification-item.has-count,
  .live-notification-item.has-count,
  .live-notification-user-dropdown a.live-notification-item.has-count,
  .live-notification-writer-dropdown a.live-notification-item.has-count,
  .live-notification-admin-dropdown a.live-notification-item.has-count{
    position:relative!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    align-items:start!important;
    gap:9px!important;
    padding:12px 58px 12px 11px!important;
    min-height:64px!important;
    overflow:hidden!important;
  }
  a.live-notification-item.has-count > .live-notification-item-icon,
  .live-notification-item.has-count > .live-notification-item-icon{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:start!important;
  }
  a.live-notification-item.has-count > .live-notification-item-body,
  .live-notification-item.has-count > .live-notification-item-body,
  .live-notification-user-dropdown a.live-notification-item.has-count > .live-notification-item-body,
  .live-notification-writer-dropdown a.live-notification-item.has-count > .live-notification-item-body,
  .live-notification-admin-dropdown a.live-notification-item.has-count > .live-notification-item-body{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
  }
  a.live-notification-item.has-count > .live-notification-item-count,
  .live-notification-item.has-count > .live-notification-item-count,
  .live-notification-user-dropdown a.live-notification-item.has-count > .live-notification-item-count,
  .live-notification-writer-dropdown a.live-notification-item.has-count > .live-notification-item-count,
  .live-notification-admin-dropdown a.live-notification-item.has-count > .live-notification-item-count{
    position:absolute!important;
    top:8px!important;
    right:8px!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    grid-column:auto!important;
    grid-row:auto!important;
    float:none!important;
    margin:0!important;
    min-width:28px!important;
    max-width:44px!important;
    height:24px!important;
    padding:0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    line-height:1!important;
    font-size:11px!important;
    font-weight:950!important;
    white-space:nowrap!important;
    z-index:20!important;
    pointer-events:none!important;
  }
}

/* 2026-05-17 - Masaüstü yazı editörü kayma/toolbar stabilizasyonu (mobil kurallara dokunmaz) */
@media (min-width:761px){
  .article-editor-shell .hp-writing-editor-desktop-stable.tox-tinymce,
  .article-form-fixed .hp-writing-editor-desktop-stable.tox-tinymce,
  .hp-writing-editor-desktop-stable.tox-tinymce{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }
  .hp-writing-editor-desktop-stable .tox-editor-container,
  .hp-writing-editor-desktop-stable .tox-sidebar-wrap,
  .hp-writing-editor-desktop-stable .tox-edit-area,
  .hp-writing-editor-desktop-stable .tox-edit-area__iframe{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .hp-writing-editor-desktop-stable .tox-editor-header{
    position:relative!important;
    z-index:2!important;
    max-height:none!important;
    overflow:visible!important;
    flex:0 0 auto!important;
  }
  .hp-writing-editor-desktop-stable .tox-menubar,
  .hp-writing-editor-desktop-stable .tox-toolbar-overlord,
  .hp-writing-editor-desktop-stable .tox-toolbar__primary{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
  }
  .hp-writing-editor-desktop-stable .tox-toolbar__primary,
  .hp-writing-editor-desktop-stable .tox-toolbar,
  .hp-writing-editor-desktop-stable .tox-toolbar__group{
    flex-wrap:wrap!important;
    align-items:center!important;
    white-space:normal!important;
  }
  .hp-writing-editor-desktop-stable .tox-toolbar__group{
    margin:2px!important;
    max-width:100%!important;
  }
  .hp-writing-editor-desktop-stable .tox-tbtn,
  .hp-writing-editor-desktop-stable .tox-split-button,
  .hp-writing-editor-desktop-stable .tox-mbtn{
    flex:0 0 auto!important;
  }
  .hp-writing-editor-desktop-stable .tox-edit-area{
    position:relative!important;
    z-index:1!important;
    min-height:460px!important;
    overflow:hidden!important;
    background:var(--card,#fff)!important;
  }
  .hp-writing-editor-desktop-stable .tox-edit-area__iframe{
    display:block!important;
    min-height:460px!important;
    border:0!important;
    background:#fff!important;
  }
  .article-editor-shell textarea.rich-editor[data-editor-fallback="1"]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  html[data-theme="dark"] .hp-writing-editor-desktop-stable .tox-edit-area,
  html[data-theme="dark"] .hp-writing-editor-desktop-stable .tox-edit-area__iframe{
    background:#0b1020!important;
    color:#f8fafc!important;
  }
}


/* 2026-05-17 Panel unified scroll + desktop editor full menu fix */
@media (min-width:901px){
  body.panel-body{
    display:flex!important;
    align-items:stretch!important;
    min-height:100vh!important;
    overflow-x:hidden!important;
  }
  body.panel-body>.sidebar{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    width:284px!important;
    flex:0 0 284px!important;
    min-height:100vh!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    align-self:stretch!important;
  }
  body.panel-body>.sidebar .sidebar-head,
  body.panel-body>.sidebar .panel-brand,
  body.panel-body>.sidebar .side-nav{
    position:static!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.panel-body>.sidebar .side-nav{
    display:grid!important;
    padding-bottom:24px!important;
  }
  body.panel-body>.panel-main{
    margin-left:0!important;
    flex:1 1 auto!important;
    width:calc(100% - 284px)!important;
    min-width:0!important;
  }
}
.public-user-dropdown,
.panel-account-dropdown,
.public-user-menu-list{
  max-height:none!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
}
.panel-account-dropdown.hp-dropdown-fixed,
.public-user-dropdown.hp-dropdown-fixed{
  overflow:visible!important;
}
@media (max-width:900px){
  .panel-account-dropdown,
  .public-user-dropdown,
  .public-user-menu-list{
    max-height:none!important;
    overflow:visible!important;
  }
}
@media (min-width:761px){
  .article-editor-v2 .tox,
  .article-editor-v2 .tox-tinymce,
  .article-editor-v2 .tox-editor-container{
    overflow:visible!important;
  }
  .article-editor-v2 .tox-editor-header{
    position:relative!important;
    z-index:50!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .article-editor-v2 .tox .tox-menubar{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:4px!important;
    min-height:38px!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:5px 6px!important;
  }
  .article-editor-v2 .tox .tox-mbtn{
    flex:0 0 auto!important;
    height:32px!important;
    margin:0!important;
    border-radius:8px!important;
  }
  .article-editor-v2 .tox .tox-toolbar-overlord,
  .article-editor-v2 .tox .tox-toolbar,
  .article-editor-v2 .tox .tox-toolbar__primary{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  .article-editor-v2 .tox .tox-toolbar__group{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:3px!important;
    min-height:34px!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
  }
  .article-editor-v2 .tox .tox-tbtn,
  .article-editor-v2 .tox .tox-split-button{
    flex:0 0 auto!important;
    margin:2px!important;
  }
  .article-editor-v2 .tox .tox-edit-area{
    position:relative!important;
    z-index:1!important;
    overflow:hidden!important;
    min-height:460px!important;
  }
}
.tox .tox-menu,
.tox .tox-collection,
.tox .tox-pop,
.tox .tox-dialog-wrap{
  max-height:none!important;
}
.tox .tox-menu,
.tox .tox-collection{
  overflow:visible!important;
}

/* 2026-05-17 User menu natural scroll override */
@media (max-width:640px){
  .public-user-menu,
  .panel-top-actions .panel-account-menu{position:relative!important;overflow:visible!important}
  .public-user-dropdown,
  .panel-top-actions .panel-account-dropdown{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    width:min(330px,calc(100vw - 20px))!important;
    max-width:min(330px,calc(100vw - 20px))!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .public-user-dropdown:before,
  .panel-top-actions .panel-account-dropdown:before{display:none!important}
}


/* 2026-05-17 - Kullanıcı menüsü butonun hemen altında açılsın + masaüstü editör menü/toolbar toparlama */
.site-header .nav-actions,
.panel-top,
.panel-top-actions,
body.panel-body .panel-top-actions,
.public-user-menu,
.panel-top-actions .panel-account-menu{
  overflow:visible!important;
}
.public-user-menu,
.panel-top-actions .panel-account-menu{
  position:relative!important;
}
.public-user-dropdown,
.public-user-dropdown.hp-dropdown-fixed,
.panel-top-actions .panel-account-dropdown,
.panel-top-actions .panel-account-dropdown.hp-dropdown-fixed{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  right:0!important;
  left:auto!important;
  bottom:auto!important;
  width:min(330px,calc(100vw - 20px))!important;
  max-width:min(330px,calc(100vw - 20px))!important;
  max-height:none!important;
  overflow:visible!important;
  overflow-y:visible!important;
  margin:0!important;
  transform:none!important;
  z-index:100200!important;
}
.public-user-dropdown:before,
.public-user-dropdown.hp-dropdown-fixed:before,
.panel-top-actions .panel-account-dropdown:before,
.panel-top-actions .panel-account-dropdown.hp-dropdown-fixed:before{
  display:block!important;
  top:-7px!important;
  right:18px!important;
}
.public-user-menu-list,
.public-user-dropdown .public-user-menu-list,
.panel-account-dropdown .public-user-menu-list{
  max-height:none!important;
  overflow:visible!important;
  overflow-y:visible!important;
}
@media(max-width:980px){
  .public-user-dropdown,
  .public-user-dropdown.hp-dropdown-fixed,
  .panel-top-actions .panel-account-dropdown,
  .panel-top-actions .panel-account-dropdown.hp-dropdown-fixed{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    width:min(330px,calc(100vw - 16px))!important;
    max-width:min(330px,calc(100vw - 16px))!important;
    border-radius:18px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .public-user-dropdown:before,
  .public-user-dropdown.hp-dropdown-fixed:before,
  .panel-top-actions .panel-account-dropdown:before,
  .panel-top-actions .panel-account-dropdown.hp-dropdown-fixed:before{
    display:block!important;
    right:13px!important;
  }
}
@media(max-width:420px){
  .public-user-dropdown,
  .public-user-dropdown.hp-dropdown-fixed,
  .panel-top-actions .panel-account-dropdown,
  .panel-top-actions .panel-account-dropdown.hp-dropdown-fixed{
    width:min(318px,calc(100vw - 12px))!important;
    max-width:min(318px,calc(100vw - 12px))!important;
  }
}
@media(min-width:761px){
  .article-editor-shell .hp-writing-editor-desktop-stable.tox-tinymce,
  .article-editor-shell .hp-writing-editor-desktop-compact.tox-tinymce,
  .article-editor-shell .hp-writing-editor.tox-tinymce,
  .article-editor-shell .tox-tinymce{
    overflow:hidden!important;
  }
  .article-editor-shell .tox .tox-editor-header,
  .article-editor-shell .hp-writing-editor-desktop-stable .tox-editor-header{
    position:relative!important;
    z-index:20!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .article-editor-shell .tox .tox-menubar,
  .article-editor-shell .hp-writing-editor-desktop-stable .tox-menubar{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:38px!important;
    max-height:none!important;
    padding:5px 8px!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    white-space:normal!important;
  }
  .article-editor-shell .tox .tox-menubar .tox-mbtn,
  .article-editor-shell .hp-writing-editor-desktop-stable .tox-menubar .tox-mbtn{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 10px!important;
    margin:0!important;
    border-radius:8px!important;
    white-space:nowrap!important;
  }
  .article-editor-shell .tox .tox-menubar .tox-mbtn__select-label,
  .article-editor-shell .hp-writing-editor-desktop-stable .tox-menubar .tox-mbtn__select-label{
    display:inline-block!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  .article-editor-shell .tox .tox-toolbar-overlord,
  .article-editor-shell .tox .tox-toolbar,
  .article-editor-shell .tox .tox-toolbar__primary,
  .article-editor-shell .tox .tox-toolbar__overflow,
  .article-editor-shell .hp-writing-editor-desktop-stable .tox-toolbar-overlord,
  .article-editor-shell .hp-writing-editor-desktop-stable .tox-toolbar,
  .article-editor-shell .hp-writing-editor-desktop-stable .tox-toolbar__primary,
  .article-editor-shell .hp-writing-editor-desktop-stable .tox-toolbar__overflow{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:4px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:40px!important;
    height:auto!important;
    max-height:none!important;
    padding:3px 6px!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    white-space:normal!important;
  }
  .article-editor-shell .tox .tox-toolbar__group,
  .article-editor-shell .hp-writing-editor-desktop-stable .tox-toolbar__group{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:3px!important;
    height:auto!important;
    max-height:none!important;
    min-height:34px!important;
    padding:3px!important;
    margin:0!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  .article-editor-shell .tox .tox-tbtn,
  .article-editor-shell .tox .tox-split-button,
  .article-editor-shell .hp-writing-editor-desktop-stable .tox-tbtn,
  .article-editor-shell .hp-writing-editor-desktop-stable .tox-split-button{
    flex:0 0 auto!important;
    margin:1px!important;
  }
  .article-editor-shell .tox .tox-tbtn.hp-editor-text-action,
  .article-editor-shell .tox .tox-tbtn[aria-label*="Kopyala"],
  .article-editor-shell .tox .tox-tbtn[aria-label*="Yapıştır"],
  .article-editor-shell .tox .tox-tbtn[aria-label*="Tümünü"],
  .article-editor-shell .tox .tox-tbtn[title*="Kopyala"],
  .article-editor-shell .tox .tox-tbtn[title*="Yapıştır"],
  .article-editor-shell .tox .tox-tbtn[title*="Tümünü"]{
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    padding:0 9px!important;
    white-space:nowrap!important;
  }
  .article-editor-shell .tox .tox-tbtn--select,
  .article-editor-shell .hp-writing-editor-desktop-stable .tox-tbtn--select{
    width:auto!important;
    min-width:92px!important;
    max-width:180px!important;
  }
  .article-editor-shell .tox .tox-edit-area,
  .article-editor-shell .hp-writing-editor-desktop-stable .tox-edit-area{
    position:relative!important;
    z-index:1!important;
    overflow:hidden!important;
  }
}


/* 2026-05-17 - Desktop TinyMCE writable layer fix (mobile rules untouched) */
@media (min-width: 761px){
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-stable,
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-compact,
  .article-editor-shell .tox-tinymce.hp-writing-editor{
    display:flex!important;
    flex-direction:column!important;
    height:680px!important;
    min-height:620px!important;
    max-height:none!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-stable .tox-editor-container,
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-compact .tox-editor-container,
  .article-editor-shell .tox-tinymce.hp-writing-editor .tox-editor-container{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    height:100%!important;
    min-height:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-stable .tox-editor-header,
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-compact .tox-editor-header,
  .article-editor-shell .tox-tinymce.hp-writing-editor .tox-editor-header{
    position:static!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    overflow:visible!important;
    z-index:auto!important;
    pointer-events:auto!important;
  }
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-stable .tox-menubar,
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-stable .tox-toolbar-overlord,
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-stable .tox-toolbar__primary,
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-compact .tox-menubar,
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-compact .tox-toolbar-overlord,
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-compact .tox-toolbar__primary,
  .article-editor-shell .tox-tinymce.hp-writing-editor .tox-menubar,
  .article-editor-shell .tox-tinymce.hp-writing-editor .tox-toolbar-overlord,
  .article-editor-shell .tox-tinymce.hp-writing-editor .tox-toolbar__primary{
    position:relative!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    white-space:normal!important;
    pointer-events:auto!important;
  }
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-stable .tox-sidebar-wrap,
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-compact .tox-sidebar-wrap,
  .article-editor-shell .tox-tinymce.hp-writing-editor .tox-sidebar-wrap{
    position:relative!important;
    display:flex!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    z-index:1!important;
    pointer-events:auto!important;
  }
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-stable .tox-edit-area,
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-compact .tox-edit-area,
  .article-editor-shell .tox-tinymce.hp-writing-editor .tox-edit-area{
    position:relative!important;
    display:flex!important;
    flex:1 1 auto!important;
    min-height:420px!important;
    height:auto!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    z-index:5!important;
    pointer-events:auto!important;
  }
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-stable .tox-edit-area__iframe,
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-compact .tox-edit-area__iframe,
  .article-editor-shell .tox-tinymce.hp-writing-editor .tox-edit-area__iframe{
    position:relative!important;
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:420px!important;
    height:100%!important;
    z-index:10!important;
    pointer-events:auto!important;
    background:var(--card,#fff)!important;
  }
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-stable .tox-edit-area:before,
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-stable .tox-edit-area:after,
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-compact .tox-edit-area:before,
  .article-editor-shell .tox-tinymce.hp-writing-editor-desktop-compact .tox-edit-area:after,
  .article-editor-shell .tox-tinymce.hp-writing-editor .tox-edit-area:before,
  .article-editor-shell .tox-tinymce.hp-writing-editor .tox-edit-area:after{
    pointer-events:none!important;
  }
}


/* 2026-05-18 - Mobil panel yan menü tek sayfa kaydırma düzeltmesi */
@media (max-width:900px){
  body.panel-body{
    display:block!important;
    min-height:100vh!important;
    height:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  body.panel-body>.sidebar{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:auto!important;
  }
  body.panel-body .side-nav.panel-mobile-flow-nav,
  body.panel-body .side-nav.open,
  body.panel-body>.sidebar .side-nav.open,
  body.panel-body>.panel-main>.side-nav.open{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    overflow-y:visible!important;
    overscroll-behavior:auto!important;
    -webkit-overflow-scrolling:auto!important;
    padding:10px 12px 12px!important;
    margin:0!important;
    background:var(--card)!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    border-radius:0!important;
    box-shadow:none!important;
    z-index:auto!important;
  }
  body.panel-body .side-nav.panel-mobile-flow-nav:not(.open){
    display:none!important;
  }
  body.panel-body .side-nav.panel-mobile-flow-nav .side-nav-section,
  body.panel-body .side-nav.open .side-nav-section{
    border:1px solid var(--line)!important;
    border-radius:14px!important;
    background:var(--bg)!important;
    padding:8px!important;
    display:grid!important;
    gap:5px!important;
  }
  body.panel-body .side-nav.panel-mobile-flow-nav a,
  body.panel-body .side-nav.open a{
    width:100%!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    text-align:left!important;
    padding:10px 12px!important;
    border-radius:12px!important;
  }
}
@media (max-width:640px){
  body.panel-body .side-nav.panel-mobile-flow-nav,
  body.panel-body .side-nav.open,
  body.panel-body>.panel-main>.side-nav.open{
    grid-template-columns:1fr!important;
    padding:9px 10px 11px!important;
  }
}

/* 2026-05-21 stable flat admin notification center and live dropdown */
.panel-notification-link.has-live-notification,
.top-notification-button.has-live-notification{
  border-color:rgba(239,68,68,.38)!important;
  background:rgba(239,68,68,.08)!important;
  color:#ef4444!important;
}
.panel-live-notification-wrap,
.public-top-notification-wrap{position:relative!important;isolation:isolate!important;overflow:visible!important}
.live-notification-dropdown{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  width:min(420px,calc(100vw - 24px))!important;
  max-width:420px!important;
  max-height:min(620px,calc(100vh - 96px))!important;
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  box-shadow:0 24px 60px rgba(15,23,42,.22)!important;
  color:var(--text)!important;
  overflow:hidden!important;
}
.live-notification-dropdown[hidden]{display:none!important}
.live-notification-head{min-width:0!important;background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(15,23,42,.02))!important}
.live-notification-head>div{min-width:0!important}.live-notification-head strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.live-notification-mark-all{flex:0 0 auto!important}
.live-notification-list{display:grid!important;gap:8px!important;padding:10px!important;max-height:none!important;overflow:auto!important;background:rgba(15,23,42,.025)!important;overscroll-behavior:contain!important}
.live-notification-item{position:relative!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:11px!important;align-items:flex-start!important;min-width:0!important;padding:12px 44px 12px 12px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--card)!important;text-decoration:none!important;color:inherit!important;box-shadow:none!important;overflow:hidden!important}
.live-notification-item:hover{background:rgba(37,99,235,.055)!important;transform:none!important;border-color:rgba(37,99,235,.25)!important}
.live-notification-item-icon{width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important;line-height:1!important}
.live-notification-item-body{min-width:0!important;padding-right:0!important;display:grid!important;gap:4px!important;overflow:hidden!important}
.live-notification-title,.live-notification-message,.live-notification-time{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.live-notification-title{display:block!important;font-size:13px!important;line-height:1.28!important;font-weight:950!important;color:var(--text)!important}
.live-notification-message{display:block!important;font-size:12px!important;line-height:1.45!important;color:var(--muted)!important}
.live-notification-time{display:block!important;font-size:11px!important;line-height:1.3!important;color:var(--muted)!important;font-style:normal!important;font-weight:800!important}
.live-notification-item-count{position:absolute!important;top:10px!important;right:10px!important;z-index:2!important;min-width:24px!important;height:24px!important;padding:0 7px!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;border:2px solid var(--card)!important;display:inline-grid!important;place-items:center!important;font-size:11px!important;font-weight:950!important;line-height:1!important;box-shadow:0 8px 18px rgba(239,68,68,.22)!important;white-space:nowrap!important}
.live-notification-empty{margin:0!important;padding:20px 14px!important;border:1px dashed var(--line)!important;border-radius:16px!important;background:var(--card)!important;color:var(--muted)!important;font-weight:850!important;text-align:center!important}
.live-notification-all{border-top:1px solid var(--line)!important;background:rgba(37,99,235,.06)!important}
.admin-notification-section-wide{grid-column:1/-1!important}
.admin-notification-page .notification-mini-card{position:relative!important;min-width:0!important;overflow:hidden!important}
.admin-notification-page .notification-mini-card strong,.admin-notification-page .notification-mini-card small{min-width:0!important;overflow-wrap:anywhere!important;word-break:break-word!important}
@media(max-width:720px){
  .panel-live-notification-wrap,.public-top-notification-wrap{position:relative!important}
  .live-notification-dropdown{position:fixed!important;top:64px!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 82px)!important;margin:0!important;border-radius:18px!important;z-index:10090!important}
  .live-notification-head{align-items:flex-start!important;padding:12px!important;gap:8px!important}
  .live-notification-list{overflow:auto!important;max-height:calc(100vh - 210px)!important;padding:8px!important}
  .live-notification-item{grid-template-columns:38px minmax(0,1fr)!important;padding:11px 42px 11px 11px!important;border-radius:15px!important}
  .live-notification-item-icon{width:38px!important;height:38px!important;min-width:38px!important}
  .live-notification-item-count{top:8px!important;right:8px!important;min-width:23px!important;height:23px!important;font-size:10.5px!important}
}
@media(max-width:420px){.live-notification-dropdown{top:58px!important;left:8px!important;right:8px!important}.live-notification-mark-all{font-size:10.5px!important;padding:6px 8px!important}}
html[data-theme="dark"] .live-notification-list{background:rgba(255,255,255,.025)!important}
html[data-theme="dark"] .live-notification-dropdown{box-shadow:0 24px 60px rgba(0,0,0,.42)!important}


/* 2026-05-21 Most read homepage block + mark-all notification badge polish */
.home-most-read-section{margin:42px 0;padding:0}.home-most-read-title{margin-bottom:16px}.home-most-read-grid{display:grid;grid-template-columns:repeat(var(--home-most-read-columns,4),minmax(0,1fr));gap:16px}.home-most-read-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 14px 34px rgba(15,23,42,.07);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.home-most-read-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.28);box-shadow:0 18px 45px rgba(15,23,42,.11)}.home-most-read-card a{display:grid;grid-template-rows:auto 1fr;height:100%;text-decoration:none;color:inherit}.home-most-read-rank{position:absolute;top:12px;left:12px;z-index:2;min-width:42px;height:32px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(15,23,42,.82);color:#fff;border:1px solid rgba(255,255,255,.28);font-size:13px;font-weight:950;letter-spacing:.02em;box-shadow:0 10px 22px rgba(15,23,42,.22)}.home-most-read-media{display:block;aspect-ratio:16/10;overflow:hidden;background:#e5e7eb}.home-most-read-media img,.home-most-read-media .placeholder{width:100%;height:100%;object-fit:cover;display:block}.home-most-read-body{display:grid;gap:7px;padding:14px;min-width:0}.home-most-read-body small{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 9px;border-radius:999px;background:rgba(37,99,235,.08);color:var(--primary);font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-most-read-body strong{font-size:15px;line-height:1.35;font-weight:950;color:var(--text);overflow-wrap:anywhere}.home-most-read-body em{font-style:normal;color:var(--muted);font-size:12px;font-weight:850}.home-most-read-placeholder{display:grid;place-items:center;color:var(--muted);font-weight:900;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(15,23,42,.06))}@media(max-width:1180px){.home-most-read-grid{grid-template-columns:repeat(var(--home-most-read-tablet-columns,3),minmax(0,1fr))}}@media(max-width:720px){.home-most-read-section{margin:30px 0}.home-most-read-grid{grid-template-columns:1fr;gap:12px}.home-most-read-card a{grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto}.home-most-read-media{aspect-ratio:1/1;height:100%}.home-most-read-body{padding:12px}.home-most-read-rank{top:8px;left:8px;min-width:34px;height:26px;font-size:11px;padding:0 8px}.home-most-read-body strong{font-size:14px}}html[data-theme="dark"] .home-most-read-card{box-shadow:0 16px 36px rgba(0,0,0,.24)}html[data-theme="dark"] .home-most-read-rank{background:rgba(37,99,235,.86)}
.live-notification-item.has-count{position:relative!important;padding-right:50px!important}.live-notification-item.has-count>.live-notification-item-count{position:absolute!important;top:10px!important;right:10px!important;z-index:5!important;align-self:auto!important;justify-self:auto!important;min-width:24px!important;height:24px!important;line-height:1!important;display:inline-grid!important;place-items:center!important;flex:0 0 auto!important;margin:0!important;transform:none!important}.live-notification-item.has-count>.live-notification-item-body{padding-right:0!important}@media(max-width:720px){.live-notification-item.has-count{padding-right:48px!important}.live-notification-item.has-count>.live-notification-item-count{top:8px!important;right:8px!important}}


/* 2026-05-22: Notification detail resilience and mobile badge position fix */
.live-notification-dropdown .live-notification-head{position:sticky;top:0;z-index:3;background:var(--card);}
.live-notification-dropdown .live-notification-mark-all[hidden]{display:none!important;}
.live-notification-dropdown[data-live-notification-total]:not([data-live-notification-total="0"]) .live-notification-mark-all{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.live-notification-item.has-count{position:relative!important;padding-right:56px!important;}
.live-notification-item.has-count>.live-notification-item-count{position:absolute!important;top:10px!important;right:10px!important;z-index:6!important;display:inline-grid!important;place-items:center!important;margin:0!important;transform:none!important;align-self:auto!important;justify-self:auto!important;min-width:24px!important;height:24px!important;line-height:1!important;white-space:nowrap!important;}
.live-notification-item.has-count>.live-notification-item-body{min-width:0!important;padding-right:0!important;}
@media(max-width:720px){
  .live-notification-dropdown .live-notification-head{align-items:center!important;gap:10px!important;}
  .live-notification-dropdown .live-notification-mark-all{flex:0 0 auto!important;white-space:nowrap!important;}
  .live-notification-item.has-count{padding-right:54px!important;}
  .live-notification-item.has-count>.live-notification-item-count{top:8px!important;right:8px!important;min-width:23px!important;height:23px!important;font-size:10.5px!important;}
}

/* 2026-05-22 - Editor desktop heading buttons + contact antibot field */
.hp-antibot-field{
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
@media (min-width:761px){
  .article-editor-shell .tox .tox-tbtn[aria-label*="Başlık 1"],
  .article-editor-shell .tox .tox-tbtn[aria-label*="Başlık 2"],
  .article-editor-shell .tox .tox-tbtn[aria-label*="Başlık 3"],
  .article-editor-shell .tox .tox-tbtn[title*="Başlık 1"],
  .article-editor-shell .tox .tox-tbtn[title*="Başlık 2"],
  .article-editor-shell .tox .tox-tbtn[title*="Başlık 3"]{
    width:auto!important;
    min-width:44px!important;
    max-width:none!important;
    padding:0 10px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  .article-editor-shell .tox .tox-tbtn--select,
  .article-editor-shell .hp-writing-editor-desktop-stable .tox-tbtn--select{
    min-width:118px!important;
    max-width:220px!important;
  }
  .article-editor-shell .tox .tox-tbtn--select .tox-tbtn__select-label{
    max-width:160px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

/* 2026-05-24 - Editor stability fallback and native editor polish */
.hp-editor-native-fallback-wrap{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.hp-editor-fallback-notice{display:flex;flex-direction:column;gap:4px;margin:0 0 10px;padding:12px 14px;border:1px solid rgba(37,99,235,.22);border-radius:16px;background:rgba(37,99,235,.07);color:var(--text,#111827);font-size:13px;line-height:1.55}
.hp-editor-fallback-notice strong{font-weight:900;color:var(--brand,#2563eb)}
.hp-editor-native-fallback{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:520px!important;box-sizing:border-box!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:16px!important;background:var(--card,#fff)!important;color:var(--text,#111827)!important;font-family:var(--site-font,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;box-shadow:0 10px 26px rgba(15,23,42,.04);outline:none!important;overflow-x:hidden!important;overflow-y:auto!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important;caret-color:currentColor!important;-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;touch-action:auto!important}
.hp-editor-native-fallback:focus{border-color:var(--brand,#2563eb)!important;box-shadow:0 0 0 4px rgba(37,99,235,.14)!important}
html[data-theme="dark"] .hp-editor-fallback-notice{background:rgba(96,165,250,.12);border-color:rgba(147,197,253,.28);color:var(--text,#f8fafc)}
html[data-theme="dark"] .hp-editor-native-fallback{background:var(--card,#0f172a)!important;color:var(--text,#f8fafc)!important;border-color:var(--line,#293145)!important;box-shadow:0 10px 26px rgba(0,0,0,.18)}
@media(max-width:760px){.hp-editor-native-fallback{min-height:620px!important;font-size:17px!important}.hp-editor-fallback-notice{font-size:12.5px}}

/* 2026-05-24 Editor image modal and paste stability */
.editor-media-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:none;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  isolation:isolate!important;
}
.editor-media-modal.open{display:flex!important;}
.editor-media-backdrop{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:rgba(15,23,42,.58)!important;
  backdrop-filter:blur(4px)!important;
}
.editor-media-window{
  position:relative!important;
  z-index:2!important;
  width:min(1080px,calc(100vw - 28px))!important;
  max-height:min(88vh,900px)!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  background:var(--card,#fff)!important;
  border:1px solid var(--line,#e5e7eb)!important;
  border-radius:24px!important;
  box-shadow:0 28px 100px rgba(15,23,42,.38)!important;
}
.media-modal-open{overflow:hidden!important;}
@media(max-width:760px){
  .editor-media-modal{align-items:flex-end!important;padding:10px!important;}
  .editor-media-window{width:100%!important;max-height:92vh!important;border-radius:22px 22px 0 0!important;padding:14px!important;}
  .editor-media-upload-flat,.editor-media-upload-advanced{grid-template-columns:1fr!important;}
}

/* 2026-05-24 - Destek talebi sayfası tam genişlik düzeni */
.support-user-page,
.support-writer-page{
  width:100%!important;
  max-width:none!important;
}
.support-user-page .support-top-menu,
.support-writer-page .support-top-menu{
  width:100%!important;
  margin:0 0 12px!important;
}
.support-user-page .support-new-ticket-card,
.support-writer-page .support-new-ticket-card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(16px,2vw,24px)!important;
  overflow:visible!important;
}
.support-user-page .support-new-ticket-card:before,
.support-writer-page .support-new-ticket-card:before{
  opacity:.7!important;
}
.support-user-page .support-new-ticket-card .support-card-head,
.support-writer-page .support-new-ticket-card .support-card-head{
  margin-bottom:16px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid rgba(148,163,184,.20)!important;
}
.support-user-page .support-new-ticket-card .support-create-form,
.support-writer-page .support-new-ticket-card .support-create-form{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  gap:14px!important;
}
.support-user-page .support-new-ticket-card .support-form-grid,
.support-writer-page .support-new-ticket-card .support-form-grid{
  width:100%!important;
  grid-template-columns:repeat(3,minmax(180px,1fr))!important;
  gap:14px!important;
  align-items:end!important;
}
.support-user-page .support-new-ticket-card label,
.support-writer-page .support-new-ticket-card label{
  margin:0!important;
}
.support-user-page .support-new-ticket-card textarea,
.support-writer-page .support-new-ticket-card textarea{
  min-height:180px!important;
  resize:vertical!important;
}
.support-user-page .support-new-ticket-card .btn,
.support-writer-page .support-new-ticket-card .btn{
  justify-self:start!important;
  min-width:180px!important;
}
@media(max-width:980px){
  .support-user-page .support-new-ticket-card .support-form-grid,
  .support-writer-page .support-new-ticket-card .support-form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:640px){
  .support-user-page .support-new-ticket-card,
  .support-writer-page .support-new-ticket-card{
    padding:14px!important;
    border-radius:17px!important;
  }
  .support-user-page .support-new-ticket-card .support-form-grid,
  .support-writer-page .support-new-ticket-card .support-form-grid{
    grid-template-columns:1fr!important;
  }
  .support-user-page .support-new-ticket-card textarea,
  .support-writer-page .support-new-ticket-card textarea{
    min-height:160px!important;
  }
  .support-user-page .support-new-ticket-card .btn,
  .support-writer-page .support-new-ticket-card .btn{
    width:100%!important;
    min-width:0!important;
  }
}

/* HaberPro Support System Professional Layout - 2026-05-24 */
.support-pro-page{display:grid;gap:18px!important;max-width:none!important;width:100%!important}.support-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px!important;overflow:hidden;position:relative}.support-dashboard-hero:after{content:"";position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.13),transparent 68%);pointer-events:none}.support-dashboard-hero h2{margin:4px 0 6px;font-size:clamp(1.25rem,2vw,1.8rem);letter-spacing:-.03em}.support-dashboard-hero p{margin:0;color:var(--muted);max-width:850px;line-height:1.55}.support-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}.support-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.support-pro-head{margin-bottom:12px}.support-status-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.support-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(148,163,184,.24);border-radius:999px;background:rgba(255,255,255,.72);color:inherit;text-decoration:none;font-weight:850;font-size:.86rem;transition:.16s ease}.support-tab b{display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;border-radius:999px;background:rgba(37,99,235,.09);font-size:.75rem}.support-tab:hover,.support-tab.is-active{border-color:rgba(37,99,235,.38);background:rgba(37,99,235,.09);color:#1d4ed8}.support-pro-filter{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(145px,1fr)) auto;gap:10px;align-items:end;margin:12px 0 16px;padding:13px;border-radius:20px;border:1px solid rgba(148,163,184,.22);background:rgba(148,163,184,.07)}.support-client-filter{grid-template-columns:minmax(220px,1.6fr) minmax(145px,1fr) minmax(145px,1fr) auto}.support-pro-filter label{display:grid;gap:6px;margin:0;font-size:.82rem;font-weight:800;color:var(--muted)}.support-table-wrap{width:100%;overflow:auto;border:1px solid rgba(148,163,184,.22);border-radius:20px;background:rgba(255,255,255,.55)}.support-pro-table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px}.support-pro-table th,.support-pro-table td{padding:13px 12px;border-bottom:1px solid rgba(148,163,184,.18);text-align:left;vertical-align:middle}.support-pro-table th{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:rgba(148,163,184,.08);position:sticky;top:0;z-index:2}.support-pro-table tr:last-child td{border-bottom:0}.support-pro-table tbody tr{transition:.15s ease}.support-pro-table tbody tr:hover,.support-pro-table tbody tr.is-active{background:rgba(37,99,235,.06)}.support-ticket-title{display:grid;gap:4px;color:inherit;text-decoration:none}.support-ticket-title strong{overflow-wrap:anywhere}.support-ticket-title small,.support-pro-table td small{display:block;color:var(--muted);font-size:.78rem;line-height:1.35;margin-top:2px}.support-priority{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:.74rem;font-weight:900;white-space:nowrap;background:rgba(148,163,184,.16);color:var(--text)}.support-priority-low{background:rgba(100,116,139,.14);color:#475569}.support-priority-normal{background:rgba(37,99,235,.10);color:#1d4ed8}.support-priority-high{background:rgba(245,158,11,.16);color:#b45309}.support-priority-urgent{background:rgba(239,68,68,.14);color:#b91c1c}.support-pro-detail-card{display:grid;gap:12px}.support-pro-control{grid-template-columns:repeat(4,minmax(0,1fr)) auto!important}.support-pro-message-stream{max-height:620px;overflow:auto;padding-right:4px;scrollbar-width:thin}.support-pro-reply textarea{min-height:130px!important}.support-client-page .support-dashboard-hero{align-items:flex-start}.support-client-ticket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.support-client-ticket-card{display:grid;gap:10px;padding:14px;border:1px solid rgba(148,163,184,.22);border-radius:20px;background:rgba(255,255,255,.74);color:inherit;text-decoration:none;transition:.16s ease;min-width:0}.support-client-ticket-card:hover,.support-client-ticket-card.is-active{border-color:rgba(37,99,235,.38);box-shadow:0 14px 30px rgba(15,23,42,.08);transform:translateY(-1px)}.support-client-ticket-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.support-client-ticket-top strong{min-width:0;overflow-wrap:anywhere;line-height:1.35}.support-client-ticket-card p{margin:0;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.support-client-ticket-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:.8rem}.support-client-ticket-meta span:not(.support-priority){display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border-radius:999px;background:rgba(148,163,184,.11)}.support-pro-create-card{max-width:none!important;width:100%!important}.support-pro-create-card .support-create-form{max-width:none!important}.support-pro-create-card textarea{min-height:150px!important}.support-admin-page .support-settings-info{display:none!important}@media(max-width:1180px){.support-pro-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.support-pro-filter .btn{grid-column:1/-1}.support-pro-control{grid-template-columns:repeat(2,minmax(0,1fr))!important}.support-pro-control .btn{grid-column:1/-1}}@media(max-width:900px){.support-dashboard-hero{align-items:flex-start;flex-direction:column}.support-client-ticket-grid{grid-template-columns:1fr}.support-pro-message-stream{max-height:none}.support-pro-table{min-width:0}.support-pro-table thead{display:none}.support-pro-table,.support-pro-table tbody,.support-pro-table tr,.support-pro-table td{display:block;width:100%}.support-pro-table tr{padding:10px;border-bottom:1px solid rgba(148,163,184,.18)}.support-pro-table td{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;border:0;padding:7px 4px}.support-pro-table td:before{content:attr(data-label);font-size:.75rem;font-weight:900;text-transform:uppercase;color:var(--muted)}}@media(max-width:640px){.support-pro-page{gap:12px!important}.support-dashboard-hero,.support-pro-list-card,.support-pro-detail-card{padding:13px!important;border-radius:18px!important}.support-pro-filter,.support-client-filter,.support-pro-control{grid-template-columns:1fr!important}.support-status-tabs{gap:6px}.support-tab{flex:1 1 calc(50% - 6px);justify-content:space-between;padding:8px 10px}.support-client-ticket-top{flex-direction:column}.support-pro-table td{grid-template-columns:1fr}.support-pro-table td:before{margin-bottom:2px}.support-hero-actions,.support-dashboard-hero .btn{width:100%}.support-hero-actions .btn,.support-dashboard-hero>.btn{width:100%;justify-content:center}}
html[data-theme="dark"] .support-dashboard-hero,html[data-theme="dark"] .support-pro-list-card,html[data-theme="dark"] .support-pro-detail-card,html[data-theme="dark"] .support-client-ticket-card{background:rgba(17,24,39,.92)!important;border-color:rgba(148,163,184,.20)!important}html[data-theme="dark"] .support-tab,html[data-theme="dark"] .support-table-wrap{background:rgba(15,23,42,.72)!important;border-color:rgba(148,163,184,.20)!important}html[data-theme="dark"] .support-pro-table th{background:rgba(30,41,59,.88)!important}html[data-theme="dark"] .support-pro-table tbody tr:hover,html[data-theme="dark"] .support-pro-table tbody tr.is-active{background:rgba(96,165,250,.12)!important}html[data-theme="dark"] .support-priority-low{color:#cbd5e1}html[data-theme="dark"] .support-priority-normal{color:#bfdbfe}html[data-theme="dark"] .support-priority-high{color:#fde68a}html[data-theme="dark"] .support-priority-urgent{color:#fecaca}

/* Haber detay: anlık okuyucu rozeti ve sesli okuma ilerleme */
.article-meta-flat .article-live-readers-badge{
  position:relative;
  isolation:isolate;
  border:1px solid rgba(16,185,129,.20);
  background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(37,99,235,.06));
  color:#047857;
  border-radius:999px;
  padding:7px 12px;
  font-weight:850;
  gap:6px;
  box-shadow:0 12px 24px rgba(15,23,42,.05);
}
.article-meta-flat .article-live-readers-badge strong{font-size:15px;color:#065f46;line-height:1}
.article-meta-flat .article-live-readers-prefix{font-weight:800;color:inherit}
.article-meta-flat .article-live-readers-icon{color:#10b981;position:relative}
.article-meta-flat .article-live-readers-icon::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  right:-3px;
  top:-3px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.45);
  animation:hpArticleLivePulse 1.5s ease-out infinite;
}
@keyframes hpArticleLivePulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.article-meta-flat .article-tts-button{
  position:relative;
  overflow:hidden;
  min-height:42px;
  padding:7px 13px;
}
.article-meta-flat .article-tts-button .article-meta-icon,
.article-meta-flat .article-tts-button .article-tts-copy{position:relative;z-index:1}
.article-meta-flat .article-tts-copy{display:grid;gap:1px;text-align:left;line-height:1.15}
.article-meta-flat .article-tts-copy > span{font-size:14px;font-weight:900}
.article-meta-flat .article-tts-copy small{font-size:11px;font-weight:800;color:inherit;opacity:.72;letter-spacing:.01em}
.article-meta-flat .article-tts-progress{
  position:absolute;
  left:8px;
  right:8px;
  bottom:5px;
  height:3px;
  border-radius:999px;
  background:rgba(37,99,235,.14);
  overflow:hidden;
}
.article-meta-flat .article-tts-progress span{display:block;width:0;height:100%;border-radius:inherit;background:currentColor;opacity:.8;transition:width .25s ease}
.article-meta-flat .article-tts-button.is-reading .article-tts-progress{background:rgba(255,255,255,.26)}
.article-meta-flat .article-tts-button.is-reading .article-tts-progress span{background:#fff;opacity:1}
html[data-theme="dark"] .article-meta-flat .article-live-readers-badge{background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(59,130,246,.10));border-color:rgba(52,211,153,.28);color:#86efac}
html[data-theme="dark"] .article-meta-flat .article-live-readers-badge strong{color:#bbf7d0}
@media(max-width:640px){
  .article-meta-flat .article-live-readers-badge{width:100%;justify-content:center;border-radius:16px;padding:9px 12px}
  .article-meta-flat .article-tts-button{flex:1 1 100%;justify-content:center;border-radius:16px;padding:10px 12px 13px}
  .article-meta-flat .article-tts-copy{text-align:center}
}

/* 2026-05-24 - Kullanıcı reklam verme ve gelişmiş reklam yönetimi */
.ad-admin-stats,.ad-client-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:18px}.ad-advanced-settings{margin-bottom:18px}.ad-advanced-settings .grid.three{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:end}.ad-filter-card{margin:18px 0}.ad-filter-card .grid.four{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end}.ad-request-review-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:18px;margin-bottom:18px;border:1px solid rgba(37,99,235,.15);background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(255,255,255,.96))}.ad-eyebrow{display:inline-flex;align-items:center;width:max-content;padding:5px 10px;border-radius:999px;background:rgba(37,99,235,.1);color:var(--brand,#2563eb);font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.ad-review-summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.ad-payment-note,.ad-note{grid-column:1/-1;padding:12px 14px;border-radius:14px;background:var(--muted-bg,#f8fafc);border:1px solid var(--line,#e5e7eb);font-size:14px}.ad-moderation-form{grid-column:1/-1;display:grid;gap:12px}.ad-moderation-form textarea{width:100%}.actions.wrap{display:flex;flex-wrap:wrap;gap:8px}.badge.warning{background:#fff7ed;color:#c2410c}.badge.danger{background:#fef2f2;color:#b91c1c}.block{display:block}.ad-client-page{display:grid;gap:18px}.ad-client-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,rgba(37,99,235,.09),rgba(14,165,233,.06),var(--card,#fff))}.ad-client-hero h2{margin:.35rem 0}.ad-client-hero p{max-width:760px;margin:0;color:var(--muted,#64748b)}.ad-client-form-card,.ad-client-list-card{overflow:hidden}.ad-client-form .grid.two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.ad-price-preview{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;border:1px solid rgba(37,99,235,.14);background:rgba(37,99,235,.06);margin:14px 0}.ad-price-preview span{color:var(--muted,#64748b);font-weight:700}.ad-price-preview strong{font-size:1.35rem;color:var(--brand,#2563eb)}.ad-price-preview small{flex-basis:100%;color:var(--muted,#64748b)}.ad-client-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.ad-client-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line,#e5e7eb);border-radius:20px;background:var(--card,#fff);box-shadow:0 12px 28px rgba(15,23,42,.06)}.ad-client-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ad-client-card-head strong{display:block;font-size:1rem}.ad-client-card-head small{display:block;color:var(--muted,#64748b);margin-top:4px}.ad-client-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.ad-client-meta span,.ad-client-dates small{padding:9px 10px;border-radius:14px;background:var(--muted-bg,#f8fafc);border:1px solid var(--line,#e5e7eb);font-size:13px}.ad-client-dates{display:grid;gap:8px}.ad-payment-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.ad-video{display:block;width:100%;max-width:100%;border-radius:16px;background:#000}.ad-video-link{display:block}.ad-media-section .article-current-file{display:inline-flex;margin-bottom:10px}@media(max-width:760px){.ad-request-review-card,.ad-client-hero{grid-template-columns:1fr;display:grid}.ad-review-summary{justify-content:flex-start}.ad-payment-inline{grid-template-columns:1fr}.ad-client-card-head{flex-direction:column}.ad-price-preview strong{font-size:1.15rem}}


/* 2026-05-26 Professional user ad order/payment flow */
.ad-order-page{gap:20px}.ad-order-hero{position:relative;overflow:hidden}.ad-order-hero:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:999px;background:rgba(37,99,235,.08);pointer-events:none}.ad-order-card{display:grid;gap:16px}.ad-order-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 12px}.ad-order-steps span{display:flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border:1px solid var(--line,#e5e7eb);border-radius:16px;background:var(--muted-bg,#f8fafc);font-weight:900;color:var(--muted,#64748b);text-align:center}.ad-order-steps span.is-active{background:rgba(37,99,235,.1);border-color:rgba(37,99,235,.22);color:var(--brand,#2563eb)}.ad-order-payment-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.ad-order-payment-box>div{padding:16px;border:1px solid var(--line,#e5e7eb);border-radius:18px;background:var(--muted-bg,#f8fafc);display:grid;gap:6px}.ad-order-payment-box span{font-size:12px;color:var(--muted,#64748b);font-weight:850;text-transform:uppercase;letter-spacing:.025em}.ad-order-payment-box strong{font-size:1.15rem}.ad-order-payment-box .ad-order-total{background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(14,165,233,.07));border-color:rgba(37,99,235,.22)}.ad-order-payment-box .ad-order-total strong{font-size:1.45rem;color:var(--brand,#2563eb)}.ad-payment-submit-card{border-color:rgba(37,99,235,.16)!important;background:linear-gradient(135deg,rgba(37,99,235,.06),var(--card,#fff))}.ad-submit-btn{width:100%;justify-content:center;min-height:48px;font-weight:950}.ad-proof-link{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:8px 11px;border-radius:999px;background:rgba(37,99,235,.09);color:var(--brand,#2563eb);font-weight:850;text-decoration:none}.ad-payment-inline{grid-template-columns:minmax(0,1fr) minmax(160px,.45fr) auto}.ad-payment-inline input[type=file]{font-size:12px}.ad-request-review-card .ad-proof-link{grid-column:1/-1}@media(max-width:820px){.ad-order-steps,.ad-order-payment-box{grid-template-columns:1fr}.ad-payment-inline{grid-template-columns:1fr}.ad-order-payment-box .ad-order-total strong{font-size:1.25rem}}



/* 2026-05-26 - Gelişmiş kategori içerik türleri: makale, soru-cevap, video, yemek tarifleri */
.category-type-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px}.category-type-preview-card{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:14px;display:grid;gap:6px;box-shadow:none}.category-type-preview-card span{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);font-size:19px}.category-type-preview-card strong{font-weight:900}.category-type-preview-card small{color:var(--muted);line-height:1.45}.content-type-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:var(--bg);white-space:nowrap}.content-type-qna{background:#fff7ed}.content-type-video{background:#eef2ff}.content-type-recipe{background:#f0fdf4}.category-mode-preview{grid-column:1/-1;border:1px solid var(--line);background:var(--bg);border-radius:16px;padding:12px;display:flex;gap:10px;align-items:flex-start}.category-mode-preview[hidden]{display:none!important}.category-mode-preview .category-mode-icon{width:36px;height:36px;flex:0 0 36px;border-radius:14px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line)}.category-mode-preview strong{display:block;font-weight:900;margin-bottom:2px}.category-mode-preview small{display:block;color:var(--muted);line-height:1.45}.category-mode-hero{border:1px solid var(--line);background:linear-gradient(135deg,var(--card),var(--bg));border-radius:28px;padding:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:12px 0 18px;box-shadow:none}.category-mode-hero h1{margin:10px 0 8px;font-size:clamp(28px,4vw,46px);letter-spacing:-.05em;line-height:1}.category-mode-hero p{margin:0;color:var(--muted);max-width:820px;line-height:1.65}.category-mode-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900}.category-mode-stats{min-width:132px;border:1px solid var(--line);background:var(--card);border-radius:22px;padding:16px;text-align:center}.category-mode-stats strong{display:block;font-size:30px;font-weight:950;letter-spacing:-.04em}.category-mode-stats span{display:block;color:var(--muted);font-weight:800;font-size:13px}.category-mode-info-row{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 16px}.category-mode-info-row>div{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:14px 16px;display:flex;align-items:center;gap:12px}.category-mode-info-row span{font-size:22px}.category-mode-info-row strong{font-weight:950}.category-mode-info-row small{color:var(--muted);line-height:1.45}.category-mode-grid{gap:18px}.category-mode-card{border-radius:24px;overflow:hidden}.category-mode-card .article-card-media{position:relative}.category-mode-card .article-card-media:after{content:"";position:absolute;inset:auto 14px 14px auto;width:46px;height:46px;border-radius:18px;background:rgba(15,23,42,.78);backdrop-filter:blur(8px);display:block}.category-mode-card-video .article-card-media:before{content:"▶";position:absolute;right:27px;bottom:25px;z-index:2;color:#fff;font-size:18px;font-weight:900}.mode-card-badge{position:absolute;left:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950;color:#111827;backdrop-filter:blur(8px)}.mode-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mode-card-meta span{border:1px solid var(--line);border-radius:999px;padding:6px 9px;background:var(--bg);font-size:12px;font-weight:850;color:var(--muted)}.category-mode-card-qna h3:before{content:"Soru: ";color:var(--primary);font-weight:950}.category-mode-card-recipe .article-card-media:after{content:"🍽️";display:grid;place-items:center;color:#fff;font-size:20px}.category-mode-card-qna .article-card-media:after{content:"?";display:grid;place-items:center;color:#fff;font-size:26px;font-weight:950}.category-mode-grid-video .article-card img,.category-mode-grid-video .article-card .placeholder{height:190px}.category-mode-grid-recipe .article-card img,.category-mode-grid-recipe .article-card .placeholder{height:182px}
@media(max-width:900px){.category-type-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-mode-hero{align-items:stretch;flex-direction:column;padding:18px;border-radius:22px}.category-mode-stats{text-align:left}.category-mode-info-row>div{align-items:flex-start}.category-mode-grid,.category-mode-grid.category-grid-cols-2,.category-mode-grid.category-grid-cols-3,.category-mode-grid.category-grid-cols-4,.category-mode-grid.category-grid-cols-5{grid-template-columns:1fr!important}}@media(max-width:560px){.category-type-preview-grid{grid-template-columns:1fr}.category-mode-hero h1{font-size:30px}.category-mode-info-row>div{display:grid;grid-template-columns:auto 1fr}.category-mode-info-row small{grid-column:2}.content-type-badge{white-space:normal}}

/* EchoBilisim · v1.1.00 · flat kategori/soru-cevap ve sürüm görünümü */
.qna-answer-intro{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(37,99,235,.08),var(--card));padding:16px 18px;margin:18px 0;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.qna-answer-intro .qna-answer-icon{width:44px;height:44px;flex:0 0 44px;border-radius:16px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);font-size:22px}
.qna-answer-intro strong{display:block;font-size:16px;font-weight:950;margin-bottom:4px}.qna-answer-intro p{margin:0;color:var(--muted);line-height:1.55}.qna-answer-section{border-radius:24px;background:linear-gradient(180deg,var(--card),var(--bg));border:1px solid var(--line)}.qna-answer-section h2{display:flex;align-items:center;gap:8px}.qna-answer-section h2:before{content:"❓";width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);font-size:17px}.qna-answer-form textarea{min-height:130px;border-radius:18px}.qna-answer-section .comment{border:1px solid var(--line);border-radius:20px;padding:14px;background:var(--card);box-shadow:0 10px 26px rgba(15,23,42,.04)}.qna-answer-section .comment-root:before{content:"Cevap";display:inline-flex;margin-bottom:8px;border:1px solid var(--line);border-radius:999px;background:var(--bg);padding:5px 9px;font-size:12px;font-weight:900;color:var(--primary)}.category-mode-info-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.category-mode-info-row>a{white-space:nowrap}.panel-version-badge{letter-spacing:.01em}.panel-version-badge:before{content:"⚙ ";opacity:.8}.category-mode-hero-qna{background:linear-gradient(135deg,rgba(37,99,235,.09),var(--card))}.category-mode-hero-video{background:linear-gradient(135deg,rgba(99,102,241,.1),var(--card))}.category-mode-hero-recipe{background:linear-gradient(135deg,rgba(34,197,94,.1),var(--card))}
@media(max-width:720px){.qna-answer-intro{padding:14px;border-radius:20px}.category-mode-info-row{grid-template-columns:1fr}.category-mode-info-row>a{width:100%;justify-content:center}.qna-answer-section .comment{padding:12px}}


/* EchoBilisim v1.1.02 - Gerçek flat Soru-Cevap modülü */
.qna-real-hero{position:relative;overflow:hidden;border:1px solid rgba(37,99,235,.14);box-shadow:0 22px 60px rgba(37,99,235,.08)}
.qna-real-hero:after{content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.14),transparent 65%);pointer-events:none}.qna-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.qna-stats-stack{border-radius:24px;background:var(--card);border:1px solid var(--line);padding:18px;min-width:150px}.qna-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.qna-dashboard>div{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:22px;background:var(--card);padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.qna-dashboard span{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:var(--bg);border:1px solid var(--line);font-size:20px}.qna-dashboard strong{display:block;font-size:26px;line-height:1}.qna-dashboard small{display:block;color:var(--muted);font-weight:850}.qna-filter-tabs{display:flex;gap:8px;flex-wrap:wrap;border:1px solid var(--line);background:var(--card);border-radius:22px;padding:8px;margin:16px 0 18px}.qna-filter-tabs a{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:10px 14px;color:var(--muted);font-weight:900;text-decoration:none}.qna-filter-tabs a:hover,.qna-filter-tabs a.active{background:var(--primary);color:#fff;box-shadow:0 10px 22px rgba(37,99,235,.22)}.qna-question-list{display:grid;gap:14px}.qna-question-card{border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:0 16px 40px rgba(15,23,42,.06);overflow:hidden}.qna-question-card>a{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:16px;padding:20px;color:inherit;text-decoration:none}.qna-question-main h2{margin:10px 0 8px;font-size:clamp(20px,2.4vw,28px);line-height:1.18;letter-spacing:-.02em}.qna-question-main p{margin:0;color:var(--muted);line-height:1.65}.qna-state-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:950;border:1px solid var(--line);background:var(--bg);color:var(--muted)}.qna-state-badge.solved{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.25);color:#15803d}.qna-state-badge.answered{background:rgba(37,99,235,.1);border-color:rgba(37,99,235,.22);color:var(--primary)}.qna-state-badge.unanswered{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.25);color:#b45309}.qna-question-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.qna-question-meta span{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:12px;font-weight:850}.qna-question-stat{display:grid;place-items:center;border-left:1px solid var(--line);min-height:110px}.qna-question-stat strong{font-size:36px;line-height:1;color:var(--primary)}.qna-question-stat span{font-weight:950;color:var(--muted);font-size:12px}.qna-empty{text-align:center;border:1px dashed var(--line);border-radius:24px;padding:28px;background:var(--card)}.qna-ask-page{max-width:980px;margin:0 auto}.qna-ask-hero{border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(37,99,235,.1),var(--card));padding:28px;margin-bottom:18px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.qna-ask-hero span{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:var(--bg);padding:8px 12px;font-weight:950;color:var(--primary)}.qna-ask-hero h1{font-size:clamp(30px,4vw,46px);line-height:1.06;letter-spacing:-.04em;margin:14px 0 8px}.qna-ask-hero p{margin:0;color:var(--muted);font-size:16px;line-height:1.65}.qna-ask-form{display:grid;gap:16px}.qna-ask-form input,.qna-ask-form select,.qna-ask-form textarea{border-radius:18px}.qna-ask-tips{display:flex;gap:8px;flex-wrap:wrap}.qna-ask-tips span{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:var(--bg);padding:8px 11px;color:var(--muted);font-size:12px;font-weight:900}.qna-question-detail-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid rgba(37,99,235,.16);border-radius:26px;background:linear-gradient(135deg,rgba(37,99,235,.08),var(--card));padding:18px;margin:20px 0;box-shadow:0 16px 42px rgba(37,99,235,.08)}.qna-question-detail-icon{width:54px;height:54px;border-radius:20px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;font-size:26px}.qna-question-detail-panel strong{display:block;margin:9px 0 4px;font-size:18px}.qna-question-detail-panel p{margin:0;color:var(--muted);line-height:1.6}.qna-question-detail-stats{display:flex;gap:10px}.qna-question-detail-stats span{min-width:88px;display:grid;place-items:center;border:1px solid var(--line);background:var(--card);border-radius:18px;padding:10px;color:var(--muted);font-size:12px;font-weight:900}.qna-question-detail-stats b{display:block;font-size:24px;color:var(--primary);line-height:1}.qna-answer-section{border-radius:26px}.qna-answer-section>h2{display:flex;align-items:center;gap:10px}.qna-answer-section>h2:before{content:"💬";width:38px;height:38px;border-radius:15px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line)}.qna-answer-form textarea{min-height:150px;border-radius:20px}.qna-answer-card{border:1px solid var(--line)!important;border-radius:24px!important;background:var(--card)!important;padding:16px!important;box-shadow:0 12px 32px rgba(15,23,42,.05)}.qna-answer-card.qna-best-answer{border-color:rgba(34,197,94,.32)!important;background:linear-gradient(135deg,rgba(34,197,94,.08),var(--card))!important}.qna-best-badge{display:inline-flex;margin-top:4px;border-radius:999px;background:rgba(34,197,94,.14);color:#15803d;border:1px solid rgba(34,197,94,.24);padding:4px 8px;font-size:11px;font-weight:950}.qna-answer-card .comment-actions{gap:8px;flex-wrap:wrap}.qna-answer-card .btn.small{border-radius:999px}@media(max-width:760px){.qna-dashboard{grid-template-columns:1fr}.qna-question-card>a{grid-template-columns:1fr}.qna-question-stat{border-left:0;border-top:1px solid var(--line);min-height:auto;padding-top:14px}.qna-question-detail-panel{grid-template-columns:1fr}.qna-question-detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.qna-filter-tabs a{flex:1 1 auto}.qna-ask-hero,.qna-question-detail-panel{border-radius:22px;padding:18px}}

/* EchoBilisim v1.1.03 - Q&A cevap reaksiyon JSON/flat düzeltmesi */

.qna-filter-tabs a:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(37,99,235,.16)}
.qna-filter-tabs a:hover,.qna-filter-tabs a.active{background:linear-gradient(135deg,var(--brand),#0ea5e9)!important;color:#fff!important;text-shadow:0 1px 0 rgba(15,23,42,.10)}
.qna-filter-tabs a:hover *,.qna-filter-tabs a.active *{color:#fff!important}.qna-filter-tabs a:not(.active){color:var(--text)!important;background:var(--bg)}
.article-emoji-reactions-card{position:relative;overflow:hidden;margin:22px 0;padding:18px;border:1px solid rgba(37,99,235,.16);border-radius:26px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(14,165,233,.04)),var(--card);box-shadow:0 18px 46px rgba(15,23,42,.07)}
.article-emoji-reactions-card:before{content:"";position:absolute;inset:-80px auto auto -80px;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.16),transparent 68%);pointer-events:none}.article-emoji-reactions-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.article-emoji-reactions-head span{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;background:var(--flat-soft);color:var(--brand);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.article-emoji-reactions-head strong{display:block;margin-top:5px;font-size:18px;letter-spacing:-.02em}.article-emoji-reactions-head small{color:var(--muted);font-weight:800;line-height:1.45}.article-emoji-reactions-row{position:relative;display:flex;gap:10px;flex-wrap:wrap}.article-emoji-reaction-form{margin:0}.article-emoji-reaction-btn{position:relative;min-width:104px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.66);color:var(--text);padding:17px 13px 12px;cursor:pointer;display:grid;justify-items:center;gap:7px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;box-shadow:0 10px 24px rgba(15,23,42,.04)}.article-emoji-reaction-btn:hover,.article-emoji-reaction-btn.active{transform:translateY(-3px);border-color:rgba(37,99,235,.32);box-shadow:0 18px 36px rgba(37,99,235,.14);background:linear-gradient(180deg,#fff,rgba(239,246,255,.88))}.article-emoji-reaction-count{position:absolute;top:-10px;min-width:30px;height:25px;padding:0 8px;border-radius:999px;background:linear-gradient(135deg,#111827,#334155);color:#fff;border:2px solid var(--card);display:inline-grid;place-items:center;font-size:12px;font-weight:950;box-shadow:0 8px 18px rgba(15,23,42,.20)}.article-emoji-reaction-icon{font-size:30px;line-height:1;display:inline-block;filter:drop-shadow(0 8px 14px rgba(15,23,42,.12));animation:hpEmojiFloat 2.8s ease-in-out infinite}.article-emoji-reaction-form:nth-child(2) .article-emoji-reaction-icon{animation-delay:.18s}.article-emoji-reaction-form:nth-child(3) .article-emoji-reaction-icon{animation-delay:.36s}.article-emoji-reaction-form:nth-child(4) .article-emoji-reaction-icon{animation-delay:.54s}.article-emoji-reaction-form:nth-child(5) .article-emoji-reaction-icon{animation-delay:.72s}.article-emoji-reaction-form:nth-child(6) .article-emoji-reaction-icon{animation-delay:.9s}.article-emoji-reaction-btn.active .article-emoji-reaction-icon{animation:hpEmojiPop .52s ease both,hpEmojiFloat 2.8s ease-in-out .52s infinite}.article-emoji-reaction-label{font-size:12px;font-weight:950;color:var(--muted)}.article-emoji-reaction-btn.active .article-emoji-reaction-label{color:var(--brand)}@keyframes hpEmojiFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(-2deg)}}@keyframes hpEmojiPop{0%{transform:scale(.92)}55%{transform:scale(1.18)}100%{transform:scale(1)}}html[data-theme="dark"] .article-emoji-reaction-btn{background:rgba(15,23,42,.76)}html[data-theme="dark"] .article-emoji-reaction-btn:hover,html[data-theme="dark"] .article-emoji-reaction-btn.active{background:linear-gradient(180deg,rgba(30,41,59,.96),rgba(15,23,42,.9))}@media(max-width:640px){.article-emoji-reactions-head{display:grid}.article-emoji-reactions-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.article-emoji-reaction-btn{width:100%;min-width:0;border-radius:20px}.article-emoji-reaction-icon{font-size:28px}}
.comment-reaction-btn{border-radius:999px;gap:7px;min-height:36px}
.comment-reaction-btn strong{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:var(--card);color:var(--text);border:1px solid var(--line);font-size:12px;line-height:1}
.comment-reaction-btn.active{background:rgba(37,99,235,.08);color:var(--brand);border-color:rgba(37,99,235,.28);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.qna-answer-card .comment-reaction-btn{background:var(--bg)}
@media(max-width:640px){.comment-actions .comment-reaction-btn{width:100%;justify-content:center}.comment-reaction-btn strong{min-width:24px}}

/* EchoBilisim v1.1.04 - Soru-Cevap tepki metinleri haber bağlamından ayrıldı */

/* EchoBilisim 1.1.12 - Flat Soru-Cevap yönetim paneli */
.admin-qna-page{display:grid;gap:18px}.admin-qna-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(37,99,235,.10),var(--card));padding:24px;box-shadow:0 18px 52px rgba(15,23,42,.06);overflow:hidden;position:relative}.admin-qna-hero:after{content:"";position:absolute;right:-90px;bottom:-120px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(14,165,233,.18),transparent 68%);pointer-events:none}.admin-qna-hero>*{position:relative;z-index:1}.admin-qna-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:var(--bg);padding:8px 12px;font-weight:950;color:var(--primary);box-shadow:0 8px 18px rgba(15,23,42,.04)}.admin-qna-hero h1{margin:12px 0 8px;font-size:clamp(28px,4vw,44px);line-height:1.04;letter-spacing:-.04em}.admin-qna-hero p{margin:0;max-width:760px;color:var(--muted);line-height:1.65}.admin-qna-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.admin-qna-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.admin-qna-stats article{border:1px solid var(--line);border-radius:22px;background:var(--card);padding:16px;box-shadow:0 12px 28px rgba(15,23,42,.05)}.admin-qna-stats span{display:block;color:var(--muted);font-size:12px;font-weight:900}.admin-qna-stats strong{display:block;margin-top:8px;font-size:28px;line-height:1;color:var(--text)}.admin-qna-stats article.success strong{color:#15803d}.admin-qna-stats article.warning strong{color:#b45309}.admin-qna-stats article.danger strong{color:#dc2626}.admin-qna-stats article.info strong{color:var(--primary)}.admin-qna-filter{display:grid;grid-template-columns:1.3fr repeat(3,minmax(160px,.8fr)) auto;gap:12px;align-items:end;border:1px solid var(--line);border-radius:24px;background:var(--card);padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.admin-qna-filter label{display:grid;gap:7px}.admin-qna-filter label span{font-size:12px;font-weight:950;color:var(--muted)}.admin-qna-filter input,.admin-qna-filter select,.admin-qna-edit-form input,.admin-qna-edit-form select,.admin-qna-edit-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--text);padding:11px 12px}.admin-qna-filter-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-qna-list{display:grid;gap:16px}.admin-qna-card{border:1px solid var(--line);border-radius:26px;background:var(--card);box-shadow:0 18px 46px rgba(15,23,42,.06);overflow:hidden}.admin-qna-card.status-success{border-color:rgba(34,197,94,.28)}.admin-qna-card.status-warning{border-color:rgba(245,158,11,.28)}.admin-qna-card.status-danger{border-color:rgba(220,38,38,.24)}.admin-qna-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;padding:18px;align-items:start}.admin-qna-question-icon{width:54px;height:54px;border-radius:20px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);font-size:26px}.admin-qna-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}.admin-qna-question-title h2{margin:0 0 8px;font-size:clamp(20px,2.4vw,30px);line-height:1.16;letter-spacing:-.025em}.admin-qna-question-title p{margin:0;color:var(--muted);line-height:1.6}.admin-qna-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.admin-qna-meta span{border:1px solid var(--line);border-radius:999px;background:var(--bg);padding:7px 10px;color:var(--muted);font-size:12px;font-weight:850}.admin-qna-quick-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-qna-quick-actions form,.admin-qna-answer-actions form,.admin-qna-danger-row form{margin:0}.admin-qna-editor{border-top:1px solid var(--line);background:linear-gradient(180deg,var(--bg),var(--card))}.admin-qna-editor summary{cursor:pointer;list-style:none;padding:14px 18px;font-weight:950;color:var(--primary);display:flex;align-items:center;gap:8px}.admin-qna-editor summary::-webkit-details-marker{display:none}.admin-qna-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 18px 18px}.admin-qna-edit-form label{display:grid;gap:7px}.admin-qna-edit-form label span{font-size:12px;font-weight:950;color:var(--muted)}.admin-qna-edit-form .wide{grid-column:1/-1}.admin-qna-check{display:flex!important;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:var(--bg);padding:10px 12px}.admin-qna-check input{width:auto!important}.admin-qna-form-actions{display:flex;align-items:end}.admin-qna-answer-zone{border-top:1px solid var(--line);padding:18px;background:var(--card)}.admin-qna-answer-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.admin-qna-answer-head strong{font-size:16px}.admin-qna-answer-head span{color:var(--muted);font-weight:850}.admin-qna-answer-empty,.admin-qna-empty{border:1px dashed var(--line);border-radius:22px;background:var(--bg);padding:18px;color:var(--muted)}.admin-qna-empty strong{display:block;color:var(--text);font-size:18px;margin-bottom:4px}.admin-qna-empty p{margin:0}.admin-qna-answer-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;border:1px solid var(--line);border-radius:22px;background:var(--bg);padding:14px;margin-top:10px}.admin-qna-answer-card.best{background:linear-gradient(135deg,rgba(34,197,94,.10),var(--bg));border-color:rgba(34,197,94,.30)}.admin-qna-answer-main{display:flex;gap:12px;min-width:0}.admin-qna-answer-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:16px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);font-weight:950;color:var(--primary)}.admin-qna-answer-top{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.admin-qna-answer-main p{margin:8px 0;color:var(--text);line-height:1.58}.admin-qna-answer-main small{color:var(--muted);font-weight:750}.admin-qna-answer-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;align-content:start}.admin-qna-danger-row{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding:12px 18px;background:var(--bg)}.admin-qna-page .badge.ghost{background:var(--bg);color:var(--muted);border:1px solid var(--line)}.admin-qna-page .badge.success{background:rgba(34,197,94,.12);color:#15803d;border:1px solid rgba(34,197,94,.24)}@media(max-width:1180px){.admin-qna-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-qna-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-qna-filter-actions{grid-column:1/-1}.admin-qna-card-head,.admin-qna-answer-card{grid-template-columns:1fr}.admin-qna-quick-actions,.admin-qna-answer-actions{justify-content:flex-start}}@media(max-width:720px){.admin-qna-hero{display:grid;border-radius:22px;padding:18px}.admin-qna-stats,.admin-qna-filter,.admin-qna-edit-form{grid-template-columns:1fr}.admin-qna-card-head{padding:14px}.admin-qna-question-icon{width:48px;height:48px;border-radius:18px}.admin-qna-answer-zone{padding:14px}.admin-qna-answer-main{display:grid}.admin-qna-quick-actions .btn,.admin-qna-quick-actions form,.admin-qna-answer-actions .btn,.admin-qna-answer-actions form{width:100%}.admin-qna-quick-actions button,.admin-qna-answer-actions button{width:100%}}

/* EchoBilisim 1.1.13 - Anasayfa Soru-Cevap kategori kartları */
.home-qna-question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.home-qna-question-card{height:100%;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-qna-question-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.12);border-color:rgba(37,99,235,.25)}
.home-qna-question-card a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;height:100%;padding:16px;color:inherit;align-items:flex-start}
.home-qna-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(14,165,233,.1));font-size:30px;box-shadow:inset 0 0 0 1px rgba(37,99,235,.12)}
.home-qna-copy{display:grid;gap:8px;min-width:0}.home-qna-copy strong{font-size:17px;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-qna-copy em{font-style:normal;color:var(--muted);font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-qna-meta{font-size:12px;color:var(--muted);font-weight:750}.home-qna-meta b{color:var(--text)}
@media(max-width:1020px){.home-qna-question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.home-qna-question-grid{grid-template-columns:1fr}.home-qna-question-card a{grid-template-columns:54px minmax(0,1fr);padding:14px}.home-qna-icon{width:54px;height:54px;border-radius:17px;font-size:26px}}


/* 1.1.14 - Son Soru-Cevap widget flat tasarım */
.widget-qna-list{display:grid;gap:10px}.widget-qna-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(37,99,235,.04),rgba(148,163,184,.05));color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.widget-qna-item:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.28);background:var(--bg)}.widget-qna-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(124,58,237,.1));border:1px solid rgba(37,99,235,.14);font-size:22px}.widget-qna-info{min-width:0;display:grid;gap:5px}.widget-qna-info strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.28;color:var(--text)}.widget-qna-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.widget-qna-meta em,.widget-qna-meta small,.widget-qna-date{font-style:normal;color:var(--muted);font-size:11px;line-height:1.2}.widget-qna-meta em{font-weight:800}.widget-qna-status{display:inline-flex;align-items:center;min-height:21px;padding:3px 7px;border-radius:999px;font-size:10px;line-height:1;font-weight:900;border:1px solid var(--line);background:var(--card);color:var(--muted)}.widget-qna-status.solved{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.25);color:#15803d}.widget-qna-status.answered{background:rgba(37,99,235,.1);border-color:rgba(37,99,235,.22);color:#2563eb}.widget-qna-status.unanswered{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.25);color:#b45309}html[data-theme="dark"] .widget-qna-item{background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(15,23,42,.18))}html[data-theme="dark"] .widget-qna-status.solved{color:#86efac}html[data-theme="dark"] .widget-qna-status.answered{color:#93c5fd}html[data-theme="dark"] .widget-qna-status.unanswered{color:#fcd34d}@media(max-width:640px){.widget-qna-item{grid-template-columns:44px minmax(0,1fr);padding:10px}.widget-qna-icon{width:44px;height:44px;border-radius:15px}}

/* EchoBilisim 1.1.17 - Yönetim paneli anasayfa Son Soru-Cevap kartı */
.dashboard-qna-card{margin-top:22px;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(14,165,233,.04),var(--card));border:1px solid var(--line);box-shadow:0 18px 44px rgba(15,23,42,.06)}
.dashboard-qna-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.dashboard-qna-head h2{margin:7px 0 6px;font-size:clamp(21px,2.3vw,30px);letter-spacing:-.035em}.dashboard-qna-head p{margin:0;color:var(--muted);line-height:1.55;max-width:720px}.dashboard-qna-eyebrow{display:inline-flex;align-items:center;width:max-content;padding:6px 11px;border-radius:999px;background:rgba(37,99,235,.1);color:var(--primary,#2563eb);font-size:12px;font-weight:950;letter-spacing:.03em;text-transform:uppercase}.dashboard-qna-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.dashboard-qna-total{display:grid;gap:2px;min-width:94px;padding:10px 13px;border-radius:18px;border:1px solid rgba(37,99,235,.16);background:var(--card);text-align:center}.dashboard-qna-total strong{font-size:24px;line-height:1;color:var(--primary,#2563eb)}.dashboard-qna-total small{font-size:11px;color:var(--muted);font-weight:850}.dashboard-qna-list{display:grid;gap:10px}.dashboard-qna-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:20px;background:var(--card);color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dashboard-qna-item:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.28);box-shadow:0 14px 30px rgba(15,23,42,.07)}.dashboard-qna-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(124,58,237,.1));border:1px solid rgba(37,99,235,.15);font-size:25px}.dashboard-qna-main{display:grid;gap:6px;min-width:0}.dashboard-qna-main strong{font-size:16px;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-qna-main small{color:var(--muted);font-size:12px;line-height:1.35}.dashboard-qna-badges{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.dashboard-qna-badges em,.dashboard-qna-badges small{font-style:normal;display:inline-flex;align-items:center;min-height:24px;padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:var(--bg);font-size:11px;font-weight:900;color:var(--muted);white-space:nowrap}.dashboard-qna-state.solved{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.25);color:#15803d}.dashboard-qna-state.answered{background:rgba(37,99,235,.1);border-color:rgba(37,99,235,.22);color:#2563eb}.dashboard-qna-state.unanswered{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.25);color:#b45309}.dashboard-qna-status{background:var(--card)!important;color:var(--text)!important}.dashboard-qna-empty{border:1px dashed var(--line);border-radius:20px;background:var(--card);padding:18px;display:grid;gap:5px;color:var(--muted)}.dashboard-qna-empty strong{color:var(--text);font-size:16px}html[data-theme="dark"] .dashboard-qna-card{background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(15,23,42,.34),var(--card))}html[data-theme="dark"] .dashboard-qna-state.solved{color:#86efac}html[data-theme="dark"] .dashboard-qna-state.answered{color:#93c5fd}html[data-theme="dark"] .dashboard-qna-state.unanswered{color:#fcd34d}@media(max-width:900px){.dashboard-qna-head{display:grid}.dashboard-qna-actions{justify-content:flex-start}.dashboard-qna-item{grid-template-columns:48px minmax(0,1fr)}.dashboard-qna-badges{grid-column:1/-1;justify-content:flex-start;padding-left:60px}.dashboard-qna-icon{width:48px;height:48px;border-radius:16px;font-size:22px}}@media(max-width:560px){.dashboard-qna-card{border-radius:22px}.dashboard-qna-item{grid-template-columns:1fr}.dashboard-qna-icon{width:46px;height:46px}.dashboard-qna-badges{padding-left:0}.dashboard-qna-actions{display:grid;grid-template-columns:1fr}.dashboard-qna-total{text-align:left;grid-template-columns:auto 1fr;align-items:end}.dashboard-qna-total small{align-self:end}.dashboard-qna-actions .btn{width:100%;justify-content:center}}


/* 2026-05-28 yazı içi sosyal medya gömme taşma düzeltmesi */
.article-detail-main,.article-detail-main .card,.article-detail-main .card-body,.article-content,.article-preview-card,.rich-editor-box,.hp-clean-editor-area{min-width:0;max-width:100%;overflow-wrap:anywhere}.article-content{overflow-x:clip}.article-content .hp-responsive-social-embed,.article-content .social-embed,.article-preview-card .hp-responsive-social-embed,.article-preview-card .social-embed{display:grid!important;justify-items:center!important;align-items:start;width:100%!important;max-width:100%!important;min-width:0!important;margin:22px auto!important;box-sizing:border-box;overflow:visible!important;border-radius:18px}.article-content .social-embed blockquote,.article-content .social-embed iframe,.article-content .twitter-tweet,.article-content .twitter-tweet-rendered,.article-content .instagram-media,.article-content .instagram-media-rendered,.article-content .tiktok-embed,.article-content iframe.twitter-tweet,.article-content iframe.social-iframe,.article-preview-card .social-embed blockquote,.article-preview-card .social-embed iframe,.article-preview-card .twitter-tweet,.article-preview-card .twitter-tweet-rendered,.article-preview-card .instagram-media,.article-preview-card .instagram-media-rendered,.article-preview-card .tiktok-embed{width:min(100%,560px)!important;max-width:100%!important;min-width:0!important;max-height:none!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;overflow:visible!important}.article-content .social-embed iframe,.article-preview-card .social-embed iframe{display:block!important;overflow:hidden!important;scrollbar-width:none!important}.article-content .social-embed iframe::-webkit-scrollbar,.article-preview-card .social-embed iframe::-webkit-scrollbar{display:none!important}.article-content .instagram-media,.article-content .instagram-media-rendered{width:min(100%,540px)!important}.article-content .tiktok-embed{width:min(100%,605px)!important}.article-content .social-embed-facebook.article-iframe-embed{display:block!important;width:100%!important;min-height:0!important;height:auto!important;padding-top:0!important;overflow:visible!important;background:transparent!important}.article-content .social-embed-facebook.article-iframe-embed iframe{position:static!important;inset:auto!important;width:100%!important;max-width:734px!important;min-height:620px!important;height:var(--hp-social-facebook-height,720px)!important;border:0!important;background:transparent!important}.article-content .social-embed .social-embed-fallback{max-width:560px;width:100%;margin:8px auto 0;text-align:center;overflow-wrap:anywhere}.rich-editor-box .hp-responsive-social-embed,.rich-editor-box .social-embed,.hp-clean-editor-area .hp-responsive-social-embed,.hp-clean-editor-area .social-embed{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;overflow:visible!important}.rich-editor-box .social-embed blockquote,.hp-clean-editor-area .social-embed blockquote{width:min(100%,560px)!important;max-width:100%!important;min-width:0!important;max-height:none!important;margin-left:auto!important;margin-right:auto!important;overflow:visible!important}.editor-embed-tools{max-width:100%;overflow:hidden}.editor-embed-tools .grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editor-embed-tools label,.editor-embed-tools input{min-width:0;width:100%}.editor-embed-tools .actions{display:flex;gap:8px;flex-wrap:wrap}.editor-embed-tools .actions .btn{white-space:normal}@media(max-width:760px){.article-content .hp-responsive-social-embed,.article-content .social-embed{margin:18px auto!important;border-radius:16px}.article-content .social-embed-facebook.article-iframe-embed iframe{min-height:680px!important;height:var(--hp-social-facebook-height-mobile,780px)!important}.editor-embed-tools .grid.two{grid-template-columns:1fr}.editor-embed-tools .actions{display:grid;grid-template-columns:1fr}.editor-embed-tools .actions .btn{width:100%;justify-content:center}.hp-editor-embed-card{width:min(96vw,520px);max-width:96vw}.hp-editor-embed-field input{width:100%;min-width:0}}@media(max-width:420px){.article-content .social-embed-facebook.article-iframe-embed iframe{min-height:720px!important;height:var(--hp-social-facebook-height-small,840px)!important}}