/* Existing feature DOM is portalled here; module visibility and inner dialogs stay owned by each module. */
body.jiin-legacy-open #home-screen { display: flex !important; }
#home-screen #jiin-feature-stage {
  position: absolute;
  inset: 0 0 var(--jn-tabs, 68px);
  z-index: 36;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  isolation: isolate;
  contain: layout paint;
  transform: translateZ(0);
  background: var(--jn-bg);
  color: var(--jn-text);
  font-family: var(--jn-ui-font, 'Segoe UI', system-ui, -apple-system, sans-serif);
}
#home-screen #jiin-feature-stage[hidden],
#home-screen #jiin-feature-stage [data-jiin-suspended] { display: none !important; }
#jiin-feature-stage, #jiin-feature-stage * { box-sizing: border-box; }
#jiin-feature-stage .jiin-feature-toolbar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding: calc(12px + env(safe-area-inset-top, 0px)) 24px 8px;
  background: var(--jn-bg);
  color: var(--jn-text);
}
#jiin-feature-stage .jiin-feature-toolbar [hidden] { display: none !important; }
#jiin-feature-stage .jiin-feature-toolbar button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--jn-border);
  border-radius: 12px;
  background: var(--jn-surface);
  color: var(--jn-text);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  touch-action: manipulation;
}
#jiin-feature-stage #jiin-feature-exit { margin-left: auto; width: 40px; padding: 9px; }
#jiin-feature-stage .jiin-feature-toolbar svg { width: 20px; height: 20px; flex: none; }
#jiin-feature-stage .jiin-feature-toolbar button:focus-visible {
  outline: 2px solid var(--jn-accent);
  outline-offset: 3px;
}
#jiin-feature-stage .jiin-feature-content {
  /* Scroll the shared page, not a narrower legacy dialog inside it. */
  --jn-feature-width: 902px;
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 0;
  margin: 0 auto;
  padding: 0 24px 28px;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--jn-border) transparent;
}
#jiin-feature-stage:has([data-jiin-embedded="studio"]:not([data-jiin-suspended]), [data-jiin-embedded="modal"]:not([data-jiin-suspended])) .jiin-feature-content { --jn-feature-width: 1052px; }

/* Strip only the outer fullscreen/modal shell. Never force display: JS still selects active screens. */
#home-screen #jiin-feature-stage [data-jiin-embedded] {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  max-width: var(--jn-feature-width) !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  z-index: auto !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  color: var(--jn-text) !important;
  font-family: var(--jn-ui-font, 'Segoe UI', system-ui, -apple-system, sans-serif) !important;
}
#jiin-feature-stage [data-jiin-embedded] :is(h1, h2, h3, h4, p, span, strong, small, label, div, button, input, textarea, select):not([class*="material-icons"]):not([class*="material-symbols"]) {
  font-family: inherit !important;
  font-style: normal !important;
}
#jiin-feature-stage [data-jiin-embedded] :is(h1, h2, h3, h4) {
  letter-spacing: -.02em !important;
  text-transform: none !important;
}
#jiin-feature-stage :is(#cuzdan-panel, #kamera-panel, #bahce-panel, #studyo-panel, #jiin-files-overlay)[data-jiin-embedded] button {
  box-shadow: none !important;
  text-shadow: none !important;
}
#home-screen #jiin-feature-stage :is(#studyo-panel, #bahce-panel, #work-agent-overlay, #ws-modal-overlay, #videolarim-modal)[data-jiin-embedded] {
  align-items: stretch !important;
  justify-content: flex-start !important;
  flex-direction: column !important;
}
#home-screen #jiin-feature-stage :is(#studyo-panel, #ws-modal-overlay, #jiin-files-overlay, #youtube-panel, #arcade-panel)[data-jiin-embedded] {
  height: 100% !important;
  overflow: hidden !important;
}

/* Only original feature-level close controls are replaced by the stage toolbar. */
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] > .cuzdan-header .cuzdan-close,
#jiin-feature-stage #kamera-panel[data-jiin-embedded] > .kamera-header .kamera-geri-btn,
#jiin-feature-stage #konum-panel[data-jiin-embedded] > .konum-header .konum-close,
#jiin-feature-stage #youtube-panel[data-jiin-embedded] > .yt-panel-header .yt-panel-close,
#jiin-feature-stage #bahce-panel[data-jiin-embedded] > .bh-dialog > .bh-close,
#jiin-feature-stage #studyo-panel[data-jiin-embedded] > .st-dialog > .st-head .st-close,
#jiin-feature-stage #work-agent-overlay[data-jiin-embedded] > .work-agent-modal > .wa-header > .wa-close,
#jiin-feature-stage #jiin-files-overlay[data-jiin-embedded] > .jf-dialog > .jf-header > button,
#jiin-feature-stage #videolarim-modal[data-jiin-embedded] > .map-container > .map-header > .map-close,
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] > #ws-modal > .ws-modal-close,
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] #af-workspace .af-head > .af-toolbar > .af-close,
#jiin-feature-stage #arcade-panel[data-jiin-embedded] > .arc-header .arcade-panel-close,
#jiin-feature-stage #landing-screen[data-jiin-embedded] > .landing-back-btn { display: none !important; }

/* Shared page headings and spacing; category back buttons and action rows remain intact. */
#jiin-feature-stage [data-jiin-embedded] :is(.cuzdan-header, .kamera-header, .konum-header, .yt-panel-header, .wa-header, .jf-header, .st-head),
#jiin-feature-stage #videolarim-modal[data-jiin-embedded] > .map-container > .map-header {
  position: relative !important;
  inset: auto !important;
  min-width: 0;
  padding: 10px 0 20px !important;
  background: transparent !important;
  border-bottom-color: var(--jn-border) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}
#jiin-feature-stage [data-jiin-embedded] :is(.at-brand-title, .konum-title, .yt-brand-mark, .wa-title, .bh-mast-title, .st-title, .jf-title, #videolarim-baslik) {
  color: var(--jn-text) !important;
  background: none !important;
  -webkit-text-fill-color: var(--jn-text);
  font-family: inherit !important;
  font-size: clamp(26px, 4vw, 34px) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: -.03em !important;
  line-height: 1.2;
}
#jiin-feature-stage [data-jiin-embedded] :is(.at-brand-sub, .wa-label, .wa-hint, .bh-mast-sub, .st-sub) {
  color: var(--jn-muted) !important;
  font-family: inherit !important;
  letter-spacing: normal !important;
}
#jiin-feature-stage [data-jiin-embedded] > :is(.at-stage-bg, .at-grain),
#jiin-feature-stage #bahce-panel[data-jiin-embedded] > .bh-dialog::before,
#jiin-feature-stage #bahce-panel[data-jiin-embedded] > .bh-dialog::after { display: none !important; }
#jiin-feature-stage [data-jiin-embedded] :is(.cuzdan-content, .kamera-content, .konum-content, .wa-body) {
  min-width: 0;
  overflow: visible !important;
  padding: 20px 0 12px !important;
  background: transparent !important;
}
#jiin-feature-stage [data-jiin-embedded] :is(.cuzdan-tabs, .kamera-tabs) {
  padding: 8px 0;
  background: transparent !important;
  border-color: var(--jn-border) !important;
}
#jiin-feature-stage [data-jiin-embedded] :is(.cuzdan-bakiye, .cuzdan-islem, .kamera-item, .konum-kat-btn, .konum-yer-kart, .wa-status-bar, .wa-section) {
  background: var(--jn-surface) !important;
  border: 1px solid var(--jn-border) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] .cuzdan-bakiye { margin: 16px 0; padding: 24px 20px !important; }
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] .cuzdan-bakiye-tutar { font-family: inherit !important; font-style: normal !important; }
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] .cuzdan-header { border-bottom: 0 !important; }
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] .cuzdan-islemler { gap: 12px; }
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] .cuzdan-islem { padding: 16px !important; }
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] .cuzdan-islem-tutar {
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  text-shadow: none !important;
}
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] :is(.cuzdan-islem-tarih, .cuzdan-islem-aciklama) {
  font-size: 12px !important;
  line-height: 1.5;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: var(--jn-muted) !important;
}
#jiin-feature-stage [data-jiin-embedded] :is(.cuzdan-islem-kat, .konum-title, .wa-status-bar) { color: var(--jn-text) !important; }
#jiin-feature-stage #work-agent-overlay[data-jiin-embedded] .wa-section { padding: 18px; }
#jiin-feature-stage [data-jiin-embedded] :is(.wa-input, .cuzdan-tutar-input, .cuzdan-aciklama-input) {
  min-width: 0;
  background: var(--jn-surface) !important;
  color: var(--jn-text) !important;
  border-color: var(--jn-border) !important;
}

