/* ==================================================================================================================
   Kontrol paneli (2026-09-29): sitenin yeni header/footer'ı içinde solda panel menüsü, sağda içerik. Yalnız panel
   sayfalarında ve "son bildirimler" sayfasında yüklenir (static/header.blade.php). Renkler public-site.css'teki
   logo paletinden (--tl-*, --ps-*) gelir. Eski satır içi stiller (kapsamsız input/th/select kuralları) kaldırıldı;
   form, tablo ve editör stilleri burada toplandı.
   ================================================================================================================== */

/* ------------------------------------------------------------------ Düzen */
/* .m-left eski temada overflow:hidden; yapışkan (sticky) menü o kutuya göre konumlanıp 88px aşağı kayıyordu. */
body.public-site .panel-layout { overflow: visible !important; display: grid !important; grid-template-columns: 250px minmax(0, 1fr); align-items: start; gap: 22px; }
/* Tek sütun minmax(0,1fr): geniş tablolar sütunu büyütüp mobilde sayfayı yana taşırmasın, .table-responsive içinde kaysın */
body.public-site .panel-layout--tek { grid-template-columns: minmax(0, 1fr); }
body.public-site .panel-content { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 16px; min-width: 0; }
body.public-site .panel-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 16px; height: auto; margin: 0; padding: 0; border: 0; background: none; }
body.public-site .panel-head__kicker { display: block; margin-bottom: 4px; color: var(--tl-gold); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
body.public-site .panel-head__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
body.public-site .panel-head__title { margin: 0; color: #fff; font-size: 26px; font-weight: 800; line-height: 1.2; overflow-wrap: anywhere; }

/* ------------------------------------------------------------------ Panel menüsü */
body.public-site .panel-nav { position: sticky; top: calc(var(--tl-header-height) + 16px); display: grid; gap: 12px; box-sizing: border-box; padding: 14px; border: 1px solid var(--tl-card-border); border-radius: 14px; background: var(--tl-panel-bg); }
body.public-site .panel-user { display: flex; align-items: center; gap: 12px; padding: 4px 4px 14px; border-bottom: 1px solid rgba(216, 161, 89, .12); }
body.public-site .panel-user__avatar { flex: none; width: 48px; height: 48px; box-sizing: border-box; border: 2px solid rgba(216, 161, 89, .55); border-radius: 50%; background: #1A110C; object-fit: cover; }
body.public-site .panel-user__text { display: grid; gap: 2px; min-width: 0; }
body.public-site .panel-user__text strong { overflow: hidden; color: #fff; font-size: 15px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
body.public-site .panel-user__cash { color: var(--tl-gold); font-size: 12px; font-weight: 800; }
body.public-site .panel-nav__list { display: grid; gap: 2px; }
body.public-site .panel-nav__link { display: flex; align-items: center; gap: 10px; min-height: 40px; box-sizing: border-box; padding: 0 10px; border-radius: 10px; color: #EADCC6; font-size: 14px; font-weight: 600; text-decoration: none; transition: background-color .15s ease, color .15s ease; }
body.public-site .panel-nav__link:hover, body.public-site .panel-nav__link:focus-visible { background: rgba(255, 255, 255, .05); color: #fff; }
body.public-site .panel-nav__link.is-active { background: rgba(216, 161, 89, .13); box-shadow: inset 3px 0 0 var(--tl-gold); color: var(--ps-gold-light); }
body.public-site .panel-nav__icon { display: grid; flex: none; place-items: center; color: var(--tl-gold); }
body.public-site .panel-nav__icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.public-site .panel-nav__badge { min-width: 20px; height: 20px; margin-left: auto; box-sizing: border-box; padding: 0 6px; border-radius: 999px; background: #B34A38; color: #fff; font-size: 11px; font-weight: 800; line-height: 20px; text-align: center; }
body.public-site .panel-nav__badge[hidden] { display: none; }
body.public-site .panel-nav__link--logout { margin-top: 6px; border-top: 1px solid rgba(216, 161, 89, .12); border-radius: 0 0 10px 10px; color: var(--tl-muted); }
body.public-site .panel-nav__link--logout .panel-nav__icon { color: #C9826F; }

/* ------------------------------------------------------------------ Düğmeler */
body.public-site .panel-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; box-sizing: border-box; padding: 0 16px; border: 1px solid transparent; border-radius: 10px; font: inherit; font-size: 13px; font-weight: 800; letter-spacing: .03em; line-height: 1; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background .15s ease, border-color .15s ease, color .15s ease; }
body.public-site .panel-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
body.public-site .panel-btn--gold { background: linear-gradient(180deg, #EDD6A6 0%, #D8A159 52%, #9A5E2D 100%); box-shadow: 0 6px 18px rgba(216, 161, 89, .18), inset 0 1px 0 rgba(255, 255, 255, .4); color: #100A07 !important; text-transform: uppercase; }
body.public-site .panel-btn--gold:hover, body.public-site .panel-btn--gold:focus-visible { background: linear-gradient(180deg, #F3E1BB 0%, #E0AE6C 52%, #A86A34 100%); color: #100A07 !important; }
body.public-site .panel-btn--ghost { border-color: rgba(216, 161, 89, .35); background: rgba(255, 255, 255, .03); color: var(--ps-gold-light) !important; }
body.public-site .panel-btn--ghost:hover, body.public-site .panel-btn--ghost:focus-visible { border-color: var(--tl-gold); background: rgba(216, 161, 89, .12); color: #fff !important; }
body.public-site .panel-btn--sm { min-height: 32px; padding: 0 12px; font-size: 12px; }

/* Eski sınıflı düğmeler (tablo satırları controller'da HTML olarak üretiliyor) */
body.public-site .panel-content .btn,
body.public-site .post-content .table .btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 32px; box-sizing: border-box; margin: 2px; padding: 0 12px !important; border: 1px solid rgba(216, 161, 89, .35); border-radius: 8px; background: rgba(255, 255, 255, .03); box-shadow: none; color: var(--ps-gold-light) !important; font-size: 12.5px; font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; }
body.public-site .panel-content .btn:hover, body.public-site .panel-content .btn:focus-visible { border-color: var(--tl-gold); background: rgba(216, 161, 89, .12); color: #fff !important; }
body.public-site .panel-content .btn-danger { border-color: rgba(179, 74, 56, .55); color: #F0B4A5 !important; }
body.public-site .panel-content .btn-danger:hover { border-color: #B34A38; background: rgba(154, 58, 44, .28); color: #fff !important; }
body.public-site .panel-content .btn svg, body.public-site .panel-content .btn .icon { width: 16px; height: 16px; stroke: currentColor; }

/* ------------------------------------------------------------------ İçerik kartları */
body.public-site.panel-site .panel-content > .content,
body.public-site .panel-card { box-sizing: border-box; padding: 18px 20px; border: 1px solid var(--tl-card-border); border-radius: 14px; background: var(--tl-panel-bg); }
body.public-site .panel-card__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; height: auto; margin: 0 0 12px; padding: 0; border: 0; background: none; }
body.public-site .panel-card__head h2 { margin: 0; color: #fff; font-size: 16px; font-weight: 800; }
body.public-site .panel-card__head a { color: var(--ps-gold-light); font-size: 13px; font-weight: 700; text-decoration: none; }
body.public-site .panel-card__head a:hover { color: #fff; }

/* Uyarılar */
body.public-site .panel-alert,
body.public-site .panel-content .alert { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; box-sizing: border-box; margin: 0 0 12px; padding: 12px 16px; border: 1px solid rgba(216, 161, 89, .35); border-radius: 12px; background: linear-gradient(135deg, rgba(95, 40, 21, .4), rgba(16, 10, 7, .4)); color: #EADCC6 !important; font-size: 14px; line-height: 1.55; }
body.public-site .panel-alert { margin: 0; }
body.public-site .panel-alert--warn { border-color: rgba(179, 74, 56, .55); background: linear-gradient(135deg, rgba(154, 58, 44, .3), rgba(16, 10, 7, .4)); }

/* Sunucu düzenle: backlink ödülü duyurusu */
body.public-site .panel-bonus { margin: 4px 0 12px; padding: 14px 16px; border: 1px solid rgba(216, 161, 89, .5); border-radius: 12px; background: linear-gradient(135deg, rgba(216, 161, 89, .18), rgba(95, 40, 21, .22)); color: var(--ps-gold-light); font-size: 14px; font-weight: 800; line-height: 1.5; text-align: center; }

/* Genel bakış: istatistikler */
body.public-site .panel-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
body.public-site .panel-stat { display: grid; align-content: start; gap: 4px; box-sizing: border-box; padding: 14px 16px; border: 1px solid var(--tl-card-border); border-radius: 12px; background: var(--tl-card-bg); }
body.public-site .panel-stat__label { color: var(--tl-muted); font-size: 11.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
body.public-site .panel-stat__value { color: #fff; font-size: 28px; font-weight: 800; line-height: 1.15; font-variant-numeric: tabular-nums; }
body.public-site .panel-stat__note { color: var(--tl-muted); font-size: 12.5px; }
body.public-site .panel-stat__note a { color: var(--ps-gold-light); text-decoration: none; }
body.public-site .panel-stat__note a:hover { color: #fff; }
body.public-site .panel-stat--gold { border-color: rgba(216, 161, 89, .45); background: linear-gradient(160deg, rgba(216, 161, 89, .16), rgba(16, 10, 7, .3)); }
body.public-site .panel-stat--gold .panel-stat__value { color: var(--ps-gold-light); }

/* Genel bakış: son sunucular */
body.public-site .panel-servers { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
body.public-site .panel-server { display: grid; grid-template-columns: 124px minmax(0, 1fr) auto; align-items: center; gap: 14px; box-sizing: border-box; padding: 10px; border: 1px solid rgba(255, 255, 255, .06); border-radius: 12px; background: rgba(255, 255, 255, .02); }
body.public-site .panel-server__banner { display: block; width: 124px; height: 50px; border: 1px solid rgba(216, 161, 89, .25); border-radius: 6px; background: #1A110C; object-fit: cover; }
body.public-site .panel-server__body { min-width: 0; }
body.public-site .panel-server__title { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
body.public-site .panel-server__title > a, body.public-site .panel-server__title > span:first-child { color: #fff; font-size: 15px; font-weight: 800; text-decoration: none; }
body.public-site .panel-server__title > a:hover { color: var(--ps-gold-light); }
body.public-site .panel-server__stats { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 4px; color: var(--tl-muted); font-size: 12.5px; }
body.public-site .panel-server__stats span { display: inline-flex; align-items: center; gap: 5px; }
body.public-site .panel-server__stats svg { width: 14px; height: 14px; fill: none; stroke: var(--tl-gold); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.public-site .panel-server__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
body.public-site .panel-pill { display: inline-flex; align-items: center; padding: 2px 8px; border: 1px solid transparent; border-radius: 999px; font-size: 10.5px; font-weight: 800; letter-spacing: .04em; line-height: 1.5; text-transform: uppercase; }
body.public-site .panel-pill--active { border-color: rgba(117, 201, 134, .45); background: rgba(117, 201, 134, .12); color: #A9DDA0; }
body.public-site .panel-pill--wait { border-color: rgba(216, 161, 89, .45); background: rgba(216, 161, 89, .12); color: var(--ps-gold-light); }
body.public-site .panel-pill--passive { border-color: rgba(255, 255, 255, .15); background: rgba(255, 255, 255, .05); color: #BBA78B; }
body.public-site .panel-pill--vip { border-color: rgba(216, 161, 89, .7); background: linear-gradient(180deg, rgba(232, 205, 154, .22), rgba(154, 94, 45, .2)); color: #E8CD9A; }
body.public-site .panel-empty { display: grid; justify-items: center; gap: 12px; padding: 18px; color: var(--tl-muted); text-align: center; }
body.public-site .panel-empty p { margin: 0; }

/* Genel bakış: hesap bilgileri */
body.public-site .panel-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; margin: 0; }
body.public-site .panel-details > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, .06); }
body.public-site .panel-details dt { color: var(--tl-muted); font-size: 13px; }
body.public-site .panel-details dd { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; margin: 0; color: #fff; font-size: 13.5px; font-weight: 700; text-align: right; overflow-wrap: anywhere; }

/* ------------------------------------------------------------------ Formlar */
/* Eski temanın "Source Sans Pro" yazı tipi tablo ve form alanlarında kalıyordu; panel sitenin yazı tipini (Inter) kullanır. */
body.public-site .panel-content table, body.public-site .panel-content th, body.public-site .panel-content td, body.public-site .panel-content input, body.public-site .panel-content select, body.public-site .panel-content textarea, body.public-site .panel-content button, body.public-site .panel-content label { font-family: inherit; }
body.public-site.panel-site .panel-content form { row-gap: 6px; }
body.public-site.panel-site .panel-content .w-100 { width: 100%; }
body.public-site.panel-site .panel-content .w-50 { width: calc(50% - 8px); }
body.public-site.panel-site .panel-content label.text-white { color: #EADCC6 !important; font-size: 13px; font-weight: 700; }
body.public-site.panel-site .panel-content .input { margin-bottom: 12px; }
body.public-site.panel-site .panel-content input, body.public-site.panel-site .panel-content select, body.public-site.panel-site .panel-content textarea { color-scheme: dark; }
body.public-site.panel-site .panel-content textarea { min-height: 90px; padding: 10px 12px; line-height: 1.5; resize: vertical; }
body.public-site.panel-site .panel-content select { min-height: 47px; padding: 0 12px; }
body.public-site.panel-site .panel-content input:disabled, body.public-site.panel-site .panel-content input[readonly] { opacity: 1; background: rgba(255, 255, 255, .03) !important; color: #D6C3A6 !important; }
body.public-site.panel-site .panel-content input:focus, body.public-site.panel-site .panel-content select:focus, body.public-site.panel-site .panel-content textarea:focus { border-color: var(--tl-gold) !important; outline: 0; box-shadow: 0 0 0 3px rgba(216, 161, 89, .15); }
body.public-site.panel-site .panel-content input[type="file"] { height: auto !important; padding: 10px !important; color: var(--tl-muted); font-size: 13px; line-height: normal !important; }
body.public-site.panel-site .panel-content input[type="file"]::file-selector-button { margin-right: 12px; padding: 8px 14px; border: 1px solid rgba(216, 161, 89, .4); border-radius: 8px; background: rgba(216, 161, 89, .12); color: var(--ps-gold-light); font: inherit; font-weight: 700; cursor: pointer; }
body.public-site.panel-site .panel-content input[type="checkbox"] { accent-color: var(--tl-gold); }
/* <input>, <button> ve eski <div> düğmeler aynı boyda/yazıda görünsün */
body.public-site.panel-site .panel-content .submit { width: 100%; margin-top: 6px; font-family: inherit; font-size: 15px !important; font-weight: 800 !important; cursor: pointer; }
body.public-site.panel-site .panel-content .iletisim-tercihleri legend { color: #fff; }
body.public-site.panel-site .panel-content .iletisim-tercihleri a { color: var(--ps-gold-light); }

/* Desteklenen dil seçimi (çip görünümlü onay kutuları) */
body.public-site .checkbox-button { display: inline-flex; align-items: center; gap: 6px; margin: 4px; padding: 7px 12px; border: 1px solid rgba(216, 161, 89, .3); border-radius: 999px; background: rgba(255, 255, 255, .03); color: #EADCC6; font-size: 13px; font-weight: 700; cursor: pointer; }
body.public-site .checkbox-button:has(input:checked) { border-color: var(--tl-gold); background: rgba(216, 161, 89, .14); color: var(--ps-gold-light); }

/* Dil sekmeleri (sunucu adı, kısa açıklama, açıklama): görünürlük bu kurallara bağlı; -title/-short/düz sınıflar ayrı gruplar */
body.public-site .language-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
body.public-site .lang-tab-btn, body.public-site .lang-tab-btn-short, body.public-site .lang-tab-btn-title { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border: 1px solid rgba(216, 161, 89, .28); border-radius: 999px; background: rgba(255, 255, 255, .03); color: #C2AC8E; font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: all .15s ease; }
body.public-site .lang-tab-btn:hover, body.public-site .lang-tab-btn-short:hover, body.public-site .lang-tab-btn-title:hover { border-color: rgba(216, 161, 89, .55); color: #fff; }
body.public-site .lang-tab-btn.active, body.public-site .lang-tab-btn-short.active, body.public-site .lang-tab-btn-title.active { border-color: var(--tl-gold); background: rgba(216, 161, 89, .14); color: var(--ps-gold-light); }
body.public-site .lang-content, body.public-site .lang-content-short, body.public-site .lang-content-title { display: none; }
body.public-site .lang-content.active, body.public-site .lang-content-short.active, body.public-site .lang-content-title.active { display: block; }

/* Açıklama editörü (Quill) */
body.public-site .ql-toolbar.ql-snow { border: 1px solid rgba(216, 161, 89, .3) !important; border-bottom: 0 !important; border-radius: 10px 10px 0 0; background: #1A110C !important; }
body.public-site .ql-container.ql-snow { border: 1px solid rgba(216, 161, 89, .3) !important; border-radius: 0 0 10px 10px; background: rgba(12, 7, 5, .6) !important; color: #EADCC6; font-family: inherit !important; }
body.public-site .ql-editor { min-height: 200px !important; color: #EADCC6 !important; font-size: 14px !important; }
body.public-site .ql-editor.ql-blank::before { color: #9C8468 !important; opacity: 1; }
body.public-site .ql-snow .ql-stroke { stroke: #D8A159 !important; }
body.public-site .ql-snow .ql-fill { fill: #D8A159 !important; }
body.public-site .ql-snow .ql-picker { color: #D8A159 !important; }
body.public-site .ql-snow.ql-toolbar button:hover .ql-stroke, body.public-site .ql-snow.ql-toolbar button.ql-active .ql-stroke { stroke: #fff !important; }
body.public-site .ql-snow.ql-toolbar button:hover .ql-fill, body.public-site .ql-snow.ql-toolbar button.ql-active .ql-fill { fill: #fff !important; }
body.public-site .ql-snow .ql-picker-options { border-color: rgba(216, 161, 89, .3) !important; background: #1A110C !important; }
body.public-site .ql-snow .ql-tooltip { border-color: rgba(216, 161, 89, .3) !important; background: #1A110C !important; box-shadow: 0 10px 24px rgba(0, 0, 0, .4) !important; color: #EADCC6 !important; }
body.public-site .ql-snow .ql-tooltip input[type="text"] { border-color: rgba(216, 161, 89, .3) !important; background: #100A07 !important; color: #fff !important; }
body.public-site .ql-snow .ql-tooltip a { color: #D8A159 !important; }

/* Profil resmi */
body.public-site .panel-content .avatar { display: inline-block; width: 120px; height: 120px; box-sizing: border-box; border: 3px solid rgba(216, 161, 89, .55); border-radius: 50%; background-color: #1A110C; background-position: center; background-size: cover; box-shadow: 0 10px 26px rgba(0, 0, 0, .35); }

/* API sayfası: bölüm başlıkları, kopyalanacak adresler ve örnek kod */
body.public-site .panel-content .title { margin: 6px 0 0; padding: 10px 14px; border: 1px solid rgba(216, 161, 89, .25); border-radius: 10px; background: rgba(216, 161, 89, .08); color: var(--ps-gold-light); font-size: 15px; font-weight: 800; }
body.public-site .panel-content input.text { width: 100%; height: 45px; box-sizing: border-box; padding: 0 12px; border: 1px solid rgba(216, 161, 89, .3); border-radius: 8px; background: #100A07 !important; color: #E8CD9A !important; font-family: Consolas, Menlo, monospace; font-size: 14px !important; font-weight: 600 !important; }
body.public-site .panel-code { margin: 0; overflow: auto; padding: 16px 18px; border: 1px solid rgba(216, 161, 89, .25); border-radius: 12px; background: #0D0806; color: #EADCC6; font-family: Consolas, Menlo, 'Courier New', monospace; font-size: 13px; line-height: 1.6; white-space: pre; tab-size: 4; }

/* ------------------------------------------------------------------ Tablolar ve DataTables (2.x) */
body.public-site .panel-content .table-responsive, body.public-site .post-content .table-responsive { overflow-x: auto; }
body.public-site .panel-content .table, body.public-site .post-content .table { width: 100% !important; margin: 0; border-collapse: separate; border-spacing: 0; color: #EADCC6 !important; font-size: 13.5px; text-align: left !important; }
body.public-site .panel-content .table thead th, body.public-site .post-content .table thead th { padding: 10px 12px !important; border: 0 !important; border-bottom: 1px solid rgba(216, 161, 89, .25) !important; background: rgba(216, 161, 89, .07) !important; color: var(--ps-gold-light) !important; font-size: 11.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
body.public-site .panel-content .table thead tr:first-child th:has(.column_search) { background: transparent !important; }
body.public-site .panel-content .table tbody td, body.public-site .post-content .table tbody td { padding: 10px 12px !important; border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .06) !important; background: transparent !important; box-shadow: none !important; color: #EADCC6 !important; vertical-align: middle; }
body.public-site .panel-content .table tbody tr:nth-child(odd) > td, body.public-site .post-content .table tbody tr:nth-child(odd) > td { background: rgba(255, 255, 255, .02) !important; }
body.public-site .panel-content .table tbody tr:hover > td, body.public-site .post-content .table tbody tr:hover > td { background: rgba(216, 161, 89, .06) !important; }
body.public-site .panel-content .table .column_search { width: 100%; min-height: 34px; box-sizing: border-box; margin: 0; padding: 0 10px; border: 1px solid rgba(216, 161, 89, .25); border-radius: 8px; background: #140C08; color: #fff; font-size: 12.5px; font-weight: 600; letter-spacing: 0; text-transform: none; }
body.public-site .panel-content .dt-container { color: #EADCC6; }
body.public-site .panel-content .dt-container .dt-layout-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 0; }
body.public-site .panel-content .dt-container .dt-layout-row.dt-layout-table { display: block; margin: 0; }
body.public-site .panel-content .dt-container .dt-layout-cell { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
body.public-site .panel-content .dt-search label, body.public-site .panel-content .dt-length label, body.public-site .panel-content .dt-info { color: var(--tl-muted); font-size: 13px; }
body.public-site .panel-content .dt-search input, body.public-site .panel-content .dt-length select { min-height: 36px; box-sizing: border-box; margin: 0 6px; padding: 0 10px; border: 1px solid rgba(216, 161, 89, .3); border-radius: 8px; background: #140C08; color: #fff; font-size: 13px; }
/* Sayfalama: DataTables burada Bootstrap işaretlemesi üretiyor (ul.pagination > li.page-item > a.page-link). Eski temanın
   ".m-left .pagination .next" ok ikonu kuralı a.page-link.next'i 14px gri kutuya çeviriyordu; burada sıfırlanır. */
body.public-site .panel-content .dt-paging .pagination { display: flex; flex-wrap: wrap; gap: 6px; height: auto; margin: 0; padding: 0; border: 0; background: none; list-style: none; }
body.public-site .panel-content .dt-paging .dt-paging-button { min-width: 0; height: auto; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.public-site .panel-content .dt-paging .page-link { display: inline-flex; align-items: center; justify-content: center; width: auto !important; min-width: 36px; height: 36px !important; box-sizing: border-box; margin: 0 !important; padding: 0 12px !important; border: 1px solid var(--tl-card-border) !important; border-radius: 8px !important; background: var(--tl-panel-bg) !important; -webkit-mask: none !important; mask: none !important; color: #EADCC6 !important; font-size: 13px !important; font-weight: 700; line-height: 1 !important; text-decoration: none; cursor: pointer; }
body.public-site .panel-content .dt-paging .page-link:hover { border-color: var(--tl-card-border-hover) !important; color: #fff !important; }
body.public-site .panel-content .dt-paging .page-item.active .page-link { border-color: var(--tl-gold) !important; background: rgba(216, 161, 89, .16) !important; color: var(--ps-gold-light) !important; }
body.public-site .panel-content .dt-paging .page-item.disabled .page-link { opacity: .4; cursor: default; pointer-events: none; }
body.public-site .panel-content .dt-processing > div:last-child > div { background: var(--tl-gold) !important; }
body.public-site .panel-content .dt-container .dt-empty, body.public-site .panel-content .dataTables_empty { padding: 20px !important; color: var(--tl-muted) !important; text-align: center; }
body.public-site .panel-content .dt-processing { color: var(--tl-muted); }
body.public-site .panel-content table thead tr:first-child .dt-column-order { display: none; }

/* ------------------------------------------------------------------ Duyarlı */
@media (max-width: 1100px) {
  body.public-site .panel-layout { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  body.public-site .panel-nav { position: static; gap: 10px; padding: 10px; }
  body.public-site .panel-user { padding: 2px 2px 10px; }
  body.public-site .panel-nav__list { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
  body.public-site .panel-nav__list::-webkit-scrollbar { display: none; }
  body.public-site .panel-nav__link { flex: none; min-height: 36px; padding: 0 12px; border: 1px solid rgba(216, 161, 89, .2); border-radius: 999px; white-space: nowrap; }
  body.public-site .panel-nav__link.is-active { border-color: var(--tl-gold); box-shadow: none; }
  body.public-site .panel-nav__link--logout { margin-top: 0; border-top: 1px solid rgba(216, 161, 89, .2); border-radius: 999px; }
  body.public-site .panel-nav__badge { margin-left: 4px; }
}
@media (max-width: 640px) {
  body.public-site .panel-head__title { font-size: 21px; }
  body.public-site.panel-site .panel-content > .content, body.public-site .panel-card { padding: 14px; }
  body.public-site .panel-stat__value { font-size: 24px; }
  body.public-site .panel-server { grid-template-columns: 88px minmax(0, 1fr); gap: 10px; }
  body.public-site .panel-server__banner { width: 88px; height: 36px; }
  body.public-site .panel-server__actions { grid-column: 1 / -1; justify-content: flex-start; }
  body.public-site .panel-details { grid-template-columns: minmax(0, 1fr); }
  body.public-site.panel-site .panel-content .w-50 { width: 100%; }
}

/* Sunucu ekle/düzenle: formun başındaki örnek banner bilgisi */
body.public-site.panel-site .panel-content form > .w-100:first-child > .d-flex { gap: 14px 18px; margin-bottom: 14px; padding: 14px 16px; border: 1px dashed rgba(216, 161, 89, .35); border-radius: 12px; background: rgba(216, 161, 89, .05); text-align: left !important; }
body.public-site.panel-site .panel-content form > .w-100:first-child > .d-flex > strong { flex: 1 1 240px; color: #E8CD9A !important; font-size: 13px; font-weight: 600; line-height: 1.75; }
body.public-site.panel-site .panel-content form > .w-100:first-child > .d-flex > img { flex: 0 1 300px; width: 300px; max-width: 100%; height: auto; border: 1px solid rgba(216, 161, 89, .3); border-radius: 8px; }

/* Form altındaki düğme satırı (profil resmi: varsayılana dön + güncelle) */
body.public-site .panel-form-actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 10px; margin-top: 6px; }
body.public-site .panel-form-actions .submit { margin: 0 !important; }
body.public-site .panel-form-actions .panel-btn { min-height: 48px; }
@media (max-width: 640px) { body.public-site .panel-form-actions { grid-template-columns: minmax(0, 1fr); } }

/* ------------------------------------------------------------------ Sunucularım (kart listesi, 2026-09-29) */
/* JS'in gizlediği kartlar ve "sonuç yok" kutusu: display:grid/flex kuralları hidden özniteliğini ezmesin */
body.public-site .panel-content [hidden] { display: none !important; }
body.public-site .panel-btn--danger { border-color: rgba(179, 74, 56, .55); background: rgba(154, 58, 44, .1); color: #F0B4A5 !important; }
body.public-site .panel-btn--danger:hover, body.public-site .panel-btn--danger:focus-visible { border-color: #B34A38; background: rgba(154, 58, 44, .32); color: #fff !important; }
body.public-site .panel-btn--icon { width: 32px; padding: 0 !important; }
body.public-site .panel-btn:disabled { opacity: .5; cursor: default; }

/* Araç çubuğu: arama, durum çipleri, sıralama */
body.public-site .srv-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; box-sizing: border-box; padding: 12px; border: 1px solid var(--tl-card-border); border-radius: 14px; background: var(--tl-panel-bg); }
body.public-site .srv-search { position: relative; display: flex; flex: 1 1 220px; align-items: center; min-width: 0; margin: 0; }
body.public-site .srv-search svg { position: absolute; left: 12px; width: 17px; height: 17px; fill: none; stroke: #9C8468; stroke-width: 2; stroke-linecap: round; pointer-events: none; }
body.public-site.panel-site .panel-content .srv-search input { width: 100%; height: 40px; box-sizing: border-box; margin: 0; padding: 0 12px 0 38px; border: 1px solid rgba(216, 161, 89, .25); border-radius: 10px; background: #140C08; color: #fff; font-size: 14px; }
body.public-site.panel-site .panel-content .srv-search input::placeholder { color: #9C8468; opacity: 1; }
body.public-site .srv-chips { display: flex; flex-wrap: wrap; gap: 6px; }
body.public-site .srv-chip { display: inline-flex; align-items: center; gap: 7px; height: 36px; box-sizing: border-box; margin: 0; padding: 0 12px; border: 1px solid rgba(216, 161, 89, .25); border-radius: 999px; background: rgba(255, 255, 255, .03); color: #C2AC8E; font: inherit; font-size: 13px; font-weight: 700; line-height: 1; cursor: pointer; transition: border-color .15s ease, background-color .15s ease, color .15s ease; }
body.public-site .srv-chip:hover, body.public-site .srv-chip:focus-visible { border-color: rgba(216, 161, 89, .55); color: #fff; }
body.public-site .srv-chip.is-active { border-color: var(--tl-gold); background: rgba(216, 161, 89, .14); color: var(--ps-gold-light); }
body.public-site .srv-chip--active::before, body.public-site .srv-chip--wait::before, body.public-site .srv-chip--passive::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #6FBF7E; }
body.public-site .srv-chip--wait::before { background: var(--tl-gold); }
body.public-site .srv-chip--passive::before { background: #8A7B6C; }
body.public-site .srv-chip__count { min-width: 20px; box-sizing: border-box; padding: 0 6px; border-radius: 999px; background: rgba(255, 255, 255, .08); color: #EADCC6; font-size: 11.5px; line-height: 19px; text-align: center; font-variant-numeric: tabular-nums; }
body.public-site .srv-chip.is-active .srv-chip__count { background: rgba(216, 161, 89, .28); color: #fff; }
body.public-site .srv-sort { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 0 auto; color: var(--tl-muted); font-size: 13px; font-weight: 600; white-space: nowrap; }
body.public-site.panel-site .panel-content .srv-sort select { width: auto; height: 36px; min-height: 0; box-sizing: border-box; margin: 0; padding: 0 10px; border: 1px solid rgba(216, 161, 89, .25); border-radius: 10px; background-color: #140C08; color: #fff; font-size: 13px; }

/* Kartlar: soldaki ince şerit durum rengidir (yeşil aktif, altın onay bekliyor, gri pasif) */
body.public-site .srv-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
body.public-site .srv-card { --srv-durum: rgba(216, 161, 89, .45); display: grid; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--tl-card-border); border-radius: 14px; background: var(--tl-panel-bg); box-shadow: inset 3px 0 0 var(--srv-durum); transition: border-color .15s ease, opacity .25s ease, transform .25s ease; }
body.public-site .srv-card:hover { border-color: rgba(216, 161, 89, .32); }
body.public-site .srv-card--active { --srv-durum: #6FBF7E; }
body.public-site .srv-card--wait { --srv-durum: var(--tl-gold); }
body.public-site .srv-card--passive { --srv-durum: #6B5E52; }
body.public-site .srv-card--vip { border-color: rgba(216, 161, 89, .45); background: linear-gradient(135deg, rgba(216, 161, 89, .1), rgba(12, 7, 5, .5) 45%); }
body.public-site .srv-card.is-removing { opacity: 0; transform: translateX(14px); }
body.public-site .srv-card__main { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 18px; padding: 16px 18px 14px 20px; }
body.public-site .srv-card__media { display: block; align-self: start; overflow: hidden; border: 1px solid rgba(216, 161, 89, .25); border-radius: 8px; background: #1A110C; aspect-ratio: 468 / 190; }
body.public-site .srv-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.public-site .srv-card__body { display: grid; align-content: start; gap: 8px; min-width: 0; }
body.public-site .srv-card__title { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
body.public-site .srv-card__name { height: auto; margin: 0; padding: 0; border: 0; background: none; color: #fff; font-size: 18px; font-weight: 800; letter-spacing: 0; line-height: 1.25; text-transform: none; overflow-wrap: anywhere; }
body.public-site .srv-card__meta { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; color: var(--tl-muted); font-size: 12.5px; }
body.public-site .srv-card__meta li { display: inline-flex; align-items: center; gap: 5px; margin: 0; padding: 0; }
body.public-site .srv-card__meta svg, body.public-site .srv-stat dt svg, body.public-site .srv-card__note svg, body.public-site .srv-card__view svg { flex: none; width: 14px; height: 14px; fill: none; stroke: var(--tl-gold); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.public-site .srv-card__vip-until { color: var(--ps-gold-light); font-weight: 700; }
body.public-site .srv-card__stats { display: grid; grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); gap: 8px; margin: 4px 0 0; padding: 0; }
body.public-site .srv-stat { display: grid; gap: 3px; margin: 0; padding: 8px 12px; border: 1px solid rgba(255, 255, 255, .06); border-radius: 10px; background: rgba(255, 255, 255, .025); }
body.public-site .srv-stat dt { display: flex; align-items: center; gap: 5px; margin: 0; color: var(--tl-muted); font-size: 10.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
body.public-site .srv-stat dd { margin: 0; color: #fff; font-size: 19px; font-weight: 800; line-height: 1.15; font-variant-numeric: tabular-nums; }
body.public-site .srv-stat dd small { margin-left: 1px; color: var(--tl-muted); font-size: 12px; font-weight: 700; }
body.public-site .srv-stat--oy { border-color: rgba(216, 161, 89, .28); background: rgba(216, 161, 89, .08); }
body.public-site .srv-stat--oy dd { color: var(--ps-gold-light); }
body.public-site .srv-card__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; padding: 10px 18px 12px 20px; border-top: 1px solid rgba(216, 161, 89, .12); background: rgba(0, 0, 0, .16); }
body.public-site .srv-card__note { display: inline-flex; align-items: center; gap: 7px; margin: 0; color: var(--tl-muted); font-size: 13px; line-height: 1.4; }
body.public-site .srv-card__note--wait { color: var(--ps-gold-light); }
body.public-site .srv-card__view { display: inline-flex; align-items: center; gap: 6px; color: var(--ps-gold-light); font-size: 13px; font-weight: 700; text-decoration: none; }
body.public-site .srv-card__view:hover, body.public-site .srv-card__view:focus-visible { color: #fff; }
body.public-site .srv-card__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; margin-left: auto; }
body.public-site .srv-card__actions .panel-btn svg { width: 15px; height: 15px; }

/* Hiç sunucu yokken ve filtre boş kalınca */
body.public-site .srv-empty { display: grid; justify-items: center; gap: 10px; padding: 40px 20px; text-align: center; }
body.public-site .srv-empty__icon { display: grid; place-items: center; width: 64px; height: 64px; border: 1px solid rgba(216, 161, 89, .35); border-radius: 18px; background: rgba(216, 161, 89, .08); color: var(--tl-gold); }
body.public-site .srv-empty__icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.public-site .srv-empty h2 { height: auto; margin: 6px 0 0; padding: 0; border: 0; color: #fff; font-size: 20px; font-weight: 800; }
body.public-site .srv-empty p { max-width: 460px; margin: 0 0 6px; color: var(--tl-muted); font-size: 14px; line-height: 1.6; }
body.public-site .srv-no-result { padding: 22px; }

/* Silme onayı: theme.css onay düğmesini altın yapıyor; silmede kırmızı */

@media (max-width: 760px) {
  body.public-site .srv-card__main { grid-template-columns: 150px minmax(0, 1fr); gap: 14px; padding: 14px 14px 12px 16px; }
  body.public-site .srv-card__foot { padding: 10px 14px 12px 16px; }
  body.public-site .srv-sort { margin-left: 0; }
}
@media (max-width: 560px) {
  body.public-site .srv-card__main { grid-template-columns: minmax(0, 1fr); }
  /* Sayı kutuları (3 ya da 4) telefonda tek satırda: ikon gizlenir, etiket iki satıra inebilir */
  body.public-site .srv-card__stats { grid-template-columns: none; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; gap: 6px; }
  body.public-site .srv-stat { padding: 7px 8px; }
  body.public-site .srv-stat dt { font-size: 9.5px; letter-spacing: .03em; line-height: 1.2; white-space: normal; }
  body.public-site .srv-stat dt svg { display: none; }
  body.public-site .srv-stat dd { font-size: 16px; }
  body.public-site .srv-card__foot { align-items: stretch; flex-direction: column; }
  body.public-site .srv-card__actions { justify-content: flex-start; margin-left: 0; }
  body.public-site .srv-card__actions .panel-btn:not(.panel-btn--icon) { flex: 1 1 auto; }
  body.public-site .srv-toolbar { padding: 10px; }
  body.public-site .srv-sort { width: 100%; }
  body.public-site.panel-site .panel-content .srv-sort select { flex: 1; }
}

/* ------------------------------------------------------------------ İşlem Kayıtları ve Bildirimler (2026-09-29) */
/* Başlıktaki güvenlik notu (işlem kayıtları): tanımadık giriş varsa şifre sayfasına götürür */
body.public-site .panel-head__note { display: inline-flex; align-items: center; gap: 9px; max-width: 430px; box-sizing: border-box; padding: 9px 13px; border: 1px solid rgba(216, 161, 89, .25); border-radius: 10px; background: rgba(216, 161, 89, .06); color: #EADCC6; font-size: 12.5px; font-weight: 600; line-height: 1.4; text-decoration: none; transition: border-color .15s ease, color .15s ease; }
body.public-site .panel-head__note:hover, body.public-site .panel-head__note:focus-visible { border-color: var(--tl-gold); color: #fff; }
body.public-site .panel-head__note svg { flex: none; width: 18px; height: 18px; fill: none; stroke: var(--tl-gold); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.public-site .panel-head__actions + .panel-head__note { margin-left: auto; }

/* Zaman akışı: gün başlıkları, dikey çizgiyle bağlı tür ikonları */
body.public-site .log-card { padding: 4px 20px 12px; }
body.public-site .log-day { display: flex; align-items: center; gap: 12px; height: auto; margin: 14px 0 4px; padding: 0; border: 0; background: none; color: var(--tl-gold); font-size: 11.5px; font-weight: 800; letter-spacing: .08em; line-height: 1.4; text-transform: uppercase; }
body.public-site .log-day::after { content: ""; flex: 1; height: 1px; background: rgba(216, 161, 89, .16); }
body.public-site .log-list { position: relative; margin: 0; padding: 0; list-style: none; }
body.public-site .log-list::before { content: ""; position: absolute; top: 22px; bottom: 22px; left: 17px; width: 1px; background: rgba(216, 161, 89, .18); }
body.public-site .log-item { --log-renk: var(--tl-gold); --log-zemin: rgba(216, 161, 89, .1); --log-kenar: rgba(216, 161, 89, .35); position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 12px; margin: 0; padding: 8px 0; }
body.public-site .log-item--login { --log-renk: #7FCB8C; --log-zemin: rgba(111, 191, 126, .12); --log-kenar: rgba(111, 191, 126, .4); }
body.public-site .log-item--logout { --log-renk: #A8998A; --log-zemin: rgba(255, 255, 255, .04); --log-kenar: rgba(255, 255, 255, .14); }
body.public-site .log-item--server { --log-renk: #E8CD9A; --log-zemin: rgba(232, 205, 154, .08); --log-kenar: rgba(232, 205, 154, .3); }
body.public-site .log-item--comment, body.public-site .log-item--article_comment, body.public-site .log-item--forum { --log-renk: #D99A86; --log-zemin: rgba(179, 74, 56, .13); --log-kenar: rgba(179, 74, 56, .45); }
body.public-site .log-item__icon { position: relative; z-index: 1; display: grid; place-items: center; width: 36px; height: 36px; box-sizing: border-box; border: 1px solid var(--log-kenar); border-radius: 50%; background: linear-gradient(var(--log-zemin), var(--log-zemin)), #1A110C; color: var(--log-renk); }
body.public-site .log-item__icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.public-site .log-item__body { min-width: 0; }
body.public-site .log-item__text { margin: 0; color: #F1E6D4; font-size: 14px; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
body.public-site .log-item__meta { display: flex; flex-wrap: wrap; align-items: center; margin: 3px 0 0; color: var(--tl-muted); font-size: 12px; line-height: 1.5; }
body.public-site .log-item__meta > * + *::before { content: "·"; margin: 0 7px; color: rgba(234, 220, 198, .35); font-weight: 400; }
body.public-site .log-item__type { color: var(--log-renk); font-weight: 700; }
body.public-site .log-item__meta time { font-variant-numeric: tabular-nums; }
body.public-site .log-item__ip { font-variant-numeric: tabular-nums; }
body.public-site .log-item__link { display: inline-flex; align-items: center; gap: 5px; color: var(--ps-gold-light); font-size: 12.5px; font-weight: 700; text-decoration: none; white-space: nowrap; }
body.public-site .log-item__link:hover, body.public-site .log-item__link:focus-visible { color: #fff; }
body.public-site .log-item__link svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.public-site .log-chip--login::before, body.public-site .log-chip--logout::before, body.public-site .log-chip--account::before, body.public-site .log-chip--server::before, body.public-site .log-chip--comment::before, body.public-site .log-chip--article_comment::before, body.public-site .log-chip--forum::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--tl-gold); }
body.public-site .log-chip--login::before { background: #7FCB8C; }
body.public-site .log-chip--logout::before { background: #A8998A; }
body.public-site .log-chip--server::before { background: #E8CD9A; }
body.public-site .log-chip--comment::before, body.public-site .log-chip--article_comment::before, body.public-site .log-chip--forum::before { background: #D99A86; }
body.public-site a.srv-chip { text-decoration: none; }

/* Bildirimler: okunmamışlar altın zemin, solda şerit ve ikonda kırmızı nokta ile öne çıkar */
body.public-site .ntf-card { padding: 6px 8px; }
body.public-site .ntf-list { margin: 0; padding: 0; list-style: none; }
body.public-site .ntf-item { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: start; gap: 12px; margin: 0; padding: 14px 12px; border-radius: 10px; transition: background-color .25s ease; }
body.public-site .ntf-item + .ntf-item { border-top: 1px solid rgba(255, 255, 255, .05); }
body.public-site .ntf-item.is-unread { background: linear-gradient(90deg, rgba(216, 161, 89, .11), rgba(216, 161, 89, .02)); }
body.public-site .ntf-item.is-unread::before { content: ""; position: absolute; top: 12px; bottom: 12px; left: 0; width: 3px; border-radius: 3px; background: var(--tl-gold); }
body.public-site .ntf-item__icon { position: relative; display: grid; place-items: center; width: 40px; height: 40px; box-sizing: border-box; border: 1px solid rgba(216, 161, 89, .22); border-radius: 12px; background: #1A110C; color: #9C8468; }
body.public-site .ntf-item.is-unread .ntf-item__icon { border-color: rgba(216, 161, 89, .55); background: rgba(216, 161, 89, .12); color: var(--tl-gold); }
body.public-site .ntf-item.is-unread .ntf-item__icon::after { content: ""; position: absolute; top: -4px; right: -4px; width: 11px; height: 11px; box-sizing: border-box; border: 2px solid #140C08; border-radius: 50%; background: #C0503C; }
body.public-site .ntf-item__icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.public-site .ntf-item__body { min-width: 0; }
body.public-site .ntf-item__text { color: #D9C9B0; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
body.public-site .ntf-item.is-unread .ntf-item__text { color: #fff; font-weight: 600; }
body.public-site .ntf-item__text p { margin: 0 0 6px; }
body.public-site .ntf-item__text p:last-child { margin-bottom: 0; }
body.public-site .ntf-item__text a { color: var(--ps-gold-light); }
body.public-site .ntf-item__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 6px 0 0; color: var(--tl-muted); font-size: 12px; }
body.public-site .ntf-item__new { padding: 1px 7px; border-radius: 999px; background: rgba(179, 74, 56, .22); color: #F0B4A5; font-size: 10.5px; font-weight: 800; letter-spacing: .05em; line-height: 1.6; text-transform: uppercase; }
body.public-site .ntf-item__link { align-self: center; }

/* Sayfalama */
body.public-site .panel-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }
body.public-site .panel-pager__info { margin: 0; color: var(--tl-muted); font-size: 13px; }
body.public-site .panel-pager__list { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 0 auto; padding: 0; list-style: none; }
body.public-site .panel-pager__list li { margin: 0; padding: 0; }
body.public-site .panel-pager__link { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; box-sizing: border-box; padding: 0 12px; border: 1px solid var(--tl-card-border); border-radius: 8px; background: var(--tl-panel-bg); color: #EADCC6; font-size: 13px; font-weight: 700; text-decoration: none; font-variant-numeric: tabular-nums; }
body.public-site a.panel-pager__link:hover, body.public-site a.panel-pager__link:focus-visible { border-color: var(--tl-gold); color: #fff; }
body.public-site .panel-pager__link.is-current { border-color: var(--tl-gold); background: rgba(216, 161, 89, .16); color: var(--ps-gold-light); }
body.public-site .panel-pager__link.is-disabled { opacity: .4; cursor: default; }
body.public-site .panel-pager__gap { display: inline-flex; align-items: center; height: 36px; padding: 0 4px; color: var(--tl-muted); }

@media (max-width: 560px) {
  body.public-site .panel-head__note { max-width: none; width: 100%; }
  body.public-site .log-card { padding: 2px 14px 10px; }
  body.public-site .log-item { grid-template-columns: 32px minmax(0, 1fr); gap: 10px; }
  body.public-site .log-list::before { left: 15px; }
  body.public-site .log-item__icon { width: 32px; height: 32px; }
  body.public-site .log-item__link { grid-column: 2; justify-self: start; }
  body.public-site .ntf-card { padding: 4px; }
  body.public-site .ntf-item { grid-template-columns: 36px minmax(0, 1fr); gap: 10px; padding: 12px 10px; }
  body.public-site .ntf-item__icon { width: 36px; height: 36px; }
  body.public-site .ntf-item__link { grid-column: 2; justify-self: start; }
  body.public-site .panel-pager { justify-content: center; }
  body.public-site .panel-pager__info { width: 100%; text-align: center; }
  body.public-site .panel-pager__list { justify-content: center; margin: 0; }
  body.public-site .panel-pager__link--step { padding: 0 10px; }
}

/* Hesap Bilgilerim > Hesabı kapat (KVKK, 2026-09-30) */
body.public-site .panel-danger { margin-top: 18px; border-color: rgba(179, 74, 56, .45); }
body.public-site .panel-danger__title { margin: 0 0 6px; padding: 0; border: 0; color: #F0B4A5; font-size: 18px; font-weight: 800; line-height: 1.3; }
body.public-site .panel-danger__text { margin: 0 0 14px; color: #C9B596; font-size: 14px; line-height: 1.6; }
/* Şifre alanı ve onay kutusu ortak form bileşeninden gelir (public-site.css "Kimlik ve hesap formları"). */
body.public-site .panel-danger__form { gap: 14px; max-width: 440px; }
body.public-site .panel-danger__form .auth-check input[type="checkbox"] { accent-color: #B34A38; }
body.public-site .panel-danger .panel-btn { justify-self: start; }

/* Sunucularım / sunucu düzenle: yöneticinin pasife alma notu */
body.public-site .srv-card__reason { box-sizing: border-box; margin: 4px 0 0; padding: 8px 12px; border-left: 3px solid rgba(179, 74, 56, .8); border-radius: 0 8px 8px 0; background: rgba(154, 58, 44, .16); color: #EADCC6; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
body.public-site .srv-card__reason strong { margin-right: 4px; color: #F0B4A5; }
body.public-site .panel-alert--blok { display: block; margin: 0 0 12px; }
body.public-site .panel-alert--blok p { margin: 0; overflow-wrap: anywhere; }
body.public-site .panel-alert--blok p + p { margin-top: 6px; }

/* Konularım (2026-10-03): sunucu kartının görselsiz hâli; başlık konuya bağlantıdır */
body.public-site .srv-card--konu .srv-card__main { grid-template-columns: minmax(0, 1fr); }
body.public-site .srv-card--konu .srv-card__name { font-size: 17px; }
/* Üç sayı kutusu eşit genişlikte; auto-fill'in 124px'lik sütunlarına "GÖRÜNTÜLENME" sığmıyordu */
body.public-site .srv-card--konu .srv-card__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 560px; }
body.public-site .srv-card--konu .srv-card__name a { color: inherit; text-decoration: none; }
body.public-site .srv-card--konu .srv-card__name a:hover, body.public-site .srv-card--konu .srv-card__name a:focus-visible { color: var(--ps-gold-light); }
body.public-site .srv-empty__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }