/* Local UI glue for /mods. Windows use the game's own classes; this only adds what the game lacks. */

/* Temporarily hide the desktop minimap shortcuts. */
.m2-hud-icon {
  display: none !important;
}

/* Çark (wheel) system removed (both desktop & mobile HUD) */
button[title*="Çark"], button[title*="çark"], button[title*="Kader"], button[title*="Wheel"], button[title*="wheel"],
.m2-wheel-btn, .m2-hud-icon.wheel, .m2-mhud-wheels, [data-window*="wheel"], [data-window*="wheels"] {
  display: none !important;
}

/* Kombo açıkken: Güneş/Ay Özütündeki etkin yuva animasyonu (.m2-slot-fx ile aynı) */
.m2mod-kombo-on::after {
  content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  mix-blend-mode: screen; background-size: 100% 100%;
  animation: .8667s step-end infinite m2-slot-active;
}

/* Etkin yuva karelerini baştan yükle: ilk gösterimde kare kare indirilince titriyordu */
html::after {
  content: url(/assets/ui/public/slotactive/00.png) url(/assets/ui/public/slotactive/01.png) url(/assets/ui/public/slotactive/02.png)
    url(/assets/ui/public/slotactive/03.png) url(/assets/ui/public/slotactive/04.png) url(/assets/ui/public/slotactive/05.png)
    url(/assets/ui/public/slotactive/06.png) url(/assets/ui/public/slotactive/07.png) url(/assets/ui/public/slotactive/08.png)
    url(/assets/ui/public/slotactive/09.png) url(/assets/ui/public/slotactive/10.png) url(/assets/ui/public/slotactive/11.png)
    url(/assets/ui/public/slotactive/12.png);
  position: absolute; width: 0; height: 0; overflow: hidden; opacity: 0; pointer-events: none;
}

/* Fix desktop scrolling & interactions inside custom windows (.m2mod-window) */
.m2mod-window .m2-bio-side {
  pointer-events: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  scrollbar-width: thin;
  scrollbar-color: #6b5a3a rgba(0, 0, 0, 0.4);
}
.m2mod-window .m2-bio-side > * {
  pointer-events: auto !important;
}

/* Metin2 Custom Scrollbar Styling */
.m2mod-window ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.m2mod-window ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.45);
  border-radius: 3px;
}
.m2mod-window ::-webkit-scrollbar-thumb {
  background: #6b5a3a;
  border: 1px solid #3e3a34;
  border-radius: 3px;
}
.m2mod-window ::-webkit-scrollbar-thumb:hover {
  background: #a88c55;
}

/* Item slot using the game's inventory slot image */
.m2mod-slot {
  position: relative;
  width: 32px;
  height: 32px;
  flex: none;
  background: url(/assets/ui/inventory/slot.png) no-repeat;
  transition: transform .08s ease;
}
.m2mod-slot:hover {
  filter: brightness(1.15);
}
.m2mod-slot > i {
  position: absolute;
  inset: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.m2mod-slot > b {
  position: absolute;
  right: 1px;
  bottom: 0;
  font-weight: 400;
  color: #fff;
  text-shadow: -1px 0 #000, 1px 0 #000, 0 -1px #000, 0 1px #000;
  font-size: 11px;
  pointer-events: none;
}
.m2mod-slots {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  margin: 4px 0 8px;
}

/* Table rows in the GM menu's row style */
.m2mod-rows {
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
}
.m2mod-row {
  display: grid;
  gap: 6px;
  align-items: center;
  min-height: 22px;
  padding: 2px 4px;
  border-bottom: 1px solid #ffffff12;
  color: #f2e7c1;
  font-size: 11px;
}
.m2mod-row:hover:not(.head) {
  background: #ffd7731f;
}
.m2mod-row.head {
  color: #ffde85;
  font-weight: 700;
  border-bottom: 1px solid #6b5a3a;
  background: rgba(0, 0, 0, 0.35);
  position: sticky;
  top: 0;
  z-index: 2;
}
.m2mod-row > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.m2mod-panel {
  padding: 6px 8px;
  box-sizing: border-box;
}
.m2mod-panel .caption-row {
  margin: 2px 0 4px;
  font-weight: 700;
  color: #ffde85;
}
.m2mod-gap {
  margin-top: 10px !important;
}
.m2mod-empty {
  color: #c2c2c2;
  padding: 10px 4px;
  text-align: center;
  font-style: italic;
}
.m2mod-note {
  color: #c2c2c2;
  margin-bottom: 6px;
  font-size: 11px;
}
.m2mod-link {
  color: #96c8ff;
  cursor: pointer;
  text-decoration: underline;
}
.m2mod-link:hover {
  color: #ffe082;
}
.m2mod-group {
  color: #ffde85;
  font-weight: 700;
  padding: 6px 2px 3px;
  border-bottom: 1px solid rgba(255, 222, 133, 0.2);
  margin-top: 4px;
}
.m2mod-hint {
  color: #dcdcdc;
  line-height: 15px;
  font-size: 11px;
}
.m2mod-msg {
  position: absolute;
  color: #f2e7c1;
  line-height: 16px;
  text-align: center;
}
.m2mod-foot {
  gap: 6px;
  flex-wrap: wrap;
  display: flex;
  margin-top: 6px;
}
.m2mod-window .m2-btn.disabled {
  filter: grayscale(1) brightness(.7);
  cursor: var(--m2-cursor);   /* oyunun kendi imleci; işletim sisteminin "yasak" imleci değil */
}

/* Short notice (tooltip look) */
#m2mod-toasts {
  position: fixed;
  z-index: 2000;
  left: 50%;
  top: 70px;
  transform: translateX(-50%);
  display: grid;
  gap: 4px;
  pointer-events: none;
}
.m2mod-toast {
  padding: 6px 14px;
  font: 11px Tahoma, Verdana, sans-serif;
  color: #f2e7c1;
  background: rgba(0, 0, 0, 0.88);
  border: 1px solid #3e3a34;
  border-radius: 3px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  transition: opacity .4s ease;
}
.m2mod-toast.ok {
  color: #78e678;
  border-color: #387038;
}
.m2mod-toast.warn {
  color: #ff8a70;
  border-color: #8c3b2d;
}
.m2mod-toast.out {
  opacity: 0;
}

/* Staff map teleport: the minimap is click-through for players; staff get clicks on it */
html.m2mod-staff-teleport .m2-minimap-canvas,
html.m2mod-staff-teleport .m2-window[data-window="atlas"] canvas {
  cursor: crosshair !important;
  pointer-events: auto !important;
}
.m2mod-ripple {
  position: fixed;
  z-index: 2000;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  border-radius: 50%;
  border: 2px solid #ffd27a;
  pointer-events: none;
  animation: m2mod-ripple .6s ease-out forwards;
}
@keyframes m2mod-ripple {
  to {
    transform: scale(4);
    opacity: 0;
  }
}

/* =====================================================================
   M2 WIKI - Modern, Smooth & Informative Guide Window
   ===================================================================== */
#m2mod-wiki {
  z-index: 1005 !important;
}

.m2-wiki-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 6px 10px 8px;
  box-sizing: border-box;
  color: #f2e7c1;
  font-family: Tahoma, Verdana, sans-serif;
  user-select: none;
}

/* Category Tabs Header */
.m2-wiki-tabs {
  display: flex;
  gap: 3px;
  border-bottom: 2px solid #5a492f;
  padding-bottom: 2px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.m2-wiki-tab {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 9px;
  background: rgba(30, 22, 14, 0.75);
  border: 1px solid #5a492f;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  color: #c7b99c;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all .12s ease;
}

.m2-wiki-tab:hover {
  background: rgba(80, 60, 36, 0.85);
  color: #fff2cc;
}

.m2-wiki-tab.active {
  background: linear-gradient(180deg, #6c5332 0%, #3f2f1a 100%);
  border-color: #ffd27a;
  color: #ffe6a0;
  box-shadow: inset 0 1px 0 rgba(255, 235, 170, 0.4);
}

.m2-wiki-tab-icon {
  font-size: 12px;
}

/* Toolbar & Sub-filters */
.m2-wiki-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.m2-wiki-search-box {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1;
  max-width: 300px;
}

.m2-wiki-search-icon {
  position: absolute;
  left: 8px;
  color: #9f8c6b;
  font-size: 11px;
  pointer-events: none;
}

.m2-wiki-search-input {
  width: 100%;
  height: 22px;
  padding: 2px 22px 2px 24px;
  background: rgba(10, 8, 5, 0.85);
  border: 1px solid #5c4b31;
  border-radius: 3px;
  color: #fff2cc;
  font-size: 11px;
  box-sizing: border-box;
  outline: none;
  transition: border-color .15s ease;
}

.m2-wiki-search-input:focus {
  border-color: #ffd27a;
  box-shadow: 0 0 5px rgba(255, 210, 122, 0.3);
}

.m2-wiki-search-clear {
  position: absolute;
  right: 6px;
  background: none;
  border: none;
  color: #9f8c6b;
  cursor: pointer;
  font-size: 11px;
  padding: 0 4px;
}
.m2-wiki-search-clear:hover {
  color: #ff8080;
}

.m2-wiki-filters {
  display: flex;
  gap: 4px;
  align-items: center;
  flex-wrap: wrap;
}

.m2-wiki-chip {
  padding: 2px 8px;
  border-radius: 10px;
  background: rgba(26, 18, 12, 0.85);
  border: 1px solid #4a3c26;
  color: #bfae8e;
  font-size: 10px;
  cursor: pointer;
  transition: all .1s ease;
  user-select: none;
}

.m2-wiki-chip:hover {
  border-color: #ffd27a;
  color: #fff;
}

.m2-wiki-chip.active {
  background: #7d5a2d;
  border-color: #ffd27a;
  color: #fff4d1;
  font-weight: 700;
}

/* Main Viewport & Scroll */
.m2-wiki-viewport {
  flex: 1;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: rgba(8, 6, 4, 0.65);
  border: 1px solid #423623;
  border-radius: 3px;
  padding: 8px;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #6b5a3a rgba(0, 0, 0, 0.4);
}

/* Cards (for Mobs, Metins, Guides) */
.m2-wiki-grid {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.m2-wiki-card {
  display: flex;
  align-items: stretch;
  background: linear-gradient(90deg, rgba(32, 23, 14, 0.92) 0%, rgba(20, 15, 9, 0.88) 100%);
  border: 1px solid #4a3a24;
  border-left: 3px solid #7d5a2d;
  border-radius: 4px;
  padding: 6px 10px;
  gap: 10px;
  transition: all .12s ease;
}

.m2-wiki-card:hover {
  border-color: #8c6e3d;
  border-left-color: #ffd27a;
  background: linear-gradient(90deg, rgba(46, 33, 20, 0.95) 0%, rgba(28, 20, 12, 0.92) 100%);
  transform: translateX(2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.m2-wiki-card.boss {
  border-left-color: #d32f2f;
  background: linear-gradient(90deg, rgba(48, 16, 16, 0.92) 0%, rgba(24, 12, 12, 0.88) 100%);
}

.m2-wiki-card.boss:hover {
  border-left-color: #ff4d4d;
  background: linear-gradient(90deg, rgba(64, 20, 20, 0.95) 0%, rgba(32, 14, 14, 0.92) 100%);
}

/* Card Avatar / Icon */
.m2-wiki-card-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 40px;
}

.m2-wiki-icon-frame {
  position: relative;
  width: 36px;
  height: 36px;
  background: url(/assets/ui/inventory/slot.png) no-repeat center;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}

.m2-wiki-icon-frame > i {
  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Card Info */
.m2-wiki-card-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  flex: 1;
  min-width: 170px;
}

.m2-wiki-card-title-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.m2-wiki-card-title {
  color: #ffde85;
  font-weight: 700;
  font-size: 12px;
}

.m2-wiki-card.boss .m2-wiki-card-title {
  color: #ff9b9b;
}

.m2-wiki-badge {
  font-size: 9px;
  padding: 1px 5px;
  border-radius: 3px;
  font-weight: 700;
  text-transform: uppercase;
}

.m2-wiki-badge.boss {
  background: #a91b1b;
  color: #fff;
  border: 1px solid #ff4d4d;
  box-shadow: 0 0 4px rgba(255, 77, 77, 0.4);
}

.m2-wiki-badge.level {
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #5a492f;
  color: #f0deb8;
}

.m2-wiki-badge.region {
  background: rgba(30, 45, 60, 0.8);
  border: 1px solid #3c5e82;
  color: #aed6f1;
}

.m2-wiki-card-meta {
  display: flex;
  gap: 10px;
  font-size: 10px;
  color: #bfb297;
}

.m2-wiki-card-meta span b {
  color: #f5eedb;
}

.m2-wiki-card-hint {
  font-size: 10px;
  color: #a69a84;
  font-style: italic;
  line-height: 12px;
}

/* Card Drops */
.m2-wiki-card-drops {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 3px;
  flex: none;
  min-width: 190px;
  border-left: 1px solid rgba(90, 73, 47, 0.4);
  padding-left: 10px;
}

.m2-wiki-drops-label {
  font-size: 10px;
  color: #d1b882;
  font-weight: 600;
}

.m2-wiki-drops-shelf {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.m2-wiki-drop-slot {
  position: relative;
  width: 32px;
  height: 32px;
  background: url(/assets/ui/inventory/slot.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  transition: transform .08s ease;
}

.m2-wiki-drop-slot:hover {
  transform: scale(1.15);
  filter: brightness(1.25);
  z-index: 5;
}

.m2-wiki-drop-slot > i {
  position: absolute;
  inset: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.m2-wiki-drop-chance {
  position: absolute;
  right: 0;
  bottom: -1px;
  font-size: 9px;
  font-weight: 700;
  color: #68ff88;
  background: rgba(0, 0, 0, 0.85);
  padding: 0 2px;
  border-radius: 2px;
  text-shadow: 0 0 2px #000;
  pointer-events: none;
}

/* Modern Tables (Bonus Guide, Refine Rates) */
.m2-wiki-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
}

.m2-wiki-table th {
  background: rgba(36, 26, 16, 0.95);
  color: #ffd27a;
  font-weight: 700;
  padding: 6px 8px;
  text-align: left;
  border-bottom: 2px solid #6b5331;
  position: sticky;
  top: 0;
  z-index: 2;
}

.m2-wiki-table td {
  padding: 5px 8px;
  border-bottom: 1px solid rgba(90, 73, 47, 0.3);
  color: #eee0c5;
}

.m2-wiki-table tr:hover td {
  background: rgba(255, 215, 115, 0.08);
}

.m2-wiki-value-badge {
  display: inline-block;
  padding: 2px 6px;
  background: rgba(38, 70, 44, 0.8);
  border: 1px solid #4ea85f;
  border-radius: 3px;
  color: #79f291;
  font-weight: 700;
}

.m2-wiki-slot-pill {
  display: inline-block;
  padding: 1px 5px;
  background: rgba(30, 24, 16, 0.8);
  border: 1px solid #4a3c26;
  border-radius: 3px;
  font-size: 9px;
  color: #d4c2a5;
  margin: 1px;
}

/* System Guides Presentation */
.m2-wiki-guide-box {
  background: rgba(24, 18, 11, 0.9);
  border: 1px solid #5a492f;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 10px;
}

.m2-wiki-guide-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  border-bottom: 1px solid #4a3c26;
  padding-bottom: 6px;
}

.m2-wiki-guide-title {
  color: #ffde85;
  font-size: 13px;
  font-weight: 700;
}

.m2-wiki-guide-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 8px;
}

.m2-wiki-step-card {
  background: rgba(14, 10, 6, 0.85);
  border: 1px solid #3c301e;
  border-radius: 3px;
  padding: 6px 8px;
}

.m2-wiki-step-title {
  color: #ffd27a;
  font-weight: 700;
  font-size: 11px;
  margin-bottom: 2px;
}

.m2-wiki-step-desc {
  color: #c9bda5;
  font-size: 10px;
  line-height: 14px;
}

/* Footer status bar */
.m2-wiki-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  font-size: 10px;
  color: #a89a80;
  border-top: 1px solid #3e3220;
  margin-top: 6px;
}

/* Zehir (status-fx.js): karakter zehirliyken HP göstergesi yeşil. Kırmızı göstergenin
   tonu kaydırılır; zehir bitince html.m2-poisoned kalkar ve gösterge kırmızıya döner. */
html.m2-poisoned .m2-gauge.hp > i,
html.m2-poisoned .m2-mhud-gauge.hp,
html.m2-poisoned .m2-mhud-gauge.hp > i {
  filter: hue-rotate(105deg) saturate(1.35) brightness(1.05);
  transition: filter 0.2s ease-out;
}

/* Alfa2'den kalan "YENİ – Nesne Market açıldı / İndirimler ve EP kuponları" duyurusu (2026-11-06) */
.m2-mall-notice { display: none !important; }

/* Beceri Eğitimi: temel öğeler oyundan; yalnız yerleşim ve görünürlük. */
[data-window="zen-training"] [hidden] { display: none !important; }
[data-window="zen-training"] button:disabled { cursor: default; }
[data-window="zen-training"] .zen-training-history { color: #c2c2c2; font-size: var(--m2-text-small); line-height: 17px; overflow-wrap: anywhere; }

/* Envanter yan şeridi: oyunun pencere zemini (m2-fill + m2-frame), AshikaArts simgeleri çerçevesiz */
.zen-side-board { position: absolute; left: -48px; width: 50px; pointer-events: none; }
.m2-square.zen-side { width: 32px; height: 32px; left: -39px; }
.m2-square.zen-side:hover i, .m2-square.zen-side:active i { filter: none; }
.m2-window.m2-docked .zen-side-board, .m2-window.m2-docked .m2-square.zen-side { display: none; }

/* K inventory uses native widgets; only placement and selection accents are custom. */
[data-window="zen-special-inventory"] .zen-special-tab.on { filter: brightness(1.28) drop-shadow(0 0 3px #e8c46a); }
[data-window="zen-special-inventory"] .m2-input { min-width: 0; box-sizing: border-box; }
[data-window="zen-special-inventory"] .m2-input::placeholder { color: #a69d87; opacity: 1; }
.m2-square.zen-side.glow i { animation: zen-special-gained 1.3s ease-in-out infinite; }
@keyframes zen-special-gained { 50% { filter: brightness(1.6) drop-shadow(0 0 4px #d5ae57); } }
@media (prefers-reduced-motion: reduce) { .m2-square.zen-side.glow i { animation: none; filter: brightness(1.6); } }

/* Settings: the game's own board/buttons/checkboxes/sliders, with room to read. */
[data-window="zen-settings"] .zen-settings-section { height: 24px; padding: 0 12px; box-sizing: border-box; color: #ead39b; font-size: 12px; font-weight: bold; line-height: 24px; letter-spacing: .4px; background: url('/assets/ui/character/bar_left.png') left center no-repeat, url('/assets/ui/character/bar_right.png') right center no-repeat, url('/assets/ui/character/bar_center.png') center center repeat-x; text-shadow: 0 1px 2px #000; }
[data-window="zen-settings"] .zen-settings-row { background: linear-gradient(105deg, rgba(126, 95, 45, .09), rgba(15, 13, 10, .18) 55%, rgba(126, 95, 45, .045)); border: 1px solid rgba(188, 155, 95, .18); border-left: 2px solid rgba(188, 155, 95, .3); box-shadow: inset 0 1px rgba(255, 226, 169, .035), 0 2px 3px rgba(0, 0, 0, .2); box-sizing: border-box; }
[data-window="zen-settings"] .zen-settings-row:hover { border-color: rgba(204, 172, 111, .35); background-color: rgba(160, 126, 65, .035); }
[data-window="zen-settings"] .zen-settings-row.is-enabled { border-left-color: #9d834b; }
[data-window="zen-settings"] .zen-settings-label { color: #eee6d4; font-size: 13px; line-height: 18px; }
[data-window="zen-settings"] .zen-settings-description { color: #ada899; font-size: 11px; line-height: 16px; white-space: normal; }
[data-window="zen-settings"] .zen-settings-value { color: #f0d79d; text-align: right; line-height: 22px; font-size: 13px; font-variant-numeric: tabular-nums; text-shadow: 0 1px 2px #000; }
[data-window="zen-settings"] .zen-settings-heading { color: #eed8a0; font-size: 20px; font-weight: bold; line-height: 25px; letter-spacing: .6px; text-shadow: 0 2px 3px #000; }
[data-window="zen-settings"] .zen-settings-page-hint { color: #b9b09c; font-size: 11px; line-height: 18px; }
[data-window="zen-settings"] .zen-settings-footer { color: #ada899; font-size: 11px; }
[data-window="zen-settings"] .zen-settings-toggle { min-height: 30px; min-width: 120px; }
[data-window="zen-settings"] [role="slider"]:focus-visible { outline: 1px solid #d4b56e; outline-offset: 5px; }
[data-window="zen-settings"] [role="tab"] { letter-spacing: .2px; }
[data-window="zen-settings"] [role="tab"].on { color: #f2dc9f; box-shadow: inset 0 -2px #ac8a4e, 0 2px 5px rgba(0, 0, 0, .45); text-shadow: 0 0 7px rgba(228, 188, 102, .25); }
[data-window="zen-settings"] .is-vertical [role="tab"].on { box-shadow: inset 3px 0 #ac8a4e, 0 2px 5px rgba(0, 0, 0, .45); }
[data-window="zen-settings"] .zen-settings-row .m2-btn.on { color: #f2dc9f; box-shadow: inset 0 -1px rgba(203, 167, 96, .6); }
[data-window="zen-settings"] .zen-settings-done { color: #f1d8a0; box-shadow: inset 0 -1px #9d7c40; }
[data-window="zen-settings"] .zen-settings-reset { color: #bfb6a2; }
[data-window="zen-settings"] [role="tabpanel"]:focus-visible { outline: 1px solid rgba(172, 138, 78, .45); outline-offset: -1px; }

/* Wiki (public/mods/wiki.js): Zenin2'ye özgü belge düzeni; koyu mürekkep levhalar, altın kılçık çizgiler. */
[data-window="zen-wiki"] .zw-side, [data-window="zen-wiki"] .zw-main { position: absolute; box-sizing: border-box; background: rgba(6, 5, 4, .55); }
[data-window="zen-wiki"] .zw-nav { display: flex; flex-direction: column; gap: 2px; padding: 5px 4px 6px; border-bottom: 1px solid rgba(214, 186, 128, .22); }
[data-window="zen-wiki"] .zw-nav-item { position: relative; display: flex; align-items: center; gap: 8px; height: 26px; padding: 0 8px; color: #e4dac2; font-size: 13px; cursor: pointer; letter-spacing: .2px; text-shadow: 0 1px 1px #000; }
[data-window="zen-wiki"] .zw-nav-item:hover { color: #fff3d6; background: rgba(214, 186, 128, .09); }
[data-window="zen-wiki"] .zw-nav-item.on { color: #ffe3a0; background: linear-gradient(90deg, rgba(214, 170, 90, .26), rgba(214, 170, 90, .04) 90%); }
[data-window="zen-wiki"] .zw-nav-item.on::before { content: ''; position: absolute; left: 0; top: 3px; bottom: 3px; width: 3px; background: #e0b55c; box-shadow: 0 0 6px rgba(224, 181, 92, .6); }
[data-window="zen-wiki"] .zw-list-scroll { position: absolute !important; left: 0; }
[data-window="zen-wiki"] .zw-list { padding: 3px 6px 8px 4px; }
[data-window="zen-wiki"] .zw-row { display: flex; align-items: center; gap: 7px; min-height: 25px; padding: 1px 6px; color: #ece4d0; font-size: 12.5px; line-height: 16px; cursor: pointer; text-shadow: 0 1px 1px #000; border-bottom: 1px solid rgba(255, 255, 255, .035); }
[data-window="zen-wiki"] .zw-row:hover, [data-window="zen-wiki"] .zw-row:focus-visible { background: rgba(214, 186, 128, .12); color: #fff4d8; outline: none; }
[data-window="zen-wiki"] .zw-row.on { background: rgba(214, 170, 90, .22); color: #ffe3a0; }
[data-window="zen-wiki"] .zw-row-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-window="zen-wiki"] .zw-row-sub { color: #b3aa94; font-size: 11px; white-space: nowrap; }
[data-window="zen-wiki"] .zw-muted { color: #b3aa94; font-size: 12px; padding: 8px 6px; }
[data-window="zen-wiki"] .zw-path { display: flex; align-items: center; gap: 7px; height: 27px; padding: 0 10px; color: #b3aa94; font-size: 12px; white-space: nowrap; overflow: hidden; border-bottom: 1px solid rgba(214, 186, 128, .22); background: linear-gradient(180deg, rgba(214, 186, 128, .08), transparent); }
[data-window="zen-wiki"] .zw-sep { color: #7d745f; }
[data-window="zen-wiki"] .zw-here { color: #f4ead2; overflow: hidden; text-overflow: ellipsis; }
[data-window="zen-wiki"] .zw-link { color: #f0c86a; cursor: pointer; }
[data-window="zen-wiki"] .zw-link:hover, [data-window="zen-wiki"] .zw-link:focus-visible { color: #ffe3a0; text-decoration: underline; text-underline-offset: 2px; outline: none; }
[data-window="zen-wiki"] .zw-page { padding: 12px 14px 18px 12px; color: #ece4d0; font-size: 12.5px; line-height: 18px; text-shadow: 0 1px 1px #000; }
[data-window="zen-wiki"] .zw-head { display: flex; align-items: center; gap: 14px; margin: -2px 0 12px; padding: 10px 12px; background: linear-gradient(90deg, rgba(214, 170, 90, .2), rgba(214, 170, 90, .04) 70%, transparent), url('/assets/ui/character/bar_center.png') center / auto 100% repeat-x; background-blend-mode: normal, soft-light; border: 1px solid rgba(214, 186, 128, .28); border-left: 3px solid #e0b55c; box-shadow: inset 0 1px rgba(255, 230, 170, .08), 0 2px 6px rgba(0, 0, 0, .4); }
[data-window="zen-wiki"] .zw-title { margin: 0; color: #ffe7ad; font-size: 18px; font-weight: bold; line-height: 23px; letter-spacing: .3px; text-shadow: 0 2px 3px #000; }
[data-window="zen-wiki"] .zw-lead { color: #c9c0a9; font-size: 12px; line-height: 17px; margin-top: 3px; white-space: normal; }
[data-window="zen-wiki"] .zw-label { margin: 16px 0 6px; padding: 3px 8px; color: #ffd98a; font-size: 11px; font-weight: bold; letter-spacing: 1.1px; text-transform: uppercase; background: linear-gradient(90deg, rgba(214, 170, 90, .22), transparent 70%); border-left: 3px solid #e0b55c; }
[data-window="zen-wiki"] .zw-note { margin: 7px 0; color: #b3aa94; font-size: 11.5px; line-height: 16px; white-space: normal; }
[data-window="zen-wiki"] .zw-slot { position: relative; flex: none; display: inline-block; width: 32px; height: 32px; background: rgba(0, 0, 0, .55); box-shadow: inset 0 0 0 1px rgba(214, 186, 128, .35); vertical-align: middle; }
[data-window="zen-wiki"] .zw-slot.is-small { width: 22px; height: 22px; }
[data-window="zen-wiki"] .zw-slot .m2-item { position: absolute; inset: 0; height: auto; background-size: contain; background-repeat: no-repeat; background-position: center top; }
[data-window="zen-wiki"] .zw-table { width: 100%; border-collapse: collapse; font-size: 12px; border: 1px solid rgba(214, 186, 128, .18); }
[data-window="zen-wiki"] .zw-table th { padding: 4px 7px; color: #ffd98a; font-weight: bold; text-align: left; background: rgba(214, 170, 90, .14); border-bottom: 1px solid rgba(214, 186, 128, .3); }
[data-window="zen-wiki"] .zw-table td { padding: 4px 7px; border-bottom: 1px solid rgba(255, 255, 255, .05); vertical-align: middle; }
[data-window="zen-wiki"] .zw-table tbody tr:nth-child(even) td { background: rgba(255, 255, 255, .03); }
[data-window="zen-wiki"] .zw-table tr.go { cursor: pointer; }
[data-window="zen-wiki"] .zw-table tr.go:hover td, [data-window="zen-wiki"] .zw-table tr.go:focus-visible td { background: rgba(214, 186, 128, .15); color: #fff4d8; outline: none; }
[data-window="zen-wiki"] .zw-table .num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-window="zen-wiki"] .zw-table td.num { color: #ffd98a; font-weight: bold; }
[data-window="zen-wiki"] .zw-table td.tier { color: #e4dac2; font-weight: normal; }
[data-window="zen-wiki"] .zw-table .icon { width: 24px; padding-right: 0; }
[data-window="zen-wiki"] .zw-off { color: #5e5747; }
[data-window="zen-wiki"] .zw-tiers { margin-top: 8px; display: grid; gap: 3px; padding: 6px 8px; font-size: 12px; background: rgba(0, 0, 0, .3); border: 1px solid rgba(214, 186, 128, .14); }
[data-window="zen-wiki"] .zw-tier-row { display: flex; gap: 10px; color: #c9c0a9; }
[data-window="zen-wiki"] .zw-tier-name { width: 112px; color: #f0c86a; }
[data-window="zen-wiki"] .zw-tier-cell { min-width: 48px; font-variant-numeric: tabular-nums; }
[data-window="zen-wiki"] .zw-facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 4px 14px; margin-bottom: 4px; }
[data-window="zen-wiki"] .zw-fact { display: flex; justify-content: space-between; gap: 8px; padding: 4px 8px; font-size: 12px; background: rgba(0, 0, 0, .3); border-left: 2px solid rgba(214, 170, 90, .5); }
[data-window="zen-wiki"] .zw-fact-k { color: #b3aa94; }
[data-window="zen-wiki"] .zw-fact-v { color: #fff0cc; font-weight: bold; text-align: right; }
[data-window="zen-wiki"] .zw-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
[data-window="zen-wiki"] .zw-card { display: flex; align-items: center; gap: 10px; padding: 10px 12px; cursor: pointer; background: linear-gradient(180deg, rgba(60, 46, 28, .75), rgba(20, 16, 11, .85)); border: 1px solid rgba(214, 186, 128, .3); box-shadow: inset 0 1px rgba(255, 230, 170, .08); }
[data-window="zen-wiki"] .zw-card:hover, [data-window="zen-wiki"] .zw-card:focus-visible { border-color: #e0b55c; background: linear-gradient(180deg, rgba(82, 62, 34, .8), rgba(26, 20, 13, .85)); outline: none; }
[data-window="zen-wiki"] .zw-card div { display: flex; flex-direction: column; gap: 2px; }
[data-window="zen-wiki"] .zw-card b { color: #ffe7ad; font-size: 13px; }
[data-window="zen-wiki"] .zw-card span { color: #c9c0a9; font-size: 11.5px; line-height: 15px; }
[data-window="zen-wiki"] .zw-chips, [data-window="zen-wiki"] .zw-tabs { display: flex; flex-wrap: wrap; gap: 5px 6px; }
[data-window="zen-wiki"] .zw-tabs { margin-bottom: 10px; }
[data-window="zen-wiki"] .zw-chip { padding: 2px 10px; font-size: 12px; line-height: 19px; color: #f0c86a; cursor: pointer; background: rgba(0, 0, 0, .45); border: 1px solid rgba(214, 186, 128, .35); border-radius: 10px; }
[data-window="zen-wiki"] .zw-chip.is-static { color: #e4dac2; cursor: default; }
[data-window="zen-wiki"] .zw-chip:not(.is-static):hover { border-color: #e0b55c; color: #ffe3a0; background: rgba(214, 170, 90, .15); text-decoration: none; }
[data-window="zen-wiki"] .zw-tab { padding: 3px 11px; font-size: 12px; color: #c9c0a9; cursor: pointer; background: rgba(0, 0, 0, .35); border: 1px solid rgba(214, 186, 128, .2); }
[data-window="zen-wiki"] .zw-tab:hover { color: #fff3d6; text-decoration: none; border-color: rgba(214, 186, 128, .45); }
[data-window="zen-wiki"] .zw-tab.on { color: #ffe3a0; background: rgba(214, 170, 90, .25); border-color: #e0b55c; }
[data-window="zen-wiki"] .zw-steps { margin: 4px 0 0; padding-left: 22px; color: #ece4d0; }
[data-window="zen-wiki"] .zw-steps li { margin-bottom: 8px; padding-left: 3px; }
[data-window="zen-wiki"] .zw-steps li::marker { color: #f0c86a; font-weight: bold; }
[data-window="zen-wiki"] .zw-stacked .zw-main { display: none; }
[data-window="zen-wiki"] .zw-stacked.zw-show-main .zw-main { display: block; }
[data-window="zen-wiki"] .zw-stacked.zw-show-main .zw-side { display: none; }
[data-window="zen-wiki"] .zw-slot.is-large { width: 44px; height: 44px; background: radial-gradient(circle at 50% 40%, rgba(224, 181, 92, .22), rgba(0, 0, 0, .65) 70%); box-shadow: inset 0 0 0 1px rgba(224, 181, 92, .55), 0 0 10px rgba(224, 181, 92, .18); }
[data-window="zen-wiki"] .zw-slot.is-large .m2-item { inset: 6px; background-position: center; }
[data-window="zen-wiki"] .zw-bar { position: relative; display: inline-flex; align-items: center; justify-content: flex-end; width: 92px; height: 17px; vertical-align: middle; background: rgba(0, 0, 0, .55); border: 1px solid rgba(214, 186, 128, .22); }
[data-window="zen-wiki"] .zw-bar i { position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(180deg, rgba(232, 190, 100, .75), rgba(150, 105, 40, .75)); box-shadow: inset 0 1px rgba(255, 240, 200, .35); }
[data-window="zen-wiki"] .zw-bar b { position: relative; padding: 0 5px; color: #fff4d8; font-size: 11px; font-weight: bold; text-shadow: 0 1px 2px #000, 0 0 2px #000; }
[data-window="zen-wiki"] .zw-table td.num:has(.zw-bar) { width: 96px; }
[data-window="zen-wiki"] .zw-back { flex: none; }
[data-window="zen-wiki"] .zw-mention { display: inline-flex; align-items: center; gap: 6px; margin: 0 3px; padding: 0 2px; color: #f0c86a; font-weight: bold; cursor: pointer; white-space: nowrap; vertical-align: middle; line-height: 18px; }
[data-window="zen-wiki"] .zw-mention .m2-item { position: static; flex: none; display: block; width: 18px; height: 18px; margin: 0; inset: auto; background-size: contain; background-repeat: no-repeat; background-position: center; filter: drop-shadow(0 0 2px rgba(0, 0, 0, .9)); }
[data-window="zen-wiki"] .zw-mention:hover > span, [data-window="zen-wiki"] .zw-mention:focus-visible > span { color: #ffe3a0; text-decoration: underline; text-underline-offset: 2px; }
[data-window="zen-wiki"] .zw-mention:focus-visible { outline: none; }
[data-window="zen-wiki"] .zw-chip { display: inline-flex; align-items: center; gap: 7px; padding: 2px 11px 2px 5px; }
[data-window="zen-wiki"] .zw-chip .zw-slot.is-small { width: 18px; height: 18px; background: none; box-shadow: none; }
[data-window="zen-wiki"] .zw-chip .zw-slot .m2-item, [data-window="zen-wiki"] .zw-nav-item .zw-slot .m2-item { background-position: center; }
[data-window="zen-wiki"] .zw-steps li { line-height: 20px; }
[data-window="zen-wiki"] .zw-slot .m2-item { width: 100% !important; height: 100% !important; max-width: none; margin: 0; }
[data-window="zen-wiki"] .zw-nav-item .zw-slot.is-small { width: 22px; height: 22px; background: none; box-shadow: none; }
[data-window="zen-wiki"] .zw-nav-item .zw-slot .m2-item, [data-window="zen-wiki"] .zw-chip .zw-slot .m2-item, [data-window="zen-wiki"] .zw-card .zw-slot .m2-item, [data-window="zen-wiki"] .zw-head .zw-slot .m2-item { inset: 0; background-size: contain; background-position: center; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .9)); }
[data-window="zen-wiki"] .zw-head .zw-slot.is-large .m2-item { inset: 6px; width: auto !important; height: auto !important; }
[data-window="zen-wiki"] input.zw-search { box-sizing: border-box; padding: 0 8px; color: #f4ead2; font-size: 12px; background: linear-gradient(180deg, #050403, #14110c); border: 1px solid rgba(214, 186, 128, .5); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .9), 0 0 0 1px rgba(0, 0, 0, .7); outline: none; }
[data-window="zen-wiki"] input.zw-search::placeholder { color: #8c8574; }
[data-window="zen-wiki"] input.zw-search:focus { border-color: #e0b55c; box-shadow: inset 0 1px 3px rgba(0, 0, 0, .9), 0 0 5px rgba(224, 181, 92, .35); }
[data-window="zen-wiki"] .zw-path { gap: 8px; }
[data-window="zen-wiki"] .zw-path .zw-back { margin-right: 4px; align-self: center; }
[data-window="zen-wiki"] .zw-sep { color: #c9a35a; font-size: 14px; line-height: 14px; }
[data-window="zen-wiki"] .zw-path { height: 31px; padding-left: 4px; }
[data-window="zen-wiki"] .zw-label { display: flex; align-items: center; justify-content: space-between; cursor: pointer; user-select: none; }
[data-window="zen-wiki"] .zw-label:hover, [data-window="zen-wiki"] .zw-label:focus-visible { color: #ffe7ad; background: linear-gradient(90deg, rgba(214, 170, 90, .32), transparent 75%); outline: none; }
[data-window="zen-wiki"] .zw-caret { width: 0; height: 0; margin-right: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #e0b55c; transition: transform .15s; }
[data-window="zen-wiki"] .zw-sec.is-closed .zw-caret { transform: rotate(-90deg); }
[data-window="zen-wiki"] .zw-sec.is-closed > .zw-sec-body { display: none; }

/* Ayarlar: Wiki ile aynı tema (koyu levhalar, altın kılçık çizgiler, düz menü). Denetimler oyunun kendisi. */
[data-window="zen-settings"] .zen-settings-nav { position: absolute; display: flex; flex-direction: column; gap: 2px; }
[data-window="zen-settings"] .zen-settings-nav:not(.is-vertical) { display: grid; grid-template-columns: repeat(3, 1fr); }
[data-window="zen-settings"] .zw-nav-item { position: relative; display: flex; align-items: center; height: 28px; padding: 0 12px; color: #e4dac2; font-size: 13px; cursor: pointer; letter-spacing: .2px; text-shadow: 0 1px 1px #000; }
[data-window="zen-settings"] .zw-nav-item:hover, [data-window="zen-settings"] .zw-nav-item:focus-visible { color: #fff3d6; background: rgba(214, 186, 128, .09); outline: none; }
[data-window="zen-settings"] .zw-nav-item.on { color: #ffe3a0; background: linear-gradient(90deg, rgba(214, 170, 90, .26), rgba(214, 170, 90, .04) 90%); box-shadow: none; }
[data-window="zen-settings"] .zw-nav-item.on::before { content: ''; position: absolute; left: 0; top: 4px; bottom: 4px; width: 3px; background: #e0b55c; box-shadow: 0 0 6px rgba(224, 181, 92, .6); }
[data-window="zen-settings"] .zen-settings-section { height: auto; margin: 0; padding: 3px 8px; color: #ffd98a; font-size: 11px; font-weight: bold; line-height: 18px; letter-spacing: 1.1px; text-transform: uppercase; background: linear-gradient(90deg, rgba(214, 170, 90, .22), transparent 70%); border-left: 3px solid #e0b55c; text-shadow: 0 1px 1px #000; }
[data-window="zen-settings"] .zen-settings-row { background: rgba(0, 0, 0, .38); border: 1px solid rgba(214, 186, 128, .16); border-left: 2px solid rgba(214, 170, 90, .45); box-shadow: inset 0 1px rgba(255, 230, 170, .04); }
[data-window="zen-settings"] .zen-settings-row:hover { border-color: rgba(214, 186, 128, .32); border-left-color: #e0b55c; background: rgba(214, 170, 90, .06); }
[data-window="zen-settings"] .zen-settings-row.is-enabled { border-left-color: #e0b55c; }
[data-window="zen-settings"] .zen-settings-label { color: #f1e8d2; font-size: 13px; font-weight: bold; text-shadow: 0 1px 1px #000; }
[data-window="zen-settings"] .zen-settings-description { color: #b3aa94; font-size: 11.5px; text-shadow: 0 1px 1px #000; }
[data-window="zen-settings"] .zen-settings-value { color: #ffd98a; font-weight: bold; }
[data-window="zen-settings"] .zen-settings-heading { color: #ffe7ad; font-size: 18px; line-height: 23px; letter-spacing: .3px; }
[data-window="zen-settings"] .zen-settings-page-hint { color: #c9c0a9; font-size: 12px; text-shadow: 0 1px 1px #000; }
[data-window="zen-settings"] .zen-settings-footer { color: #b3aa94; }
[data-window="zen-settings"] [role="tabpanel"] { background: rgba(6, 5, 4, .55); }
[data-window="zen-settings"] .zen-settings-toggle { min-height: 22px; }
[data-window="zen-settings"] .zen-settings-row { border-left-width: 2px; }
[data-window="zen-settings"] .zen-settings-label { font-size: 12.5px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Ayarlar zengin kompakt görünüm */
[data-window="zen-settings"] .zen-settings-nav.is-vertical .zw-nav-item { flex-direction: column; align-items: flex-start; justify-content: center; height: 40px; gap: 1px; padding: 0 10px 0 12px; }
[data-window="zen-settings"] .zw-nav-item small { display: block; max-width: 100%; overflow: hidden; color: #978e78; font-size: 10.5px; line-height: 13px; white-space: nowrap; text-overflow: ellipsis; }
[data-window="zen-settings"] .zw-nav-item.on small { color: #c9b585; }
[data-window="zen-settings"] .zw-nav-item:not(.on) + .zw-nav-item:not(.on) { box-shadow: inset 0 1px rgba(214, 186, 128, .08); }
[data-window="zen-settings"] .zen-settings-section { display: flex; align-items: center; gap: 8px; }
[data-window="zen-settings"] .zen-settings-section::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(224, 181, 92, .55), transparent); }
[data-window="zen-settings"] .zen-settings-row:nth-of-type(even) { background: rgba(255, 255, 255, .025); }
[data-window="zen-settings"] .zen-settings-state { color: #8c8574; font-size: 12px; font-weight: bold; line-height: 18px; cursor: pointer; text-shadow: 0 1px 1px #000; }
[data-window="zen-settings"] .zen-settings-state.on { color: #9fd36a; }
[data-window="zen-settings"] .zen-settings-row.is-enabled { background: linear-gradient(90deg, rgba(120, 170, 70, .07), rgba(0, 0, 0, .3) 60%); }
[data-window="zen-settings"] .zen-settings-reset { font-size: 12px; }
[data-window="zen-settings"] *:focus:not(:focus-visible), [data-window="zen-wiki"] *:focus:not(:focus-visible) { outline: none; }

/* Karakter Ayrıntılar (public/mods/details.js): Wiki ile aynı tema, açılır satırlar. */
.zd-frame .zd-scroll { background: rgba(6, 5, 4, .55); box-shadow: inset 0 0 0 1px rgba(214, 186, 128, .18); }
.zd-frame .zd-list { padding: 4px 6px 10px 4px; }
.zd-frame .zd-sec + .zd-sec { margin-top: 8px; }
.zd-frame .zd-head { display: flex; align-items: center; gap: 8px; padding: 3px 8px; color: #ffd98a; font-size: 11px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0 1px 1px #000; background: linear-gradient(90deg, rgba(214, 170, 90, .24), transparent 75%); border-left: 3px solid #e0b55c; }
.zd-frame .zd-head span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zd-frame .zd-count:not(:empty) { min-width: 16px; padding: 0 5px; color: #1b140a; font-style: normal; font-size: 10px; line-height: 15px; text-align: center; letter-spacing: 0; background: #e0b55c; border-radius: 8px; text-shadow: none; }
.zd-frame .zd-row { margin-top: 2px; cursor: pointer; border: 1px solid transparent; }
.zd-frame .zd-row:hover, .zd-frame .zd-row:focus-visible { background: rgba(214, 186, 128, .08); border-color: rgba(214, 186, 128, .18); outline: none; }
.zd-frame .zd-row.is-open { background: rgba(0, 0, 0, .35); border-color: rgba(214, 186, 128, .3); }
.zd-frame .zd-top { display: flex; align-items: center; gap: 6px; height: 24px; padding: 0 6px; }
.zd-frame .zd-caret { flex: none; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #7d745f; transition: transform .15s; }
.zd-frame .zd-row.is-open .zd-caret { transform: rotate(90deg); border-left-color: #e0b55c; }
.zd-frame .zd-name { flex: 1; overflow: hidden; color: #b9b09c; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; text-shadow: 0 1px 1px #000; }
.zd-frame .zd-val { min-width: 48px; padding: 1px 6px; color: #6f6857; font-size: 12px; font-weight: bold; line-height: 16px; text-align: right; font-variant-numeric: tabular-nums; background: rgba(0, 0, 0, .5); border: 1px solid rgba(214, 186, 128, .14); }
.zd-frame .zd-row.has-value .zd-name { color: #f1e8d2; }
.zd-frame .zd-row.has-value .zd-val { color: #ffd98a; border-color: rgba(224, 181, 92, .45); background: linear-gradient(180deg, rgba(90, 66, 30, .6), rgba(20, 15, 9, .7)); }
.zd-frame .zd-row.is-negative .zd-val { color: #ff7d6b; }
.zd-frame .zd-row.is-inactive .zd-name::after { content: ' •'; color: #8c6a5a; }
.zd-frame .zd-body { display: none; padding: 2px 10px 9px 19px; }
.zd-frame .zd-row.is-open .zd-body { display: block; }
.zd-frame .zd-desc { color: #e4dac2; font-size: 11.5px; line-height: 16px; white-space: normal; text-shadow: 0 1px 1px #000; }
.zd-frame .zd-warn { margin-top: 6px; padding: 3px 7px; color: #f0b79a; font-size: 11px; line-height: 15px; background: rgba(140, 60, 40, .18); border-left: 2px solid #c0704f; white-space: normal; }
.zd-frame .zd-none { margin-top: 6px; color: #8c8574; font-size: 11px; font-style: italic; }
.zd-frame .zd-src { margin-top: 7px; padding-top: 5px; border-top: 1px dotted rgba(214, 186, 128, .25); }
.zd-frame .zd-src-title { color: #c9a35a; font-size: 10px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 2px; }
.zd-frame .zd-src-row { display: flex; justify-content: space-between; gap: 8px; color: #d8d0bd; font-size: 11.5px; line-height: 17px; }
.zd-frame .zd-src-row b { color: #9fd36a; font-variant-numeric: tabular-nums; }
.zd-frame .zd-src-row.is-other span { color: #8c8574; font-style: italic; }