/* These wrappers used to be centered dialogs; retain their inner scroll/overlay anchors. */
#home-screen #jiin-feature-stage [data-jiin-embedded] > :is(.st-dialog, .bh-dialog, .work-agent-modal, .jf-dialog, .map-container, #ws-modal) {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
}
#home-screen #jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] > #ws-modal {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
#jiin-feature-stage #studyo-panel[data-jiin-embedded] {
  --st-bg: var(--jn-bg); --st-bg-2: var(--jn-surface); --st-kart: var(--jn-surface);
  --st-ink: var(--jn-text); --st-ink-2: var(--jn-muted); --st-ink-3: var(--jn-muted);
  --st-line: var(--jn-border); --st-accent: var(--jn-accent); --st-accent-ink: var(--jn-bg);
}
#jiin-feature-stage #studyo-panel[data-jiin-embedded] :is(.st-body, .st-stepper) { padding-left: 0; padding-right: 0; }
#jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-head { display: flex; align-items: center; }
#jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-head-sol { display: contents; }
#jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-mast { flex: 1; min-width: 0; text-align: left; }
#jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-head-sag { flex: 0 0 auto; }
#jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-title { max-width: 100%; }
#jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-eyebrow { font-size: 12px; letter-spacing: normal; text-transform: none; color: var(--jn-muted); }
#jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-body { min-height: 0; }
#jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-proje-liste { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
#jiin-feature-stage #bahce-panel[data-jiin-embedded] {
  --bh-paper: var(--jn-surface); --bh-text: var(--jn-text); --bh-dim: var(--jn-muted);
  --bh-mute: var(--jn-muted); --bh-line: var(--jn-border);
}
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bh-dialog { overflow: visible !important; }
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bh-mast { padding: 10px 0 20px; }
#jiin-feature-stage #bahce-panel[data-jiin-embedded] :is(.bh-mast-eyebrow, .bh-folio, .bh-label) {
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
}
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bh-btn {
  border-radius: 12px;
  border-color: var(--jn-border);
  color: var(--jn-text);
  letter-spacing: normal;
  box-shadow: none !important;
  transform: none !important;
}
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bh-btn-primary {
  background: var(--jn-send, var(--jn-accent));
  color: var(--jn-on-send, var(--jn-bg));
}
#jiin-feature-stage #jiin-files-overlay[data-jiin-embedded] {
  --jf-bg: var(--jn-bg); --jf-text: var(--jn-text); --jf-accent: var(--jn-accent);
  --jf-panel: var(--jn-surface); --jf-muted: var(--jn-muted); --jf-line: var(--jn-border);
}
#jiin-feature-stage #jiin-files-overlay[data-jiin-embedded] .jf-action-primary {
  background: var(--jn-send, var(--jn-accent));
  color: var(--jn-on-send, var(--jn-bg));
  border-color: transparent;
  box-shadow: none;
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .mailbox-shell {
  --mb-bg: var(--jn-bg); --mb-surface: var(--jn-surface); --mb-hover: color-mix(in srgb, var(--jn-accent) 8%, var(--jn-surface));
  --mb-text: var(--jn-text); --mb-muted: var(--jn-muted); --mb-line: var(--jn-border);
  --mb-gold: var(--jn-accent); --mb-soft: var(--jn-surface); --mb-button: var(--jn-accent); --mb-button-ink: var(--jn-bg);
  height: 100% !important; min-height: 0; max-height: 100% !important;
  max-width: none; border: 0; border-radius: 0; box-shadow: none; font-family: inherit !important;
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] #ws-modal {
  --dm-bg0: var(--jn-bg); --dm-bg1: var(--jn-surface); --dm-surface: var(--jn-surface);
  --dm-ink: var(--jn-text); --dm-ink-soft: var(--jn-muted); --dm-ink-dim: var(--jn-muted);
  --dm-hair: var(--jn-border); --dm-accent: var(--jn-accent);
  font-family: inherit !important;
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] #ws-modal-content { height: 100%; min-height: 0; }
#jiin-feature-stage #youtube-panel[data-jiin-embedded] :is(.yt-panel-header, #yt-content) { max-width: none !important; }
#jiin-feature-stage #youtube-panel[data-jiin-embedded] #yt-content { padding: 20px 0 !important; }
#jiin-feature-stage #youtube-panel[data-jiin-embedded] .yt-mode-tabs { border-color: var(--jn-border); background: var(--jn-surface); }
#jiin-feature-stage #youtube-panel[data-jiin-embedded] .yt-mode-tab { color: var(--jn-muted); }
#jiin-feature-stage #youtube-panel[data-jiin-embedded] .yt-mode-tab.active { background: var(--jn-accent); color: var(--jn-bg); box-shadow: none; }

/* Entertainment keeps its game/content layout; only viewport escape and decorative bleed are removed. */
#jiin-feature-stage #landing-screen[data-jiin-embedded] {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
#jiin-feature-stage #landing-screen[data-jiin-embedded] > .jiin-feature-title {
  margin: 10px 0 26px;
  color: var(--jn-text);
  font-size: clamp(26px, 4vw, 34px);
  font-weight: 600;
  line-height: 1.2;
}
#jiin-feature-stage #landing-screen[data-jiin-embedded] > :is(.landing-bg-system, .landing-scan-overlay, .landing-scan-line),
#jiin-feature-stage #landing-screen[data-jiin-embedded] .landing-main > :is(.landing-page-title, .landing-question-mark, .landing-tagline, .landing-subtitle, .landing-back-btn),
#jiin-feature-stage #landing-screen[data-jiin-embedded] .landing-mode-btn > .btn-glow-top,
#jiin-feature-stage #landing-screen[data-jiin-embedded] .landing-mode-btn::before,
#jiin-feature-stage #landing-screen[data-jiin-embedded] .landing-mode-btn::after { display: none !important; }
#jiin-feature-stage #landing-screen[data-jiin-embedded] .landing-main {
  align-items: stretch;
  width: 100%;
  max-width: none;
  padding: 0;
  text-align: left;
  animation: none;
}
#jiin-feature-stage #landing-screen[data-jiin-embedded] .landing-mode-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin: 0 0 24px;
  animation: none;
}
#jiin-feature-stage #landing-screen[data-jiin-embedded] .landing-mode-btn {
  justify-content: flex-start;
  min-width: 0;
  min-height: 86px;
  padding: 17px 14px !important;
  border: 1px solid var(--jn-border);
  border-radius: 16px;
  background: var(--jn-surface);
  color: var(--jn-text);
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  text-transform: none;
  text-align: left;
  box-shadow: none;
  text-shadow: none;
  transform: none;
  transition: border-color .16s;
}
#jiin-feature-stage #landing-screen[data-jiin-embedded] .landing-mode-btn:not(:disabled):hover { border-color: var(--jn-accent); }
#jiin-feature-stage #landing-screen[data-jiin-embedded] .landing-mode-btn:focus-visible { outline: 2px solid var(--jn-accent); outline-offset: 3px; }
#jiin-feature-stage [data-jiin-embedded="fun"] :is(.landing-main, .g-page-wrapper, .finale-header) { max-width: 100%; }
#jiin-feature-stage #genres-screen[data-jiin-embedded] .g-bg-system { height: 100%; }
#jiin-feature-stage #game-screen[data-jiin-embedded] #game-home-btn { position: absolute !important; top: 12px; left: 12px; }
#jiin-feature-stage #arcade-panel[data-jiin-embedded] #arcade-content { position: relative; min-height: 0; max-width: none; }
#jiin-feature-stage #arcade-panel[data-jiin-embedded] .arcade-player-wrap { position: absolute !important; inset: 0 !important; height: 100% !important; z-index: 10; }
#jiin-feature-stage #videolarim-modal[data-jiin-embedded] .vl-item { border-color: var(--jn-border); background: var(--jn-surface); color: var(--jn-text); border-radius: 14px; }

