/*
 * aqua-green-compat.css (v3 "Casibow green", owner 2026-11-03: "her yeri
 * yeşil yap") — colours, plus the v3 type in section 11 (owner 2026-11-04:
 * "fontları"), for the customer templates that do NOT load the shared head
 * (inc/aqua/_head.php), so the modern layer never reaches them.
 *
 * Loaded LAST in <head> of: sports.php (/sports), profile/deposit-withdraw.php,
 * withdraws.php, success.php, fail.php, telegram-hesap.php,
 * veritral_handoff.php, affiliate_panel.php and game.php's launch-error
 * branch (the deploy adds one <link>; the preview proxy injects the same
 * <link> into every page without the shared head when ?modern=1).
 *
 * The layer's --am-* tokens live on body.gm-sidebar-layout, which these
 * pages do not have, so section 0 declares the subset used here (same
 * values as modern/00-tokens.css) on the root.
 *
 * How the cyan goes away:
 *  1. The theme palette (aqua-colors.css / aqua-sports-ocean.css /
 *     aqua-deposit-ocean.css / emerald-clone.css: --gm-*, --gold, --panel,
 *     --line, --account-*, ...) is re-pointed on the root with
 *     `:root:root` (0,2,0) + !important: it out-ranks every :root
 *     declaration of those sheets (some are !important themselves) and the
 *     inline <html style="--primary:…">. Every var()-based paint turns green.
 *  2. Literal cyan/navy is restated per template, keyed on that template's
 *     own markers (body.gm-standalone, body.gm-withdraw-page,
 *     body[data-auth-logged-in] = the emerald inc/header.php chrome,
 *     body > .dash-shell, #game-stage, main.aw-game-error, ...). Selectors
 *     start with `html:root` (+0,1,1) so they out-rank the theme rule they
 *     answer even though the theme sheets of deposit-withdraw load later in
 *     <body>; theme !important is answered with !important.
 *  3. Inline style attributes written by PHP or JS are matched by their
 *     serialized value ([style*="…"]) and answered with !important on
 *     colour properties only.
 *
 * SAFETY CONTRACT (payment, deposit/withdraw, game screens): colour,
 * background(-color/-image), border COLOUR, box-shadow, text-shadow,
 * outline colour, fill/stroke and colour custom properties only. Never
 * display, visibility, position, inset, z-index, size, margin, padding,
 * border width/style, overflow, opacity, transform, font size/weight/
 * line-height or any JS-toggled state; [hidden] blocks, .finance-form-block,
 * #depositBankBox, the crypto blocks, #game-stage / #gameFrame geometry and
 * input font-size (16px on phones) and the ₺ prefix padding are untouched.
 * No html/body transform, filter, contain, will-change, backdrop-filter or
 * overflow. The exceptions are section 11 (type) and section 12 (one nav
 * row), measured box by box against the previous sheet: no form control,
 * hidden block or iframe moved.
 *
 * Look (SPEC §2): canvas #010d08, surfaces #071a10 / #0c2418 / #122e20,
 * white hairlines, white text, green CTA gradient with white text, bright
 * green (#34d87a) for icons and accents, v3 danger red stays red, amber
 * warnings stay amber.
 */

/* ==== 0. Tokens + theme palette on the root ============================== */
:root:root {
  --am-bg: #010d08;
  --am-bg-rgb: 1 13 8;
  --am-surface-0: #040d08;
  --am-surface-1: #071a10;
  --am-surface-1-rgb: 7 26 16;
  --am-surface-2: #0c2418;
  --am-surface-2-rgb: 12 36 24;
  --am-surface-3: #122e20;
  --am-surface-hdr: #030a06;
  --am-text: #ffffff;
  --am-text-2: rgb(255 255 255 / .72);
  --am-text-3: rgb(255 255 255 / .56);
  --am-text-label: #8b9e94;
  --am-accent: #10b461;
  --am-accent-rgb: 16 180 97;
  --am-accent-bright: #34d87a;
  --am-accent-bright-rgb: 52 216 122;
  --am-accent-2: #037035;
  --am-accent-deep: #025328;
  --am-accent-deep-rgb: 2 83 40;
  --am-on-accent: #ffffff;
  --am-tint-2: rgb(2 83 40 / .35);
  --am-danger: #ff5365;
  --am-line: rgb(255 255 255 / .06);
  --am-line-2: rgb(255 255 255 / .08);
  --am-line-3: rgb(255 255 255 / .12);
  --am-line-accent: rgb(16 180 97 / .35);
  --am-line-cta: rgb(52 216 122 / .55);
  --am-line-hdr: rgb(2 83 40 / .85);
  --am-field-line: rgb(255 255 255 / .36);
  --am-field-focus-line: rgb(16 180 97 / .55);
  --am-field-focus-ring: 0 0 0 3px rgb(16 180 97 / .14);
  --am-grad: linear-gradient(160deg, #10b461 0%, #037035 48%, #025328 100%);
  --am-grad-ghost: linear-gradient(180deg, rgb(255 255 255 / .08), rgb(255 255 255 / .03));
  --am-grad-ghost-hover: linear-gradient(180deg, rgb(255 255 255 / .13), rgb(255 255 255 / .055));
  --am-grad-panel:
    radial-gradient(720px 240px at 12% -20%, rgb(2 83 40 / .16), transparent 60%),
    linear-gradient(180deg, #071a10 0%, #040d08 100%);
  --am-sheen: inset 0 1px 0 rgb(255 255 255 / .08);
  --am-shadow-2: 0 18px 40px rgb(0 0 0 / .34), inset 0 1px 0 rgb(255 255 255 / .04);
  --am-shadow-hdr: 0 10px 28px rgb(0 0 0 / .52);
  --am-cta-shadow: 0 8px 20px rgb(2 83 40 / .42), inset 0 1px 0 rgb(255 255 255 / .18);
  --am-cta-shadow-hover: 0 10px 26px rgb(2 83 40 / .55), inset 0 1px 0 rgb(255 255 255 / .22);
  --am-focus-ring: 0 0 0 3px rgb(16 180 97 / .18);
  --am-font: "AM Rubik", "AM Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --am-font-member: "AM Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* aqua-colors.css / aqua-sports-ocean.css / aqua-deposit-ocean.css :root */
  --gm-canvas: #010d08 !important;
  --gm-canvas-rgb: 1 13 8 !important;
  --gm-surface: #071a10 !important;
  --gm-surface-rgb: 7 26 16 !important;
  --gm-raised: #0c2418 !important;
  --gm-raised-rgb: 12 36 24 !important;
  --gm-leaf: #037035 !important;
  --gm-leaf-rgb: 3 112 53 !important;
  --gm-accent: #10b461 !important;
  --gm-accent-rgb: 16 180 97 !important;
  --gm-muted: #8b9e94 !important;
  --gm-muted-rgb: 139 158 148 !important;
  --gm-soft: #dfeee6 !important;
  --gm-soft-rgb: 223 238 230 !important;
  --gm-text: #ffffff !important;
  --gm-text-rgb: 255 255 255 !important;
  --gm-gold: #34d87a !important;
  --gm-gold-rgb: 52 216 122 !important;
  --gm-pine: #025328 !important;
  --gm-pine-rgb: 2 83 40 !important;
  --gm-ocean: #025328 !important;
  --gm-ocean-rgb: 2 83 40 !important;
  --gm-cyan-bright: #34d87a !important;
  --gm-cyan-bright-rgb: 52 216 122 !important;
  --gm-cyan-soft: #dfeee6 !important;
  --gm-cyan-soft-rgb: 223 238 230 !important;

  /* emerald-clone.css / aqua-theme.css / aqua-sports-ocean.css aliases */
  --primary: #dfeee6 !important;
  --primary-dark: #037035 !important;
  --secondary: #010d08 !important;
  --tertiary: #ffffff !important;
  --neutral: #010d08 !important;
  --bg-0: #010d08 !important;
  --bg-1: #071a10 !important;
  --bg-2: #0c2418 !important;
  --panel: #071a10 !important;
  --panel-2: #0c2418 !important;
  --panel-strong: #0c2418 !important;
  --header: #071a10 !important;
  --line: rgb(255 255 255 / .08) !important;
  --line-soft: rgb(255 255 255 / .06) !important;
  --text: #ffffff !important;
  --muted: rgb(255 255 255 / .72) !important;
  --emerald: #10b461 !important;
  --emerald-strong: #037035 !important;
  --mint: #dfeee6 !important;
  --gold: #10b461 !important;
  --gold-soft: #34d87a !important;
  --gold-text: #34d87a !important;
  --gold-bright: #34d87a !important;
  --gold-dark: #025328 !important;
  --amethyst: #037035 !important;
  --amethyst-strong: #0c2418 !important;
  --figma-purple: #0c2418 !important;
  --lavender: #34d87a !important;
  --green-emerald: #10b461 !important;
  --green-deep: #037035 !important;
  --glow-primary: rgb(16 180 97 / .5) !important;
  --glow-soft: rgb(16 180 97 / .16) !important;

  /* aqua-deposit-ocean.css --account-* set */
  --account-bg: #010d08 !important;
  --account-bg-2: #040d08 !important;
  --account-panel: #071a10 !important;
  --account-panel-2: #0c2418 !important;
  --account-line: rgb(255 255 255 / .1) !important;
  --account-line-strong: rgb(16 180 97 / .28) !important;
  --account-text: #ffffff !important;
  --account-muted: #8b9e94 !important;
  --account-purple: #10b461 !important;
  --account-purple-2: #037035 !important;
  --account-gold: #34d87a !important;
  --account-gold-2: #10b461 !important;
  --account-green: #10b461 !important;
}
/* Same canvas on the root element itself (aqua-sports-ocean `html, body
   { background-color: var(--gm-canvas) !important }` already reads it;
   telegram-link.css and veritral_handoff.php paint html with literals). */
:root:root:is(:has(> body > main.link-card), :has(> body.gm-standalone > .card > h1)) {
  background-color: #010d08;
  color: #ffffff;
}
/* Page bar on the templates with no theme scrollbar of their own. */
html:root:is(:has(> body.gm-withdraw-page), :has(> body > main.link-card), :has(> body > main.aw-game-error)) {
  scrollbar-color: #10b461 #010d08;
}

/* ==== 1. Shared form theme (aqua-form-theme.css) ========================= */
/* Cards, fields and the primary button on the gm-standalone pages and the
   retained withdraw page: v3 hairlines, 3:1 field edge, green CTA with
   white text (the palette alone would give dark text on #10b461). */
html:root .gm-standalone :is(.card, .modal-content, .panel, .card-header, .card-footer),
html:root body.gm-withdraw-page :is(.card, .card-header, .card-body) {
  border-color: var(--am-line-2);
}
html:root .gm-standalone :is(.form-control, .form-select),
html:root body.gm-withdraw-page .form-control {
  border-color: var(--am-field-line);
  background-color: var(--am-surface-0);
  color: var(--am-text);
}
html:root .gm-standalone :is(.form-control, .form-select):focus,
html:root body.gm-withdraw-page .form-control:focus {
  border-color: var(--am-field-focus-line);
  box-shadow: var(--am-field-focus-ring);
}
html:root .gm-standalone .btn-primary,
html:root body.gm-withdraw-page .btn-primary {
  border-color: var(--am-line-cta);
  background-color: var(--am-accent-2);
  background-image: var(--am-grad);
  color: var(--am-on-accent);
  box-shadow: var(--am-cta-shadow);
}
html:root .gm-standalone .btn-primary:hover,
html:root body.gm-withdraw-page .btn-primary:hover {
  box-shadow: var(--am-cta-shadow-hover);
}
html:root body.gm-withdraw-page .btn-outline-secondary {
  border-color: var(--am-line-3);
  background-color: var(--am-surface-2);
  color: var(--am-text);
}
html:root body.gm-withdraw-page .btn-outline-secondary:hover {
  border-color: var(--am-line-accent);
  background-color: var(--am-surface-3);
  color: var(--am-text);
}
html:root body.gm-withdraw-page .alert-success {
  border-color: rgb(var(--am-accent-rgb) / .45);
  background-color: rgb(var(--am-accent-rgb) / .14);
  color: #dfeee6;
}
html:root body.gm-withdraw-page h2 {
  color: var(--am-text);
}

/* SweetAlert2 (deposit/withdraw, withdraws.php): popup, buttons, icons. */
html:root body .swal2-container .swal2-popup {
  border-color: var(--am-line-3);
  background-color: var(--am-surface-1);
  color: var(--am-text);
}
html:root body .swal2-popup .swal2-styled.swal2-confirm {
  background-color: var(--am-accent-2);
  background-image: var(--am-grad);
  color: var(--am-on-accent);
  box-shadow: var(--am-cta-shadow);
}
html:root body .swal2-popup .swal2-styled.swal2-cancel,
html:root body .swal2-popup .swal2-styled.swal2-deny {
  background-color: var(--am-surface-3);
  color: var(--am-text);
}
html:root body .swal2-popup .swal2-styled:focus,
html:root body .swal2-popup .swal2-styled:focus-visible {
  box-shadow: 0 0 0 3px rgb(var(--am-accent-rgb) / .45);
}
html:root body .swal2-popup .swal2-icon.swal2-info,
html:root body .swal2-popup .swal2-icon.swal2-question {
  border-color: rgb(var(--am-accent-bright-rgb) / .6);
  color: var(--am-accent-bright);
}
html:root body .swal2-popup .swal2-icon.swal2-success {
  border-color: rgb(var(--am-accent-bright-rgb) / .6);
  color: var(--am-accent-bright);
}
html:root body .swal2-popup .swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: var(--am-accent-bright);
}
html:root body .swal2-popup .swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgb(var(--am-accent-bright-rgb) / .35);
}
html:root body .swal2-popup .swal2-loader {
  border-color: var(--am-accent-bright) transparent var(--am-accent-bright) transparent;
}
html:root body .swal2-popup .swal2-timer-progress-bar {
  background-color: rgb(var(--am-accent-bright-rgb) / .55);
}
html:root body .swal2-popup :is(.swal2-input, .swal2-select, .swal2-textarea) {
  border-color: var(--am-field-line);
}
html:root body .swal2-popup :is(.swal2-input, .swal2-select, .swal2-textarea):focus {
  border-color: var(--am-field-focus-line);
  box-shadow: var(--am-field-focus-ring);
}
html:root body .swal2-popup button:focus-visible {
  outline-color: rgb(var(--am-accent-rgb) / .8);
}
/* Swal toasts written with inline navy (#082635 / rgb(8, 38, 53)). */
html:root body .swal2-popup:is([style*="8, 38, 53"], [style*="#082635" i]) {
  background-color: var(--am-surface-1) !important;
}

/* ==== 2. Payment result: success.php / fail.php ========================== */
/* Both are body.gm-standalone > .container > .icon + h1 + p; fail.php has
   a .btn-group. Success: the cyan check becomes the green success state;
   fail keeps its red state. Both "Ana Sayfaya Dön" buttons (amber inline
   / form-theme green with dark text) become the v3 CTA. */
html:root body.gm-standalone > .container:has(> .icon):not(:has(> .btn-group)) {
  border-color: rgb(var(--am-accent-rgb) / .3);
  box-shadow: 0 0 40px rgb(var(--am-accent-rgb) / .1);
}
html:root body.gm-standalone > .container:has(> .icon):not(:has(> .btn-group)) > .icon {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"),
    linear-gradient(135deg, #10b461, #037035);
  box-shadow: 0 0 30px rgb(var(--am-accent-rgb) / .3);
}
html:root body.gm-standalone > .container:has(> .icon):not(:has(> .btn-group)) > h1 {
  color: var(--am-accent-bright);
}
html:root body.gm-standalone > .container:has(> .icon) > p {
  color: var(--am-text-2);
}
/* The markup's ✓ / ✕ are text, and Rubik has neither glyph, so they came
   from whatever symbol font the device has (Lucida Grande, Zapf Dingbats).
   The text stays in the DOM, transparent; the mark is drawn. */
html:root body.gm-standalone > .container:has(> .icon):has(> .btn-group) > .icon {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6.5 6.5l11 11M17.5 6.5l-11 11'/%3E%3C/svg%3E"),
    linear-gradient(135deg, #ef4444, #dc2626);
}
html:root body.gm-standalone > .container:has(> .icon) > .icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 44px 44px, auto;
  color: transparent;
}
html:root body.gm-standalone > .container:has(> .icon) :is(a.btn:not(.btn-secondary)) {
  border-color: var(--am-line-cta);
  background-color: var(--am-accent-2);
  background-image: var(--am-grad);
  color: var(--am-on-accent);
  box-shadow: var(--am-cta-shadow);
}
html:root body.gm-standalone > .container:has(> .icon) :is(a.btn:not(.btn-secondary)):hover {
  box-shadow: var(--am-cta-shadow-hover);
}
html:root body.gm-standalone > .container:has(> .icon) a.btn.btn-secondary {
  border-color: var(--am-line-3);
  background-color: rgb(255 255 255 / .08);
  color: var(--am-text);
}

/* ==== 3. telegram-hesap.php (telegram-link.css, main.link-card) ========== */
html:root body:has(> main.link-card) {
  background-color: var(--am-bg);
  background-image: radial-gradient(ellipse at top, #052613, #010d08 70%);
  color: var(--am-text);
}
html:root main.link-card {
  border-color: var(--am-line-2);
  background-color: var(--am-surface-1);
  box-shadow: 0 24px 80px rgb(0 0 0 / .45), inset 0 1px 0 rgb(255 255 255 / .04);
  color: var(--am-text);
}
html:root main.link-card .brand {
  color: var(--am-accent-bright);
}
html:root main.link-card .brand span {
  color: var(--am-text-2);
}
html:root main.link-card .telegram-icon {
  background-color: var(--am-accent-2);
  background-image: var(--am-grad);
  box-shadow: var(--am-cta-shadow);
  color: var(--am-text);
}
html:root main.link-card :is(.intro, #link-instructions, .identity span) {
  color: var(--am-text-2);
}
html:root main.link-card :is(.notice, .identity) {
  border-color: var(--am-line-2);
  background-color: var(--am-surface-2);
  color: var(--am-text);
}
html:root main.link-card :is(button, .button):not(.secondary) {
  border-color: var(--am-line-cta);
  background-color: var(--am-accent-2);
  background-image: var(--am-grad);
  color: var(--am-on-accent);
  box-shadow: var(--am-cta-shadow);
}
html:root main.link-card :is(button, .button).secondary {
  border-color: rgb(255 255 255 / .2);
  background-color: transparent;
  color: rgb(255 255 255 / .88);
}
html:root main.link-card .footnote {
  color: var(--am-text-3);
}

/* ==== 4. affiliate_panel.php (login card and logged-in panel) ============ */
/* Its inline <style> paints with :root --bg/--panel/--accent/...; they are
   re-pointed on the root of this page only (generic names, so keyed on
   the page markers: login = body > .card > .brand, panel = .container >
   .top). */
:root:root:is(:has(> body.gm-standalone > .card > .brand), :has(> body.gm-standalone > .container > .top)) {
  --bg: #010d08;
  --panel: #071a10;
  --raised: #0c2418;
  --border: rgb(255 255 255 / .1);
  --accent: #10b461;
  --accent2: #34d87a;
  --text: #ffffff !important;
  --muted: #8b9e94 !important;
  --success: #34d87a;
  --warning: #efb025;
}
html:root body.gm-standalone:is(:has(> .card > .brand), :has(> .container > .top)) {
  background-image: radial-gradient(ellipse at top, #0b4423 0, #010d08 60%) !important;
}
html:root body.gm-standalone:has(> .container > .top) {
  background-image: none !important;
}
html:root body.gm-standalone:is(:has(> .card > .brand), :has(> .container > .top)) .card {
  box-shadow: 0 24px 64px rgb(0 0 0 / .5), inset 0 1px 0 rgb(255 255 255 / .04);
}
html:root body.gm-standalone:has(> .container > .top) .cards .card {
  box-shadow: 0 8px 24px rgb(0 0 0 / .4), inset 0 1px 0 rgb(255 255 255 / .04);
}
html:root body.gm-standalone:is(:has(> .card > .brand), :has(> .container > .top)) .input {
  border-color: var(--am-field-line);
}
html:root body.gm-standalone:is(:has(> .card > .brand), :has(> .container > .top)) :is(.input:focus, .filters input:focus) {
  border-color: var(--am-field-focus-line);
  box-shadow: var(--am-field-focus-ring);
}
html:root body.gm-standalone:has(> .container > .top) .filters input {
  border-color: var(--am-field-line);
}
html:root body.gm-standalone:is(:has(> .card > .brand), :has(> .container > .top)) .btn:not(.btn-muted) {
  background-color: var(--am-accent-2);
  background-image: var(--am-grad);
  color: var(--am-on-accent) !important;
  box-shadow: var(--am-cta-shadow);
}
html:root body.gm-standalone:is(:has(> .card > .brand), :has(> .container > .top)) .btn:not(.btn-muted):hover {
  box-shadow: var(--am-cta-shadow-hover);
}
html:root body.gm-standalone:has(> .container > .top) :is(.btn-muted:hover, .refbox button:hover) {
  background-color: var(--am-surface-3);
}
html:root body.gm-standalone:has(> .container > .top) .refbox {
  background-image: linear-gradient(90deg, rgb(var(--am-accent-rgb) / .1), transparent);
}
html:root body.gm-standalone:has(> .container > .top) :is(th, td) {
  border-bottom-color: var(--am-line-2);
}
html:root body.gm-standalone:has(> .container > .top) th {
  background-color: var(--am-surface-2);
  color: var(--am-accent-bright);
}
html:root body.gm-standalone:has(> .container > .top) tbody tr:hover {
  background-color: rgb(var(--am-accent-rgb) / .05);
}
html:root body.gm-standalone:has(> .container > .top) #affPanelExportMenu {
  box-shadow: 0 12px 32px rgb(0 0 0 / .6) !important;
}

/* ==== 5. veritral_handoff.php (error card) =============================== */
html:root body.gm-standalone:has(> .card > h1) .card {
  border-color: var(--am-line-2);
  background-color: var(--am-surface-1);
}
html:root body.gm-standalone:has(> .card > h1) .card a {
  color: var(--am-accent-bright);
}

/* ==== 6. game.php launch-error page (main.aw-game-error, own <head>) ===== */
/* The inline <style> paints with :root --aw-* and the aqua-colors --gm-*
   palette; gold edges stay amber (warning state). */
:root:root:has(> body > main.aw-game-error) {
  --aw-bg: #010d08;
  --aw-panel: #071a10;
  --aw-text: #ffffff;
  --aw-muted: rgb(255 255 255 / .72);
  --aw-purple: #10b461;
  background-color: #010d08;
}
html:root body:has(> main.aw-game-error) {
  background-image:
    radial-gradient(circle at 50% 24%, rgb(16 180 97 / .22), transparent 34%),
    radial-gradient(circle at 20% 80%, rgb(2 83 40 / .3), transparent 30%),
    linear-gradient(135deg, #010d08 0%, #04120b 48%, #010d08 100%);
  color: #ffffff;
}
html:root main.aw-game-error {
  border-color: rgb(16 180 97 / .28);
  background-image: linear-gradient(180deg, rgb(7 26 16 / .96), rgb(4 13 8 / .98));
  box-shadow: 0 28px 80px rgb(0 0 0 / .58), inset 0 1px 0 rgb(255 255 255 / .08);
}
html:root main.aw-game-error .aw-game-error__icon {
  border-color: rgb(239 176 37 / .45);
  background-color: rgb(239 176 37 / .1);
  color: #f5c451;
}
html:root main.aw-game-error h1 {
  color: #ffffff;
}
html:root main.aw-game-error p {
  color: rgb(255 255 255 / .72);
}
html:root main.aw-game-error .aw-btn {
  border-color: rgb(255 255 255 / .16);
  background-image: linear-gradient(180deg, rgb(255 255 255 / .08), rgb(255 255 255 / .03));
  color: #ffffff;
}
html:root main.aw-game-error .aw-btn > i {
  color: #34d87a;
}
html:root main.aw-game-error .aw-btn.aw-btn--primary {
  border-color: rgb(52 216 122 / .55);
  background-color: #037035;
  background-image: linear-gradient(160deg, #10b461 0%, #037035 48%, #025328 100%);
  color: #ffffff;
  box-shadow: 0 8px 20px rgb(2 83 40 / .42), inset 0 1px 0 rgb(255 255 255 / .18);
}
html:root main.aw-game-error .aw-btn.aw-btn--primary > i {
  color: #ffffff;
}
html:root main.aw-game-error .aw-btn:focus-visible {
  outline-color: rgb(16 180 97 / .8);
}

/* ==== 7. Emerald header/footer chrome (inc/head.php + inc/header.php) ====
   /sports and /profile/deposit-withdraw: body[data-auth-logged-in] (E).
   Sheets: emerald-clone.css, header.css, aqua-sports-ocean.css,
   aqua-member-chrome.css, aqua-theme.css (deposit page only). */
html:root body[data-auth-logged-in] > .bg-aurora {
  background-color: var(--am-bg);
  background-image: none !important;
}
/* Announcement strip: the v3 notice bar (green gradient, white text). */
html:root body[data-auth-logged-in] .news-ticker {
  border-color: rgb(var(--am-accent-bright-rgb) / .5) !important;
  background-color: #012a14;
  background-image: linear-gradient(90deg, #012a14 0%, #013d1e 50%, #012a14 100%) !important;
  color: var(--am-text) !important;
}
html:root body[data-auth-logged-in] .news-ticker :is(span, .news-track, .news-marquee) {
  color: var(--am-text) !important;
}
html:root body[data-auth-logged-in] .news-ticker .news-close {
  color: rgb(255 255 255 / .82);
}
/* Header: #030a06 with the green bottom edge and header shadow. */
html:root body[data-auth-logged-in] header.topbar {
  border-color: var(--am-line) !important;
  border-bottom-color: var(--am-line-hdr) !important;
  background-color: var(--am-surface-hdr) !important;
  background-image: linear-gradient(180deg, #030a06, #030a06) !important;
  box-shadow: var(--am-shadow-hdr);
}
html:root body[data-auth-logged-in] .quick-pill {
  border-color: var(--am-line-3);
  background-image: var(--am-grad-ghost);
  color: var(--am-text);
}
/* Guest auth buttons (Giriş = ghost, Kayıt = green CTA). */
html:root body[data-auth-logged-in] .auth-split {
  box-shadow: 0 6px 12px rgb(0 0 0 / .3);
}
html:root body[data-auth-logged-in] :is(.auth-segment-login, .auth-btn.btn-login, .btn-login) {
  border-color: var(--am-line-3) !important;
  background-color: rgb(var(--am-surface-1-rgb) / .9) !important;
  background-image: var(--am-grad-ghost) !important;
  color: var(--am-text) !important;
}
html:root body[data-auth-logged-in] :is(.auth-segment-register, .auth-btn.btn-register, .btn-register) {
  border-color: var(--am-line-cta) !important;
  background-color: var(--am-accent-2) !important;
  background-image: var(--am-grad) !important;
  color: var(--am-on-accent) !important;
}
html:root body[data-auth-logged-in] :is(.auth-segment-login, .auth-segment-register, .auth-btn.btn-login, .auth-btn.btn-register) :is(i, span) {
  color: inherit !important;
}
/* Header deposit / withdraw / account buttons (aqua-member-chrome). */
html:root body[data-auth-logged-in] :is(.auth-btn.gm-header-deposit-btn, .header-deposit-btn, .gm-header-deposit, .btn-deposit-header, a.deposit-btn) {
  border-color: var(--am-line-cta) !important;
  background-color: var(--am-accent-2) !important;
  background-image: var(--am-grad) !important;
  color: var(--am-on-accent) !important;
  box-shadow: var(--am-cta-shadow);
}
html:root body[data-auth-logged-in] .auth-btn.gm-header-withdraw-btn {
  border-color: var(--am-line-3);
  background-color: rgb(var(--am-surface-1-rgb) / .72);
  color: var(--am-text);
}
html:root body[data-auth-logged-in] .auth-btn.gm-header-withdraw-btn:hover {
  border-color: var(--am-line-accent);
  background-color: var(--am-surface-2);
  color: var(--am-text);
}
html:root body[data-auth-logged-in] .auth-btn.gm-header-account-btn {
  border-color: var(--am-line-accent);
  background-image: radial-gradient(circle at 30% 25%, rgb(var(--am-accent-rgb) / .22), transparent 45%), linear-gradient(160deg, #0c2418, #010d08);
  color: var(--am-text);
  box-shadow: 0 8px 18px rgb(0 0 0 / .35);
}
html:root body[data-auth-logged-in] :is(.auth-btn.gm-header-account-btn:hover, .gm-account-menu.open .auth-btn.gm-header-account-btn, .auth-btn.gm-header-account-btn[aria-expanded="true"]) {
  border-color: rgb(var(--am-accent-rgb) / .85);
  color: var(--am-text);
  box-shadow: 0 0 0 3px rgb(var(--am-accent-rgb) / .14), 0 10px 22px rgb(0 0 0 / .4);
}
html:root body[data-auth-logged-in] :is(.gm-header-balance, .balance-chip, .header-balance) {
  border-color: var(--am-line-accent) !important;
  color: var(--am-text) !important;
}
html:root body[data-auth-logged-in] .gm-header-balance {
  background-image: linear-gradient(160deg, rgb(12 36 24 / .92), rgb(1 13 8 / .95));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .08), 0 8px 18px rgb(0 0 0 / .28);
}
html:root body[data-auth-logged-in] .gm-header-balance-main { color: var(--am-accent-bright); }
html:root body[data-auth-logged-in] .gm-header-balance-bonus { color: var(--am-text-3); }
html:root body[data-auth-logged-in] .gm-header-pill {
  border-color: var(--am-line-accent);
  background-color: rgb(var(--am-surface-1-rgb) / .55);
  color: var(--am-text);
}
html:root body[data-auth-logged-in] .gm-account-dropdown {
  border-color: var(--am-line-3);
  background-image: linear-gradient(165deg, rgb(12 36 24 / .98), rgb(1 13 8 / .99));
}
html:root body[data-auth-logged-in] .gm-account-dropdown-user {
  border-bottom-color: var(--am-line-2);
  color: var(--am-text);
}
html:root body[data-auth-logged-in] .gm-account-dropdown-item { color: var(--am-text); }
html:root body[data-auth-logged-in] .gm-account-dropdown-item i { color: var(--am-accent-bright); }
html:root body[data-auth-logged-in] .gm-account-dropdown-item:hover {
  background-color: rgb(var(--am-accent-rgb) / .12);
  color: var(--am-text);
}
html:root body[data-auth-logged-in] .gm-side-toggle {
  border-color: var(--am-line-accent) !important;
  background-image: linear-gradient(160deg, rgb(7 26 16 / .95), rgb(1 13 8 / .92)) !important;
  color: var(--am-text) !important;
}
/* Logged-in emerald pill + dropdowns (emerald-clone.css #4cc9f0 literals). */
html:root body[data-auth-logged-in] .user-balance-pill {
  border-color: var(--am-line-accent);
  background-color: rgb(var(--am-accent-rgb) / .1);
  color: var(--am-accent-bright);
}
html:root body[data-auth-logged-in] :is(.bal-main, .bal-drop-total-val, .bal-drop-val, .udd-balance) {
  color: var(--am-accent-bright);
}
html:root body[data-auth-logged-in] .udd-bonus-balance { color: rgb(var(--am-accent-bright-rgb) / .82); }
html:root body[data-auth-logged-in] :is(.user-dropdown, .balance-dropdown) {
  border-color: var(--am-line-3);
  background-color: var(--am-surface-1);
  box-shadow: 0 12px 32px rgb(0 0 0 / .5);
}
html:root body[data-auth-logged-in] :is(.user-dropdown-header, .bal-drop-header, .bal-drop-row, .user-dropdown-footer, .bal-drop-actions) {
  border-color: var(--am-line-2);
}
html:root body[data-auth-logged-in] .bal-drop-btn.deposit {
  border-color: var(--am-line-cta);
  background-color: var(--am-accent-2);
  background-image: var(--am-grad);
  color: var(--am-on-accent);
}
html:root body[data-auth-logged-in] :is(.bal-drop-btn.withdraw, .udd-name, .user-dropdown-nav a:hover) {
  color: var(--am-text);
}
html:root body[data-auth-logged-in] .user-avatar-btn {
  border-color: var(--am-line-3);
  background-color: var(--am-surface-2);
  color: var(--am-text);
}
html:root body[data-auth-logged-in] .user-deposit-shortcut {
  border-color: var(--am-line-accent);
  background-color: rgb(var(--am-bg-rgb) / .96);
  color: var(--am-accent-bright);
  box-shadow: 0 4px 10px rgb(0 0 0 / .18);
}
html:root body[data-auth-logged-in] .user-deposit-shortcut:hover {
  background-color: rgb(var(--am-bg-rgb) / .98);
  color: var(--am-accent-bright);
  box-shadow: 0 6px 14px rgb(0 0 0 / .22);
}
html:root body[data-auth-logged-in] .user-logged-area .notif-btn {
  border-color: var(--am-line-3);
  background-color: rgb(var(--am-bg-rgb) / .96);
  color: var(--am-text);
}
/* Icon navigation row (Ana Sayfa, Spor, Casino, ...). */
html:root body[data-auth-logged-in] .main-icon-nav {
  border-top-color: var(--am-line);
}
html:root body[data-auth-logged-in] .icon-link {
  color: var(--am-text);
}
html:root body[data-auth-logged-in] .icon-link span {
  border-color: var(--am-line-3);
  background-image: radial-gradient(circle at 30% 25%, rgb(var(--am-accent-bright-rgb) / .3), rgb(var(--am-bg-rgb) / .92));
  box-shadow: inset 0 0 16px rgb(var(--am-accent-bright-rgb) / .2);
}
html:root body[data-auth-logged-in] :is(.icon-link.active, .icon-link:hover) span {
  border-color: var(--am-line-cta);
}
/* Live-support FAB (aqua-member-chrome). */
html:root body[data-auth-logged-in] .gm-live-support-fab {
  border-color: var(--am-line-cta);
  background-image: linear-gradient(135deg, rgb(3 112 53 / .96), rgb(1 13 8 / .96));
  color: var(--am-text);
  box-shadow: 0 14px 32px rgb(0 0 0 / .45), 0 0 0 1px rgb(var(--am-accent-rgb) / .12);
}
html:root body[data-auth-logged-in] .gm-live-support-fab-icon {
  background-image: var(--am-grad);
  color: var(--am-text);
}
html:root body[data-auth-logged-in] .gm-live-support-fab-copy :is(strong, small) {
  color: inherit;
}

/* Auth modal (guest only; emerald-clone + aqua-theme + member-chrome). */
html:root body[data-auth-logged-in] .auth-modal-overlay {
  background-color: rgb(var(--am-bg-rgb) / .86);
}
html:root body[data-auth-logged-in] .auth-modal {
  border-color: var(--am-line-accent);
  background-color: var(--am-surface-1);
  background-image: linear-gradient(160deg, rgb(7 26 16 / .98), rgb(3 10 6 / .99));
  box-shadow: 0 24px 64px rgb(0 0 0 / .6), inset 0 1px 0 rgb(255 255 255 / .05);
}
html:root body[data-auth-logged-in] .auth-stage {
  border-right-color: var(--am-line-2);
  background-color: var(--am-surface-1);
  box-shadow: none;
}
html:root body[data-auth-logged-in] .auth-close-btn {
  border-color: var(--am-line-3);
  background-color: var(--am-surface-2);
  color: var(--am-text);
  box-shadow: none;
}
html:root body[data-auth-logged-in] .auth-tabs {
  border-color: var(--am-line-2);
  background-color: rgb(var(--am-bg-rgb) / .8);
}
html:root body[data-auth-logged-in] .auth-tab-btn.active {
  background-color: var(--am-accent-deep);
  color: var(--am-text);
  box-shadow: 0 4px 12px rgb(var(--am-accent-deep-rgb) / .35);
}
html:root body[data-auth-logged-in] .auth-tab-btn.active i { color: var(--am-text); }
html:root body[data-auth-logged-in] :is(.auth-field i, .auth-input-wrap > i, .auth-field-password .auth-input-wrap > i) {
  color: var(--am-accent-bright);
}
html:root body[data-auth-logged-in] .auth-field :is(input:not([type="checkbox"]), select),
html:root body[data-auth-logged-in] :is(#regGender, #regTc) {
  border-color: var(--am-field-line);
  background-color: rgb(var(--am-bg-rgb) / .6);
  color: var(--am-text);
}
html:root body[data-auth-logged-in] .auth-field :is(input, select):focus {
  border-color: var(--am-field-focus-line);
  outline-color: rgb(var(--am-accent-rgb) / .3);
  box-shadow: var(--am-field-focus-ring);
}
html:root body[data-auth-logged-in] .auth-field input::placeholder {
  color: rgb(255 255 255 / .42);
}
html:root body[data-auth-logged-in] .auth-check .check-box {
  border-color: rgb(var(--am-accent-bright-rgb) / .5);
  background-color: rgb(var(--am-bg-rgb) / .6);
}
html:root body[data-auth-logged-in] .auth-password-toggle { color: rgb(255 255 255 / .65); }
html:root body[data-auth-logged-in] .auth-password-toggle:hover {
  background-color: rgb(var(--am-accent-rgb) / .1);
  color: var(--am-text);
}
html:root body[data-auth-logged-in] .auth-otp-send-btn {
  border-color: var(--am-line-accent);
  background-color: var(--am-surface-2);
  color: var(--am-text);
}
html:root body[data-auth-logged-in] .auth-otp-help { color: var(--am-text-3); }
html:root body[data-auth-logged-in] .auth-submit-btn,
html:root body[data-auth-logged-in] .auth-submit-btn.register-btn {
  border-color: var(--am-line-cta);
  background-color: var(--am-accent-2);
  background-image: var(--am-grad);
  color: var(--am-on-accent);
  box-shadow: var(--am-cta-shadow);
}
html:root body[data-auth-logged-in] .auth-submit-btn:hover {
  box-shadow: var(--am-cta-shadow-hover);
}
html:root body[data-auth-logged-in] .auth-submit-btn i { color: inherit; }
/* Register step 2 (emerald-clone .register-step-*, header.css .dob-*). */
html:root body[data-auth-logged-in] .register-step-overlay {
  background-color: rgb(var(--am-bg-rgb) / .84);
}
html:root body[data-auth-logged-in] .register-step-modal {
  border-color: var(--am-line-accent);
  background-image: radial-gradient(circle at 70% 12%, rgb(var(--am-accent-bright-rgb) / .12), transparent 48%), linear-gradient(160deg, #0c2418, #010d08);
  box-shadow: 0 24px 54px rgb(0 0 0 / .58);
}
html:root body[data-auth-logged-in] .register-step-header { border-bottom-color: var(--am-line-2); }
html:root body[data-auth-logged-in] :is(.register-step-form input, .register-step-form select, .register-step-phone-wrap, .dob-select-row select) {
  border-color: var(--am-field-line) !important;
  background-color: rgb(var(--am-bg-rgb) / .52);
  color: var(--am-text);
}
html:root body[data-auth-logged-in] .register-step-phone-wrap input { background-color: transparent; }
html:root body[data-auth-logged-in] :is(.register-step-form input:focus, .register-step-form select:focus, .dob-select-row select:focus) {
  border-color: var(--am-field-focus-line) !important;
  box-shadow: var(--am-field-focus-ring) !important;
}
html:root body[data-auth-logged-in] .register-step-form input::placeholder { color: rgb(255 255 255 / .5); }
html:root body[data-auth-logged-in] .dob-select-row select option {
  background-color: var(--am-surface-2);
  color: var(--am-text);
}
html:root body[data-auth-logged-in] :is(.dob-select-row select:invalid, .dob-select-row select option[value=""]) {
  color: rgb(255 255 255 / .55);
}
html:root body[data-auth-logged-in] .dob-select-row select:valid { color: var(--am-text); }
html:root body[data-auth-logged-in] .register-step-hint { color: rgb(255 255 255 / .78); }
html:root body[data-auth-logged-in] .register-step-back {
  border-color: var(--am-line-3);
  background-color: rgb(var(--am-bg-rgb) / .55);
  color: var(--am-text);
}
html:root body[data-auth-logged-in] :is(.register-step-submit, .register-step-code-btn) {
  border-color: var(--am-line-cta);
  background-image: var(--am-grad);
  color: var(--am-on-accent);
}
/* header.php inline colour attributes (var(--accent,#08739b) icons/hint). */
html:root body[data-auth-logged-in] :is([style*="08739b" i], [style*="8, 115, 155"]) {
  color: var(--am-accent-bright) !important;
}

/* Footer (deposit/withdraw page; emerald-clone .footer-* + aqua-theme). */
html:root body[data-auth-logged-in] .site-footer {
  border-top-color: var(--am-line);
  background-color: var(--am-ft-bg, #04120b);
  color: var(--am-text-2);
}
html:root body[data-auth-logged-in] .footer-shell { border-top-color: var(--am-line-2); }
html:root body[data-auth-logged-in] .footer-copy { color: rgb(255 255 255 / .5); }
html:root body[data-auth-logged-in] .footer-social-icons a {
  border-color: var(--am-line-3);
  background-image: radial-gradient(circle at 30% 25%, rgb(var(--am-accent-bright-rgb) / .22), rgb(var(--am-bg-rgb) / .92));
  color: var(--am-text);
}
html:root body[data-auth-logged-in] .footer-social-icons a:hover {
  background-image: var(--am-grad);
  box-shadow: 0 6px 14px rgb(var(--am-accent-deep-rgb) / .4);
  color: var(--am-text);
}
html:root body[data-auth-logged-in] .footer-divider {
  background-image: linear-gradient(90deg, transparent, rgb(255 255 255 / .1), transparent);
}
html:root body[data-auth-logged-in] :is(.footer-warning-msg, .footer-link-col a) { color: rgb(255 255 255 / .55); }
html:root body[data-auth-logged-in] .footer-warning-msg i { color: var(--am-accent-bright); }
html:root body[data-auth-logged-in] .footer-warning-nav a {
  border-color: var(--am-line-2);
  background-color: rgb(255 255 255 / .03);
  color: rgb(255 255 255 / .7);
}
html:root body[data-auth-logged-in] .footer-warning-nav a:hover {
  border-color: var(--am-line-accent);
  background-color: rgb(var(--am-accent-rgb) / .1);
  color: var(--am-text);
}
html:root body[data-auth-logged-in] :is(.footer-link-col h4, .footer-link-col a:hover) { color: var(--am-text); }
html:root body[data-auth-logged-in] .footer-provider-strip img {
  border-color: var(--am-line);
  background-color: rgb(var(--am-bg-rgb) / .2);
}
html:root body[data-auth-logged-in] .footer-payment-strip a {
  border-color: var(--am-line-2);
  background-color: rgb(255 255 255 / .04);
}
html:root body[data-auth-logged-in] .footer-cert-badge-card {
  border-color: var(--am-line-accent);
  background-image: linear-gradient(145deg, rgb(var(--am-accent-rgb) / .1), rgb(var(--am-bg-rgb) / .95));
  box-shadow: 0 8px 24px rgb(0 0 0 / .25);
}
html:root body[data-auth-logged-in] .footer-cert-label { color: rgb(255 255 255 / .7); }
html:root body[data-auth-logged-in] .footer-legal-text p { color: rgb(255 255 255 / .38); }
html:root body[data-auth-logged-in] .footer-legal-text a { color: rgb(var(--am-accent-bright-rgb) / .8); }

/* ==== 8. /sports (sports.php #game-stage overlay, body > #game-stage) ====
   Same look as modern/46-game.css on game.php (that partial cannot reach
   /sports: no gm-sidebar-layout here). Sources: sports.php inline <style>
   and aqua-sports-ocean.css (#game-stage rules, !important). Geometry,
   the sportsbook iframe and the loading overlay's opacity are untouched. */
html:root body:has(> #game-stage) > #game-stage {
  background-color: var(--am-bg);
  color: var(--am-text);
}
@media (max-width: 860px) {
  html:root body:has(> #game-stage) > #game-stage {
    background-image: linear-gradient(180deg, #03110a 0%, #010d08 100%);
  }
}
html:root body:has(> #game-stage) > #game-stage .game-topbar {
  border-bottom-color: var(--am-line-hdr) !important;
  background-color: var(--am-surface-hdr) !important;
  background-image:
    linear-gradient(rgb(255 255 255 / .07), rgb(255 255 255 / .07)),
    linear-gradient(180deg, #030a06, #030a06) !important;
  background-size: 100% 1px, auto !important;
  background-position: 0 100%, 0 0 !important;
  background-repeat: no-repeat !important;
  box-shadow: var(--am-shadow-hdr);
}
html:root body:has(> #game-stage) > #game-stage .game-back {
  color: rgb(255 255 255 / .78);
}
html:root body:has(> #game-stage) > #game-stage .game-back > i {
  color: var(--am-accent-bright);
}
html:root body:has(> #game-stage) > #game-stage .game-back:hover {
  color: var(--am-text);
}
html:root body:has(> #game-stage) > #game-stage .game-pill {
  border-color: var(--am-line-accent) !important;
  background-color: var(--am-tint-2) !important;
  color: var(--am-accent-bright) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .1);
}
/* Balance / guest "Giriş Yap" chip: the green CTA. */
html:root body:has(> #game-stage) > #game-stage .balance-chip {
  border-color: var(--am-line-cta) !important;
  background-color: var(--am-accent-2) !important;
  background-image: var(--am-grad) !important;
  color: var(--am-on-accent) !important;
  box-shadow: var(--am-cta-shadow);
}
html:root body:has(> #game-stage) > #game-stage .balance-chip :is(i, span) {
  color: inherit !important;
}
html:root body:has(> #game-stage) > #game-stage .game-btn {
  border-color: var(--am-line-3) !important;
  background-color: rgb(var(--am-surface-1-rgb) / .78) !important;
  background-image: var(--am-grad-ghost) !important;
  color: var(--am-text) !important;
  box-shadow: var(--am-sheen);
}
html:root body:has(> #game-stage) > #game-stage .game-btn > i {
  color: var(--am-accent-bright) !important;
}
html:root body:has(> #game-stage) > #game-stage .game-btn.danger {
  border-color: rgb(255 83 101 / .5) !important;
  background-color: rgb(166 34 50 / .76) !important;
  background-image: linear-gradient(180deg, rgb(190 38 58 / .92), rgb(140 22 40 / .92)) !important;
}
html:root body:has(> #game-stage) > #game-stage .game-btn.danger > i {
  color: var(--am-text) !important;
}
@media (hover: hover) {
  html:root body:has(> #game-stage) > #game-stage .game-btn:hover {
    border-color: rgb(var(--am-accent-rgb) / .55) !important;
    background-color: var(--am-surface-2) !important;
    background-image: var(--am-grad-ghost-hover) !important;
  }
  html:root body:has(> #game-stage) > #game-stage .game-btn.danger:hover {
    border-color: rgb(255 83 101 / .8) !important;
    background-color: rgb(191 40 58 / .9) !important;
    background-image: linear-gradient(180deg, rgb(214 46 68 / .96), rgb(160 26 46 / .96)) !important;
  }
}
html:root body:has(> #game-stage) > #game-stage :is(.game-btn, .game-back, .balance-chip):focus-visible {
  outline-color: rgb(var(--am-accent-rgb) / .8);
}
html:root body:has(> #game-stage) > #game-stage .mobile-sports-hint {
  color: rgb(255 255 255 / .78);
}
html:root body:has(> #game-stage) > #game-stage .mobile-sports-hint > i {
  color: var(--am-accent-bright);
}
html:root body:has(> #game-stage) > #game-stage .game-frame-wrap {
  border-color: var(--am-line-2) !important;
  background-color: var(--am-bg) !important;
}
html:root body:has(> #game-stage) > #game-stage .sports-loading {
  background-color: var(--am-bg);
}
html:root body:has(> #game-stage) > #game-stage .sports-spinner {
  border-color: rgb(255 255 255 / .1) !important;
  border-top-color: var(--am-accent-bright) !important;
}
/* Error / guest message inside the frame (PHP inline styles). */
html:root body:has(> #game-stage) > #game-stage .game-frame-wrap a:is([style*="#0096c7" i], [style*="#1a73e8" i], [style*="0, 150, 199"], [style*="26, 115, 232"]) {
  background-color: var(--am-accent-2) !important;
  background-image: var(--am-grad) !important;
  color: var(--am-on-accent) !important;
  box-shadow: var(--am-cta-shadow);
}

/* ==== 9. /profile/deposit-withdraw (body > .dash-shell.account-page) ====
   DW = html:root body:has(> .dash-shell.account-page) (0,3,2). The page
   loads aqua-theme / aqua-hesabim / aqua-member-chrome / aqua-deposit-ocean
   and a 1000-line inline <style> (--wd-* palette, .wd-*, .upb-*, themed
   bank select) in <body>, after this sheet, so every rule here out-ranks
   its source by specificity; source !important is answered with
   !important. Same values as modern/45-member.css (the /hesabim kasa,
   which shares the aqua-deposit-ocean / aqua-hesabim rules). */
html:root body:has(> .dash-shell.account-page) {
  --am-m-deep: #040d08;
  --am-m-form: #05120b;
  --am-m-well: #071a10;
  --am-m-card: #0c2418;
  --am-m-hover: #122e20;
  --am-m-chip: #0f3b24;
  --am-m-raised: #17402a;
  --am-m-cta-shadow: 0 12px 28px rgb(2 83 40 / .35);
  --am-m-edge: rgb(16 180 97 / .28);
  --am-m-edge-strong: rgb(16 180 97 / .55);
  color: var(--am-text);
}
/* Inline <style> :root --wd-* palette (cyan accent #08739b, "green"
   #2299c5): the success colour becomes green, the accent green. */
:root:root:has(> body > .dash-shell.account-page) {
  --wd-bg-page: #010d08 !important;
  --wd-bg-card: #071a10 !important;
  --wd-bg-glass: rgb(7 26 16 / .65) !important;
  --wd-bg-input: #040d08 !important;
  --wd-border-focus: rgb(16 180 97 / .5) !important;
  --wd-accent: #10b461 !important;
  --wd-accent-glow: rgb(16 180 97 / .25) !important;
  --wd-green: #34d87a !important;
  --wd-text-primary: #ffffff !important;
}

/* ---- Sidebar (inc/profile_sidebar.php, aqua-hesabim + member-chrome) ---- */
html:root body:has(> .dash-shell.account-page) .sidebar-avatar { color: var(--am-text); }
html:root body:has(> .dash-shell.account-page) .avatar-status-dot.online { background-color: var(--am-accent-bright); }
html:root body:has(> .dash-shell.account-page) :is(.sidebar-user-name, .sidebar-user-name *) { color: var(--am-text); }
html:root body:has(> .dash-shell.account-page) :is(.sidebar-user-meta, .sidebar-user-last, .sidebar-user-meta *, .sidebar-user-last *) { color: var(--am-text-3); }
html:root body:has(> .dash-shell.account-page) .sidebar-balance-card { background-color: var(--am-m-card); }
html:root body:has(> .dash-shell.account-page) .sidebar-balance-bonus { background-color: var(--am-m-well); }
html:root body:has(> .dash-shell.account-page) .balance-refresh-btn:hover { background-color: var(--am-m-hover); }
html:root body:has(> .dash-shell.account-page) :is(.sidebar-link:hover, .sidebar-link.active) { background-color: var(--am-m-hover); }
html:root body:has(> .dash-shell.account-page) :is(.bal-deposit, .psa-btn-deposit, .deposit-submit-btn:not(.withdraw-submit-btn), .h2h-copy-btn) {
  border-color: var(--am-line-cta);
  background-image: var(--am-grad);
  box-shadow: var(--am-cta-shadow);
  color: var(--am-text);
}
html:root body:has(> .dash-shell.account-page) :is(.bal-action-btn:not(.bal-deposit), .psa-btn:not(.psa-btn-deposit), .withdraw-submit-btn) {
  border-color: var(--am-m-edge-strong);
  color: var(--am-text);
}
html:root body:has(> .dash-shell.account-page) .withdraw-submit-btn { background-color: var(--am-m-card); }
html:root body:has(> .dash-shell.account-page) .withdraw-submit-btn:hover { background-color: var(--am-m-hover); }

/* ---- Hero, profile strip, cards --------------------------------------- */
html:root body:has(> .dash-shell.account-page) .account-hero {
  background-image: linear-gradient(125deg, var(--am-m-hover), var(--am-surface-1));
}
html:root body:has(> .dash-shell.account-page) .dash-profile-strip { background-color: var(--am-m-card); }
html:root body:has(> .dash-shell.account-page) :is(.profile-strip-avatar, .avatar-letter-lg) { color: var(--am-text); }
html:root body:has(> .dash-shell.account-page) .badge-online { background-color: var(--am-accent-bright); }
html:root body:has(> .dash-shell.account-page) :is(.dash-card, .dash-main, .wd-user-bar) {
  border-color: var(--am-line-2) !important;
  background-image: linear-gradient(rgb(var(--am-surface-1-rgb) / .96), rgb(var(--am-bg-rgb) / .94)) !important;
}

/* ---- Tabs and method cards (aqua-deposit-ocean, !important there) ------ */
html:root body:has(> .dash-shell.account-page) .dw-tabs {
  border-color: rgb(var(--am-accent-rgb) / .22) !important;
  background-color: var(--am-m-deep);
}
html:root body:has(> .dash-shell.account-page) .dw-tab {
  border-color: var(--am-line-2) !important;
  background-color: rgb(var(--am-surface-1-rgb) / .85) !important;
  color: rgb(255 255 255 / .82) !important;
}
html:root body:has(> .dash-shell.account-page) :is(.pm-card, .wd-method-card) {
  border-color: var(--am-m-edge) !important;
  background-color: var(--am-m-card);
  background-image: linear-gradient(135deg, rgb(4 13 8 / .92), rgb(var(--am-surface-1-rgb) / .9)) !important;
  color: var(--am-text) !important;
}
html:root body:has(> .dash-shell.account-page) :is(.pm-card:hover, .pm-card.active, .pm-card.selected, .wd-method-card:hover, .wd-method-card.active, .wd-method-card--active, .wd-method-card.selected, .wd-method-card--selected) {
  border-color: var(--am-accent) !important;
  box-shadow: 0 12px 30px rgb(var(--am-accent-deep-rgb) / .35) !important;
}
html:root body:has(> .dash-shell.account-page) :is(.pm-card.selected, .wd-method-card--selected) {
  box-shadow: 0 0 0 2px rgb(var(--am-accent-rgb) / .3), 0 8px 18px rgb(0 0 0 / .28) !important;
}
html:root body:has(> .dash-shell.account-page) .wd-method-card:focus-visible {
  border-color: var(--am-accent);
  box-shadow: 0 0 0 3px rgb(var(--am-accent-rgb) / .25);
}
html:root body:has(> .dash-shell.account-page) :is(.pm-card-icon, .pm-card-meta) {
  background-color: var(--am-m-chip);
  color: var(--am-accent-bright);
}
html:root body:has(> .dash-shell.account-page) :is(.pm-card .pm-card-inner > i, .wd-method-card__img, .method-mark, .method-mini, .profile-strip-avatar) {
  border-color: rgb(var(--am-accent-bright-rgb) / .45) !important;
  background-image: var(--am-grad) !important;
  box-shadow: 0 8px 18px rgb(var(--am-accent-deep-rgb) / .35) !important;
  color: var(--am-text) !important;
}
html:root body:has(> .dash-shell.account-page) :is(.profile-strip-avatar .avatar-letter-lg, .pm-card .pm-card-inner > i) {
  color: var(--am-text) !important;
}
html:root body:has(> .dash-shell.account-page) .wd-method-card__label { color: rgb(255 255 255 / .82); }
/* Every "selected / primary" surface of deposit-ocean (!important there). */
html:root body:has(> .dash-shell.account-page) > .dash-shell :is(.dw-tab.active, button.dw-tab.active, .wd-step--active, .wd-submit, .wd-quick-btn.active, .wd-quick-btn.selected, .wd-quick-btn:hover, .pm-card.active, .pm-card.selected, .pm-card[aria-selected="true"], .btn-primary, .dash-btn-primary, .deposit-submit, #paymentForm button[type="submit"], #withdrawForm button[type="submit"], .profile-sidebar a.active, .dash-side a.active, .side-link.active, .bg-gold, .bg-purple, .bg-emerald) {
  background-image: var(--am-grad) !important;
  box-shadow: var(--am-m-cta-shadow) !important;
  color: var(--am-text) !important;
}
html:root body:has(> .dash-shell.account-page) > .dash-shell :is(.wd-submit, .dw-tab.active) :is(span, i) {
  color: inherit !important;
}
html:root body:has(> .dash-shell.account-page) > .dash-shell .wd-submit:hover:not(:disabled) {
  box-shadow: 0 6px 20px rgb(var(--am-accent-deep-rgb) / .45) !important;
}

/* ---- Steps (deposit .transaction-steps, withdraw .wd-step) ------------ */
html:root body:has(> .dash-shell.account-page) :is(.transaction-steps .step.active strong, .wd-step__num) {
  background-image: var(--am-grad) !important;
  color: var(--am-text) !important;
}
html:root body:has(> .dash-shell.account-page) .transaction-steps .step:not(:last-child)::after {
  background-color: rgb(255 255 255 / .1);
}
html:root body:has(> .dash-shell.account-page) .account-page :is(.transaction-steps, .wd-step) { color: var(--am-text-3); }
html:root body:has(> .dash-shell.account-page) .account-page .transaction-steps .step strong { color: var(--am-text); }
html:root body:has(> .dash-shell.account-page) .account-page .wd-step {
  border-color: rgb(var(--am-accent-rgb) / .28);
  background-color: rgb(var(--am-accent-rgb) / .1);
}
html:root body:has(> .dash-shell.account-page) .account-page .wd-step--done {
  border-color: rgb(var(--am-accent-rgb) / .3);
  background-color: rgb(var(--am-accent-rgb) / .1);
}
html:root body:has(> .dash-shell.account-page) .wd-step--done .wd-step__label { color: var(--am-accent-bright); }
html:root body:has(> .dash-shell.account-page) .wd-step--active .wd-step__label { color: var(--am-text); }

/* ---- Accent text ------------------------------------------------------- */
html:root body:has(> .dash-shell.account-page) > .dash-shell :is(.dash-card-title, .wd-user-bar__method, .wd-field__limits, .transaction-steps .step.active, .gold, .text-gold, .badge-gold, .purple, .text-purple, .emerald, .text-emerald) {
  color: var(--am-accent-bright) !important;
}
html:root body:has(> .dash-shell.account-page) .wd-user-bar__balance { color: var(--am-accent-bright) !important; }
html:root body:has(> .dash-shell.account-page) .wd-user-bar { background-color: rgb(0 0 0 / .25); }
html:root body:has(> .dash-shell.account-page) .wd-user-bar__name { color: var(--am-text); }
html:root body:has(> .dash-shell.account-page) :is(.account-page .wd-field__prefix, .wd-field__prefix--icon) { color: var(--am-accent-bright); }

/* ---- Fields (deposit-ocean !important inputs, inline .wd-field__*) ----- */
html:root body:has(> .dash-shell.account-page) > .dash-shell :is(.wd-field__input, .wd-field__input-wrap input, .deposit-input-wrap input, input[type="text"], input[type="number"], input[type="tel"], select, .wd-otp-digit, .form-control) {
  border-color: var(--am-field-line) !important;
  color: var(--am-text) !important;
}
html:root body:has(> .dash-shell.account-page) > .dash-shell :is(.wd-field__input, .wd-field__input-wrap input, .deposit-input-wrap input, input[type="text"], input[type="number"], input[type="tel"], select, .wd-otp-digit, .form-control, input):focus {
  border-color: var(--am-field-focus-line) !important;
  box-shadow: var(--am-field-focus-ring) !important;
}
html:root body:has(> .dash-shell.account-page) > .dash-shell select option {
  background-color: var(--am-surface-1);
  color: var(--am-text);
}
html:root body:has(> .dash-shell.account-page) .finance-form { background-color: var(--am-m-form); }
html:root body:has(> .dash-shell.account-page) .deposit-input {
  border-color: var(--am-field-line);
  background-color: var(--am-m-well);
}
html:root body:has(> .dash-shell.account-page) .deposit-input:focus {
  outline-color: rgb(var(--am-accent-rgb) / .35);
}
html:root body:has(> .dash-shell.account-page) .wd-field__input-wrap:focus-within {
  border-color: var(--am-field-focus-line);
  box-shadow: var(--am-field-focus-ring);
}
html:root body:has(> .dash-shell.account-page) .wd-field__input-wrap--select {
  background-image: linear-gradient(180deg, rgb(7 26 16 / .98) 0%, rgb(4 13 8 / .94) 100%);
}
html:root body:has(> .dash-shell.account-page) .wd-field__input::placeholder { color: rgb(255 255 255 / .42); }
/* Select chevron: the inline two-triangle background in light cyan. */
html:root body:has(> .dash-shell.account-page) .wd-field__input--select {
  background-image:
    linear-gradient(45deg, transparent 50%, rgb(var(--am-accent-bright-rgb) / .92) 50%),
    linear-gradient(135deg, rgb(var(--am-accent-bright-rgb) / .92) 50%, transparent 50%) !important;
}
html:root body:has(> .dash-shell.account-page) .wd-field__chip {
  border-color: rgb(var(--am-accent-rgb) / .25);
  background-color: rgb(var(--am-accent-rgb) / .12);
  color: var(--am-accent-bright);
}
html:root body:has(> .dash-shell.account-page) .wd-field__hint { color: var(--am-text-2); }
html:root body:has(> .dash-shell.account-page) .qa-btn { background-color: var(--am-m-card); }
html:root body:has(> .dash-shell.account-page) :is(.qa-btn:hover, .qa-btn.selected) {
  background-color: var(--am-m-raised);
}
html:root body:has(> .dash-shell.account-page) .qa-btn.selected {
  border-color: var(--am-accent) !important;
  background-color: var(--am-accent-deep) !important;
  color: var(--am-text) !important;
}
html:root body:has(> .dash-shell.account-page) .wd-quick-btn:hover {
  border-color: var(--am-accent);
  color: var(--am-text);
}

/* ---- OTP, submit, success ---------------------------------------------- */
html:root body:has(> .dash-shell.account-page) .wd-otp-section { border-color: rgb(var(--am-accent-rgb) / .14); }
html:root body:has(> .dash-shell.account-page) .wd-otp-send-btn {
  border-color: var(--am-accent);
  color: var(--am-accent-bright);
}
html:root body:has(> .dash-shell.account-page) .wd-otp-send-btn:hover:not(:disabled) {
  background-color: var(--am-accent-2);
  color: var(--am-text);
}
html:root body:has(> .dash-shell.account-page) .wd-change-method:hover { color: var(--am-accent-bright); }
html:root body:has(> .dash-shell.account-page) .wd-banner--info {
  border-color: rgb(var(--am-accent-rgb) / .25);
  background-color: rgb(var(--am-accent-rgb) / .08);
  color: var(--am-accent-bright);
}
html:root body:has(> .dash-shell.account-page) .wd-success { border-color: rgb(var(--am-accent-rgb) / .25); }
html:root body:has(> .dash-shell.account-page) .deposit-extra-note { color: var(--am-text-2); }

/* ---- Bank box, transactions (aqua-hesabim) ------------------------------ */
html:root body:has(> .dash-shell.account-page) .h2h-bank-box { background-color: var(--am-m-card); }
html:root body:has(> .dash-shell.account-page) .h2h-row { background-color: var(--am-m-well); }
html:root body:has(> .dash-shell.account-page) .transaction-row { background-color: var(--am-m-well); }
html:root body:has(> .dash-shell.account-page) .transaction-icon { background-color: var(--am-m-raised); }
html:root body:has(> .dash-shell.account-page) .transaction-amount.is-plus { color: var(--am-accent-bright); }
html:root body:has(> .dash-shell.account-page) .transaction-status.is-approved {
  background-color: rgb(var(--am-accent-rgb) / .14);
  color: var(--am-accent-bright);
}
html:root body:has(> .dash-shell.account-page) .transactions-empty {
  border-color: var(--am-m-edge);
  background-color: rgb(var(--am-accent-rgb) / .04);
}
html:root body:has(> .dash-shell.account-page) .transactions-empty > i { color: var(--am-accent-bright); }

/* ---- UltraPay bank select (inline .deposit-extra-* / .themed-bank-select) */
html:root body:has(> .dash-shell.account-page) .deposit-extra-panel {
  border-color: rgb(var(--am-accent-rgb) / .18);
  background-image: linear-gradient(180deg, rgb(4 13 8 / .96) 0%, rgb(7 26 16 / .92) 100%);
}
html:root body:has(> .dash-shell.account-page) .deposit-label--bank { color: #dfeee6; }
html:root body:has(> .dash-shell.account-page) .deposit-extra-badge {
  border-color: rgb(var(--am-accent-rgb) / .28);
  background-color: rgb(var(--am-accent-rgb) / .12);
  color: var(--am-accent-bright);
}
html:root body:has(> .dash-shell.account-page) .themed-bank-select__trigger {
  background-image: linear-gradient(180deg, rgb(4 13 8 / .96) 0%, rgb(7 26 16 / .92) 100%);
  color: var(--am-text);
}
html:root body:has(> .dash-shell.account-page) :is(.themed-bank-select__trigger:focus, .themed-bank-select__trigger:hover, .themed-bank-select.is-open .themed-bank-select__trigger) {
  border-color: rgb(var(--am-accent-rgb) / .6);
  box-shadow: 0 0 0 3px rgb(var(--am-accent-rgb) / .18), 0 14px 28px rgb(0 0 0 / .22);
}
html:root body:has(> .dash-shell.account-page) .themed-bank-select.themed-bank-select--error .themed-bank-select__trigger {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 3px rgb(239 68 68 / .15) !important;
}
html:root body:has(> .dash-shell.account-page) :is(.themed-bank-select__icon, .themed-bank-select__chevron) { color: var(--am-accent-bright); }
html:root body:has(> .dash-shell.account-page) .themed-bank-select__value { color: var(--am-text); }
html:root body:has(> .dash-shell.account-page) .themed-bank-select__menu {
  border-color: rgb(var(--am-accent-rgb) / .18);
  background-image: linear-gradient(180deg, rgb(4 13 8 / .98) 0%, rgb(7 26 16 / .96) 100%);
}
html:root body:has(> .dash-shell.account-page) .themed-bank-select__option { color: #dfeee6; }
html:root body:has(> .dash-shell.account-page) :is(.themed-bank-select__option:hover, .themed-bank-select__option.is-selected) {
  background-color: rgb(var(--am-accent-rgb) / .14);
  color: var(--am-accent-bright);
}

/* ---- UltraPay bank panel + pending banner (inline .upb-*) --------------- */
/* The panel's gold-on-cyan look (--gm-gold, #f5e6b0 cream, #b8941f) is
   restated in green with white text; the amber warning stays amber. */
html:root body:has(> .dash-shell.account-page) .upb-panel {
  border-color: rgb(var(--am-accent-bright-rgb) / .35);
  background-image: linear-gradient(180deg, rgb(12 36 24 / .95) 0%, rgb(4 13 8 / .95) 100%);
  box-shadow: 0 8px 32px rgb(0 0 0 / .4), inset 0 0 0 1px rgb(var(--am-accent-bright-rgb) / .08);
}
html:root body:has(> .dash-shell.account-page) .upb-header { border-bottom-color: rgb(var(--am-accent-bright-rgb) / .18); }
html:root body:has(> .dash-shell.account-page) .upb-icon {
  background-image: var(--am-grad);
  color: var(--am-text);
  box-shadow: 0 4px 12px rgb(var(--am-accent-deep-rgb) / .4);
}
html:root body:has(> .dash-shell.account-page) :is(.upb-title, .upb-value) { color: var(--am-text); }
html:root body:has(> .dash-shell.account-page) .upb-subtitle { color: var(--am-text-2); }
html:root body:has(> .dash-shell.account-page) :is(.upb-subtitle strong, .upb-big) { color: var(--am-accent-bright); }
html:root body:has(> .dash-shell.account-page) .upb-label { color: var(--am-text-3); }
html:root body:has(> .dash-shell.account-page) .upb-row {
  border-color: rgb(var(--am-accent-bright-rgb) / .15);
  background-color: rgb(0 0 0 / .35);
}
html:root body:has(> .dash-shell.account-page) .upb-amount .upb-row {
  border-color: rgb(var(--am-accent-bright-rgb) / .4);
  background-image: linear-gradient(135deg, rgb(var(--am-accent-bright-rgb) / .12) 0%, rgb(var(--am-accent-bright-rgb) / .04) 100%);
}
html:root body:has(> .dash-shell.account-page) .upb-copy {
  border-color: rgb(var(--am-accent-bright-rgb) / .3);
  background-color: rgb(var(--am-accent-bright-rgb) / .12);
  color: var(--am-accent-bright);
}
html:root body:has(> .dash-shell.account-page) .upb-copy:hover { background-color: rgb(var(--am-accent-bright-rgb) / .25); }
html:root body:has(> .dash-shell.account-page) .upb-copy.upb-copied {
  border-color: var(--am-accent-2);
  background-color: var(--am-accent-2);
  color: var(--am-text);
}
html:root body:has(> .dash-shell.account-page) .upb-btn--primary {
  background-image: var(--am-grad);
  color: var(--am-text);
  box-shadow: var(--am-cta-shadow);
}
html:root body:has(> .dash-shell.account-page) .upb-btn--primary:hover { box-shadow: var(--am-cta-shadow-hover); }
html:root body:has(> .dash-shell.account-page) .upb-btn--primary i { color: inherit; }
html:root body:has(> .dash-shell.account-page) .upb-btn--ghost {
  border-color: var(--am-line-3);
  color: var(--am-text-2);
}
html:root body:has(> .dash-shell.account-page) .upb-btn--ghost:hover { color: var(--am-text); }
html:root body:has(> .dash-shell.account-page) .upb-pending {
  border-color: rgb(var(--am-accent-rgb) / .4);
  background-image: linear-gradient(135deg, rgb(var(--am-accent-rgb) / .18) 0%, rgb(var(--am-accent-rgb) / .06) 100%);
  color: #dfeee6;
}
html:root body:has(> .dash-shell.account-page) .upb-pending i:first-child { color: var(--am-accent-bright); }
html:root body:has(> .dash-shell.account-page) .upb-pending strong { color: var(--am-text); }
html:root body:has(> .dash-shell.account-page) .upb-banner-close { color: rgb(255 255 255 / .6); }
html:root body:has(> .dash-shell.account-page) .upb-banner-close:hover { color: var(--am-text); }
html:root body:has(> .dash-shell.account-page) .account-page .transaction-steps .step strong {
  background-color: rgb(255 255 255 / .18);
}

/* ==== 10. Interaction states found by the forced-state scan ============== */
/* emerald-clone hover lift shadow rgba(0,13,18,.3) (navy) on the header
   pills; Bootstrap 4 :active fill (#0062cc) on withdraws.php; the UA focus
   ring on the game error page (no :focus-visible rule of its own). */
html:root body[data-auth-logged-in] :is(.news-close, .quick-icon, .quick-pill, .auth-segment):hover {
  box-shadow: 0 8px 16px rgb(0 0 0 / .3);
}
html:root body.gm-withdraw-page .btn-primary:not(:disabled):not(.disabled):is(:active, .active) {
  border-color: var(--am-accent);
  background-color: var(--am-accent-deep);
  background-image: var(--am-grad);
  box-shadow: 0 0 0 3px rgb(var(--am-accent-rgb) / .35);
}
html:root body.gm-withdraw-page .btn-outline-secondary:not(:disabled):not(.disabled):is(:active, .active) {
  border-color: var(--am-accent);
  background-color: var(--am-surface-3);
  color: var(--am-text);
  box-shadow: 0 0 0 3px rgb(var(--am-accent-rgb) / .25);
}
html:root body.gm-withdraw-page :is(.btn-primary, .btn-outline-secondary):focus {
  box-shadow: 0 0 0 3px rgb(var(--am-accent-rgb) / .35);
}
html:root body:has(> main.aw-game-error) :focus-visible {
  outline-color: rgb(16 180 97 / .8);
}
html:root main.aw-game-error .aw-btn:focus-visible {
  outline: 2px solid rgb(16 180 97 / .8);
  outline-offset: 2px;
}
/* Keyboard focus ring on the emerald pages (UA default ring is blue). */
html:root body[data-auth-logged-in] :focus-visible {
  outline-color: rgb(16 180 97 / .8);
}
/* Disabled fields stay visibly read-only (same as 45-member.css). */
html:root body:has(> .dash-shell.account-page) > .dash-shell :is(.wd-field__input, .wd-field__input-wrap input, .deposit-input-wrap input, input[type="text"], input[type="number"], input[type="tel"], select, .wd-otp-digit, .form-control, input, textarea):disabled {
  border-color: var(--am-line-2) !important;
  background-color: var(--am-surface-0) !important;
  color: var(--am-text-3) !important;
  -webkit-text-fill-color: var(--am-text-3);
}
html:root body:has(> .dash-shell.account-page) .sidebar-avatar {
  background-color: var(--am-accent-2);
}

/* ==== 11. Type (owner 2026-11-04: "fontları") ============================ */
/* These templates asked for Rajdhani, Teko, Cinzel, Arial, Segoe UI or an
   "Inter" that no @font-face backs, so each page rendered differently and
   none rendered the v3 type. Same faces as modern/01-fonts.css (same URLs
   and unicode-range, so the files are shared with the browser cache):
   Rubik first, Inter second for ₺, which Rubik lacks.

   Font-family, with four exceptions, each noted where it is set: two
   line-heights that hold a row's height, tracking on two /sports texts, the
   announcement strip's 11px and the 16px fields on phones. Icons keep Font
   Awesome: its family is set on the <i> by the FA classes, and no rule here
   touches <i> or uses `*`.

   Measured against the previous sheet on the compat pages and fixture
   states at 360-1920: no payment control or iframe moves. */
@font-face {
  font-family: "AM Rubik";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/assets/aqua/fonts/rubik/rubik-latin-ext-var.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "AM Rubik";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/assets/aqua/fonts/rubik/rubik-latin-var.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "AM Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/aqua/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "AM Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/aqua/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Every text node inherits from body; form controls do not inherit by
   default (Arial on /sports, affiliate_panel.php). */
html:root body:is([data-auth-logged-in], .gm-standalone, .gm-withdraw-page, :has(> main.link-card), :has(> main.aw-game-error)),
html:root body:is([data-auth-logged-in], .gm-standalone, .gm-withdraw-page, :has(> main.link-card), :has(> main.aw-game-error)) :is(button, input, select, textarea) {
  font-family: var(--am-font);
}
html:root body:is([data-auth-logged-in], .gm-standalone, .gm-withdraw-page, :has(> main.link-card), :has(> main.aw-game-error)) {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* emerald-clone.css: `h1, h2, .section-title, ... { font-family: 'Cinzel',
   'Teko', serif !important }`, answered with !important. */
html:root body[data-auth-logged-in] :is(h1, h2, h3, h4, h5, h6, .section-title, .news-title, .brand-text) {
  font-family: var(--am-font) !important;
}
/* Rules that name Rajdhani on the element itself, so inheritance cannot
   reach them (emerald-clone.css, aqua-member-chrome.css). */
html:root body[data-auth-logged-in] :is(.auth-segment, .auth-btn, .auth-tab-btn, .auth-submit-btn, .center-dock-menu a, .gm-header-balance-main, .gm-account-dropdown-user, .gm-account-dropdown-item, .gm-live-support-fab-copy strong, .gm-side-brand-text) {
  font-family: var(--am-font);
}
/* /sports guest and error card: sports.php writes font-family:Arial inline
   on the wrapper. */
html:root body:has(> #game-stage) > #game-stage .game-frame-wrap [style*="font-family" i] {
  font-family: var(--am-font) !important;
}
html:root body:has(> #game-stage) > #game-stage .game-frame-wrap h2 {
  letter-spacing: -.02em;
}
/* /profile/deposit-withdraw: use the v3 primary font stack (--am-font: AM
   Rubik with AM Inter fallback for ₺). */
html:root body:has(> .dash-shell.account-page) > .dash-shell,
html:root body:has(> .dash-shell.account-page) > .dash-shell :is(button, input, select, textarea, .avatar-letter-lg, .dw-tab) {
  font-family: var(--am-font) !important;
}
html:root body:has(> .dash-shell.account-page) > .dash-shell :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--am-font) !important;
}
/* These two read `font: 700 Npx Rajdhani`, so their line height was the
   Rajdhani normal; restated in px so the rows keep their height. */
html:root body:has(> .dash-shell.account-page) > .dash-shell .wd-method-card__label {
  font-family: var(--am-font) !important;
  line-height: 19px;
}
html:root body:has(> .dash-shell.account-page) > .dash-shell .wd-step {
  font-family: var(--am-font) !important;
  line-height: 16px;
}
/* /sports hint above the iframe: one line at >=340 in Rajdhani. A second
   line would take 15px from the iframe, so Rubik drops the template's
   .02em tracking (one line down to 360) and below 360 the hint stays on
   its old face. */
html:root body:has(> #game-stage) > #game-stage .mobile-sports-hint {
  letter-spacing: 0;
}
@media (max-width: 359.98px) {
  html:root body:has(> #game-stage) > #game-stage .mobile-sports-hint {
    font-family: "Rajdhani", sans-serif;
    letter-spacing: .02em;
  }
}
/* /sports topbar at 360px: slightly tighter padding/gap so "Lobiye Dön"
   and the 3 action buttons fit without clipping. */
@media (max-width: 380px) {
  html:root body:has(> #game-stage) > #game-stage .game-topbar {
    gap: 6px;
    padding-inline: 8px;
  }
  html:root body:has(> #game-stage) > #game-stage .game-controls {
    gap: 5px;
  }
  html:root body:has(> #game-stage) > #game-stage .game-btn {
    padding-inline: 8px;
  }
  html:root body:has(> #game-stage) > #game-stage .game-back {
    gap: 5px;
    font-size: 11.5px;
  }
}
/* /sports auth modal & header icon nav fixes */
html:root body:has(> #game-stage) #authModal .auth-split {
  overflow: visible;
}
html:root body:has(> #game-stage) .main-icon-nav {
  scrollbar-width: none;
}
html:root body:has(> #game-stage) .main-icon-nav::-webkit-scrollbar {
  display: none;
}
/* Announcement strip: 10px at <=820 (emerald-clone.css). The strip is
   28px tall through min-height either way. */
@media (max-width: 820px) {
  html:root body[data-auth-logged-in] .news-ticker {
    font-size: 11px;
  }
}
/* Fields: below 16px iOS Safari zooms the page on focus. .input has a fixed
   height. .wd-field__input is 24px of padding plus its line (1.55 of the
   font size), so the line is held at 24px and the field stays 48px tall. */
@media (max-width: 767.98px) {
  html:root body:has(> .dash-shell.account-page) > .dash-shell :is(.wd-field__input, .amount-input, .form-control, .dw-panel input, .dw-panel select, .dw-panel textarea) {
    font-size: 16px !important;
    line-height: 24px;
  }
  html:root body:has(> #game-stage) #authModal :is(input:not([type="checkbox"]):not([type="hidden"]), select, textarea) {
    font-size: 16px !important;
  }
  html:root body.gm-standalone:is(:has(> .card > .brand), :has(> .container > .top)) :is(.input, .filters input) {
    font-size: 16px;
  }
}

/* ==== 12. /profile/deposit-withdraw layout & alignment fixes ============= */
html:root body:has(> .dash-shell.account-page) :is(#sidebarMainBalance, .sidebar-balance-card .balance-amount) {
  background: none !important;
  -webkit-text-fill-color: var(--am-accent-bright) !important;
  color: var(--am-accent-bright) !important;
}
html:root body:has(> .dash-shell.account-page) .pm-card {
  overflow: clip;
}
html:root body:has(> .dash-shell.account-page) .dw-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
html:root body:has(> .dash-shell.account-page) .quick-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 36px;
}
html:root body:has(> .dash-shell.account-page) .dash-sidebar {
  position: static !important;
}
@media (min-width: 701px) {
  html:root body:has(> .dash-shell.account-page) > .dash-shell.account-page {
    padding-top: 88px;
  }
}
@media (max-width: 700px) {
  html:root body:has(> .dash-shell.account-page) .main-icon-nav {
    display: none;
  }
}