/* ════════════════════════════════════════════════════════════════
   BASIC (FLAT) GÖRÜNÜM KATMANI
   01-base.css ve 02-variables.css'teki "premium" katmanların üzerine
   en son yüklenir ve tüm süslemeyi geri alır: gradyan yok, glow yok,
   cam/parlama (shine) overlay yok, spring animasyon yok, gradient
   metin yok. Sadece düz zemin + ince kenarlık + küçük radius.
   Layout, spacing, JS'e dokunulmaz.
════════════════════════════════════════════════════════════════ */

/* ── DEKORATİF PSEUDO-OVERLAY'LERİ KALDIR ── */
.scard::before,
#faction-card::before,
#profile-card::before,
#tb-menu-card::before,
.btn::after,
.tb-btn::before,
.fc-btn::after {
  content: none !important;
}

/* ── KARTLAR / PANELLER — düz zemin, ince kenarlık ── */
.scard,
#faction-card,
#profile-card,
.mailbox-box,
.lbox,
#chat-panel,
#ptoolbar,
#pixel-widget,
#tb-menu-card,
.fc-banner,
.fc-invite-box,
.pcs-card,
.pca-row,
#profile-btn,
#faction-sub-btn,
#ubadge,
#tb-hamburger {
  background: var(--surf) !important;
  border: 1px solid var(--bdr) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
/* Modallar zeminden ayrışsın diye tek, sade bir gölge yeter */
#faction-card,
#profile-card,
.mailbox-box,
.lbox,
#chat-panel {
  box-shadow: 0 12px 40px rgba(0,0,0,.45) !important;
}

/* Radius skalası: köşeli (boxy) görünüm — modallar 3px, geri kalan 2px */
#faction-card, #profile-card, .mailbox-box, .lbox,
#levelup-inner, #streak-inner { border-radius: 3px !important; }
.scard, #chat-panel, #ptoolbar, #pixel-widget, #profile-btn,
.fc-banner, .pcs-card, .pca-row, .fc-browse-row,
.btn, .fc-btn, .ptbtn, .fc-invite-box, .pca-danger-btn,
.tb-btn, .zb, .fc-small-btn, .fc-copy-btn, .pc-save-name,
#chat-send, .fc-chat-send, .fc-tab, .pc-tab, .ch-tab,
.mail-accept-btn, .mail-reject-btn, #ubadge, #tb-hamburger,
#faction-sub-btn, .fc-diplo-btn, .fc-color-swatch, .pca-select,
.pca-lang-switch, .auth-tab, .qcard, .quest-tab, .qcard-claim,
.mail-item, .fc-diplo-item { border-radius: 2px !important; }

/* Satır kartları */
.fc-diplo-item, .fc-browse-row, .mail-item, .pcs-card, .pca-row {
  border: 1px solid var(--bdr) !important;
  box-shadow: none !important;
  background: var(--surf2) !important;
}
.fc-diplo-item:hover, .fc-browse-row:hover, .mail-item:hover,
.pcs-card:hover, .pca-row:hover {
  border-color: var(--bdr2) !important;
  background: var(--surf3) !important;
  box-shadow: none !important;
}
.mail-item.unread {
  border-color: var(--accent) !important;
  background: rgba(var(--accent-rgb),.08) !important;
  box-shadow: none !important;
}
.fc-member:hover, .fc-browse-row:hover {
  background: var(--surf3) !important;
  box-shadow: none !important;
}

/* ── BUTONLAR — düz accent, glow ve zıplama yok ── */
.btn,
.fc-btn:not(.danger):not(.secondary),
.fc-copy-btn,
.pc-save-name,
#chat-send,
.fc-chat-send,
.fc-tab.active,
.pc-tab.active,
.ch-tab.active,
.pca-lang-btn.active,
#tpl-done-btn {
  background: var(--accent) !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
}
.btn:hover,
.fc-btn:hover:not(.danger):not(.secondary),
.fc-copy-btn:hover,
.pc-save-name:hover,
#chat-send:hover:not(:disabled),
.fc-chat-send:hover {
  opacity: .88 !important;
  transform: none !important;
  box-shadow: none !important;
}
.btn:active, .tb-btn:active, .fc-btn:active, .ptbtn:active, .zb:active {
  transform: none !important;
  box-shadow: none !important;
}

/* İkincil / nötr butonlar */
.tb-btn, .fc-small-btn, .fc-diplo-btn, .ptbtn, .zb,
.fc-btn.secondary, #tb-hamburger, #faction-sub-btn {
  background: var(--surf2) !important;
  border: 1px solid var(--bdr) !important;
  box-shadow: none !important;
}
.tb-btn:hover, .fc-small-btn:hover, .fc-diplo-btn:hover, .ptbtn:hover, .zb:hover,
.fc-btn.secondary:hover, #tb-hamburger:hover, #faction-sub-btn:hover, #profile-btn:hover {
  background: var(--surf3) !important;
  border-color: var(--bdr2) !important;
  box-shadow: none !important;
  transform: none !important;
}
.ptbtn.active {
  background: rgba(var(--accent-rgb),.18) !important;
  border-color: var(--accent) !important;
  box-shadow: none !important;
}
.ptbtn.event-on {
  background: rgba(232,24,106,.15) !important;
  border-color: rgba(232,24,106,.5) !important;
  box-shadow: none !important;
}
#mailbox-btn {
  background: var(--surf2) !important;
  border: 1px solid var(--bdr) !important;
  box-shadow: none !important;
}
#mailbox-btn:hover {
  background: var(--surf3) !important;
  border-color: var(--bdr2) !important;
  box-shadow: none !important;
}