/* Entertainment theme parity: application chrome follows the selected theme; artwork and game renderers keep their own colors. */
#jiin-feature-stage :is(#genres-screen, #character-screen, #game-screen, #finale-screen, #legends-screen, #duello-bekle-screen, #videolarim-modal, #arcade-panel)[data-jiin-embedded] {
  --bg-deep: var(--jn-bg);
  --bg-card: var(--jn-surface);
  --text: var(--jn-text);
  --text-ghost: var(--jn-text);
  --text-dim: var(--jn-muted);
  --text-muted: var(--jn-muted);
  --accent-blood: var(--jn-accent);
  --accent-blood-glow: var(--jn-accent);
  --accent-gold: var(--jn-accent);
}
#jiin-feature-stage #genres-screen[data-jiin-embedded] > :is(.g-bg-system, .g-scan-overlay, .g-scan-line),
#jiin-feature-stage #genres-screen[data-jiin-embedded] .genre-card > :is(.card-glow-top, .card-border-glow, .card-inner-glow),
#jiin-feature-stage #arcade-panel[data-jiin-embedded] > :is(.arc-stage-bg, .arc-grain, .arc-marquee),
#jiin-feature-stage #arcade-panel[data-jiin-embedded] :is(.arc-brand-bracket, .arc-brand-sub, .arc-coin),
#jiin-feature-stage #arcade-panel[data-jiin-embedded]::after,
#jiin-feature-stage #arcade-panel[data-jiin-embedded] .arcade-card::before,
#jiin-feature-stage #arcade-panel[data-jiin-embedded] .arcade-card-cover::after { display: none !important; }
#jiin-feature-stage #genres-screen[data-jiin-embedded] .g-page-wrapper { padding: 10px 0 28px; animation: none; }
#jiin-feature-stage #genres-screen[data-jiin-embedded] :is(.genre-grid, .genre-card, .g-page-title, .g-toggle-section) { animation: none; }
#jiin-feature-stage #genres-screen[data-jiin-embedded] .g-page-title,
#jiin-feature-stage #character-screen[data-jiin-embedded] .character-header h2,
#jiin-feature-stage #finale-screen[data-jiin-embedded] .finale-header h2,
#jiin-feature-stage #legends-screen[data-jiin-embedded] .section-label,
#jiin-feature-stage #arcade-panel[data-jiin-embedded] .arc-brand-title {
  margin: 10px 0 20px;
  color: var(--jn-text) !important;
  -webkit-text-fill-color: var(--jn-text);
  background: none !important;
  font-size: clamp(26px, 4vw, 34px) !important;
  font-weight: 600 !important;
  line-height: 1.25;
  letter-spacing: -.03em !important;
  text-transform: none !important;
  text-align: left;
  white-space: normal;
  text-shadow: none !important;
  filter: none;
}
#jiin-feature-stage #genres-screen[data-jiin-embedded] .g-toggle-section { justify-content: flex-start; margin-bottom: 24px; }
#jiin-feature-stage #genres-screen[data-jiin-embedded] .g-toggle-label { color: var(--jn-muted); font-size: 13px; letter-spacing: normal; }
#jiin-feature-stage #genres-screen[data-jiin-embedded] .g-toggle-switch { background: var(--jn-surface); border-color: var(--jn-border); }
#jiin-feature-stage #genres-screen[data-jiin-embedded] .g-toggle-switch::after { background: var(--jn-muted); box-shadow: none; }
#jiin-feature-stage #genres-screen[data-jiin-embedded] .g-toggle-switch.active { background: color-mix(in srgb, var(--jn-accent) 12%, var(--jn-surface)); border-color: var(--jn-accent); }
#jiin-feature-stage #genres-screen[data-jiin-embedded] .g-toggle-switch.active::after { background: var(--jn-accent); }
#jiin-feature-stage #genres-screen[data-jiin-embedded] .genre-card,
#jiin-feature-stage #character-screen[data-jiin-embedded] .character-card {
  background: var(--jn-surface) !important;
  border: 1px solid var(--jn-border) !important;
  border-radius: 16px;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: none !important;
  transition: border-color .16s;
}
#jiin-feature-stage #genres-screen[data-jiin-embedded] .genre-card { padding: 24px 20px; }
#jiin-feature-stage #genres-screen[data-jiin-embedded] .genre-card:hover,
#jiin-feature-stage #character-screen[data-jiin-embedded] .character-card:hover { border-color: var(--jn-accent) !important; }
#jiin-feature-stage #character-screen[data-jiin-embedded] .character-card.selected {
  border-color: var(--jn-accent) !important;
  background: color-mix(in srgb, var(--jn-accent) 8%, var(--jn-surface)) !important;
}
#jiin-feature-stage #genres-screen[data-jiin-embedded] .genre-card .card-title,
#jiin-feature-stage #character-screen[data-jiin-embedded] .char-name { color: var(--jn-text); font-size: 18px; font-weight: 600; }
#jiin-feature-stage #genres-screen[data-jiin-embedded] .genre-card :is(.card-desc, .card-advisor),
#jiin-feature-stage #character-screen[data-jiin-embedded] :is(.char-desc, .character-header .subtitle),
#jiin-feature-stage #finale-screen[data-jiin-embedded] .finale-header .subtitle,
#jiin-feature-stage #legends-screen[data-jiin-embedded] .legends-subtitle {
  color: var(--jn-muted);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: normal;
  text-transform: none;
}
#jiin-feature-stage #genres-screen[data-jiin-embedded] .genre-card .card-advisor { font-size: 12px; }
#jiin-feature-stage #character-screen[data-jiin-embedded] .character-header { margin: 10px 0 24px; text-align: left; }
#jiin-feature-stage #character-screen[data-jiin-embedded] .char-bonus { background: var(--jn-bg); border-color: var(--jn-border); color: var(--jn-accent); font-size: 12px; letter-spacing: normal; }

/* Existing disabled/locked state opacity and semantic warning badges are preserved. */
#jiin-feature-stage [data-jiin-embedded="fun"] :is(.g-back-btn, .screen-back-btn, .game-home-btn, .ng-plus-btn, .btn-start-game, .btn-game, .btn-sound, .btn-share, .btn-new-story, .btn-legends-back, .duello-iptal-btn, .video-dl):not(:disabled):not([aria-disabled="true"]),
#jiin-feature-stage #videolarim-modal[data-jiin-embedded] .vl-btn:not(.sil):not(:disabled),
#jiin-feature-stage #arcade-panel[data-jiin-embedded] .arcade-geri-btn:not(:disabled) {
  background: var(--jn-surface) !important;
  color: var(--jn-text) !important;
  border: 1px solid var(--jn-border) !important;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  text-shadow: none;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: none;
}
#jiin-feature-stage [data-jiin-embedded="fun"] :is(.btn-start-game, .ng-plus-btn.active):not(:disabled) {
  background: var(--jn-send, var(--jn-accent)) !important;
  border-color: transparent !important;
  color: var(--jn-on-send, var(--jn-bg)) !important;
}
#jiin-feature-stage :is(#genres-screen, #character-screen, #game-screen, #finale-screen, #legends-screen, #duello-bekle-screen, #videolarim-modal, #arcade-panel)[data-jiin-embedded] :is(button, a):focus-visible {
  outline: 2px solid var(--jn-accent);
  outline-offset: 3px;
}
#jiin-feature-stage #game-screen[data-jiin-embedded] :is(#profile-panel, .game-status-bar, .story-area, .profile-esya, .profile-rozet, .profile-gecikme-item, .ng-badge, .profile-ng-badge, .karakter-badge, .mekanik-mesaj, .tetiklenen-olay),
#jiin-feature-stage #finale-screen[data-jiin-embedded] :is(.finale-story, .score-section, .achievement-badge, .leaderboard-list, .leaderboard-item, .stat-card, .choices-timeline, .mekanik-stats, .studyo-kurgu-card) {
  background: var(--jn-surface) !important;
  color: var(--jn-text);
  border-color: var(--jn-border) !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#jiin-feature-stage #game-screen[data-jiin-embedded] .choice-btn:not(.locked):not(:disabled) {
  background: var(--jn-surface);
  color: var(--jn-text);
  border-color: var(--jn-border);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#jiin-feature-stage #game-screen[data-jiin-embedded] .choice-btn:hover:not(.locked):not(:disabled) { background: var(--jn-surface); border-color: var(--jn-accent); box-shadow: none; }
#jiin-feature-stage #game-screen[data-jiin-embedded] .choice-btn::before { background: var(--jn-accent); }
#jiin-feature-stage #game-screen[data-jiin-embedded] .choice-btn .letter { background: var(--jn-bg); color: var(--jn-accent); border-color: var(--jn-border); }
#jiin-feature-stage #game-screen[data-jiin-embedded] :is(.profile-section, .game-header, .game-status-delayed) { border-color: var(--jn-border); }
#jiin-feature-stage #game-screen[data-jiin-embedded] :is(.profile-section-title, .game-header .sahne-no, .profile-karakter-bonus, .profile-envanter-bos, .profile-kaynak-text) { font-size: 12px; letter-spacing: normal; text-transform: none; }
#jiin-feature-stage #game-screen[data-jiin-embedded] .profile-kaynak-bar { background: var(--jn-border); }
#jiin-feature-stage #game-screen[data-jiin-embedded] .profile-kaynak-fill { background: var(--jn-accent); }
#jiin-feature-stage #game-screen[data-jiin-embedded] .story-area { line-height: 1.8; }
#jiin-feature-stage #game-screen[data-jiin-embedded] { filter: none; }
#jiin-feature-stage #game-screen[data-jiin-embedded] .story-area { animation: none; }
#jiin-feature-stage #game-screen[data-jiin-embedded] .intro-block { letter-spacing: normal; }
#jiin-feature-stage #game-screen[data-jiin-embedded] .intro-separator { background: var(--jn-border); }
#jiin-feature-stage #game-screen[data-jiin-embedded] .duello-skor-bar { background: var(--jn-surface); border-color: var(--jn-border); }
#jiin-feature-stage #game-screen[data-jiin-embedded] .choice-img-wrap { background: var(--jn-surface); }
#jiin-feature-stage #game-screen[data-jiin-embedded] .choice-img-wrap .img-shimmer { background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--jn-accent) 8%, transparent), transparent); }
#jiin-feature-stage #finale-screen[data-jiin-embedded] .stats-grid { background: var(--jn-border); }
#jiin-feature-stage #finale-screen[data-jiin-embedded] :is(.score-big, .stat-value, .rank, .secim-harf) { color: var(--jn-accent); text-shadow: none; }
#jiin-feature-stage #finale-screen[data-jiin-embedded] :is(.score-label, .stat-label, .timeline-item .sahne, .score-breakdown, .video-meta, .video-options, .video-status, h3) { color: var(--jn-muted); letter-spacing: normal; text-transform: none; }
#jiin-feature-stage #finale-screen[data-jiin-embedded] :is(.achievement-badge.earned, .leaderboard-item.current) { background: color-mix(in srgb, var(--jn-accent) 8%, var(--jn-surface)) !important; border-color: var(--jn-accent) !important; }
#jiin-feature-stage #finale-screen[data-jiin-embedded] input[type="checkbox"] { accent-color: var(--jn-accent); }
#jiin-feature-stage #finale-screen[data-jiin-embedded] :is(.finale-story, .score-section, .leaderboard-list, .stat-card, .choices-timeline, .mekanik-stats, .studyo-kurgu-card) { border-radius: 16px; }
#jiin-feature-stage #finale-screen[data-jiin-embedded] :is(.score-label, .stat-label, .timeline-item .sahne, .achievement-badge .badge-name, .score-breakdown, h3) { font-size: 12px; }
#jiin-feature-stage #legends-screen[data-jiin-embedded] .legends-section { padding-top: 10px; }
#jiin-feature-stage #legends-screen[data-jiin-embedded] .legends-subtitle { text-align: left; }
#jiin-feature-stage #legends-screen[data-jiin-embedded] :is(.legend-card, .legends-total-progress) {
  background: var(--jn-surface);
  border-color: var(--jn-border);
  border-radius: 16px;
  box-shadow: none;
  animation: none;
}
#jiin-feature-stage #legends-screen[data-jiin-embedded] .legend-card:hover:not(.locked),
#jiin-feature-stage #legends-screen[data-jiin-embedded] .legend-card.active { border-color: var(--jn-accent); transform: none; }
#jiin-feature-stage #legends-screen[data-jiin-embedded] .legend-card.completed { border-color: var(--accent-green-glow); }
#jiin-feature-stage #legends-screen[data-jiin-embedded] .legend-name { color: var(--jn-text); font-size: 18px; }
#jiin-feature-stage #legends-screen[data-jiin-embedded] :is(.legend-tema, .legend-status, .legends-total-text) { font-size: 12px; letter-spacing: normal; }
#jiin-feature-stage #legends-screen[data-jiin-embedded] :is(.legend-tema, .legends-total-text) { color: var(--jn-muted); }
#jiin-feature-stage #legends-screen[data-jiin-embedded] :is(.legend-progress, .legends-total-bar) { background: var(--jn-border); }
#jiin-feature-stage #legends-screen[data-jiin-embedded] .legend-card:not(.completed) .legend-progress-fill,
#jiin-feature-stage #legends-screen[data-jiin-embedded] .legends-total-fill { background: var(--jn-accent); }
#jiin-feature-stage #duello-bekle-screen[data-jiin-embedded] .duello-bekle-anim { border-color: var(--jn-border); border-top-color: var(--jn-accent); }
#jiin-feature-stage #duello-bekle-screen[data-jiin-embedded] .duello-bekle-text { color: var(--jn-text); }
#jiin-feature-stage #duello-bekle-screen[data-jiin-embedded] .duello-bekle-sub { color: var(--jn-muted); }

#jiin-feature-stage #videolarim-modal[data-jiin-embedded] .vl-item.aktif { border-color: var(--jn-accent); }
#jiin-feature-stage #videolarim-modal[data-jiin-embedded] :is(.vl-meta, .vl-bos) { opacity: 1; color: var(--jn-muted); line-height: 1.6; }
#jiin-feature-stage #videolarim-modal[data-jiin-embedded] .vl-title { color: var(--jn-text); }
#jiin-feature-stage #arcade-panel[data-jiin-embedded] :is(.arc-header, .arc-footer, .arcade-player-header) { background: var(--jn-bg); border-color: var(--jn-border); }
#jiin-feature-stage #arcade-panel[data-jiin-embedded] .arc-header { padding: 10px 0 20px; border-bottom: 0; animation: none; }
#jiin-feature-stage #arcade-panel[data-jiin-embedded] .arc-brand-title { margin: 0; }
#jiin-feature-stage #arcade-panel[data-jiin-embedded] #arcade-content { padding: 0 0 24px; animation: none; }
#jiin-feature-stage #arcade-panel[data-jiin-embedded] .arcade-card {
  background: var(--jn-surface) !important;
  border-color: var(--jn-border) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
}
#jiin-feature-stage #arcade-panel[data-jiin-embedded] .arcade-card:hover { border-color: var(--jn-accent) !important; }
#jiin-feature-stage #arcade-panel[data-jiin-embedded] :is(.arcade-card-info, .arcade-card-cover) { background: var(--jn-surface) !important; border-color: var(--jn-border); }
#jiin-feature-stage #arcade-panel[data-jiin-embedded] .arcade-card-name { color: var(--jn-text) !important; letter-spacing: normal !important; text-transform: none !important; }
#jiin-feature-stage #arcade-panel[data-jiin-embedded] :is(.arcade-card-tur, .arc-footer, .arc-footer-blink, .arcade-player-title) { color: var(--jn-muted) !important; font-size: 12px !important; letter-spacing: normal !important; text-transform: none !important; text-shadow: none; animation: none; }
#jiin-feature-stage #arcade-panel[data-jiin-embedded] .arc-footer { padding: 12px 0; }
#jiin-feature-stage #arcade-panel[data-jiin-embedded] .arcade-rom-badge { background: var(--jn-bg) !important; color: var(--jn-accent) !important; border-color: var(--jn-border) !important; letter-spacing: normal !important; text-shadow: none; }
#jiin-feature-stage #arcade-panel[data-jiin-embedded] .arcade-card-fallback { color: var(--jn-muted) !important; text-shadow: none; }
#jiin-feature-stage #arcade-panel[data-jiin-embedded] .arcade-player-wrap { background: var(--jn-bg); }

/* Story artwork belongs inside the opaque feature stage, below its readable content. */
#jiin-feature-stage[data-feature="fun"] > :is(.jiin-feature-toolbar, .jiin-feature-content) { z-index: 1; }
#jiin-feature-stage #jiin-feature-auxiliaries :is(#video-bg-container, #video-bg-overlay) {
  position: absolute;
  inset: 0;
  z-index: 0;
}
#jiin-feature-stage #jiin-feature-auxiliaries #scene-bg-img {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: cover;
  transform: translate(-50%, -50%); /* Keep centered when reduced motion disables keyframes. */
}
#jiin-feature-stage #jiin-feature-auxiliaries #sinema-layer {
  position: absolute;
  top: calc(60px + env(safe-area-inset-top, 0px));
}
@media (min-width: 1024px) {
  #jiin-feature-stage #jiin-feature-auxiliaries #sinema-layer { top: 60px; }
}

/* The router mounts these original helper nodes here; visibility and gameplay timers remain JS-owned. */
#jiin-feature-stage #jiin-feature-auxiliaries {
  --bg-card: var(--jn-surface);
  --text-ghost: var(--jn-text);
  --text-dim: var(--jn-muted);
  --text-muted: var(--jn-muted);
  --accent-gold: var(--jn-accent);
  font-family: var(--jn-ui-font, 'Segoe UI', system-ui, -apple-system, sans-serif);
  color: var(--jn-text);
}
#jiin-feature-stage #jiin-feature-auxiliaries[hidden] { display: none !important; }
#jiin-feature-stage #jiin-feature-auxiliaries :is(#advisor-panel, #map-modal, #dice-overlay, #gameover-overlay, #achievement-popup, #korku-dialog, #loading-overlay, #mod-select-overlay) {
  background: var(--jn-bg) !important;
  color: var(--jn-text);
  border-color: var(--jn-border) !important;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#jiin-feature-stage #jiin-feature-auxiliaries :is(h2, h3, p, div, span, strong, small, label, button, input) {
  font-family: inherit !important;
  font-style: normal !important;
}
#jiin-feature-stage #jiin-feature-auxiliaries :is(.advisor-header, .advisor-input-area, .advisor-msg, .map-node, .korku-dialog-input),
#jiin-feature-stage #jiin-feature-auxiliaries #advisor-panel > div[style] {
  background: var(--jn-surface) !important;
  border-color: var(--jn-border) !important;
  color: var(--jn-text);
  box-shadow: none;
}
#jiin-feature-stage #jiin-feature-auxiliaries :is(.advisor-input, .korku-dialog-input) {
  background: var(--jn-bg) !important;
  border-color: var(--jn-border) !important;
  color: var(--jn-text);
  font-size: 16px;
  border-radius: 12px;
}
#jiin-feature-stage #jiin-feature-auxiliaries :is(.advisor-input, .korku-dialog-input):focus-visible { outline: 2px solid var(--jn-accent); outline-offset: 2px; }
#jiin-feature-stage #jiin-feature-auxiliaries :is(#advisor-panel, #map-modal, #korku-dialog, #gameover-overlay, #mod-select-overlay) button:not(:disabled) {
  background: var(--jn-surface) !important;
  color: var(--jn-text) !important;
  border-color: var(--jn-border) !important;
  border-radius: 12px;
  letter-spacing: normal !important;
  text-transform: none;
  text-shadow: none;
  box-shadow: none;
}
#jiin-feature-stage #jiin-feature-auxiliaries :is(#advisor-panel, #korku-dialog, #gameover-overlay) :is(.advisor-send, .korku-dialog-submit, .btn-retry):not(:disabled) {
  background: var(--jn-send, var(--jn-accent)) !important;
  color: var(--jn-on-send, var(--jn-bg)) !important;
  border-color: transparent !important;
}
#jiin-feature-stage #jiin-feature-auxiliaries :is(.map-node.current, .advisor-msg.user) { border-color: var(--jn-accent) !important; }
#jiin-feature-stage #jiin-feature-auxiliaries .map-node .node-choice { background: var(--jn-bg); border-color: var(--jn-border); color: var(--jn-accent); }
#jiin-feature-stage #jiin-feature-auxiliaries .map-node .node-num { color: var(--jn-accent); }
#jiin-feature-stage #jiin-feature-auxiliaries .map-node .node-connector { background: var(--jn-border); }
#jiin-feature-stage #jiin-feature-auxiliaries :is(.achievement-label, .loading-text, .korku-dialog-desc, #dice-oran) { color: var(--jn-muted); letter-spacing: normal; line-height: 1.5; }
#jiin-feature-stage #jiin-feature-auxiliaries :is(.achievement-label, .loading-text) { font-size: 12px; text-transform: none; }
#jiin-feature-stage #jiin-feature-auxiliaries #mod-select-overlay > div { color: var(--jn-text) !important; }
#jiin-feature-stage #jiin-feature-auxiliaries #mod-select-overlay {
  top: calc(60px + env(safe-area-inset-top, 0px)) !important;
  bottom: 0;
  height: auto !important;
}
#jiin-feature-stage #jiin-feature-auxiliaries .spinner { border-color: var(--jn-border); border-top-color: var(--jn-accent); }
#jiin-feature-stage #jiin-feature-auxiliaries #sinema-layer .sinema-hud { background: var(--jn-bg); color: var(--jn-text); letter-spacing: normal; }
#jiin-feature-stage #jiin-feature-auxiliaries #sinema-layer :is(.sinema-hud-btn, .btn-game, .choice-btn):not(:disabled):not(.locked) {
  background: var(--jn-surface);
  color: var(--jn-text);
  border-color: var(--jn-border);
  box-shadow: none;
  text-shadow: none;
  letter-spacing: normal;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#jiin-feature-stage #jiin-feature-auxiliaries #sinema-layer .choice-btn .letter { background: var(--jn-bg); color: var(--jn-accent); border-color: var(--jn-border); }