/* Tehlike / onay butonları — düz renk */
.fc-btn.danger, .pca-danger-btn, .war-decl-close {
  background: #c53030 !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
}
.fc-btn.danger:hover, .pca-danger-btn:hover, .war-decl-close:hover {
  opacity: .88 !important;
  box-shadow: none !important;
}
.mail-accept-btn {
  background: rgba(0,184,136,.14) !important;
  border: 1px solid rgba(0,184,136,.45) !important;
  box-shadow: none !important;
}
.mail-accept-btn:hover { background: rgba(0,184,136,.24) !important; box-shadow: none !important; }
.mail-reject-btn {
  background: rgba(240,74,74,.10) !important;
  border: 1px solid rgba(240,74,74,.40) !important;
  box-shadow: none !important;
}
.mail-reject-btn:hover { background: rgba(240,74,74,.20) !important; box-shadow: none !important; }

/* Sekmeler */
.fc-tab:hover:not(.active), .pc-tab:hover:not(.active), .ch-tab:hover:not(.active) {
  background: var(--surf2) !important;
  box-shadow: none !important;
}
.fc-tab.active, .pc-tab.active, .ch-tab.active { box-shadow: none !important; }

/* Girdi alanları */
#chat-input, .fc-chat-input, .pc-input, .lbox input, .pca-select {
  background: var(--bg) !important;
  border: 1px solid var(--bdr) !important;
  box-shadow: none !important;
}
#chat-input:focus, .fc-chat-input:focus, .pc-input:focus,
.lbox input:focus, .pca-select:focus {
  border-color: var(--accent) !important;
  box-shadow: none !important;
}

/* Toggle */
.pca-toggle input:checked + .pca-toggle-slider {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  box-shadow: none !important;
}

/* ── GRADIENT METİNLERİ DÜZ RENGE ÇEVİR ── */
#topbar h1, .lbox h1, .fc-header h2, .pc-header h2,
.quest-header h2, .quest-sum-val,
#levelup-lv, #streak-days, .pc-lv-num, .pc-streak-num, .lvl-rank-lv {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--txt) !important;
}
#levelup-lv, .pc-lv-num, .lvl-rank-lv { color: var(--accent-text) !important; }
#streak-days, .pc-streak-num { color: var(--gold) !important; }
.quest-sum-val { color: var(--green) !important; }

/* ── BAR / ROZETLER — düz renk ── */
.pb-xp-bar, .pc-lv-bar { background: var(--accent) !important; }
.pb-lv-badge, .lvl-rank-av { background: var(--accent) !important; }
.pb-streak-badge { background: var(--gold) !important; color: #000 !important; }

/* ── BANNER / BİLDİRİMLER — düz zemin, pulse glow yok ── */
#announce-banner {
  background: var(--surf) !important;
  border: 1px solid var(--bdr2) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.45) !important;
  color: var(--txt) !important;
}
#pixel-event-banner {
  background: #e8186a !important;
  border: none !important;
  box-shadow: none !important;
  animation: none !important;
}
#levelup-notif, #streak-notif {
  background: var(--surf) !important;
  border: 1px solid var(--bdr2) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.45) !important;
  padding: 0 !important;
}
#levelup-inner, #streak-inner {
  background: var(--surf) !important;
}
#war-decl-inner {
  background: #14151f !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.5) !important;
}