#jiin-feature-stage #finale-screen[data-jiin-embedded] .duello-yeni-btn:not(:disabled) { background: var(--jn-send, var(--jn-accent)); color: var(--jn-on-send, var(--jn-bg)); letter-spacing: normal; }

@media (min-width: 1024px) {
  #home-screen #jiin-feature-stage {
    inset: 8px 8px 8px var(--dt-sb, 272px);
    border: 1px solid var(--jn-border);
    border-radius: 18px;
  }
  #jiin-feature-stage .jiin-feature-toolbar { padding-top: 12px; }
}
@media (max-width: 600px) {
  #jiin-feature-stage .jiin-feature-toolbar { padding-left: 20px; padding-right: 20px; }
  #jiin-feature-stage .jiin-feature-content { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; }
  #jiin-feature-stage #youtube-panel[data-jiin-embedded] .yt-panel-header { flex-wrap: wrap; gap: 16px; }
  #jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-head { gap: 8px; }
  #jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-title { font-size: 24px !important; max-width: 100%; }
  #jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-stepper { justify-content: flex-start; overflow-x: auto; }
}

/* Feature theme parity */
#home-screen #jiin-feature-stage {
  --jn-success: #89cba3;
  --jn-danger: #f3a299;
  --jn-info: #9abaf0;
  --jn-warning: #e4bd75;
}
html[data-tema="hardal"] #home-screen #jiin-feature-stage {
  --jn-success: #276843;
  --jn-danger: #a23245;
  --jn-info: #285b85;
  --jn-warning: #875600;
}
#jiin-feature-stage :is(#cuzdan-panel, #kamera-panel, #konum-panel, #youtube-panel, #work-agent-overlay, #studyo-panel, #bahce-panel, #jiin-files-overlay, #ws-modal-overlay)[data-jiin-embedded] :is(input, textarea)::placeholder {
  color: var(--jn-muted) !important;
  opacity: 1 !important;
  font-style: normal !important;
}
#jiin-feature-stage :is(#cuzdan-panel, #kamera-panel, #konum-panel, #youtube-panel, #work-agent-overlay, #studyo-panel, #bahce-panel)[data-jiin-embedded] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), textarea, select) {
  background: var(--jn-surface) !important;
  color: var(--jn-text) !important;
  border-color: var(--jn-border) !important;
}
#jiin-feature-stage :is(#cuzdan-panel, #kamera-panel, #konum-panel, #youtube-panel, #work-agent-overlay, #studyo-panel, #bahce-panel)[data-jiin-embedded] :is(input, textarea, select):focus {
  border-color: var(--jn-accent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--jn-accent) 18%, transparent) !important;
}

/* Income/expense and connected/disconnected remain distinct in every palette. */
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] { --cuz-ok: var(--jn-success); --cuz-alert: var(--jn-danger); }
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] :is(.cuzdan-bakiye-label, .cuzdan-tab, .cuzdan-tip-btn, .cuzdan-bos) { color: var(--jn-muted) !important; }
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] .cuzdan-bakiye-tutar { color: var(--jn-text) !important; }
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] :is(.cuzdan-ozet-gelir, .cuzdan-islem-tutar.gelir) { color: var(--jn-success) !important; }
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] :is(.cuzdan-ozet-gider, .cuzdan-islem-tutar.gider) { color: var(--jn-danger) !important; }
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] :is(.cuzdan-ozet-gelir, .cuzdan-ozet-gider)::before { color: var(--jn-muted) !important; }
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] .cuzdan-tab.active { color: var(--jn-text) !important; border-bottom-color: var(--jn-accent) !important; }
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] .cuzdan-tip-toggle { background: var(--jn-surface) !important; border-color: var(--jn-border) !important; }
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] .cuzdan-tip-btn { border: 1px solid transparent !important; }
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] .cuzdan-tip-btn.active-gelir {
  background: color-mix(in srgb, var(--jn-success) 13%, var(--jn-surface)) !important;
  border-color: var(--jn-success) !important; color: var(--jn-success) !important;
}
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] .cuzdan-tip-btn.active-gider {
  background: color-mix(in srgb, var(--jn-danger) 13%, var(--jn-surface)) !important;
  border-color: var(--jn-danger) !important; color: var(--jn-danger) !important;
}
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] .cuzdan-kat-btn { background: var(--jn-surface) !important; border-color: var(--jn-border) !important; color: var(--jn-text) !important; }
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] .cuzdan-kat-btn.selected {
  background: color-mix(in srgb, var(--jn-accent) 12%, var(--jn-surface)) !important;
  border-color: var(--jn-accent) !important; color: var(--jn-text) !important;
}
#jiin-feature-stage :is(#cuzdan-panel, #kamera-panel)[data-jiin-embedded] .at-brand-glyph {
  background: var(--jn-surface) !important; color: var(--jn-accent) !important; border-color: var(--jn-border) !important; box-shadow: none !important;
}
#jiin-feature-stage :is(#cuzdan-panel, #kamera-panel, #bahce-panel, #work-agent-overlay, #studyo-panel)[data-jiin-embedded] :is(.cuzdan-kaydet-btn, .kamera-kaydet-btn, .cihaz-kurulum-btn, .bh-btn-primary, .wa-btn-primary, .pc-main-button, .pc-setup-download, .st-btn-primary) {
  background: var(--jn-send, var(--jn-accent)) !important;
  color: var(--jn-on-send, var(--jn-bg)) !important;
  border-color: transparent !important;
}
#jiin-feature-stage #kamera-panel[data-jiin-embedded] { --ev-ok: var(--jn-success); --ev-alert: var(--jn-danger); }
#jiin-feature-stage #kamera-panel[data-jiin-embedded] :is(.kamera-tab, .cihaz-detay-ip, .kamera-item-detay, .cihaz-kurulum-sub, .cihaz-kat-kart-adet, .kamera-bos) { color: var(--jn-muted) !important; }
#jiin-feature-stage #kamera-panel[data-jiin-embedded] :is(.sahne-baslik, .sahne-kart-ad, .kamera-item-ad, .cihaz-kat-kart-ad) { color: var(--jn-text) !important; }
#jiin-feature-stage #kamera-panel[data-jiin-embedded] .kamera-tab.active { color: var(--jn-text) !important; background: color-mix(in srgb, var(--jn-accent) 12%, var(--jn-surface)) !important; border-color: var(--jn-accent) !important; }
#jiin-feature-stage #kamera-panel[data-jiin-embedded] :is(.cihaz-kat-kart, .sahne-kart, .cihaz-ses-btn, .kamera-marka-btn, .cihaz-detay-geri) { background: var(--jn-surface) !important; border-color: var(--jn-border) !important; color: var(--jn-text) !important; box-shadow: none !important; }
#jiin-feature-stage #kamera-panel[data-jiin-embedded] .pi-bar-online { background: color-mix(in srgb, var(--jn-success) 9%, var(--jn-bg)) !important; border-color: color-mix(in srgb, var(--jn-success) 35%, var(--jn-border)) !important; }
#jiin-feature-stage #kamera-panel[data-jiin-embedded] :is(.pi-bar-online .pi-bar-text, .pi-bar-online .pi-bar-meta, .cihaz-online-text.online) { color: var(--jn-success) !important; text-shadow: none !important; }
#jiin-feature-stage #kamera-panel[data-jiin-embedded] .pi-bar-offline { background: color-mix(in srgb, var(--jn-danger) 9%, var(--jn-bg)) !important; border-color: color-mix(in srgb, var(--jn-danger) 35%, var(--jn-border)) !important; }
#jiin-feature-stage #kamera-panel[data-jiin-embedded] :is(.pi-bar-offline .pi-bar-text, .pi-bar-offline .pi-bar-meta, .cihaz-online-text.offline) { color: var(--jn-danger) !important; text-shadow: none !important; }
#jiin-feature-stage #kamera-panel[data-jiin-embedded] .cihaz-online-text.standby { color: var(--jn-warning) !important; text-shadow: none !important; }
#jiin-feature-stage #kamera-panel[data-jiin-embedded] .kamera-manuel-badge { color: var(--jn-info) !important; background: color-mix(in srgb, var(--jn-info) 10%, var(--jn-surface)) !important; border-color: color-mix(in srgb, var(--jn-info) 40%, var(--jn-border)) !important; }

/* Result rows use konum-sonuc-item in the real module. */
#jiin-feature-stage #konum-panel[data-jiin-embedded] :is(.konum-sonuc-item, .konum-kat-btn, .konum-adres-bar, .konum-geri-btn) { background: var(--jn-surface) !important; border-color: var(--jn-border) !important; color: var(--jn-text) !important; }
#jiin-feature-stage #konum-panel[data-jiin-embedded] :is(.konum-sonuc-ad, .konum-sonuc-baslik, .konum-yakit-tablo) { color: var(--jn-text) !important; border-color: var(--jn-border) !important; }
#jiin-feature-stage #konum-panel[data-jiin-embedded] :is(.konum-sonuc-detay, .konum-sonuc-mesafe, .konum-loading) { color: var(--jn-muted) !important; }
#jiin-feature-stage #konum-panel[data-jiin-embedded] .konum-harita-btn { background: var(--jn-send, var(--jn-accent)) !important; color: var(--jn-on-send, var(--jn-bg)) !important; }
#jiin-feature-stage #konum-panel[data-jiin-embedded] .konum-hata { color: var(--jn-danger) !important; }
#jiin-feature-stage #konum-panel[data-jiin-embedded] .konum-sonuc-uyari { color: var(--jn-warning) !important; border-color: color-mix(in srgb, var(--jn-warning) 35%, var(--jn-border)) !important; background: color-mix(in srgb, var(--jn-warning) 8%, var(--jn-bg)) !important; }

/* Video content keeps its media backdrop; surrounding controls follow the app. */
#jiin-feature-stage #youtube-panel[data-jiin-embedded] :is(.yt-now-title, .yt-result-title, .yt-queue-title, .yt-connected-header, .yt-connect-form h3, .yt-section-header) { color: var(--jn-text) !important; }
#jiin-feature-stage #youtube-panel[data-jiin-embedded] :is(.yt-now-channel, .yt-result-channel, .yt-queue-channel, .yt-queue-num, .yt-queue-next-label, .yt-empty, .yt-loading, .yt-divider, .yt-history-clear) { color: var(--jn-muted) !important; }
#jiin-feature-stage #youtube-panel[data-jiin-embedded] :is(.yt-search-wrap, .yt-result-item, .yt-queue-section, .yt-recently-section, .yt-queue-item) { border-color: var(--jn-border) !important; }
#jiin-feature-stage #youtube-panel[data-jiin-embedded] :is(.yt-search-history-dropdown, .yt-history-item, .yt-saved-tv-btn, .yt-saved-tv-action, .yt-load-more-btn) { background: var(--jn-surface) !important; border-color: var(--jn-border) !important; color: var(--jn-text) !important; }
#jiin-feature-stage #youtube-panel[data-jiin-embedded] :is(.yt-search-wrap button, .yt-web-controls button, .yt-skip-btn-small) { color: var(--jn-text) !important; background: var(--jn-surface) !important; border-color: var(--jn-border) !important; }
#jiin-feature-stage #youtube-panel[data-jiin-embedded] :is(.yt-mode-tab.active, .yt-code-input-wrap button) { background: var(--jn-send, var(--jn-accent)) !important; color: var(--jn-on-send, var(--jn-bg)) !important; border-color: var(--jn-accent) !important; }
#jiin-feature-stage #youtube-panel[data-jiin-embedded] :is(.yt-history-item:hover, .yt-result-item:hover, .yt-queue-item:hover) { background: var(--jn-card-hover, var(--jn-surface)) !important; color: var(--jn-text) !important; }

/* Existing file code writes these three variables inline when opening. */
#jiin-feature-stage #jiin-files-overlay[data-jiin-embedded] {
  --jf-bg: var(--jn-bg) !important; --jf-text: var(--jn-text) !important; --jf-accent: var(--jn-accent) !important;
}
#jiin-feature-stage #jiin-files-overlay[data-jiin-embedded] :is(.jf-action-danger, .jf-confirm-error, .jf-upload-row[data-state="error"] .jf-upload-status) { color: var(--jn-danger); border-color: color-mix(in srgb, var(--jn-danger) 40%, var(--jn-border)); }
#jiin-feature-stage #studyo-panel[data-jiin-embedded] {
  --st-ok: var(--jn-success); --st-err: var(--jn-danger); --st-warn: var(--jn-warning);
}
/* The module toggles data-acik; a translated closed drawer must not remain interactive or cast a shadow. */
#jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-cekmece:not([data-acik="1"]) {
  visibility: hidden;
  pointer-events: none;
  box-shadow: none;
}
#jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-cekmece[data-acik="1"] {
  visibility: visible;
  pointer-events: auto;
}
#jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-onay-banner :is(.st-ipucu, .st-ghost) { color: var(--jn-text); }
#jiin-feature-stage #bahce-panel[data-jiin-embedded] { --bh-leaf-deep: var(--jn-success); --bh-leaf-soft: var(--jn-success); --bh-bloom: var(--jn-danger); --bh-soil: var(--jn-warning); }
#jiin-feature-stage #bahce-panel[data-jiin-embedded] :is(.bh-input, .bahce-opt) { background: var(--jn-surface) !important; border-color: var(--jn-border) !important; color: var(--jn-text) !important; }
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bahce-opt.active { background: color-mix(in srgb, var(--jn-accent) 12%, var(--jn-surface)) !important; border-color: var(--jn-accent) !important; color: var(--jn-text) !important; }
#jiin-feature-stage #bahce-panel[data-jiin-embedded] :is(.bh-label, .bh-loading-text, .bh-folio, .bh-mast-eyebrow) { color: var(--jn-muted) !important; }
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bahce-bitki-kart {
  margin: 0 0 12px !important; padding: 16px !important; border: 1px solid var(--jn-border) !important; border-radius: 14px !important;
  background: var(--jn-surface) !important; color: var(--jn-text) !important;
}
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bahce-bitki-kart:last-child { border-bottom: 1px solid var(--jn-border) !important; }
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bahce-journal-satir { color: var(--jn-muted) !important; border-color: var(--jn-border) !important; }
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bahce-journal-satir > span:nth-child(2) > span { color: var(--jn-text) !important; }
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bahce-journal-satir > span:nth-child(2) > span:first-child { color: var(--jn-muted) !important; }
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bahce-journal-satir > span:nth-child(2) > span:nth-child(2):not(:last-child) { color: var(--jn-success) !important; }

/* PC setup, command forms and remote controls share the selected palette. */
#jiin-feature-stage #work-agent-overlay[data-jiin-embedded] :is(.wa-btn-secondary, .wa-btn-komut, .wa-btn-icon, .wa-btn-copy, .wa-code, .wa-komut-sonuc, .pc-details, .pc-task, .pc-result-item) { background: var(--jn-surface) !important; color: var(--jn-text) !important; border-color: var(--jn-border) !important; }
#jiin-feature-stage #work-agent-overlay[data-jiin-embedded] :is(.wa-btn-warn, .pc-error, .pc-setup-error) { color: var(--jn-danger) !important; background: color-mix(in srgb, var(--jn-danger) 9%, var(--jn-bg)) !important; border-color: color-mix(in srgb, var(--jn-danger) 40%, var(--jn-border)) !important; }
#jiin-feature-stage #work-agent-overlay[data-jiin-embedded] :is(.pc-note, .pc-connection-name, .pc-task-status) { color: var(--jn-muted) !important; opacity: 1 !important; }
#jiin-feature-stage #work-agent-overlay[data-jiin-embedded] :is(.wa-komut-loading, .pc-probe-status) { color: var(--jn-info); }
#jiin-feature-stage #work-agent-overlay[data-jiin-embedded] .pc-probe-status[data-phase="done"] { color: var(--jn-success); }
#jiin-feature-stage #work-agent-overlay[data-jiin-embedded] .pc-probe-status[data-phase="error"] { color: var(--jn-danger); }
#jiin-feature-stage #work-agent-overlay[data-jiin-embedded] .pc-task progress { accent-color: var(--jn-accent); }
#jiin-feature-stage #rd-overlay[data-jiin-embedded] .pc-remote-controls { color: var(--jn-text); background: var(--jn-surface); }
#jiin-feature-stage #rd-overlay[data-jiin-embedded] .pc-remote-controls :is(select, input[type="text"], button) { color: var(--jn-text); background: var(--jn-bg); border-color: var(--jn-border); }