/* ── GÖREVLER — zümrüt gradyanlar düz yeşile ── */
.quest-header-icon { background: #00b888 !important; box-shadow: none !important; }
.quest-tab.active { background: #00b888 !important; box-shadow: none !important; }
.qcard-bar, .qcard.done .qcard-bar { background: #00b888 !important; }
.qcard-icon, .qcard.done .qcard-icon { background: rgba(0,184,136,.14) !important; }
.qcard-claim.ready { background: #00b888 !important; box-shadow: none !important; }
.qcard-claim:hover { transform: none !important; }
#quest-complete-notif { background: #016348 !important; box-shadow: 0 8px 28px rgba(0,0,0,.45) !important; }

/* ── SEÇİM/HOVER'DA ZIPLAMA YOK ── */
.fc-color-swatch, .pc-frame, .pca-theme-swatch {
  transition: border-color .15s ease, background .15s ease !important;
}
.fc-color-swatch:hover, .pc-frame:hover { transform: none !important; box-shadow: none !important; }
.fc-color-swatch.sel, .pc-frame.active {
  border-color: var(--txt) !important;
  box-shadow: none !important;
}

/* Login arkaplan blur'u kalksın — düz karartma yeterli */
#login {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Chat pulse halkası sönük kalsın */
@keyframes pulse-chat {
  0%, 100% { box-shadow: none; }
}

/* ════════════════════════════════════════════════════════════════
   KLASİK GÖRÜNÜM — v2
   Nötr gri palet (indigo tonlu "modern koyu" yerine), klasik sistem
   fontları, normal harf kullanımı. 02-variables.css'ten sonra
   yüklendiği için buradaki değişken tanımları oradakileri ezer.
════════════════════════════════════════════════════════════════ */

:root {
  /* Klasik font yığını — süslü display fontu yok */
  --font-display: Tahoma, Verdana, 'Segoe UI', Arial, sans-serif;
  --font-ui: Tahoma, Verdana, 'Segoe UI', Arial, sans-serif;
  --font-mono: Consolas, 'Courier New', monospace;

  /* Nötr koyu palet — mavi/mor renk kayması yok */
  --bg:#141414;
  --bg-rgb:20,20,20;
  --surf:#1e1e1e;
  --surf-rgb:30,30,30;
  --surf2:#262626;
  --surf2-rgb:38,38,38;
  --surf3:#2e2e2e;
  --surf3-rgb:46,46,46;
  --bdr:#3a3a3a;
  --bdr2:#4d4d4d;
  --txt:#e6e6e6;
  --muted:#9a9a9a;

  /* Vurgu renkleri daha sakin */
  --red:#d64545;
  --green:#3e9e6e;
  --gold:#c9922a;
}

:root[data-theme="light"] {
  /* Nötr açık palet — klasik gri tonlar */
  --bg:#e9e9e9;
  --bg-rgb:233,233,233;
  --surf:#ffffff;
  --surf-rgb:255,255,255;
  --surf2:#f2f2f2;
  --surf2-rgb:242,242,242;
  --surf3:#e4e4e4;
  --surf3-rgb:228,228,228;
  --bdr:#cccccc;
  --bdr2:#aaaaaa;
  --txt:#1a1a1a;
  --muted:#666666;
}

/* Klasik tipografi: BÜYÜK HARF ve geniş harf aralığı yok */
.btn, .tb-btn, .fc-btn, .fc-small-btn, .fc-copy-btn, .pc-save-name,
.fc-tab, .pc-tab, .ch-tab, .quest-tab, .qcard-claim,
#chat-send, .fc-chat-send, .pca-danger-btn {
  text-transform: none !important;
  letter-spacing: normal !important;
}
.lbox h1 {
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
}

/* Gölgeler daha da sade */
#faction-card, #profile-card, .mailbox-box, .lbox, #chat-panel {
  box-shadow: 0 4px 16px rgba(0,0,0,.35) !important;
}

/* Modal açılış animasyonu: kayma yerine sade belirme */
@keyframes pcard-in { from { opacity: 0; } to { opacity: 1; } }

/* ════════════════════════════════════════════════════════════════
   KÖŞELİ (BOXY) GÖRÜNÜM — v3
   Kalan daire/hap (pill) biçimli öğeler de köşeli yapıldı.
   Küçük gösterge noktaları (.pdot, .pf-dot, yazıyor-noktaları vb.
   ≤10px) daire kalıyor — o boyutta fark görünmüyor.
════════════════════════════════════════════════════════════════ */

/* Avatarlar: daire yerine hafif yuvarlatılmış kare */
.pc-avatar-ring, .pb-avatar, .fc-member-av, .fc-cav, .cm-av, .lvl-rank-av {
  border-radius: 3px !important;
}

/* Seçiciler: çerçeve, tema rengi, palet renkleri */
.pc-frame, .pca-theme-swatch, .psw, #palette-toggle, #pen-toggle,
.pca-theme-custom-wrap { border-radius: 2px !important; }

/* Yuvarlak butonlar: sohbet ve mobil zoom */
#chat-btn { border-radius: 3px !important; }
.zb { border-radius: 2px !important; }

/* Hap (pill) şeritler ve rozetler */
#pixel-event-banner, #announce-banner, #quest-complete-notif,
#levelup-notif, #streak-notif { border-radius: 3px !important; }
#war-banner-card, #ally-banner-card, #war-decl-inner { border-radius: 3px !important; }
#quest-badge, #skill-badge, #mailbox-badge, #ts-quest-badge { border-radius: 2px !important; }

/* Alt sayfa (bottom sheet) üst köşeleri */
#tb-menu-card { border-radius: 4px 4px 0 0 !important; }
@media (max-width: 768px) {
  #quest-card { border-radius: 4px 4px 0 0 !important; }
  #war-banner-card, #ally-banner-card { border-radius: 4px 4px 0 0 !important; }
}

/* Toggle: hap yerine köşeli kutu */
.pca-toggle-slider { border-radius: 2px !important; }
.pca-toggle-slider::before { border-radius: 1px !important; }