/* Mail and Messenger already use tokens; keep action text paired with its fill. */
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .mailbox-shell { --mb-danger: var(--jn-danger); --mb-button: var(--jn-send, var(--jn-accent)); --mb-button-ink: var(--jn-on-send, var(--jn-bg)); }
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] :is(.dm-send-btn, .af-fab, .qi-send) { background: var(--jn-send, var(--jn-accent)) !important; color: var(--jn-on-send, var(--jn-bg)) !important; }
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] :is(.qi-textarea, .qi-chip) { background: var(--jn-surface) !important; color: var(--jn-text) !important; border-color: var(--jn-border) !important; }

/* The file archive is a page; only its confirmation is a dialog. */
#home-screen #jiin-feature-stage #jiin-files-overlay[data-jiin-embedded],
#home-screen #jiin-feature-stage #jiin-files-overlay[data-jiin-embedded] > .jf-dialog {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
#jiin-feature-stage #jiin-files-overlay[data-jiin-embedded] .jf-body {
  flex: none;
  padding: 20px 0 0;
  overflow: visible;
  scrollbar-gutter: auto;
}
#jiin-feature-stage #jiin-files-overlay[data-jiin-embedded] .jf-confirm-backdrop {
  position: fixed;
}

/* The computer connection view is the page body, not another framed window. */
#jiin-feature-stage #work-agent-overlay[data-jiin-embedded] .pc-connection {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 12px 0;
  box-shadow: none;
}
#jiin-feature-stage [data-jiin-embedded] :is(.wa-header, .jf-header) {
  border-bottom: 0 !important;
}
#jiin-feature-stage #cuzdan-panel[data-jiin-embedded] .cuzdan-tabs {
  padding-inline: 0 !important;
}
#jiin-feature-stage [data-jiin-embedded] :is(.kamera-header, .konum-header) {
  border-bottom: 0 !important;
}
#jiin-feature-stage #konum-panel[data-jiin-embedded] .konum-adres-bar {
  background: transparent !important;
  border: 0 !important;
  padding-inline: 0;
}
#jiin-feature-stage #kamera-panel[data-jiin-embedded] .cihaz-kat-kart::before {
  content: none !important;
}

/* Inline feature flow: Studio and Garden share the page canvas and outer scroller. */
#home-screen #jiin-feature-stage #studyo-panel[data-jiin-embedded],
#home-screen #jiin-feature-stage #studyo-panel[data-jiin-embedded] > .st-dialog {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
#jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-body {
  flex: none;
  height: auto;
  max-height: none;
  overflow: visible;
  padding-bottom: 0;
}
/* Focus/scrollIntoView can scroll overflow:hidden containers. Keep the Studio stage
   immobile so its fixed dialog headers cannot move above the viewport; the shared
   .jiin-feature-content remains the page scroller. */
#home-screen #jiin-feature-stage[data-feature="studio"] { overflow: clip; }
/* The stage establishes the fixed containing block; these remain real inner dialogs. */
#jiin-feature-stage #studyo-panel[data-jiin-embedded] :is(.st-cekmece, .st-metin-modal, .st-toast) {
  position: fixed;
}
#jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-cekmece {
  max-height: 100%;
}
/* The stage's top edge is the screen's top edge, which the phone status bar / notch owns: the script
   dialog header (its ✕ included) and the side-panel drawer start below env(safe-area-inset-top).
   The narrow-screen drawer is a bottom sheet (top: auto) and needs no offset. */
#jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-metin-modal { top: env(safe-area-inset-top, 0px); }
@media (min-width: 601px) {
  #jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-cekmece { top: env(safe-area-inset-top, 0px); }
}
#jiin-feature-stage #bahce-panel[data-jiin-embedded] :is(.bh-mast-eyebrow, .bh-mast-sub, .bh-folio) {
  display: none !important;
}
#jiin-feature-stage #bahce-panel[data-jiin-embedded] > .bh-dialog::before,
#jiin-feature-stage #bahce-panel[data-jiin-embedded] > .bh-dialog::after,
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bh-mast-eyebrow::after,
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bh-folio::before,
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bh-folio::after {
  content: none !important;
}
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bh-mast {
  margin-bottom: 0;
  border: 0;
}
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bh-actions {
  border-top: 0;
  padding-top: 0;
}
#jiin-feature-stage #bahce-panel[data-jiin-embedded] .bahce-journal-satir {
  border-bottom: 0 !important;
}
#jiin-feature-stage #bahce-panel[data-jiin-embedded] :is(.bh-section-name, .bahce-journal-satir, .bahce-journal-satir span) {
  font-family: inherit !important;
  font-style: normal !important;
  letter-spacing: normal !important;
}

/* Inline media and communication pages: remove the second window, keep useful panes. */
#home-screen #jiin-feature-stage #youtube-panel[data-jiin-embedded] {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
#jiin-feature-stage #youtube-panel[data-jiin-embedded] #yt-content {
  flex: none;
  height: auto;
  max-height: none;
  overflow: visible !important;
  padding: 0 0 24px !important;
}
#jiin-feature-stage #youtube-panel[data-jiin-embedded] .yt-panel-header {
  border-bottom: 0 !important;
}
#jiin-feature-stage #youtube-panel[data-jiin-embedded] .yt-web-player-wrap {
  box-shadow: none !important;
}
#jiin-feature-stage #youtube-panel[data-jiin-embedded] .yt-web-controls {
  margin: 14px 0 0;
  padding: 12px 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#jiin-feature-stage #youtube-panel[data-jiin-embedded] .yt-search-wrap #yt-arama-input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Mail keeps independently scrolling list/reader panes, without a card around the reader. */
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .mailbox-v2 .mb-brand {
  display: none;
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .mailbox-v2 .mb-chrome {
  justify-content: flex-end;
  padding: 0 0 8px;
  border: 0;
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .mailbox-v2.compose .mb-chrome {
  justify-content: flex-start;
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .mailbox-v2 .mailbox-head {
  padding: 10px 0 20px;
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .mailbox-v2 .mailbox-detail {
  margin: 0;
  padding: 18px 0 0 22px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .mailbox-v2 .mb-reader-tools {
  padding: 9px 0;
  background: var(--jn-bg);
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .mailbox-v2 .mailbox-detail-head {
  padding: 24px 0 18px;
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .mailbox-v2 .mailbox-body {
  padding: 20px 0 30px;
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .mailbox-v2 .mailbox-actions {
  padding: 0 0 20px;
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .mailbox-v2 :is(.mb-block-add, .mb-block-list) {
  padding-inline: 0;
}

/* Messenger's contact and conversation panes are one workspace; bubbles remain cards. */
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] :is(.af-workspace, .af-shell, .af-conversation, .dm-chat) {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .af-head {
  padding: 10px 18px 4px 0;
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .af-list {
  padding: 0 8px 14px 0;
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .af-navwrap {
  padding: 9px 18px 9px 0;
  background: var(--jn-bg);
  box-shadow: none;
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .dm-header {
  min-height: 68px;
  padding: 12px 0 12px 24px;
  background: var(--jn-bg);
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .dm-input-area {
  padding: 12px 0 12px 24px;
  background: var(--jn-bg);
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .dm-input-wrap {
  background: var(--jn-surface);
}
#jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] #dm-messages {
  padding: 20px 24px;
}
@media (max-width: 760px) {
  #jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .mailbox-v2 .mailbox-detail {
    padding: 0;
  }
  #jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .mailbox-v2 .mb-reader-tools {
    padding: 2px 0 12px;
  }
  #jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .af-head {
    padding: 10px 0 4px;
  }
  #jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .af-list {
    padding: 0 0 12px;
  }
  #jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] .af-navwrap {
    padding: 9px 0;
  }
  #jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] :is(.dm-header, .dm-input-area) {
    padding: 10px 0;
  }
  #jiin-feature-stage #ws-modal-overlay[data-jiin-embedded] #dm-messages {
    padding: 16px 0;
  }
}

/* Fildisi Classic keeps its original type and embossed surfaces inside the shared page. */
html[data-tema="hardal"] #home-screen #jiin-feature-stage [data-jiin-embedded] :is(.at-brand-title, .konum-title, .yt-brand-mark, .wa-title, .bh-mast-title, .st-title, .jf-title, .ws-modal-title, .jiin-feature-title, .arc-brand-title, #videolarim-baslik) {
  font-family: "Fraunces", "Iowan Old Style", Georgia, serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-variation-settings: "opsz" 144, "SOFT" 30;
}
/* Only content cards get relief; embedded roots and page wrappers remain transparent. */
html[data-tema="hardal"] #home-screen #jiin-feature-stage [data-jiin-embedded] :is(.cuzdan-bakiye, .cuzdan-islem, .kamera-item, .cihaz-kat-kart, .sahne-kart, .konum-sonuc-item, .st-proje-kart, .st-mini-kart, .st-hk-kart, .bahce-bitki-kart, .jf-card, .pc-details, .pc-task, .pc-result-item, .vl-item, .landing-mode-btn) {
  background: var(--fi-bombe-yuzey) !important;
  border-color: var(--fi-bombe-kenar) !important;
  box-shadow: var(--fi-bombe-golge-kucuk), inset 0 1px rgba(255, 255, 255, .48) !important;
}
html[data-tema="hardal"] #home-screen #jiin-feature-stage [data-jiin-embedded] :is(.st-btn:not(.st-btn-primary), .bh-btn:not(.bh-btn-primary), .jf-action:not(.jf-action-primary):not(.jf-action-danger), .jf-icon-button, .wa-btn-secondary, .wa-btn-komut, .wa-btn-icon, .wa-btn-copy, .konum-kat-btn, .cuzdan-kat-btn, .bahce-opt, .cihaz-ses-btn, .kamera-marka-btn):not(.active):not(.aktif):not(.selected):not([aria-pressed="true"]) {
  background: var(--fi-bombe-yuzey) !important;
  border-color: var(--fi-bombe-kenar) !important;
  box-shadow: var(--fi-bombe-golge-kucuk), inset 0 1px rgba(255, 255, 255, .48) !important;
}
/* Preserve the semantic fills and selection colors already supplied by each module. */
html[data-tema="hardal"] #home-screen #jiin-feature-stage [data-jiin-embedded] :is(.cuzdan-kaydet-btn, .kamera-kaydet-btn, .cihaz-kurulum-btn, .bh-btn-primary, .wa-btn-primary, .pc-main-button, .pc-setup-download, .st-btn-primary, .jf-action-primary) {
  box-shadow: var(--fi-bombe-golge-kucuk), inset 0 1px rgba(255, 255, 255, .30), inset 0 -2px 3px rgba(73, 47, 20, .22) !important;
}
html[data-tema="hardal"] #home-screen #jiin-feature-stage [data-jiin-embedded] :is(.st-btn, .bh-btn, .jf-action, .jf-icon-button, .wa-btn-secondary, .wa-btn-komut, .wa-btn-icon, .wa-btn-copy, .konum-kat-btn, .cuzdan-kat-btn, .bahce-opt, .cihaz-ses-btn, .kamera-marka-btn, .cuzdan-kaydet-btn, .kamera-kaydet-btn, .cihaz-kurulum-btn, .wa-btn-primary, .pc-main-button, .pc-setup-download):active:not(:disabled),
html[data-tema="hardal"] #home-screen #jiin-feature-stage [data-jiin-embedded] :is(.cuzdan-kat-btn.selected, .bahce-opt.active, .st-tog.aktif, .st-chip.aktif, .cuzdan-tip-btn.active-gelir, .cuzdan-tip-btn.active-gider) {
  box-shadow: var(--fi-bombe-baski) !important;
}

/* Studio: script review, output settings, then production. */
#studyo-panel [hidden] { display: none !important; }
#studyo-panel .st-dialog .st-step { flex: 1; padding: 0; border-radius: 10px; }
#studyo-panel .st-dialog .st-step::before { display: none; }
#studyo-panel .st-step button { width: 100%; min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 8px; border: 0; border-radius: 10px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
#studyo-panel .st-step button:disabled { cursor: default; }
#studyo-panel .st-dialog .st-step-ad { display: inline; }
#studyo-panel .st-flow-intro { margin: 20px 0 24px; }
#studyo-panel .st-flow-intro .st-h3 { font-size: 24px; line-height: 1.3; }
#studyo-panel .st-flow-intro .st-p { max-width: 60ch; font-size: 15px; line-height: 1.6; margin-top: 10px; }
#studyo-panel :is(#st-yeni-view, #st-ayarlar-view) { max-width: 720px; margin: 0 auto; }
#studyo-panel .st-flow-details { border-top: 1px solid var(--st-line); margin: 24px 0 12px; padding-top: 14px; }
#studyo-panel .st-flow-details > summary { cursor: pointer; padding: 10px 0; min-height: 44px; color: var(--st-ink-2); font-size: 14px; }
#studyo-panel .st-flow-details > summary span { margin-left: 8px; font-size: 12px; color: var(--st-ink-3); }
#studyo-panel .st-story-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, 1fr); gap: 28px; align-items: start; margin-top: 20px; }
#studyo-panel .st-story-layout > * { min-width: 0; }
#studyo-panel .st-script { padding: 0 4px; }
#studyo-panel .st-script h3 { font-size: 26px; line-height: 1.25; margin: 8px 0 12px; }
#studyo-panel .st-script-heading { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
#studyo-panel .st-script-logline { color: var(--st-ink-2); line-height: 1.65; font-size: 15px; }
#studyo-panel .st-script-cast { color: var(--st-ink-2); line-height: 1.5; font-size: 13px; padding: 12px 0; border-block: 1px solid var(--st-line); }
#studyo-panel .st-script-scene { margin: 24px 0; }
#studyo-panel .st-script-scene h4 { font-size: 13px; font-weight: 600; color: var(--st-ink-2); margin: 0 0 8px; }
#studyo-panel .st-script-scene p { font-size: 17px; line-height: 1.8; margin: 0; overflow-wrap: anywhere; }
#studyo-panel .st-script-approval { border-top: 1px solid var(--st-line); padding-top: 14px; margin-top: 28px; }
#studyo-panel .st-script-approval .st-btn { width: 100%; margin-top: 12px; }
#studyo-panel #st-danisma-slot .st-danisma { min-height: 0; }
#studyo-panel #st-danisma-slot .st-dn-govde { display: flex; flex-direction: column; }
#studyo-panel #st-danisma-slot .st-dn-taslak { border-left: 0; border-top: 1px solid var(--st-line); max-height: none; }
#studyo-panel #st-danisma-slot .st-dn-mesajlar { max-height: 360px; min-height: 90px; }
#studyo-panel #st-danisma-slot .st-dn-mesajlar:empty { display: none; }
#studyo-panel .st-voice-row { display: flex; gap: 10px; align-items: center; }
#studyo-panel .st-settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
#studyo-panel .st-dialog .st-actions { flex-wrap: wrap; position: static; }
#studyo-panel .st-dialog :is(.st-btn,.st-ghost,.st-chip,.st-tog,.st-tab) { min-height: 44px; white-space: normal; }
#studyo-panel :is(.st-metin-modal,.st-danisma,.st-head) button.st-close { flex: 0 0 44px; width: 44px; height: 44px; min-width: 44px; min-height: 44px; touch-action: manipulation; }
#jiin-feature-stage[data-feature] #jiin-feature-exit { width: 44px; min-height: 44px; }
#studyo-panel .st-dialog :is(button,summary,a):focus-visible { outline: 2px solid var(--st-accent); outline-offset: 3px; }
#studyo-panel #st-toolbar { position: static; padding: 20px 0; }
#studyo-panel #st-uretim-detay .st-actions { justify-content: flex-start; }
#studyo-panel .st-audio-result { padding: 24px; border: 1px solid var(--st-line); border-radius: 14px; }
#studyo-panel .st-audio-result audio { width: 100%; margin: 20px 0; }
#studyo-panel .st-dialog .st-metin-bas { gap: 8px; flex-shrink: 0; }
#studyo-panel .st-dialog .st-metin-btns { flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 800px) {
  #studyo-panel .st-story-layout { grid-template-columns: 1fr; gap: 24px; }
  #studyo-panel .st-flow-intro .st-h3 { font-size: 22px; }
  #studyo-panel .st-dialog .st-stepper { gap: 4px; }
  #studyo-panel .st-step button { gap: 5px; padding: 8px 4px; font-size: 12px; }
  #studyo-panel .st-dialog .st-title { max-width: 100%; }
  #studyo-panel .st-script-scene p { font-size: 16px; }
  #studyo-panel .st-settings-grid { grid-template-columns: 1fr; }
  #studyo-panel .st-dialog .st-ilerleme { flex-direction: column; align-items: stretch; }
  #studyo-panel .st-dialog .st-bar { flex: none; }
  #studyo-panel .st-dialog .st-ilerleme-metin { white-space: normal; line-height: 1.6; }
}
@media (max-width: 600px) {
  #jiin-feature-stage #studyo-panel[data-jiin-embedded] .st-cekmece { max-height: calc(100% - env(safe-area-inset-top, 0px) - 12px); padding-bottom: env(safe-area-inset-bottom, 0px); }
  #studyo-panel .st-dialog .st-metin-bas { padding: 10px 12px; }
  #studyo-panel .st-dialog .st-metin-kutu { padding-bottom: env(safe-area-inset-bottom, 0px); }
}

#studyo-panel .st-stepper .st-step button .st-step-ad { display: inline; }
#studyo-panel .st-dialog .st-toast { pointer-events: none; }