@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20,400,0,0");

@font-face {
  font-family: "DSEG7 Classic";
  src: url("data:font/woff2;base64,d09GMgABAAAAABQMAA4AAAAAWgAAABOxAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGhwGYACCcggEEQgKuRilZguBEgABNgIkA4E2BCAF72YHgTIbw04jA8HGAQh5fv0iKknrCv5bAodjyObBNMtgGNKl1aJERCtDEAN6YJfqaNsT9d3q/ezF8seFeWpDMBEOphkj8Vx4ILvPN9jdgzn3T3TsTlVcJlVyVUq1cmlUUmceoGNfb+aHbkfQUiT4imzjgZ4dRtEBVtAB/4u1tYhIgubaqO6JkBmaWRSNGrWSyJ547Z+ufeb/zn2856WLLGzUibfAjA94uTAoXABTbnBklWIQ0AqZrNP9DzA+sPL+t6mWWcuk8/SF5FvZZBCxLkSYljJ+L5tN/+Osy0nbw4zhtXJqPXkp9z/GiOCNbbGSSZZI8f9/7fvU1W9C8IIWSwVtVuSQUTEirt+pc/bt/8+cX/MBa1UqwG+IO3Ch7qPq7gECGUlEamyMSRShzfIRDtjFZhVbpcJsu3dXJKpOCCGY4DUeYzK+yIp636sRm4opotWDMdHkFSnbjxAgAA/+L7wCcLv5Q4Gntz9XAABegmgggQAC6EQ0+pwUt7g3nmD/+pOI73qCBMktAfNTFT4+PeeNiziu2qnEH4zNgmY9VE2jOFNLjRrGsErF9L3UeoAfPwrEM8qMmbbDqcwQJ5tLrWmz00/efXh5uroYC446keY0kbhC5JlnQiXZn4GVxrHMJ/qx4AIBeZhQ5qb+pBclWVE13TAtG4As2Z1+EEZxkmZ5UVZ103b94Kyrb2hs4uh/uNnRm8bH7QAig4VRy4c/jCgBnGPA/UYXDZgRLL25YJMs1u8razQnUtim4rQsBO9GamyRI005nDrz7A19dLrtR3DsafK2YU+Fg6Cs3bkcOhTCj/AXWQuIOQDVkUQky4G568ubJPDkVu5+/ppuO9n/ufS0vPUQxfLYGuzx6gs/Kj8Plt31aFaZjze91TCfT1aZUfSEAuMZHETvUNLSI9TFAopMi2Gm5WiPkBBmu4yaEadtjDFkePHSfBanDY6B+sMpAxiWZ38IzwmBBkavASSJ84Ve8l56AOXfc09i9St+9wnGi3GPNxz+jM7kTpLpA0s5kYSB2VPbWkorvIustG1Nc98XtzxHOz6MDwec45POVHGKl0Qs9ykbnFdpVtnI855xQ3xreFSppzpT3HmnJ7GH19racPXr2tU/Jak88RmAtG8qfkaa/dMnf9JM65E7/PJrYkU4fhOW3k/rz9aLaHK8SI5iMmykoyaO5M/+/xMXGlpoGh1PwlONnDfEwd9fzI2u6Dp5tSu65INAxtU6eiyG4eBaJ9Krsk0Vd4lX5GtfHSe8jDzSuBQMJcCTOGbLZYpC1qUdC69F/DHcrq1HBjVRbdkuruoTpx9xtP/wRWfWKPvt8RE4tNEP/speTxxXSJPKvM9bJNK4XZL1POdrwmH2dH4rw852Og5JAi0e38xex36POnFGNgPp1zZfpWlUcYB8NOFDCR5+ujaxm7088780npG+OkjlWeOBY5Xv/LPsq9vrkxIZS44+0ukAOeMfAcvn3pd43PP3HoFBr59eS6zh1s86ghd/QoqK/zwKwOa34t3Ch3xWxT+i3m2Fni1zjvw8nBm4kVuCvIG54Upan9aH+Mbi5xMYVkE8QGwA3EJ1L1/wJP9fAPMH0L3rR8Lh5PBKtzQO4fzixV6Y3/nD2R9+ngAtDAebvjR++BoGAISFFNJtrT2hUvD2tpS0X6ViwmSpBYQzpcUrvCpt/tGvdJcQl5VeQuPZ0jtHooqlj4jB/ZMH8ho8QoJIugO7CJVChBul5OZbqUz4X2pJYX9pCQvXS1tC+FS6a4gJpRcT95XetR70vdJHweD4YAcKGzxgjjMVxMpICzUm6BNRPW/HSsCBl/XQC5bk9Tcvtgg6VTuGZnpZNrh15EiX87Dup1FTnVpCshIofn3rJT9Je7+zCX7u8JO9cMovLFvC0/oYZz8fu9FFH5m7H2atXZ0ol1AUztqzV1fQo8BSynMK9/n16k8/e19F0WNBq/h92lsvvqmbegtvUFfXrDI+jhMXKmcqp46XKwoal7/Fe9pd3cnk5BtOLqqz6mcAt1/cdKC42jdTFCtEKI8l6Fjt3KXiF3Hc9rg+vyyTM4ZvcU20M5tJ8+3PvHVnl/qlJizyfrl2bSBYqfiAbfb3eBy7vdtF5P+n9Tb9ur4ehMviGdLD4oZqu/vAzorngn42znZFaPh4RWGxwUR4W/DNaMYpoTxv7YlrBhag5FliuX7JvCK6Sj+diP1rBZ09O5qzYv37B7L5dzUANiWWNe+Tr7FOdmAJgom7wn7skGmp6ShpD4p4lEA2v/uCFoacoMDyF1BhojoqTmgJhInyQKWO89p/ipybBOwArhYfMn67VqAYsvYsL7AaAUEu1WJu7i13D5TdAnEa5ST+ZINM1ZQX1JW8+cjCiy+w+O+rFosgwzN/PJs/c2Fu07x7jN60tee5QZVu9RLig5OGGFli0vP/67Erop8c/Fh5du/bgy/Pw/kJ2mLZFWfoM1uXLZoJ2ZWwBsYZb1aZF40asjyS/E3QamnaIrCyvSabQSxhGRNr14IKCUItOOV1qEPHn2HTfxGnt0WDZjoaDBCWKUaG2v3oytJOAenSCvHYmVqORa2RC6kdqbrzJ1sjT97coJGHceLv4xGdBSko2J4Xri3tsNWU0wKWhFPYpJjVZgdxEMvaY6h7mkzj9MiaKv90pHrBFltMNGAuCNA65LRZ0j8VWh7sVHnNSZ5RtgQVQqMFw6lViKRFOuzgSGYbE82o68xRy0eaiEfrDo47pirSbBZeY5T3HtMaGDJrnspySlgQL04KL5LmCa6ia0wZGvFqYJI4MRwXgaAZhlsn0EFhTYDcIkjpvuIhuMCoywJL1rSWOjBDiIqma7WxDFaYOT0qFpB0Yjucq7ThRXVsLStEwsteJS23BUnLA8oyZMeQxY3P+OOQI5eGqRhtQK9OtqEF4VgQMdNMogiDtpmDql8Pb4qyyYAsJKp5h1vEmf5n5APOBMWGUrUh6WbrNPQV/XxA22LOQVCtOVIVGMB7SjydOSOm0CgdC7XqdyjzXzMqJXppIWAaf0Q9efbi3dy7jXcLc2vgd59lv/OhHbzjyKG6rqJWMu74GyUqaVjJQ+hLW/BWF+86RMyokn8o0VxpE9vRGKp3VWjasMjCRSWX5YclsA4h+pLZSDhkxhjMV3Low4AsJbZrgyLOdn/3yf3kgKbCah+rwZxhJxlokBU7cMk3BlynYIrcVY7IAwq2yCL2Chv1bzk6gvsg3OAHquqrTrT+8YAXyY5uVIEF5+vw+BB0V363wPwhq+lY9DvASEGvYZUZM8SU5YSxASayWuOIumxMVHSlUYcB23BepiJtlAXMUY+aZjxM3R6ooTZESYVqZ0EsNkyMOGtzWXCVoRXmKAT8KwzNAaJ/+p4nddIzBNZ7/rQvmC1mod1Wamc1kTKKoWHb1kfWMb45I04vzR/OCsCB8DXJLASNzgZMCyyeiDOQtC648/gSFqgbe9OVb+/W1o2hQX9XCYVWPTUM/cF0ZuSpxNLRCm4jAZkDS/iWjeMmRFBEITdADONx8qezRm7IrIkO2H4b2s2lj4LwQKHjvc7EQIvzNULqXF/CFVNOX/f3MGPoXrcYPLW0vUSSt7GwNSV9PACrQOcWV0rRSe8gDENjhAPG/NNQtwA4UUJzxCs1vzqLtFqsxnztmy/LHtdGK0kakJlGPYDWI4VyDJugUh2b320wPpHMuoq51U6VpWekVGDs1X38ZfYZ2zFTS6yHQKUYKAYV6veevJkgzS7hL8Qli5cDeufz+vp5Cob9WejcgD7UqfNAlsu1FduJGlnzDf8ve7yi17i3yp0vtht01kc6Is2LEQVc2MAsrdTzyTLzgVtHsgjNlmO0ZoxKktY6MZAj4tBoM2FrzJHr34UbMxyWC/k29PTmHbbuM4YOHgsWa1JDo7ObOccVM+sRRV1uX1/9MPC7DGGJJuLTBg2qLy5NmibxVD0boWt9aW6e7jBpiVobHN/2wJOGHQtDiQVE3LMlidB73ohH3ltUuRCVAq7RTcBRU4ZwOpichi+46TQ6t03SUmIdEs/Qice63WX0bS4xvy26rTlpxf4WBAjFNw27iJv5iBomE/A1Vqs39qteV3rzJqB6M9q7r0OGJj21nB1OO9j/wlbpSRcosEledgD4hhnnHZalqbgtiNwqOl4Q/Rx3kenjEh4K6NLzzphuaGqAqAanjV7NVuqi82R7M3uzYtFMKBiqMdnDZm+H9W2bO4vbXyc7vPBJiccDuT3Nwzbd3H330u/n7Jh58ZogYKNBQKzpHvMBUlboYtOeJ+2hsf36OMBtHptzP3tVRWEFRCyxDFQD/nmyXSVQ+OkayQfK/+LRKItWhMMc1CElTTv16bqfKwZtkAzVZFTiiVuoGKZRF2yqq42WbX5ui3rFAotMiKejQEqriYyVbRoXOn0O9WU7FX+uj4SyirirYvEoOipgBaEBP601JE1JT2CJxthACtWK1/w0JkgFCHpqNSFI0aKdfxQVjMccalUqrZcpKSMhBArIuFNuRtvE888NKlPQagaFtdJSB0PFuwXDpUWxKeSB2YxTxnNhxFZYC8TD6UGAEEOwVxS8DVyJtscSGP3cpGPJ7ZwOK5yNQ7iJ/mAZABpKMQxaQCGCVAUpSA2pC4+YJRFWXyNyfKHqi1UuCqgDl9iuIBnbpCUy7AogI/VANLAD30ar2poHq0+KiJTApRXBUGVH15U3YpKcgsyGgqIssizVKKVQ8dbUWEeEIc+CwKXnGgUggWEZhBw7bAGpldLZ8NeZmYC2P9C+u103HfC1k6uCO99FObBrvsgEhhmx3SoLWuibNtZ16sqBl7/b4X05fufuAWCPFQm2UPODhIMg1lmeejRb8JNK3645Vzj13gWD9ubznlXpHCr5IDfoKeHN/zWkSfz/a/5e3n+3/rLoAxydTFOFbBwbWYe3QoafJ9g6E6d4fM62JUrC/EL+ODBmpmUfGOrzA+oNoCKNF+c5cSf6UEyJE+HDZkbNPo7BZuLcroJftyeU3u3eW+wBLbgRfrDcCzaAiUEA0LDj0TN8hbm045liTD+Kp1v3AWfG6divKB0U7WUU7aJjk3xgcoBPIuBZlX+0L5iBVy1evlCxEGZKjoASJQY7C8QACj4pgZcVYn9QJ5550JUAl0IOiPlgnldueoJQo1zU29o0ofLDykeIqAqB9fFYakOMzkGxoba9JjjiGL7iiAX9naFggRqBVdN0F1geVhFLEG+B8EQTxLEfIYXp369TAygMB1wAJlnmdQfiEbDVcYFzxbckExOEUZOQC08GHKK5sudsX+aowHYWtKJDbEjQ+1nAWH5KrlsDuMV8efhdtpZ/p7oIa6VizsAbNNp0crof3tqn6Uq1zALlpIC7nBG/Mr44XxXtBDMIe4tUhVypqRX7pUINVDcC8Lssu6xIYXHZO9wHYrGAejhrQFa4Hmzap2UkwItA4vyjiHFVYZ56dKzOKszEqWI8DiVqADZfRHT+EWoVw0ePZjZJRwPld+9jgAU7B+JgVWF297HsVIARupkCF1H1Yi+3rIS82GVuDKK5ILP3sdxMy0vMiGGuVFm4LSQ6IMAp1VBEFEkrFLdDgTu4M3SdM55ODJccQIsmmEhCaUzxeMKkXacG6MbUhb/7JWYB+Kb7vFLOJwexBJs0mbC91hJ7iQOzae7r0xYsADDcpgeTCKlxroTUvPudyyTLP1ker0fDZeCaIUJ+KNYdjulqx8xC+A8DjxoXgbt4nTLyaoATEneiTF+aWGacy/isgMKbis404BPu3SALTt0H1VRurupglzHvBsBpAOmcRaCoQmZWb6ww24SwI7v7AvZRhcTzJIPt44LsOak/qFSn7QFIFw+MWwUQ0ooFRFh8iF4F4JlWQrZ9VsdUI5rHrgs+Oc8q+ne9h1WKjomtxaA/AWBRSPRUxxqfGmRVmJFqvGWlx0rSmeHM3RfvGS75tksNcIZzLp2eW4KqDOV6DbjaICSZZ4O0wIW9FkaQBRAJCnWURsVUKpeYRktiDopTTz4ejyrMCrbWWQVDaJB6qjn3nzcMLMVfMh2NQ3WXkbC84THRxVFxiC3EXSqxPf2clFoWpSAdNYlm3JWQ/wcMOnR02Dq4ekqHg5ecIUi6TMvBoQAApRERLaeHAVXFelFEMZnzROqyLFuDpio6aABL6c+7gF0mnluo2aYHS156tWyiKRYunlvCJthJAicER5CubdY23GtY4as7YaOT4lNCDR72XcXsxMeJdNWEXYN9kSpSz0/4VwG6Dvy6DC63+0Nlc7SjEj7UmQEFmiSeminr4Vt8A5JucUVlMBgRbAdj/pMnOw/wZeSSe57S01PgKY8Kl2kPeEEv/7VS6aevyrP8wGF5WbnJ3wepQ40q6r2tr5zF34DZrUgI6xdT389XzsjTMMNPdpWn8tWIApmKosbBB6oGsGaSVENQNGxBk6w39IxBXJWneFWZqIrxFDMu6usSPN1dMlJDQVQPlD9KqfTAFhUUDwJXVWRvEMdab90Xc9Pi5YVTOzFJNwjLzFivp6QfIB0R9TQ5MNTzt6sx15G2IENotht6Wd7rlt1jrfBx4At/dVt8yqB7UyAKgVMPGT1NdF4w8ZhbfJUBfqqxRd578H609HGNYnFy5SmTr8BPlX5BjVUIoypOAAmA/+l1Zk8LOvJBovnxFyhIsBChwoSLEClKtCTJUqRKky5DpizZjByuGNDOF1OoSLESpcqUq1Cp7uum42Ytm9u069Cp683Kr6VXn34DBg0ZNmLUmHETJu0GAAA=") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  color-scheme: light;

  --font-family-base: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", system-ui, sans-serif;
  --font-family-mono: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", system-ui, sans-serif;
  --font-family-digital: "DSEG7 Classic", "Courier New", monospace;
  --font-size-xxs: 11px;
  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-md: 14px;
  --font-size-base: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-2xl: 22px;
  --font-size-page-title: 24px;
  --font-size-3xl: 28px;
  --font-size-4xl: 32px;
  /* Shared type roles keep filters, actions, and tables on one readable scale. */
  --font-size-control: var(--font-size-sm);
  --font-size-table: var(--font-size-sm);
  --font-size-table-header: var(--font-size-xs);
  --font-size-table-meta: var(--font-size-xxs);
  --font-size-section-title: var(--font-size-lg);

  --space-1: 3px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 14px;
  --space-8: 16px;
  --space-9: 18px;
  --space-10: 20px;
  --space-11: 22px;
  --space-12: 24px;
  --space-13: 28px;
  --space-14: 36px;

  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  /* Legacy aliases resolve through the shared design scale until their screens are migrated. */
  --color-link: var(--color-primary);
  --color-partner01-panel: var(--color-partner01-surface-card);
  --color-surface-soft: var(--color-surface-subtle);
  --color-table-header-bg: var(--color-surface-subtle);
  --color-text-primary: var(--color-text);
  --shadow-lg: var(--shadow-panel);
  --surface-muted: var(--color-surface-muted);
  --text-primary: var(--color-text);
  --text-secondary: var(--color-text-muted);

  --color-admin-selection: #d7f0df;
  --color-admin-selection-hover: #bee5ca;
  --color-admin-selection-soft: #f1faf4;
  --color-admin-selection-foreground: #1f643a;
  --color-admin-selection-subtext: #36764d;

  --color-bling-canvas: var(--color-admin-canvas);
  --color-bling-navy: var(--color-primary);
  --color-bling-text: var(--color-admin-text);
  --color-bling-heading: var(--color-admin-text-strong);
  --color-bling-title-mark: var(--color-primary-variant);
  --color-bling-breadcrumb: var(--color-admin-text-muted);
  --color-bling-divider: var(--color-admin-border);
  --color-bling-panel-border: var(--color-admin-border);
  --color-bling-surface: var(--color-admin-surface);
  --color-bling-filter-bg: var(--color-admin-surface-muted);
  --color-bling-control-border: var(--color-admin-border);
  --color-bling-control-text: var(--color-admin-text);
  --color-bling-focus-border: var(--color-sidebar-accent);
  --color-bling-focus-ring: var(--color-focus-ring);
  --color-bling-search-border: var(--color-sidebar-accent-strong);
  --color-bling-search-bg: var(--color-sidebar-accent);
  --color-bling-search-border-hover: var(--color-sidebar-accent-strong);
  --color-bling-search-bg-hover: var(--color-sidebar-accent-strong);
  --color-bling-list-border: var(--color-admin-border);
  --color-bling-table-text: var(--color-admin-text);
  --color-bling-cell-border: var(--color-admin-border);
  --color-bling-header-bg: var(--color-admin-surface-subtle);
  --color-bling-header-text: var(--color-admin-text-strong);
  --color-bling-row-hover: var(--color-admin-surface-hover);
  --color-bling-checkbox: var(--color-sidebar-accent-strong);
  --color-bling-link-hover: var(--color-sidebar-accent-strong);
  --color-bling-category: var(--color-danger);
  --color-bling-visible: var(--color-success);
  --color-bling-hidden: var(--color-admin-text-muted);
  --color-bling-empty: var(--color-admin-text-muted);
  --color-bling-register: var(--color-sidebar-accent);
  --color-bling-visibility: var(--color-warning);
  --color-bling-delete: var(--color-danger);
  --color-bling-popup-status: var(--color-sidebar-accent-strong);
  --color-bling-pagination-bg: var(--color-admin-surface-subtle);
  --color-bling-pagination-icon: var(--color-admin-text-muted);
  --color-bling-pagination-active: var(--color-primary);
  --color-bling-form-label-bg: var(--color-admin-surface-subtle);
  --color-bling-form-hint: var(--color-admin-text-muted);
  --color-bling-form-hint-accent: var(--color-danger);
  --color-bling-form-button-primary: var(--color-sidebar-accent);
  --color-bling-form-button-warning: var(--color-warning);
  --color-bling-target-button: var(--color-secondary);
  --color-bling-target-button-hover: var(--color-primary-variant);
  --color-bling-editor-toolbar: var(--color-admin-surface-subtle);
  --color-bling-alert-backdrop: var(--color-mobile-sidebar-backdrop);
  --color-bling-alert-header: var(--color-primary);
  --color-bling-alert-confirm: var(--color-sidebar-accent);
  --color-bling-alert-shadow: var(--color-focus-ring);
  --color-bling-tab-active: var(--color-admin-selection);
  --color-bling-tab-active-text: var(--color-admin-selection-foreground);
  --color-bling-tab-border: var(--color-admin-border);
  --color-bling-message-recipient: var(--color-admin-selection);
  --color-bling-message-recipient-text: var(--color-admin-selection-foreground);
  --color-bling-message-recipient-badge: var(--color-success);
  --color-bling-message-recipient-accent: var(--color-warning);
  --color-bling-message-unread: var(--color-admin-text-muted);
  --color-bling-message-read: var(--color-success);
  --color-bling-support-row: var(--color-admin-surface-hover);
  --color-bling-support-memo: var(--color-admin-notice-bg);
  --color-bling-support-memo-text: var(--color-admin-text);
  --color-bling-support-profit: var(--color-primary);
  --color-bling-support-profit-icon: var(--color-admin-text-muted);
  --color-bling-support-profit-icon-total: var(--color-primary);
  --color-bling-support-answer-pending: var(--color-warning);
  --color-bling-support-login: var(--color-sidebar-accent-strong);
  --color-bling-template-dialog-header: var(--color-primary);
  --color-bling-duplicate-type-bg: var(--color-admin-surface-muted);
  --color-bling-duplicate-type-text: var(--color-admin-text-strong);
  --color-bling-duplicate-value-bg: var(--color-admin-notice-bg);
  --color-bling-duplicate-value-text: var(--color-admin-text);
  --color-bling-warning-hover: var(--color-warning);
  --color-partner-tree-border: #cfd7e3;
  --color-partner-tree-side: #f2f4f8;
  --color-partner-tree-control-border: #b9c7db;
  --color-partner-tree-text: #32445f;
  --color-partner-tree-icon-bg: #eef5ff;
  --color-partner-tree-icon: #2f70b7;
  --color-partner-tree-close-border: #758eb6;
  --color-partner-tree-close: #738db7;
  --color-partner-tree-divider: #dbe2ec;
  --color-partner-tree-strong: #24344b;
  --color-partner-tree-check: #e84f6a;
  --color-partner-tree-help: #34445b;
  --color-partner-tree-branch: #cbd5e1;
  --color-partner-tree-arrow: #7d8ca2;
  --color-partner-tree-node-text: #3b4658;
  --color-partner-tree-node-border: #bdd4ee;
  --color-partner-tree-node-active: #dcecff;
  --color-partner-tree-node-active-text: #244f7d;
  --color-partner-tree-node-muted: #68758a;
  --color-partner-tree-count: #a0a8b3;
  --color-partner-tree-badge: #16ae9c;
  --color-partner-tree-divider-strong: #d7dee8;
  --color-partner-tree-toolbar: #eef1f6;
  --color-partner-tree-search-border: #4c8abb;
  --color-partner-tree-search: #4e94c6;
  --color-partner-tree-export-border: #6b9f88;
  --color-partner-tree-export-bg: #f6fffa;
  --color-partner-tree-export-text: #35795d;
  --color-partner-tree-heading: #0b72bd;
  --color-partner-tree-muted: #7b8797;
  --color-partner-tree-table-text: #253249;
  --color-partner-tree-row: #f5fbfd;
  --color-partner-tree-row-hover: #e8f5fb;
  --color-partner-tree-partner: #13aa99;
  --color-partner-tree-member: #687789;
  --color-partner-tree-card: var(--color-admin-selection);
  --color-partner-tree-card-subtext: var(--color-admin-selection-subtext);
  --color-partner-tree-count-badge: #69788b;
  --color-partner-tree-pay: #2485c6;
  --color-partner-tree-collect: #e64c62;
  --color-wallet-credit-bg: #e8f3ff;
  --color-wallet-credit-border: #b8d9f7;
  --color-wallet-credit-text: #1c6ea4;
  --color-wallet-credit-hover: #dceeff;
  --color-wallet-debit-bg: #fff0f2;
  --color-wallet-debit-border: #f3c3cb;
  --color-wallet-debit-text: #b94759;
  --color-wallet-debit-hover: #ffe4e8;
  --color-partner-tree-neutral-bg: #eef2f6;
  --color-partner-tree-neutral-text: #516071;
  --color-partner-tree-warning-bg: #fff0d5;
  --color-partner-tree-warning-text: #a25b00;
  --color-partner-tree-status-bg: #e9eef5;
  --color-partner-tree-status-text: #536277;
  --color-partner-tree-success-bg: #dff7eb;
  --color-partner-tree-success-text: #13815b;
  --color-partner-tree-danger-bg: #ffe4e8;
  --color-partner-tree-danger-text: #bb3049;
  --color-partner-tree-footer-bg: #f7f9fc;
  --color-partner-tree-footer-text: #718095;

  --control-height-sm: 30px;
  --control-height-md: 36px;
  --control-height-compact: var(--control-height-sm);
  --control-height-default: var(--control-height-md);
  --layout-sidebar-width: 208px;
  --layout-sidebar-collapsed-width: 72px;
  --layout-topbar-height: 58px;
  --layout-admin-header-height: 136px;
  --layout-admin-min-supported-width: 1366px;
  --layout-admin-filter-core-min-width: 132px;
  --layout-admin-filter-search-min-width: 220px;
  --layout-admin-detail-panel-width: 460px;
  --layout-admin-detail-panel-min-width: 420px;
  --layout-admin-detail-panel-max-width: 680px;
  --layout-admin-detail-panel-gap: var(--space-7);
  --layout-admin-form-constrained-width: 1120px;
  --layout-admin-form-wide-width: 1480px;
  --layout-admin-settings-width: 1480px;
  --layout-admin-table-min-width: 1040px;
  --layout-admin-table-wide-min-width: 1360px;
  --layout-admin-table-sticky-key-width: 156px;
  --layout-admin-table-cell-padding-y: var(--space-5);
  --layout-admin-table-cell-padding-x: var(--space-6);
  --layout-admin-table-compact-cell-padding-y: var(--space-3);
  --layout-admin-table-compact-cell-padding-x: var(--space-4);
  --layout-admin-table-scrollbar-gutter: stable;
  --layout-admin-row-min-height: 46px;
  --layout-admin-table-header-height: 40px;
  --layout-admin-table-row-with-meta-height: 62px;
  --layout-content-padding-x: 32px;
  --layout-content-padding-y: 24px;

  --color-canvas: #fbf8fa;
  --color-surface: #ffffff;
  --color-surface-muted: #f1eff2;
  --color-surface-subtle: #f7f7f9;
  --color-surface-hover: #fbfdff;
  --color-border: #d7dee7;
  --color-border-strong: #aab7c5;
  --color-text: #090f1d;
  --color-text-strong: #091426;
  --color-text-muted: #565e74;
  --color-text-inverse: #ffffff;
  --color-primary: #091426;
  --color-primary-hover: #172238;
  --color-primary-variant: #8590a6;
  --color-secondary: #565e74;
  --color-danger: #ba1a1a;
  --color-danger-hover: #8f1212;
  --color-warning: #b25e09;
  --color-success: #177245;
  --color-focus-ring: rgba(9, 20, 38, 0.28);
  --color-sidebar: #ffffff;
  --color-sidebar-border: #e5e8eb;
  --color-sidebar-text: #303846;
  --color-sidebar-title: #111827;
  --color-sidebar-muted: #667085;
  --color-sidebar-hover: #f2fbf6;
  --color-sidebar-separator: #e5e8eb;
  --color-sidebar-panel: #ffffff;
  --color-sidebar-collapsed-flyout-bg: #ffffff;
  --color-sidebar-panel-strong: #f6fff9;
  --color-sidebar-panel-border: #e5e8eb;
  --color-sidebar-panel-line: #eef1f4;
  --color-sidebar-accent: #03c75a;
  --color-sidebar-accent-strong: #00a84f;
  --color-sidebar-accent-muted: #0b8f4d;
  --color-sidebar-accent-soft: rgba(3, 199, 90, 0.1);
  --color-sidebar-accent-border: rgba(3, 199, 90, 0.38);
  --color-mobile-sidebar-backdrop: rgba(15, 23, 42, 0.42);
  --shadow-sidebar-flyout: 0 18px 42px rgba(16, 24, 40, 0.16);
  --color-admin-canvas: #f3faf5;
  --color-admin-canvas-bottom: #f3faf5;
  --color-admin-body-option-two-canvas: #fbfdfc;
  --color-admin-topbar: #ffffff;
  --color-admin-topbar-bottom: #ffffff;
  --color-admin-surface: #ffffff;
  --color-admin-surface-solid: #ffffff;
  --color-admin-surface-muted: #eef8f1;
  --color-admin-surface-subtle: #f7fbf8;
  --color-admin-surface-hover: #e8f7ed;
  --color-admin-border: #d8eadf;
  --color-admin-table-divider: #e8eceb;
  --color-admin-border-strong: rgba(3, 199, 90, 0.42);
  --color-admin-text: #303846;
  --color-admin-text-strong: #111827;
  --color-admin-text-muted: #667085;
  --color-admin-text-subtle: #7a8796;
  --color-admin-danger: #e5484d;
  --color-admin-warning: #b25e09;
  --color-admin-success: #03c75a;
  --color-admin-control-bg: #ffffff;
  --color-date-control-border: #cccccc;
  --color-date-control-bg: #ffffff;
  --color-date-control-text: #555555;
  --color-date-control-disabled-bg: #f1f7f3;
  --color-date-control-disabled-text: #999999;
  --color-admin-alert-bg: #fff5f5;
  --color-admin-alert-border: #ffd1d1;
  --color-admin-notice-bg: #f2fbf6;
  --color-admin-adjustment-label-bg: #def6e7;
  --color-admin-adjustment-label-text: #14532d;
  --color-admin-adjustment-value-bg: #eef4ff;
  --color-admin-adjustment-value-text: #173a5e;
  --color-admin-adjustment-border: #bddfc9;
  --color-admin-badge-neutral-bg: #eef1f4;
  --color-admin-badge-success-bg: rgba(3, 199, 90, 0.12);
  --color-admin-badge-warning-bg: #fff7ed;
  --color-admin-badge-danger-bg: #fff0f0;
  --color-admin-focus-ring: rgba(3, 199, 90, 0.22);
  --color-topbar-alert-control-bg: rgba(255, 255, 255, 0.78);
  --color-topbar-alert-active-bg: rgba(3, 199, 90, 0.06);
  --color-topbar-alert-active-shadow: rgba(3, 199, 90, 0.08);
  --color-topbar-alert-paused-border: rgba(178, 94, 9, 0.42);
  --color-topbar-alert-paused-shadow: rgba(178, 94, 9, 0.08);
  --shadow-topbar-alert-control: 0 8px 18px rgba(16, 24, 40, 0.08);
  --color-dashboard-header-deposit-request: #6587f1;
  --color-dashboard-header-deposit-wait: #2795e9;
  --color-dashboard-header-withdraw-request: #32a183;
  --color-dashboard-header-withdraw-wait: #068d72;
  --color-dashboard-header-support-open: #d0771e;
  --color-dashboard-header-support-wait: #cb473a;
  --color-dashboard-header-member: #cc006a;
  --color-dashboard-header-partner: #461d7d;
  --color-favorite-drawer-tab-bg: #03c75a;
  --color-favorite-drawer-tab-bg-strong: #00a84f;
  --color-favorite-drawer-tab-separator: rgba(255, 255, 255, 0.28);
  --color-favorite-drawer-tab-active: #ffffff;
  --color-favorite-drawer-star: #03c75a;
  --color-favorite-drawer-remove: #00a84f;
  --color-favorite-drawer-remove-bg: #f2fbf6;
  --color-favorite-drawer-remove-border: rgba(3, 199, 90, 0.24);
  --color-favorite-drawer-status-online-bg: rgba(3, 199, 90, 0.12);
  --color-favorite-drawer-status-online-text: #008f48;
  --color-favorite-drawer-status-offline-bg: #f3f6f5;
  --color-favorite-drawer-status-offline-text: #667085;
  --shadow-favorite-drawer: -18px 0 38px rgba(16, 24, 40, 0.14);
  --shadow-favorite-drawer-remove: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 6px 14px rgba(3, 199, 90, 0.12);
  --shadow-favorite-drawer-remove-hover: 0 8px 18px rgba(3, 199, 90, 0.2);
  --shadow-favorite-drawer-status-online: 0 0 0 3px rgba(3, 199, 90, 0.12);
  --color-logo-glass-fill: rgba(255, 255, 255, 0.72);
  --color-logo-glass-stroke: rgba(3, 199, 90, 0.2);
  --color-logo-emerald-shadow: rgba(3, 199, 90, 0.25);
  --color-logo-emerald-shadow-soft: rgba(3, 199, 90, 0.18);
  --color-logo-emerald-line: rgba(3, 199, 90, 0.38);
  --color-logo-gold-stroke: rgba(185, 148, 77, 0.75);
  --color-logo-gold-glow: rgba(215, 181, 109, 0.6);
  --color-logo-shine: rgba(255, 255, 255, 0.36);
  --color-admin-brand-panel-deep: #0b3f2f;
  --color-admin-brand-panel: #0d4a35;
  --color-admin-brand-panel-highlight: #07543b;
  --color-admin-brand-gold-border: rgba(215, 181, 109, 0.46);
  --color-admin-brand-gold-border-soft: rgba(215, 181, 109, 0.38);
  --color-admin-brand-panel-shine: rgba(255, 244, 200, 0.14);
  --color-admin-brand-panel-shadow: rgba(5, 55, 38, 0.18);
  --color-admin-brand-title: #fff4c8;
  --color-admin-brand-caption: #d7b56d;
  --color-login-gold-line: rgba(185, 148, 77, 0.24);
  --color-login-panel-shadow: rgba(16, 24, 40, 0.1);
  --color-login-panel-highlight: rgba(255, 255, 255, 0.86);
  --color-login-logo-shadow: rgba(185, 148, 77, 0.16);
  --color-login-clean-wash: rgba(3, 199, 90, 0.045);
  --color-login-clean-edge: rgba(3, 199, 90, 0.075);
  --shadow-admin-panel: 0 6px 18px rgba(22, 101, 52, 0.06);
  --shadow-admin-body-surface: 0 1px 2px rgba(22, 101, 52, 0.04);
  --color-today-statistics-wash: rgba(3, 199, 90, 0.06);
  --color-today-statistics-clear: rgba(255, 255, 255, 0);
  --color-today-statistics-card-head-bg: #e9efff;
  --color-today-statistics-card-head-text: #102a5f;
  --color-today-statistics-value-blue: #1865d8;
  --color-today-statistics-value-al: #6587f1;
  --color-today-statistics-value-red: #f00046;
  --color-today-statistics-value-brown: #6b4e16;
  --color-today-statistics-tooltip-bg: rgba(17, 24, 39, 0.96);
  --color-dashboard-profit-head-bg: #f2f6ff;
  --color-dashboard-profit-strip-bg: #fffad1;
  --color-dashboard-profit-strip-border: #eadf91;
  --color-dashboard-profit-label-casino: #365ee8;
  --color-dashboard-profit-label-slot: #03a05b;
  --color-dashboard-profit-positive: #f00046;
  --color-dashboard-profit-negative: #1865d8;
  --color-dashboard-profit-fee: #001dff;
  --color-dashboard-bottom-head-wash: rgba(3, 199, 90, 0.08);
  --color-dashboard-bottom-alert-shadow: rgba(229, 72, 77, 0.12);
  --color-dashboard-bottom-empty-wash: rgba(3, 199, 90, 0.03);
  --shadow-today-statistics-tooltip: 0 12px 28px rgba(16, 24, 40, 0.2);
  --shadow-today-statistics-card: 0 8px 18px rgba(16, 24, 40, 0.06);
  --shadow-today-statistics-card-hover: 0 12px 24px rgba(3, 199, 90, 0.1);
  --color-member-register-green-wash: #f2fbf6;
  --color-member-register-blue-wash: #eff8ff;
  --color-member-register-line: rgba(3, 199, 90, 0.16);
  --color-member-register-line-strong: rgba(3, 199, 90, 0.34);
  --color-member-register-ink: #10251a;
  --color-member-register-control-bg: #fbfdfc;
  --shadow-member-register-dialog: 0 24px 60px rgba(16, 24, 40, 0.16);
  --shadow-member-register-focus: 0 0 0 4px rgba(3, 199, 90, 0.12);
  --color-shell-gray-mint-canvas: #eef4f2;
  --color-shell-gray-mint-canvas-soft: #f5f8f7;
  --color-shell-gray-mint-canvas-strong: #e7efec;
  --color-shell-gray-mint-wash: rgba(3, 199, 90, 0.04);
  --color-shell-gray-mint-line: rgba(102, 112, 133, 0.12);
  --color-shell-panel-highlight: rgba(255, 255, 255, 0.78);
  --color-admin-dark-shell: #091629;
  --color-admin-dark-shell-soft: #0a172a;
  --color-admin-dark-shell-strong: #071326;
  --color-admin-dark-shell-border: #173149;
  --color-admin-dark-shell-text: #d9e7e4;
  --color-admin-dark-shell-title: #ffffff;
  --color-admin-dark-shell-muted: #91a8ad;
  --color-admin-dark-shell-hover: #182940;
  --color-admin-dark-panel: #0d1a2d;
  --color-admin-dark-panel-strong: #142136;
  --color-admin-dark-panel-border: #1a344b;
  --color-admin-dark-panel-line: #1b344a;
  --color-admin-dark-accent: #02d05d;
  --color-admin-dark-accent-strong: #00bd55;
  --color-admin-dark-accent-soft: rgba(2, 208, 93, 0.16);
  --color-admin-dark-accent-border: rgba(2, 208, 93, 0.52);
  --color-admin-dark-active-text: #032319;
  --color-admin-dark-shell-wash: rgba(2, 208, 93, 0.08);
  --color-admin-dark-shell-line: rgba(108, 151, 160, 0.2);
  --color-admin-dark-shell-highlight: rgba(24, 52, 70, 0.52);
  --color-admin-dark-header-member-surface: #0a2134;
  --color-admin-dark-header-member-title: #102a3d;
  --color-admin-dark-header-member-border: #1b4052;
  --color-admin-dark-header-inquiry-surface: #0b1d33;
  --color-admin-dark-header-inquiry-title: #12263d;
  --color-admin-dark-header-inquiry-border: #273b55;
  --color-admin-dark-header-settlement-surface: #09252c;
  --color-admin-dark-header-settlement-title: #103139;
  --color-admin-dark-header-settlement-border: #1b4847;
  --color-admin-dark-header-label: #dce9e7;
  --color-admin-dark-header-subvalue: #9fb6ba;
  --color-admin-dark-danger: #ff5a66;
  --color-admin-dark-warning-bg: rgba(164, 35, 57, 0.18);
  --color-admin-dark-hover-bg: rgba(255, 255, 255, 0.055);
  --shadow-admin-dark-sidebar-flyout: 0 18px 42px rgba(2, 10, 24, 0.42);
  --color-notice-bg: #fffbeb;
  --color-notice-border: #facc15;
  --color-notice-text: #713f12;
  --color-notice-write-close-hover-bg: rgba(255, 255, 255, 0.14);
  --color-notice-editor-dark-border: #172554;
  --color-notice-editor-dark-bg: #0d1734;
  --color-notice-editor-toolbar-border: #213b80;
  --color-notice-editor-toolbar-bg: #162865;
  --color-notice-editor-icon-border: rgba(255, 255, 255, 0.12);
  --color-notice-editor-icon-bg: rgba(8, 20, 48, 0.28);
  --color-notice-editor-popup-border: #d8dee8;
  --color-notice-editor-popup-bg: #ffffff;
  --color-notice-editor-popup-text: #111827;
  --color-notice-editor-hover-bg: #e0f2fe;
  --color-notice-editor-table-cell-border: #d8e2ef;
  --color-notice-editor-muted-bg: #f1f5f9;
  --color-notice-editor-selection-border: #0ea5e9;
  --color-notice-editor-selection-bg: rgba(14, 165, 233, 0.18);
  --color-notice-editor-control-bg: #f8fafc;
  --color-notice-editor-control-border-hover: #94a3b8;
  --color-notice-editor-control-bg-hover: #eef2f7;
  --color-notice-editor-strong-border: #111827;
  --color-notice-editor-content-table-border: #93a4bd;
  --color-notice-editor-content-table-bg: rgba(255, 255, 255, 0.05);
  --color-notice-editor-content-cell-bg: rgba(255, 255, 255, 0.1);
  --color-notice-editor-content-th-bg: #1e3a8a;
  --color-notice-editor-toolbar-button-border: rgba(255, 255, 255, 0.08);
  --color-notice-editor-toolbar-button-bg: rgba(8, 20, 48, 0.24);
  --color-notice-editor-toolbar-button-text: rgba(255, 255, 255, 0.84);
  --color-notice-editor-toolbar-button-border-hover: rgba(255, 255, 255, 0.22);
  --color-notice-editor-toolbar-button-bg-hover: rgba(8, 20, 48, 0.44);
  --color-notice-editor-color-indicator: #ef4444;
  --color-notice-editor-swatch-border: rgba(15, 23, 42, 0.16);
  --color-notice-editor-focus-ring: #38bdf8;
  --color-notice-editor-grid-border: #dbe4f0;
  --color-notice-editor-grid-selected-border: #93c5fd;
  --color-notice-editor-table-size-text: #475569;
  --color-notice-editor-placeholder: rgba(255, 255, 255, 0.48);
  --color-notice-editor-link: #2563eb;
  --color-notice-editor-quote-bg: rgba(15, 23, 42, 0.06);
  --color-notice-editor-textarea-focus: rgba(255, 255, 255, 0.32);
  --shadow-notice-write-dialog: 0 24px 64px rgba(15, 23, 42, 0.24);
  --shadow-notice-editor-popup: 0 14px 34px rgba(15, 23, 42, 0.24);
  --color-alert-bg: #fff0f0;
  --color-alert-border: #f2b8b5;
  --color-alert-text: #8f1212;
  --color-dashboard-warn-bg: #fff8e5;
  --color-emergency-bg: #fef2f2;
  --color-emergency-text: #7f1d1d;
  --color-badge-neutral-bg: #e2e8f0;
  --color-badge-success-bg: #dcfce7;
  --color-badge-warning-bg: #fff7ed;
  --color-badge-danger-bg: #fee2e2;
  --color-code-bg: #0f172a;
  --color-code-text: #e5edf5;
  --color-backdrop: rgba(15, 23, 42, 0.45);
  --color-dialog-backdrop: rgba(15, 23, 42, 0.56);
  --shadow-panel: 0 12px 36px rgba(28, 39, 49, 0.08);
  --shadow-focus: 0 0 0 4px var(--color-focus-ring);
  --color-report-border-muted: #e4e8ef;
  --color-report-line: #e9edf3;
  --color-report-line-soft: #e8edf3;
  --color-report-line-muted: #eef1f5;
  --color-report-line-lighter: #edf0f5;
  --color-report-control-border: #d9dfe8;
  --color-report-divider: #e1e6ee;
  --color-report-table-border: #dfe5ee;
  --color-report-border: #dfe4ec;
  --color-report-neutral-border: #9ba3ad;
  --color-report-panel-muted: #f7f8fb;
  --color-report-table-header-bg: #f5f7fb;
  --color-report-header-bg: #f5f7fa;
  --color-report-warning-bg: #fffdf5;
  --color-report-success-bg: #f0fff6;
  --color-report-danger-bg: #fff1f1;
  --color-report-info-bg: #f5fbff;
  --color-report-success-soft-bg: #effcf4;
  --color-report-warning-soft-bg: #fffdf2;
  --color-report-green-wash: #f4fcf6;
  --color-report-success-tint: #fafffb;
  --color-report-accent: #00c853;
  --color-report-positive: #00a832;
  --color-report-negative: #ff0000;
  --color-report-success-text: #00a63e;
  --color-report-text: #222222;
  --color-report-text-strong: #111111;
  --color-report-text-muted: #333333;
  --color-report-slate-text: #475569;
  --color-report-slate-muted: #334155;
  --color-report-disabled-text: #9aa3af;
  --color-report-muted-gray: #999999;
  --color-report-status-warning: #f0a63f;
  --color-report-status-info: #1a8cff;
  --color-report-status-neutral: #64748b;
  --color-report-indigo: #405de6;
  --color-report-blue-action: #0aa5ff;
  --color-report-red-action: #df5353;
  --color-report-blue-selected: #b7d1fc;
  --color-report-purple-a: #f5eefa;
  --color-report-purple-b: #d8c7ec;
  --color-report-purple-c: #9d7ccd;
  --color-report-alert-red: #ff330d;
  --color-report-alert-orange: #f6ad3b;
  --color-report-alert-blue: #168df4;
  --color-report-alert-green: #47bf71;
  --color-report-alert-gray: #8b95a1;
  --color-report-alert-danger: #d9534f;
  --color-report-shadow-subtle: rgba(0, 0, 0, 0.16);
  --color-report-purple-shadow-soft: rgba(80, 43, 126, 0.18);
  --color-report-purple-shadow: rgba(112, 82, 156, 0.45);
  --color-partner01-bg: #0b1220;
  --color-partner01-header: #0f172a;
  --color-partner01-aside: #111827;
  --color-partner01-surface: #0f0f0f;
  --color-partner01-surface-soft: #15100b;
  --color-partner01-surface-deep: #08090d;
  --color-partner01-surface-card: #0b0f16;
  --color-partner01-member-management-field-bg: rgba(255, 255, 255, 0.04);
  --color-partner01-line: #27272a;
  --color-partner01-line-soft: rgba(250, 204, 98, 0.12);
  --color-partner01-line-gold: rgba(212, 175, 55, 0.28);
  --color-partner01-line-gold-strong: rgba(243, 209, 116, 0.42);
  --color-partner01-text: #d1d5db;
  --color-partner01-text-strong: #fffef6;
  --color-partner01-text-bright: #f8fafc;
  --color-partner01-muted: #9ca3af;
  --color-partner01-muted-strong: #cbd5e1;
  --color-partner01-gold: #d4af37;
  --color-partner01-gold-text: #c9a84e;
  --color-partner01-gold-bright: #f0d78c;
  --color-partner01-gold-cream: #fff6d9;
  --color-partner01-gold-deep: #8a702e;
  --color-partner01-gold-button: #a88b3a;
  --color-partner01-pink: #e91e63;
  --color-partner01-green: #bbf7d0;
  --color-partner01-white: #ffffff;
  --color-partner01-black: #000000;
  --color-partner01-input-bg: #111827;
  --color-partner01-input-border: #374151;
  --color-partner01-overlay: rgba(0, 0, 0, 0.62);
  --color-partner-user-auth-gate-bg: #050506;
  --color-partner-user-popup-backdrop: rgba(5, 5, 6, 0.68);
  --color-partner-user-popup-border: rgba(250, 204, 21, 0.46);
  --color-partner-user-popup-bg: #080808;
  --color-partner-user-popup-frame-glow: rgba(255, 238, 160, 0.08);
  --color-partner-user-popup-shadow: rgba(0, 0, 0, 0.66);
  --color-partner-user-popup-radial: rgba(250, 204, 21, 0.16);
  --color-partner-user-popup-close-bg: rgba(0, 0, 0, 0.34);
  --color-partner-user-popup-close-bg-hover: rgba(250, 204, 21, 0.18);
  --color-partner-user-popup-close-text: #ffe88f;
  --color-partner-user-popup-close-text-hover: #fff4bd;
  --color-partner-user-popup-close-outline: rgba(255, 232, 143, 0.54);
  --color-partner-user-popup-title: #ffea00;
  --color-partner-user-popup-title-glow: rgba(255, 186, 8, 0.48);
  --color-partner-user-popup-copy-border: rgba(255, 231, 92, 0.62);
  --color-partner-user-popup-copy-bg: rgba(0, 0, 0, 0.54);
  --color-partner-user-popup-copy-text: #ffffff;
  --color-partner-user-popup-text-shadow: rgba(0, 0, 0, 0.88);
  --color-partner-user-popup-action-border: rgba(255, 236, 150, 0.16);
  --color-partner-user-popup-action-top: #2e2e2e;
  --color-partner-user-popup-action-bottom: #1f1f1f;
  --color-partner-user-popup-action-text: #f6f6f6;
  --color-partner-user-popup-action-hover-a: rgba(250, 204, 21, 0.2);
  --color-partner-user-popup-action-hover-b: rgba(120, 77, 12, 0.26);
  --color-partner-user-popup-action-hover-text: #fff3b8;
  --color-partner-user-popup-action-divider: rgba(255, 255, 255, 0.1);
  --color-partner-game-notice-border: rgba(29, 185, 116, 0.46);
  --color-partner-game-notice-bg: rgba(10, 16, 18, 0.94);
  --color-partner-game-notice-text: #55f0a5;
  --color-partner-game-notice-shadow: rgba(0, 0, 0, 0.42);
  --color-partner-game-notice-error-border: rgba(248, 113, 113, 0.48);
  --color-partner-game-notice-error-text: #fecaca;
  --partner-inner-accent: var(--color-partner01-gold);
  --partner-inner-accent-strong: var(--color-partner01-gold-bright);
  --partner-inner-accent-soft: var(--color-partner01-line-gold);
  --partner-inner-icon: var(--color-partner01-gold-bright);
  --partner-inner-button-bg: var(--color-partner01-aside);
  --partner-inner-button-hover-bg: var(--color-partner01-gold-button);
  --partner-inner-button-text: var(--color-partner01-text-bright);
  --partner-inner-button-hover-text: var(--color-partner01-white);
  --partner-inner-control-text: var(--color-partner01-text-bright);
  --partner-inner-pagination-active: var(--color-partner01-pink);
  --partner-inner-pagination-active-text: var(--color-partner01-white);
  --partner-inner-row-hover: var(--color-partner01-surface-soft);
  --partner-inner-control-bg: var(--color-partner01-input-bg);
  --partner-inner-line: var(--color-partner01-line-gold);
  --partner-inner-panel: var(--color-partner01-surface-card);
  --partner-inner-shadow: var(--shadow-partner01-glow);
  --shadow-partner-user-popup-card: 0 24px 70px var(--color-partner-user-popup-shadow), 0 0 0 1px var(--color-partner-user-popup-frame-glow);
  --gradient-partner-user-popup-body: radial-gradient(circle at 50% 18%, var(--color-partner-user-popup-radial), transparent 42%), var(--color-partner-user-popup-bg);
  --gradient-partner-user-popup-actions: linear-gradient(180deg, var(--color-partner-user-popup-action-top) 0%, var(--color-partner-user-popup-action-bottom) 100%);
  --gradient-partner-user-popup-action-hover: linear-gradient(180deg, var(--color-partner-user-popup-action-hover-a), var(--color-partner-user-popup-action-hover-b));
  --color-partner01-backdrop: rgba(0, 0, 0, 0.42);
  --color-partner01-header-glass: rgba(15, 23, 42, 0.72);
  --color-partner01-flyout-bg: rgba(11, 18, 32, 0.94);
  --color-partner01-chip-bg: rgba(8, 6, 4, 0.45);
  --color-partner01-card-wash: rgba(18, 14, 10, 0.58);
  --color-partner01-card-wash-alt: rgba(24, 18, 28, 0.46);
  --color-partner01-card-wash-end: rgba(14, 12, 14, 0.6);
  --color-partner01-shadow: rgba(0, 0, 0, 0.36);
  --color-partner01-shadow-strong: rgba(0, 0, 0, 0.75);
  --color-partner01-shadow-soft: rgba(0, 0, 0, 0.22);
  --color-partner01-focus: rgba(250, 204, 98, 0.18);
  --color-partner01-game-card-bg: #050812;
  --color-partner01-game-focus-ring: rgba(247, 209, 93, 0.55);
  --color-partner01-new-badge-border: rgba(255, 255, 255, 0.48);
  --color-partner01-new-badge-shadow: rgba(255, 43, 109, 0.32);
  --color-partner01-new-badge-text-shadow: rgba(52, 0, 18, 0.55);
  --color-partner01-game-copy-border: rgba(247, 209, 93, 0.22);
  --color-partner01-game-title: #fff8d6;
  --color-partner01-game-title-shadow-strong: rgba(91, 50, 0, 0.95);
  --color-partner01-game-title-shadow-dark: rgba(0, 0, 0, 0.88);
  --color-partner01-game-title-shadow-gold: rgba(247, 209, 93, 0.32);
  --color-partner01-game-title-stroke: rgba(88, 50, 0, 0.72);
  --color-member-management-hover-bg: #f8fafc;
  --color-member-management-hover-text: #0f172a;
  --color-member-management-hover-muted: #334155;
  --color-member-management-hover-border: rgba(15, 23, 42, 0.22);
  --color-member-management-hover-input-bg: #0f172a;
  --color-member-management-hover-input-border: #334155;
  --color-member-management-hover-input-text: #ffffff;
  --color-member-management-shell-bg: #f4f6fb;
  --color-member-management-shell-control-bg: #f5f7fc;
  --color-member-management-shell-surface: #ffffff;
  --color-member-management-shell-text: #334155;
  --color-member-management-shell-text-strong: #1f2937;
  --color-member-management-shell-text-muted: #64748b;
  --color-member-management-shell-text-soft: #94a3b8;
  --color-member-management-shell-control-text: #475569;
  --color-member-management-shell-line: #e6e9f0;
  --color-member-management-shell-control-line: #dfe3eb;
  --color-member-management-shell-accent: #03c75a;
  --color-member-management-shell-accent-text: #ffffff;
  --shadow-partner01-panel: 0 16px 36px rgba(0, 0, 0, 0.28);
  --shadow-partner01-glow: 0 0 28px rgba(212, 175, 55, 0.22), 0 18px 44px rgba(0, 0, 0, 0.36);
  --shadow-partner01-modal: 0 22px 60px rgba(0, 0, 0, 0.58);
  --gradient-partner01-new-badge: linear-gradient(135deg, #ff2b6d, #ff6a2b);
  --gradient-partner01-game-copy: linear-gradient(180deg, rgba(15, 20, 36, 0.95), rgba(5, 8, 18, 0.98)), radial-gradient(circle at 50% 0, rgba(247, 209, 93, 0.18), transparent 70%);
  ;
  ;
  ;
  ;
  --color-athens-bg: #12070b;
  --color-athens-frame: #2c2c2f;
  --color-athens-shell: var(--color-athens-frame);
  --color-athens-header: var(--color-athens-frame);
  --color-athens-rail: var(--color-athens-frame);
  --color-athens-panel: #211016;
  --color-athens-panel-soft: #2b121b;
  --color-athens-card: #251018;
  --color-athens-card-deep: #0d0508;
  --color-athens-muted: #b8a3aa;
  --color-athens-crimson: #d03a55;
  --color-athens-crimson-deep: #7e1026;
  --color-athens-crimson-soft: rgba(208, 58, 85, 0.18);
  --color-athens-crimson-glow: rgba(208, 58, 85, 0.34);
  --color-athens-crimson-line: rgba(208, 58, 85, 0.48);
  --color-athens-card-line: rgba(208, 58, 85, 0.2);
  --color-athens-tab-icon: #ff788f;
  --color-athens-tab-icon-active: #2a060e;
  --color-athens-hero-a: #10070b;
  --color-athens-hero-b: #2a0c15;
  --color-athens-hero-c: #651326;
  --color-athens-auth-bg: rgba(25, 7, 13, 0.97);
  --color-athens-button-text: #fff7f9;
  --color-athens-cyber-bg-a: #0b0308;
  --color-athens-cyber-bg-b: #240713;
  --color-athens-cyber-bg-c: #5a0e22;
  --color-athens-cyber-line: rgba(255, 120, 143, 0.2);
  --color-athens-cyber-line-strong: rgba(255, 120, 143, 0.62);
  --color-athens-cyber-panel-a: rgba(227, 87, 109, 0.88);
  --color-athens-cyber-panel-b: rgba(177, 24, 50, 0.94);
  --color-athens-cyber-panel-c: rgba(87, 12, 28, 0.98);
  --color-athens-cyber-cut: #070206;
  --color-athens-cyber-text: #fff9fb;
  --color-athens-cyber-muted: #d9b6bf;
  --color-athens-cyber-halo: rgba(227, 87, 109, 0.35);
  --color-athens-casino-felt-a: #100408;
  --color-athens-casino-felt-b: #250914;
  --color-athens-casino-felt-c: #5a1024;
  --color-athens-casino-panel-a: rgba(92, 12, 31, 0.94);
  --color-athens-casino-panel-b: rgba(151, 20, 47, 0.9);
  --color-athens-casino-panel-c: rgba(37, 6, 16, 0.98);
  --color-athens-casino-line: rgba(212, 160, 73, 0.2);
  --color-athens-casino-line-strong: rgba(212, 160, 73, 0.62);
  --color-athens-casino-gold: #d4a049;
  --color-athens-casino-gold-deep: #7a4a13;
  --color-athens-casino-gold-soft: rgba(212, 160, 73, 0.2);
  --color-athens-casino-chip-dark: #4d0a1c;
  --color-athens-casino-card: #fff4df;
  --color-athens-casino-card-red: #b31635;
  --color-athens-casino-card-back: #6a1026;
  --color-athens-casino-text: #fff8ed;
  --color-athens-casino-muted: #dbc0a1;
  --color-athens-luxe-line: rgba(244, 170, 153, 0.22);
  --color-athens-luxe-line-strong: rgba(244, 170, 153, 0.58);
  --color-athens-luxe-halo: rgba(227, 87, 109, 0.28);
  --color-athens-luxe-metal-halo: rgba(255, 211, 188, 0.2);
  --gradient-athens-body: linear-gradient(180deg, #12070b 0%, #0d0508 100%);
  --gradient-athens-hero: linear-gradient(90deg, #10070b 0%, #2a0c15 52%, #651326 100%);
  --gradient-athens-hero-photo-base: linear-gradient(90deg, rgba(16, 3, 9, 0.98) 0%, rgba(16, 3, 9, 0.9) 40%, rgba(16, 3, 9, 0.5) 58%, rgba(16, 3, 9, 0.12) 100%);
  --gradient-athens-hero-photo-scrim: linear-gradient(90deg, rgba(16, 3, 9, 0.98) 0%, rgba(16, 3, 9, 0.86) 43%, rgba(16, 3, 9, 0.34) 64%, transparent 82%);
  --gradient-athens-hero-photo-scrim-narrow: linear-gradient(90deg, rgba(16, 3, 9, 0.98) 0%, rgba(16, 3, 9, 0.88) 48%, rgba(16, 3, 9, 0.42) 68%, transparent 88%);
  --mask-athens-hero-photo: linear-gradient(90deg, transparent 0%, transparent 38%, rgba(0, 0, 0, 0.36) 51%, #000 66%);
  --mask-partner-hero-photo-narrow: linear-gradient(90deg, transparent 0%, transparent 43%, rgba(0, 0, 0, 0.42) 57%, #000 72%);
  --gradient-athens-cyber-grid: repeating-linear-gradient(90deg, transparent 0, transparent 41px, var(--color-athens-cyber-line) 42px), repeating-linear-gradient(0deg, transparent 0, transparent 29px, var(--color-athens-cyber-line) 30px);
  --gradient-athens-cyber-scan: linear-gradient(180deg, transparent 0, rgba(227, 87, 109, 0.08) 50%, transparent 100%);
  --gradient-athens-cyber-hero: linear-gradient(100deg, var(--color-athens-cyber-bg-a) 0%, var(--color-athens-cyber-bg-b) 48%, var(--color-athens-cyber-bg-c) 100%);
  --gradient-athens-cyber-panel: linear-gradient(135deg, var(--color-athens-cyber-panel-a), var(--color-athens-cyber-panel-b) 52%, var(--color-athens-cyber-panel-c));
  --gradient-athens-cyber-stripes: repeating-linear-gradient(135deg, transparent 0, transparent 22px, var(--color-athens-cyber-line) 23px, transparent 25px);
  --gradient-athens-cyber-core: linear-gradient(135deg, rgba(227, 87, 109, 0.28), rgba(104, 16, 34, 0.22));
  --gradient-athens-casino-table-lines: repeating-linear-gradient(90deg, transparent 0, transparent 58px, var(--color-athens-casino-line) 59px), repeating-linear-gradient(0deg, transparent 0, transparent 36px, var(--color-athens-casino-line) 37px);
  --gradient-athens-casino-hero: radial-gradient(circle at 76% 46%, var(--color-athens-casino-gold-soft) 0, transparent 24%), linear-gradient(100deg, var(--color-athens-casino-felt-a) 0%, var(--color-athens-casino-felt-b) 50%, var(--color-athens-casino-felt-c) 100%);
  --gradient-athens-casino-panel: linear-gradient(135deg, var(--color-athens-casino-panel-a), var(--color-athens-casino-panel-b) 54%, var(--color-athens-casino-panel-c));
  --gradient-athens-casino-gold: linear-gradient(135deg, #f0cc73 0%, var(--color-athens-casino-gold) 48%, var(--color-athens-casino-gold-deep) 100%);
  --gradient-athens-casino-chip: repeating-conic-gradient(from 0deg, var(--color-athens-casino-gold) 0 10deg, var(--color-athens-casino-chip-dark) 10deg 22deg), radial-gradient(circle, var(--color-athens-casino-chip-dark) 0 42%, var(--color-athens-casino-gold) 43% 51%, var(--color-athens-casino-chip-dark) 52% 100%);
  --gradient-athens-casino-card: linear-gradient(145deg, var(--color-athens-casino-card), #f6d9af);
  --gradient-athens-casino-card-back: linear-gradient(135deg, var(--color-athens-casino-card-back), var(--color-athens-crimson-deep));
  --gradient-athens-luxe-hero: radial-gradient(ellipse at 28% 38%, rgba(92, 10, 33, 0.5) 0, transparent 42%), radial-gradient(ellipse at 76% 48%, rgba(171, 41, 63, 0.32) 0, transparent 38%), linear-gradient(100deg, #130309 0%, #260611 48%, #551123 100%);
  --gradient-athens-luxe-fabric: repeating-linear-gradient(116deg, rgba(255, 255, 255, 0.035) 0, rgba(255, 255, 255, 0.035) 1px, transparent 1px, transparent 22px), radial-gradient(ellipse at 34% 46%, rgba(255, 216, 205, 0.1) 0, transparent 32%);
  --gradient-athens-luxe-metal-panel: linear-gradient(118deg, transparent 0 20%, rgba(255, 220, 205, 0.9) 23%, rgba(133, 61, 43, 0.95) 29%, rgba(38, 12, 11, 0.98) 34%, transparent 42%), linear-gradient(138deg, rgba(255, 194, 166, 0.38), rgba(96, 31, 25, 0.82) 45%, rgba(22, 6, 8, 0.96));
  --gradient-athens-luxe-ribbon-arc: radial-gradient(ellipse at 74% 28%, transparent 0 38%, rgba(255, 220, 205, 0.92) 39%, rgba(132, 58, 41, 0.96) 44%, transparent 45%), radial-gradient(ellipse at 66% 58%, transparent 0 44%, rgba(82, 25, 20, 0.95) 45%, rgba(255, 202, 176, 0.75) 49%, transparent 50%);
  --gradient-athens-luxe-gem: conic-gradient(from 16deg, #2c0611, #8c1730, #f0788b, #6e1026, #1e050d, #b92c4a, #3a0714);
  --gradient-athens-luxe-gem-small: conic-gradient(from 28deg, #3b0714, #a82442, #f39aa5, #6e1026, #25050d, #d44662, #3b0714);
  --gradient-athens-crimson: linear-gradient(135deg, #e3576d 0%, #b31635 48%, #681022 100%);
  --gradient-athens-future-shape: linear-gradient(135deg, rgba(227, 87, 109, 0.34), rgba(104, 16, 34, 0.2)), linear-gradient(315deg, rgba(10, 2, 7, 0.62), rgba(177, 24, 50, 0.38));
  --gradient-athens-feature-card: linear-gradient(180deg, rgba(43, 18, 27, 0.96), rgba(33, 16, 22, 0.98));
  --shadow-athens-crimson-glow: 0 0 0 1px var(--color-athens-crimson-line), 0 18px 46px rgba(177, 24, 50, 0.2);
  --shadow-athens-cyber-frame: 0 0 0 1px var(--color-athens-cyber-line-strong), 0 0 28px var(--color-athens-cyber-halo), inset 0 0 30px rgba(227, 87, 109, 0.08);
  --shadow-athens-cyber-text: 0 0 10px rgba(227, 87, 109, 0.52), 0 0 24px rgba(177, 24, 50, 0.34);
  --shadow-athens-casino-frame: 0 0 0 1px var(--color-athens-casino-line-strong), 0 0 30px rgba(212, 160, 73, 0.16), inset 0 0 34px rgba(212, 160, 73, 0.08);
  --shadow-athens-casino-text: 0 0 10px rgba(212, 160, 73, 0.28), 0 0 24px rgba(177, 24, 50, 0.28);
  --shadow-athens-future-shape: 0 0 0 2px var(--color-athens-cyber-line-strong), 0 0 28px var(--color-athens-cyber-halo), inset 0 0 28px rgba(227, 87, 109, 0.12);
  --shadow-athens-luxe-frame: 0 0 0 1px var(--color-athens-luxe-line-strong), 0 18px 46px rgba(10, 2, 7, 0.42), inset 0 0 34px rgba(244, 170, 153, 0.08);
  --shadow-athens-luxe-gem: 0 0 0 2px var(--color-athens-luxe-line-strong), 0 0 32px var(--color-athens-luxe-halo), inset 0 0 22px rgba(255, 220, 205, 0.12);
  --color-athens-bg: #050503;
  --color-athens-bg-mid: #0a0907;
  --color-athens-bg-deep: #070604;
  --color-athens-header: rgba(4, 4, 3, 0.94);
  --color-athens-panel: #11100c;
  --color-athens-panel-2: #17130d;
  --color-athens-panel-dark: #090806;
  --color-athens-panel-deep: #080705;
  --color-athens-card: rgba(12, 10, 7, 0.62);
  --color-athens-card-hover: rgba(23, 18, 10, 0.74);
  --color-athens-card-solid: rgba(23, 19, 13, 0.96);
  --color-athens-card-solid-bottom: rgba(8, 7, 5, 0.98);
  --color-athens-line: rgba(222, 174, 76, 0.26);
  --color-athens-line-faint: rgba(216, 166, 68, 0.12);
  --color-athens-line-soft: rgba(216, 166, 68, 0.15);
  --color-athens-line-mid: rgba(216, 166, 68, 0.2);
  --color-athens-line-card: rgba(216, 166, 68, 0.22);
  --color-athens-line-strong: rgba(216, 166, 68, 0.38);
  --color-athens-line-bright: rgba(244, 208, 138, 0.72);
  --color-athens-line-hot: rgba(244, 208, 138, 0.78);
  --color-athens-gold: #d8a644;
  --color-athens-gold-2: #f4d08a;
  --color-athens-gold-3: #efc66c;
  --color-athens-gold-4: #ba7823;
  --color-athens-gold-5: #ffe59a;
  --color-athens-gold-6: #ce872c;
  --color-athens-gold-deep: #9d661e;
  --color-athens-text: #f6eedf;
  --color-athens-text-bright: #fff5d7;
  --color-athens-text-cream: #fff4d6;
  --color-athens-muted: #b8aa8e;
  --color-athens-muted-strong: #c9b891;
  --color-athens-soft: rgba(246, 238, 223, 0.74);
  --color-athens-soft-footer: rgba(246, 238, 223, 0.68);
  --color-athens-soft-link: rgba(246, 238, 223, 0.72);
  --color-athens-button-ink: #241709;
  --color-athens-button-ink-strong: #160e04;
  --color-athens-shadow: rgba(0, 0, 0, 0.42);
  --color-athens-shadow-soft: rgba(0, 0, 0, 0.26);
  --color-athens-shadow-mid: rgba(0, 0, 0, 0.32);
  --color-athens-shadow-strong: rgba(0, 0, 0, 0.48);
  --color-athens-hero-shadow: rgba(0, 0, 0, 0.72);
  --color-athens-vendor-logo-surface: #fffdf8;
  --color-athens-vendor-logo-ink: #241709;
  --color-athens-hero-glow: rgba(216, 166, 68, 0.2);
  --color-athens-hero-radial: rgba(216, 166, 68, 0.13);
  --color-athens-hero-left: rgba(5, 5, 3, 0.98);
  --color-athens-hero-mid: rgba(5, 5, 3, 0.68);
  --color-athens-hero-clear: rgba(5, 5, 3, 0.04);
  --color-athens-hero-tablet: rgba(5, 5, 3, 0.58);
  --color-athens-hero-mobile-a: rgba(5, 5, 3, 0.28);
  --color-athens-hero-mobile-b: rgba(5, 5, 3, 0.78);
  --color-athens-hero-mobile-c: rgba(5, 5, 3, 0.97);
  --color-athens-hero-mobile-d: rgba(5, 5, 3, 0.94);
  --color-athens-hero-mobile-e: rgba(5, 5, 3, 0.42);
  --color-athens-hero-bottom: rgba(5, 5, 3, 0.98);
  --color-athens-media-scrim-a: rgba(0, 0, 0, 0.58);
  --color-athens-media-scrim-b: rgba(0, 0, 0, 0.42);
  --color-athens-media-scrim-c: rgba(0, 0, 0, 0.26);
  --color-athens-footer-bg: rgba(3, 3, 2, 0.6);
  --color-athens-auth-backdrop: rgba(3, 3, 2, 0.74);
  --color-athens-focus: rgba(216, 166, 68, 0.12);
  --color-athens-focus-strong: rgba(216, 166, 68, 0.14);
  --color-athens-card-cta-bg-a: rgba(216, 166, 68, 0.2);
  --color-athens-card-cta-bg-b: rgba(84, 55, 18, 0.24);
  --color-athens-dock-bg-a: rgba(5, 5, 3, 0.94);
  --color-athens-dock-bg-b: rgba(5, 5, 3, 0.5);
  --color-athens-dock-shine: rgba(244, 208, 138, 0.11);
  --image-athens-hero: url("/images/themes/athens/hero/athens-athena-v3-wide.jpg?v=20260619-athena-hero");
  --gradient-athens-body: radial-gradient(circle at 22% 16%, var(--color-athens-hero-radial), transparent 31rem), linear-gradient(180deg, var(--color-athens-bg) 0%, var(--color-athens-bg-mid) 52%, var(--color-athens-bg) 100%);
  --gradient-athens-action: linear-gradient(180deg, var(--color-athens-panel-2), var(--color-athens-panel-dark));
  --gradient-athens-action-hover: linear-gradient(180deg, rgba(216, 166, 68, 0.24), rgba(76, 51, 16, 0.68));
  --gradient-athens-gold-button: linear-gradient(180deg, var(--color-athens-gold-3) 0%, var(--color-athens-gold-4) 100%);
  --gradient-athens-gold-button-hover: linear-gradient(180deg, var(--color-athens-gold-5) 0%, var(--color-athens-gold-6) 100%);
  --gradient-athens-ghost-hover: linear-gradient(180deg, rgba(216, 166, 68, 0.22), rgba(15, 12, 7, 0.82));
  --gradient-athens-hero: linear-gradient(90deg, var(--color-athens-hero-left) 0%, var(--color-athens-hero-mid) 34%, var(--color-athens-hero-clear) 76%), radial-gradient(circle at 33% 61%, var(--color-athens-hero-glow), transparent 26rem), var(--image-athens-hero) center top / 100% auto no-repeat, var(--color-athens-bg-deep);
  --gradient-athens-hero-tablet: linear-gradient(90deg, var(--color-athens-hero-left), var(--color-athens-hero-tablet)), var(--image-athens-hero) center top / 100% auto no-repeat, var(--color-athens-bg-deep);
  --gradient-athens-hero-mobile: linear-gradient(180deg, var(--color-athens-hero-mobile-a), var(--color-athens-hero-mobile-b) 52%, var(--color-athens-hero-mobile-c) 100%), linear-gradient(90deg, var(--color-athens-hero-mobile-d), var(--color-athens-hero-mobile-e)), var(--image-athens-hero) 61% top / auto 100% no-repeat, var(--color-athens-bg-deep);
  --gradient-athens-hero-bottom: linear-gradient(180deg, transparent, var(--color-athens-hero-bottom));
  --gradient-athens-card: linear-gradient(180deg, var(--color-athens-card-solid), var(--color-athens-card-solid-bottom));
  --gradient-athens-media-scrim: linear-gradient(180deg, transparent 52%, var(--color-athens-media-scrim-a) 100%), linear-gradient(90deg, var(--color-athens-media-scrim-b), transparent 35%, transparent 65%, var(--color-athens-media-scrim-c));
  --gradient-athens-card-cta: linear-gradient(180deg, var(--color-athens-card-cta-bg-a), var(--color-athens-card-cta-bg-b));
  --gradient-athens-card-cta-hover: linear-gradient(180deg, var(--color-athens-gold-3), var(--color-athens-gold-deep));
  --gradient-athens-dock: linear-gradient(90deg, var(--color-athens-dock-bg-a), var(--color-athens-dock-bg-b)), var(--image-athens-hero) center top / cover no-repeat;
  --gradient-athens-dock-photo-scrim: linear-gradient(90deg, rgba(5, 5, 3, 0.34) 0%, rgba(5, 5, 3, 0.08) 48%, rgba(5, 5, 3, 0) 100%);
  --gradient-athens-dock-live: var(--gradient-athens-dock-photo-scrim), url("/images/themes/athens/quick-dock/quick-dock-live-casino-v1.jpg?v=20260619-quick-dock") center center / cover no-repeat;
  --gradient-athens-dock-slot: var(--gradient-athens-dock-photo-scrim), url("/images/themes/athens/quick-dock/quick-dock-slot-game-v1.jpg?v=20260619-quick-dock") center center / cover no-repeat;
  --gradient-athens-dock-support: linear-gradient(90deg, rgba(5, 5, 3, 0.88), rgba(26, 18, 7, 0.46)), url("/images/themes/athens/logo/athens-icon-support-clean.png?v=20260619-quick-dock") 88% center / 112px auto no-repeat, linear-gradient(135deg, var(--color-athens-panel-2), var(--color-athens-bg-deep));
  --gradient-athens-dock-shine: linear-gradient(110deg, transparent 0%, var(--color-athens-dock-shine) 48%, transparent 72%);
  --shadow-athens-main: 0 18px 46px var(--color-athens-shadow);
  --shadow-athens-card: 0 12px 28px rgba(0, 0, 0, 0.25);
  --shadow-athens-card-hover: 0 20px 44px rgba(0, 0, 0, 0.38);
  --shadow-athens-card-soft: 0 12px 30px var(--color-athens-shadow-soft);
  --shadow-athens-action: inset 0 1px 0 rgba(255, 245, 204, 0.42), 0 10px 26px rgba(186, 120, 35, 0.22);
  --shadow-athens-action-hover: inset 0 1px 0 rgba(255, 255, 230, 0.58), 0 14px 34px rgba(216, 166, 68, 0.32), 0 0 0 3px var(--color-athens-focus-strong);
  --shadow-athens-focus: 0 0 0 3px var(--color-athens-focus);
  --shadow-athens-dock-hover: 0 18px 42px var(--color-athens-shadow-strong), 0 0 0 3px var(--color-athens-focus-strong);
  --shadow-athens-auth: 0 28px 70px rgba(0, 0, 0, 0.55);
  --shadow-athens-text: 0 4px 22px var(--color-athens-hero-shadow);
  --color-member-management-shell-bg: #050608;
  --color-member-management-shell-bg-soft: #090b10;
  --color-member-management-shell-header: #171a23;
  --color-member-management-shell-panel: #11141d;
  --color-member-management-shell-panel-soft: #1a1e29;
  --color-member-management-shell-card: #151924;
  --color-member-management-shell-card-deep: #090b10;
  --color-member-management-shell-text: #f7f4ef;
  --color-member-management-shell-muted: #a8afbd;
  --color-member-management-shell-muted-strong: #d1d5df;
  --color-member-management-shell-gold: #f5b23d;
  --color-member-management-shell-gold-bright: #ffd16b;
  --color-member-management-shell-orange: #ff7426;
  --color-member-management-shell-orange-deep: #c34e13;
  --color-member-management-shell-line: rgba(255, 255, 255, 0.1);
  --color-member-management-shell-line-strong: rgba(245, 178, 61, 0.5);
  --color-member-management-shell-login-bg: #555a64;
  --color-member-management-shell-overlay: rgba(0, 0, 0, 0.72);
  --color-member-management-shell-hero-scrim-a: rgba(5, 6, 8, 0.98);
  --color-member-management-shell-hero-scrim-b: rgba(5, 6, 8, 0.72);
  --color-member-management-shell-hero-scrim-c: rgba(5, 6, 8, 0.18);
  --color-member-management-shell-hero-glow: rgba(255, 116, 38, 0.18);
  --color-member-management-shell-body-glow: rgba(129, 28, 22, 0.32);
  --color-member-management-shell-header-bg: var(--color-admin-topbar);
  --color-member-management-shell-header-line: var(--color-border);
  --color-member-management-shell-card-bg: var(--color-surface);
  --color-member-management-shell-card-line: var(--color-border);
  --color-member-management-shell-card-divider: var(--color-shell-gray-mint-line);
  --color-member-management-shell-card-text: var(--color-text);
  --color-member-management-shell-card-title: var(--color-text-muted);
  --color-member-management-shell-card-value: var(--color-text-strong);
  --color-member-management-shell-card-meta: var(--color-text-muted);
  --color-member-management-shell-card-positive: var(--color-success);
  --color-member-management-shell-card-negative: var(--color-danger);
  --color-member-management-shell-card-shadow: rgba(16, 24, 40, 0.08);
  --gradient-member-management-shell-body: radial-gradient(circle at 77% 28%, var(--color-member-management-shell-body-glow), transparent 30%), linear-gradient(180deg, var(--color-member-management-shell-bg-soft) 0%, var(--color-member-management-shell-bg) 52%, var(--color-member-management-shell-bg-soft) 100%);
  --gradient-member-management-shell-accent: linear-gradient(135deg, var(--color-member-management-shell-gold-bright), var(--color-member-management-shell-orange));
  --gradient-member-management-shell-hero-overlay: linear-gradient(90deg, var(--color-member-management-shell-hero-scrim-a) 0%, var(--color-member-management-shell-hero-scrim-b) 42%, var(--color-member-management-shell-hero-scrim-c) 100%), radial-gradient(circle at 35% 62%, var(--color-member-management-shell-hero-glow), transparent 36%);
  --gradient-member-management-shell-card: linear-gradient(180deg, var(--color-member-management-shell-panel-soft), var(--color-member-management-shell-card));
  --shadow-member-management-shell-card: 0 18px 44px rgba(0, 0, 0, 0.42);
  --shadow-member-management-shell-glow: 0 0 0 1px var(--color-member-management-shell-line-strong), 0 18px 42px rgba(255, 116, 38, 0.18);
  --gradient-partner01-casino-veil: linear-gradient(90deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.78) 36%, rgba(0, 0, 0, 0.34) 68%, rgba(0, 0, 0, 0.82) 100%);
  --gradient-partner01-casino-wash: linear-gradient(180deg, rgba(247, 209, 105, 0.14), rgba(4, 6, 12, 0.28));
  --gradient-partner01-casino-panel: linear-gradient(115deg, rgba(0, 0, 0, 0.78), rgba(10, 8, 4, 0.58), rgba(247, 209, 105, 0.08));
  --gradient-partner01-casino-stripes: repeating-linear-gradient(135deg, rgba(247, 209, 105, 0.12) 0, rgba(247, 209, 105, 0.12) 1px, transparent 1px, transparent 18px);
  --gradient-partner01-slot-veil: linear-gradient(90deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.74) 38%, rgba(0, 0, 0, 0.24) 70%, rgba(0, 0, 0, 0.76) 100%);
  --gradient-partner01-slot-wash: linear-gradient(180deg, rgba(232, 43, 122, 0.16), rgba(247, 209, 105, 0.12), rgba(4, 6, 12, 0.18));
  --gradient-partner01-slot-panel: linear-gradient(116deg, rgba(0, 0, 0, 0.82), rgba(24, 12, 27, 0.6), rgba(232, 43, 122, 0.1));
  --gradient-partner01-slot-stripes: repeating-linear-gradient(135deg, rgba(247, 209, 105, 0.13) 0, rgba(247, 209, 105, 0.13) 1px, transparent 1px, transparent 18px);
  --shadow-partner01-slot-pink-glow: 0 0 44px rgba(232, 43, 122, 0.28);

  --bg: var(--color-canvas);
  --panel: var(--color-surface);
  --panel-2: var(--color-surface-muted);
  --line: var(--color-border);
  --line-strong: var(--color-border-strong);
  --text: var(--color-text);
  --muted: var(--color-text-muted);
  --primary: var(--color-primary);
  --primary-dark: var(--color-primary-hover);
  --danger: var(--color-danger);
  --warning: var(--color-warning);
  --success: var(--color-success);
  --shadow: var(--shadow-panel);
}

/* Partner operations reuse the admin shell and shared member components. */
body.member-management-shell-user-site:has(.partner-admin-shell) {
  overflow: hidden;
  background: var(--color-admin-canvas);
}

.partner-admin-shell .partner-admin-body-screen {
  min-width: 0;
}

.partner-admin-shell .member-management-shell-header {
  position: static;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.partner-admin-shell .member-management-console-layout {
  padding: 0;
}

.partner-admin-shell .member-list-wrap {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

@media (min-width: 981px) {
  body.member-management-shell-user-site .partner-admin-shell .member-management-member-list-panel {
    min-width: 0;
    overflow: hidden;
  }

  body.member-management-shell-user-site .partner-admin-shell .member-list-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-gutter: stable;
  }

  body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table {
    min-width: 1558px;
  }

  body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="parent"] {
    width: 95px;
  }

  body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="type"] {
    width: 64px;
  }

  body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="username"] {
    width: 190px;
    min-width: 190px;
    max-width: 190px;
    box-shadow: 1px 0 0 var(--color-bling-cell-border);
  }

  body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table :is(
    [data-member-column="money"],
    [data-member-column="point"]
  ) {
    width: 118px;
  }

  body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table :is(
    [data-member-column="deposit"],
    [data-member-column="withdraw"]
  ) {
    width: 82px;
  }

  body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="rate"] {
    width: 112px;
    min-width: 0;
    max-width: none;
    box-shadow: none;
  }

  body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="profit"] {
    width: 95px;
  }

  body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="login_fail"] {
    width: 64px;
  }

  body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table :is(
    [data-member-column="joined"],
    [data-member-column="last_login"],
    [data-member-column="last_money"]
  ) {
    width: 132px;
  }

  body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="status"] {
    width: 84px;
  }

  body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="actions"] {
    width: 58px;
  }
}

.partner-admin-shell .member-list-table tr[data-managed-member-select] {
  cursor: pointer;
}

.partner-admin-shell .member-list-table tr[data-managed-member-select]:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: -2px;
}

.partner-admin-shell .river-member-identity-link {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.partner-admin-shell .partner-operations-dashboard {
  display: grid;
  gap: var(--space-5);
  min-width: 0;
  margin: 0;
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.partner-admin-shell .partner-operations-dashboard-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  margin: 0;
}

.partner-admin-shell .partner-operations-dashboard-head h2,
.partner-admin-shell .partner-operations-dashboard-head p {
  margin: 0;
}

.partner-admin-shell .partner-operations-dashboard-head .eyebrow {
  margin-bottom: var(--space-1);
  color: var(--color-sidebar-accent);
  font-size: var(--font-size-xs);
  font-weight: 900;
  letter-spacing: 0.08em;
}

.partner-admin-shell .partner-dashboard-actions,
.partner-admin-shell .partner-dashboard-periods {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.partner-admin-shell .partner-dashboard-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-soft);
}

.partner-admin-shell .partner-dashboard-periods button {
  min-height: 34px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text-muted);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 800;
  padding: 0 var(--space-3);
}

.partner-admin-shell .partner-dashboard-periods button.active,
.partner-admin-shell .partner-dashboard-periods button:hover,
.partner-admin-shell .partner-dashboard-periods button:focus-visible {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-sidebar-accent);
  outline: 0;
}

.partner-admin-shell .partner-dashboard-filter input,
.partner-admin-shell .partner-dashboard-filter select {
  min-height: 34px;
  max-width: 180px;
}

.partner-admin-shell .partner-dashboard-metric-grid,
.partner-admin-shell .partner-dashboard-work-queue {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: var(--space-3);
}

.partner-admin-shell .partner-dashboard-metric,
.partner-admin-shell .partner-dashboard-work-queue article {
  min-width: 0;
  display: grid;
  gap: var(--space-1);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-text);
  padding: var(--space-4);
  text-align: left;
}

.partner-admin-shell .partner-dashboard-metric {
  cursor: pointer;
  font: inherit;
}

.partner-admin-shell .partner-dashboard-metric:hover,
.partner-admin-shell .partner-dashboard-metric:focus-visible {
  border-color: var(--color-sidebar-accent-border);
  box-shadow: var(--shadow-admin-panel);
  outline: 0;
}

.partner-admin-shell .partner-dashboard-metric > span,
.partner-admin-shell .partner-dashboard-work-queue span,
.partner-admin-shell .partner-dashboard-metric small,
.partner-admin-shell .partner-dashboard-work-queue small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.partner-admin-shell .partner-dashboard-metric strong,
.partner-admin-shell .partner-dashboard-work-queue strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  font-weight: 900;
}

.partner-admin-shell .partner-dashboard-metric strong.positive,
.partner-admin-shell .partner-dashboard-work-queue strong.positive {
  color: var(--color-success);
}

.partner-admin-shell .partner-dashboard-metric strong.negative,
.partner-admin-shell .partner-dashboard-work-queue strong.negative {
  color: var(--color-danger);
}

.partner-member-detail-host {
  min-width: 0;
  padding: 0;
  overflow: hidden;
}

.partner-member-detail-host > .member-detail-window {
  min-width: 0;
  min-height: min(620px, calc(100vh - var(--layout-admin-header-height) - 180px));
  height: min(820px, calc(100vh - var(--layout-admin-header-height) - 180px));
  max-height: min(820px, calc(100vh - var(--layout-admin-header-height) - 180px));
}

.partner-member-detail-host .member-detail-window[data-member-detail-layout="reference"] {
  --member-detail-menu-width: 156px;
}

.partner-member-detail-host .member-detail-window-summary-metrics {
  grid-auto-columns: minmax(96px, 1fr);
}

.partner-member-detail-host .member-detail-window-main > .member-detail-window-form + .member-detail-window-form {
  margin-top: var(--space-5);
}

@media (max-width: 980px) {
  .partner-admin-shell {
    display: block;
  }

  .partner-member-detail-host {
    display: block !important;
    padding: 0;
  }

  .partner-member-detail-host > .member-detail-window {
    width: 100%;
    height: 100dvh;
    min-height: 0;
    max-height: none;
  }

  .partner-admin-shell .partner-operations-dashboard-head {
    display: grid;
  }

  .partner-admin-shell .partner-dashboard-actions,
  .partner-admin-shell .partner-dashboard-actions .button {
    width: 100%;
  }

  .partner-admin-shell .partner-dashboard-filter > * {
    flex: 1 1 100%;
    max-width: none;
  }

  .partner-admin-shell .partner-dashboard-periods {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .partner-admin-shell .partner-dashboard-periods button {
    padding: 0 var(--space-2);
  }
}

* {
  box-sizing: border-box;
}

html {
  font-family: var(--font-family-base);
}

body {
  margin: 0;
  background: var(--color-canvas);
  color: var(--color-text);
  font-family: var(--font-family-base);
  font-size: var(--font-size-md);
  line-height: 1.5;
}

body:has(.app-shell) {
  background: var(--color-admin-canvas);
  scrollbar-color: var(--color-admin-border-strong) var(--color-admin-canvas);
}

body:has(.app-shell)::-webkit-scrollbar,
.app-shell ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

body:has(.app-shell)::-webkit-scrollbar-track,
.app-shell ::-webkit-scrollbar-track {
  background: var(--color-admin-canvas);
}

body:has(.app-shell)::-webkit-scrollbar-thumb,
.app-shell ::-webkit-scrollbar-thumb {
  border: 2px solid var(--color-admin-canvas);
  border-radius: var(--radius-pill);
  background: var(--color-admin-surface-muted);
}

.emergency-notice,
.partner-user-emergency {
  background: var(--color-emergency-bg);
  color: var(--color-emergency-text);
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

button,
.button,
.nav-button,
.nav-group-toggle,
input,
select,
textarea {
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    color 0.15s ease;
}

button:focus-visible,
.button:focus-visible,
.nav-button:focus-visible,
.nav-group-toggle:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 0;
  box-shadow: var(--shadow-focus);
}

.login-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: var(--space-12);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: var(--color-admin-canvas);
}

.login-page::before,
.login-page::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

.login-page[data-login-bg="clean"] {
  background:
    linear-gradient(180deg, var(--color-login-clean-wash), transparent 30%, transparent 72%, var(--color-login-clean-edge)),
    var(--color-admin-canvas);
}

.login-page[data-login-bg="clean"]::before {
  inset: 0;
  background:
    linear-gradient(90deg, transparent, var(--color-login-clean-edge), transparent),
    linear-gradient(180deg, transparent 0 46%, var(--color-login-clean-wash) 46% 54%, transparent 54% 100%);
}

.login-page[data-login-bg="clean"]::after {
  left: 50%;
  bottom: 13%;
  width: min(520px, 72%);
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--color-sidebar-accent-border), transparent);
  transform: translateX(-50%);
}

.login-panel {
  --color-primary: var(--color-sidebar-accent);
  --color-primary-hover: var(--color-sidebar-accent-strong);
  --color-focus-ring: var(--color-admin-focus-ring);
  --color-border-strong: var(--color-admin-border-strong);
  position: relative;
  width: min(432px, 100%);
  background: var(--color-surface);
  border: 1px solid var(--color-sidebar-accent-border);
  border-radius: var(--radius-md);
  box-shadow: 0 24px 70px var(--color-login-panel-shadow), inset 0 1px 0 var(--color-login-panel-highlight);
  padding: var(--space-13);
  overflow: hidden;
}

.login-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--color-sidebar-accent), var(--color-login-gold-line), var(--color-sidebar-accent));
}

.login-panel h1,
.page h1 {
  margin: 0;
  font-size: var(--font-size-page-title);
  letter-spacing: 0;
}

.login-panel .subtitle,
.muted {
  color: var(--muted);
}

.login-brand-logo {
  width: min(252px, 100%);
  height: 98px;
  display: grid;
  place-items: center;
  margin: 0 auto var(--space-8);
  filter: drop-shadow(0 12px 18px var(--color-login-logo-shadow));
}

.login-brand-logo .brand-logo-animated {
  width: 100%;
  height: 100%;
}

.login-brand-logo.has-partner-image-logo {
  width: min(320px, 100%);
  height: auto;
  aspect-ratio: 16 / 9;
  padding: var(--space-2);
  overflow: visible;
}

.login-brand-logo.has-partner-image-logo .brand-logo-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

.login-brand-logo .logo-glass-panel {
  fill: transparent;
}

.field {
  display: grid;
  gap: var(--space-4);
  margin-top: var(--space-8);
}

.field span {
  font-size: var(--font-size-xs);
  font-weight: 700;
  color: var(--color-text-strong);
}

.login-challenge-field span,
.partner-login-challenge span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.login-challenge-field strong,
.partner-login-challenge strong {
  min-width: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-text-strong);
  padding: var(--space-2) var(--space-5);
  font-size: var(--font-size-md);
  font-weight: 800;
  letter-spacing: 0;
}

input,
select,
textarea {
  width: 100%;
  min-height: var(--control-height-md);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text);
  padding: var(--space-5) 11px;
  font-size: var(--font-size-control);
}

.app-shell input,
.app-shell select,
.app-shell textarea {
  background: var(--color-admin-control-bg);
  color: var(--color-text-strong);
  border-color: var(--color-border);
}

.app-shell input::placeholder,
.app-shell textarea::placeholder {
  color: var(--color-text-muted);
}

.app-shell input:hover,
.app-shell select:hover,
.app-shell textarea:hover {
  border-color: var(--color-border-strong);
}

input[type="checkbox"],
input[type="radio"] {
  width: auto;
  min-height: 0;
}

textarea {
  resize: vertical;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  max-width: 100%;
  min-height: var(--control-height-md);
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-sm);
  background: var(--color-primary);
  color: var(--color-text-inverse);
  padding: 0 var(--space-7);
  font-size: var(--font-size-control);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
}

.button.allow-wrap {
  white-space: normal;
  overflow-wrap: anywhere;
}

.button.admin-button-wrap {
  white-space: normal;
  overflow-wrap: anywhere;
}

.button:hover {
  background: var(--color-primary-hover);
}

.app-shell .button {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.app-shell .button:hover {
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

.button.secondary {
  background: var(--color-surface);
  color: var(--color-text-strong);
  border-color: var(--color-border-strong);
}

.app-shell .button.secondary {
  background: var(--color-admin-control-bg);
  color: var(--color-text-strong);
  border-color: var(--color-border);
}

.button.secondary:hover {
  background: var(--color-surface-muted);
}

.app-shell .button.secondary:hover {
  background: var(--color-surface-hover);
  border-color: var(--color-border-strong);
}

.button.danger {
  border-color: var(--danger);
  background: var(--danger);
}

.app-shell .button.danger {
  border-color: var(--color-danger);
  background: var(--color-admin-badge-danger-bg);
  color: var(--color-danger);
}

.button.danger:hover {
  border-color: var(--color-danger-hover);
  background: var(--color-danger-hover);
}

.button.small {
  min-width: 56px;
  min-height: var(--control-height-compact);
  padding: 0 var(--space-5);
  font-size: var(--font-size-xs);
}

.button:disabled,
.nav-button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.login-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  margin-top: var(--space-7);
}

.login-message {
  margin: var(--space-7) 0 0;
}

.login-credit-mark {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  min-height: var(--control-height-sm);
  border: 1px solid var(--color-login-gold-line);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  color: var(--color-text-muted);
  padding: 0 var(--space-6);
  font-size: var(--font-size-xs);
  font-weight: 800;
  white-space: nowrap;
}

.login-panel .button {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.login-panel .button:hover {
  border-color: var(--color-primary-hover);
  background: var(--color-primary-hover);
}

.app-shell {
  --color-canvas: var(--color-admin-canvas);
  --color-surface: var(--color-admin-surface);
  --color-surface-muted: var(--color-admin-surface-muted);
  --color-surface-subtle: var(--color-admin-surface-subtle);
  --color-surface-hover: var(--color-admin-surface-hover);
  --color-border: var(--color-admin-border);
  --color-border-strong: var(--color-admin-border-strong);
  --color-text: var(--color-admin-text);
  --color-text-strong: var(--color-admin-text-strong);
  --color-text-muted: var(--color-admin-text-muted);
  --color-primary: var(--color-sidebar-accent);
  --color-primary-hover: var(--color-sidebar-accent-strong);
  --color-primary-variant: var(--color-sidebar-accent-strong);
  --color-secondary: var(--color-admin-text-subtle);
  --color-danger: var(--color-admin-danger);
  --color-danger-hover: var(--color-admin-danger);
  --color-warning: var(--color-admin-warning);
  --color-success: var(--color-admin-success);
  --color-focus-ring: var(--color-admin-focus-ring);
  --color-alert-bg: var(--color-admin-alert-bg);
  --color-alert-border: var(--color-admin-alert-border);
  --color-alert-text: var(--color-admin-danger);
  --color-dashboard-warn-bg: var(--color-admin-notice-bg);
  --color-notice-bg: var(--color-admin-notice-bg);
  --color-notice-border: var(--color-admin-border-strong);
  --color-notice-text: var(--color-admin-warning);
  --color-badge-neutral-bg: var(--color-admin-badge-neutral-bg);
  --color-badge-success-bg: var(--color-admin-badge-success-bg);
  --color-badge-warning-bg: var(--color-admin-badge-warning-bg);
  --color-badge-danger-bg: var(--color-admin-badge-danger-bg);
  --shadow-panel: var(--shadow-admin-panel);
  --bg: var(--color-canvas);
  --panel: var(--color-surface);
  --panel-2: var(--color-surface-muted);
  --line: var(--color-border);
  --line-strong: var(--color-border-strong);
  --text: var(--color-text);
  --muted: var(--color-text-muted);
  --primary: var(--color-primary);
  --primary-dark: var(--color-primary-hover);
  --danger: var(--color-danger);
  --warning: var(--color-warning);
  --success: var(--color-success);
  --shadow: var(--shadow-panel);
  color-scheme: light;
  min-height: 100vh;
  display: grid;
  grid-template-columns: var(--layout-sidebar-width) minmax(0, 1fr);
  background: var(--color-admin-canvas);
  color: var(--color-text);
}

/* 관리자와 파트너 운영 셸은 동일한 다크 그린 팔레트를 직접 공유한다. */
.app-shell {
  --color-sidebar: var(--color-admin-dark-shell);
  --color-sidebar-border: var(--color-admin-dark-shell-border);
  --color-sidebar-text: var(--color-admin-dark-shell-text);
  --color-sidebar-title: var(--color-admin-dark-shell-title);
  --color-sidebar-muted: var(--color-admin-dark-shell-muted);
  --color-sidebar-hover: var(--color-admin-dark-shell-hover);
  --color-sidebar-separator: var(--color-admin-dark-shell-border);
  --color-sidebar-panel: var(--color-admin-dark-panel);
  --color-sidebar-collapsed-flyout-bg: var(--color-admin-dark-shell);
  --color-sidebar-panel-strong: var(--color-admin-dark-panel-strong);
  --color-sidebar-panel-border: var(--color-admin-dark-panel-border);
  --color-sidebar-panel-line: var(--color-admin-dark-panel-line);
  --color-sidebar-accent: var(--color-admin-dark-accent);
  --color-sidebar-accent-strong: var(--color-admin-dark-accent-strong);
  --color-sidebar-accent-muted: var(--color-admin-dark-accent);
  --color-sidebar-accent-soft: var(--color-admin-dark-accent-soft);
  --color-sidebar-accent-border: var(--color-admin-dark-accent-border);
  --color-admin-topbar: var(--color-admin-dark-shell);
  --color-admin-topbar-bottom: var(--color-admin-dark-shell);
  --color-shell-gray-mint-canvas: var(--color-admin-dark-shell);
  --color-shell-gray-mint-canvas-soft: var(--color-admin-dark-shell-soft);
  --color-shell-gray-mint-canvas-strong: var(--color-admin-dark-shell-strong);
  --color-shell-gray-mint-wash: var(--color-admin-dark-shell-wash);
  --color-shell-gray-mint-line: var(--color-admin-dark-shell-line);
  --color-shell-panel-highlight: var(--color-admin-dark-shell-highlight);
  --shadow-sidebar-flyout: var(--shadow-admin-dark-sidebar-flyout);
}

.app-shell.sidebar-collapsed {
  grid-template-columns: var(--layout-sidebar-collapsed-width) minmax(0, 1fr);
}

.sidebar {
  background: var(--color-sidebar);
  background:
    linear-gradient(180deg, var(--color-shell-panel-highlight), transparent 30%),
    linear-gradient(180deg, var(--color-shell-gray-mint-canvas), var(--color-shell-gray-mint-canvas-soft) 46%, var(--color-shell-gray-mint-canvas)),
    var(--color-sidebar);
  color: var(--color-sidebar-title);
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--color-sidebar-border);
  min-width: 0;
  overflow: visible;
}

.brand {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  flex: 0 0 var(--layout-admin-header-height);
  gap: var(--space-2);
  height: var(--layout-admin-header-height);
  min-height: var(--layout-admin-header-height);
  padding: var(--space-4) var(--space-6);
  border-bottom: 1px solid var(--color-sidebar-accent);
}

.brand::before,
.brand::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

.brand::before {
  inset: 10px 10px auto;
  height: 70px;
  border: 1px solid var(--color-shell-gray-mint-line);
  border-radius: 14px;
  background:
    linear-gradient(120deg, var(--color-shell-panel-highlight), transparent 70%),
    radial-gradient(ellipse at 18% 30%, var(--color-shell-gray-mint-wash), transparent 58%);
}

.brand::after {
  left: 16px;
  right: 16px;
  bottom: 18px;
  height: 1px;
  border-top: 1px dashed var(--color-shell-gray-mint-line);
  border-radius: var(--radius-pill);
}

.brand > * {
  position: relative;
  z-index: 1;
}

.brand-logo {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  min-width: 0;
  color: var(--color-sidebar-accent);
  text-decoration: none;
  white-space: nowrap;
}

.brand-diamond {
  display: inline-grid;
  place-items: center;
  color: var(--color-sidebar-accent-strong);
  line-height: 0;
  flex: 0 0 auto;
}

.brand-words {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-5);
  min-width: 0;
}

.brand-main {
  color: var(--color-sidebar-accent);
  font-size: var(--font-size-2xl);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
}

.brand-sub {
  color: var(--color-sidebar-accent-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
}

.brand-logo-image {
  width: min(164px, 100%);
  height: 64px;
  display: grid;
  place-items: center;
  gap: 0;
  overflow: hidden;
  border-radius: var(--radius-sm);
  background: transparent;
}

.admin-brand-home {
  border: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.admin-brand-home:focus-visible {
  outline: 3px solid var(--color-admin-focus-ring);
  outline-offset: 3px;
}

.brand-logo-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.brand-logo-image.has-partner-image-logo {
  width: min(164px, 100%);
  height: 86px;
  padding: var(--space-1);
  overflow: visible;
}

.brand-logo-image.has-partner-image-logo .brand-logo-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  transform: none;
}

.brand-logo-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  padding: 0 var(--space-4);
  color: var(--color-sidebar-accent);
  font-size: var(--font-size-xl);
  font-weight: 900;
  text-align: center;
}

.brand-logo-animated {
  display: block;
  width: 100%;
  height: 100%;
  color: var(--color-sidebar-accent);
  overflow: visible;
}

.logo-glass-panel {
  fill: var(--color-logo-glass-fill);
  stroke: none;
}

/* 관리자 기본 로고는 사이드바의 에메랄드·골드 톤 안에서만 표시한다. */
.brand .brand-logo-image:not(.has-partner-image-logo) {
  width: min(176px, 100%);
  height: 69px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--color-admin-brand-gold-border);
  border-radius: 14px;
  background: linear-gradient(135deg, var(--color-admin-brand-panel-deep), var(--color-admin-brand-panel-highlight));
  box-shadow: inset 0 1px 0 var(--color-admin-brand-panel-shine), 0 6px 14px var(--color-admin-brand-panel-shadow);
}

.brand .brand-logo-image:not(.has-partner-image-logo) .brand-logo-animated {
  overflow: hidden;
  border-radius: inherit;
}

.brand .brand-logo-image:not(.has-partner-image-logo) .logo-glass-panel {
  fill: var(--color-admin-brand-panel);
  stroke: var(--color-admin-brand-gold-border-soft);
  stroke-width: 1;
}

.brand .brand-logo-image:not(.has-partner-image-logo) .brand-logo-title-regal {
  fill: var(--color-admin-brand-title);
}

.brand .brand-logo-image:not(.has-partner-image-logo) .brand-logo-caption-flow {
  fill: var(--color-admin-brand-caption);
}

.brand-logo-title {
  fill: var(--color-text-strong);
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 0;
}

.brand-logo-title-golden {
  font-family: var(--font-family-base);
  font-size: 20px;
  font-weight: 700;
}

.brand-logo-title-regal {
  fill: var(--color-text-strong);
}

.brand-logo-title-wide {
  font-size: 27px;
}

.brand-logo-title-point {
  font-size: 25px;
}

.brand-logo-caption {
  fill: var(--color-sidebar-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
}

.brand-logo-caption-flow {
  fill: var(--color-sidebar-accent-muted);
  font-family: var(--font-family-base);
  font-size: 14px;
  font-weight: 900;
}

.brand-logo-caption-regal {
  fill: url("#orbitGoldGradient");
}

.logo-orbit-ring,
.logo-pulse-ring {
  fill: none;
  stroke: url("#orbitGoldGradient");
  stroke-width: 2.2;
  transform-box: fill-box;
  transform-origin: center;
}

.logo-orbit-ring.tilt {
  transform: rotate(64deg);
}

.logo-orbit-core,
.logo-pulse-core {
  fill: url("#orbitEmeraldGradient");
  filter: drop-shadow(0 4px 12px var(--color-logo-emerald-shadow));
}

.logo-orbit-dot {
  fill: url("#orbitGoldGradient");
}

.brand-logo-orbit .logo-gold-stroke {
  stroke: url("#orbitGoldGradient");
}

.logo-vault-shield {
  fill: url("#vaultShieldGradient");
  stroke: var(--color-logo-gold-stroke);
  stroke-width: 1.4;
  filter: drop-shadow(0 6px 14px var(--color-logo-emerald-shadow-soft));
}

.logo-vault-line,
.logo-crown-line,
.logo-flow-line,
.logo-gold-stroke {
  fill: none;
  stroke: url("#vaultGoldGradient");
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.4;
}

.brand-logo-pulse .logo-pulse-ring,
.brand-logo-pulse .logo-crown-line,
.brand-logo-pulse .logo-flow-line {
  stroke: url("#pulseGoldGradient");
}

.brand-logo-pulse .logo-pulse-core {
  fill: url("#pulseCoreGradient");
}

.brand-logo-pulse .logo-pulse-ring.inner {
  stroke: var(--color-logo-emerald-line);
  stroke-width: 1.6;
}

.logo-spark {
  fill: url("#vaultGoldGradient");
  filter: drop-shadow(0 0 8px var(--color-logo-gold-glow));
}

.brand-logo-shine {
  fill: var(--color-logo-shine);
  transform-box: fill-box;
  transform-origin: center;
  animation: logo-shimmer 6.8s ease-in-out infinite;
}

.logo-spin-slow {
  animation: logo-spin 9s linear infinite;
}

.logo-spin-reverse {
  animation: logo-spin-reverse 10.5s linear infinite;
}

.logo-glow-pulse,
.logo-spark {
  transform-box: fill-box;
  transform-origin: center;
  animation: logo-pulse 4s ease-in-out infinite;
}

.logo-spark-two {
  animation-delay: 1.2s;
}

.logo-vault-float,
.logo-pulse-mark {
  animation: logo-float 5.4s ease-in-out infinite;
}

.logo-dash-loop {
  stroke-dasharray: 18 10;
  animation: logo-dash 7s linear infinite;
}

.brand strong {
  display: none;
  font-size: var(--font-size-xl);
}

.brand-scope-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  min-width: 0;
  margin-top: 0;
}

.brand-scope-label {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: var(--color-sidebar-muted);
  font-size: var(--font-size-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.brand .sidebar-toggle {
  width: 34px;
  height: 34px;
  min-width: 34px;
}

.sidebar-control-actions {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  flex: 0 0 auto;
}

.sidebar-favorite {
  width: 34px;
  height: 34px;
  min-width: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--color-sidebar-accent-border);
  border-radius: var(--radius-md);
  background: var(--color-sidebar-panel);
  color: var(--color-sidebar-accent-muted);
  font: inherit;
  font-size: var(--font-size-md);
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.sidebar-favorite:hover,
.sidebar-favorite.active {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-sidebar-accent);
}

.sidebar-favorite:hover {
  transform: translateY(-1px);
}

.sidebar-favorite:focus-visible {
  outline: 3px solid var(--color-admin-focus-ring);
  outline-offset: 2px;
}

.nav {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: none;
}

.nav::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.nav-group {
  position: relative;
  border: 1px solid var(--color-sidebar-panel-border);
  border-radius: 10px;
  background: var(--color-sidebar-panel);
  overflow: visible;
}

.nav-group-toggle {
  width: 100%;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  border: 0;
  border-radius: 10px;
  background: var(--color-sidebar-panel-strong);
  color: var(--color-sidebar-title);
  font-size: var(--font-size-md);
  font-weight: 800;
  padding: var(--space-5) var(--space-4);
  text-align: left;
}

.nav-group-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: var(--color-sidebar-accent-strong);
}

.nav-group-title {
  flex: 1 1 auto;
  min-width: 0;
}

.nav-group-chevron {
  display: inline-flex;
  align-items: center;
  color: var(--color-sidebar-muted);
  flex: 0 0 auto;
  transition: transform 0.2s ease;
}

.nav-group:not(.open) .nav-group-chevron {
  transform: rotate(-90deg);
}

.nav-group.active .nav-group-toggle,
.nav-group-toggle:hover {
  background: var(--color-sidebar-hover);
  color: var(--color-sidebar-title);
}

.nav-group-items {
  display: none;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-3) var(--space-4) var(--space-4);
  border-top: 1px solid var(--color-sidebar-panel-line);
}

.nav-group.open .nav-group-items {
  display: grid;
}

.nav-button {
  width: 100%;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-sidebar-text);
  font-size: var(--font-size-sm);
  font-weight: 600;
  text-align: left;
  padding: var(--space-4) var(--space-4) var(--space-4) var(--space-5);
}

.nav-button:hover,
.nav-button.active {
  background: var(--color-sidebar-accent-soft);
  border-color: var(--color-sidebar-accent-border);
  color: var(--color-sidebar-title);
}

.app-shell .nav-group-chevron {
  color: var(--color-sidebar-accent);
}

.app-shell .nav-group.active {
  border-color: var(--color-sidebar-accent-border);
  box-shadow: inset 3px 0 0 var(--color-sidebar-accent);
}

.app-shell .nav-button.active {
  border-color: var(--color-sidebar-accent);
  background: var(--color-sidebar-accent);
  color: var(--color-admin-dark-active-text);
  font-weight: 800;
}

.app-shell .brand-logo-title,
.app-shell .brand-logo-title-regal {
  fill: var(--color-sidebar-title);
}

.nav-flyout {
  position: absolute;
  left: calc(100% + var(--space-3));
  top: 0;
  z-index: 160;
  width: 260px;
  max-height: calc(100vh - var(--space-12));
  overflow-y: auto;
  border: 1px solid var(--color-sidebar-accent-border);
  border-radius: 12px;
  background: var(--color-sidebar-panel);
  box-shadow: var(--shadow-sidebar-flyout);
  padding: var(--space-5);
}

.app-shell.sidebar-collapsed .nav-group.flyout-open > .nav-flyout {
  background: var(--color-sidebar-collapsed-flyout-bg);
}

.nav-flyout-title {
  color: var(--color-sidebar-title);
  font-size: var(--font-size-lg);
  font-weight: 800;
  padding: var(--space-3) var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--color-sidebar-panel-line);
}

.nav-flyout-links {
  display: grid;
  gap: var(--space-2);
  padding-top: var(--space-4);
}

.sidebar-footer {
  margin-top: auto;
  padding: var(--space-7);
  border-top: 1px solid var(--color-sidebar-separator);
}

.app-shell.sidebar-collapsed .sidebar {
  position: relative;
  z-index: 150;
  width: var(--layout-sidebar-collapsed-width);
}

.app-shell.sidebar-collapsed .brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-1);
  height: var(--layout-admin-header-height);
  min-height: var(--layout-admin-header-height);
  padding: var(--space-2) 0 var(--space-1);
  border-bottom-color: var(--color-sidebar-accent);
  justify-items: center;
}

.app-shell.sidebar-collapsed .brand-logo {
  justify-content: center;
  gap: 0;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.app-shell.sidebar-collapsed .brand-logo-image {
  width: 52px;
  height: 96px;
  writing-mode: horizontal-tb;
  transform: none;
}

.app-shell.sidebar-collapsed .brand-logo-img {
  width: 100px;
  height: 42px;
  max-width: none;
  transform: rotate(90deg);
  transform-origin: center;
}

.app-shell.sidebar-collapsed .brand-logo-image.has-partner-image-logo {
  width: 52px;
  height: 96px;
  padding: 0;
  overflow: visible;
}

.app-shell.sidebar-collapsed .brand-logo-image.has-partner-image-logo .brand-logo-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  transform: none;
}

.app-shell.sidebar-collapsed .brand-logo-animated {
  width: 100px;
  height: 42px;
  max-width: none;
  transform: rotate(90deg);
  transform-origin: center;
}

.app-shell.sidebar-collapsed .brand-diamond {
  margin-bottom: var(--space-4);
}

.app-shell.sidebar-collapsed .brand-main {
  font-size: var(--font-size-lg);
}

.app-shell.sidebar-collapsed .brand-scope-label,
.app-shell.sidebar-collapsed .brand-sub,
.app-shell.sidebar-collapsed .nav-group-title,
.app-shell.sidebar-collapsed .nav-group-chevron {
  display: none;
}

.app-shell.sidebar-collapsed .brand-scope-row {
  position: static;
  justify-content: center;
  margin-top: 0;
  width: 100%;
}

.app-shell.sidebar-collapsed .brand .sidebar-toggle {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-sidebar-panel);
  box-shadow: var(--shadow-admin-panel);
}

.app-shell.sidebar-collapsed .brand .sidebar-control-actions {
  justify-content: center;
  width: 100%;
}

.app-shell.sidebar-collapsed .brand .sidebar-favorite {
  width: 28px;
  height: 28px;
  min-width: 28px;
}

.app-shell.sidebar-collapsed .nav {
  gap: var(--space-4);
  padding: var(--space-3) var(--space-3);
  overflow: visible;
}

.app-shell.sidebar-collapsed .nav-group {
  border-color: var(--color-sidebar-border);
  border-radius: 10px;
  background: transparent;
}

.app-shell.sidebar-collapsed .nav-group-toggle {
  min-height: 50px;
  justify-content: center;
  padding: var(--space-3);
  gap: 0;
  border-radius: 10px;
}

.app-shell.sidebar-collapsed .nav-group-toggle {
  min-height: 46px;
  padding: var(--space-2) var(--space-1);
  text-align: center;
}

.app-shell.sidebar-collapsed .nav-group-icon {
  display: none;
}

.app-shell.sidebar-collapsed .nav-group-title {
  display: block;
  color: var(--color-sidebar-title);
  font-size: var(--font-size-xs);
  font-weight: 900;
  line-height: 1.18;
  text-align: center;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.app-shell.sidebar-collapsed .nav-group-icon svg {
  width: 21px;
  height: 21px;
}

.app-shell.sidebar-collapsed .nav-group-items {
  display: none;
}

.main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow-anchor: none;
  background: var(--color-admin-canvas);
  color: var(--color-text);
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  flex: 0 0 calc(var(--layout-topbar-height) + var(--space-3));
  height: calc(var(--layout-topbar-height) + var(--space-3));
  min-height: var(--layout-topbar-height);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-3);
  padding: var(--space-2) var(--layout-content-padding-x);
  background: var(--color-admin-topbar);
  background:
    linear-gradient(180deg, var(--color-shell-gray-mint-canvas-soft), var(--color-admin-topbar) 76%),
    linear-gradient(90deg, var(--color-shell-gray-mint-canvas), var(--color-admin-topbar) 58%, var(--color-shell-gray-mint-canvas-soft)),
    var(--color-admin-topbar);
  border-bottom: 1px solid var(--color-border);
  box-shadow: 0 1px 0 var(--color-sidebar-accent-soft);
}

.sidebar-toggle {
  width: var(--control-height-md);
  height: var(--control-height-md);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  flex: 0 0 auto;
  border: 1px solid var(--color-sidebar-accent-border);
  border-radius: var(--radius-md);
  background: var(--color-sidebar-panel);
  color: var(--color-sidebar-accent);
}

.sidebar-toggle span {
  width: 18px;
  height: 2px;
  border-radius: var(--radius-pill);
  background: currentColor;
}

.mobile-sidebar-toggle,
.mobile-sidebar-backdrop {
  display: none;
}

body.admin-mobile-nav-open {
  overflow: hidden;
}

.topbar-summary {
  min-width: 0;
  align-self: stretch;
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
}

.topbar-alert-controls {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  flex: 0 0 auto;
  width: auto;
  min-width: max-content;
  height: 40px;
  min-height: 40px;
  white-space: nowrap;
}

.topbar-alert-enable,
.topbar-alert-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 40px;
  min-height: 40px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-topbar-alert-control-bg);
  color: var(--color-text-strong);
  font-weight: 800;
  box-shadow: var(--shadow-topbar-alert-control);
  gap: var(--space-2);
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    color 0.15s ease,
    transform 0.15s ease;
}

.topbar-alert-enable {
  width: 92px;
  padding: 0 var(--space-4);
  color: var(--color-sidebar-accent-muted);
}

.topbar-alert-enable span,
.topbar-alert-icon-label {
  font-size: var(--font-size-xs);
  font-weight: 900;
  white-space: nowrap;
}

.topbar-alert-controls .topbar-alert-icon:not(.topbar-alert-enable) {
  display: inline-flex;
  width: auto;
  min-width: 66px;
  padding: 0 var(--space-3);
}

.topbar-alert-icon svg {
  width: 18px;
  height: 18px;
}

.topbar-alert-enable:hover,
.topbar-alert-icon:hover {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-surface-hover);
  transform: translateY(-1px);
}

.topbar-alert-icon.active {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-topbar-alert-active-bg);
  color: var(--color-sidebar-accent-muted);
}

.topbar-alert-controls.request-alert-audio-off .topbar-alert-enable {
  border-color: var(--color-admin-border);
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-muted);
}

.topbar-alert-controls.request-alert-audio-enabled .topbar-alert-enable {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-sidebar-accent-muted);
  box-shadow: 0 0 0 3px var(--color-topbar-alert-active-shadow), var(--shadow-topbar-alert-control);
}

.topbar-alert-controls.request-alert-audio-enabled:not(.request-alert-audio-paused) .topbar-alert-enable::before {
  position: absolute;
  inset: 5px;
  border: 1px solid currentColor;
  border-radius: var(--radius-md);
  animation: request-alert-audio-ring 1.6s ease-out infinite;
  content: "";
  opacity: 0.28;
  pointer-events: none;
}

.topbar-alert-controls .topbar-alert-icon[data-request-alert-settings] {
  color: var(--color-admin-text-muted);
}

.topbar-alert-icon:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

@keyframes request-alert-audio-ring {
  0% {
    opacity: 0.36;
    transform: scale(0.86);
  }

  70%,
  100% {
    opacity: 0;
    transform: scale(1.18);
  }
}

.topbar-title strong {
  display: block;
}

.topbar-title span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

.content {
  position: relative;
  min-width: 0;
  padding: var(--layout-content-padding-y) var(--layout-content-padding-x) var(--space-14);
  background: transparent;
  overflow-x: hidden;
}

.today-statistics-root {
  min-width: 0;
  max-width: 100%;
  margin-bottom: var(--space-8);
}

.today-statistics-panel {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: visible;
  border: 1px solid var(--color-sidebar-accent-border);
  border-radius: var(--radius-md);
  background:
    linear-gradient(180deg, var(--color-today-statistics-wash), var(--color-today-statistics-clear) 62%),
    var(--color-admin-surface);
  box-shadow: var(--shadow-admin-panel);
}

.today-statistics-header {
  min-width: 0;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  padding: var(--space-6) var(--space-7);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-subtle);
}

.today-statistics-title {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  color: var(--color-admin-text-strong);
}

.today-statistics-title strong {
  font-size: var(--font-size-lg);
  font-weight: 900;
  white-space: nowrap;
}

.today-statistics-help {
  position: relative;
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid var(--color-sidebar-accent-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  color: var(--color-sidebar-accent-muted);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.today-statistics-tooltip {
  position: absolute;
  left: 50%;
  top: calc(100% + var(--space-3));
  z-index: 90;
  width: max-content;
  min-width: 220px;
  max-width: min(360px, calc(100vw - 40px));
  padding: var(--space-5) var(--space-6);
  border-radius: var(--radius-sm);
  background: var(--color-today-statistics-tooltip-bg);
  color: var(--color-text-inverse);
  box-shadow: var(--shadow-today-statistics-tooltip);
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: 1.45;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -4px);
  transition: opacity 0.14s ease, transform 0.14s ease;
  overflow-wrap: break-word;
  text-align: left;
  white-space: normal;
}

.today-statistics-tooltip::after {
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 8px;
  height: 8px;
  background: var(--color-today-statistics-tooltip-bg);
  content: "";
  transform: translate(-50%, 4px) rotate(45deg);
}

.today-statistics-help:hover .today-statistics-tooltip,
.today-statistics-help:focus-within .today-statistics-tooltip {
  opacity: 1;
  transform: translate(-50%, 0);
}

.today-statistics-controls {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
}

.today-statistics-controls input[type="date"] {
  height: var(--control-height-md);
  width: 188px;
  min-width: 0;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-control-bg);
  color: var(--color-admin-text-strong);
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 800;
  padding: 0 var(--space-5);
}

.today-statistics-view-toggle {
  display: inline-flex;
  align-items: stretch;
  flex: 0 0 auto;
  border: 1px solid var(--color-sidebar-accent-border);
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: var(--color-surface);
}

.today-statistics-view-toggle button {
  flex: 0 0 74px;
  min-width: 74px;
  height: var(--control-height-md);
  border: 0;
  border-right: 1px solid var(--color-sidebar-accent-border);
  background: transparent;
  color: var(--color-sidebar-accent-muted);
  font: inherit;
  font-size: var(--font-size-xs);
  font-weight: 900;
}

.today-statistics-view-toggle button:last-child {
  border-right: 0;
}

.today-statistics-view-toggle button.active {
  background: var(--color-sidebar-accent);
  color: var(--color-text-inverse);
}

.today-statistics-error {
  margin: var(--space-5) var(--space-7) 0;
  border: 1px solid var(--color-admin-alert-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-alert-bg);
  color: var(--color-admin-danger);
  font-size: var(--font-size-sm);
  font-weight: 800;
  padding: var(--space-5) var(--space-6);
}

.today-statistics-body {
  min-width: 0;
  padding: var(--space-6) var(--space-7) var(--space-7);
}

.today-statistics-body.summary {
  overflow-x: hidden;
}

.today-statistics-body.full {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-6);
  align-items: stretch;
}

.today-statistics-cards {
  min-width: 0;
  display: grid;
  gap: var(--space-4);
}

.today-statistics-body.summary .today-statistics-cards {
  min-width: 0;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 156px), 1fr));
}

.today-statistics-body.full .today-statistics-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.today-statistics-card {
  --today-statistics-tone: var(--color-sidebar-accent);
  appearance: none;
  min-width: 0;
  min-height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0;
  border: 1px solid var(--color-admin-border);
  border-top: 3px solid var(--today-statistics-tone);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-admin-text);
  font: inherit;
  padding: 0;
  text-align: left;
  box-shadow: var(--shadow-today-statistics-card);
  overflow: visible;
}

button.today-statistics-card {
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

button.today-statistics-card:hover {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-admin-surface-hover);
  box-shadow: var(--shadow-today-statistics-card-hover);
  transform: translateY(-1px);
}

.today-statistics-card.primary {
  --today-statistics-tone: var(--color-sidebar-accent);
}

.today-statistics-card.success {
  --today-statistics-tone: var(--color-admin-success);
}

.today-statistics-card.warning {
  --today-statistics-tone: var(--color-admin-warning);
}

.today-statistics-card.danger {
  --today-statistics-tone: var(--color-admin-danger);
}

.today-statistics-card.neutral {
  --today-statistics-tone: var(--color-admin-text-muted);
}

.today-statistics-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  min-height: 30px;
  background: var(--color-today-statistics-card-head-bg);
  color: var(--color-today-statistics-card-head-text);
  font-size: var(--font-size-xs);
  font-weight: 900;
  line-height: 1.2;
  padding: 0 var(--space-5);
}

.today-statistics-card-head > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.today-statistics-card strong {
  min-height: 0;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow-wrap: anywhere;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-md);
  font-weight: 900;
  line-height: 1.2;
  padding: 0 var(--space-5);
}

.today-statistics-card small {
  overflow: hidden;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: var(--space-1) var(--space-5) var(--space-4);
}

.today-statistics-card.value-blue strong {
  color: var(--color-today-statistics-value-blue);
}

.today-statistics-card.value-al strong {
  color: var(--color-today-statistics-value-al);
}

.today-statistics-card.value-red strong {
  color: var(--color-today-statistics-value-red);
}

.today-statistics-card.value-brown strong {
  color: var(--color-today-statistics-value-brown);
}

.today-statistics-card.value-dark strong {
  color: var(--color-admin-text-strong);
}

.today-statistics-inline-actions {
  flex-direction: row;
  gap: var(--space-2);
}

.today-statistics-inline-button {
  appearance: none;
  display: inline-flex;
  min-width: 0;
  align-items: center;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0 var(--space-1);
}

.today-statistics-inline-button:hover {
  color: var(--color-sidebar-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.today-statistics-inline-separator {
  color: var(--color-admin-text-muted);
}

.today-statistics-table-wrap {
  min-width: 0;
  overflow: auto;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  box-shadow: var(--shadow-today-statistics-card);
}

.today-statistics-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: collapse;
  color: var(--color-admin-text);
  font-size: var(--font-size-sm);
}

.today-statistics-table th,
.today-statistics-table td {
  border-bottom: 1px solid var(--color-admin-border);
  border-right: 1px solid var(--color-admin-border);
  padding: var(--space-6);
  text-align: right;
  white-space: nowrap;
}

.today-statistics-table th:first-child {
  width: 128px;
  text-align: right;
}

.today-statistics-table thead th {
  background: var(--color-today-statistics-card-head-bg);
  color: var(--color-today-statistics-card-head-text);
  font-weight: 900;
  text-align: center;
}

.today-statistics-table thead th:first-child {
  text-align: center;
}

.today-statistics-table tbody th {
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text-strong);
  font-weight: 900;
  padding-right: var(--space-7);
  text-align: right !important;
}

.today-statistics-table tr:last-child th,
.today-statistics-table tr:last-child td {
  border-bottom: 0;
}

.today-statistics-table th:last-child,
.today-statistics-table td:last-child {
  border-right: 0;
}

.today-statistics-table-value {
  font-weight: 900;
}

.today-statistics-table-value.positive {
  color: var(--color-sidebar-accent-muted);
}

.today-statistics-table-value.negative {
  color: var(--color-admin-danger);
}

@media (max-width: 1800px) {
  .today-statistics-header {
    gap: var(--space-4);
    padding: var(--space-5) var(--space-6);
  }

  .today-statistics-title strong {
    font-size: var(--font-size-md);
  }

  .today-statistics-controls {
    gap: var(--space-2);
  }

  .today-statistics-controls input[type="date"] {
    width: 172px;
    min-width: 0;
    height: var(--control-height-sm);
    font-size: var(--font-size-xs);
    padding: 0 var(--space-4);
  }

  .today-statistics-view-toggle button {
    flex-basis: 66px;
    min-width: 66px;
    height: var(--control-height-sm);
  }

  .today-statistics-body {
    padding: var(--space-5) var(--space-6) var(--space-6);
  }

  .today-statistics-body.full {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-5);
  }

  .today-statistics-body.full .today-statistics-cards {
    gap: var(--space-3);
  }

  .today-statistics-card {
    min-height: 68px;
  }

  .today-statistics-card strong {
    font-size: var(--font-size-sm);
  }

  .today-statistics-table {
    font-size: var(--font-size-xs);
  }

  .today-statistics-table th,
  .today-statistics-table td {
    padding: var(--space-5);
  }

  .today-statistics-table th:first-child {
    width: 108px;
  }
}

@media (max-width: 1500px) {
  .today-statistics-header {
    flex-wrap: wrap;
  }

  .today-statistics-controls {
    flex: 1 1 100%;
  }

  .today-statistics-body.full {
    grid-template-columns: minmax(0, 1fr);
  }

  .today-statistics-body.full .today-statistics-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* 이전 버전의 app.js가 남긴 PC 전용 안내는 새 스타일이 로드되면 숨긴다. */
.admin-pc-only-notice {
  display: none !important;
}

@media (min-width: 981px) {
  body:has(.app-shell) {
    overflow: hidden;
  }

  .app-shell {
    --layout-sidebar-width: 224px;
    --layout-admin-header-height: 136px;
    --layout-admin-filter-core-min-width: 126px;
    --layout-admin-filter-search-min-width: 200px;
    --layout-admin-detail-panel-width: 460px;
    --layout-admin-detail-panel-min-width: 420px;
    --layout-admin-detail-panel-max-width: 620px;
    --layout-admin-form-constrained-width: 1120px;
    --layout-admin-form-wide-width: 1480px;
    --layout-admin-settings-width: 1480px;
    --layout-admin-table-min-width: 980px;
    --layout-admin-table-wide-min-width: 1320px;
    --layout-admin-table-sticky-key-width: 156px;
    --layout-admin-table-cell-padding-y: var(--space-4);
    --layout-admin-table-cell-padding-x: var(--space-6);
    --layout-content-padding-x: 30px;
    --layout-content-padding-y: 20px;
  }

  .app-shell {
    height: 100vh;
    overflow: hidden;
  }

  .sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    max-height: 100vh;
  }

  .main {
    min-height: 0;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
  }
}

@media (min-width: 1920px) {
  .app-shell {
    --layout-sidebar-width: 224px;
    --layout-admin-header-height: 136px;
    --layout-admin-filter-core-min-width: 136px;
    --layout-admin-filter-search-min-width: 220px;
    --layout-admin-detail-panel-max-width: 680px;
    --layout-admin-table-min-width: 1040px;
    --layout-admin-table-wide-min-width: 1420px;
    --layout-content-padding-x: 30px;
    --layout-content-padding-y: 20px;
  }

  .app-shell .dashboard-view {
    gap: var(--space-10);
  }

  .app-shell .page {
    gap: var(--space-7);
  }

  .app-shell .dashboard-daily-grid {
    grid-template-columns: repeat(8, minmax(130px, 1fr));
  }

  .app-shell .dashboard-control-row {
    grid-template-columns: minmax(320px, 0.62fr) minmax(0, 1.78fr);
  }

  .app-shell .dashboard-analytics-card,
  .app-shell .metric {
    padding: var(--space-7);
  }

  .app-shell th,
  .app-shell td {
    padding: var(--space-4) var(--space-6);
  }

  .today-statistics-body.full {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: start;
  }

  .today-statistics-body.full .today-statistics-cards {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-auto-rows: 76px;
    gap: var(--space-3);
  }

  .today-statistics-body.full .today-statistics-card {
    min-height: 0;
  }

  .today-statistics-body.full .today-statistics-card:last-child {
    grid-column: span 2;
  }

  .today-statistics-body.full .today-statistics-card-head {
    min-height: 28px;
  }

  .today-statistics-body.full .today-statistics-card strong {
    flex: 0 1 auto;
    padding: var(--space-4) var(--space-5) 0;
  }

  .today-statistics-body.full .today-statistics-table {
    line-height: 1.15;
  }

  .today-statistics-body.full .today-statistics-table-wrap {
    align-self: start;
  }

  .today-statistics-body.full .today-statistics-table th,
  .today-statistics-body.full .today-statistics-table td {
    height: 26px;
    padding: 0 var(--space-6);
  }

  .today-statistics-body.full .today-statistics-table thead th {
    height: 28px;
  }

  .today-statistics-body.full .today-statistics-table th:first-child {
    width: 120px;
  }
}

@media (min-width: 2560px) {
  .app-shell {
    --layout-sidebar-width: 236px;
    --layout-admin-filter-core-min-width: 152px;
    --layout-admin-filter-search-min-width: 260px;
    --layout-admin-detail-panel-width: 540px;
    --layout-admin-detail-panel-min-width: 500px;
    --layout-admin-detail-panel-max-width: 760px;
    --layout-admin-form-constrained-width: 1200px;
    --layout-admin-form-wide-width: 1640px;
    --layout-admin-settings-width: 1680px;
    --layout-admin-table-min-width: 1120px;
    --layout-admin-table-wide-min-width: 1560px;
    --layout-admin-table-sticky-key-width: 168px;
    --layout-content-padding-x: 36px;
    --layout-content-padding-y: 22px;
  }

  .app-shell .dashboard-view {
    gap: var(--space-11);
  }

  .app-shell .dashboard-work-queue {
    grid-template-columns: repeat(4, minmax(300px, 1fr));
  }

  .app-shell .dashboard-analytics-layout {
    grid-template-columns: minmax(380px, 1.2fr) repeat(2, minmax(280px, 1fr)) minmax(260px, 0.86fr);
  }

}

@media (min-width: 3840px) {
  .app-shell {
    --layout-sidebar-width: 248px;
    --layout-admin-filter-core-min-width: 168px;
    --layout-admin-filter-search-min-width: 320px;
    --layout-admin-detail-panel-width: 680px;
    --layout-admin-detail-panel-min-width: 620px;
    --layout-admin-detail-panel-max-width: 920px;
    --layout-admin-form-constrained-width: 1280px;
    --layout-admin-form-wide-width: 1840px;
    --layout-admin-settings-width: 1840px;
    --layout-admin-table-min-width: 1240px;
    --layout-admin-table-wide-min-width: 1840px;
    --layout-admin-table-sticky-key-width: 184px;
    --layout-content-padding-x: 44px;
    --layout-content-padding-y: 24px;
  }

  .app-shell .dashboard-view {
    gap: var(--space-12);
  }

  .app-shell .dashboard-control-row {
    grid-template-columns: minmax(420px, 0.56fr) minmax(0, 1.9fr);
  }

  .app-shell .dashboard-analytics-layout {
    grid-template-columns: minmax(460px, 1.18fr) repeat(2, minmax(360px, 1fr)) minmax(320px, 0.82fr);
  }

}

.route-notice {
  margin-bottom: var(--space-7);
  border: 1px solid var(--color-notice-border);
  border-radius: var(--radius-sm);
  background: var(--color-notice-bg);
  color: var(--color-notice-text);
  padding: var(--space-5) var(--space-6);
  font-size: var(--font-size-sm);
}

.page {
  display: grid;
  gap: var(--space-8);
  min-width: 0;
}

.section {
  position: relative;
  min-width: 0;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-panel);
}

.app-shell .section,
.app-shell .metric,
.app-shell .settings-group,
.app-shell .dialog {
  background: var(--color-surface);
  border-color: var(--color-border);
  backdrop-filter: blur(16px);
}

.app-shell .section:hover,
.app-shell .metric:hover {
  border-color: var(--color-border-strong);
}

.section-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: var(--space-6);
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--color-border);
}

.section-header > div:first-child {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--space-4);
  min-width: 0;
}

.section-header h2 {
  margin: 0;
  font-size: var(--font-size-lg);
}

.section-header > .muted,
.section-header > div:first-child .muted {
  font-size: var(--font-size-sm);
  font-weight: 700;
  white-space: nowrap;
}

.section-header > .dashboard-link,
.section-header > .button,
.section-header > .row-actions {
  margin-left: auto;
}

.dashboard-view {
  display: grid;
  grid-template-areas:
    "profit"
    "work-queue"
    "analytics"
    "kpi-strip"
    "control-row"
    "daily-metrics"
    "recent-activity"
    "dashboard-bottom";
  gap: var(--space-12);
}

.dashboard-profit-only {
  display: block;
  min-width: 0;
  grid-area: profit;
}

.admin-readonly-notice {
  margin: var(--space-4) 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-text-muted);
  padding: var(--space-3) var(--space-5);
  font-size: var(--font-size-sm);
  line-height: 1.5;
}

.admin-form-readonly {
  opacity: 0.88;
}

.dashboard-profit-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-9);
  align-items: start;
}

.dashboard-profit-panel {
  overflow: hidden;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  box-shadow: var(--shadow-admin-panel);
}

.dashboard-profit-heading {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 0 var(--space-8);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-dashboard-profit-head-bg);
}

.dashboard-profit-heading h2 {
  margin: 0;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-lg);
  font-weight: 900;
}

.dashboard-profit-table-wrap {
  overflow-x: auto;
  padding: var(--space-7) var(--space-8) var(--space-4);
}

.dashboard-profit-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  outline: 1px solid var(--color-admin-border);
  outline-offset: -1px;
  table-layout: fixed;
  color: var(--color-admin-text);
  font-size: var(--font-size-sm);
}

.dashboard-profit-table th,
.dashboard-profit-table td {
  height: 38px;
  border: 1px solid var(--color-admin-border);
  padding: 0 var(--space-5);
  text-align: right;
  white-space: nowrap;
}

.dashboard-profit-table thead th {
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text-strong);
  font-weight: 900;
  text-align: center;
}

.dashboard-profit-table tbody th {
  width: 132px;
  background: var(--color-surface);
  color: var(--color-admin-text-strong);
  font-weight: 900;
  text-align: left;
}

.dashboard-profit-table tbody th span {
  display: inline-flex;
  align-items: center;
}

.dashboard-profit-row-casino th span {
  color: var(--color-dashboard-profit-label-casino);
}

.dashboard-profit-row-slot th span {
  color: var(--color-dashboard-profit-label-slot);
}

.dashboard-profit-row-total th {
  background: var(--color-admin-surface-subtle);
}

.dashboard-profit-table td {
  color: var(--color-admin-text-strong);
  font-weight: 800;
}

.dashboard-profit-table .dashboard-profit-profit,
.dashboard-profit-profit {
  color: var(--color-dashboard-profit-positive);
}

.dashboard-profit-table .dashboard-profit-negative {
  color: var(--color-dashboard-profit-negative);
}

.dashboard-profit-table .dashboard-profit-fee,
.dashboard-profit-fee {
  color: var(--color-dashboard-profit-fee);
}

.dashboard-profit-money-strip {
  width: calc(100% - var(--space-14));
  margin: 0 var(--space-8) var(--space-7);
  border-collapse: collapse;
  outline: 1px solid var(--color-dashboard-profit-strip-border);
  outline-offset: -1px;
  table-layout: fixed;
  background: var(--color-dashboard-profit-strip-bg);
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
}

.dashboard-profit-money-strip th,
.dashboard-profit-money-strip td {
  height: 38px;
  border: 1px solid var(--color-dashboard-profit-strip-border);
  padding: 0 var(--space-5);
  text-align: right;
  white-space: nowrap;
}

.dashboard-profit-money-strip th {
  width: 112px;
  color: var(--color-admin-text-strong);
  font-weight: 900;
  text-align: left;
}

.dashboard-profit-money-strip td {
  font-weight: 800;
}

.dashboard-profit-money-strip span {
  float: left;
  color: var(--color-admin-text-strong);
  font-weight: 900;
}

.dashboard-bottom-grid {
  min-width: 0;
  grid-area: dashboard-bottom;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-9);
  margin-top: var(--space-9);
}

.dashboard-bottom-panel {
  overflow: hidden;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  box-shadow: var(--shadow-admin-panel);
}

.dashboard-bottom-heading {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 0 var(--space-8);
  border-bottom: 1px solid var(--color-admin-border);
  background: linear-gradient(90deg, var(--color-dashboard-bottom-head-wash), var(--color-dashboard-profit-head-bg));
}

.dashboard-bottom-heading h2 {
  margin: 0;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-lg);
  font-weight: 900;
}

.dashboard-bottom-table-wrap {
  overflow-x: auto;
  padding: var(--space-7) var(--space-8) var(--space-8);
}

.dashboard-bottom-table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  outline: 1px solid var(--color-admin-border);
  outline-offset: -1px;
  table-layout: fixed;
  color: var(--color-admin-text);
  font-size: var(--font-size-sm);
}

.dashboard-bottom-table th,
.dashboard-bottom-table td {
  height: 36px;
  border: 1px solid var(--color-admin-border);
  padding: 0 var(--space-5);
  vertical-align: middle;
  white-space: nowrap;
}

.dashboard-bottom-table thead th {
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text-strong);
  font-weight: 900;
  text-align: center;
}

.dashboard-bottom-table tbody td {
  color: var(--color-admin-text-strong);
  font-weight: 800;
}

.dashboard-bottom-rank-table {
  min-width: 0;
  font-size: var(--font-size-xs);
}

.dashboard-bottom-rank-panel .dashboard-bottom-table-wrap {
  overflow-x: hidden;
}

.dashboard-bottom-rank-table th,
.dashboard-bottom-rank-table td {
  padding: 0 var(--space-3);
}

.dashboard-bottom-notice-table th:first-child,
.dashboard-bottom-index {
  width: 78px;
  text-align: center;
}

.dashboard-bottom-notice-table th:last-child,
.dashboard-bottom-date {
  width: 180px;
  text-align: center;
}

.dashboard-bottom-title-cell {
  text-align: left;
}

.dashboard-bottom-title-button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  max-width: 100%;
  border: 0;
  background: transparent;
  color: var(--color-admin-text-strong);
  font: inherit;
  font-weight: 900;
  text-align: left;
  cursor: pointer;
}

.dashboard-bottom-title-button:hover {
  color: var(--color-sidebar-accent-muted);
}

.dashboard-bottom-title-button strong {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard-bottom-title-cell > span {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-overflow: ellipsis;
}

.dashboard-bottom-alert-dot {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-pill);
  background: var(--color-admin-danger);
  box-shadow: 0 0 0 3px var(--color-dashboard-bottom-alert-shadow);
}

.dashboard-bottom-rank-table th:first-child,
.dashboard-bottom-rank {
  width: 7%;
  text-align: center;
}

.dashboard-bottom-rank-table th:nth-child(2),
.dashboard-bottom-rank-table th:nth-child(3),
.dashboard-bottom-member-id,
.dashboard-bottom-nickname {
  text-align: left;
}

.dashboard-bottom-rank-table th:nth-child(4),
.dashboard-bottom-rank-table th:nth-child(5),
.dashboard-bottom-rank-table th:nth-child(6),
.dashboard-bottom-amount,
.dashboard-bottom-profit,
.dashboard-bottom-count {
  text-align: right;
}

.dashboard-bottom-rank-table th:nth-child(2),
.dashboard-bottom-member-id {
  width: 18%;
}

.dashboard-bottom-rank-table th:nth-child(3),
.dashboard-bottom-nickname {
  width: 18%;
}

.dashboard-bottom-member-id,
.dashboard-bottom-nickname,
.dashboard-bottom-amount,
.dashboard-bottom-profit,
.dashboard-bottom-count {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard-bottom-rank-table th:nth-child(4),
.dashboard-bottom-amount {
  width: 22%;
}

.dashboard-bottom-rank-table th:nth-child(5),
.dashboard-bottom-profit {
  width: 23%;
}

.dashboard-bottom-rank-table th:nth-child(6),
.dashboard-bottom-count {
  width: 12%;
}

.dashboard-bottom-rank span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 var(--space-2);
  border-radius: var(--radius-pill);
  background: var(--color-admin-badge-success-bg);
  color: var(--color-sidebar-accent-muted);
  font-weight: 900;
}

.dashboard-bottom-member {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.dashboard-bottom-member-link {
  overflow: hidden;
  width: fit-content;
  max-width: 100%;
  border: 0;
  background: transparent;
  color: var(--color-admin-text-strong);
  font: inherit;
  font-weight: 900;
  text-align: left;
  text-overflow: ellipsis;
  cursor: pointer;
}

.dashboard-bottom-member-link:hover {
  color: var(--color-sidebar-accent-muted);
}

.dashboard-bottom-member span {
  overflow: hidden;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-overflow: ellipsis;
}

.dashboard-bottom-amount {
  color: var(--color-dashboard-profit-positive) !important;
}

.dashboard-bottom-profit.positive {
  color: var(--color-dashboard-profit-positive) !important;
}

.dashboard-bottom-profit.negative {
  color: var(--color-dashboard-profit-negative) !important;
}

.dashboard-bottom-empty-row td {
  height: 94px;
  padding: var(--space-8);
  background: linear-gradient(180deg, var(--color-surface), var(--color-dashboard-bottom-empty-wash));
  text-align: center;
}

.dashboard-bottom-empty {
  display: grid;
  gap: var(--space-2);
  justify-items: center;
  color: var(--color-admin-text-muted);
}

.dashboard-bottom-empty strong {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-md);
  font-weight: 900;
}

.dashboard-bottom-empty span {
  font-size: var(--font-size-xs);
  font-weight: 700;
}

@media (max-width: 1500px) {
  .dashboard-profit-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .dashboard-bottom-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.dashboard-preset-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
  min-height: 54px;
  padding: var(--space-5) var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  box-shadow: var(--shadow-admin-panel);
}

.dashboard-preset-meta,
.dashboard-preset-actions {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  min-width: 0;
}

.dashboard-preset-meta strong {
  flex: 0 0 auto;
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
}

.dashboard-preset-meta span {
  overflow: hidden;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-preset-meta .dashboard-preset-status {
  flex: 0 0 auto;
  padding: var(--space-2) var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface-subtle);
  color: var(--color-text-strong);
}

.dashboard-widget-hidden {
  display: none !important;
}

.dashboard-preset-editor {
  display: grid;
  gap: var(--space-6);
  padding: var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  box-shadow: var(--shadow-admin-panel);
}

.dashboard-preset-editor-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
}

.dashboard-preset-editor-header h2 {
  margin: 0;
  color: var(--color-text-strong);
  font-size: var(--font-size-lg);
}

.dashboard-preset-editor-actions {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.dashboard-widget-editor-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  gap: var(--space-4);
}

.dashboard-widget-editor-row {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) 108px;
  align-items: center;
  gap: var(--space-4);
  min-height: 58px;
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
}

.dashboard-widget-editor-toggle {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.dashboard-widget-editor-toggle input {
  width: 16px;
  height: 16px;
  margin: 0;
}

.dashboard-widget-editor-name {
  display: grid;
  gap: var(--space-1);
  min-width: 0;
}

.dashboard-widget-editor-name strong,
.dashboard-widget-editor-name span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-widget-editor-name strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
}

.dashboard-widget-editor-name span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.dashboard-widget-editor-order {
  display: grid;
  grid-template-columns: 30px minmax(32px, 1fr) 30px;
  align-items: center;
  gap: var(--space-2);
}

.dashboard-widget-editor-order .button {
  min-width: 30px;
  min-height: 30px;
  padding: 0;
}

.dashboard-widget-editor-order span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  text-align: center;
}

.dashboard-view[data-dashboard-custom="1"] {
  grid-template-areas: none;
}

.dashboard-view[data-dashboard-custom="1"] > [data-dashboard-slot],
.dashboard-work-queue[data-dashboard-custom="1"] > [data-dashboard-slot],
.dashboard-analytics-layout[data-dashboard-custom="1"] > [data-dashboard-slot],
.dashboard-control-row[data-dashboard-custom="1"] > [data-dashboard-slot] {
  grid-area: auto;
}

.dashboard-work-queue[data-dashboard-custom="1"],
.dashboard-analytics-layout[data-dashboard-custom="1"],
.dashboard-control-row[data-dashboard-custom="1"] {
  grid-template-areas: none;
}

.dashboard-view:has(> [data-dashboard-slot="partner-summary"]) {
  grid-template-areas:
    "profit"
    "work-queue"
    "analytics"
    "kpi-strip"
    "control-row"
    "daily-metrics"
    "recent-activity"
    "partner-summary"
    "dashboard-bottom";
}

.dashboard-view[data-dashboard-custom="1"]:has(> [data-dashboard-slot="partner-summary"]) {
  grid-template-areas: none;
}

.dashboard-view:has(> [data-dashboard-slot="partner-summary"][hidden]) {
  grid-template-areas:
    "profit"
    "work-queue"
    "analytics"
    "kpi-strip"
    "control-row"
    "daily-metrics"
    "recent-activity"
    "dashboard-bottom";
}

.dashboard-view[data-dashboard-custom="1"]:has(> [data-dashboard-slot="partner-summary"][hidden]) {
  grid-template-areas: none;
}

.dashboard-view > [data-dashboard-slot="work-queue"] {
  grid-area: work-queue;
}

.dashboard-view > [data-dashboard-slot="analytics"] {
  grid-area: analytics;
}

.dashboard-view > [data-dashboard-slot="kpi-strip"] {
  grid-area: kpi-strip;
}

.dashboard-view > [data-dashboard-slot="control-row"] {
  grid-area: control-row;
}

.dashboard-view > [data-dashboard-slot="daily-metrics"] {
  grid-area: daily-metrics;
}

.dashboard-view > [data-dashboard-slot="recent-activity"] {
  grid-area: recent-activity;
}

.dashboard-view > [data-dashboard-slot="partner-summary"] {
  grid-area: partner-summary;
}

.dashboard-status-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(154px, 1fr));
  align-items: stretch;
  gap: var(--space-5);
}

.dashboard-status-strip-header {
  grid-template-columns: none;
  grid-template-rows: repeat(2, 52px);
  grid-auto-flow: column;
  grid-auto-columns: minmax(132px, auto);
  gap: var(--space-3);
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: var(--space-1);
  scrollbar-color: var(--color-sidebar-accent-border) transparent;
}

.dashboard-status-nav {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  align-items: stretch;
  gap: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  border: 1px solid var(--color-sidebar-accent-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  box-shadow: inset 0 2px 0 var(--color-sidebar-accent-soft);
}

.dashboard-header-main,
.dashboard-header-badge {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}

.dashboard-header-queue {
  min-width: 172px;
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(82px, 1fr) auto;
  align-items: center;
  border-right: 1px solid var(--color-admin-border);
  background: var(--color-surface);
}

.dashboard-header-queue:nth-of-type(3n) {
  background: var(--color-admin-surface-subtle);
}

.dashboard-header-main {
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: 0 var(--space-5);
  color: var(--color-admin-text-strong);
}

.dashboard-header-icon {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid var(--color-sidebar-accent-border);
  border-radius: var(--radius-pill);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-sidebar-accent-muted);
}

.dashboard-header-icon svg {
  width: 17px;
  height: 17px;
}

.dashboard-header-title {
  overflow: hidden;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-header-main-count {
  min-width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  border-radius: var(--radius-pill);
  background: var(--color-primary);
  color: var(--color-text-inverse);
  font-size: var(--font-size-xs);
  font-weight: 900;
  line-height: 1;
}

.dashboard-header-badges {
  display: grid;
  gap: var(--space-1);
  padding-right: var(--space-5);
}

.dashboard-header-badge {
  --dashboard-status-tone: var(--color-sidebar-accent);
  min-width: 56px;
  min-height: 21px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  border: 1px solid var(--dashboard-status-tone);
  border-radius: var(--radius-sm);
  background: var(--dashboard-status-tone);
  color: var(--color-text-inverse);
  font-size: var(--font-size-xs);
  font-weight: 900;
  line-height: 1;
  padding: 0 var(--space-3);
}

.dashboard-header-badge span,
.dashboard-header-badge strong {
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  transform: translateY(-1px);
  white-space: nowrap;
}

.dashboard-header-badge.primary {
  --dashboard-status-tone: var(--color-sidebar-accent);
}

.dashboard-header-badge.success {
  --dashboard-status-tone: var(--color-success);
}

.dashboard-header-badge.warning,
.dashboard-header-badge.gold {
  --dashboard-status-tone: var(--color-warning);
}

.dashboard-header-badge.danger {
  --dashboard-status-tone: var(--color-danger);
}

.dashboard-header-badge.request-alert-visual {
  animation: request-alert-pulse 1s linear infinite;
}

.dashboard-header-badge[data-dashboard-section="deposits"][data-dashboard-status="pending"] {
  --dashboard-status-tone: var(--color-dashboard-header-deposit-request);
}

.dashboard-header-badge[data-dashboard-section="deposits"][data-dashboard-status="held"] {
  --dashboard-status-tone: var(--color-dashboard-header-deposit-wait);
}

.dashboard-header-badge[data-dashboard-section="withdraws"][data-dashboard-status="pending"] {
  --dashboard-status-tone: var(--color-dashboard-header-withdraw-request);
}

.dashboard-header-badge[data-dashboard-section="withdraws"][data-dashboard-status="held"] {
  --dashboard-status-tone: var(--color-dashboard-header-withdraw-wait);
}

.dashboard-header-badge[data-dashboard-section="supportCenter"][data-dashboard-status="pending"] {
  --dashboard-status-tone: var(--color-dashboard-header-support-open);
}

.dashboard-header-badge[data-dashboard-section="supportCenter"][data-dashboard-status="held"] {
  --dashboard-status-tone: var(--color-dashboard-header-support-wait);
}

.dashboard-header-badge[data-dashboard-section="memberApprovals"],
.dashboard-header-badge[data-dashboard-section="memberSessions"] {
  --dashboard-status-tone: var(--color-dashboard-header-member);
}

.dashboard-header-badge[data-dashboard-section="partners"] {
  --dashboard-status-tone: var(--color-dashboard-header-partner);
}

.dashboard-header-badge.request-alert-visual span,
.dashboard-header-badge.request-alert-visual strong {
  animation: request-alert-text-pulse 1s linear infinite;
}

.dashboard-header-main:hover {
  background: var(--color-admin-surface-hover);
  color: var(--color-sidebar-accent-muted);
}

.dashboard-header-badge:hover {
  filter: brightness(0.96);
}

.dashboard-header-main:focus-visible,
.dashboard-header-badge:focus-visible {
  outline: 2px solid var(--color-admin-focus-ring);
  outline-offset: -2px;
}

.topbar {
  flex: 0 0 var(--layout-admin-header-height);
  height: var(--layout-admin-header-height);
  min-height: var(--layout-admin-header-height);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 116px;
  align-items: stretch;
  gap: var(--space-3);
  padding: 8px 12px;
  border-bottom: 1px solid var(--color-sidebar-accent);
  background:
    linear-gradient(180deg, var(--color-shell-panel-highlight), transparent 30%),
    linear-gradient(180deg, var(--color-shell-gray-mint-canvas), var(--color-shell-gray-mint-canvas-soft) 46%, var(--color-shell-gray-mint-canvas)),
    var(--color-sidebar);
  box-shadow: none;
  overflow: visible;
}

.topbar-summary {
  min-width: 0;
  overflow: visible;
}

.topbar-utility {
  min-width: 0;
  display: grid;
  grid-template-rows: auto 38px;
  align-content: center;
  gap: var(--space-2);
}

.topbar-utility .topbar-alert-controls {
  width: 100%;
  height: auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(2, 38px);
  gap: var(--space-2);
}

.topbar-utility .topbar-alert-enable,
.topbar-utility .topbar-alert-controls .topbar-alert-icon:not(.topbar-alert-enable) {
  width: 100%;
  min-width: 0;
  height: 38px;
  min-height: 38px;
  padding: 0 var(--space-3);
  border-color: var(--color-sidebar-panel-border);
  background: var(--color-sidebar-panel);
}

.topbar-utility .topbar-alert-enable:hover,
.topbar-utility .topbar-alert-controls .topbar-alert-icon:not(.topbar-alert-enable):hover {
  background: var(--color-sidebar-hover);
}

.topbar-current-clock {
  min-width: 0;
  height: 38px;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid var(--color-sidebar-panel-border);
  border-radius: var(--radius-sm);
  background: var(--color-sidebar-panel);
  color: var(--color-admin-text-muted);
  box-shadow: none;
  line-height: 1;
  white-space: nowrap;
}

.topbar-current-clock-time {
  min-width: 0;
  display: block;
  color: var(--color-sidebar-accent-muted);
  font-family: var(--font-family-digital);
  font-size: 20px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}

.admin-operations-header.dashboard-status-nav {
  width: 100%;
  height: 100%;
  min-width: 0;
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 3px;
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.admin-header-upper-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  gap: 3px;
}

.admin-header-group {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-rows: 19px minmax(0, 1fr);
  overflow: visible;
  border: 1px solid var(--color-sidebar-panel-border);
  border-radius: 10px;
  background: var(--color-sidebar-panel);
  box-shadow: none;
}

.admin-header-group > h2 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 19px;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--color-sidebar-panel-line);
  border-radius: 9px 9px 0 0;
  background: var(--color-sidebar-panel-strong);
  color: var(--color-admin-text-strong);
  box-shadow: none;
  font-size: var(--font-size-xs);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
}

.admin-header-member-metrics,
.admin-header-settlement-metrics {
  min-width: 0;
  display: grid;
  align-items: stretch;
}

.admin-header-member-metrics {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.admin-header-settlement-metrics {
  grid-template-columns: repeat(13, minmax(0, 1fr));
}

.admin-header-shared-metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));
  align-items: stretch;
}

.admin-header-shared-upper-row.groups-1 {
  grid-template-columns: minmax(0, 1fr);
}

.admin-header-shared-upper-row.groups-2 {
  grid-template-columns: minmax(0, 4fr) minmax(0, 3fr);
}

.partner-admin-header-financial-group {
  min-width: 0;
}

.admin-header-metric-wrap {
  position: relative;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: visible;
}

.admin-header-metric-wrap + .admin-header-metric-wrap {
  border-left: 1px solid var(--color-admin-border);
}

.admin-header-metric {
  appearance: none;
  width: 100%;
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(20px, auto) minmax(0, 1fr);
  place-items: center;
  gap: 1px;
  border: 0;
  background: transparent;
  color: var(--color-admin-text);
  font: inherit;
  padding: 2px 3px;
  text-align: center;
}

button.admin-header-metric:hover,
button.admin-header-metric:focus-visible,
.admin-header-metric-wrap:focus-within > .admin-header-metric {
  background: var(--color-admin-surface-hover);
  color: var(--color-sidebar-accent-muted);
}

button.admin-header-metric:focus-visible,
.admin-header-inline-stat:focus-visible,
.admin-header-warning-value:focus-visible {
  position: relative;
  z-index: 2;
  outline: 2px solid var(--color-admin-focus-ring);
  outline-offset: -2px;
}

.admin-header-metric-label {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
  color: var(--color-admin-text);
  font-size: var(--font-size-table-meta);
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
  white-space: normal;
  word-break: keep-all;
}

.admin-header-metric-value {
  max-width: 100%;
  color: var(--color-admin-text-strong);
  font-size: clamp(11px, 0.68vw, 13px);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

.admin-header-metric-subvalue {
  color: var(--color-admin-text-muted);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.admin-header-metric-wrap.admin-header-member-count > .admin-header-metric {
  position: relative;
  grid-template-columns: minmax(0, 1fr) minmax(0, max-content) minmax(0, max-content) minmax(0, 1fr);
  grid-template-rows: minmax(20px, auto) minmax(0, 1fr);
  column-gap: 0;
}

.admin-header-member-count .admin-header-metric-label {
  position: absolute;
  inset-inline: 0;
  top: 6px;
  grid-column: 1 / -1;
  grid-row: 1;
}

.admin-header-member-count .admin-header-metric-value,
.admin-header-member-count .admin-header-metric-subvalue {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-header-member-count .admin-header-metric-value {
  grid-column: 2;
  grid-row: 2;
  margin-right: var(--space-2);
}

.admin-header-member-count .admin-header-metric-subvalue {
  grid-column: 3;
  grid-row: 2;
}

.admin-header-metric.positive .admin-header-metric-value {
  color: var(--color-sidebar-accent-muted);
}

.admin-header-metric.negative .admin-header-metric-value {
  color: var(--color-admin-danger);
}

.admin-header-detail-chevron {
  width: 12px;
  height: 12px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 12px;
  color: var(--color-sidebar-accent-muted);
  transform: rotate(-90deg);
}

.admin-header-detail-chevron svg {
  width: 12px;
  height: 12px;
}

.admin-header-popover {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 90;
  min-width: 300px;
  max-width: calc(100vw - var(--layout-sidebar-width) - 40px);
  overflow: hidden;
  visibility: hidden;
  border: 1px solid var(--color-sidebar-accent-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-solid);
  box-shadow: var(--shadow-admin-panel);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-3px);
  transition: opacity 0.14s ease, transform 0.14s ease, visibility 0.14s ease;
}

.admin-header-metric-wrap:hover > .admin-header-popover,
.admin-header-metric-wrap:focus-within > .admin-header-popover {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.admin-header-history {
  width: min(720px, calc(100vw - var(--layout-sidebar-width) - 40px));
  overflow-x: auto;
  border: 1px solid var(--color-admin-adjustment-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-adjustment-value-bg);
}

.admin-header-history table {
  width: 100%;
  min-width: 650px;
  border-collapse: collapse;
  table-layout: auto;
  font-size: var(--font-size-xs);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.admin-header-history th,
.admin-header-history td {
  border-right: 1px solid var(--color-admin-adjustment-border);
  border-bottom: 1px solid var(--color-admin-adjustment-border);
  padding: 5px 10px;
  text-align: right;
}

.admin-header-history th {
  background: var(--color-admin-adjustment-label-bg);
  color: var(--color-admin-adjustment-label-text);
  font-weight: 900;
  text-align: center;
}

.admin-header-history td {
  background: var(--color-admin-adjustment-value-bg);
  color: var(--color-admin-adjustment-value-text);
  font-weight: 900;
}

.admin-header-history th:first-child,
.admin-header-history td:first-child {
  background: var(--color-admin-adjustment-label-bg);
  color: var(--color-admin-adjustment-label-text);
  font-weight: 900;
  text-align: center;
}

.admin-header-history th:last-child,
.admin-header-history td:last-child {
  border-right: 0;
}

.admin-header-history tr:last-child td {
  border-bottom: 0;
}

.admin-header-popover-empty {
  color: var(--color-admin-text-muted);
  text-align: center !important;
}

.admin-header-adjustment-list {
  width: 318px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--color-admin-adjustment-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-adjustment-value-bg);
}

.admin-header-adjustment-list > div {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(110px, auto);
  align-items: center;
  min-height: 29px;
  border-bottom: 1px solid var(--color-admin-adjustment-border);
}

.admin-header-adjustment-list > div:last-child {
  border-bottom: 0;
}

.admin-header-adjustment-list dt,
.admin-header-adjustment-list dd {
  margin: 0;
  padding: 5px 10px;
  font-size: var(--font-size-sm);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.admin-header-adjustment-list dt {
  align-self: stretch;
  display: flex;
  align-items: center;
  background: var(--color-admin-adjustment-label-bg);
  color: var(--color-admin-adjustment-label-text);
  font-weight: 900;
}

.admin-header-adjustment-list dd {
  background: var(--color-admin-adjustment-value-bg);
  color: var(--color-admin-adjustment-value-text);
  font-weight: 900;
  text-align: right;
}

.admin-header-inquiry-metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-header-request-block {
  min-width: 0;
  display: grid;
  grid-template-rows: 18px minmax(0, 1fr);
  border-left: 1px solid var(--color-admin-border);
}

.admin-header-request-block:first-child {
  border-left: 0;
}

.admin-header-request-title {
  appearance: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-bottom: 0;
  background: transparent;
  color: var(--color-admin-text);
  font-size: var(--font-size-xs);
  font-weight: 800;
  font-family: inherit;
  line-height: 1;
  padding: 0;
  text-align: center;
}

button.admin-header-request-title {
  cursor: pointer;
}

button.admin-header-request-title:hover,
button.admin-header-request-title:focus-visible {
  background: var(--color-admin-surface-subtle);
  color: var(--color-primary);
}

.admin-header-request-values {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-header-inline-stat,
.admin-header-warning-value {
  appearance: none;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border: 0;
  background: transparent;
  color: var(--color-admin-text);
  font: inherit;
  padding: 1px 2px;
  text-align: center;
}

.admin-header-inline-stat + .admin-header-inline-stat {
  border-left: 1px solid var(--color-sidebar-panel-line);
}

.admin-header-inline-stat:hover,
.admin-header-warning-value:hover {
  background: var(--color-admin-surface-hover);
  color: var(--color-sidebar-accent-muted);
}

.admin-header-inline-stat span {
  font-size: var(--font-size-xs);
  font-weight: 800;
  white-space: nowrap;
}

.admin-header-inline-stat strong,
.admin-header-warning-value {
  font-size: clamp(11px, 0.72vw, 14px);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  white-space: nowrap;
}

.admin-header-warning-block {
  grid-template-rows: 18px minmax(0, 1fr);
}

.admin-header-warning-value {
  width: 100%;
}

.admin-header-metric.request-alert-visual,
.admin-header-inline-stat.request-alert-visual,
.admin-header-warning-value.request-alert-visual {
  animation: request-alert-pulse 1s linear infinite;
}

/* 데스크톱 전체 구분선(z-index: 160)보다 호버 상세 팝업을 위에 둔다. */
@media (min-width: 981px) {
  .app-shell:not(.partner-admin-shell) .topbar:has(.admin-header-metric-wrap:hover),
  .app-shell:not(.partner-admin-shell) .topbar:has(.admin-header-metric-wrap:focus-within) {
    z-index: 170;
  }
}

/* 선택 시안처럼 관리자 헤더를 레프트 메뉴와 한 덩어리로 보이게 한다. */
.app-shell .admin-header-member-group {
  --admin-header-group-surface: var(--color-admin-dark-header-member-surface);
  --admin-header-group-title-surface: var(--color-admin-dark-header-member-title);
  --admin-header-group-border: var(--color-admin-dark-header-member-border);
}

.app-shell .admin-header-inquiry-group {
  --admin-header-group-surface: var(--color-admin-dark-header-inquiry-surface);
  --admin-header-group-title-surface: var(--color-admin-dark-header-inquiry-title);
  --admin-header-group-border: var(--color-admin-dark-header-inquiry-border);
}

.app-shell .admin-header-settlement-group {
  --admin-header-group-surface: var(--color-admin-dark-header-settlement-surface);
  --admin-header-group-title-surface: var(--color-admin-dark-header-settlement-title);
  --admin-header-group-border: var(--color-admin-dark-header-settlement-border);
}

.app-shell .admin-header-group {
  border-color: var(--admin-header-group-border, var(--color-sidebar-panel-border));
  background: var(--admin-header-group-surface, var(--color-sidebar-panel));
}

.app-shell .admin-header-group > h2 {
  border-bottom-color: var(--admin-header-group-border, var(--color-sidebar-panel-line));
  background: var(--admin-header-group-title-surface, var(--color-sidebar-panel-strong));
  color: var(--color-sidebar-title);
}

.app-shell .admin-header-metric,
.app-shell .admin-header-request-title,
.app-shell .admin-header-inline-stat {
  color: var(--color-sidebar-text);
}

.app-shell .admin-header-metric-label,
.app-shell .admin-header-request-title,
.app-shell .admin-header-inline-stat span {
  color: var(--color-admin-dark-header-label);
}

.app-shell .admin-header-metric-value,
.app-shell .admin-header-inline-stat strong {
  color: var(--color-sidebar-accent);
}

.app-shell .admin-header-metric-subvalue {
  color: var(--color-admin-dark-header-subvalue);
}

.app-shell .admin-header-metric.negative .admin-header-metric-value,
.app-shell .admin-header-warning-value {
  color: var(--color-admin-dark-danger);
}

.app-shell .admin-header-warning-value {
  background: var(--color-admin-dark-warning-bg);
}

.app-shell button.admin-header-metric:hover,
.app-shell button.admin-header-metric:focus-visible,
.app-shell .admin-header-metric-wrap:focus-within > .admin-header-metric,
.app-shell button.admin-header-request-title:hover,
.app-shell button.admin-header-request-title:focus-visible,
.app-shell .admin-header-inline-stat:hover,
.app-shell .admin-header-warning-value:hover {
  background: var(--color-admin-dark-hover-bg);
  color: var(--color-sidebar-accent);
}

.app-shell .topbar-utility .topbar-alert-enable,
.app-shell .topbar-utility .topbar-alert-controls .topbar-alert-icon:not(.topbar-alert-enable),
.app-shell .topbar-current-clock {
  border-color: var(--color-sidebar-panel-border);
  background: var(--color-sidebar-panel);
}

.app-shell .topbar-utility .topbar-alert-controls .topbar-alert-icon:not(.topbar-alert-enable) {
  color: var(--color-sidebar-text);
}

.app-shell .topbar-alert-controls.request-alert-audio-off .topbar-alert-enable {
  border-color: var(--color-sidebar-panel-border);
  background: var(--color-sidebar-panel);
  color: var(--color-sidebar-muted);
}

.app-shell .admin-operations-header-loading {
  border-color: var(--color-sidebar-panel-border);
  background: var(--color-sidebar-panel);
  color: var(--color-sidebar-muted);
}

.admin-operations-header-loading {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-solid);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.app-shell .topbar-utility.admin-header-action-utility {
  grid-template-rows: repeat(2, 34px);
  align-content: center;
}

.app-shell .admin-header-action-button {
  width: 100%;
  height: 34px;
  min-height: 34px;
  padding: 0 var(--space-3);
  line-height: 1;
}

@media (min-width: 1920px) {
  .topbar {
    grid-template-columns: minmax(0, 1fr) 184px;
    padding: 7px 10px;
  }

  .admin-header-group {
    grid-template-rows: 20px minmax(0, 1fr);
  }

  .admin-header-group > h2,
  .admin-header-metric-label,
  .admin-header-request-title,
  .admin-header-inline-stat span {
    font-size: var(--font-size-xs);
  }

  .admin-header-metric-subvalue {
    font-size: 10px;
  }

  .admin-header-metric-value,
  .admin-header-inline-stat strong,
  .admin-header-warning-value {
    font-size: 14px;
  }
}

.favorite-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 74;
  border: 0;
  background: transparent;
  opacity: 0;
  pointer-events: none;
}

.favorite-drawer-backdrop.visible {
  pointer-events: auto;
}

.favorite-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 75;
  width: 324px;
  max-width: calc(100vw - var(--space-8));
  height: 100vh;
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--color-admin-border);
  background: var(--color-surface);
  box-shadow: var(--shadow-favorite-drawer);
  pointer-events: none;
  transform: translateX(100%);
  transition: transform 0.18s ease;
}

.favorite-drawer.open {
  pointer-events: auto;
  transform: translateX(0);
}

.favorite-drawer-tabs {
  flex: 0 0 42px;
  display: flex;
  align-items: stretch;
  background: linear-gradient(90deg, var(--color-favorite-drawer-tab-bg) 0%, var(--color-favorite-drawer-tab-bg-strong) 100%);
}

.favorite-drawer-tabs button {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--color-text-inverse);
  font: inherit;
}

.favorite-drawer-tabs [data-favorite-tab] {
  width: 58px;
  display: grid;
  place-items: center;
  border-right: 1px solid var(--color-favorite-drawer-tab-separator);
  color: var(--color-text-inverse);
  font-size: var(--font-size-xl);
  font-weight: 900;
}

.favorite-drawer-tabs [data-favorite-tab].active {
  border-top: 2px solid var(--color-favorite-drawer-star);
  background: var(--color-favorite-drawer-tab-active);
  color: var(--color-favorite-drawer-star);
}

.favorite-drawer-tab-icon svg {
  width: 19px;
  height: 19px;
}

.favorite-drawer-tab-spacer {
  flex: 1 1 auto;
}

.favorite-drawer-close {
  min-width: 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: 0 var(--space-4);
  font-size: var(--font-size-xs);
  font-weight: 900;
  color: var(--color-text-inverse);
}

.favorite-drawer-close span:first-child {
  font-size: var(--font-size-lg);
  line-height: 1;
}

.favorite-drawer-body {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  padding: var(--space-9) var(--space-8);
}

.favorite-drawer-body h2 {
  margin: 0;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-xl);
  font-weight: 900;
}

.favorite-drawer-body p {
  margin: var(--space-2) 0 0;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
}

.favorite-drawer-divider {
  height: 1px;
  margin: var(--space-8) calc(var(--space-8) * -1) 0;
  background: var(--color-admin-border);
}

.favorite-drawer-list {
  margin: 0 calc(var(--space-8) * -1);
}

.favorite-drawer-item {
  display: flex;
  align-items: center;
  min-height: 56px;
  border-bottom: 1px solid var(--color-admin-border);
}

.favorite-drawer-item-main {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
  border: 0;
  background: transparent;
  color: var(--color-admin-text-strong);
  font: inherit;
  text-align: left;
  padding: var(--space-5) var(--space-6);
}

.favorite-drawer-member-main {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-3);
}

.favorite-drawer-member-item {
  --member-identity-color: var(--color-partner01-black);
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) 30px;
  gap: var(--space-2);
  padding-inline: var(--space-5);
  color: var(--member-identity-color);
}

.favorite-drawer-member-item > :is(.admin-member-identity-favorite, .admin-member-identity-mark) {
  align-self: center;
  margin: 0;
}

.favorite-drawer-member-item > .admin-member-identity-favorite {
  width: 22px;
  height: 22px;
}

.favorite-drawer-member-item > .admin-member-identity-mark {
  width: 14px;
  height: 14px;
}

.favorite-drawer-member-item > .favorite-drawer-member-main {
  padding-inline: var(--space-2);
}

.favorite-drawer-member-item > .favorite-drawer-remove {
  margin-right: 0;
}

.favorite-drawer-item-main strong,
.favorite-drawer-item-main small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.favorite-drawer-item-main strong {
  font-size: var(--font-size-sm);
  font-weight: 900;
}

.favorite-drawer-item-main small {
  margin-top: var(--space-1);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
}

.favorite-drawer-item-star {
  color: var(--color-favorite-drawer-star);
  font-size: var(--font-size-xl);
  line-height: 1;
}

.favorite-drawer-member-copy {
  min-width: 0;
  overflow: hidden;
  color: var(--member-identity-color);
  font-size: var(--font-size-sm);
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.favorite-drawer-member-status {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-width: 58px;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-pill);
  font-size: var(--font-size-xxs);
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
}

.favorite-drawer-member-status.online {
  background: var(--color-favorite-drawer-status-online-bg);
  color: var(--color-favorite-drawer-status-online-text);
}

.favorite-drawer-member-status.offline {
  background: var(--color-favorite-drawer-status-offline-bg);
  color: var(--color-favorite-drawer-status-offline-text);
}

.favorite-drawer-remove {
  flex: 0 0 34px;
  width: 30px;
  height: 30px;
  margin-right: var(--space-5);
  border: 1px solid var(--color-favorite-drawer-remove-border);
  border-radius: 10px;
  background: var(--color-favorite-drawer-remove-bg);
  color: var(--color-favorite-drawer-remove);
  box-shadow: var(--shadow-favorite-drawer-remove);
  font-size: var(--font-size-lg);
  font-weight: 900;
  line-height: 1;
  transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.favorite-drawer-empty {
  min-height: 160px;
  display: grid;
  place-items: center;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
}

.favorite-drawer-tabs button:hover,
.favorite-drawer-item-main:hover,
.favorite-drawer-remove:hover {
  filter: brightness(0.96);
}

.favorite-drawer-remove:hover {
  background: var(--color-favorite-drawer-remove);
  color: var(--color-text-inverse);
  box-shadow: var(--shadow-favorite-drawer-remove-hover);
  transform: translateY(-1px);
}

.page-menu-favorite-heading {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
}

.page-menu-favorite-title-group {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
}

.page-menu-favorite-toggle,
.member-favorite-toggle {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--color-favorite-drawer-remove);
  font: inherit;
  font-weight: 900;
  line-height: 1;
}

.page-menu-favorite-toggle {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: var(--radius-pill);
  background: var(--color-sidebar-accent-soft);
  font-size: var(--font-size-lg);
}

.member-favorite-toggle {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin-right: var(--space-2);
  color: var(--color-favorite-drawer-star);
  font-size: var(--font-size-md);
  vertical-align: middle;
}

.page-menu-favorite-toggle.active,
.member-favorite-toggle.active,
.page-menu-favorite-toggle:hover,
.member-favorite-toggle:hover {
  color: var(--color-favorite-drawer-star);
}

.favorite-drawer-close:focus-visible,
.favorite-drawer-tabs [data-favorite-tab]:focus-visible,
.favorite-drawer-item-main:focus-visible,
.favorite-drawer-remove:focus-visible,
.page-menu-favorite-toggle:focus-visible,
.member-favorite-toggle:focus-visible {
  outline: 2px solid var(--color-admin-focus-ring);
  outline-offset: 2px;
}

.dashboard-status-clusters {
  display: grid;
  grid-template-areas:
    "members requests"
    "finance game";
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  align-content: start;
  gap: var(--space-2) var(--space-4);
  overflow: hidden;
  padding-bottom: 0;
  width: 100%;
}

.dashboard-status-cluster {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: 1fr;
  gap: var(--space-2);
  flex: 0 0 auto;
  min-width: 0;
  padding: var(--space-1);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
}

.dashboard-status-cluster-members {
  grid-area: members;
}

.dashboard-status-cluster-members,
.dashboard-status-cluster-finance {
  grid-template-columns: 40px minmax(0, 1fr);
}

.dashboard-status-cluster-requests {
  grid-area: requests;
}

.dashboard-status-cluster-finance {
  grid-area: finance;
}

.dashboard-status-cluster-game {
  grid-area: game;
}

.dashboard-status-cluster-title {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding-right: var(--space-1);
  border-right: 1px solid var(--color-border);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  word-break: keep-all;
}

.dashboard-status-cluster-requests,
.dashboard-status-cluster-game {
  grid-template-columns: 84px minmax(0, 1fr);
}

.dashboard-status-cluster-items {
  display: flex;
  align-items: stretch;
  gap: var(--space-2);
  min-width: 0;
}

.dashboard-status-cluster-items > .dashboard-status-tile,
.dashboard-status-cluster-items > .dashboard-status-group {
  flex: 1 1 0;
}

.dashboard-status-tile,
.dashboard-status-group {
  --dashboard-status-tone: var(--color-sidebar-accent);
  min-width: 0;
  min-height: 78px;
  padding: var(--space-6) var(--space-7);
  border: 1px solid var(--color-border);
  border-left: 3px solid var(--dashboard-status-tone);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-admin-panel);
  color: var(--color-text);
  font: inherit;
  text-align: left;
}

button.dashboard-status-tile,
.dashboard-status-group-title,
button.dashboard-status-count {
  cursor: pointer;
  transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

button.dashboard-status-tile:hover,
.dashboard-status-group:hover {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-surface-hover);
  transform: translateY(-1px);
}

.dashboard-status-tile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-2);
}

.dashboard-status-group {
  display: grid;
  grid-column: span 2;
  grid-template-rows: auto 1fr;
  gap: var(--space-4);
}

.dashboard-status-strip-header .dashboard-status-tile,
.dashboard-status-strip-header .dashboard-status-group {
  min-width: 0;
  height: 56px;
  min-height: 0;
  padding: var(--space-1) var(--space-4);
  overflow: hidden;
  text-align: center;
}

.dashboard-status-strip-header .dashboard-status-tile {
  align-items: center;
}

.dashboard-status-strip-header .dashboard-status-group {
  align-items: center;
  gap: var(--space-2);
  grid-column: auto;
  grid-template-columns: 52px minmax(0, 1fr);
  grid-template-rows: 1fr;
  min-width: 0;
  justify-items: center;
  padding: var(--space-1) var(--space-3);
}

.dashboard-status-cluster-members .dashboard-status-tile {
  min-width: 0;
}

.dashboard-status-cluster-requests .dashboard-status-group {
  min-width: 0;
}

.dashboard-status-cluster-finance .dashboard-status-tile,
.dashboard-status-cluster-game .dashboard-status-tile {
  min-width: 0;
}

.dashboard-status-cluster-game .dashboard-status-tile {
  flex: 0 1 124px;
  max-width: 132px;
}

.dashboard-status-cluster-game .dashboard-status-group {
  flex: 1.32 1 0;
  grid-template-columns: 44px minmax(0, 1fr);
}

.dashboard-status-cluster-game .dashboard-status-counts {
  gap: var(--space-1);
}

.dashboard-status-cluster-game .dashboard-status-count strong {
  font-size: var(--font-size-sm);
}

.dashboard-status-cluster-game .dashboard-status-tile .dashboard-status-value {
  font-size: var(--font-size-sm);
}

.dashboard-status-strip-header.dashboard-status-loading {
  grid-template-rows: 1fr;
}

.dashboard-status-strip-header.dashboard-status-error .dashboard-status-tile {
  border-color: var(--color-admin-alert-border);
  background: var(--color-admin-alert-bg);
}

.dashboard-status-title,
.dashboard-status-group-title {
  overflow: hidden;
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 800;
  line-height: 1.35;
  padding: 0;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-status-group-title:hover,
button.dashboard-status-count:hover {
  color: var(--color-primary);
}

.dashboard-status-group-title:focus-visible,
button.dashboard-status-count:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 2px;
}

.dashboard-status-value {
  overflow: hidden;
  color: var(--dashboard-status-tone);
  font-size: var(--font-size-xl);
  font-weight: 800;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-status-meta {
  overflow: hidden;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-status-counts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border);
}

.dashboard-status-strip-header .dashboard-status-title,
.dashboard-status-strip-header .dashboard-status-group-title {
  font-size: var(--font-size-xs);
  line-height: 1.15;
  text-align: center;
}

.dashboard-status-strip-header .dashboard-status-group-title {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  padding-right: var(--space-2);
  border-right: 1px solid var(--color-border);
  white-space: normal;
  word-break: keep-all;
}

.dashboard-status-strip-header .dashboard-status-value {
  font-size: var(--font-size-md);
  line-height: 1.15;
  text-align: center;
}

.dashboard-status-strip-header .dashboard-status-meta {
  display: none;
}

.dashboard-status-strip-header .dashboard-status-counts {
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  padding-top: 0;
  border-top: 0;
}

.dashboard-status-strip-header .dashboard-status-count {
  gap: var(--space-1);
  justify-items: center;
}

.dashboard-status-strip-header .dashboard-status-count span {
  font-size: var(--font-size-xs);
  line-height: 1.1;
  text-align: center;
}

.dashboard-status-strip-header .dashboard-status-count strong {
  font-size: var(--font-size-md);
  line-height: 1.1;
  text-align: center;
}

.dashboard-status-count {
  --dashboard-status-tone: var(--color-sidebar-accent);
  appearance: none;
  border: 0;
  background: transparent;
  display: grid;
  min-width: 0;
  gap: var(--space-2);
  padding: 0;
  text-align: inherit;
}

.dashboard-status-count span {
  overflow: hidden;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-status-count strong {
  overflow: hidden;
  color: var(--dashboard-status-tone);
  font-size: var(--font-size-lg);
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-status-count.request-alert-visual {
  border: 1px solid var(--color-danger);
  border-radius: var(--radius-sm);
  animation: request-alert-pulse 1s linear infinite;
  box-shadow: 0 0 0 2px var(--color-admin-badge-danger-bg);
}

.dashboard-status-count.request-alert-visual span,
.dashboard-status-count.request-alert-visual strong {
  animation: request-alert-text-pulse 1s linear infinite;
}

@keyframes request-alert-pulse {
  0%,
  49% {
    background: var(--color-danger);
    border-color: var(--color-danger);
  }
  50%,
  100% {
    background: var(--color-surface);
    border-color: var(--color-danger);
  }
}

@keyframes request-alert-text-pulse {
  0%,
  49% {
    color: var(--color-text-inverse);
  }
  50%,
  100% {
    color: var(--color-danger);
  }
}

.dashboard-status-tile.primary,
.dashboard-status-count.primary {
  --dashboard-status-tone: var(--color-primary);
}

.dashboard-status-tile.success,
.dashboard-status-count.success {
  --dashboard-status-tone: var(--color-success);
}

.dashboard-status-tile.warning,
.dashboard-status-count.warning {
  --dashboard-status-tone: var(--color-warning);
}

.dashboard-status-tile.danger,
.dashboard-status-count.danger {
  --dashboard-status-tone: var(--color-danger);
}

.dashboard-status-tile.gold,
.dashboard-status-count.gold {
  --dashboard-status-tone: var(--color-logo-gold-stroke);
}

.metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(140px, 1fr));
  gap: var(--space-6);
}

.dashboard-kpi-grid {
  grid-template-columns: repeat(5, minmax(150px, 1fr));
}

.dashboard-daily-grid {
  grid-template-columns: repeat(5, minmax(150px, 1fr));
}

.dashboard-control-row,
.dashboard-split {
  display: grid;
  gap: var(--space-8);
}

.dashboard-control-row {
  grid-template-columns: minmax(270px, 0.75fr) minmax(0, 1.5fr);
  grid-template-areas: "quick-actions attention-panel";
  align-items: stretch;
}

.dashboard-control-row > [data-dashboard-slot="quick-actions"] {
  grid-area: quick-actions;
}

.dashboard-control-row > [data-dashboard-slot="attention-panel"] {
  grid-area: attention-panel;
}

.dashboard-quick-section {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}

.dashboard-split {
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
}

.dashboard-quick-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(46px, 1fr);
  align-content: stretch;
  gap: var(--space-5);
  padding: var(--space-7) var(--space-8);
}

.dashboard-quick-actions .button {
  min-height: 46px;
  justify-content: center;
  font-weight: 800;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-8);
}

.dashboard-panel {
  overflow: hidden;
}

.dashboard-work-queue {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-areas: "queue-deposits queue-withdraws queue-member-approvals queue-support";
}

.dashboard-work-queue > [data-dashboard-slot="queue-deposits"] {
  grid-area: queue-deposits;
}

.dashboard-work-queue > [data-dashboard-slot="queue-withdraws"] {
  grid-area: queue-withdraws;
}

.dashboard-work-queue > [data-dashboard-slot="queue-member-approvals"] {
  grid-area: queue-member-approvals;
}

.dashboard-work-queue > [data-dashboard-slot="queue-support"] {
  grid-area: queue-support;
}

.dashboard-queue-panel {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
}

.dashboard-queue-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  padding: var(--space-6) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.dashboard-queue-summary strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  line-height: 1;
}

.dashboard-queue-summary span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-align: right;
}

.dashboard-alert-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--color-alert-border);
  background: var(--color-alert-bg);
  color: var(--color-alert-text);
}

.dashboard-alert-heading strong {
  font-size: var(--font-size-md);
  letter-spacing: 0;
}

.dashboard-alert-heading span {
  font-size: var(--font-size-sm);
}

.master-alerts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  padding: var(--space-6) var(--space-8);
  background: var(--color-alert-bg);
}

.master-alert {
  display: grid;
  grid-template-areas:
    "label value"
    "meta value";
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2);
  min-height: 52px;
  padding: var(--space-5);
  border: 1px solid var(--color-alert-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text);
  text-align: left;
}

.master-alert:hover {
  background: var(--color-surface-hover);
}

.master-alert.warning {
  border-color: var(--color-warning);
}

.master-alert.danger {
  border-color: var(--color-danger);
}

.master-alert span,
.master-alert small {
  color: var(--color-text-muted);
}

.master-alert span {
  grid-area: label;
  white-space: nowrap;
}

.master-alert small {
  grid-area: meta;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-xs);
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.master-alert strong {
  grid-area: value;
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
}

.metric {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: var(--space-8);
  box-shadow: var(--shadow-panel);
}

.metric span {
  display: block;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.metric strong {
  display: block;
  margin-top: var(--space-4);
  font-size: var(--font-size-2xl);
}

.metric small {
  display: block;
  margin-top: var(--space-3);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

.dashboard-kpi-card {
  position: relative;
  min-height: 110px;
  border-top: 2px solid var(--color-border-strong);
}

.dashboard-kpi-card.accent {
  border-left: 3px solid var(--color-warning);
}

.dashboard-kpi-card.danger {
  border-left: 3px solid var(--color-danger);
}

.dashboard-kpi-card.dark {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-text-inverse);
}

.dashboard-kpi-card.dark span,
.dashboard-kpi-card.dark small,
.dashboard-kpi-card.dark strong {
  color: var(--color-text-inverse);
}

.dashboard-daily-card {
  min-height: 104px;
  border-top: 2px solid var(--color-primary-variant);
}

.dashboard-analytics-board {
  overflow: hidden;
}

.dashboard-analytics-period-tabs {
  margin-left: auto;
  padding: 0;
  border-bottom: 0;
  background: transparent;
  gap: var(--space-3);
}

.dashboard-analytics-layout {
  display: grid;
  grid-template-columns: minmax(300px, 1.15fr) minmax(220px, 1fr) minmax(220px, 1fr) minmax(210px, 0.85fr);
  grid-template-areas: "analytics-sheet analytics-money analytics-workload analytics-game";
  gap: 0;
  background: linear-gradient(180deg, var(--color-surface), var(--color-surface-subtle));
}

.dashboard-analytics-layout > [data-dashboard-slot="analytics-sheet"] {
  grid-area: analytics-sheet;
}

.dashboard-analytics-layout > [data-dashboard-slot="analytics-money"] {
  grid-area: analytics-money;
}

.dashboard-analytics-layout > [data-dashboard-slot="analytics-workload"] {
  grid-area: analytics-workload;
}

.dashboard-analytics-layout > [data-dashboard-slot="analytics-game"] {
  grid-area: analytics-game;
}

.dashboard-analytics-card {
  display: grid;
  align-content: start;
  gap: var(--space-7);
  min-width: 0;
  padding: var(--space-8);
  border-right: 1px solid var(--color-border);
}

.dashboard-analytics-card:last-child {
  border-right: 0;
}

.dashboard-card-heading {
  display: grid;
  gap: var(--space-2);
}

.dashboard-card-heading strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-md);
}

.dashboard-card-heading span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

.dashboard-sheet {
  --dashboard-sheet-value-width: 116px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
}

.dashboard-sheet-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(var(--dashboard-sheet-value-width), var(--dashboard-sheet-value-width));
  min-height: 40px;
  border-top: 1px solid var(--color-border);
}

.dashboard-sheet-row:first-child {
  border-top: 0;
}

.dashboard-sheet-cell {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: var(--space-5) var(--space-6);
}

.dashboard-sheet-cell.label {
  color: var(--color-text-muted);
  background: var(--color-surface-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.dashboard-sheet-cell.value {
  justify-content: flex-end;
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  white-space: nowrap;
  text-align: right;
}

.dashboard-sheet-row.primary .dashboard-sheet-cell.value {
  color: var(--color-primary);
}

.dashboard-sheet-row.success .dashboard-sheet-cell.value {
  color: var(--color-success);
}

.dashboard-sheet-row.warning .dashboard-sheet-cell.value {
  color: var(--color-warning);
}

.dashboard-sheet-row.danger .dashboard-sheet-cell.value {
  color: var(--color-danger);
}

.dashboard-bar-list {
  display: grid;
  gap: var(--space-6);
}

.dashboard-bar-row {
  display: grid;
  gap: var(--space-4);
}

.dashboard-bar-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-6);
  align-items: baseline;
}

.dashboard-bar-copy span {
  min-width: 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.dashboard-bar-copy strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  text-align: right;
}

.dashboard-bar-track {
  height: 10px;
  overflow: hidden;
  border-radius: var(--radius-pill);
  background: var(--color-surface-muted);
}

.dashboard-bar-fill {
  display: block;
  width: var(--bar-value, 0%);
  height: 100%;
  border-radius: inherit;
  background: var(--color-primary);
}

.dashboard-bar-row.success .dashboard-bar-fill,
.dashboard-ring-card.success {
  --dashboard-ring-color: var(--color-success);
}

.dashboard-bar-row.warning .dashboard-bar-fill,
.dashboard-ring-card.warning {
  --dashboard-ring-color: var(--color-warning);
}

.dashboard-bar-row.danger .dashboard-bar-fill,
.dashboard-ring-card.danger {
  --dashboard-ring-color: var(--color-danger);
}

.dashboard-bar-row.primary .dashboard-bar-fill,
.dashboard-ring-card.primary {
  --dashboard-ring-color: var(--color-primary);
}

.dashboard-ring-panel {
  justify-items: center;
}

.dashboard-ring-card {
  --dashboard-ring-color: var(--color-primary);
  display: grid;
  justify-items: center;
  gap: var(--space-7);
}

.dashboard-ring {
  position: relative;
  display: grid;
  width: 132px;
  aspect-ratio: 1;
  place-items: center;
  border-radius: var(--radius-pill);
  background: conic-gradient(var(--dashboard-ring-color) var(--ring-value, 0%), var(--color-surface-muted) 0);
}

.dashboard-ring::before {
  position: absolute;
  inset: var(--space-8);
  border: 1px solid var(--color-border);
  border-radius: inherit;
  background: var(--color-surface);
  content: "";
}

.dashboard-ring strong {
  position: relative;
  z-index: 1;
  color: var(--color-text-strong);
  font-size: var(--font-size-2xl);
}

.dashboard-ring-caption {
  display: grid;
  gap: var(--space-3);
  max-width: 220px;
  text-align: center;
}

.dashboard-ring-caption span {
  color: var(--color-text-strong);
  font-weight: 800;
}

.dashboard-ring-caption small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

.dashboard-balance-list {
  margin: 0;
}

.dashboard-balance-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-7);
  padding: var(--space-7) var(--space-8);
  border-top: 1px solid var(--color-border);
}

.dashboard-balance-list dt {
  color: var(--color-text-muted);
}

.dashboard-balance-list dd {
  margin: 0;
  color: var(--color-text-strong);
  font-weight: 800;
  text-align: right;
}

.dashboard-table-wrap {
  overflow-x: auto;
}

.dashboard-table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  white-space: nowrap;
}

.dashboard-table th {
  background: var(--color-surface-muted);
  color: var(--color-text-strong);
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dashboard-table th,
.dashboard-table td {
  border-bottom: 1px solid var(--color-border);
  padding: var(--space-6) var(--space-7);
  text-align: left;
}

.dashboard-table tbody tr:hover {
  background: var(--color-surface-hover);
}

.dashboard-empty {
  padding: var(--space-8);
  color: var(--color-text-muted);
}

.dashboard-link {
  border: 0;
  background: transparent;
  color: var(--color-primary);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.dashboard-master-pill {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 var(--space-5);
  background: var(--color-primary);
  color: var(--color-text-inverse);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.toolbar {
  --admin-filter-field-min-width: var(--layout-admin-filter-core-min-width);
  --admin-filter-search-min-width: var(--layout-admin-filter-search-min-width);
  display: grid;
  grid-template-columns: repeat(4, minmax(var(--admin-filter-field-min-width), 1fr)) auto;
  gap: var(--space-5);
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  align-items: stretch;
  max-width: 100%;
}

.toolbar > input:not([type="hidden"]),
.toolbar > select,
.toolbar > .button,
.toolbar > button {
  height: var(--control-height-default);
  min-width: 0;
  min-height: var(--control-height-default);
}

.toolbar > input:not([type="hidden"]),
.toolbar > select {
  padding-top: 0;
  padding-bottom: 0;
}

.toolbar > .button {
  align-self: stretch;
  padding-block: 0;
}

.toolbar label {
  display: grid;
  gap: var(--space-3);
}

.toolbar label span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.toolbar.date-range-enhanced-toolbar {
  grid-template-columns: repeat(auto-fit, minmax(var(--admin-filter-field-min-width), 1fr));
  align-items: stretch;
}

.toolbar.date-range-enhanced-toolbar > input[name="search"] {
  grid-column: span 2;
}

.toolbar > input[name="search"] {
  min-width: min(100%, var(--admin-filter-search-min-width));
}

.sync-forms {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
  gap: var(--space-8);
}

.provider-sync-forms {
  grid-template-columns: minmax(0, 1fr);
}

.sync-action-form {
  align-items: end;
  border-bottom: 0;
}

#provider-list-sync-form.date-range-enhanced-toolbar {
  grid-template-columns: minmax(360px, 2fr) minmax(118px, 0.7fr) minmax(118px, 0.7fr) auto;
  align-items: end;
}

#provider-list-sync-form.date-range-enhanced-toolbar .date-range-picker-with-time {
  grid-column: auto;
}

#provider-list-sync-form.date-range-enhanced-toolbar > .button {
  height: 42px;
  min-height: 42px;
}

#provider-list-sync-form.date-range-enhanced-toolbar > .button {
  align-self: end;
  white-space: nowrap;
}

.sync-filter-toolbar {
  grid-template-columns: repeat(3, minmax(130px, 1fr)) 1fr auto;
}

.table-wrap {
  max-width: 100%;
  overflow-x: auto;
  scrollbar-gutter: var(--layout-admin-table-scrollbar-gutter);
  overscroll-behavior-inline: contain;
  border-top: 1px solid var(--color-border);
  border-left: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
  background: var(--color-surface);
}

table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  white-space: nowrap;
}

th,
td {
  height: var(--layout-admin-row-min-height);
  border-bottom: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
  padding: var(--layout-admin-table-cell-padding-y) var(--layout-admin-table-cell-padding-x);
  text-align: center;
  vertical-align: middle;
  line-height: 1.45;
}

td {
  font-size: var(--font-size-table);
}

th {
  background: var(--color-surface-subtle);
  color: var(--color-text-strong);
  font-size: var(--font-size-xs);
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
}

th:last-child,
td:last-child {
  border-right: 0;
}

tbody tr:last-child td {
  border-bottom: 0;
}

tr:hover td {
  background: var(--color-surface-hover);
}

.table-wrap td small,
.table-wrap .muted {
  font-size: var(--font-size-xs);
  line-height: 1.35;
}

.row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  min-width: 0;
}

.status-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}

.status-tab {
  min-height: 34px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text);
  padding: 0 var(--space-7);
  font-weight: 800;
}

.status-tab:hover,
.status-tab.active {
  border-color: var(--color-admin-selection);
  background: var(--color-admin-selection-soft);
  color: var(--color-admin-selection-foreground);
}

.member-status-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}

.member-list-top {
  background: var(--color-surface);
}

.member-list-header {
  align-items: center;
  gap: var(--space-5);
  background: var(--color-surface);
}

.member-list-header .member-list-heading {
  flex: 1 1 720px;
  align-items: center;
  gap: var(--space-5);
}

.member-list-title-group {
  display: inline-flex;
  align-items: baseline;
  flex: 0 0 auto;
  gap: var(--space-4);
  min-width: 0;
}

.member-list-header .member-status-tabs {
  flex: 1 1 420px;
  min-width: min(100%, 360px);
  padding: 0;
  border-bottom: 0;
  background: transparent;
  gap: var(--space-3);
}

.member-list-header .member-status-tab {
  min-height: 34px;
  padding: 0 var(--space-6);
}

@media (min-width: 981px) {
  .app-shell .member-list-view {
    backdrop-filter: none;
  }
}

.member-list-header-actions {
  position: relative;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
  margin-left: auto;
}

.member-list-action-menu {
  position: relative;
}

.member-list-action-menu summary {
  list-style: none;
}

.member-list-action-menu summary::-webkit-details-marker {
  display: none;
}

.member-list-action-menu summary::after {
  content: "v";
  margin-left: var(--space-2);
  font-size: var(--font-size-xs);
}

.member-list-action-menu[open] summary::after {
  content: "^";
}

.member-list-action-menu-panel {
  position: absolute;
  top: calc(100% + var(--space-2));
  right: 0;
  z-index: 30;
  display: grid;
  min-width: 170px;
  gap: var(--space-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  box-shadow: var(--shadow-sidebar-flyout);
  padding: var(--space-3);
}

.member-list-header-actions .button,
.member-list-header-actions .button.small {
  min-height: 32px;
  padding: 0 var(--space-5);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.member-status-tab {
  min-height: 34px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text);
  padding: 0 var(--space-7);
  font-weight: 800;
}

.member-status-tab:hover,
.member-status-tab.active {
  border-color: var(--color-admin-selection);
  background: var(--color-admin-selection-soft);
  color: var(--color-admin-selection-foreground);
}

.member-alert-tabs {
  align-items: center;
  justify-content: space-between;
}

.member-alert-header .member-alert-tabs {
  flex: 1 1 460px;
  padding: 0;
  border-bottom: 0;
  background: transparent;
}

.member-alert-tab-group {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: var(--space-4);
  min-width: 0;
}

.member-alert-tab-actions {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  margin-left: auto;
}

.member-alert-tab-actions .button {
  min-height: 34px;
}

.member-list-heading {
  display: flex;
  align-items: baseline;
  gap: var(--space-4);
  min-width: 0;
}

.member-list-heading .muted {
  font-size: var(--font-size-sm);
  font-weight: 700;
  white-space: nowrap;
}

.member-list-filter-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border: 1px solid var(--color-sidebar-accent-border);
  border-radius: var(--radius-sm);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-primary);
  font-size: var(--font-size-xs);
  font-weight: 800;
  padding: 0 var(--space-3);
  white-space: nowrap;
}

.member-filter-toolbar {
  grid-template-columns: repeat(3, minmax(108px, 0.95fr)) minmax(220px, 1.35fr) auto;
  align-items: stretch;
}

.member-filter-toolbar .button {
  height: auto;
  min-height: auto;
  align-self: stretch;
}

.member-bulk-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.member-bulk-toolbar .button,
.member-bulk-toolbar .button.small {
  min-height: 34px;
  padding: 0 var(--space-7);
  font-size: inherit;
  font-weight: 800;
}

.member-list-wrap {
  overflow-x: auto;
  overflow-y: visible;
}

.member-list-table {
  width: 100%;
  min-width: max(var(--layout-admin-table-wide-min-width), 1420px);
  table-layout: fixed;
  font-size: var(--font-size-sm);
}

.member-list-table th,
.member-list-table td {
  overflow-wrap: anywhere;
  padding: var(--space-3) var(--space-2);
  white-space: normal;
}

.member-list-table .table-sort {
  gap: var(--space-1);
  padding: var(--space-1);
  white-space: normal;
}

.member-list-table th:nth-child(1) {
  width: 34px;
}

.member-list-table th:nth-child(2) {
  width: 7%;
}

.member-list-table th:nth-child(3) {
  width: 7%;
}

.member-list-table th:nth-child(4) {
  width: 12%;
}

.member-list-table th:nth-child(4),
.member-list-table td:nth-child(4),
.member-approval-table th:nth-child(3),
.member-approval-table td:nth-child(3),
.money-request-table th:nth-child(3),
.money-request-table td:nth-child(3),
.support-ticket-table th:nth-child(2),
.support-ticket-table td:nth-child(2) {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: var(--layout-admin-table-sticky-key-width);
  max-width: calc(var(--layout-admin-table-sticky-key-width) * 1.55);
  background: var(--color-surface);
  box-shadow: 1px 0 0 var(--color-border);
}

.member-list-table th:nth-child(4),
.member-approval-table th:nth-child(3),
.money-request-table th:nth-child(3),
.support-ticket-table th:nth-child(2) {
  z-index: 3;
  background: var(--color-surface-subtle);
}

.member-list-table th:nth-child(5),
.member-list-table th:nth-child(6),
.member-list-table th:nth-child(7),
.member-list-table th:nth-child(8),
.member-list-table th:nth-child(9) {
  width: 7.4%;
}

.member-list-table th:nth-child(10) {
  width: 5.5%;
}

.member-list-table th:nth-child(11),
.member-list-table th:nth-child(12),
.member-list-table th:nth-child(13) {
  width: 8.4%;
}

.member-list-table th:nth-child(14) {
  width: 8%;
}

.member-list-table th:nth-child(15) {
  width: 58px;
}

.member-list-table .member-id-trigger {
  max-width: 100%;
  padding: 0 var(--space-2);
}

.member-list-table .button.small {
  min-height: 30px;
  padding: 0 var(--space-3);
}

.member-list-table tr.selected td {
  background: var(--color-sidebar-accent-soft);
}

.member-list-table tr.selected td:nth-child(4),
.member-approval-table tr.selected td:nth-child(3),
.money-request-row-active td:nth-child(3) {
  background: var(--color-sidebar-accent-soft);
}

.member-list-page-btn,
.member-list-page-current {
  min-width: 64px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border);
  border-left: 0;
  background: var(--color-surface-subtle);
  color: var(--color-text);
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: 0 var(--space-5);
}

.member-list-page-current {
  gap: var(--space-2);
  min-width: 86px;
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-surface);
  font-weight: 900;
}

.member-list-page-current em {
  font-style: normal;
  opacity: 0.86;
}

.member-list-page-btn:first-child {
  border-left: 1px solid var(--color-border);
}

.member-list-page-btn:hover,
.member-list-page-btn:focus-visible {
  background: var(--color-sidebar-accent-soft);
  color: var(--color-primary);
  outline: none;
}

.member-list-page-btn.active {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-surface);
}

.member-list-page-btn:disabled {
  cursor: default;
  opacity: 0.58;
}


.member-approval-filter-toolbar {
  grid-template-columns: minmax(var(--layout-admin-filter-core-min-width), 0.65fr) repeat(2, minmax(142px, 0.75fr)) minmax(var(--layout-admin-filter-core-min-width), 0.65fr) minmax(var(--layout-admin-filter-core-min-width), 0.65fr) minmax(var(--layout-admin-filter-search-min-width), 1fr) minmax(112px, 0.55fr) auto;
  align-items: end;
}

.member-approval-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  padding: var(--space-5) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}

.member-approval-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(170px, 1fr));
  gap: var(--space-6);
  padding: var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.member-approval-card {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.member-approval-card span,
.member-approval-card small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.member-approval-card strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.member-approval-card.primary {
  border-color: var(--color-sidebar-accent-border);
}

.member-approval-card.success {
  border-color: var(--color-sidebar-accent-border);
}

.member-approval-card.warning {
  border-color: var(--color-notice-border);
}

.member-approval-batch-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  padding: var(--space-6) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.member-approval-batch-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}

.member-approval-wrap {
  overflow-x: auto;
}

.member-approval-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1360px);
}

.member-approval-table th,
.member-approval-table td {
  padding: var(--layout-admin-table-cell-padding-y) var(--layout-admin-table-cell-padding-x);
  vertical-align: top;
}

.member-approval-table tr.selected td {
  background: var(--color-sidebar-accent-soft);
}

.member-approval-table td small {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-text-muted);
}

.table-sort,
.table-sort-button,
th .link-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  max-width: 100%;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  line-height: 1.2;
  padding: var(--space-1) var(--space-2);
  text-align: center;
  white-space: nowrap;
}

th .table-sort,
th .table-sort-button {
  width: 100%;
}

.table-sort:hover,
.table-sort.active,
.table-sort-button:hover,
.table-sort-button.active,
th .link-button:hover {
  background: var(--color-sidebar-accent-soft);
  color: var(--color-sidebar-accent-muted);
  text-decoration: none;
}

.table-sort-indicator {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 900;
  line-height: 1;
}

.table-sort.active .table-sort-indicator,
.table-sort-button.active .table-sort-indicator {
  color: var(--color-sidebar-accent);
}

.numeric {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

table td {
  text-align: center !important;
  vertical-align: middle !important;
}

table td.numeric,
table td.ledger-credit,
table td.ledger-debit {
  text-align: right !important;
  font-variant-numeric: tabular-nums;
}

table td.table-cell-date {
  line-height: 1.38;
  white-space: pre-line;
}

table td:first-child {
  text-align: center !important;
}

table td .row-actions {
  justify-content: center;
}

.numeric.positive {
  color: var(--color-primary);
}

.numeric.negative {
  color: var(--color-danger);
}

.member-type {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  padding: 0 var(--space-4);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-id-menu {
  position: relative;
  display: grid;
  gap: var(--space-1);
  align-items: start;
}

.member-id-main {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}

.member-id-trigger {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  max-width: 240px;
  min-height: 30px;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-text-strong);
  padding: 0 var(--space-4);
  font-weight: 800;
}

.member-memo-trigger {
  min-height: 24px;
  flex: 0 0 auto;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  padding: 0 var(--space-2);
}

.member-memo-trigger.has-memo {
  border-color: var(--color-primary);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-primary);
}

.member-memo-preview {
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.25;
  overflow: hidden;
  padding: 0;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-memo-trigger:hover,
.member-memo-preview:hover {
  color: var(--color-primary);
}

.member-id-trigger:hover {
  border-color: var(--color-primary);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-primary);
}

.member-id-trigger small {
  overflow: hidden;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  text-overflow: ellipsis;
}

.member-row-status-form select {
  min-width: 94px;
}

.member-tree-toolbar {
  grid-template-columns: minmax(116px, 0.75fr) minmax(180px, 1.4fr) repeat(2, minmax(130px, 1fr)) repeat(2, minmax(142px, 1fr)) auto auto;
  align-items: end;
}

.member-tree-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.member-tree-action-spacer {
  flex: 1 1 auto;
  min-width: var(--space-8);
}

.member-tree-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(140px, 1fr));
  gap: 0;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}

.member-tree-summary > div {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-7) var(--space-8);
  border-right: 1px solid var(--color-border);
}

.member-tree-summary > div:last-child {
  border-right: 0;
}

.member-tree-summary span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.member-tree-summary strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-lg);
  font-variant-numeric: tabular-nums;
}

.member-tree-summary .warning {
  background: var(--color-notice-bg);
}

.member-tree-summary .positive {
  color: var(--color-primary);
}

.member-tree-summary .negative {
  color: var(--color-danger);
}

.member-tree-table {
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

.member-tree-header,
.member-tree-row {
  display: grid;
  align-items: center;
}

.member-tree-header {
  min-height: 42px;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-muted);
  color: var(--color-text-strong);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-tree-header span,
.member-tree-row > span {
  display: grid;
  align-content: center;
  justify-items: center;
  height: 100%;
  min-width: 0;
  padding: var(--space-3) var(--space-3);
  overflow-wrap: anywhere;
  text-align: center;
}

.member-tree-row {
  min-height: 44px;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
  font-size: var(--font-size-xs);
}

.member-tree-row:hover {
  background: var(--color-surface-hover);
}

.member-tree-parent {
  color: var(--color-text-muted);
}

.member-tree-identity {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding-left: calc(var(--space-5) + var(--tree-indent, 0px)) !important;
}

.member-tree-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-primary);
  font-weight: 900;
}

.member-tree-toggle:hover:not(:disabled) {
  border-color: var(--color-primary);
  background: var(--color-sidebar-accent-soft);
}

.member-tree-toggle.empty {
  border-color: transparent;
  background: transparent;
}

.member-tree-toggle:disabled {
  color: var(--color-text-muted);
}

.member-tree-layout {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  align-items: stretch;
  min-height: 520px;
  border-top: 1px solid var(--color-border);
}

.member-tree-panel {
  align-self: stretch;
  min-width: 0;
  min-height: 0;
  height: 100%;
  max-height: none;
  overflow: auto;
  padding: var(--space-4);
  border-right: 1px solid var(--color-border);
  background: var(--color-sidebar-panel-strong);
}

.member-tree-detail-panel {
  min-width: 0;
  overflow: hidden;
  background: var(--color-surface);
}

.member-tree-node-list {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.member-tree-node-list .member-tree-node-list {
  margin-left: var(--space-5);
  padding-left: var(--space-2);
  border-left: 1px dashed var(--color-sidebar-accent-border);
}

.member-tree-node-line {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}

.member-tree-arrow {
  width: 22px;
  height: 28px;
  flex: 0 0 22px;
  border: 0;
  background: transparent;
  color: var(--color-text-muted);
  cursor: pointer;
}

.member-tree-arrow::before {
  display: inline-block;
  content: "›";
  font-size: 18px;
  font-weight: 900;
  transition: transform 0.16s ease;
}

.member-tree-node-item.open > .member-tree-node-line .member-tree-arrow::before {
  transform: rotate(90deg);
}

.member-tree-arrow.empty {
  cursor: default;
}

.member-tree-arrow.empty::before {
  content: "";
}

.member-tree-node {
  display: flex;
  align-items: center;
  min-width: 0;
  width: 100%;
  height: 30px;
  gap: var(--space-2);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-text);
  font-size: var(--font-size-xs);
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

.member-tree-node:hover,
.member-tree-node.selected {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-primary);
}

.member-tree-node.muted-node {
  color: var(--color-text-muted);
}

.member-tree-node span,
.member-tree-member-link span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-tree-node small,
.member-tree-member-link small {
  min-width: 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.member-tree-balance-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-soft);
}

.member-tree-balance-summary > div {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
  min-width: 0;
  padding: var(--space-5) var(--space-6);
}

.member-tree-balance-summary > div:first-child {
  border-right: 1px solid var(--color-border);
}

.member-tree-balance-summary span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-tree-balance-summary strong {
  color: var(--color-text-strong);
  font-variant-numeric: tabular-nums;
}

.member-tree-header,
.member-tree-row {
  grid-template-columns: minmax(170px, 1.45fr) repeat(5, minmax(56px, 0.66fr)) minmax(44px, 0.45fr) repeat(4, minmax(50px, 0.56fr)) minmax(62px, 0.58fr) minmax(86px, 0.68fr);
  width: 100%;
  min-width: 0;
}

.member-tree-header span {
  line-height: 1.25;
  text-align: center;
}

.member-tree-row .numeric {
  justify-items: end;
  line-height: 1.45;
  white-space: normal;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.member-tree-table-identity {
  justify-content: center;
  padding-left: var(--space-3) !important;
}

.member-tree-member-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  width: 100%;
  gap: var(--space-2);
  border: 0;
  background: transparent;
  color: var(--color-text-strong);
  font: inherit;
  font-weight: 800;
  text-align: center;
  cursor: pointer;
}

.member-tree-member-link:hover {
  color: var(--color-primary);
}

.member-tree-type {
  color: var(--color-text-muted);
  line-height: 1.55;
  font-weight: 800;
  text-align: center;
}

.member-tree-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: center;
  justify-content: center;
}

.member-tree-row-actions .button.small {
  min-width: 0;
  padding-inline: var(--space-3);
}

.member-tree-table-empty {
  margin: var(--space-8);
}

.member-wallet-quick {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

@media (max-width: 1500px) {
  .member-tree-layout {
    grid-template-columns: 1fr;
  }

  .member-tree-panel {
    height: auto;
    max-height: 260px;
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }
}

@media (max-width: 960px) {
  .member-tree-layout {
    grid-template-columns: 1fr;
  }

  .member-tree-panel {
    height: auto;
    max-height: 300px;
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }

  .member-tree-balance-summary {
    grid-template-columns: 1fr;
  }

  .member-tree-balance-summary > div:first-child {
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }
}

.blocked-ip-register-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: var(--space-5);
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 0;
}

.blocked-ip-create-form {
  display: grid;
  grid-template-columns: minmax(300px, 0.8fr) minmax(320px, 1fr) auto;
  grid-template-areas:
    "address reason submit"
    "help help help";
  column-gap: var(--space-4);
  row-gap: var(--space-2);
  align-items: end;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.blocked-ip-field {
  display: grid;
  gap: var(--space-2);
}

.blocked-ip-label {
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.blocked-ip-address-field {
  grid-area: address;
}

.blocked-ip-address-help {
  grid-area: help;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

.blocked-ip-reason-field {
  grid-area: reason;
}

.blocked-ip-octets {
  display: grid;
  grid-template-columns: repeat(4, minmax(46px, 72px));
  gap: var(--space-2);
  align-items: center;
}

.blocked-ip-octets span {
  display: none;
}

.blocked-ip-octets input {
  text-align: center;
}

.blocked-ip-actions {
  display: flex;
  align-items: end;
  justify-content: flex-start;
}

.blocked-ip-filter-toolbar {
  grid-template-columns: minmax(280px, 1.2fr) minmax(150px, 0.45fr) minmax(130px, 0.35fr) auto;
  align-items: stretch;
  justify-content: start;
}

.blocked-ip-create-form > .button,
.blocked-ip-actions .button {
  min-height: 42px;
  padding: 0 var(--space-7);
  font-size: var(--font-size-md);
}

.blocked-ip-create-form > .button {
  grid-area: submit;
}

.blocked-ip-filter-toolbar > .button {
  min-width: 72px;
}

.blocked-ip-wrap {
  margin-top: var(--space-4);
}

.blocked-ip-table {
  min-width: 620px;
}

.blocked-ip-table th,
.blocked-ip-table td {
  padding: var(--space-4) var(--space-5);
}

.blocked-ip-table th:first-child,
.blocked-ip-table td:first-child {
  width: 92px;
  text-align: center;
}

.blocked-ip-table td:first-child.numeric {
  text-align: center;
}

.blocked-ip-reason-meta {
  display: block;
  margin-top: 3px;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 600;
}

.river-member-session-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.river-member-session-toolbar__group,
.river-member-session-toolbar__search {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.river-member-session-toolbar__group select {
  min-width: 112px;
}

.river-member-session-toolbar__search input {
  min-width: 260px;
}

.member-session-wrap {
  margin-top: var(--space-4);
}

.member-session-table {
  min-width: 980px;
}

.member-session-table th,
.member-session-table td {
  padding: var(--space-4) var(--space-5);
  white-space: nowrap;
}

.member-session-table td:first-child {
  display: grid;
  gap: var(--space-1);
}

.river-admin-session-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.river-admin-session-toolbar__group,
.river-admin-session-toolbar__search {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.river-admin-session-toolbar__group select {
  min-width: 112px;
}

.river-admin-session-toolbar__search input {
  min-width: 260px;
}

.admin-session-wrap {
  margin-top: var(--space-4);
}

.admin-session-table {
  min-width: max(var(--layout-admin-table-min-width), 880px);
}

.admin-session-table th,
.admin-session-table td {
  padding: var(--layout-admin-table-cell-padding-y) var(--layout-admin-table-cell-padding-x);
  white-space: nowrap;
}

.admin-session-table th:nth-child(2),
.admin-session-table td:nth-child(2) {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: var(--layout-admin-table-sticky-key-width);
  max-width: calc(var(--layout-admin-table-sticky-key-width) * 1.7);
  background: var(--color-surface);
  box-shadow: 1px 0 0 var(--color-border);
}

.admin-session-table th:nth-child(2) {
  z-index: 3;
  background: var(--color-surface-subtle);
}

.admin-session-table tr:hover td:nth-child(2) {
  background: var(--color-surface-hover);
}

.member-alert-filter-toolbar {
  grid-template-columns: minmax(116px, 0.7fr) minmax(180px, 1.2fr) repeat(2, minmax(142px, 0.9fr)) minmax(126px, 0.7fr) minmax(112px, 0.6fr) auto;
  align-items: end;
}

.member-alert-actions {
  flex-wrap: wrap;
}

.member-alert-wrap {
  margin-top: var(--space-4);
}

.member-alert-table {
  min-width: 1160px;
}

.member-alert-table th,
.member-alert-table td {
  padding: var(--space-4) var(--space-5);
  vertical-align: top;
}

.member-alert-table th {
  vertical-align: middle;
}

.member-alert-action-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-4);
  min-height: var(--control-height-sm);
}

.member-alert-table th:last-child,
.member-alert-table td:last-child {
  min-width: 180px;
  text-align: center;
  vertical-align: middle;
}

.member-alert-table td:last-child .row-actions {
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}

.member-alert-confirmed-state {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  min-width: 56px;
  min-height: var(--control-height-compact);
  max-width: 240px;
  white-space: normal;
}

.member-alert-confirmation-note {
  font-size: var(--font-size-xxs);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.member-alert-message {
  min-width: 360px;
  white-space: normal;
  line-height: 1.55;
}

.money-request-filter-toolbar {
  grid-template-columns: minmax(var(--layout-admin-filter-core-min-width), 0.65fr) repeat(2, minmax(142px, 0.8fr)) minmax(var(--layout-admin-filter-core-min-width), 0.8fr) minmax(var(--layout-admin-filter-search-min-width), 1.2fr) auto;
  align-items: end;
}

.money-request-workspace {
  display: grid;
  gap: var(--space-7);
  margin-top: var(--space-6);
  padding: var(--space-8);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.money-request-workspace.empty {
  align-items: center;
  grid-template-columns: 1fr auto;
  min-height: 96px;
}

.money-request-workspace-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-8);
}

.money-request-workspace-header h3 {
  margin: var(--space-2) 0 var(--space-2);
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  line-height: 1.25;
}

.money-request-workspace-header p {
  margin: 0;
}

.money-request-workspace-eyebrow {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.money-request-workspace-links,
.money-request-workspace-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  justify-content: flex-end;
}

.money-request-workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(var(--layout-admin-detail-panel-min-width), var(--layout-admin-detail-panel-width));
  gap: var(--layout-admin-detail-panel-gap);
  align-items: stretch;
}

.money-request-decision-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
}

.money-request-decision-card {
  display: grid;
  align-content: start;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
}

.money-request-decision-card.primary {
  border-color: var(--color-border-strong);
  background: var(--color-surface-hover);
}

.money-request-decision-card.success {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-report-success-bg);
}

.money-request-decision-card.danger {
  border-color: var(--color-alert-border);
  background: var(--color-admin-alert-bg);
}

.money-request-decision-card span,
.money-request-decision-card small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.money-request-decision-card strong {
  overflow-wrap: anywhere;
  color: var(--color-text-strong);
  font-size: var(--font-size-lg);
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
}

.admin-al-result-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  margin: var(--space-4) 0 var(--space-5);
  padding: var(--space-5);
  border: 1px solid var(--color-badge-success-bg);
  border-left: 4px solid var(--color-success);
  border-radius: var(--radius-md);
  background: var(--color-report-success-bg);
}

.admin-al-result-notice > div {
  min-width: 0;
}

.admin-al-result-notice strong,
.admin-al-result-notice span,
.admin-al-wallet-table td > strong,
.admin-al-wallet-table td > small,
.admin-al-ledger-table td strong,
.admin-al-ledger-table td small {
  display: block;
}

.admin-al-result-notice span {
  margin-top: var(--space-1);
  color: var(--color-text-muted);
}

.admin-al-ledger-panel {
  margin-top: var(--space-6);
}

.money-request-process-panel {
  display: grid;
  gap: var(--space-5);
  min-width: 0;
  align-self: start;
  max-height: min(520px, calc(100vh - var(--layout-admin-header-height) - 180px));
  overflow: auto;
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-hover);
}

.money-request-process-panel.danger {
  border-color: var(--color-alert-border);
  background: var(--color-admin-alert-bg);
}

.money-request-process-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.money-request-status-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
}

.money-request-status-flow span {
  min-width: 0;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  text-align: center;
}

.money-request-status-flow span.active {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.money-request-process-panel ul {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding-left: var(--space-8);
  color: var(--color-text);
}

.money-request-batch-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  padding: var(--space-6) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}

.money-request-batch-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}

.money-request-wrap {
  margin-top: var(--space-4);
}

.money-request-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1480px);
}

.money-request-table-deposits {
  min-width: max(var(--layout-admin-table-wide-min-width), 1660px);
}

.money-request-table th,
.money-request-table td {
  padding: var(--layout-admin-table-cell-padding-y) var(--layout-admin-table-cell-padding-x);
  vertical-align: top;
}

.money-request-table .money-request-member-balance {
  width: 108px;
  min-width: 108px;
  max-width: 108px;
  white-space: nowrap;
}

.money-request-table .money-request-date {
  min-width: 168px;
  white-space: nowrap;
}

.money-request-status-stack,
.money-request-date-cell {
  display: grid;
  gap: var(--space-3);
}

.money-request-status-stack {
  justify-items: center;
}

.money-request-status-stack .row-actions {
  flex-wrap: nowrap;
  justify-content: center;
}

.money-request-account-cell {
  display: grid;
  gap: var(--space-2);
  min-width: 180px;
  max-width: 260px;
  overflow-wrap: anywhere;
}

.money-request-account-cell strong,
.money-request-account-cell small {
  display: block;
  min-width: 0;
}

.money-request-account-cell small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.45;
}

.money-request-row-active td {
  background: var(--color-surface-hover);
}

.money-request-focus-button.active {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.money-request-date-cell small,
.money-request-note {
  color: var(--color-text-muted);
}

.money-request-note {
  min-width: 160px;
  max-width: 280px;
  overflow-wrap: anywhere;
  white-space: normal;
}

.money-request-detail-dialog {
  width: min(1180px, calc(100% - 32px));
}

.money-request-detail-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  padding: 0 var(--space-10) var(--space-7);
}

.money-request-detail-summary > div {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
}

.money-request-detail-summary span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.money-request-detail-summary strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-lg);
  font-variant-numeric: tabular-nums;
}

.money-request-detail-wrap {
  margin: 0 var(--space-10) var(--space-10);
  max-height: min(520px, calc(100vh - 280px));
  overflow: auto;
}

.money-request-detail-table {
  min-width: 1080px;
}

.money-request-detail-table-deposits {
  min-width: 1240px;
}

.money-request-detail-table th,
.money-request-detail-table td {
  padding: var(--space-4) var(--space-5);
  vertical-align: top;
}

.ledger-filter-toolbar {
  grid-template-columns: minmax(132px, 0.8fr) minmax(118px, 0.6fr) repeat(2, minmax(142px, 0.75fr)) minmax(126px, 0.7fr) minmax(180px, 1.1fr) auto;
  align-items: end;
}

.ledger-type-tabs {
  margin-top: var(--space-4);
}

.ledger-wrap {
  margin-top: var(--space-4);
}

.ledger-table {
  min-width: 1360px;
}

.ledger-table th,
.ledger-table td {
  padding: var(--space-4) var(--space-5);
  vertical-align: top;
}

.ledger-credit,
.ledger-debit {
  font-weight: 800;
}

.ledger-credit {
  color: var(--color-success);
}

.ledger-debit {
  color: var(--color-danger);
}

.ledger-reason {
  min-width: 220px;
  white-space: normal;
}

.ledger-summary-row td {
  background: var(--color-surface-muted);
  font-weight: 800;
}

.casino-slot-bet-filter-toolbar {
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  align-items: end;
}

.casino-slot-bet-type-tabs,
.casino-slot-bet-category-tabs {
  margin-top: var(--space-4);
}

.casino-slot-bet-filter-group-label {
  min-width: 74px;
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 900;
  white-space: nowrap;
}

.casino-slot-bet-type-tablist,
.casino-slot-bet-category-tablist {
  min-width: 0;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.casino-slot-bet-zero-win-filter {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  margin-left: var(--space-2);
  padding-left: var(--space-6);
  border-left: 1px solid var(--color-border-strong);
  color: var(--color-text-strong);
  cursor: pointer;
  font-size: var(--font-size-sm);
  font-weight: 800;
  white-space: nowrap;
}

.casino-slot-bet-zero-win-filter input[type="checkbox"] {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  margin: 0;
  accent-color: var(--color-success);
}

.casino-slot-bet-filter-toolbar > :is(
  .casino-slot-bet-mobile-filter-field
) {
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
}

.casino-slot-bet-filter-toolbar > :is(
  .casino-slot-bet-mobile-filter-field
) > span {
  color: var(--color-text-strong);
  font-size: var(--font-size-xs);
  font-weight: 900;
  white-space: nowrap;
}

.casino-slot-bet-filter-toolbar > :is(
  .casino-slot-bet-mobile-filter-field
) > select {
  min-width: 0;
}

.casino-slot-bet-wrap {
  margin-top: var(--space-4);
  overflow-x: auto;
  overflow-y: visible;
}

.casino-slot-bet-table {
  width: 100%;
  min-width: 1180px;
  table-layout: fixed;
}

.casino-slot-bet-table th,
.casino-slot-bet-table td {
  overflow: hidden;
  padding: var(--space-3) var(--space-3);
  text-overflow: ellipsis;
  vertical-align: middle;
}

.casino-slot-bet-table th {
  font-size: 11px;
}

.casino-slot-bet-table td {
  font-size: var(--font-size-xs);
  line-height: 1.3;
}

.casino-slot-bet-table .table-sort {
  gap: 1px;
  padding-inline: 0;
}

.casino-slot-bet-table .table-sort-indicator {
  font-size: 10px;
}

.casino-slot-bet-table .link-button,
.casino-slot-bet-table .muted {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

.app-shell .casino-slot-bet-table .casino-slot-bet-list-member-identity {
  display: flex;
  width: 100%;
  max-width: 100%;
  align-items: stretch;
}

.app-shell .casino-slot-bet-table .casino-slot-bet-list-member-link {
  display: grid;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  gap: 2px;
  overflow: visible;
  padding: 0;
  text-align: center;
  text-overflow: clip;
  white-space: normal;
}

.app-shell .casino-slot-bet-table .casino-slot-bet-list-member-link :is(strong, small) {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
}

.casino-slot-bet-table .button.small {
  min-height: 26px;
  padding-inline: var(--space-3);
  font-size: 11px;
}

.casino-slot-bet-table th:nth-child(1),
.casino-slot-bet-table td:nth-child(1) {
  width: 42px;
  text-align: center;
}

.casino-slot-bet-table th:nth-child(2),
.casino-slot-bet-table td:nth-child(2) {
  width: 176px;
}

.casino-slot-bet-table th:nth-child(3),
.casino-slot-bet-table td:nth-child(3) {
  width: 68px;
  text-align: center;
}

.casino-slot-bet-table th:nth-child(4),
.casino-slot-bet-table td:nth-child(4) {
  width: 58px;
  text-align: center;
}

.casino-slot-bet-table th:nth-child(5),
.casino-slot-bet-table td:nth-child(5) {
  width: 88px;
}

.casino-slot-bet-table th:nth-child(6),
.casino-slot-bet-table td:nth-child(6) {
  width: 124px;
}

.casino-slot-bet-table th:nth-child(7),
.casino-slot-bet-table td:nth-child(7) {
  width: 62px;
  text-align: center;
}

.casino-slot-bet-table th:nth-child(8),
.casino-slot-bet-table td:nth-child(8) {
  width: 72px;
  text-align: center;
}

.casino-slot-bet-table th:nth-child(9),
.casino-slot-bet-table td:nth-child(9),
.casino-slot-bet-table th:nth-child(10),
.casino-slot-bet-table td:nth-child(10),
.casino-slot-bet-table th:nth-child(11),
.casino-slot-bet-table td:nth-child(11),
.casino-slot-bet-table th:nth-child(12),
.casino-slot-bet-table td:nth-child(12) {
  width: 86px;
  text-align: right;
}

.casino-slot-bet-table th:nth-child(13),
.casino-slot-bet-table td:nth-child(13) {
  width: 60px;
  text-align: center;
}

.casino-slot-bet-table th:nth-child(14),
.casino-slot-bet-table td:nth-child(14) {
  width: 104px;
  text-align: center;
}

.casino-slot-bet-table th:last-child,
.casino-slot-bet-table td:last-child {
  width: 128px;
  min-width: 128px;
  text-align: center;
  white-space: nowrap;
}

.casino-slot-bet-detail-dialog {
  width: min(1120px, calc(100% - 32px));
}

.casino-slot-bet-detail-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-6);
  padding: 0 var(--space-10) var(--space-7);
}

.casino-slot-bet-detail-summary > div {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
}

.casino-slot-bet-detail-summary span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.casino-slot-bet-detail-summary strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  font-variant-numeric: tabular-nums;
  word-break: break-word;
}

.casino-slot-bet-detail-payload {
  margin: 0 var(--space-10) var(--space-10);
}

.casino-slot-bet-detail-payload h3 {
  margin: 0 0 var(--space-4);
  font-size: var(--font-size-md);
}

.casino-slot-bet-detail-payload pre {
  max-height: min(420px, calc(100vh - 440px));
  margin: 0;
  overflow: auto;
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-muted);
  color: var(--color-text);
  white-space: pre-wrap;
}

.river-operational-detail-summary {
  display: grid;
  gap: var(--space-7);
  margin: 0 0 var(--space-7);
  padding: var(--space-8);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-xl);
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-panel);
}

.river-operational-detail-heading {
  display: flex;
  align-items: center;
  gap: var(--space-6);
}

.river-operational-detail-heading-icon {
  display: inline-grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: var(--radius-lg);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-sidebar-accent-strong);
  font-size: 21px;
}

.river-operational-detail-heading h2,
.river-operational-detail-heading p,
.river-operational-detail-context,
.river-operational-detail-context :is(dt, dd),
.river-operational-detail-metrics,
.river-operational-detail-metrics :is(dt, dd) {
  margin: 0;
}

.river-operational-detail-heading h2 {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-lg);
  font-weight: 900;
  letter-spacing: -0.02em;
}

.river-operational-detail-heading p {
  margin-top: var(--space-1);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 600;
}

.river-operational-detail-context {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-lg);
  background: var(--color-admin-surface-subtle);
}

.river-operational-detail-context-item {
  display: grid;
  align-content: center;
  gap: var(--space-4);
  min-width: 0;
  min-height: 76px;
  padding: var(--space-6) var(--space-7);
}

.river-operational-detail-context-item + .river-operational-detail-context-item {
  border-inline-start: 1px solid var(--color-admin-border);
}

.river-operational-detail-span-2 {
  grid-column: span 2;
}

.river-operational-detail-span-3 {
  grid-column: span 3;
}

.river-operational-detail-span-4 {
  grid-column: span 4;
}

.river-operational-detail-span-6 {
  grid-column: span 6;
}

.river-operational-detail-span-12 {
  grid-column: span 12;
}

.river-operational-detail-context-item dt,
.river-operational-detail-metric dt {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.river-operational-detail-context-item dt {
  color: var(--color-admin-text-muted);
}

.river-operational-detail-context-item dt .material-symbols-outlined,
.river-operational-detail-metric dt .material-symbols-outlined {
  flex: 0 0 auto;
  font-size: 17px;
}

.river-operational-detail-context-item dd {
  min-width: 0;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-md);
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.river-operational-detail-context-item.river-operational-detail-tone-positive dd {
  color: var(--color-success);
}

.river-operational-detail-context-item.river-operational-detail-tone-negative dd {
  color: var(--color-danger);
}

.river-operational-detail-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-primary);
}

.river-operational-detail-metric {
  display: grid;
  align-content: center;
  gap: var(--space-4);
  min-width: 0;
  min-height: 78px;
  padding: var(--space-6) var(--space-8);
}

.river-operational-detail-metric + .river-operational-detail-metric {
  border-inline-start: 1px solid var(--color-primary-hover);
}

.river-operational-detail-metric dt {
  color: var(--color-primary-variant);
}

.river-operational-detail-metric dd {
  min-width: 0;
  overflow: hidden;
  color: var(--color-text-inverse);
  font-size: var(--font-size-xl);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.river-operational-detail-metric.river-operational-detail-tone-positive dd {
  color: var(--color-sidebar-accent);
}

.river-operational-detail-metric.river-operational-detail-tone-negative dd {
  color: var(--color-admin-danger);
}

.river-operational-detail-metric.river-operational-detail-tone-muted dd {
  font-size: var(--font-size-md);
}

body.casino-slot-bet-detail-page {
  min-width: 0;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background: var(--color-admin-canvas);
  color: var(--color-admin-text);
  font-family: var(--font-family-base);
}

.casino-slot-bet-detail-page *,
.casino-slot-bet-detail-page *::before,
.casino-slot-bet-detail-page *::after {
  box-sizing: border-box;
}

.casino-slot-bet-detail-window {
  width: min(1480px, 100%);
  min-height: 100vh;
  margin: 0 auto;
  padding: var(--space-10) var(--space-11) var(--space-12);
}

.casino-slot-bet-window-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
  margin-bottom: var(--space-7);
  padding: var(--space-8) var(--space-9);
  border-radius: var(--radius-xl);
  background: var(--color-primary);
  color: var(--color-text-inverse);
  box-shadow: var(--shadow-panel);
}

.casino-slot-bet-window-title {
  display: flex;
  align-items: center;
  gap: var(--space-7);
  min-width: 0;
}

.casino-slot-bet-window-title-icon {
  display: inline-grid;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: var(--radius-lg);
  background: var(--color-sidebar-accent);
  color: var(--color-primary);
  font-size: 25px;
}

.casino-slot-bet-window-header h1,
.casino-slot-bet-window-header p {
  margin: 0;
}

.casino-slot-bet-window-header h1 {
  color: var(--color-text-inverse);
  font-size: var(--font-size-2xl);
  font-weight: 900;
  letter-spacing: -0.035em;
}

.casino-slot-bet-window-header p {
  margin-top: var(--space-2);
  color: var(--color-primary-variant);
  font-size: var(--font-size-xs);
  font-weight: 600;
}

.casino-slot-bet-window-eyebrow {
  display: block;
  margin-bottom: var(--space-2);
  color: var(--color-sidebar-accent);
  font-size: var(--font-size-xxs);
  font-weight: 900;
  letter-spacing: 0.12em;
}

.casino-slot-bet-window-close {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  min-height: 44px;
  padding: 0 var(--space-7);
  border: 1px solid var(--color-primary-variant);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface);
  color: var(--color-primary);
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 900;
  cursor: pointer;
}

.casino-slot-bet-window-close:hover,
.casino-slot-bet-window-close:focus-visible {
  border-color: var(--color-sidebar-accent);
  outline: 0;
  box-shadow: var(--shadow-focus);
}

.casino-slot-bet-window-close .material-symbols-outlined {
  font-size: 18px;
}

.casino-slot-bet-member-identity {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-5);
  min-width: 0;
  color: var(--member-identity-color, var(--color-admin-text-strong));
}

.casino-slot-bet-member-mark {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: var(--radius-md);
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-muted);
}

.casino-slot-bet-member-mark.active {
  color: var(--member-identity-color, var(--color-sidebar-accent-strong));
}

.casino-slot-bet-member-mark .material-symbols-outlined {
  font-size: 18px;
}

.casino-slot-bet-member-identity-copy {
  display: grid;
  gap: var(--space-1);
  min-width: 0;
}

.casino-slot-bet-member-identity-copy strong,
.casino-slot-bet-member-identity-copy small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.casino-slot-bet-member-identity-copy strong {
  color: inherit;
  font-size: var(--font-size-md);
  font-weight: 900;
}

.casino-slot-bet-member-identity-copy small {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.casino-slot-bet-slot-panel {
  display: grid;
  align-content: start;
  gap: var(--space-7);
  min-height: calc(100vh - 240px);
  padding: var(--space-8);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-xl);
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-panel);
}

.casino-slot-bet-window-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-7);
}

.casino-slot-bet-window-section-heading {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  min-width: 0;
}

.casino-slot-bet-window-section-heading > .material-symbols-outlined {
  display: inline-grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: var(--radius-lg);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-sidebar-accent-strong);
  font-size: 21px;
}

.casino-slot-bet-window-section-heading h2,
.casino-slot-bet-window-section-heading p {
  margin: 0;
}

.casino-slot-bet-window-section-heading h2 {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-lg);
  font-weight: 900;
}

.casino-slot-bet-window-section-heading p,
.casino-slot-bet-window-note {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 600;
}

.casino-slot-bet-window-section-title > a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  text-decoration: none;
}

.casino-slot-bet-window-section-title > a .material-symbols-outlined {
  font-size: 17px;
}

.casino-slot-bet-replay-frame {
  width: 100%;
  height: clamp(540px, calc(100vh - 240px), 860px);
  min-height: 540px;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-lg);
  background: var(--color-code-bg);
}

.casino-slot-bet-symbol-grid {
  display: grid;
  gap: var(--space-3);
  max-width: 560px;
}

.casino-slot-bet-symbol-grid span {
  display: grid;
  min-height: 48px;
  place-items: center;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface-muted);
  font-weight: 800;
}

.casino-slot-bet-win-positions,
.casino-slot-bet-transaction-detail {
  display: grid;
  gap: var(--space-4);
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
}

.casino-slot-bet-transaction-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-lg);
}

.casino-slot-bet-transaction-detail table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  background: var(--color-admin-surface);
}

.casino-slot-bet-transaction-detail th,
.casino-slot-bet-transaction-detail td {
  padding: var(--space-5) var(--space-6);
  border-bottom: 1px solid var(--color-admin-border);
  text-align: left;
  white-space: nowrap;
}

.casino-slot-bet-transaction-detail th {
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.casino-slot-bet-transaction-detail tbody tr:last-child td {
  border-bottom: 0;
}

@media (max-width: 980px) {
  .river-operational-detail-context {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: var(--color-admin-border);
  }

  .river-operational-detail-context-item,
  .river-operational-detail-span-2,
  .river-operational-detail-span-3,
  .river-operational-detail-span-4,
  .river-operational-detail-span-6,
  .river-operational-detail-span-12 {
    grid-column: span 1;
    border: 0;
    background: var(--color-admin-surface-subtle);
  }

  .river-operational-detail-context-item.is-wide {
    grid-column: span 2;
  }

  .river-operational-detail-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: var(--color-primary-hover);
  }

  .river-operational-detail-metric {
    border: 0;
    background: var(--color-primary);
  }
}

@media (max-width: 640px) {
  .casino-slot-bet-detail-window {
    padding: var(--space-5);
  }

  .casino-slot-bet-window-header {
    align-items: flex-start;
    padding: var(--space-7);
  }

  .casino-slot-bet-window-title {
    align-items: flex-start;
  }

  .casino-slot-bet-window-title-icon {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
    font-size: 22px;
  }

  .casino-slot-bet-window-header h1 {
    font-size: var(--font-size-lg);
  }

  .casino-slot-bet-window-header p,
  .casino-slot-bet-window-eyebrow {
    display: none;
  }

  .casino-slot-bet-window-close {
    padding: 0 var(--space-5);
  }

  .river-operational-detail-summary,
  .casino-slot-bet-slot-panel {
    padding: var(--space-6);
    border-radius: var(--radius-lg);
  }

  .river-operational-detail-context,
  .river-operational-detail-metrics {
    grid-template-columns: minmax(0, 1fr);
  }

  .river-operational-detail-context-item,
  .river-operational-detail-context-item.is-wide,
  .river-operational-detail-metric,
  .river-operational-detail-metric.is-wide {
    grid-column: span 1;
    border: 0;
  }

  .casino-slot-bet-window-section-title {
    align-items: flex-start;
    flex-direction: column;
  }

  .casino-slot-bet-window-section-title > a {
    align-self: stretch;
    justify-content: center;
  }

  .casino-slot-bet-replay-frame {
    height: clamp(420px, calc(100vh - 180px), 680px);
    min-height: 420px;
  }
}

.settlement-adjustment-view > .section-header > .muted {
  margin-left: auto;
}

.settlement-adjustment-policy {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-6);
  margin: var(--space-7) var(--space-8) 0;
}

.settlement-adjustment-policy strong {
  color: var(--color-text-strong);
  white-space: nowrap;
}

.settlement-adjustment-policy span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.settlement-adjustment-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-7);
  padding: var(--space-7) var(--space-8) var(--space-8);
  border-bottom: 1px solid var(--color-border);
}

.settlement-adjustment-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: var(--space-6);
  min-width: 0;
  padding: var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
}

.settlement-adjustment-form-copy,
.settlement-adjustment-form-wide,
.settlement-adjustment-form-actions {
  grid-column: 1 / -1;
}

.settlement-adjustment-form-copy {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  padding-bottom: var(--space-5);
  border-bottom: 1px solid var(--color-border);
}

.settlement-adjustment-form-copy h3,
.settlement-adjustment-form-copy p,
.settlement-adjustment-history-title h3,
.settlement-adjustment-history-title p {
  margin: 0;
}

.settlement-adjustment-form-copy h3,
.settlement-adjustment-history-title h3 {
  color: var(--color-text-strong);
  font-size: var(--font-size-md);
}

.settlement-adjustment-form-copy p,
.settlement-adjustment-history-title p {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.settlement-adjustment-form label {
  display: grid;
  align-content: start;
  gap: var(--space-3);
  min-width: 0;
}

.settlement-adjustment-form label > span {
  color: var(--color-text-strong);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.settlement-adjustment-form label > small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xxs);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.settlement-adjustment-form :is(input, select, textarea) {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.settlement-adjustment-form textarea {
  min-height: 88px;
}

.settlement-adjustment-form-actions {
  display: flex;
  justify-content: flex-end;
  min-width: 0;
}

.settlement-adjustment-history-title {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-7) var(--space-8) var(--space-5);
}

.settlement-adjustment-filter-toolbar {
  grid-template-columns: repeat(2, minmax(var(--layout-admin-filter-core-min-width), 0.7fr)) repeat(2, minmax(142px, 0.75fr)) minmax(var(--layout-admin-filter-search-min-width), 1.2fr) minmax(var(--layout-admin-filter-core-min-width), 0.55fr) auto;
  padding-top: var(--space-5);
}

.settlement-adjustment-table-wrap {
  margin-top: var(--space-4);
}

.settlement-adjustment-table {
  min-width: var(--layout-admin-table-wide-min-width);
  table-layout: fixed;
}

.settlement-adjustment-table th,
.settlement-adjustment-table td {
  overflow-wrap: anywhere;
  white-space: normal;
}

.settlement-adjustment-table :is(th:nth-child(1), td:nth-child(1)) {
  width: 52px;
}

.settlement-adjustment-table :is(th:nth-child(2), td:nth-child(2), th:nth-child(6), td:nth-child(6)) {
  width: 82px;
}

.settlement-adjustment-table :is(th:nth-child(3), td:nth-child(3), th:nth-child(5), td:nth-child(5), th:nth-child(7), td:nth-child(7)) {
  width: 104px;
}

.settlement-adjustment-table :is(th:nth-child(4), td:nth-child(4)) {
  width: 136px;
}

.settlement-adjustment-table :is(th:nth-child(8), td:nth-child(8), th:nth-child(9), td:nth-child(9), th:nth-child(10), td:nth-child(10)) {
  width: 112px;
  white-space: normal;
}

.settlement-adjustment-table td.numeric > .positive {
  color: var(--color-primary);
}

.settlement-adjustment-table td.numeric > .negative {
  color: var(--color-danger);
}

.settlement-adjustment-table :is(th:nth-child(11), td:nth-child(11)) {
  width: 220px;
}

.settlement-adjustment-table :is(th:nth-child(12), td:nth-child(12)) {
  width: 150px;
}

.settlement-adjustment-table :is(th:nth-child(13), td:nth-child(13)) {
  width: 120px;
}

.settlement-adjustment-reason {
  text-align: left;
}

@media (max-width: 1180px) {
  .settlement-adjustment-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .settlement-adjustment-filter-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .settlement-adjustment-policy {
    margin-inline: var(--space-6);
  }

  .settlement-adjustment-form-grid,
  .settlement-adjustment-history-title {
    padding-inline: var(--space-6);
  }

  .settlement-adjustment-form,
  .settlement-adjustment-filter-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }
}

.losing-settlement-view {
  width: 100%;
  min-width: 0;
  max-width: none;
  color: var(--color-text);
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
}

.losing-settlement-view > .section-header {
  flex-wrap: wrap;
  gap: var(--space-6);
}

.losing-settlement-view > .section-header > div {
  display: grid;
  gap: var(--space-2);
  min-width: min(100%, 360px);
}

.losing-settlement-view > .section-header .muted {
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.losing-settlement-view > .section-header > .muted {
  margin-left: auto;
}

.losing-settlement-tabs {
  margin: 0 var(--space-8);
  padding-top: var(--space-7);
}

.losing-settlement-tabs .status-tab {
  min-width: 116px;
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm);
  white-space: nowrap;
}

.losing-settlement-tab-panel {
  min-width: 0;
  padding-bottom: var(--space-8);
}

.losing-settlement-policy {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-6);
  margin: var(--space-7) var(--space-8) 0;
}

.losing-settlement-policy strong {
  color: var(--color-text-strong);
  white-space: nowrap;
}

.losing-settlement-policy span {
  min-width: 0;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.losing-settlement-settings-form {
  min-width: 0;
  margin: var(--space-7) var(--space-8) 0;
  padding: var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
}

.losing-settlement-form-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-7);
  min-width: 0;
  padding-bottom: var(--space-6);
  border-bottom: 1px solid var(--color-border);
}

.losing-settlement-form-heading > div {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
}

.losing-settlement-form-heading h3,
.losing-settlement-form-heading p {
  margin: 0;
}

.losing-settlement-form-heading h3 {
  color: var(--color-text-strong);
  font-size: var(--font-size-lg);
}

.losing-settlement-form-heading p {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.losing-settlement-form-heading .button {
  flex: 0 0 auto;
  max-width: 100%;
  white-space: normal;
}

.losing-settlement-setting-grid {
  display: grid;
  grid-template-columns: minmax(190px, 1.35fr) minmax(170px, 1fr) repeat(2, minmax(132px, 0.72fr));
  gap: var(--space-6);
  min-width: 0;
  padding-top: var(--space-7);
}

.losing-settlement-setting-grid.has-mode {
  grid-template-columns: repeat(3, minmax(150px, 1fr)) repeat(2, minmax(126px, 0.72fr));
}

.losing-settlement-setting-grid > label:not(.losing-settlement-switch) {
  display: grid;
  align-content: start;
  gap: var(--space-3);
  min-width: 0;
}

.losing-settlement-setting-grid > label > span,
.losing-settlement-switch > span {
  color: var(--color-text-strong);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.losing-settlement-setting-grid select,
.losing-settlement-setting-grid input {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: var(--control-height-md);
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm);
}

.losing-settlement-rate-input {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  min-width: 0;
}

.losing-settlement-rate-input input {
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.losing-settlement-rate-input > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border);
  border-left: 0;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  background: var(--color-surface-muted);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.losing-settlement-switch {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px auto;
  align-items: center;
  gap: var(--space-4);
  min-width: 0;
  min-height: 62px;
  padding: var(--space-5) var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
}

.losing-settlement-switch input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.losing-settlement-switch b {
  position: relative;
  width: 44px;
  height: 24px;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-pill);
  background: var(--color-surface-muted);
  cursor: pointer;
}

.losing-settlement-switch b::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--color-surface);
  content: "";
  transition: transform 120ms ease;
}

.losing-settlement-switch input:checked + b {
  border-color: var(--color-primary);
  background: var(--color-primary);
}

.losing-settlement-switch input:checked + b::after {
  transform: translateX(20px);
}

.losing-settlement-switch input:focus-visible + b {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 2px;
}

.losing-settlement-switch input:disabled + b {
  cursor: not-allowed;
  opacity: 0.6;
}

.losing-settlement-switch em {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 800;
}

.losing-settlement-updated,
.losing-settlement-rule-note {
  margin: var(--space-6) 0 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.losing-settlement-formula-guide {
  display: grid;
  grid-template-columns: repeat(5, minmax(150px, 1fr));
  gap: var(--space-5);
  min-width: 0;
  margin: var(--space-7) var(--space-8) 0;
}

.losing-settlement-formula-guide > div {
  display: grid;
  align-content: start;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.losing-settlement-formula-guide strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
}

.losing-settlement-formula-guide span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.losing-settlement-partner-search-shell {
  min-width: 0;
  margin: var(--space-7) var(--space-8) 0;
}

.losing-settlement-partner-search {
  grid-template-columns: minmax(220px, 360px) auto;
  padding: var(--space-6);
}

.losing-settlement-partner-search :is(input, button) {
  max-width: 100%;
}

.losing-settlement-member-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-7);
  min-width: 0;
  margin-top: var(--space-6);
  padding: var(--space-6) var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
}

.losing-settlement-member-heading > div {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--space-4);
  min-width: 0;
}

.losing-settlement-member-heading strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-md);
  overflow-wrap: anywhere;
}

.losing-settlement-member-heading span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.losing-settlement-partner-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: var(--space-7);
  min-width: 0;
  margin: var(--space-7) var(--space-8) 0;
}

.losing-settlement-partner-grid .losing-settlement-settings-form {
  margin: 0;
}

.losing-settlement-line-form fieldset {
  min-width: 0;
  margin: var(--space-7) 0 0;
  padding: 0 var(--space-6) var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.losing-settlement-line-form legend {
  padding: 0 var(--space-4);
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.losing-settlement-rights-filter {
  grid-template-columns: minmax(148px, 0.7fr) minmax(148px, 0.7fr) minmax(220px, 1.25fr) minmax(116px, 0.5fr) auto auto;
  margin-top: var(--space-5);
}

.losing-settlement-rights-filter :is(input, select, button) {
  max-width: 100%;
}

.losing-settlement-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: var(--space-5);
  min-width: 0;
  padding: var(--space-7) var(--space-8);
}

.losing-settlement-summary > div {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-6) var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
}

.losing-settlement-summary span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.losing-settlement-summary strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.losing-settlement-summary .positive,
.losing-settlement-rights-table .positive {
  color: var(--color-primary);
}

.losing-settlement-summary .negative,
.losing-settlement-rights-table .negative {
  color: var(--color-danger);
}

.losing-settlement-bulkbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-5);
  min-width: 0;
  margin: 0 var(--space-8);
  padding: var(--space-5) var(--space-6);
  border: 1px solid var(--color-border);
  border-bottom: 0;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  background: var(--color-surface-subtle);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

.losing-settlement-bulkbar .button {
  max-width: 100%;
  white-space: normal;
}

.losing-settlement-rights-wrap {
  margin: 0 var(--space-8);
  border-radius: 0 0 var(--radius-md) var(--radius-md);
}

.losing-settlement-rights-table {
  min-width: 1540px;
  table-layout: fixed;
  font-size: var(--font-size-xs);
}

.losing-settlement-rights-table th,
.losing-settlement-rights-table td {
  min-width: 0;
  padding: var(--space-5) var(--space-4);
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}

.losing-settlement-rights-table tr.selected td {
  background: var(--color-admin-selection-soft);
}

.losing-settlement-rights-table .selection-column {
  width: 46px;
  text-align: center;
}

.losing-settlement-rights-table :is(th:nth-child(2), td:nth-child(2)) { width: 104px; }
.losing-settlement-rights-table :is(th:nth-child(3), td:nth-child(3)) { width: 120px; }
.losing-settlement-rights-table :is(th:nth-child(4), td:nth-child(4)) { width: 138px; }
.losing-settlement-rights-table :is(th:nth-child(5), td:nth-child(5)) { width: 158px; }
.losing-settlement-rights-table :is(th:nth-child(6), td:nth-child(6), th:nth-child(7), td:nth-child(7), th:nth-child(8), td:nth-child(8), th:nth-child(9), td:nth-child(9), th:nth-child(10), td:nth-child(10)) { width: 106px; }
.losing-settlement-rights-table :is(th:nth-child(11), td:nth-child(11)) { width: 98px; }
.losing-settlement-rights-table :is(th:nth-child(12), td:nth-child(12)) { width: 142px; }
.losing-settlement-rights-table :is(th:nth-child(13), td:nth-child(13)) { width: 116px; }

.losing-settlement-rights-table td.numeric {
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: normal;
}

.losing-settlement-rights-table td.numeric > span {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.losing-settlement-action-cell {
  text-align: center;
}

.losing-settlement-action-cell .button {
  width: 100%;
  max-width: 96px;
  margin: var(--space-1) 0;
  white-space: normal;
}

.losing-settlement-pagination {
  margin-inline: var(--space-8);
}

.losing-settlement-result {
  margin: var(--space-7) var(--space-8) 0;
  overflow-wrap: anywhere;
}

.losing-settlement-recalculate-dialog .member-action-fields {
  grid-template-columns: minmax(0, 1fr);
}

.losing-settlement-recalculate-dialog .field,
.losing-settlement-recalculate-dialog :is(input, textarea) {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 2199px) {
  .losing-settlement-partner-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 1280px) {
  .losing-settlement-setting-grid,
  .losing-settlement-setting-grid.has-mode {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .losing-settlement-formula-guide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .losing-settlement-rights-filter {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .losing-settlement-tabs,
  .losing-settlement-policy,
  .losing-settlement-settings-form,
  .losing-settlement-formula-guide,
  .losing-settlement-partner-search-shell,
  .losing-settlement-partner-grid,
  .losing-settlement-bulkbar,
  .losing-settlement-rights-wrap,
  .losing-settlement-result,
  .losing-settlement-pagination {
    margin-inline: var(--space-6);
  }

  .losing-settlement-tabs {
    overflow-x: auto;
  }

  .losing-settlement-policy strong {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .losing-settlement-form-heading,
  .losing-settlement-member-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .losing-settlement-setting-grid,
  .losing-settlement-setting-grid.has-mode,
  .losing-settlement-formula-guide,
  .losing-settlement-partner-search,
  .losing-settlement-rights-filter,
  .losing-settlement-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .losing-settlement-summary {
    padding-inline: var(--space-6);
  }
}

.member-money-settlement-view {
  width: 100%;
  max-width: none;
  color: var(--color-bling-text);
  font-family: var(--font-family-base);
}

.member-money-settlement-panel {
  overflow: hidden;
  border: 1px solid var(--color-bling-panel-border);
  background: var(--color-bling-surface);
}

.member-money-settlement-toolbar-shell {
  display: flex;
  min-height: 76px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 18px;
  background: var(--color-bling-filter-bg);
}

.member-money-settlement-presets,
.member-money-settlement-toolbar {
  display: flex;
  align-items: center;
  gap: 6px;
}

.member-money-settlement-presets button,
.member-money-settlement-toolbar button {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid var(--color-bling-search-border);
  border-radius: 4px;
  background: var(--color-bling-search-bg);
  color: var(--color-bling-surface);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
}

.member-money-settlement-presets button {
  border-color: var(--color-bling-control-border);
  background: var(--color-bling-surface);
  color: var(--color-bling-control-text);
}

.member-money-settlement-toolbar input,
.member-money-settlement-toolbar select {
  box-sizing: border-box;
  height: 34px;
  min-width: 0;
  border: 1px solid var(--color-bling-control-border);
  border-radius: 4px;
  background: var(--color-bling-surface);
  color: var(--color-bling-control-text);
  font: inherit;
  font-size: 12px;
}

.member-money-settlement-toolbar input {
  flex: 0 0 132px;
  width: 132px;
  padding: 0 9px;
}

.member-money-settlement-toolbar input[name="search"] {
  flex-basis: 160px;
  width: 160px;
}

.member-money-settlement-toolbar select {
  flex: 0 0 auto;
  padding: 0 8px;
}

.member-money-settlement-toolbar select[name="searchType"] {
  width: 110px;
}

.member-money-settlement-toolbar select[name="perPage"] {
  width: 90px;
}

.member-money-settlement-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid var(--color-bling-cell-border);
  border-bottom: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-surface);
}

.member-money-settlement-summary-card {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 3px 12px;
  padding: 11px 14px;
  border: 1px solid var(--color-bling-panel-border);
  border-top: 3px solid var(--color-bling-tab-active);
  border-radius: 4px;
  background: var(--color-bling-filter-bg);
}

.member-money-settlement-summary-card.withdraw {
  border-top-color: var(--color-bling-delete);
}

.member-money-settlement-summary-card.net {
  border-top-color: var(--color-bling-warning-hover);
}

.member-money-settlement-summary-card span,
.member-money-settlement-summary-card small {
  color: var(--color-bling-form-hint);
  font-size: 11px;
}

.member-money-settlement-summary-card strong {
  grid-row: span 2;
  color: var(--color-bling-tab-active-text);
  font-size: 18px;
}

.member-money-settlement-summary-card.withdraw strong {
  color: var(--color-bling-delete);
}

.member-money-settlement-split {
  display: grid;
  gap: 14px;
  padding: 0 18px 18px;
}

.member-money-settlement-section {
  min-width: 0;
  border: 1px solid var(--color-bling-cell-border);
}

.member-money-settlement-section > header {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  padding: 0 13px;
  background: var(--color-bling-header-bg);
}

.member-money-settlement-section h3,
.member-money-settlement-section p {
  margin: 0;
}

.member-money-settlement-section h3 {
  color: var(--color-bling-header-text);
  font-size: 14px;
}

.member-money-settlement-section p {
  color: var(--color-bling-form-hint);
  font-size: 12px;
}

.member-money-settlement-table-wrap {
  width: 100%;
  overflow-x: auto;
  border-right: 1px solid var(--color-bling-cell-border);
  border-bottom: 1px solid var(--color-bling-cell-border);
}

.member-money-settlement-table {
  width: 100%;
  min-width: 960px;
  border-collapse: collapse;
  table-layout: fixed;
}

.member-money-settlement-table th,
.member-money-settlement-table td {
  height: 38px;
  padding: 6px 9px;
  border-right: 1px solid var(--color-bling-cell-border);
  border-bottom: 1px solid var(--color-bling-cell-border);
  text-align: center;
  font-size: 12px;
}

.member-money-settlement-table tr > :last-child {
  border-right: 0;
}

.member-money-settlement-table thead th,
.member-money-settlement-table tfoot th,
.member-money-settlement-table tfoot td {
  background: var(--color-bling-header-bg);
  color: var(--color-bling-header-text);
  font-weight: 800;
}

.member-money-settlement-table tbody tr:hover {
  background: var(--color-bling-row-hover);
}

.member-money-settlement-table th:nth-child(1) { width: 145px; }
.member-money-settlement-table th:nth-child(2) { width: 180px; }
.member-money-settlement-table th:nth-child(3) { width: 130px; }
.member-money-settlement-table th:nth-child(4) { width: 130px; }
.member-money-settlement-table th:nth-child(5) { width: 120px; }
.member-money-settlement-table th:nth-child(6) { width: 160px; }
.member-money-settlement-table th:nth-child(7) { width: 90px; }

.member-money-settlement-table td > small {
  display: block;
  color: var(--color-bling-form-hint);
}

.member-money-settlement-member,
.member-money-settlement-detail {
  border: 0;
  background: transparent;
  color: var(--color-bling-tab-active-text);
  cursor: pointer;
  font: inherit;
}

.member-money-settlement-member {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 7px;
}

.member-money-settlement-member strong,
.member-money-settlement-member span,
.member-money-settlement-account {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-money-settlement-member span {
  color: var(--color-bling-form-hint);
}


@media (max-width: 1500px) {
  .member-money-settlement-toolbar-shell {
    align-items: stretch;
    flex-direction: column;
  }

  .member-money-settlement-toolbar {
    display: grid;
    width: 100%;
    grid-template-columns: 132px auto 132px 110px minmax(160px, 1fr) 90px auto;
  }

  .member-money-settlement-toolbar input,
  .member-money-settlement-toolbar input[name="search"],
  .member-money-settlement-toolbar select,
  .member-money-settlement-toolbar select[name="searchType"],
  .member-money-settlement-toolbar select[name="perPage"] {
    width: 100%;
    max-width: none;
  }
}

@media (min-width: 981px) and (max-width: 1500px) {
  .money-request-filter-toolbar.admin-filter-toolbar.date-range-enhanced-toolbar {
    grid-template-columns: 120px repeat(2, minmax(150px, 0.8fr)) 140px minmax(160px, 1fr) auto;
  }

  .money-request-filter-toolbar.admin-filter-toolbar.date-range-enhanced-toolbar > .date-range-picker {
    grid-column: span 2;
  }

  .money-request-filter-toolbar.admin-filter-toolbar.date-range-enhanced-toolbar > input[name="search"] {
    grid-column: auto;
  }
}

@media (max-width: 720px) {
  .member-money-settlement-summary {
    grid-template-columns: 1fr;
  }
}

/* Skin settings */
.skin-settings-view {
  display: grid;
  gap: var(--space-8);
  min-width: 0;
}

.skin-settings-stage-notice {
  display: flex;
  align-items: flex-start;
  gap: var(--space-5);
  border: 1px solid var(--color-admin-border-strong);
  border-radius: var(--radius-md);
  background: var(--color-admin-notice-bg);
  color: var(--color-text);
  padding: var(--space-6) var(--space-8);
}

.skin-settings-stage-notice > .material-symbols-outlined {
  color: var(--color-warning);
}

.skin-settings-stage-notice div {
  display: grid;
  gap: var(--space-2);
}

.skin-settings-stage-notice span {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.skin-settings-workspace {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-panel);
}

.skin-settings-navigation {
  min-width: 0;
  border-right: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.skin-settings-category-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-bottom: 1px solid var(--color-border);
}

.skin-settings-category-tabs button {
  min-height: 48px;
  border: 0;
  border-right: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
  font-weight: 800;
}

.skin-settings-category-tabs button:last-child {
  border-right: 0;
}

.skin-settings-category-tabs button.active {
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.skin-settings-vendor-list {
  display: grid;
  max-height: 680px;
  overflow-y: auto;
}

.skin-settings-vendor-button {
  min-height: 43px;
  border: 0;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
  padding: 0 var(--space-8);
  text-align: left;
}

.skin-settings-vendor-button:hover {
  background: var(--color-surface-hover);
}

.skin-settings-vendor-button.active {
  border-left: 4px solid var(--color-primary);
  background: var(--color-admin-selection-soft);
  color: var(--color-admin-selection-foreground);
  font-weight: 800;
  padding-left: calc(var(--space-8) - 4px);
}

.skin-settings-vendor-empty,
.skin-settings-empty {
  color: var(--color-text-muted);
  padding: var(--space-12);
  text-align: center;
}

.skin-settings-mobile-vendor {
  display: none;
}

.skin-settings-panel {
  min-width: 0;
}

.skin-settings-panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
  min-height: 72px;
  background: var(--color-surface-subtle);
  padding: var(--space-6) var(--space-8);
}

.skin-settings-panel-heading div {
  display: grid;
  gap: var(--space-2);
}

.skin-settings-panel-heading span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

.skin-settings-panel-heading h2 {
  margin: 0;
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
}

.skin-settings-read-mode {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  padding: var(--space-3) var(--space-6);
  font-weight: 700;
}

.skin-settings-hierarchy-note {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-admin-notice-bg);
  color: var(--color-text-muted);
  padding: var(--space-4) var(--space-8);
  font-size: var(--font-size-xs);
}

.skin-settings-hierarchy-note .material-symbols-outlined {
  color: var(--color-primary-hover);
  font-size: var(--font-size-xl);
}

.skin-settings-table {
  min-width: 0;
}

.skin-settings-table-header,
.skin-settings-partner-row {
  display: grid;
  grid-template-columns: minmax(210px, 27%) minmax(360px, 1fr) 150px;
}

.skin-settings-table-header {
  min-height: 76px;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.skin-settings-table-header > strong,
.skin-settings-table-header > div,
.skin-settings-partner-row > div {
  border-right: 1px solid var(--color-border);
}

.skin-settings-table-header > :last-child,
.skin-settings-partner-row > :last-child {
  border-right: 0;
}

.skin-settings-table-header > strong,
.skin-settings-table-header > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-5);
  text-align: center;
}

.skin-settings-table-header > div {
  flex-direction: column;
  gap: var(--space-1);
}

.skin-settings-table-header span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xxs);
  font-weight: 600;
}

.skin-settings-partner-row {
  min-height: 104px;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}

.skin-settings-partner-row:last-child {
  border-bottom: 0;
}

.skin-settings-partner-row:hover {
  outline: 2px solid var(--color-border-strong);
  outline-offset: -2px;
  background: var(--color-surface-hover);
}

.skin-settings-partner-cell {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-6);
}

.skin-settings-tree-spacer {
  width: 8px;
  height: 8px;
  border-top: 1px solid var(--color-text-muted);
  border-right: 1px solid var(--color-text-muted);
  transform: rotate(45deg);
}

.skin-settings-partner-card {
  display: grid;
  flex: 1;
  min-width: 0;
  min-height: 70px;
  align-content: center;
  border-radius: var(--radius-sm);
  background: var(--color-dashboard-header-partner);
  color: var(--color-text-inverse);
  padding: var(--space-5) var(--space-7);
}

.skin-settings-level {
  justify-self: start;
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  color: var(--color-dashboard-header-partner);
  padding: 1px var(--space-4);
  font-size: var(--font-size-xxs);
  font-weight: 800;
}

.skin-settings-partner-card strong,
.skin-settings-partner-card > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.skin-settings-partner-card > span:last-child {
  color: var(--color-text-inverse);
  font-size: var(--font-size-xs);
}

.skin-settings-limit-cell {
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.skin-settings-limit-field {
  display: grid;
  grid-template-columns: minmax(120px, 0.45fr) minmax(180px, 1fr);
  align-items: center;
  gap: var(--space-6);
  min-width: 0;
  padding: var(--space-4) var(--space-7);
}

.skin-settings-limit-field:first-child {
  border-bottom: 1px solid var(--color-border);
}

.skin-settings-limit-field > span:first-child {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.skin-settings-limit-field .material-symbols-outlined {
  font-size: var(--font-size-lg);
}

.skin-settings-currency-input {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  max-width: 220px;
}

.skin-settings-currency-input input {
  min-width: 0;
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
  text-align: right;
}

.skin-settings-currency-input > span {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border);
  border-left: 0;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  background: var(--color-surface-muted);
  color: var(--color-text-strong);
  font-weight: 800;
}

.skin-settings-action-cell {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: var(--space-3);
  padding: var(--space-6);
}

.app-shell .skin-settings-action-cell .button {
  min-width: 0;
  min-height: 34px;
  padding: 0 var(--space-4);
  font-size: var(--font-size-xs);
}

.app-shell .skin-settings-action-cell .skin-settings-cascade-button {
  border-color: var(--color-dashboard-header-deposit-wait);
  background: var(--color-dashboard-header-deposit-wait);
}

.app-shell .skin-settings-action-cell .skin-settings-save-button {
  border-color: var(--color-success);
  background: var(--color-success);
}

@media (max-width: 1050px) {
  .skin-settings-workspace {
    grid-template-columns: 210px minmax(0, 1fr);
  }

  .skin-settings-table-header,
  .skin-settings-partner-row {
    grid-template-columns: minmax(190px, 0.8fr) minmax(330px, 1fr) 136px;
  }
}

@media (max-width: 900px) {
  .skin-settings-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .skin-settings-navigation {
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
    padding: var(--space-5);
  }

  .skin-settings-category-tabs {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    overflow: hidden;
  }

  .skin-settings-vendor-list {
    display: none;
  }

  .skin-settings-mobile-vendor {
    display: grid;
    gap: var(--space-3);
    margin-top: var(--space-5);
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: 700;
  }

  .skin-settings-table-header {
    display: none;
  }

  .skin-settings-partner-list {
    display: grid;
    gap: var(--space-5);
    background: var(--color-surface-subtle);
    padding: var(--space-5);
  }

  .skin-settings-partner-row {
    grid-template-columns: minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
  }

  .skin-settings-partner-row > div {
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }

  .skin-settings-partner-row > div:last-child {
    border-bottom: 0;
  }

  .skin-settings-partner-card {
    min-height: 66px;
  }

  .skin-settings-action-cell {
    flex-direction: row;
  }

  .skin-settings-action-cell .button {
    flex: 1;
  }
}

@media (max-width: 520px) {
  .skin-settings-stage-notice,
  .skin-settings-panel-heading,
  .skin-settings-hierarchy-note {
    padding-right: var(--space-5);
    padding-left: var(--space-5);
  }

  .skin-settings-panel-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--space-4);
  }

  .skin-settings-limit-field {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    padding: var(--space-6);
  }

  .skin-settings-currency-input {
    max-width: none;
  }
}

.settlement-summary-view {
  max-width: calc(100vw - var(--layout-sidebar-width) - (var(--layout-content-padding-x) * 2));
}

.app-shell.sidebar-collapsed .settlement-summary-view {
  max-width: calc(100vw - var(--layout-sidebar-collapsed-width) - (var(--layout-content-padding-x) * 2));
}


.settlement-summary-page-title {
  display: flex;
  align-items: center;
  min-height: 70px;
  padding: 0 24px;
  border-bottom: 1px solid var(--color-report-line);
}

.settlement-summary-page-title h2 {
  margin: 0;
  color: var(--color-admin-text-strong);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
}

.settlement-summary-filter-toolbar {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 82px;
  position: relative;
  padding: 20px;
  border-bottom: 1px solid var(--color-report-line-soft);
  background: var(--color-report-panel-muted);
}

.settlement-summary-selects,
.settlement-summary-date-search,
.settlement-member-search-form {
  display: flex;
  align-items: center;
  min-width: 0;
}

.settlement-summary-selects {
  gap: 4px;
}

.settlement-summary-date-search {
  width: 100%;
  min-width: 0;
  margin-left: 0;
}

.settlement-summary-filter-toolbar select,
.settlement-member-search-form select,
.settlement-member-search-form input {
  height: 40px;
  border: 1px solid var(--color-report-control-border);
  border-radius: 0;
  background-color: var(--color-surface);
  color: var(--color-report-text);
  font-size: 13px;
  letter-spacing: 0;
}

.settlement-summary-filter-toolbar select,
.settlement-member-search-form select {
  min-width: 130px;
  padding: 0 30px 0 12px;
}

.settlement-member-search-form input {
  width: 120px;
  padding: 0 10px;
  border-left: 0;
}

.settlement-summary-filter-toolbar .date-range-picker {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.settlement-summary-search-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 40px;
  border: 0;
  border-radius: 0;
  background: var(--color-report-accent);
  color: var(--color-surface);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
}

.settlement-summary-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  min-height: 640px;
}

.settlement-summary-layout.tree-compact {
  grid-template-columns: 112px minmax(0, 1fr);
}

.settlement-summary-main {
  min-width: 0;
  border-left: 1px solid var(--color-report-divider);
}


.settlement-partner-scope {
  border-bottom: 1px solid var(--color-report-line-soft);
  background: var(--color-report-panel-muted);
}

.settlement-partner-scope-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 48px;
  padding: 8px 20px;
}

.settlement-partner-scope-head > div {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
}

.settlement-partner-scope-head span {
  overflow: hidden;
  color: var(--color-report-text);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settlement-partner-scope-head button,
.settlement-partner-scope-body form button {
  height: 30px;
  border: 1px solid var(--color-report-control-border);
  background: var(--color-surface);
  color: var(--color-report-text);
  cursor: pointer;
}

.settlement-partner-scope-body {
  padding: 0 20px 14px;
}

.settlement-partner-scope.is-collapsed .settlement-partner-scope-body {
  display: none;
}

.settlement-partner-scope-body form {
  display: flex;
  gap: 4px;
  margin-bottom: 8px;
}

.settlement-partner-scope-body input {
  width: min(280px, 100%);
  height: 34px;
  border: 1px solid var(--color-report-control-border);
  padding: 0 10px;
}

.settlement-partner-scope-list {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.settlement-partner-scope-list > button {
  display: grid;
  grid-template-columns: auto auto;
  gap: 2px 8px;
  flex: 0 0 auto;
  min-width: 150px;
  padding: 8px 10px;
  border: 1px solid var(--color-report-control-border);
  background: var(--color-surface);
  color: var(--color-report-text);
  text-align: left;
  cursor: pointer;
}

.settlement-partner-scope-list > button span,
.settlement-partner-scope-list > button em {
  font-size: 11px;
  font-style: normal;
}

.settlement-partner-scope-list > button em {
  grid-column: 1 / -1;
  color: var(--color-report-text);
}

.settlement-partner-scope-list > button:hover,
.settlement-partner-scope-list > button.active {
  border-color: var(--color-report-accent);
  background: var(--color-report-table-header-bg);
  color: var(--color-report-accent);
}

.settlement-summary-tabbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 54px;
  padding: 8px 20px;
  border-bottom: 1px solid var(--color-report-line-soft);
  background: var(--color-surface);
}

.settlement-summary-tabs {
  display: flex;
  align-items: center;
  gap: 4px;
}

.settlement-summary-tabs button {
  min-width: 78px;
  height: 34px;
  padding: 0 14px;
  border: 1px solid var(--color-report-control-border);
  background: var(--color-surface);
  color: var(--color-report-text);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.settlement-summary-tabs button:hover,
.settlement-summary-tabs button:focus-visible {
  border-color: var(--color-report-accent);
  color: var(--color-report-accent);
}

.settlement-summary-tabs button.active {
  border-color: var(--color-report-accent);
  background: var(--color-report-accent);
  color: var(--color-surface);
}

.settlement-member-panel {
  min-width: 0;
  background: var(--color-surface);
}

.settlement-member-panel-head {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-6);
  border-bottom: 1px solid var(--color-report-line-soft);
  background: var(--color-surface);
}

.settlement-member-panel-head button,
.settlement-member-tree-actions button {
  min-height: 30px;
  border: 1px solid var(--color-report-control-border);
  background: var(--color-surface);
  color: var(--color-report-text);
  cursor: pointer;
}

.settlement-member-panel-body {
  min-width: 0;
}

.settlement-member-tree-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-5);
  border-bottom: 1px solid var(--color-report-line-soft);
}

.settlement-member-panel.is-compact {
  align-self: start;
}

.settlement-member-panel.is-compact .settlement-member-panel-head {
  min-height: 64px;
  align-items: flex-start;
  flex-direction: column;
}

.settlement-member-search-form {
  justify-content: flex-start;
  min-height: calc(var(--control-height-default) + 20px);
  padding: var(--space-5);
  border-bottom: 1px solid var(--color-report-line-soft);
  background: var(--color-report-panel-muted);
}

.settlement-member-search-form .settlement-summary-search-button {
  gap: var(--space-2);
}

.settlement-member-search-form .settlement-summary-search-button .material-symbols-outlined {
  font-size: 17px;
}

.settlement-member-list {
  max-height: calc(100vh - 260px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 14px 18px 18px;
}

.settlement-panel {
  border-top: 1px solid var(--color-border);
  background: var(--color-surface);
}

.settlement-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  padding: var(--space-7) var(--space-8) var(--space-4);
}

.settlement-panel-header h3 {
  margin: 0;
  font-size: var(--font-size-md);
}

.settlement-stage-wrap,
.settlement-daily-wrap,
.settlement-monthly-wrap,
.settlement-summary-wrap {
  margin-top: 0;
  overflow-x: auto;
}

.settlement-stage-table,
.settlement-daily-table,
.settlement-monthly-table,
.settlement-summary-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

.settlement-daily-table {
  min-width: 680px;
  border-collapse: collapse;
  color: var(--color-report-text-strong);
  font-size: 12px;
  letter-spacing: 0;
}

.settlement-summary-table {
  min-width: 0;
}

.settlement-stage-table th,
.settlement-stage-table td,
.settlement-daily-table th,
.settlement-daily-table td,
.settlement-monthly-table th,
.settlement-monthly-table td,
.settlement-summary-table th,
.settlement-summary-table td {
  padding: var(--space-4) var(--space-5);
  vertical-align: top;
}

.settlement-daily-table th,
.settlement-daily-table td {
  height: 36px;
  min-width: 0;
  padding: 4px 8px;
  border: 1px solid var(--color-report-table-border);
  overflow: hidden;
  text-overflow: ellipsis;
}

.settlement-daily-table th {
  background: var(--color-report-table-header-bg);
  color: var(--color-admin-text-strong);
  font-weight: 700;
  line-height: 1.25;
  overflow: visible;
  text-overflow: clip;
  text-align: center;
  white-space: normal;
  word-break: keep-all;
}

.settlement-daily-table td {
  background: var(--color-surface)df5;
  line-height: 1.35;
  text-align: right;
  white-space: nowrap;
}

.settlement-daily-table .settlement-daily-date-cell {
  background: var(--color-surface);
  text-align: center;
}

.settlement-daily-table thead th:first-child,
.settlement-daily-table .settlement-daily-date-cell,
.settlement-daily-table .settlement-daily-total-label {
  position: sticky;
  left: 0;
  z-index: 1;
}

.settlement-daily-table thead th:first-child,
.settlement-daily-table .settlement-daily-total-label {
  z-index: 2;
}

.settlement-daily-table .settlement-daily-cash-cell {
  background: var(--color-report-success-bg);
}

.settlement-daily-table .settlement-daily-category-cell {
  color: var(--color-admin-text-strong);
  font-weight: 700;
  text-align: center;
}

.settlement-daily-table .settlement-daily-category-row.is-overall > .settlement-daily-category-cell,
.settlement-daily-table .settlement-daily-category-row.is-overall > .settlement-game-value,
.settlement-daily-table .settlement-daily-category-row.is-overall > [data-table-column="rolling"],
.settlement-daily-table .settlement-daily-category-row.is-overall > [data-table-column="profit"] {
  background: var(--color-report-success-soft-bg);
}

.settlement-daily-table .settlement-daily-group-start > * {
  border-top-width: 2px;
  border-top-color: var(--color-report-line-soft);
}

.settlement-daily-table td[rowspan],
.settlement-daily-table th[rowspan] {
  vertical-align: middle;
}

.settlement-daily-table tfoot .settlement-total-row:not(:first-child) > * {
  border-top-width: 1px;
  border-top-color: var(--color-report-table-border);
}

.settlement-daily-table .numeric {
  text-align: right;
}

.settlement-money-positive,
.settlement-game-value,
.settlement-daily-table .positive {
  color: var(--color-report-positive);
}

.settlement-money-negative,
.settlement-daily-table .negative {
  color: var(--color-report-negative);
}

.settlement-monthly-table { min-width: 900px; }
.settlement-stage-table { min-width: 820px; }

.settlement-total-row th,
.settlement-total-row td {
  background: var(--color-report-table-header-bg) !important;
  font-weight: 800;
  border-top: 2px solid var(--color-report-accent);
}

.settlement-col-date {
  width: 12%;
}

.settlement-col-money {
  width: 12%;
}

.settlement-col-cash-profit {
  width: 14%;
}

.settlement-col-category {
  width: 9%;
}

.settlement-col-game {
  width: 10%;
}

.settlement-col-profit {
  width: 11%;
}

.partner-daily-filter {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--color-report-line-soft);
  background: var(--color-report-panel-muted);
}

.partner-daily-filter input {
  height: 40px;
  border: 1px solid var(--color-report-control-border);
  padding: 0 10px;
}

.partner-daily-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 16px 20px;
}

.partner-daily-table-wrap {
  overflow-x: auto;
}

.partner-daily-table {
  min-width: 1800px;
  border-collapse: collapse;
}

.partner-daily-table th,
.partner-daily-table td {
  padding: 9px 10px;
  border: 1px solid var(--color-report-table-border);
  white-space: nowrap;
}

.partner-daily-table th {
  background: var(--color-report-table-header-bg);
  text-align: center;
}

.partner-daily-table th:first-child,
.partner-daily-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background: var(--color-surface);
}

.partner-daily-table thead th:first-child,
.partner-daily-table tfoot th:first-child {
  z-index: 2;
  background: var(--color-report-table-header-bg);
}

.partner-daily-memo {
  display: block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 980px) {
  .partner-daily-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  .settlement-summary-layout {
    grid-template-columns: 260px minmax(0, 1fr);
  }

  .settlement-summary-layout.tree-compact {
    grid-template-columns: 1fr;
  }

  .settlement-member-search-form {
    padding-inline: 16px;
  }

  .settlement-member-search-form select {
    min-width: 88px;
  }

  .settlement-member-search-form input {
    width: 76px;
  }

  .settlement-member-search-form .settlement-summary-search-button {
    width: 52px;
  }

  .settlement-daily-table {
    font-size: 10px;
  }

  .settlement-daily-table th,
  .settlement-daily-table td {
    padding: 3px 4px;
  }

  .settlement-summary-filter-toolbar {
    flex-wrap: wrap;
  }

  .settlement-summary-date-search {
    flex: 1 1 270px;
    margin-left: 0;
  }

  .settlement-summary-filter-toolbar .date-range-picker {
    width: 100%;
  }
}

.member-statistics-view {
  max-width: calc(100vw - var(--layout-sidebar-width) - (var(--layout-content-padding-x) * 2));
}

.app-shell.sidebar-collapsed .member-statistics-view {
  max-width: calc(100vw - var(--layout-sidebar-collapsed-width) - (var(--layout-content-padding-x) * 2));
}

.member-statistics-actions,
.member-statistics-tabs {
  flex-wrap: wrap;
}

.member-statistics-filter-toolbar {
  grid-template-columns: minmax(96px, 0.55fr) repeat(2, minmax(142px, 0.75fr)) minmax(132px, 0.75fr) minmax(180px, 1fr) repeat(2, minmax(120px, 0.65fr)) auto auto;
  align-items: end;
}

.member-statistics-wrap {
  margin-top: 0;
  overflow-x: auto;
}

.member-statistics-table {
  width: 100%;
  min-width: 1480px;
  table-layout: fixed;
  font-size: var(--font-size-xs);
}

.member-statistics-col-partner,
.member-statistics-col-parent {
  width: 7%;
}

.member-statistics-col-member {
  width: 12%;
}

.member-statistics-col-deposit,
.member-statistics-col-withdraw {
  width: 6.5%;
}

.member-statistics-col-money-profit {
  width: 7%;
}

.member-statistics-col-bet {
  width: 6%;
}

.member-statistics-col-win {
  width: 5.5%;
}

.member-statistics-col-payout {
  width: 4.5%;
}

.member-statistics-col-game,
.member-statistics-col-profit,
.member-statistics-col-balance,
.member-statistics-col-money,
.member-statistics-col-point {
  width: 7%;
}

.member-statistics-col-commission {
  width: 6%;
}

.member-statistics-col-final-profit {
  width: 6.5%;
}

.member-statistics-table th,
.member-statistics-table td {
  padding: var(--space-3) var(--space-3);
  vertical-align: top;
}

.member-statistics-table th {
  font-size: var(--font-size-xs);
}

.member-statistics-table th:nth-child(-n+3),
.member-statistics-table td:nth-child(-n+3) {
  white-space: normal;
  overflow-wrap: anywhere;
}

.member-statistics-table td:nth-child(n+4) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.member-statistics-table .muted {
  font-size: 11px;
  line-height: 1.3;
}

.member-statistics-table td.member-statistics-breakdown-cell {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.member-statistics-game-breakdown {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.member-statistics-game-breakdown strong,
.member-statistics-game-breakdown span {
  min-width: 0;
}

.member-statistics-game-breakdown > span {
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
  line-height: 1.25;
}

.member-statistics-game-breakdown b {
  font-weight: 700;
}

.member-statistics-table th:nth-child(n+4),
.member-statistics-table td.numeric {
  text-align: right;
}

.member-statistics-table th:nth-child(n+4) .table-sort {
  justify-content: flex-end;
}


.member-statistics-page-title {
  min-height: 80px;
  padding: 24px 24px;
  border-bottom: 1px solid var(--color-report-control-border);
  background: var(--color-surface);
}

.member-statistics-page-title h2 {
  margin: 0;
  color: var(--color-admin-text-strong);
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0;
}


.member-statistics-category-tabs {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.member-statistics-category-tab {
  min-width: 58px;
  height: 50px;
  margin-left: -1px;
  border: 1px solid var(--color-report-control-border);
  border-radius: 0;
  background: var(--color-surface);
  color: var(--color-admin-text-strong);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  cursor: pointer;
}

.member-statistics-category-tab.active {
  border-color: var(--color-report-accent);
  background: var(--color-report-accent);
  color: var(--color-surface);
}

.member-statistics-date-search {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  margin-left: auto;
}

.member-statistics-date-search select,
.member-statistics-date-search input {
  height: 50px;
  border: 1px solid var(--color-report-control-border);
  border-radius: 0;
  background-color: var(--color-surface);
  color: var(--color-admin-text-strong);
  font-size: 13px;
  letter-spacing: 0;
}

.member-statistics-date-search select {
  width: 150px;
  padding: 0 34px 0 16px;
}

.member-statistics-date-search input[name="search"] {
  width: 250px;
  padding: 0 12px;
  border-left: 0;
}

.member-statistics-search-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 50px;
  border: 0;
  border-radius: 0;
  background: var(--color-report-accent);
  color: var(--color-surface);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
}

.member-statistics-table-panel {
  padding: 12px;
  background: var(--color-surface);
}

.member-statistics-col-top {
  width: 10%;
}

.member-statistics-col-direct {
  width: 10%;
}

.member-statistics-total-row td {
  background: var(--color-report-info-bg);
  font-weight: 800;
}

.member-statistics-money-bg {
  background: var(--color-report-success-soft-bg);
}

.member-statistics-game-bg {
  background: var(--color-surface)df2;
}

.member-statistics-profit-bg {
  background: var(--color-surface)1f1;
}

.member-statistics-table .positive {
  color: var(--color-report-success-text);
}

.member-statistics-table .negative {
  color: var(--color-report-negative);
}

.real-time-ranking-view {
  border: 1px solid var(--color-report-control-border);
  background: var(--color-surface);
}

.real-time-ranking-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-7);
  min-height: 80px;
  padding: 24px;
  border-bottom: 1px solid var(--color-report-control-border);
  background: var(--color-surface);
}

.real-time-ranking-header h2 {
  margin: 0 0 var(--space-2);
  color: var(--color-admin-text-strong);
  font-size: 20px;
  font-weight: 800;
}

.real-time-ranking-header span,
.real-time-ranking-countdown {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.real-time-ranking-actions,
.real-time-ranking-toolbar,
.real-time-ranking-tabs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-4);
}

.real-time-ranking-actions {
  justify-content: flex-end;
}

.real-time-ranking-toolbar {
  justify-content: space-between;
  min-height: 72px;
  padding: 16px 24px;
  border-bottom: 1px solid var(--color-report-control-border);
  background: var(--color-report-panel-muted);
}

.real-time-ranking-tab {
  min-width: 72px;
  height: 38px;
  border: 1px solid var(--color-report-control-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 800;
  cursor: pointer;
}

.real-time-ranking-tab:hover,
.real-time-ranking-tab.active {
  border-color: var(--color-report-accent);
  background: var(--color-report-accent);
  color: var(--color-surface);
}

.real-time-ranking-table-panel {
  padding: 12px;
  background: var(--color-surface);
}

.real-time-ranking-wrap {
  margin-top: 0;
}

.real-time-ranking-table {
  min-width: 1300px;
  table-layout: fixed;
  font-size: 13px;
}

.real-time-ranking-col-rank {
  width: 54px;
}

.real-time-ranking-col-member {
  width: 112px;
}

.real-time-ranking-col-nickname {
  width: 112px;
}

.real-time-ranking-col-partner {
  width: 112px;
}

.real-time-ranking-col-money,
.real-time-ranking-col-balance {
  width: 100px;
}

.real-time-ranking-col-status {
  width: 96px;
}

.real-time-ranking-col-date {
  width: 116px;
}

.real-time-ranking-table th,
.real-time-ranking-table td {
  height: 48px;
  padding: 8px 10px;
  border: 1px solid var(--color-report-border);
  text-align: center;
  vertical-align: middle;
}

.real-time-ranking-table th {
  background: var(--color-report-header-bg);
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.real-time-ranking-table td.numeric {
  text-align: right;
}

.real-time-ranking-table td:nth-child(2),
.real-time-ranking-table td:nth-child(3),
.real-time-ranking-table td:nth-child(4),
.real-time-ranking-table td:nth-child(12),
.real-time-ranking-table td:nth-child(13) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.real-time-ranking-rank {
  color: var(--color-admin-text-strong);
  font-weight: 900;
}

.real-time-ranking-member-link {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-admin-text-strong);
  font-weight: 700;
}

.real-time-ranking-money-bg {
  background: var(--color-report-success-soft-bg);
}

.real-time-ranking-game-bg {
  background: var(--color-surface-subtle);
}

.real-time-ranking-balance-bg {
  background: var(--color-report-warning-bg);
}

.real-time-ranking-profit-bg {
  background: var(--color-report-info-bg);
  font-weight: 800;
}

.real-time-ranking-table .positive {
  color: var(--color-report-success-text);
}

.real-time-ranking-table .negative {
  color: var(--color-report-negative);
}

@media (max-width: 900px) {
  .real-time-ranking-header,
  .real-time-ranking-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .real-time-ranking-actions {
    justify-content: flex-start;
  }
}

.member-statistics-member-link {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-admin-text-strong);
  font-weight: 500;
  text-decoration: none;
}

.member-statistics-member-link:hover {
  color: var(--color-sidebar-accent-strong);
}

@media (max-width: 980px) {

  .member-statistics-date-search {
    justify-content: flex-start;
    width: 100%;
    margin-left: 0;
  }


  .member-statistics-date-search input[name="search"] {
    width: min(220px, 28vw);
  }
}

.vendor-settlement-view {
  max-width: calc(100vw - var(--layout-sidebar-width) - (var(--layout-content-padding-x) * 2));
}

.app-shell.sidebar-collapsed .vendor-settlement-view {
  max-width: calc(100vw - var(--layout-sidebar-collapsed-width) - (var(--layout-content-padding-x) * 2));
}

.vendor-settlement-actions,
.vendor-settlement-tabs {
  flex-wrap: wrap;
}

.vendor-settlement-filter-toolbar {
  grid-template-columns: minmax(96px, 0.55fr) repeat(2, minmax(142px, 0.75fr)) minmax(132px, 0.75fr) minmax(180px, 1fr) repeat(2, minmax(120px, 0.65fr)) auto auto;
  align-items: end;
}

.vendor-settlement-wrap {
  margin-top: 0;
  overflow-x: auto;
}

.vendor-settlement-table {
  min-width: 1540px;
}

.vendor-settlement-table th,
.vendor-settlement-table td {
  padding: var(--space-4) var(--space-5);
  vertical-align: top;
}


.vendor-settlement-page-title {
  min-height: 80px;
  padding: 24px 24px;
  border-bottom: 1px solid var(--color-report-control-border);
  background: var(--color-surface);
}

.vendor-settlement-page-title h2 {
  margin: 0;
  color: var(--color-admin-text-strong);
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0;
}


.vendor-settlement-category-tabs {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.vendor-settlement-category-tab {
  min-width: 58px;
  height: 50px;
  margin-left: -1px;
  border: 1px solid var(--color-report-control-border);
  border-radius: 0;
  background: var(--color-surface);
  color: var(--color-admin-text-strong);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  cursor: pointer;
}

.vendor-settlement-category-tab.active {
  border-color: var(--color-report-accent);
  background: var(--color-report-accent);
  color: var(--color-surface);
}

.vendor-settlement-date-search {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  margin-left: auto;
}

.vendor-settlement-date-search select,
.vendor-settlement-date-search input {
  height: 50px;
  border: 1px solid var(--color-report-control-border);
  border-radius: 0;
  background-color: var(--color-surface);
  color: var(--color-admin-text-strong);
  font-size: 13px;
  letter-spacing: 0;
}

.vendor-settlement-date-search select {
  width: 150px;
  padding: 0 34px 0 16px;
}

.vendor-settlement-date-search input[name="search"] {
  width: 250px;
  padding: 0 12px;
  border-left: 0;
}

.vendor-settlement-search-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 50px;
  border: 0;
  border-radius: 0;
  background: var(--color-report-accent);
  color: var(--color-surface);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
}

.vendor-settlement-table-panel {
  padding: 14px 12px 12px;
  background: var(--color-surface);
}

.vendor-settlement-col-name {
  width: 19.5%;
}

.vendor-settlement-col-count {
  width: 6.8%;
}

.vendor-settlement-col-money,
.vendor-settlement-col-profit,
.vendor-settlement-col-commission,
.vendor-settlement-col-final {
  width: 13.3%;
}

.vendor-settlement-col-rate {
  width: 7.2%;
}

.vendor-settlement-game-bg {
  background: var(--color-surface)df2;
}

.vendor-settlement-profit-bg {
  background: var(--color-surface)1f1;
}

.vendor-settlement-table .positive {
  color: var(--color-admin-text-strong);
}

.vendor-settlement-table .negative {
  color: var(--color-report-negative);
}

@media (max-width: 980px) {

  .vendor-settlement-date-search {
    justify-content: flex-start;
    width: 100%;
    margin-left: 0;
  }


  .vendor-settlement-date-search input[name="search"] {
    width: min(220px, 28vw);
  }
}

.commission-log-view {
  max-width: calc(100vw - var(--layout-sidebar-width) - (var(--layout-content-padding-x) * 2));
}

.app-shell.sidebar-collapsed .commission-log-view {
  max-width: calc(100vw - var(--layout-sidebar-collapsed-width) - (var(--layout-content-padding-x) * 2));
}

.commission-log-actions,
.commission-log-tabs,
.commission-mode-tabs {
  flex-wrap: wrap;
}

.commission-log-filter-toolbar {
  grid-template-columns: minmax(96px, 0.55fr) repeat(2, minmax(142px, 0.75fr)) minmax(132px, 0.75fr) minmax(180px, 1fr) repeat(2, minmax(120px, 0.65fr)) auto auto;
  align-items: end;
}

.commission-log-wrap {
  margin-top: 0;
  overflow-x: auto;
}

.commission-log-table {
  min-width: 1680px;
}

.commission-log-table th,
.commission-log-table td {
  padding: var(--space-4) var(--space-5);
  vertical-align: top;
}


.commission-log-page-title {
  min-height: 72px;
  padding: 24px 24px;
  border-bottom: 1px solid var(--color-report-control-border);
  background: var(--color-surface);
}

.commission-log-page-title h2 {
  margin: 0;
  color: var(--color-admin-text-strong);
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0;
}


.commission-log-category-tabs,
.commission-log-quick-search,
.commission-log-date-search {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.commission-log-date-search {
  justify-content: flex-end;
  margin-left: auto;
}

.commission-log-category-tab {
  min-width: 58px;
  height: 40px;
  margin-left: -1px;
  border: 1px solid var(--color-report-control-border);
  border-radius: 0;
  background: var(--color-surface);
  color: var(--color-admin-text-strong);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  cursor: pointer;
}

.commission-log-category-tab.active {
  border-color: var(--color-report-accent);
  background: var(--color-report-accent);
  color: var(--color-surface);
}

.commission-log-quick-search input,
.commission-log-quick-search select,
.commission-log-date-search input {
  height: 40px;
  margin-left: -1px;
  border: 1px solid var(--color-report-control-border);
  border-radius: 0;
  background: var(--color-surface);
  color: var(--color-admin-text-strong);
  font-size: 13px;
  letter-spacing: 0;
}

.commission-log-quick-search input {
  width: 205px;
  padding: 0 14px;
}

.commission-log-quick-search select {
  width: 110px;
  padding: 0 34px 0 12px;
}

.commission-log-search-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 40px;
  border: 0;
  border-radius: 0;
  background: var(--color-report-accent);
  color: var(--color-surface);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
}

.commission-log-summary-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding: 10px;
  border-bottom: 1px solid var(--color-report-control-border);
  background: var(--color-surface);
}

.commission-log-summary-strip dl {
  display: grid;
  grid-template-columns: minmax(160px, 0.4fr) minmax(0, 1fr);
  min-height: 40px;
  margin: 0;
  border: 1px solid var(--color-report-border);
}

.commission-log-summary-strip dl + dl {
  margin-left: -1px;
}

.commission-log-summary-strip dt,
.commission-log-summary-strip dd {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
}

.commission-log-summary-strip dt {
  justify-content: center;
  background: var(--color-report-green-wash);
}

.commission-log-summary-strip dd {
  justify-content: flex-end;
  gap: 2px;
  background: var(--color-surface);
}

.commission-log-summary-strip dd span {
  color: var(--color-report-slate-text);
  font-weight: 500;
}

.commission-log-table-panel {
  padding: 10px;
  background: var(--color-surface);
}

.commission-log-col-type {
  width: 5%;
}

.commission-log-col-member,
.commission-log-col-child {
  width: 13%;
}

.commission-log-col-vendor {
  width: 6.8%;
}

.commission-log-col-game {
  width: 12.2%;
}

.commission-log-col-money,
.commission-log-col-commission,
.commission-log-col-adjustment {
  width: 7.6%;
}

.commission-log-col-rate {
  width: 5.3%;
}

.commission-log-col-detail {
  width: 5.8%;
}

.commission-log-col-date {
  width: 7.7%;
}

.commission-log-type-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 24px;
  padding: 0 5px;
  border-radius: 3px;
  color: var(--color-surface);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

.commission-log-type-pill.slot {
  background: var(--color-report-status-warning);
}

.commission-log-type-pill.casino {
  background: var(--color-report-status-info);
}

.commission-log-type-pill.other {
  background: var(--color-report-status-neutral);
}

.commission-log-member-label {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-width: 0;
  gap: 0;
  white-space: nowrap;
}

.commission-log-member-label span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

.commission-log-game-bg,
.commission-log-commission-bg {
  background: var(--color-report-success-tint);
  color: var(--color-report-success-text);
}

.commission-log-adjustment-bg {
  background: var(--color-surface)1f1;
}

.commission-log-detail-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  min-height: 34px;
  border: 0;
  border-radius: 3px;
  background: var(--color-report-indigo);
  color: var(--color-surface);
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0;
  cursor: pointer;
  white-space: normal;
}

.commission-log-date-cell {
  white-space: pre-line;
  line-height: 1.2;
}

@media (max-width: 1180px) {

  .commission-log-date-search {
    margin-left: 0;
  }

}

.commission-adjustment-view {
  max-width: calc(100vw - var(--layout-sidebar-width) - (var(--layout-content-padding-x) * 2));
}

.app-shell.sidebar-collapsed .commission-adjustment-view {
  max-width: calc(100vw - var(--layout-sidebar-collapsed-width) - (var(--layout-content-padding-x) * 2));
}

.commission-adjustment-actions,
.commission-adjustment-status-tabs,
.commission-adjustment-category-tabs {
  flex-wrap: wrap;
}

.commission-adjustment-filter-toolbar {
  grid-template-columns: minmax(96px, 0.55fr) repeat(2, minmax(142px, 0.75fr)) minmax(132px, 0.75fr) minmax(180px, 1fr) repeat(2, minmax(120px, 0.65fr)) auto auto;
  align-items: end;
}

.commission-adjustment-wrap {
  margin-top: 0;
  overflow-x: auto;
}

.commission-adjustment-table {
  min-width: 2120px;
}

.commission-adjustment-table th,
.commission-adjustment-table td {
  padding: var(--space-4) var(--space-5);
  vertical-align: top;
}

.rate-adjustment-view {
  max-width: calc(100vw - var(--layout-sidebar-width) - (var(--layout-content-padding-x) * 2));
}

.app-shell.sidebar-collapsed .rate-adjustment-view {
  max-width: calc(100vw - var(--layout-sidebar-collapsed-width) - (var(--layout-content-padding-x) * 2));
}


.rate-adjustment-page-title {
  display: flex;
  align-items: center;
  min-height: 64px;
  padding: 0 22px;
  border-bottom: 1px solid var(--color-report-line-muted);
}

.rate-adjustment-page-title h2 {
  margin: 0;
  color: var(--color-report-text);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
}

.rate-adjustment-filter-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 78px;
  padding: 18px;
  border-bottom: 1px solid var(--color-report-line-lighter);
  background: var(--color-report-panel-muted);
}

.rate-adjustment-filter-left,
.rate-adjustment-filter-search {
  display: flex;
  align-items: center;
  min-width: 0;
}

.rate-adjustment-filter-left {
  gap: 4px;
}

.rate-adjustment-filter-search {
  margin-left: auto;
}

.rate-adjustment-filter-toolbar select,
.rate-adjustment-filter-toolbar input {
  height: 36px;
  border: 1px solid var(--color-report-border);
  border-radius: 0;
  background-color: var(--color-surface);
  color: var(--color-report-text-muted);
  font-size: 12px;
  letter-spacing: 0;
}

.rate-adjustment-filter-toolbar select {
  min-width: 92px;
  padding: 0 30px 0 10px;
}

.rate-adjustment-filter-search select {
  min-width: 112px;
}

.rate-adjustment-filter-toolbar input {
  width: 180px;
  padding: 0 10px;
  border-left: 0;
}

.rate-adjustment-search-button,
.rate-adjustment-bulk-button,
.rate-adjustment-stop-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0;
  color: var(--color-surface);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
}

.rate-adjustment-search-button {
  width: 64px;
  height: 36px;
  background: var(--color-report-accent);
}

.rate-adjustment-bulk-button {
  height: 31px;
  padding: 0 14px;
  background: var(--color-report-blue-action);
}

.rate-adjustment-stop-button {
  min-width: 40px;
  height: 28px;
  padding: 0 10px;
  background: var(--color-report-red-action);
}

.rate-adjustment-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  padding: 0 8px;
}

.rate-adjustment-list-header h3 {
  margin: 0;
  color: var(--color-report-text-muted);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
}

.rate-adjustment-list-header h3 span {
  color: var(--color-report-muted-gray);
  font-size: 12px;
  font-weight: 400;
}

@media (max-width: 980px) {
  .settlement-summary-view,
  .member-statistics-view,
  .vendor-settlement-view,
  .commission-log-view,
  .commission-adjustment-view,
  .rate-adjustment-view,
  .member-message-view,
  .support-ticket-view,
  .event-board-view,
  .notice-board-view,
  .popup-view,
  .provider-callback-view,
  .provider-api-view,
  .provider-sync-view,
  .admin-utility-view,
  .partner-domain-view,
  .site-settings-view,
  .money-policy-view,
  .admin-account-view,
  .app-shell.sidebar-collapsed .settlement-summary-view,
  .app-shell.sidebar-collapsed .member-statistics-view,
  .app-shell.sidebar-collapsed .vendor-settlement-view,
  .app-shell.sidebar-collapsed .commission-log-view,
  .app-shell.sidebar-collapsed .commission-adjustment-view,
  .app-shell.sidebar-collapsed .rate-adjustment-view,
  .app-shell.sidebar-collapsed .member-message-view,
  .app-shell.sidebar-collapsed .support-ticket-view,
  .app-shell.sidebar-collapsed .event-board-view,
  .app-shell.sidebar-collapsed .notice-board-view,
  .app-shell.sidebar-collapsed .popup-view,
  .app-shell.sidebar-collapsed .provider-callback-view,
  .app-shell.sidebar-collapsed .provider-api-view,
  .app-shell.sidebar-collapsed .provider-sync-view,
  .app-shell.sidebar-collapsed .admin-utility-view,
  .app-shell.sidebar-collapsed .partner-domain-view,
  .app-shell.sidebar-collapsed .site-settings-view,
  .app-shell.sidebar-collapsed .money-policy-view,
  .app-shell.sidebar-collapsed .admin-account-view {
    max-width: 100%;
  }
}

.rate-adjustment-wrap {
  margin-top: 0;
  overflow-x: hidden;
}

.rate-adjustment-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: collapse;
  color: var(--color-report-text);
  font-size: 11px;
  letter-spacing: 0;
}

.rate-adjustment-table th,
.rate-adjustment-table td {
  min-width: 0;
  height: 36px;
  padding: 3px 4px;
  border: 1px solid var(--color-report-line);
  background: var(--color-surface);
  vertical-align: middle;
  overflow: hidden;
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
}

.rate-adjustment-table th {
  height: 38px;
  background: var(--color-report-table-header-bg);
  color: var(--color-report-text-muted);
  font-weight: 700;
  text-align: center;
  line-height: 1.25;
  white-space: normal;
}

.rate-adjustment-table td {
  text-align: center;
  line-height: 1.35;
  white-space: normal;
}

.rate-adjustment-table td.numeric {
  text-align: right;
  white-space: nowrap;
}

.rate-adjustment-table tr.selected td {
  background: var(--color-report-blue-selected);
}

.rate-adjustment-col-check {
  width: 3.3%;
}

.rate-adjustment-col-member {
  width: 14.5%;
}

.rate-adjustment-col-type {
  width: 5%;
}

.rate-adjustment-col-game,
.rate-adjustment-col-status,
.rate-adjustment-col-rate {
  width: 5.5%;
}

.rate-adjustment-col-date {
  width: 11%;
}

.rate-adjustment-col-money {
  width: 7%;
}

.rate-adjustment-col-money:nth-of-type(11) {
  width: 7.5%;
}

.rate-adjustment-col-admin {
  width: 6.5%;
}

.rate-adjustment-col-action {
  width: 4%;
}

.rate-adjustment-check-cell input,
.rate-adjustment-table th input[type="checkbox"] {
  width: 17px;
  height: 17px;
  margin: 0;
  border: 1px solid var(--color-report-neutral-border);
  border-radius: 1px;
  vertical-align: middle;
}

.rate-adjustment-member-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  max-width: 100%;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: var(--color-report-text-muted);
  font: inherit;
  line-height: 1.25;
  text-overflow: ellipsis;
  cursor: pointer;
}

.rate-adjustment-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 22px;
  padding: 0 6px;
  border-radius: 3px;
  color: var(--color-surface);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.rate-adjustment-pill.line {
  background: var(--color-report-alert-red);
}

.rate-adjustment-pill.slot {
  background: var(--color-report-alert-orange);
}

.rate-adjustment-pill.casino {
  background: var(--color-report-alert-blue);
}

.rate-adjustment-pill.active {
  background: var(--color-report-alert-green);
}

.rate-adjustment-pill.closed {
  background: var(--color-report-alert-gray);
}

.rate-adjustment-pill.cancelled {
  background: var(--color-report-alert-danger);
}

.rate-adjustment-action-cell {
  text-align: center;
}

.admin-list-pagination-wrap {
  display: grid;
  justify-items: center;
  gap: 6px;
  padding: 10px 0 0;
  background: transparent;
}

.admin-list-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-height: auto;
  padding: 0;
}

.admin-list-pagination .admin-list-page-btn,
.admin-list-pagination .admin-list-page-current {
  min-width: 64px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: -1px;
  border: 1px solid var(--color-report-border);
  border-radius: 0;
  background: var(--color-report-panel-muted);
  color: var(--color-report-slate-muted);
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  padding: 0 16px;
}

.admin-list-pagination .admin-list-page-btn:first-child {
  margin-left: 0;
}

.admin-list-pagination .admin-list-page-current {
  gap: 6px;
  min-width: 86px;
  border-color: var(--color-report-accent);
  background: var(--color-report-accent);
  color: var(--color-surface);
  cursor: default;
  font-weight: 900;
}

.admin-list-pagination .admin-list-page-current em {
  font-style: normal;
  opacity: 0.88;
}

.admin-list-pagination .admin-list-page-btn:hover,
.admin-list-pagination .admin-list-page-btn:focus-visible {
  background: var(--color-report-success-soft-bg);
  color: var(--color-report-success-text);
  outline: none;
}

.admin-list-pagination .admin-list-page-btn:disabled {
  color: var(--color-report-disabled-text);
  cursor: default;
  opacity: 0.72;
}

.admin-list-pagination .admin-list-page-btn:disabled:hover {
  background: var(--color-report-panel-muted);
  color: var(--color-report-disabled-text);
}

.admin-list-pagination-summary {
  margin: 0;
  color: var(--color-report-status-neutral);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
}

.app-shell :where(.status-tabs, .member-status-tabs) {
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-6) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}

.app-shell :where(.status-tab, .member-status-tab) {
  min-height: 34px;
  border-radius: var(--radius-sm);
  padding: 0 var(--space-6);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.app-shell :where(.status-tab, .member-status-tab):hover,
.app-shell :where(.status-tab, .member-status-tab).active {
  border-color: var(--color-admin-selection);
  background: var(--color-admin-selection-soft);
  color: var(--color-admin-selection-foreground);
}

.app-shell .member-list-header .member-status-tabs {
  padding: 0;
  border-bottom: 0;
  background: transparent;
}

.member-filter-toolbar {
  align-items: end;
  gap: var(--space-4);
}

.member-list-wrap {
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  background: var(--color-surface);
}

.member-list-table th,
.member-list-table td {
  padding: var(--space-4) var(--space-5);
}

.member-list-table td:nth-child(2),
.member-list-table td:nth-child(4) {
  text-align: left !important;
}

.member-list-table td.numeric,
.member-list-table th:nth-child(n + 5):nth-child(-n + 10) {
  text-align: right !important;
}

.dashboard-table-wrap,
.table-wrap {
  scrollbar-color: var(--color-admin-border-strong) var(--color-admin-surface-subtle);
}

.admin-report-view {
  overflow: hidden;
  border-color: var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-panel);
}

.admin-report-view :is(
  .settlement-summary-page-title,
  .member-statistics-page-title,
  .vendor-settlement-page-title,
  .commission-log-page-title,
  .rate-adjustment-page-title
) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  min-height: 62px;
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}

.admin-report-view :is(
  .settlement-summary-page-title,
  .member-statistics-page-title,
  .vendor-settlement-page-title,
  .commission-log-page-title,
  .rate-adjustment-page-title
) h2 {
  margin: 0;
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  font-weight: 800;
  letter-spacing: 0;
}

.admin-report-view :is(
  .settlement-summary-filter-toolbar,
  .member-statistics-filter-toolbar,
  .vendor-settlement-filter-toolbar,
  .commission-log-filter-toolbar,
  .rate-adjustment-filter-toolbar
) {
  display: grid;
  align-items: center;
  justify-content: start;
  gap: var(--space-3);
  min-height: auto;
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.admin-report-view .settlement-summary-filter-toolbar {
  grid-template-columns: max-content max-content auto;
}

.admin-report-view :is(
  .member-statistics-filter-toolbar,
  .vendor-settlement-filter-toolbar,
  .rate-adjustment-filter-toolbar
) {
  grid-template-columns: max-content minmax(0, 1fr);
}

.admin-report-view .commission-log-filter-toolbar {
  grid-template-columns: max-content max-content minmax(0, 1fr);
}

.admin-report-view :is(
  .settlement-summary-selects,
  .settlement-summary-date-search,
  .member-statistics-date-search,
  .vendor-settlement-date-search,
  .commission-log-date-search,
  .rate-adjustment-filter-left,
  .rate-adjustment-filter-search,
  .settlement-member-search-form
) {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  margin-left: 0;
}

.admin-report-view :is(
  .settlement-summary-date-search,
  .member-statistics-date-search,
  .vendor-settlement-date-search,
  .commission-log-date-search,
  .rate-adjustment-filter-search
) {
  justify-content: flex-start;
  justify-self: start;
}

.admin-report-view :is(
  .settlement-summary-selects,
  .member-statistics-category-tabs,
  .vendor-settlement-category-tabs,
  .commission-log-category-tabs,
  .commission-log-quick-search,
  .rate-adjustment-filter-left
) {
  justify-self: start;
}

.admin-report-view :is(
  .member-statistics-category-tabs,
  .vendor-settlement-category-tabs,
  .commission-log-category-tabs
) {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--space-1);
  flex: 0 0 auto;
}

.admin-report-view :is(
  .member-statistics-category-tab,
  .vendor-settlement-category-tab,
  .commission-log-category-tab
) {
  min-width: 58px;
  height: 36px;
  margin-left: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.admin-report-view :is(
  .member-statistics-category-tab,
  .vendor-settlement-category-tab,
  .commission-log-category-tab
):hover,
.admin-report-view :is(
  .member-statistics-category-tab,
  .vendor-settlement-category-tab,
  .commission-log-category-tab
).active {
  border-color: var(--color-primary);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-primary);
}

.admin-report-view :is(
  .settlement-summary-filter-toolbar,
  .member-statistics-filter-toolbar,
  .vendor-settlement-filter-toolbar,
  .commission-log-filter-toolbar,
  .rate-adjustment-filter-toolbar,
  .settlement-member-search-form
) :where(select, input:not([type="hidden"])) {
  min-height: var(--control-height-default);
  height: var(--control-height-default);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-control-bg);
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 600;
}

.admin-report-view :is(
  .settlement-summary-filter-toolbar,
  .member-statistics-filter-toolbar,
  .vendor-settlement-filter-toolbar,
  .commission-log-filter-toolbar,
  .rate-adjustment-filter-toolbar,
  .settlement-member-search-form
) :where(input, select) {
  padding: 0 var(--space-4);
}

.admin-report-view :is(
  .settlement-summary-filter-toolbar,
  .member-statistics-filter-toolbar,
  .vendor-settlement-filter-toolbar,
  .commission-log-filter-toolbar
) :is(.date-range-picker) {
  flex: 0 1 auto;
  width: max-content;
  max-width: 100%;
  grid-column: auto;
}

.admin-report-view :is(
  .settlement-summary-search-button,
  .member-statistics-search-button,
  .vendor-settlement-search-button,
  .commission-log-search-button,
  .rate-adjustment-search-button
) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  width: auto;
  height: var(--control-height-default);
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-sm);
  background: var(--color-primary);
  color: var(--color-text-inverse);
  font-size: var(--font-size-sm);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  padding: 0 var(--space-5);
}

.admin-report-view :is(
  .member-statistics-date-search,
  .vendor-settlement-date-search,
  .rate-adjustment-filter-search
) select {
  width: 150px;
}

.admin-report-view :is(
  .member-statistics-date-search,
  .vendor-settlement-date-search,
  .rate-adjustment-filter-search
) input[name="search"] {
  width: 250px;
  border-left: 1px solid var(--color-border);
}

.admin-report-view .settlement-summary-selects select {
  width: 172px;
}

.admin-report-view :is(.rate-adjustment-stop-button) {
  border-color: var(--color-danger);
  background: var(--color-admin-badge-danger-bg);
  color: var(--color-danger);
}

.admin-report-view :is(
  .member-statistics-table-panel,
  .vendor-settlement-table-panel,
  .commission-log-table-panel
) {
  padding: var(--space-5);
  background: var(--color-surface);
}

.admin-report-view :is(
  .settlement-stage-wrap,
  .settlement-daily-wrap,
  .settlement-monthly-wrap,
  .settlement-summary-wrap,
  .member-statistics-wrap,
  .vendor-settlement-wrap,
  .commission-log-wrap,
  .rate-adjustment-wrap
) {
  overflow-x: auto;
  border-color: var(--color-border);
  background: var(--color-surface);
}

.admin-report-view :is(
  .settlement-stage-table,
  .settlement-monthly-table,
  .settlement-summary-table
) {
  min-width: 980px;
}

.admin-report-view :is(.settlement-daily-table) {
  min-width: 680px;
}

.admin-report-view :is(.member-statistics-table, .commission-log-table) {
  min-width: max(var(--layout-admin-table-wide-min-width), 1480px);
}

.admin-report-view :is(.vendor-settlement-table) {
  min-width: max(var(--layout-admin-table-min-width), 1160px);
}

.admin-report-view :is(.rate-adjustment-table) {
  min-width: max(var(--layout-admin-table-wide-min-width), 1440px);
}

.admin-report-view :is(table) {
  white-space: nowrap;
}

.admin-report-view :is(th, td) {
  padding: var(--space-4) var(--space-5);
  border-color: var(--color-border);
  font-size: var(--font-size-sm);
}

.admin-report-view :is(th) {
  background: var(--color-surface-subtle);
  color: var(--color-text-strong);
  font-weight: 800;
}

.admin-report-view :is(td.numeric, .numeric) {
  text-align: right !important;
}

.rate-adjustment-list-header {
  border-color: var(--color-border);
  background: var(--color-surface);
}

@media (max-width: 980px) {
  .rate-adjustment-filter-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .rate-adjustment-filter-left,
  .rate-adjustment-filter-search {
    width: 100%;
  }

  .rate-adjustment-filter-toolbar select,
  .rate-adjustment-filter-toolbar input,
  .rate-adjustment-search-button {
    width: 100%;
  }
}

.member-game-rate-table {
  min-width: 1040px;
  table-layout: fixed;
  white-space: normal;
}

.member-game-rate-col-partner {
  width: 9%;
}

.member-game-rate-col-member {
  width: 17%;
}

.member-game-rate-col-parent {
  width: 10%;
}

.member-game-rate-col-rate {
  width: 22%;
}

.member-game-rate-col-action {
  width: 20%;
}

.member-game-rate-table th,
.member-game-rate-table td {
  padding: var(--space-4) var(--space-5);
}

.member-game-rate-rate-cell {
  text-align: left !important;
}

.member-game-rate-cell {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
  justify-items: start;
}

.member-game-rate-cell.is-inline {
  grid-template-columns: minmax(96px, 108px) max-content;
  align-items: center;
  justify-content: center;
}

.member-game-rate-cell .rate-input {
  width: min(100%, 148px);
  min-width: 96px;
  margin-bottom: 0;
  padding: var(--space-3) var(--space-4);
}

.member-game-rate-hint {
  display: block;
  max-width: 100%;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: 1.3;
  white-space: normal;
  word-break: keep-all;
}

.member-game-rate-cell.is-inline .member-game-rate-hint {
  white-space: nowrap;
}

.member-game-rate-action-cell {
  white-space: normal;
}

.member-game-rate-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  min-width: 0;
}

.member-game-rate-actions .button.small {
  min-width: 56px;
  padding-inline: var(--space-5);
}

.member-game-rate-action-note {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 24px;
  padding: 0 var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  line-height: 1.3;
  white-space: normal;
  word-break: keep-all;
}

.dialog.member-fake-bet-settings-dialog {
  width: min(1120px, calc(100% - 32px));
}

.member-fake-bet-settings-dialog .dialog-title-row > div {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.member-fake-bet-settings-dialog .dialog-title-row p {
  min-width: 0;
  margin: 0;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.member-fake-bet-guide {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
  margin-bottom: var(--space-6);
  padding: var(--space-5) var(--space-6);
  border: 1px solid var(--color-member-register-line);
  border-radius: var(--radius-md);
  background: var(--color-member-register-green-wash);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
  line-height: 1.55;
}

.member-fake-bet-guide strong {
  color: var(--color-member-register-ink);
  white-space: nowrap;
}

.member-fake-bet-panel {
  display: grid;
  gap: var(--space-5);
  min-width: 0;
  margin-top: var(--space-6);
  padding: var(--space-6);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.member-fake-bet-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  min-width: 0;
}

.member-fake-bet-panel-header > div {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.member-fake-bet-panel-header h3,
.member-fake-bet-panel-header p {
  margin: 0;
}

.member-fake-bet-panel-header h3 {
  color: var(--color-member-register-ink);
  font-size: var(--font-size-lg);
}

.member-fake-bet-panel-header p {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
  line-height: 1.45;
}

.member-fake-bet-panel-header .button {
  flex: 0 0 auto;
}

.member-fake-bet-table {
  width: 100%;
  table-layout: fixed;
  white-space: normal;
}

.member-fake-bet-member-table {
  min-width: 560px;
}

.member-fake-bet-line-table {
  min-width: 920px;
}

.member-fake-bet-table th,
.member-fake-bet-table td {
  padding: var(--space-4);
  text-align: left;
  vertical-align: middle;
}

.member-fake-bet-table tbody th {
  color: var(--color-member-register-ink);
  font-weight: 900;
}

.member-fake-bet-table select,
.member-fake-bet-table input {
  width: 100%;
  min-width: 0;
  min-height: var(--control-height-md);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-member-register-control-bg);
  color: var(--color-text);
  padding: 0 var(--space-4);
  font: inherit;
}

.member-fake-bet-table select:focus-visible,
.member-fake-bet-table input:focus-visible {
  border-color: var(--color-sidebar-accent);
  background: var(--color-surface);
  box-shadow: var(--shadow-member-register-focus);
  outline: 0;
}

.member-fake-bet-table select:disabled,
.member-fake-bet-table input:disabled {
  cursor: not-allowed;
  opacity: 0.68;
}

.fake-bet-rate-control {
  display: grid;
  grid-template-columns: minmax(88px, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
}

.fake-bet-rate-control span {
  color: var(--color-admin-text-muted);
  font-weight: 900;
}

.member-fake-bet-message {
  min-height: 22px;
  margin: var(--space-5) 0 0;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 800;
  text-align: right;
}

.member-fake-bet-message[data-tone="success"] {
  color: var(--color-sidebar-accent-strong);
}

@media (max-width: 720px) {
  .dialog.member-fake-bet-settings-dialog {
    width: calc(100% - 16px);
  }

  .member-fake-bet-guide {
    grid-template-columns: 1fr;
  }

  .member-fake-bet-panel {
    padding: var(--space-5);
  }

  .member-fake-bet-panel-header {
    align-items: stretch;
    flex-direction: column;
  }

  .member-fake-bet-panel-header .button {
    width: 100%;
  }
}

.member-game-rate-line-form {
  grid-template-columns: minmax(190px, 1.15fr) minmax(148px, 0.78fr) minmax(148px, 0.78fr) minmax(190px, 1.15fr) minmax(92px, 0.35fr) minmax(76px, 0.3fr);
  align-items: end;
  border-bottom: 1px solid var(--color-border);
}

.member-game-rate-line-field {
  min-width: 0;
}

.member-game-rate-line-field span {
  display: flex;
  gap: var(--space-3);
  align-items: baseline;
  justify-content: space-between;
  min-height: 16px;
  white-space: nowrap;
}

.member-game-rate-line-field em {
  overflow: hidden;
  color: var(--color-primary);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 800;
  text-overflow: ellipsis;
}

.member-game-rate-line-field input {
  width: 100%;
  min-width: 0;
  height: 42px;
  padding-top: 0;
  padding-bottom: 0;
}

.member-game-rate-line-field--rate input {
  font-variant-numeric: tabular-nums;
}

.member-game-rate-line-form > .button,
.member-game-rate-line-form > button {
  align-self: end;
  height: 42px;
  min-width: 76px;
  white-space: nowrap;
}

.member-game-rate-line-guide {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-6);
  align-items: center;
  padding: var(--space-4) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.member-game-rate-line-guide strong {
  color: var(--color-text-strong);
}

.member-game-rate-line-guide b {
  color: var(--color-primary);
  font-weight: 900;
}

.member-game-rate-line-guide small {
  color: var(--color-text-muted);
  font-weight: 700;
}

.member-game-rate-line-guide.warning {
  border-color: var(--color-alert-border);
  background: var(--color-alert-bg);
  color: var(--color-alert-text);
}

.member-game-rate-line-guide.warning strong,
.member-game-rate-line-guide.warning span {
  color: var(--color-alert-text);
}

@media (max-width: 1180px) {
  .member-game-rate-line-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-game-rate-line-form > .button,
  .member-game-rate-line-form > button {
    width: 100%;
  }
}

@media (max-width: 680px) {
  .member-game-rate-line-form {
    grid-template-columns: 1fr;
  }

  .member-game-rate-line-guide {
    align-items: flex-start;
    flex-direction: column;
  }
}

.member-game-rate-line-summary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4) var(--space-6);
  align-items: center;
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
}

.member-game-rate-line-summary strong {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}

.member-game-rate-line-table,
.member-game-rate-line-rule-table {
  min-width: 1120px;
}

.member-game-rate-line-blocked td {
  background: var(--color-badge-danger-bg);
}

.member-game-rate-line-empty {
  margin: var(--space-8);
}

.member-commission-table {
  min-width: 1160px;
  table-layout: fixed;
  white-space: normal;
}

.member-commission-table th,
.member-commission-table td {
  padding: var(--space-4) var(--space-5);
}

.member-commission-rate-cell {
  text-align: left !important;
}

.member-commission-cell {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
  justify-items: start;
}

.member-commission-cell .rate-input {
  width: min(100%, 148px);
  min-width: 96px;
  margin-bottom: 0;
  padding: var(--space-3) var(--space-4);
}

.member-commission-hint {
  display: block;
  max-width: 100%;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: 1.3;
  white-space: normal;
  word-break: keep-all;
}

.member-commission-action-cell {
  white-space: normal;
}

.member-commission-action-note {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 24px;
  padding: 0 var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  line-height: 1.3;
  white-space: normal;
  word-break: keep-all;
}

.member-commission-line-form {
  grid-template-columns: minmax(170px, 1.1fr) repeat(2, minmax(116px, 0.62fr)) minmax(190px, 1fr) minmax(160px, 1fr) minmax(92px, 0.35fr) minmax(76px, 0.3fr);
  align-items: end;
  border-bottom: 1px solid var(--color-border);
}

.member-commission-history-filter-toolbar {
  border-bottom: 1px solid var(--color-border);
}

.member-commission-line-field {
  min-width: 0;
}

.member-commission-line-field span:first-child {
  display: flex;
  gap: var(--space-3);
  align-items: baseline;
  justify-content: space-between;
  min-height: 16px;
  white-space: nowrap;
}

.member-commission-line-field em {
  overflow: hidden;
  color: var(--color-primary);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 800;
  text-overflow: ellipsis;
}

.member-commission-line-field input:not([type="checkbox"]) {
  width: 100%;
  min-width: 0;
  height: 42px;
  padding-top: 0;
  padding-bottom: 0;
}

.member-commission-line-field--rate input {
  font-variant-numeric: tabular-nums;
}

.member-commission-line-check {
  display: flex;
  gap: var(--space-3);
  align-items: center;
  min-height: 42px;
  padding: 0 var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text);
  font-size: var(--font-size-sm);
  font-weight: 800;
  white-space: nowrap;
}

.member-commission-line-check input {
  flex: 0 0 auto;
}

.member-commission-line-form > .button,
.member-commission-line-form > button {
  align-self: end;
  height: 42px;
  min-width: 76px;
  white-space: nowrap;
}

.member-commission-line-guide {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-6);
  align-items: center;
  padding: var(--space-4) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.member-commission-line-guide strong {
  color: var(--color-text-strong);
}

.member-commission-line-guide b {
  color: var(--color-primary);
  font-weight: 900;
}

.member-commission-line-guide small {
  color: var(--color-text-muted);
  font-weight: 700;
}

.member-commission-line-guide.warning {
  border-color: var(--color-alert-border);
  background: var(--color-alert-bg);
  color: var(--color-alert-text);
}

.member-commission-line-guide.warning strong,
.member-commission-line-guide.warning span {
  color: var(--color-alert-text);
}

@media (max-width: 1180px) {
  .member-commission-line-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-commission-line-form > .button,
  .member-commission-line-form > button {
    width: 100%;
  }
}

@media (max-width: 680px) {
  .member-commission-line-form {
    grid-template-columns: 1fr;
  }

  .member-commission-line-guide {
    align-items: flex-start;
    flex-direction: column;
  }
}

.member-commission-line-summary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4) var(--space-6);
  align-items: center;
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
}

.member-commission-line-summary strong {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}

.member-commission-line-table,
.member-commission-history-table {
  min-width: 1120px;
}

.member-commission-line-blocked td {
  background: var(--color-badge-danger-bg);
}

.member-commission-line-empty {
  margin: var(--space-8);
}

.support-ticket-view {
  max-width: calc(100vw - var(--layout-sidebar-width) - (var(--layout-content-padding-x) * 2));
}

.app-shell.sidebar-collapsed .support-ticket-view {
  max-width: calc(100vw - var(--layout-sidebar-collapsed-width) - (var(--layout-content-padding-x) * 2));
}

.support-ticket-actions,
.support-ticket-tabs {
  flex-wrap: wrap;
}

.customer-care-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-8) 0;
  background: var(--color-surface);
}

.customer-care-tab {
  min-height: var(--control-height-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-text);
  cursor: pointer;
  font-weight: 800;
  padding: 0 var(--space-7);
}

.customer-care-tab.active {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.support-ticket-filter-toolbar {
  grid-template-columns: minmax(96px, 0.55fr) repeat(2, minmax(142px, 0.75fr)) repeat(2, minmax(var(--layout-admin-filter-core-min-width), 0.75fr)) minmax(var(--layout-admin-filter-core-min-width), 0.75fr) minmax(var(--layout-admin-filter-search-min-width), 1fr) repeat(2, minmax(120px, 0.65fr)) auto;
  align-items: end;
}

.support-ticket-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: var(--space-6);
  padding: var(--space-8);
  border-top: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.support-ticket-card {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.support-ticket-card span,
.support-ticket-card small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.support-ticket-card strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.support-ticket-card.success {
  border-color: var(--color-sidebar-accent-border);
}

.support-ticket-card.warning {
  border-color: var(--color-notice-border);
}

.support-ticket-card.danger {
  border-color: var(--color-alert-border);
}

.support-ticket-wrap {
  margin-top: 0;
  overflow-x: auto;
}

.support-ticket-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1640px);
}

.support-ticket-table th,
.support-ticket-table td {
  padding: var(--layout-admin-table-cell-padding-y) var(--layout-admin-table-cell-padding-x);
  vertical-align: top;
}

.support-ticket-body,
.support-ticket-answer {
  display: -webkit-box;
  margin: var(--space-2) 0 0;
  max-width: 360px;
  overflow: hidden;
  color: var(--color-text-muted);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.support-ticket-detail-dialog,
.support-ticket-answer-dialog {
  width: min(920px, calc(100vw - (var(--space-8) * 2)));
}

.support-ticket-detail-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: var(--space-5);
}

.support-ticket-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.support-ticket-detail-grid > div,
.support-ticket-detail-section {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
}

.support-ticket-detail-grid span,
.support-ticket-detail-grid small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

.support-ticket-detail-section > div {
  color: var(--color-text-muted);
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.support-ticket-message-sender {
  display: flex;
  min-width: 0;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.support-ticket-message-sender > span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.support-ticket-detail-section.answer {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-surface);
}

@media (max-width: 760px) {
  .support-ticket-detail-metrics,
  .support-ticket-detail-grid {
    grid-template-columns: 1fr;
  }
}

.member-message-view {
  max-width: calc(100vw - var(--layout-sidebar-width) - (var(--layout-content-padding-x) * 2));
}

.app-shell.sidebar-collapsed .member-message-view {
  max-width: calc(100vw - var(--layout-sidebar-collapsed-width) - (var(--layout-content-padding-x) * 2));
}

.member-message-actions,
.member-message-tabs {
  flex-wrap: wrap;
}

.member-message-filter-toolbar {
  grid-template-columns: minmax(96px, 0.55fr) repeat(2, minmax(142px, 0.75fr)) minmax(132px, 0.75fr) minmax(132px, 0.75fr) minmax(180px, 1fr) repeat(2, minmax(120px, 0.65fr)) auto;
  align-items: end;
}

.member-message-create-form {
  grid-template-columns: minmax(110px, 0.6fr) minmax(120px, 0.6fr) minmax(180px, 1fr) minmax(240px, 1.4fr) minmax(120px, 0.6fr) auto;
  align-items: end;
}

.member-message-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: var(--space-6);
  padding: var(--space-8);
  border-top: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.member-message-card {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.member-message-card span,
.member-message-card small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.member-message-card strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.member-message-card.success {
  border-color: var(--color-sidebar-accent-border);
}

.member-message-card.warning {
  border-color: var(--color-notice-border);
}

.member-message-card.danger {
  border-color: var(--color-alert-border);
}

.member-message-wrap {
  margin-top: 0;
  overflow-x: auto;
}

.member-message-target-sites {
  min-width: 0;
  margin: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
}

.member-message-target-sites legend {
  padding: 0 6px;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 700;
}

.member-message-target-site-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px 12px;
}

.member-message-recipient-preview {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface-muted);
  color: var(--text-secondary);
}

.member-message-recipient-preview strong {
  color: var(--text-primary);
  font-size: 15px;
}

.member-message-recipient-preview small {
  line-height: 1.5;
}

.member-message-detail-dialog,
.member-message-batch-detail-dialog {
  width: min(760px, calc(100vw - 32px));
}

.member-message-table {
  min-width: 1580px;
}

.member-message-table th,
.member-message-table td {
  padding: var(--space-4) var(--space-5);
  vertical-align: top;
}

.ledger-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1360px);
}

.member-session-table {
  min-width: max(var(--layout-admin-table-min-width), 980px);
}

.member-alert-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1160px);
}

.login-info-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1180px);
}

.login-failure-table {
  min-width: max(var(--layout-admin-table-min-width), 1040px);
}

.casino-slot-bet-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1320px);
}

.member-message-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1580px);
}

.commission-adjustment-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 2120px);
}

.ledger-table th,
.ledger-table td,
.member-session-table th,
.member-session-table td,
.member-alert-table th,
.member-alert-table td,
.login-info-table th,
.login-info-table td,
.member-message-table th,
.member-message-table td,
.commission-adjustment-table th,
.commission-adjustment-table td {
  padding: var(--layout-admin-table-cell-padding-y) var(--layout-admin-table-cell-padding-x);
}

.ledger-table th.ledger-member-cell,
.ledger-table td.ledger-member-cell,
.member-session-table th:nth-child(4),
.member-session-table td:nth-child(4),
.member-alert-table th:nth-child(2),
.member-alert-table td:nth-child(2),
.login-info-table th:nth-child(2),
.login-info-table td:nth-child(2),
.casino-slot-bet-table th:nth-child(2),
.casino-slot-bet-table td:nth-child(2),
.member-message-table th:nth-child(3),
.member-message-table td:nth-child(3),
.commission-adjustment-table th:nth-child(4),
.commission-adjustment-table td:nth-child(4),
.admin-report-view .member-statistics-table th:nth-child(3),
.admin-report-view .member-statistics-table td:nth-child(3),
.admin-report-view .vendor-settlement-table th:nth-child(1),
.admin-report-view .vendor-settlement-table td:nth-child(1),
.admin-report-view .rate-adjustment-table th:nth-child(2),
.admin-report-view .rate-adjustment-table td:nth-child(2) {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: var(--layout-admin-table-sticky-key-width);
  max-width: calc(var(--layout-admin-table-sticky-key-width) * 1.7);
  background: var(--color-surface);
  box-shadow: 1px 0 0 var(--color-border);
}

.ledger-table th.ledger-member-cell,
.member-session-table th:nth-child(4),
.member-alert-table th:nth-child(2),
.login-info-table th:nth-child(2),
.casino-slot-bet-table th:nth-child(2),
.member-message-table th:nth-child(3),
.commission-adjustment-table th:nth-child(4),
.admin-report-view .member-statistics-table th:nth-child(3),
.admin-report-view .vendor-settlement-table th:nth-child(1),
.admin-report-view .rate-adjustment-table th:nth-child(2) {
  z-index: 3;
  background: var(--color-surface-subtle);
}

.ledger-table tr:hover td.ledger-member-cell,
.member-session-table tr:hover td:nth-child(4),
.member-alert-table tr:hover td:nth-child(2),
.login-info-table tr:hover td:nth-child(2),
.casino-slot-bet-table tr:hover td:nth-child(2),
.member-message-table tr:hover td:nth-child(3),
.commission-adjustment-table tr:hover td:nth-child(4),
.admin-report-view .member-statistics-table tr:hover td:nth-child(3),
.admin-report-view .vendor-settlement-table tr:hover td:nth-child(1),
.admin-report-view .rate-adjustment-table tr:hover td:nth-child(2) {
  background: var(--color-surface-hover);
}

.member-message-body {
  display: -webkit-box;
  margin: var(--space-2) 0 0;
  max-width: 360px;
  overflow: hidden;
  color: var(--color-text-muted);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.event-board-view,
.notice-board-view,
.popup-view,
.partner-domain-view,
.admin-account-view {
  max-width: calc(100vw - var(--layout-sidebar-width) - (var(--layout-content-padding-x) * 2));
}

.app-shell.sidebar-collapsed .event-board-view,
.app-shell.sidebar-collapsed .notice-board-view,
.app-shell.sidebar-collapsed .popup-view,
.app-shell.sidebar-collapsed .partner-domain-view,
.app-shell.sidebar-collapsed .admin-account-view {
  max-width: calc(100vw - var(--layout-sidebar-collapsed-width) - (var(--layout-content-padding-x) * 2));
}

.event-board-actions,
.event-board-tabs,
.notice-board-actions,
.notice-board-tabs,
.popup-actions,
.popup-tabs,
.partner-domain-tabs,
.partner-domain-route-tabs,
.admin-account-tabs {
  flex-wrap: wrap;
}

.content-channel-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-8) 0;
  background: var(--color-surface);
}

.content-channel-tab {
  min-height: var(--control-height-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-text);
  cursor: pointer;
  font-weight: 800;
  padding: 0 var(--space-7);
}

.content-channel-tab.active {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.master-management-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-8) 0;
  background: var(--color-surface);
}

.master-management-tab {
  min-height: var(--control-height-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-text);
  cursor: pointer;
  font-weight: 800;
  padding: 0 var(--space-7);
}

.master-management-tab.active {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.event-board-filter-toolbar,
.notice-board-filter-toolbar,
.popup-filter-toolbar {
  grid-template-columns: repeat(2, minmax(142px, 0.75fr)) repeat(3, minmax(126px, 0.7fr)) minmax(180px, 1fr) repeat(3, minmax(118px, 0.65fr)) auto;
  align-items: end;
}

.notice-board-filter-toolbar {
  grid-template-columns: repeat(2, minmax(142px, 0.75fr)) minmax(126px, 0.7fr) minmax(180px, 1fr) repeat(3, minmax(118px, 0.65fr)) auto;
}

.admin-account-filter-toolbar {
  grid-template-columns: minmax(180px, 1fr) repeat(2, minmax(136px, 0.72fr)) repeat(3, minmax(112px, 0.58fr)) auto;
  align-items: end;
}

.partner-domain-filter-toolbar {
  grid-template-columns: minmax(120px, 0.62fr) minmax(220px, 1fr) minmax(160px, 0.82fr) repeat(3, minmax(112px, 0.58fr)) auto;
  align-items: end;
}

.event-board-create-form {
  grid-template-columns: minmax(126px, 0.7fr) minmax(180px, 1fr) minmax(240px, 1.3fr) repeat(2, minmax(122px, 0.65fr)) repeat(2, minmax(142px, 0.75fr)) minmax(110px, 0.55fr) minmax(96px, 0.45fr) auto;
  align-items: end;
}

.notice-board-write-actions {
  display: flex;
  justify-content: flex-end;
}

dialog.notice-board-write-dialog {
  width: min(1180px, calc(100vw - 48px));
  max-height: calc(100vh - 32px);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  box-shadow: var(--shadow-notice-write-dialog);
}

.notice-board-write-dialog .notice-write-form {
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  padding: 0;
  background: var(--color-surface);
}

.notice-write-header {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  padding: 0 var(--space-6);
  background: var(--color-sidebar-accent);
  color: var(--color-text-inverse);
}

.notice-write-header h2 {
  margin: 0;
  color: inherit;
  font-size: var(--font-size-xl);
  font-weight: 800;
}

.notice-write-close {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: inherit;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

.notice-write-close:hover,
.notice-write-close:focus-visible {
  background: var(--color-notice-write-close-hover-bg);
  outline: none;
}

.notice-write-panel {
  margin: var(--space-4);
  border: 1px solid var(--color-admin-border);
  background: var(--color-surface);
}

.notice-write-panel h3 {
  margin: 0;
  padding: var(--space-4) var(--space-6);
  border-bottom: 1px solid var(--color-admin-border);
  color: var(--color-text-strong);
  font-size: var(--font-size-lg);
  font-weight: 800;
}

.notice-write-grid {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
}

.notice-write-label {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: var(--space-4) var(--space-6);
  border-right: 1px solid var(--color-admin-border);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-table-header-bg);
  color: var(--color-text-strong);
  font-size: var(--font-size-md);
  font-weight: 800;
}

.notice-write-field {
  min-width: 0;
  padding: var(--space-3) var(--space-5);
  border-bottom: 1px solid var(--color-admin-border);
}

.notice-write-label:nth-last-child(2),
.notice-write-field:last-child {
  border-bottom: 0;
}

.notice-write-field input,
.notice-write-field textarea {
  width: 100%;
  border: 1px solid var(--color-admin-border);
  border-radius: 0;
  background: var(--color-surface);
  color: var(--color-text);
}

.notice-write-field input {
  min-height: 40px;
  padding: 0 var(--space-4);
  font-size: var(--font-size-md);
}

.notice-period-control {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
}

.notice-period-dates {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 240px));
  gap: var(--space-5);
  min-width: 0;
}

.notice-period-calendar-enhanced .notice-period-dates {
  grid-template-columns: max-content;
}

.notice-period-calendar-enhanced .notice-period-dates > label {
  display: none;
}

.notice-period-date-picker {
  grid-column: 1;
}

.notice-period-dates label {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.notice-period-dates span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.notice-period-dates input:disabled {
  background: var(--color-table-header-bg);
  color: var(--color-text-muted);
  cursor: not-allowed;
}

.notice-write-content-label {
  align-items: center;
  min-height: 0;
}

.notice-write-editor {
  width: min(100%, 920px);
  display: flex;
  height: clamp(260px, 34vh, 320px);
  min-height: 0;
  flex-direction: column;
  overflow: visible;
  border: 1px solid var(--color-notice-editor-dark-border);
  border-radius: var(--radius-sm);
  background: var(--color-notice-editor-dark-bg);
}

.notice-write-editor-toast {
  display: block;
  height: 330px;
  overflow: visible;
  border: 0;
  background: transparent;
}

.notice-write-toast-editor,
.notice-write-toast-editor .toastui-editor-defaultUI {
  height: 100%;
}

.notice-write-toast-editor .toastui-editor-defaultUI {
  overflow: visible;
  border: 1px solid var(--color-notice-editor-dark-border);
  border-radius: var(--radius-sm);
}

.notice-write-toast-editor .toastui-editor-defaultUI-toolbar {
  border-bottom-color: var(--color-notice-editor-toolbar-border);
  background: var(--color-notice-editor-toolbar-bg);
}

.notice-write-toast-editor .toastui-editor-toolbar-icons {
  border-color: var(--color-notice-editor-icon-border);
  background-color: var(--color-notice-editor-icon-bg);
}

.notice-write-toast-editor .toastui-editor-main,
.notice-write-toast-editor .toastui-editor-ww-container,
.notice-write-toast-editor .toastui-editor-ww-container .toastui-editor {
  background: var(--color-notice-editor-dark-bg);
}

.notice-write-toast-editor .toastui-editor-contents {
  color: var(--color-text-inverse);
  font-size: var(--font-size-md);
}

.notice-write-toast-editor .ProseMirror {
  min-height: 230px;
}

.notice-write-toast-editor .toastui-editor-popup,
.notice-write-toast-editor .toastui-editor-context-menu,
.notice-write-toast-editor .toastui-editor-dropdown-toolbar {
  z-index: 1000;
}

.notice-write-toast-editor .toastui-editor-popup,
.notice-write-toast-editor .toastui-editor-context-menu,
.notice-write-toast-editor .toastui-editor-dropdown-toolbar,
.notice-board-write-dialog .toastui-editor-popup,
.notice-board-write-dialog .toastui-editor-context-menu,
.notice-board-write-dialog .toastui-editor-dropdown-toolbar {
  border: 1px solid var(--color-notice-editor-popup-border);
  background: var(--color-notice-editor-popup-bg) !important;
  box-shadow: var(--shadow-notice-editor-popup);
  color: var(--color-notice-editor-popup-text) !important;
}

.notice-write-toast-editor .toastui-editor-popup-body,
.notice-write-toast-editor .toastui-editor-popup-body label,
.notice-write-toast-editor .toastui-editor-popup-body input[type='text'],
.notice-write-toast-editor .toastui-editor-popup-add-heading h1,
.notice-write-toast-editor .toastui-editor-popup-add-heading h2,
.notice-write-toast-editor .toastui-editor-popup-add-heading h3,
.notice-write-toast-editor .toastui-editor-popup-add-heading h4,
.notice-write-toast-editor .toastui-editor-popup-add-heading h5,
.notice-write-toast-editor .toastui-editor-popup-add-heading h6,
.notice-write-toast-editor .toastui-editor-popup-add-heading p,
.notice-write-toast-editor .toastui-editor-popup-add-heading div,
.notice-write-toast-editor .toastui-editor-popup-add-heading li,
.notice-write-toast-editor .toastui-editor-table-description,
.notice-board-write-dialog .toastui-editor-popup-body,
.notice-board-write-dialog .toastui-editor-popup-body label,
.notice-board-write-dialog .toastui-editor-popup-body input[type='text'],
.notice-board-write-dialog .toastui-editor-popup-add-heading *,
.notice-board-write-dialog .toastui-editor-table-description {
  color: var(--color-notice-editor-popup-text) !important;
  text-shadow: none;
}

.notice-write-toast-editor .toastui-editor-popup-add-heading ul,
.notice-board-write-dialog .toastui-editor-popup-add-heading ul {
  overflow: hidden;
  border-radius: var(--radius-xs);
  background: var(--color-notice-editor-popup-bg) !important;
}

.notice-write-toast-editor .toastui-editor-popup-add-heading ul li,
.notice-board-write-dialog .toastui-editor-popup-add-heading ul li {
  min-width: 190px;
  background: var(--color-notice-editor-popup-bg) !important;
}

.notice-write-toast-editor .toastui-editor-popup-add-heading ul li:hover,
.notice-board-write-dialog .toastui-editor-popup-add-heading ul li:hover {
  background: var(--color-notice-editor-hover-bg) !important;
}

.notice-write-toast-editor .toastui-editor-popup-add-table,
.notice-board-write-dialog .toastui-editor-popup-add-table {
  padding: var(--space-3);
  background: var(--color-notice-editor-popup-bg) !important;
}

.notice-write-toast-editor .toastui-editor-popup-add-table .toastui-editor-popup-body,
.notice-board-write-dialog .toastui-editor-popup-add-table .toastui-editor-popup-body {
  padding: 0;
}

.notice-write-toast-editor .toastui-editor-popup-add-table .toastui-editor-table-cell,
.notice-board-write-dialog .toastui-editor-popup-add-table .toastui-editor-table-cell {
  width: 22px;
  height: 22px;
  border-color: var(--color-notice-editor-table-cell-border);
  background: var(--color-notice-editor-popup-bg) !important;
}

.notice-write-toast-editor .toastui-editor-popup-add-table .toastui-editor-table-cell.header,
.notice-board-write-dialog .toastui-editor-popup-add-table .toastui-editor-table-cell.header {
  background: var(--color-notice-editor-muted-bg) !important;
}

.notice-write-toast-editor .toastui-editor-popup-add-table .toastui-editor-table-selection-layer,
.notice-board-write-dialog .toastui-editor-popup-add-table .toastui-editor-table-selection-layer {
  border-color: var(--color-notice-editor-selection-border);
  background: var(--color-notice-editor-selection-bg) !important;
}

.notice-write-toast-editor .toastui-editor-popup-color,
.notice-board-write-dialog .toastui-editor-popup-color {
  width: 178px !important;
  padding: var(--space-3) !important;
  background: var(--color-notice-editor-popup-bg) !important;
}

.notice-write-toast-editor .toastui-editor-popup-color .tui-popup-body,
.notice-board-write-dialog .toastui-editor-popup-color .tui-popup-body,
.notice-write-toast-editor .toastui-editor-popup-color .toastui-editor-popup-body,
.notice-board-write-dialog .toastui-editor-popup-color .toastui-editor-popup-body {
  padding: 0 !important;
}

.notice-write-toast-editor .toastui-editor-popup-color .tui-colorpicker-container,
.notice-write-toast-editor .toastui-editor-popup-color .tui-colorpicker-palette-container,
.notice-board-write-dialog .toastui-editor-popup-color .tui-colorpicker-container,
.notice-board-write-dialog .toastui-editor-popup-color .tui-colorpicker-palette-container {
  width: 154px !important;
}

.notice-write-toast-editor .toastui-editor-popup-color .tui-colorpicker-container ul,
.notice-board-write-dialog .toastui-editor-popup-color .tui-colorpicker-container ul {
  width: 154px !important;
  margin-bottom: var(--space-2) !important;
}

.notice-write-toast-editor .toastui-editor-popup-color button,
.notice-board-write-dialog .toastui-editor-popup-color button {
  position: static !important;
  display: block;
  width: 100% !important;
  border: 1px solid var(--color-notice-editor-popup-border);
  background: var(--color-notice-editor-control-bg) !important;
  color: var(--color-notice-editor-popup-text) !important;
}

.notice-write-toast-editor .toastui-editor-popup-color button:hover,
.notice-board-write-dialog .toastui-editor-popup-color button:hover {
  border-color: var(--color-notice-editor-control-border-hover);
  background: var(--color-notice-editor-control-bg-hover) !important;
}

.notice-write-toast-editor .toastui-editor-popup-color .tui-colorpicker-container div.tui-colorpicker-clearfix,
.notice-board-write-dialog .toastui-editor-popup-color .tui-colorpicker-container div.tui-colorpicker-clearfix {
  display: none !important;
}

.notice-write-toast-editor .toastui-editor-popup-color .tui-colorpicker-palette-preview,
.notice-board-write-dialog .toastui-editor-popup-color .tui-colorpicker-palette-preview {
  float: none !important;
  margin: 0 !important;
}

.notice-write-toast-editor .toastui-editor-popup-body input[type='text'].tui-colorpicker-palette-hex,
.notice-board-write-dialog .toastui-editor-popup-body input[type='text'].tui-colorpicker-palette-hex {
  float: none !important;
  width: 100% !important;
  min-width: 0;
  background: var(--color-notice-editor-popup-bg) !important;
  color: var(--color-notice-editor-popup-text) !important;
  border-color: var(--color-notice-editor-popup-border) !important;
}

.notice-write-toast-editor .toastui-editor-popup-color .tui-colorpicker-slider-container,
.notice-write-toast-editor .toastui-editor-popup-color .tui-colorpicker-slider-left,
.notice-write-toast-editor .toastui-editor-popup-color .tui-colorpicker-slider-right,
.notice-write-toast-editor .toastui-editor-popup-color .tui-colorpicker-svg-slider,
.notice-write-toast-editor .toastui-editor-popup-color .tui-colorpicker-svg-huebar,
.notice-board-write-dialog .toastui-editor-popup-color .tui-colorpicker-slider-container,
.notice-board-write-dialog .toastui-editor-popup-color .tui-colorpicker-slider-left,
.notice-board-write-dialog .toastui-editor-popup-color .tui-colorpicker-slider-right,
.notice-board-write-dialog .toastui-editor-popup-color .tui-colorpicker-svg-slider,
.notice-board-write-dialog .toastui-editor-popup-color .tui-colorpicker-svg-huebar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.notice-write-toast-editor .toastui-editor-popup-color .tui-colorpicker-container li .tui-colorpicker-palette-button,
.notice-board-write-dialog .toastui-editor-popup-color .tui-colorpicker-container li .tui-colorpicker-palette-button {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  aspect-ratio: 1 / 1;
  padding: 0 !important;
  border-radius: 50% !important;
}

.notice-write-toast-editor .tui-colorpicker-palette-button.tui-colorpicker-selected {
  border-color: var(--color-notice-editor-strong-border);
}

.notice-write-toast-editor .toastui-editor-contents table,
.notice-board-write-dialog .toastui-editor-contents table {
  min-width: 240px;
  border: 1px solid var(--color-notice-editor-content-table-border) !important;
  border-collapse: collapse !important;
  background-color: var(--color-notice-editor-content-table-bg) !important;
}

.notice-write-toast-editor .toastui-editor-contents table th,
.notice-write-toast-editor .toastui-editor-contents table td,
.notice-board-write-dialog .toastui-editor-contents table th,
.notice-board-write-dialog .toastui-editor-contents table td {
  min-width: 76px !important;
  height: 34px !important;
  padding: 5px 10px !important;
  border: 1px solid var(--color-notice-editor-content-table-border) !important;
  background-color: var(--color-notice-editor-content-cell-bg) !important;
  box-sizing: border-box !important;
}

.notice-write-toast-editor .toastui-editor-contents table th,
.notice-board-write-dialog .toastui-editor-contents table th {
  background-color: var(--color-notice-editor-content-th-bg) !important;
  color: var(--color-text-inverse) !important;
}

.notice-write-toast-editor .toastui-editor-contents table td p,
.notice-write-toast-editor .toastui-editor-contents table th p,
.notice-board-write-dialog .toastui-editor-contents table td p,
.notice-board-write-dialog .toastui-editor-contents table th p {
  min-height: 20px !important;
  color: inherit !important;
}

.notice-write-editor-fallback {
  display: flex;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  overflow: visible;
  border: 1px solid var(--color-notice-editor-dark-border);
  border-radius: var(--radius-sm);
  background: var(--color-notice-editor-dark-bg);
}

.notice-write-editor-fallback[hidden] {
  display: none;
}

.notice-write-editor-toolbar {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 0 0 auto;
  min-height: 44px;
  align-items: center;
  gap: var(--space-2);
  overflow: visible;
  padding: 0 var(--space-4);
  border-bottom: 1px solid var(--color-notice-editor-toolbar-border);
  background: var(--color-notice-editor-toolbar-bg);
}

.notice-write-editor-toolbar > button {
  position: relative;
  display: inline-flex;
  min-width: 34px;
  height: 34px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-notice-editor-toolbar-button-border);
  border-radius: var(--radius-sm);
  background: var(--color-notice-editor-toolbar-button-bg);
  color: var(--color-notice-editor-toolbar-button-text);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.notice-write-editor-toolbar > button:hover,
.notice-write-editor-toolbar > button[aria-expanded="true"] {
  border-color: var(--color-notice-editor-toolbar-button-border-hover);
  background: var(--color-notice-editor-toolbar-button-bg-hover);
  color: var(--color-text-inverse);
}

.notice-write-editor-toolbar > button[data-notice-editor-action="color"]::after {
  position: absolute;
  top: 9px;
  right: 8px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--color-notice-editor-color-indicator);
  content: '';
}

.notice-write-editor-toolbar > button[data-notice-editor-action="strike"],
.notice-write-editor-toolbar > button[data-notice-editor-action="line"],
.notice-write-editor-toolbar > button[data-notice-editor-action="bullet"],
.notice-write-editor-toolbar > button[data-notice-editor-action="table"] {
  margin-left: var(--space-3);
}

.notice-editor-menu {
  position: absolute;
  z-index: 30;
  min-width: 196px;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-xs);
  background: var(--color-surface);
  box-shadow: var(--shadow-lg);
  color: var(--color-text-primary);
}

.notice-editor-menu[hidden] {
  display: none;
}

.notice-write-editor-toolbar .notice-editor-menu button {
  border: 0;
  background: transparent;
  color: var(--color-text-primary);
  cursor: pointer;
}

.notice-editor-heading-menu {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: var(--space-2) 0;
}

.notice-editor-heading-menu button {
  min-width: 0;
  height: auto;
  justify-content: flex-start;
  padding: var(--space-2) var(--space-4);
  border-radius: 0;
  font-weight: 500;
  line-height: 1.15;
  text-align: left;
}

.notice-editor-heading-menu button:hover,
.notice-editor-heading-menu button:focus-visible {
  background: var(--color-notice-editor-hover-bg);
  outline: none;
}

.notice-editor-heading-h1 {
  font-size: 32px;
}

.notice-editor-heading-h2 {
  font-size: 28px;
}

.notice-editor-heading-h3 {
  font-size: 24px;
}

.notice-editor-heading-h4 {
  font-size: 20px;
}

.notice-editor-heading-h5 {
  font-size: 17px;
  font-weight: 800;
}

.notice-editor-heading-h6 {
  font-size: 15px;
  font-weight: 800;
}

.notice-editor-heading-p {
  font-size: var(--font-size-sm);
}

.notice-editor-color-menu {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4, 30px);
  gap: var(--space-2);
  padding: var(--space-3);
}

.notice-write-editor-toolbar .notice-editor-color-menu button {
  width: 30px;
  min-width: 30px;
  height: 30px;
  border: 1px solid var(--color-notice-editor-swatch-border);
  border-radius: var(--radius-xs);
  background: var(--notice-editor-color);
}

.notice-write-editor-toolbar .notice-editor-color-menu button:hover,
.notice-write-editor-toolbar .notice-editor-color-menu button:focus-visible {
  outline: 2px solid var(--color-notice-editor-focus-ring);
  outline-offset: 2px;
}

.notice-editor-table-menu {
  min-width: 226px;
  padding: var(--space-4);
}

.notice-editor-table-grid {
  display: grid;
  grid-template-columns: repeat(8, 22px);
  gap: 0;
}

.notice-write-editor-toolbar .notice-editor-table-grid button {
  width: 22px;
  min-width: 22px;
  height: 22px;
  border: 1px solid var(--color-notice-editor-grid-border);
  border-radius: 0;
  background: var(--color-surface);
}

.notice-write-editor-toolbar .notice-editor-table-grid button.selected {
  border-color: var(--color-notice-editor-grid-selected-border);
  background: var(--color-notice-editor-hover-bg);
}

.notice-editor-table-size {
  margin-top: var(--space-3);
  color: var(--color-notice-editor-table-size-text);
  font-size: var(--font-size-lg);
  font-weight: 700;
  text-align: center;
}

.notice-write-editor-body {
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto;
  border: 0;
  background: var(--color-notice-editor-dark-bg);
  color: var(--color-text-inverse);
  padding: var(--space-5);
  font-size: var(--font-size-md);
  line-height: 1.45;
  outline: none;
}

.notice-write-editor-body:empty::before {
  content: attr(data-placeholder);
  color: var(--color-notice-editor-placeholder);
}

.notice-write-editor-body a,
.notice-rich-body a,
.notice-board-detail-body a {
  color: var(--color-notice-editor-link);
  text-decoration: underline;
}

.notice-write-editor-body blockquote,
.notice-rich-body blockquote,
.notice-board-detail-body blockquote {
  margin: var(--space-3) 0;
  padding: var(--space-3) var(--space-4);
  border-left: 3px solid var(--color-sidebar-accent);
  background: var(--color-notice-editor-quote-bg);
}

.notice-write-editor-body table,
.notice-rich-body table,
.notice-board-detail-body table {
  width: 100%;
  border: 1px solid var(--color-admin-border);
  border-collapse: collapse;
  margin: var(--space-3) 0;
}

.notice-write-editor-body th,
.notice-write-editor-body td,
.notice-rich-body th,
.notice-rich-body td,
.notice-board-detail-body th,
.notice-board-detail-body td {
  border: 1px solid var(--color-admin-border);
  padding: var(--space-2) var(--space-3);
}

.notice-write-editor-body img,
.notice-rich-body img,
.notice-board-detail-body img {
  max-width: 100%;
  height: auto;
}

.notice-write-editor textarea {
  min-height: 0;
  flex: 1 1 auto;
  resize: vertical;
  border: 0;
  background: var(--color-notice-editor-dark-bg);
  color: var(--color-text-inverse);
  padding: var(--space-5);
  font-size: var(--font-size-md);
  line-height: 1.45;
}

.notice-write-editor textarea:focus-visible {
  outline: 2px solid var(--color-notice-editor-textarea-focus);
  outline-offset: -2px;
}

.notice-write-editor textarea::placeholder {
  color: var(--color-notice-editor-placeholder);
}

.notice-write-footer {
  display: flex;
  justify-content: flex-end;
  padding: var(--space-4) var(--space-6) var(--space-5);
  border-top: 1px solid var(--color-admin-border);
}

.notice-write-submit {
  min-width: 128px;
  min-height: 44px;
  border-color: var(--color-sidebar-accent-strong);
  background: var(--color-sidebar-accent);
  color: var(--color-text-inverse);
  font-size: var(--font-size-lg);
}

.notice-write-submit:hover,
.notice-write-submit:focus-visible {
  background: var(--color-sidebar-accent-strong);
  border-color: var(--color-sidebar-accent-strong);
}

.toolbar.popup-create-form,
.toolbar.popup-create-form.date-range-enhanced-toolbar {
  grid-template-columns:
    minmax(132px, 0.62fr)
    minmax(190px, 0.9fr)
    minmax(260px, 1.22fr)
    minmax(220px, 1fr)
    repeat(2, minmax(112px, 0.54fr))
    minmax(118px, 0.52fr);
  grid-template-areas:
    "presets presets presets presets presets presets presets"
    "partner title body image audience status submit"
    "period period period width height order submit";
  align-items: stretch;
}

.popup-preset-strip {
  grid-area: presets;
  display: flex;
  align-items: stretch;
  gap: var(--space-2);
  min-width: 0;
}

.popup-preset-strip > span {
  display: inline-flex;
  align-items: center;
  min-width: 116px;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.popup-preset-button {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: var(--space-2);
  min-width: 0;
  padding: var(--space-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text);
  text-align: left;
  cursor: pointer;
}

.popup-preset-button:hover,
.popup-preset-button:focus-visible {
  border-color: var(--color-sidebar-accent);
  box-shadow: 0 0 0 3px var(--color-admin-focus-ring);
  outline: none;
}

.popup-preset-button img {
  grid-row: 1 / span 2;
  width: 44px;
  height: 44px;
  border-radius: var(--radius-sm);
  object-fit: cover;
}

.popup-preset-button strong,
.popup-preset-button small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.popup-preset-button strong {
  font-size: var(--font-size-sm);
}

.popup-preset-button small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

.popup-edit-dialog {
  width: min(1120px, calc(100% - 32px));
}

.popup-edit-dialog .member-action-fields {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: start;
}

.popup-edit-dialog .popup-dialog-presets {
  grid-column: 1 / -1;
  min-width: 0;
}

.popup-edit-dialog .popup-preset-strip {
  grid-area: auto;
  display: grid;
  grid-template-columns: minmax(116px, 0.62fr) repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
}

.popup-edit-dialog .popup-preset-strip > span {
  min-width: 0;
}

.popup-edit-dialog .popup-preset-button {
  min-height: 82px;
  padding: var(--space-4);
}

.popup-edit-dialog .popup-preset-button img {
  width: 56px;
  height: 56px;
}

.popup-edit-dialog .popup-dialog-field {
  grid-column: span 3;
  gap: var(--space-3);
  min-width: 0;
}

.popup-edit-dialog .popup-dialog-field-partner {
  grid-column: span 3;
}

.popup-edit-dialog .popup-dialog-field-title {
  grid-column: span 5;
}

.popup-edit-dialog .popup-dialog-field-status,
.popup-edit-dialog .popup-dialog-field-audience {
  grid-column: span 2;
}

.popup-edit-dialog .popup-dialog-field-body,
.popup-edit-dialog .popup-dialog-field-image {
  grid-column: span 6;
}

.popup-edit-dialog .popup-dialog-field-size,
.popup-edit-dialog .popup-dialog-field-order {
  grid-column: span 2;
}

.popup-edit-dialog .popup-dialog-field textarea {
  min-height: 132px;
}

.popup-edit-dialog .popup-dialog-field input,
.popup-edit-dialog .popup-dialog-field select,
.popup-edit-dialog .popup-dialog-field textarea {
  width: 100%;
}

.popup-edit-dialog .date-range-picker {
  grid-column: span 6;
  align-self: stretch;
  padding: var(--space-6);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.popup-create-field {
  display: grid;
  min-width: 0;
  gap: var(--space-2);
  align-content: start;
}

.popup-create-field > span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.popup-create-field textarea {
  min-height: 64px;
  resize: vertical;
}

.popup-create-field .date-range-picker {
  width: 100%;
}

.popup-create-field-partner {
  grid-area: partner;
}

.popup-create-field-title {
  grid-area: title;
}

.popup-create-field-body {
  grid-area: body;
}

.popup-create-field-image {
  grid-area: image;
}

.popup-create-field-audience {
  grid-area: audience;
}

.popup-create-field-status {
  grid-area: status;
}

.popup-create-field-period {
  grid-area: period;
}

.popup-create-field-width {
  grid-area: width;
}

.popup-create-field-height {
  grid-area: height;
}

.popup-create-field-order {
  grid-area: order;
}

.toolbar.popup-create-form > .popup-create-submit {
  grid-area: submit;
  align-self: stretch;
  min-width: 96px;
  height: auto;
  min-height: 42px;
}

@media (max-width: 1380px) {
  .toolbar.popup-create-form,
  .toolbar.popup-create-form.date-range-enhanced-toolbar {
    grid-template-columns: repeat(4, minmax(150px, 1fr)) minmax(104px, 0.65fr);
    grid-template-areas:
      "presets presets presets presets presets"
      "partner title title submit submit"
      "body body image audience status"
      "period period width height order";
  }
}

@media (max-width: 820px) {
  .toolbar.popup-create-form,
  .toolbar.popup-create-form.date-range-enhanced-toolbar {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "presets"
      "partner"
      "title"
      "body"
      "image"
      "audience"
      "status"
      "period"
      "width"
      "height"
      "order"
      "submit";
  }

  .popup-preset-strip {
    flex-direction: column;
  }

  .popup-preset-strip > span {
    min-width: 0;
  }
}

@media (max-width: 820px) {
  dialog.notice-board-write-dialog {
    width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
  }

  .notice-board-write-dialog .notice-write-form {
    max-height: calc(100vh - 24px);
  }

  .notice-write-header {
    min-height: 60px;
    padding: 0 var(--space-5);
  }

  .notice-write-panel {
    margin: var(--space-4);
  }

  .notice-write-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .notice-write-label,
  .notice-write-field {
    border-right: 0;
  }

  .notice-write-label {
    min-height: auto;
    padding: var(--space-5) var(--space-6);
  }

  .notice-write-content-label {
    min-height: auto;
  }

  .notice-write-editor {
    width: 100%;
    height: 260px;
    min-height: 0;
  }

  .notice-write-editor-body,
  .notice-write-editor textarea {
    min-height: 0;
  }

  .notice-period-dates {
    grid-template-columns: minmax(0, 1fr);
  }
}

.admin-account-create-form {
  grid-template-columns: repeat(3, minmax(148px, 1fr)) repeat(3, minmax(128px, 0.72fr)) auto;
  align-items: end;
}

.partner-statistics-create-form {
  grid-template-columns: minmax(140px, 0.8fr) minmax(190px, 1fr) minmax(126px, 0.58fr) minmax(190px, 1fr) auto;
  align-items: end;
}

.partner-statistics-filter-toolbar {
  grid-template-columns: minmax(126px, 0.75fr) minmax(190px, 1.2fr) minmax(140px, 0.8fr) minmax(126px, 0.7fr) minmax(112px, 0.6fr) auto;
  align-items: end;
}

.partner-domain-create-form {
  grid-template-columns: minmax(170px, 0.85fr) minmax(130px, 0.62fr) minmax(190px, 1fr) minmax(220px, 1.15fr) minmax(110px, 0.52fr) minmax(170px, 0.85fr) auto;
  align-items: end;
}

.event-board-create-form,
.toolbar.popup-create-form,
.partner-domain-create-form,
.admin-account-create-form,
.partner-statistics-create-form,
.provider-catalog-sync-form,
.casino-lobby-create-form,
.site-settings-load-form,
.money-policy-load-form,
.admin-ip-create-form,
.base-settings-custom-form,
.blocked-ip-create-form {
  justify-self: start;
  width: min(100%, var(--layout-admin-form-wide-width));
}

.provider-catalog-sync-form,
.casino-lobby-create-form,
.site-settings-load-form,
.money-policy-load-form,
.admin-ip-create-form,
.base-settings-custom-form,
.blocked-ip-create-form {
  width: min(100%, var(--layout-admin-form-constrained-width));
}

.event-board-summary,
.notice-board-summary,
.popup-summary,
.partner-statistics-summary,
.partner-domain-summary,
.admin-account-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: var(--space-6);
  padding: var(--space-8);
  border-top: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.partner-statistics-summary {
  grid-template-columns: repeat(6, minmax(150px, 1fr));
}

.event-board-card,
.notice-board-card,
.popup-card,
.partner-statistics-card,
.partner-domain-card,
.admin-account-card {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.event-board-card span,
.event-board-card small,
.notice-board-card span,
.notice-board-card small,
.popup-card span,
.popup-card small,
.partner-statistics-card span,
.partner-statistics-card small,
.partner-domain-card span,
.partner-domain-card small,
.admin-account-card span,
.admin-account-card small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.event-board-card strong,
.notice-board-card strong,
.popup-card strong,
.partner-statistics-card strong,
.partner-domain-card strong,
.admin-account-card strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.event-board-card.success,
.notice-board-card.success,
.popup-card.success,
.partner-statistics-card.success,
.partner-domain-card.success,
.admin-account-card.success {
  border-color: var(--color-sidebar-accent-border);
}

.partner-statistics-card.primary {
  border-color: var(--color-admin-border-strong);
}

.event-board-card.warning,
.notice-board-card.warning,
.popup-card.warning,
.partner-statistics-card.warning,
.partner-domain-card.warning,
.admin-account-card.warning {
  border-color: var(--color-notice-border);
}

.event-board-card.danger,
.notice-board-card.danger,
.popup-card.danger,
.partner-statistics-card.danger,
.partner-domain-card.danger,
.admin-account-card.danger {
  border-color: var(--color-alert-border);
}

.partner-statistics-view .table-wrap {
  overflow-x: auto;
}

.partner-statistics-view .table-wrap table {
  min-width: 1880px;
}

.partner-statistics-view .table-wrap th,
.partner-statistics-view .table-wrap td {
  padding: var(--space-4) var(--space-5);
  vertical-align: top;
}

.partner-statistics-view .table-wrap strong {
  display: block;
  color: var(--color-text-strong);
  margin-bottom: var(--space-2);
}

.partner-statistics-view .table-wrap .muted {
  display: block;
  margin-top: var(--space-2);
  overflow-wrap: anywhere;
  white-space: normal;
}

.event-board-wrap,
.notice-board-wrap,
.popup-wrap,
.partner-domain-wrap,
.admin-account-wrap {
  margin-top: 0;
  overflow-x: auto;
}

.event-board-table,
.notice-board-table,
.popup-table {
  min-width: 1360px;
}

.event-board-list-toolbar,
.popup-list-toolbar {
  align-items: center;
}

.toolbar-spacer {
  flex: 1 1 auto;
  min-width: var(--space-4);
}

.admin-account-table {
  min-width: 1900px;
}

.partner-domain-table {
  min-width: 1600px;
}

.event-board-table th,
.event-board-table td,
.notice-board-table th,
.notice-board-table td,
.popup-table th,
.popup-table td,
.partner-domain-table th,
.partner-domain-table td,
.admin-account-table th,
.admin-account-table td {
  padding: var(--space-4) var(--space-5);
  vertical-align: top;
}

.partner-domain-table strong {
  display: block;
  color: var(--color-text-strong);
  margin-bottom: var(--space-2);
}

.partner-domain-table .muted {
  display: block;
  margin-top: var(--space-2);
  overflow-wrap: anywhere;
  white-space: normal;
}

.partner-domain-table th:nth-child(1),
.partner-domain-table td:nth-child(1) {
  width: 56px;
}

.partner-domain-table th:nth-child(2),
.partner-domain-table td:nth-child(2) {
  width: 190px;
}

.partner-domain-table th:nth-child(3),
.partner-domain-table td:nth-child(3) {
  width: 130px;
}

.partner-domain-table th:nth-child(4),
.partner-domain-table td:nth-child(4) {
  width: 260px;
}

.partner-domain-table th:nth-child(5),
.partner-domain-table td:nth-child(5) {
  width: 270px;
}

.partner-domain-table th:nth-child(6),
.partner-domain-table td:nth-child(6) {
  width: 100px;
}

.partner-domain-table th:nth-child(7),
.partner-domain-table td:nth-child(7) {
  width: 240px;
}

.partner-domain-table th:nth-child(8),
.partner-domain-table td:nth-child(8) {
  width: 210px;
}

.partner-domain-table th:nth-child(9),
.partner-domain-table td:nth-child(9) {
  width: 160px;
}

.admin-account-table strong {
  display: block;
  color: var(--color-text-strong);
  margin-bottom: var(--space-3);
}

.admin-account-display-input {
  min-width: 180px;
}

.admin-account-table th:nth-child(1),
.admin-account-table td:nth-child(1) {
  width: 56px;
}

.admin-account-table th:nth-child(2),
.admin-account-table td:nth-child(2) {
  width: 220px;
}

.admin-account-table th:nth-child(3),
.admin-account-table td:nth-child(3) {
  width: 310px;
}

.admin-account-table th:nth-child(4),
.admin-account-table td:nth-child(4) {
  width: 340px;
}

.admin-account-table th:nth-child(5),
.admin-account-table td:nth-child(5) {
  width: 96px;
}

.admin-account-table th:nth-child(6),
.admin-account-table td:nth-child(6) {
  width: 230px;
}

.admin-account-table th:nth-child(7),
.admin-account-table td:nth-child(7) {
  width: 180px;
}

.admin-account-table th:nth-child(8),
.admin-account-table td:nth-child(8) {
  width: 190px;
}

.admin-account-table th:nth-child(9),
.admin-account-table td:nth-child(9) {
  width: 170px;
}

.admin-account-table .muted {
  display: block;
  margin-top: var(--space-2);
  overflow-wrap: anywhere;
  white-space: normal;
}

.admin-account-access-panel {
  position: relative;
  margin-top: var(--space-2);
  text-align: left;
}

.admin-account-access-panel > summary {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  cursor: pointer;
  color: var(--color-primary);
  font-size: var(--font-size-xs);
  font-weight: 800;
  list-style: none;
}

.admin-account-access-panel > summary::-webkit-details-marker {
  display: none;
}

.admin-account-access-panel > summary::after {
  content: '▾';
  margin-left: var(--space-2);
}

.admin-account-access-panel[open] > summary::after {
  content: '▴';
}

.admin-account-access-panel:not([open]) > .admin-account-access-body {
  display: none;
}

.admin-account-access-body {
  position: absolute;
  z-index: 8;
  top: calc(100% + var(--space-2));
  left: 0;
  width: min(320px, calc(100vw - 64px));
  padding: var(--space-4);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-lg);
}

.admin-account-access-body .field {
  display: grid;
  gap: var(--space-2);
}

.admin-account-access-body select {
  width: 100%;
  min-height: 132px;
}

.event-board-body,
.notice-board-body,
.popup-body,
.popup-image-url {
  display: -webkit-box;
  margin: var(--space-2) 0 0;
  max-width: 360px;
  overflow: hidden;
  color: var(--color-text-muted);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.check-cell {
  width: 48px;
  text-align: center;
}

.event-board-scope {
  display: block;
  margin-top: var(--space-2);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.event-board-visibility {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--radius-sm);
  padding: 0 12px;
  color: var(--color-text-inverse);
  cursor: pointer;
  font-size: var(--font-size-xs);
  font-weight: 900;
}

.event-board-visibility.published {
  background: var(--color-success);
}

.event-board-visibility.hidden {
  background: var(--color-danger);
}

.popup-status-control {
  display: grid;
  justify-items: center;
  gap: var(--space-2);
  min-width: 0;
}

.popup-status-current {
  min-width: 60px;
  cursor: default;
}

.popup-status-actions {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
}

.popup-status-action {
  min-width: 46px;
  min-height: 28px;
  padding: 0 var(--space-3);
}

.popup-status-action:disabled {
  opacity: 0.52;
  cursor: default;
  transform: none;
}

.popup-image-preview {
  display: inline-flex;
  width: 82px;
  height: 116px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
}

.popup-image-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.popup-login-exposure {
  display: inline-flex;
  min-width: 36px;
  min-height: 22px;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: 900;
}

.popup-login-exposure.on {
  background: var(--color-badge-success-bg);
  color: var(--color-success);
}

.popup-login-exposure.off {
  background: var(--color-badge-neutral-bg);
  color: var(--color-text-muted);
}

.notice-board-title-button {
  max-width: 100%;
  border: 0;
  background: transparent;
  color: var(--color-text-strong);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  padding: 0;
  text-align: left;
  overflow-wrap: anywhere;
}

.notice-board-title-button:hover,
.notice-board-title-button:focus-visible {
  color: var(--color-sidebar-accent-muted);
  text-decoration: underline;
}

.notice-board-title-button[aria-expanded="true"] {
  color: var(--color-sidebar-accent-muted);
}

.notice-board-row-open > td {
  border-bottom-color: transparent;
}

.notice-board-detail-row[hidden] {
  display: none;
}

.notice-board-detail-row td {
  background: var(--color-table-header-bg);
  border-top: 0;
}

.notice-board-detail-body {
  max-width: 960px;
  padding: var(--space-4) var(--space-5);
  border-left: 3px solid var(--color-sidebar-accent);
  color: var(--color-text);
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.notice-status-pill {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border-radius: var(--radius-pill);
  padding: 0 10px;
  font-size: var(--font-size-xs);
  font-weight: 800;
  background: var(--color-badge-neutral-bg);
  color: var(--color-text-muted);
}

.notice-status-pill.published {
  background: var(--color-badge-success-bg);
  color: var(--color-success);
}

.notice-status-pill.draft {
  background: var(--color-badge-warning-bg);
  color: var(--color-warning);
}

.notice-status-pill.hidden {
  background: var(--color-badge-neutral-bg);
  color: var(--color-text-muted);
}

.table-input {
  width: 100%;
  min-width: 96px;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text);
}

.rate-input {
  margin-bottom: var(--space-3);
}

.memo-input {
  min-width: 180px;
}

.empty-cell {
  color: var(--color-text-muted);
  text-align: center;
}

.member-alert-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
}

.link-button {
  border: 0;
  background: transparent;
  color: var(--color-primary);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  padding: 0;
}

.link-button:hover {
  text-decoration: underline;
}

.login-info-toolbar {
  grid-template-columns: minmax(126px, 0.8fr) minmax(190px, 1.4fr) repeat(2, minmax(142px, 1fr)) minmax(112px, 0.7fr) auto;
  align-items: end;
}

.river-login-log-view {
  min-width: 0;
}

.river-login-log-view .section-header {
  min-height: 66px;
  margin: 0;
  padding: 0 var(--space-7);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}

.river-login-log-view .section-header h2 {
  font-size: var(--font-size-lg);
}

.river-login-log-toolbar.login-info-toolbar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--space-3);
  margin: 0;
  padding: var(--space-6) var(--space-7);
  border: 0;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
  overflow-x: auto;
}

.river-login-log-toolbar > select,
.river-login-log-toolbar .river-login-log-date-group,
.river-login-log-toolbar .river-login-log-search-group {
  flex: 0 0 auto;
}

.river-login-log-date-group,
.river-login-log-search-group {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.river-login-log-date-group > span {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.river-login-log-search-group input {
  width: 180px;
  min-width: 150px;
}

.river-login-log-search-group .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 76px;
}

.river-login-log-search-group .material-symbols-outlined {
  font-size: 17px;
}

.river-login-log-view .login-info-wrap {
  margin: 0;
  border: 0;
  border-radius: 0;
}

.river-login-log-view .login-info-table {
  margin: 0;
  border-top: 0;
}

.login-info-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.common-range-actions {
  min-height: 64px;
}

.common-range-actions .button.small {
  min-width: 82px;
}

.login-info-action-spacer {
  flex: 1 1 auto;
  min-width: var(--space-8);
}

.date-range-picker {
  position: relative;
  display: grid;
  gap: var(--space-3);
  grid-column: span 2;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  z-index: 60;
}

.date-range-field-label {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.date-range-source-label {
  display: none !important;
}

.date-range-picker-with-time {
  grid-column: span 3;
}

.date-range-native-picker {
  display: flex;
  grid-column: span 2;
  align-items: flex-end;
  width: max-content;
  max-width: 100%;
  gap: var(--space-2);
  z-index: auto;
}

.date-range-native-picker.date-range-picker-with-time {
  width: max-content;
}

.date-range-menu {
  position: relative;
  width: 100%;
}

.date-range-menu > summary {
  list-style: none;
}

.date-range-menu > summary::-webkit-details-marker {
  display: none;
}

.date-range-trigger {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px;
  width: min(100%, 360px);
  min-width: 280px;
  min-height: var(--control-height-default);
  overflow: hidden;
  border: 1px solid var(--color-sidebar-accent);
  border-radius: var(--radius-sm);
  background: var(--color-admin-control-bg);
  color: var(--color-sidebar-accent-strong);
  cursor: pointer;
}

.date-range-trigger > span:first-child {
  display: flex;
  min-width: 0;
  align-items: center;
  padding: 0 var(--space-4);
  overflow: hidden;
  font-size: var(--font-size-control);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.date-range-trigger > .material-symbols-outlined {
  display: grid;
  place-items: center;
  border-left: 1px solid var(--color-sidebar-accent-border);
  font-size: 18px;
}

.date-range-menu[open] .date-range-trigger,
.date-range-trigger:hover {
  background: var(--color-admin-selection-soft);
}

.date-range-enhanced-toolbar {
  position: relative;
  overflow: visible !important;
}

.date-range-enhanced-toolbar:has(.date-range-menu[open]) {
  z-index: 1180;
}

.content:has(.date-range-menu[open]) {
  overflow: visible !important;
}

.date-range-picker:has(.date-range-menu[open]) {
  z-index: 1190;
}

:is(
  .section,
  .admin-report-view,
  .partner-tree-reference-panel,
  .member-management-content,
  .member-management-shell-panel
):has(.date-range-menu[open]) {
  position: relative;
  z-index: 1170;
  overflow: visible !important;
}

.date-range-popover {
  position: absolute;
  top: calc(100% + var(--space-2));
  left: 0;
  z-index: 1200;
  display: grid;
  width: min(426px, calc(100vw - 32px));
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid var(--color-sidebar-accent-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-sidebar-flyout);
}

.date-range-popover.date-range-popover-align-end {
  right: 0;
  left: auto;
}

.date-range-popover.date-range-popover-align-above {
  top: auto;
  bottom: calc(100% + var(--space-2));
}

.date-range-popover .date-range-native-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  gap: var(--space-2);
}

.date-range-popover .date-range-native-field {
  display: grid;
  width: 100%;
  gap: var(--space-2);
}

.date-range-popover .date-range-native-input,
.date-range-popover .date-range-native-time {
  width: 100%;
  min-width: 0;
}

.date-range-quick-title {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-xs);
}

.date-range-quick-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
}

.date-range-quick-actions .button {
  width: 100%;
  min-width: 0;
  border-color: var(--color-sidebar-accent);
  background: var(--color-admin-surface);
  color: var(--color-sidebar-accent-strong);
  font-weight: 800;
}

.date-range-quick-actions .button:hover {
  background: var(--color-admin-selection-soft);
}

.date-range-apply {
  width: 100%;
  border-color: var(--color-admin-border);
  background: var(--color-admin-surface);
  color: var(--color-admin-text);
}

.date-range-native-fields {
  display: flex;
  align-items: center;
  gap: 5px;
  width: max-content;
  max-width: 100%;
}

.date-range-native-field {
  display: flex;
  flex: 1 1 135px;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.date-range-native-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.date-range-native-input,
.app-shell input[type="date"],
#partner-app input[type="date"],
.member-detail-console-page input[type="date"] {
  color-scheme: light;
  box-sizing: border-box;
  width: 135px;
  min-width: 118px;
  height: var(--control-height-default);
  min-height: var(--control-height-default);
  padding: 6px 10px;
  border: 1px solid var(--color-date-control-border);
  border-radius: var(--radius-sm);
  background: var(--color-date-control-bg);
  color: var(--color-date-control-text);
  font-family: var(--font-family-base);
  font-size: var(--font-size-control);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.date-range-native-picker .date-range-native-time {
  color-scheme: light;
  box-sizing: border-box;
  width: 98px;
  min-width: 88px;
  height: var(--control-height-default);
  min-height: var(--control-height-default);
  padding: 6px 8px;
  border: 1px solid var(--color-date-control-border);
  border-radius: var(--radius-sm);
  background: var(--color-date-control-bg);
  color: var(--color-date-control-text);
  font-family: var(--font-family-base);
  font-size: var(--font-size-control);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}

.date-range-native-input:hover,
.date-range-native-time:hover,
.app-shell input[type="date"]:hover,
#partner-app input[type="date"]:hover,
.member-detail-console-page input[type="date"]:hover {
  border-color: var(--color-border-strong);
}

.date-range-native-input:focus-visible,
.date-range-native-time:focus-visible,
.app-shell input[type="date"]:focus-visible,
#partner-app input[type="date"]:focus-visible,
.member-detail-console-page input[type="date"]:focus-visible {
  border-color: var(--color-sidebar-accent);
  box-shadow: 0 0 0 3px var(--color-admin-focus-ring);
  outline: none;
}

.date-range-native-input::-webkit-calendar-picker-indicator,
.app-shell input[type="date"]::-webkit-calendar-picker-indicator,
#partner-app input[type="date"]::-webkit-calendar-picker-indicator,
.member-detail-console-page input[type="date"]::-webkit-calendar-picker-indicator {
  margin-left: 4px;
  cursor: pointer;
  opacity: 0.85;
}

.login-info-wrap {
  overflow-x: auto;
}

.login-info-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1180px);
}

.login-failure-table {
  min-width: max(var(--layout-admin-table-min-width), 1040px);
}

.login-info-table th,
.login-info-table td {
  padding: var(--layout-admin-table-cell-padding-y) var(--layout-admin-table-cell-padding-x);
}

.login-info-member {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
}

.login-info-member strong {
  color: var(--color-text-strong);
}

.login-info-member small,
.login-info-member em {
  color: var(--color-text-muted);
  font-style: normal;
  font-size: var(--font-size-xs);
}

.login-info-ip {
  display: grid;
  gap: var(--space-1);
}

.login-info-ip small {
  color: var(--color-danger);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.detail-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(150px, 1fr));
  gap: 0;
}

.member-detail-console-page {
  --member-detail-header-height: 76px;
  --member-detail-summary-height: 94px;
  min-width: 0;
  max-width: 100vw;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
  background: var(--color-admin-canvas);
  color: var(--color-admin-text);
}

.member-detail-console-page #member-detail-app {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.member-detail-console-page.member-detail-console-vendor-rate-page {
  overflow-x: hidden;
  overflow-y: auto;
}

.member-detail-console-page.member-detail-console-vendor-rate-page #member-detail-app {
  height: auto;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: visible;
}

.member-detail-console-page input,
.member-detail-console-page select,
.member-detail-console-page textarea {
  border-color: var(--color-admin-border);
  background: var(--color-admin-control-bg);
  color: var(--color-admin-text-strong);
}

.member-detail-window {
  min-height: 100vh;
  background: var(--color-admin-surface-muted);
}

.member-detail-window[data-member-detail-layout="reference"] {
  --member-detail-header-height: 52px;
  --member-detail-identity-height: 58px;
  --member-detail-summary-height: 82px;
  --member-detail-menu-width: 184px;
  display: grid;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  min-width: 0;
  min-height: 0;
  grid-template-rows:
    var(--member-detail-header-height)
    var(--member-detail-identity-height)
    var(--member-detail-summary-height)
    minmax(0, 1fr);
  overflow: hidden;
  background: var(--color-admin-canvas);
  isolation: isolate;
}

.member-detail-console-page .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.member-detail-window-empty {
  display: grid;
  min-height: 100vh;
  place-content: center;
  gap: var(--space-4);
  padding: var(--space-12);
  text-align: center;
}

.member-detail-window-empty h1 {
  margin: 0;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-page-title);
  letter-spacing: 0;
}

.member-detail-window-empty p {
  max-width: 560px;
  margin: 0;
  color: var(--color-admin-text-muted);
}

.member-detail-window-header {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
  min-height: 76px;
  padding: var(--space-6) var(--space-8);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
  box-shadow: var(--shadow-admin-panel);
}

.member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-header {
  position: relative;
  top: auto;
  z-index: 40;
  min-width: 0;
  min-height: 0;
  height: var(--member-detail-header-height);
  padding: 0 var(--space-8);
  border-bottom: 2px solid var(--color-sidebar-accent);
  background: var(--color-admin-surface-solid);
  box-shadow: var(--shadow-admin-panel);
}

.member-detail-window-title {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-4);
}

.member-detail-window-title h1 {
  margin: 0;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-xl);
  line-height: 1.2;
  letter-spacing: 0;
}

.member-detail-window-title h1 small {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.member-detail-window-title p {
  margin: var(--space-1) 0 0;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-title {
  flex: 1 1 auto;
  overflow: hidden;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-title > div {
  min-width: 0;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-title h1 {
  overflow: hidden;
  font-size: var(--font-size-lg);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-title p {
  overflow: hidden;
  margin-top: 0;
  font-size: var(--font-size-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-detail-window-search {
  display: grid;
  grid-template-columns: minmax(220px, 280px) auto;
  gap: var(--space-3);
  align-items: center;
}

.member-detail-window-header-tools {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-header-tools {
  min-width: 0;
  flex: 0 1 auto;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-search {
  grid-template-columns: minmax(220px, 280px) auto;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-search :is(input, button) {
  min-height: var(--control-height-compact);
  height: var(--control-height-compact);
}

.member-detail-window-close {
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  font-size: var(--font-size-lg);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-close {
  width: var(--control-height-md);
  min-width: var(--control-height-md);
  height: var(--control-height-md);
}

.member-detail-window-identity {
  display: flex;
  min-width: 0;
  min-height: 0;
  align-items: stretch;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
  scrollbar-gutter: stable;
}

.member-detail-window-identity > div {
  display: grid;
  min-width: 124px;
  flex: 1 1 140px;
  align-content: center;
  gap: var(--space-1);
  padding: var(--space-3) var(--space-6);
  border-right: 1px solid var(--color-admin-border);
}

.member-detail-window-identity > div:last-child {
  border-right: 0;
}

.member-detail-window-identity > .member-detail-window-identity-main {
  min-width: 250px;
  flex: 1.65 1 300px;
}

.member-detail-window-identity :is(span, small) {
  overflow: hidden;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-table-meta);
  font-weight: 700;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-detail-window-identity :is(strong, .member-detail-window-identity-name) {
  overflow: hidden;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 900;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-detail-window-identity .member-detail-window-identity-meta,
.member-detail-window-identity > .member-detail-window-identity-actions {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-3);
}

.member-detail-window-actions {
  position: sticky;
  top: var(--member-detail-header-height);
  z-index: 20;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-6);
  min-height: var(--member-detail-summary-height);
  padding: var(--space-4) var(--space-8);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-surface);
}

.member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-actions {
  position: relative;
  top: auto;
  z-index: 20;
  min-width: 0;
  min-height: 0;
  height: var(--member-detail-summary-height);
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-5);
  padding: var(--space-4) var(--space-8);
  overflow: hidden;
  background: var(--color-admin-surface-muted);
}

.member-detail-window-action-buttons,
.member-detail-window-row-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-action-buttons {
  min-width: 0;
  flex-wrap: nowrap;
  justify-content: flex-end;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
}

.member-detail-window-summary-metrics {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(8, minmax(82px, 1fr));
  border: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-summary-metrics {
  min-height: 0;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: minmax(92px, 1fr);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
}

.member-detail-window-top-metric {
  display: grid;
  min-width: 0;
  min-height: 58px;
  align-content: center;
  gap: var(--space-1);
  padding: var(--space-2) var(--space-3);
  border-right: 1px solid var(--color-admin-border);
}

.member-detail-window-top-metric:last-child {
  border-right: 0;
}

.member-detail-window-top-metric span {
  overflow: hidden;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-detail-window-top-metric strong {
  overflow: hidden;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-detail-window-top-metric.money strong,
.member-detail-window-top-metric.negative strong {
  color: var(--color-danger);
}

.member-detail-window-top-metric.point strong,
.member-detail-window-top-metric.game strong {
  color: var(--color-primary);
}

.member-detail-window-top-metric.positive strong,
.member-detail-window-top-metric.active strong {
  color: var(--color-success);
}

.member-detail-window-candidates {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-8);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-notice-bg);
}

.member-detail-window-shell {
  display: grid;
  grid-template-columns: 230px 160px minmax(0, 1fr);
  min-height: calc(100vh - var(--member-detail-header-height) - var(--member-detail-summary-height));
}

.member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-shell {
  display: grid;
  min-width: 0;
  min-height: 0;
  height: auto;
  grid-template-columns: var(--member-detail-menu-width) minmax(0, 1fr);
  overflow: hidden;
}

.member-detail-window-shell.tree-compact {
  grid-template-columns: 96px 160px minmax(0, 1fr);
}

.member-detail-window-tree {
  position: sticky;
  top: calc(var(--member-detail-header-height) + var(--member-detail-summary-height));
  align-self: start;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: calc(100vh - var(--member-detail-header-height) - var(--member-detail-summary-height));
  border-right: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
  overflow: hidden;
}

.member-detail-window-tree-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  min-height: 42px;
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--color-admin-border);
  flex-wrap: wrap;
}

.member-detail-window-tree-head strong {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
}

.member-detail-window-tree-head span {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
}

.member-detail-window-tree-actions {
  display: flex;
  width: 100%;
  min-width: 0;
  gap: 2px;
}

.member-detail-window-tree-body {
  display: grid;
  min-height: 0;
  grid-template-rows: auto minmax(0, 1fr);
}

.member-detail-window-tree-actions button {
  min-height: 26px;
  padding: 0 var(--space-2);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-solid);
  color: var(--color-admin-text-muted);
  font-size: 9px;
  cursor: pointer;
}

.member-detail-window-tree.is-compact .member-detail-window-tree-head > :is(strong, span),
.member-detail-window-tree.is-compact .member-detail-window-tree-actions button:not([data-detail-tree-compact]) {
  display: none;
}

.member-detail-window-tree.is-compact .member-detail-window-tree-head {
  justify-content: center;
}

.member-detail-window-tree.is-compact .member-detail-window-tree-actions {
  width: auto;
}

.member-detail-hierarchy-summary {
  margin: var(--space-5);
}

.member-detail-window-tree-search {
  padding: var(--space-3);
  border-bottom: 1px solid var(--color-admin-border);
}

.member-detail-window-tree-search input {
  width: 100%;
  min-width: 0;
  height: 34px;
}

.member-detail-window-tree-list {
  min-height: 0;
  padding: var(--space-2);
  overflow: auto;
}

.member-detail-window-tree-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.member-detail-tree-row {
  display: grid;
  grid-template-columns: 20px 22px 14px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
  padding-left: calc(var(--member-tree-depth) * 10px);
}

.member-detail-tree-toggle {
  display: grid;
  width: 20px;
  height: 30px;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-base);
}

.member-detail-tree-toggle.empty {
  visibility: hidden;
}

.member-detail-tree-member {
  display: grid;
  min-width: 0;
  grid-template-columns: 8px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
  min-height: 34px;
  padding: var(--space-1) var(--space-2);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-admin-text);
  text-align: left;
}

.member-detail-tree-member:hover,
.member-detail-tree-member.active {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-surface-hover);
  color: var(--color-admin-text-strong);
}

.member-detail-tree-member > span:last-child {
  display: grid;
  min-width: 0;
}

.member-detail-tree-member strong,
.member-detail-tree-member small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-detail-tree-member strong {
  font-size: var(--font-size-xs);
}

.member-detail-tree-member small {
  color: var(--color-admin-text-muted);
  font-size: 10px;
}

.member-detail-window-menu {
  position: sticky;
  top: calc(var(--member-detail-header-height) + var(--member-detail-summary-height));
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  height: calc(100vh - var(--member-detail-header-height) - var(--member-detail-summary-height));
  padding: var(--space-3);
  border-right: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu {
  position: relative;
  top: auto;
  align-self: stretch;
  min-width: 0;
  min-height: 0;
  height: auto;
  gap: var(--space-1);
  padding: var(--space-4) var(--space-3);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border-right: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
}

.member-detail-window-menu-title {
  padding: var(--space-2) var(--space-3);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu-title {
  padding: var(--space-2) var(--space-4) var(--space-3);
  font-size: var(--font-size-table-meta);
  letter-spacing: 0.02em;
}

.member-detail-window-menu button {
  display: flex;
  min-width: 0;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-4);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-admin-text);
  font-size: var(--font-size-sm);
  font-weight: 800;
  line-height: 1.35;
  text-align: left;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button {
  min-height: 42px;
  flex: 0 0 auto;
  justify-content: flex-start;
  padding: 0 var(--space-4);
  border-left: 3px solid transparent;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
}

.member-detail-window-menu-label {
  min-width: 0;
  word-break: keep-all;
}

.member-detail-window-menu button small {
  flex: 0 0 auto;
  color: var(--color-admin-text-muted);
  font-size: 9px;
  font-weight: 700;
}

.member-detail-window-menu button:hover,
.member-detail-window-menu button.active {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-surface-hover);
  color: var(--color-admin-text-strong);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button:hover {
  border-color: var(--color-admin-border);
  border-left-color: var(--color-sidebar-accent);
  background: var(--color-admin-surface-hover);
  color: var(--color-admin-text-strong);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button.active,
.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button[aria-current="page"] {
  border-color: var(--color-admin-border);
  border-left-color: var(--color-sidebar-accent);
  background: var(--color-admin-selection);
  color: var(--color-admin-selection-foreground);
}

.member-detail-window-menu button:disabled,
.member-detail-window-menu button:disabled:hover {
  border-color: transparent;
  background: transparent;
  color: var(--color-admin-text-muted);
  cursor: not-allowed;
  opacity: 0.72;
}

.member-detail-window-phase-note {
  display: grid;
  gap: var(--space-1);
  margin-top: auto;
  padding: var(--space-4);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
}

.member-detail-window-phase-note strong {
  color: var(--color-admin-text-strong);
}

.member-detail-window-main {
  min-width: 0;
  padding: var(--space-6);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-main {
  min-width: 0;
  min-height: 0;
  padding: var(--space-10);
  overflow: auto;
  overscroll-behavior: contain;
  background: var(--color-admin-canvas);
  scrollbar-gutter: stable;
}

.member-detail-window-loading {
  padding: var(--space-12);
  color: var(--color-admin-text-muted);
  text-align: center;
}

.member-detail-panel-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-5);
  margin-bottom: var(--space-5);
}

.member-detail-panel-title h2 {
  margin: 0;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-xl);
  letter-spacing: 0;
}

.member-detail-panel-title p {
  margin: var(--space-2) 0 0;
  color: var(--color-admin-text-muted);
}

.member-detail-window-subtabs,
.member-detail-window-category-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  margin-bottom: var(--space-5);
  border-bottom: 1px solid var(--color-admin-border);
}

.member-detail-window-subtabs button,
.member-detail-window-category-tabs button {
  min-height: 36px;
  padding: 0 var(--space-5);
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.member-detail-window-subtabs button:hover,
.member-detail-window-subtabs button.active,
.member-detail-window-category-tabs button:hover,
.member-detail-window-category-tabs button.active {
  border-bottom-color: var(--color-primary);
  color: var(--color-admin-text-strong);
}

.member-detail-window-section-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  margin-bottom: var(--space-4);
}

.member-detail-window-section-toolbar .member-detail-window-category-tabs {
  margin-bottom: 0;
}

.member-detail-window-vendor-form input[type='checkbox'] {
  width: 18px;
  height: 18px;
}

.member-detail-window-profit-filter {
  display: grid;
  grid-template-columns: minmax(150px, 220px) minmax(150px, 220px) auto;
  align-items: end;
  gap: var(--space-4);
  margin-bottom: var(--space-5);
  padding: var(--space-4);
  border: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
}

.member-detail-window-profit-filter label {
  display: grid;
  gap: var(--space-2);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-detail-window-total-row td {
  border-top: 2px solid var(--color-admin-border-strong);
  background: var(--color-admin-surface-muted);
  font-weight: 900;
}

.member-detail-window-card-grid,
.member-detail-window-quick-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  margin-bottom: var(--space-5);
}

.member-detail-window-card-grid.compact {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.member-detail-window-card {
  display: grid;
  gap: var(--space-2);
  min-height: 92px;
  min-width: 0;
  padding: var(--space-5);
  border: 1px solid var(--color-admin-border);
  border-left: 4px solid var(--color-admin-border-strong);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-solid);
}

.member-detail-window-card.success {
  border-left-color: var(--color-admin-success);
}

.member-detail-window-card.warning {
  border-left-color: var(--color-admin-warning);
}

.member-detail-window-card.danger {
  border-left-color: var(--color-admin-danger);
}

.member-detail-window-card span,
.member-detail-window-card small {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-detail-window-card strong {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-lg);
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.member-detail-window-quick-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.member-detail-window-quick-grid .button {
  width: 100%;
}

.member-detail-history-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-5);
  padding: var(--space-3);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-solid);
}

.member-detail-history-tabs button {
  min-height: 34px;
  padding: 0 var(--space-4);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-admin-text);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.member-detail-history-tabs button:hover,
.member-detail-history-tabs button.active {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-surface-hover);
  color: var(--color-admin-text-strong);
}

.member-detail-activity-filter {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) max-content minmax(112px, auto) auto;
  align-items: end;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
  padding: var(--space-4);
  overflow: visible;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-solid);
}

.member-detail-activity-filter > label {
  display: grid;
  min-width: 0;
  gap: var(--space-1);
}

.member-detail-activity-filter > label > span {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-detail-activity-filter :is(input, select) {
  width: 100%;
  min-width: 0;
  min-height: var(--control-height-default);
}

.member-detail-activity-filter .date-range-picker {
  grid-column: auto;
  width: max-content;
}

.member-detail-activity-search {
  min-width: 220px;
}

.member-detail-activity-date-separator {
  align-self: center;
  color: var(--color-admin-text-muted);
  font-weight: 800;
}

.member-detail-activity-filter-actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.member-detail-activity-filter-actions .button {
  min-height: var(--control-height-default);
  white-space: nowrap;
}

.member-detail-activity-filter-actions .material-symbols-outlined {
  font-size: 17px;
}

.member-detail-activity-results {
  display: grid;
  gap: var(--space-4);
  min-width: 0;
}

.member-detail-activity-feed {
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-solid);
}

.member-detail-activity-head,
.member-detail-activity-row {
  display: grid;
  grid-template-columns: 172px 126px minmax(280px, 1fr) 166px 142px 96px;
  min-width: 1080px;
}

.member-detail-activity-head {
  border-bottom: 1px solid var(--color-admin-border-strong);
  background: var(--color-admin-surface-muted);
}

.member-detail-activity-head > span {
  padding: var(--space-3) var(--space-4);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 900;
  text-align: center;
}

.member-detail-activity-list {
  min-width: 0;
  overflow: visible;
}

.member-detail-activity-row {
  position: relative;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
  transition: background-color 120ms ease;
}

.member-detail-activity-row:last-child {
  border-bottom: 0;
}

.member-detail-activity-row:hover {
  background: var(--color-admin-surface-hover);
}

.member-detail-activity-row > div {
  min-width: 0;
  padding: var(--space-4);
  color: var(--color-admin-text);
  font-size: var(--font-size-sm);
}

.member-detail-activity-row > div + div {
  border-left: 1px solid var(--color-admin-table-divider);
}

.member-detail-activity-time,
.member-detail-activity-kind,
.member-detail-activity-money,
.member-detail-activity-actor {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
}

.member-detail-activity-time {
  position: relative;
  padding-left: calc(var(--space-4) + 12px) !important;
  font-variant-numeric: tabular-nums;
}

.member-detail-activity-time time {
  color: var(--color-admin-text-strong);
  font-weight: 800;
}

.member-detail-activity-time small,
.member-detail-activity-kind small,
.member-detail-activity-money small {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
}

.member-detail-activity-dot {
  position: absolute;
  top: calc(var(--space-4) + 5px);
  left: var(--space-4);
  width: 7px;
  height: 7px;
  border: 2px solid var(--color-admin-surface-solid);
  border-radius: 50%;
  background: var(--color-primary);
  box-shadow: 0 0 0 1px var(--color-admin-border-strong);
}

.member-detail-activity-category {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 var(--space-2);
  border: 1px solid var(--color-admin-border-strong);
  border-radius: 999px;
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-xs);
  font-weight: 900;
  white-space: nowrap;
}

.member-detail-activity-category[data-category="wallet"] {
  border-color: var(--color-admin-success);
  color: var(--color-admin-success);
}

.member-detail-activity-category[data-category="moneyRequests"] {
  border-color: var(--color-admin-warning);
  color: var(--color-admin-warning);
}

.member-detail-activity-category[data-category="betting"] {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.member-detail-activity-category[data-category="rateAdjustments"],
.member-detail-activity-category[data-category="gameIssues"] {
  border-color: var(--color-admin-danger);
  color: var(--color-admin-danger);
}

.member-detail-activity-category[data-category="profile"] {
  color: var(--color-admin-adjustment-value-text);
}

.member-detail-activity-category[data-category="admin"] {
  color: var(--color-admin-text-muted);
}

.member-detail-activity-content {
  display: grid;
  align-content: start;
  gap: var(--space-2);
}

.member-detail-activity-content > strong {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
}

.member-detail-activity-content > p {
  margin: 0;
  color: var(--color-admin-text-muted);
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.member-detail-activity-changes {
  display: grid;
  gap: var(--space-1);
  margin: var(--space-1) 0 0;
}

.member-detail-activity-changes > div {
  display: grid;
  grid-template-columns: minmax(82px, auto) minmax(0, 1fr);
  gap: var(--space-2);
  padding-top: var(--space-1);
  border-top: 1px dashed var(--color-admin-border);
}

.member-detail-activity-changes :is(dt, dd) {
  min-width: 0;
  margin: 0;
  font-size: var(--font-size-xs);
}

.member-detail-activity-changes dt {
  color: var(--color-admin-text-muted);
  font-weight: 800;
}

.member-detail-activity-changes dd {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  overflow-wrap: anywhere;
}

.member-detail-activity-changes dd strong {
  color: var(--color-admin-text-strong);
}

.member-detail-activity-money {
  align-items: flex-end;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.member-detail-activity-amount {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
}

.member-detail-activity-amount.positive {
  color: var(--color-admin-success);
}

.member-detail-activity-amount.negative {
  color: var(--color-admin-danger);
}

.member-detail-activity-actor > strong {
  color: var(--color-admin-text-strong);
  overflow-wrap: anywhere;
}

.member-detail-activity-target {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.member-detail-activity-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
}

.member-detail-activity-empty,
.member-detail-activity-error {
  display: flex;
  min-height: 180px;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  padding: var(--space-6);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-solid);
  color: var(--color-admin-text-muted);
  text-align: center;
}

.member-detail-activity-empty {
  flex-direction: column;
}

.member-detail-activity-empty :is(strong, p),
.member-detail-activity-error :is(strong, p) {
  margin: 0;
}

.member-detail-activity-empty strong,
.member-detail-activity-error strong {
  color: var(--color-admin-text-strong);
}

.member-detail-activity-empty .material-symbols-outlined {
  font-size: 34px;
}

.member-detail-activity-error {
  border-color: var(--color-admin-danger);
  text-align: left;
}

.member-detail-activity-error > div {
  display: grid;
  flex: 1 1 auto;
  gap: var(--space-1);
}

.member-detail-activity-error > .material-symbols-outlined {
  color: var(--color-admin-danger);
}

.member-detail-window-form,
.member-detail-window-section {
  display: grid;
  gap: var(--space-4);
  min-width: 0;
  margin-bottom: var(--space-5);
  padding: var(--space-5);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-solid);
}

.member-detail-window-warning-color-form {
  width: 100%;
  max-width: none;
}

.member-detail-window-profile-grid > .member-detail-window-warning-color-form {
  grid-column: 1 / -1;
  margin: -1px 0 0 -1px;
  border-radius: 0;
}

.member-detail-window-warning-color-error {
  margin: 0;
  color: var(--color-danger);
  font-weight: 700;
}

.member-detail-window-form-heading {
  display: grid;
  gap: var(--space-2);
}

.member-detail-window-form-heading :is(h3, p) {
  margin: 0;
}

.member-detail-window-form.compact {
  margin-bottom: 0;
  padding: 0;
  border: 0;
}

.member-detail-window-profile-form {
  display: grid;
  width: 100%;
  max-width: var(--layout-admin-form-constrained-width);
  min-width: 0;
  gap: 0;
  margin: 0 0 var(--space-6);
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-solid);
}

.member-detail-window-profile-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--color-admin-border);
  border-left: 1px solid var(--color-admin-border);
}

.member-detail-window-profile-form .member-detail-window-profile-field {
  display: grid;
  min-width: 0;
  min-height: 48px;
  grid-template-columns: 104px minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  margin-top: -1px;
  margin-left: -1px;
  border-right: 1px solid var(--color-admin-border);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
}

.member-detail-window-profile-form .member-detail-window-profile-field > span:first-child {
  display: flex;
  min-width: 0;
  align-items: center;
  padding: var(--space-3) var(--space-5);
  border-right: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-table-header);
  font-weight: 800;
  line-height: 1.35;
  word-break: keep-all;
}

.member-detail-window-profile-form .member-detail-window-profile-field > :is(input, select, textarea) {
  width: auto;
  min-width: 0;
  min-height: 34px;
  margin: var(--space-3);
  padding: var(--space-3) var(--space-4);
}

.member-detail-window-profile-form .member-detail-window-profile-field > textarea {
  min-height: 92px;
}

.member-detail-window-profile-form .member-detail-window-profile-field > small {
  grid-column: 2;
  padding: 0 var(--space-4) var(--space-3);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-table-meta);
}

.member-detail-window-profile-form .member-detail-window-profile-field.member-detail-window-wide-field,
.member-detail-window-profile-form .member-detail-window-profile-field.wide,
.member-detail-window-profile-form .member-detail-window-profile-field[data-profile-wide] {
  grid-column: 1 / -1;
}

.member-detail-window-form-actions {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
  padding: var(--space-5) var(--space-6);
  background: var(--color-admin-surface-subtle);
}

.member-detail-window-profile-actions {
  min-height: 48px;
  grid-column: 1 / -1;
  margin-top: -1px;
  margin-left: -1px;
  padding: var(--space-2) var(--space-3);
  border-right: 1px solid var(--color-admin-border);
  border-bottom: 1px solid var(--color-admin-border);
}

.member-detail-window-profile-actions .muted {
  margin: 0;
}

.member-detail-window-profile-actions-bottom {
  width: 100%;
  justify-content: flex-end;
  margin-top: calc(-1 * var(--space-4));
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
}

.member-detail-window-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: var(--space-4);
}

.member-detail-window-restriction-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.member-detail-window-restriction-row,
.member-detail-window-restriction-amount {
  display: grid;
  grid-template-columns: minmax(92px, 0.9fr) minmax(132px, 1.1fr);
  gap: var(--space-3);
  align-items: center;
  min-width: 0;
  min-height: 54px;
  padding: var(--space-3);
  border-right: 1px solid var(--color-admin-border);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
}

.member-detail-window-restriction-row strong,
.member-detail-window-restriction-amount span {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 900;
}

.member-detail-window-restriction-toggle {
  display: grid;
  grid-template-columns: repeat(2, minmax(62px, 1fr));
  min-width: 0;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.member-detail-window-line-restriction-row {
  grid-template-columns: 1fr;
}

.member-detail-window-line-restriction-toggle {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.member-detail-window-line-restriction-toggle span {
  white-space: normal;
}

.member-detail-window-restriction-toggle label {
  position: relative;
  display: grid;
  min-width: 0;
  cursor: pointer;
}

.member-detail-window-restriction-toggle input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  pointer-events: auto;
}

.member-detail-window-restriction-toggle span {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 34px;
  padding: 0 var(--space-2);
  background: var(--color-admin-control-bg);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
}

.member-detail-window-restriction-toggle label + label span {
  border-left: 1px solid var(--color-admin-border);
}

.member-detail-window-restriction-toggle input:checked + span {
  background: var(--color-admin-success);
  color: var(--color-admin-surface-solid);
}

.member-detail-window-restriction-toggle input:focus-visible + span {
  outline: 2px solid var(--color-admin-focus-ring);
  outline-offset: -2px;
}

.member-detail-window-restriction-toggle input:disabled + span,
.member-detail-window-restriction-amount input:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.member-detail-window-restriction-amount input {
  width: 100%;
  min-width: 0;
}

.member-detail-window-form label,
.member-detail-window-color-field,
.member-detail-window-wide-field,
.member-detail-window-rate-form label,
.member-detail-window-limit-form label,
.member-detail-window-limit-line-form label {
  display: grid;
  gap: var(--space-2);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-detail-window-color-control {
  display: grid;
  grid-template-columns: minmax(96px, 1fr) 42px auto;
  gap: var(--space-2);
  align-items: center;
}

.member-detail-window-color-swatch {
  width: 100%;
  min-width: 0;
  height: 40px;
  padding: 0;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--member-detail-profile-color, var(--color-admin-success));
  box-shadow: inset 0 0 0 1px var(--color-admin-surface-solid);
  cursor: pointer;
}

.member-detail-window-color-swatch.empty {
  background:
    linear-gradient(135deg, transparent 0 46%, var(--color-admin-border) 46% 54%, transparent 54%),
    var(--color-admin-surface-muted);
}

.member-detail-window-color-swatch:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.member-detail-window-color-picker {
  width: 42px;
  height: 40px;
  padding: var(--space-1);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-control-bg);
  cursor: pointer;
}

.member-detail-window-color-picker:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.member-detail-window-color-picker::-webkit-color-swatch-wrapper {
  padding: 0;
}

.member-detail-window-color-picker::-webkit-color-swatch,
.member-detail-window-color-picker::-moz-color-swatch {
  border: 0;
  border-radius: var(--radius-sm);
}

.member-detail-window-color-clear {
  min-height: 40px;
  white-space: nowrap;
}

.member-detail-window-wide-field {
  grid-column: 1 / -1;
}

.member-detail-window-inline-form,
.member-detail-window-rate-form,
.member-detail-window-limit-form,
.member-detail-window-limit-line-form {
  display: grid;
  gap: var(--space-3);
}

.member-detail-window-inline-form {
  grid-template-columns: minmax(110px, 150px) minmax(110px, 150px) minmax(120px, 1fr) minmax(180px, 1.4fr) auto;
  align-items: end;
}

.member-detail-window-rate-form {
  grid-template-columns: repeat(2, minmax(240px, 1fr)) auto;
  align-items: end;
}

.member-detail-window-limit-form {
  grid-template-columns: repeat(2, minmax(220px, 1fr)) auto;
  align-items: end;
}

.member-detail-window-limit-line-form {
  grid-template-columns: minmax(160px, 1fr) repeat(2, minmax(180px, 1fr)) auto auto;
  align-items: end;
}

.member-detail-window-limit-preview {
  display: grid;
  gap: var(--space-3);
}

.member-detail-window-rate-form fieldset {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: var(--space-4);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
}

.member-detail-window-rate-form legend {
  padding: 0 var(--space-2);
  color: var(--color-admin-text-strong);
  font-weight: 900;
}

.member-detail-window-rate-section .member-detail-window-rate-form,
.member-detail-window-vendor-rate-form {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
}

.member-detail-window-vendor-rate-window {
  min-height: 100vh;
  background: var(--color-admin-canvas);
}

.member-detail-window-vendor-rate-window-header {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  padding: var(--space-5) var(--space-6);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

.member-detail-window-vendor-rate-window-header > div {
  display: grid;
  gap: var(--space-1);
}

.member-detail-window-vendor-rate-window-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-2);
}

.member-detail-window-vendor-rate-window-header :is(p, h1) {
  margin: 0;
}

.member-detail-window-vendor-rate-window-header p {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.member-detail-window-vendor-rate-window-header h1 {
  color: var(--member-identity-color, var(--color-admin-text-strong));
  font-size: var(--font-size-xl);
}

.member-detail-window-vendor-rate-window-header h1 span {
  margin-left: var(--space-2);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-base);
  font-weight: 700;
}

.member-detail-window-vendor-rate-window .member-detail-window-main {
  max-width: 1220px;
  margin: 0 auto;
}

@media (max-width: 720px) {
  .member-detail-window-vendor-rate-window-header {
    align-items: flex-start;
    flex-direction: column;
    padding: var(--space-4);
  }

  .member-detail-window-vendor-rate-window-header .button {
    width: 100%;
  }

  .member-detail-window-vendor-rate-window-actions {
    width: 100%;
  }
}

.member-detail-window-rate-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
}

.member-detail-window-rate-table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
  table-layout: fixed;
}

.member-detail-window-rate-table th,
.member-detail-window-rate-table td {
  padding: var(--space-4);
  border-right: 1px solid var(--color-admin-border);
  border-bottom: 1px solid var(--color-admin-border);
  color: var(--color-admin-text);
  text-align: center;
  vertical-align: middle;
}

.member-detail-window-rate-table th:last-child,
.member-detail-window-rate-table td:last-child {
  border-right: 0;
}

.member-detail-window-rate-table tbody tr:last-child > * {
  border-bottom: 0;
}

.member-detail-window-rate-table thead th,
.member-detail-window-rate-table tbody th {
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-strong);
  font-weight: 900;
}

.member-detail-window-rate-table thead th:nth-child(1) {
  width: 30%;
}

.member-detail-window-rate-input {
  display: inline-flex !important;
  grid-template-columns: none !important;
  align-items: center;
  gap: var(--space-2) !important;
  min-width: 0;
}

.member-detail-window-rate-input input {
  width: 118px;
  min-height: 36px;
  padding: 0 var(--space-3);
  border: 1px solid var(--color-admin-border-strong);
  border-radius: 0;
  background: var(--color-admin-surface-solid);
  color: var(--color-admin-text-strong);
  font-weight: 800;
  text-align: right;
}

.member-detail-window-rate-input span {
  color: var(--color-admin-text-strong);
  font-weight: 800;
}

.member-detail-window-rate-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
  padding-top: var(--space-2);
}

.member-detail-window-vendor-rate-bulk {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-5);
  border: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-muted);
}

.member-detail-window-vendor-rate-bulk :is(h3, p) {
  margin: 0;
}

.member-detail-window-vendor-rate-bulk-table th,
.member-detail-window-vendor-rate-bulk-table td {
  vertical-align: middle;
}

.member-detail-window-vendor-rate-bulk-row {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) auto auto;
  align-items: center;
  gap: var(--space-3);
}

.member-detail-window-vendor-rate-group {
  display: grid;
  gap: var(--space-3);
}

.member-detail-window-vendor-rate-group h3 {
  margin: 0;
}

.member-detail-window-vendor-rate-table th:first-child {
  text-align: left;
}

.member-detail-window-vendor-rate-table th strong {
  display: block;
}

.member-detail-window-section h3 {
  margin: 0;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-lg);
  letter-spacing: 0;
}

.member-detail-window-table-wrap {
  min-width: 0;
  overflow-x: auto;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-solid);
  scrollbar-gutter: stable;
}

.member-detail-window-table {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
}

.member-detail-window-table-wrap.wide .member-detail-window-table {
  min-width: 1280px;
}

.member-detail-window-fake-bet-panel {
  min-width: 0;
}

.member-detail-window-fake-bet-amount-note {
  margin: var(--space-2) 0 0;
  line-height: 1.5;
}

.member-detail-window-fake-bet-policy-table-wrap {
  width: 100%;
  max-width: 100%;
  overscroll-behavior-inline: contain;
}

.member-detail-window-table-wrap.wide .member-detail-window-fake-bet-policy-table {
  min-width: 1560px;
}

.member-detail-window-fake-bet-amount-desktop {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.member-detail-window-fake-bet-amount-mobile {
  display: none;
}

.member-detail-window-table th,
.member-detail-window-table td {
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--color-admin-border);
  font-size: var(--font-size-sm);
  vertical-align: top;
}

.member-detail-window-table th {
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .member-detail-window-table-wrap.wide .member-detail-window-fake-bet-policy-table {
    min-width: 1120px;
  }

  .member-detail-window-fake-bet-amount-desktop {
    display: none;
  }

  .member-detail-window-fake-bet-amount-mobile {
    display: table-cell;
  }

  td.member-detail-window-fake-bet-amount-mobile {
    min-width: 196px;
  }

  .member-detail-window-fake-bet-amount-mobile dl {
    display: grid;
    gap: var(--space-3);
    margin: 0;
    padding: var(--space-4);
    border: 1px solid var(--color-admin-border);
    border-radius: var(--radius-sm);
    background: var(--color-admin-surface-muted);
    text-align: left;
  }

  .member-detail-window-fake-bet-amount-mobile dl div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    align-items: baseline;
    gap: var(--space-3);
  }

  .member-detail-window-fake-bet-amount-mobile :is(dt, dd) {
    min-width: 0;
    margin: 0;
  }

  .member-detail-window-fake-bet-amount-mobile dt {
    color: var(--color-admin-text-muted);
    font-size: var(--font-size-xs);
    font-weight: 800;
  }

  .member-detail-window-fake-bet-amount-mobile dd {
    color: var(--color-admin-text-strong);
    font-size: var(--font-size-sm);
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    overflow-wrap: anywhere;
    text-align: right;
  }
}

.member-detail-window-ticket-form {
  display: grid;
  grid-template-columns: minmax(110px, 130px) minmax(110px, 130px);
  gap: var(--space-3);
  min-width: 320px;
}

.member-detail-window-ticket-form textarea,
.member-detail-window-ticket-form input,
.member-detail-window-ticket-form button {
  grid-column: 1 / -1;
}

.member-detail-window-user-agent {
  max-width: 360px;
  overflow-wrap: anywhere;
}

.member-detail-window-device {
  max-width: 180px;
  white-space: nowrap;
}

.member-detail-window-toast {
  position: fixed;
  top: var(--space-5);
  right: var(--space-5);
  z-index: 90;
  min-width: 260px;
  max-width: min(420px, calc(100vw - 32px));
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-text-strong);
  color: var(--color-text-inverse);
  box-shadow: var(--shadow-admin-panel);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-8px);
}

.member-detail-window-toast.show {
  opacity: 1;
  transform: translateY(0);
}

.member-detail-window-toast.danger {
  background: var(--color-danger);
}

.member-detail-window-toast.warning {
  background: var(--color-warning);
}

.dialog.member-detail-window-action-dialog {
  width: min(520px, calc(100vw - 32px));
}

.member-detail-window-action-dialog form {
  display: grid;
  gap: var(--space-4);
}

.member-detail-window-json-dialog {
  max-height: calc(100vh - 32px);
}

.member-detail-window-json-dialog pre {
  max-height: min(68vh, 720px);
  margin: var(--space-4) 0 0;
  overflow: auto;
  padding: var(--space-4);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-xs);
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (max-width: 1400px) {
  .member-detail-window[data-member-detail-layout="reference"] {
    --member-detail-menu-width: 176px;
  }

  .member-detail-window-profile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-detail-window-profile-actions {
    grid-column: span 1;
  }
}

@media (max-width: 720px) {
  .member-detail-window[data-member-detail-layout="reference"] {
    --member-detail-header-height: 48px;
    --member-detail-identity-height: 54px;
    --member-detail-summary-height: 96px;
    grid-template-rows:
      var(--member-detail-header-height)
      var(--member-detail-identity-height)
      var(--member-detail-summary-height)
      minmax(0, 1fr);
  }

  .member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-header {
    position: relative;
    flex-direction: row;
    align-items: center;
    gap: var(--space-3);
    height: var(--member-detail-header-height);
    padding: 0 max(var(--space-4), env(safe-area-inset-right)) 0 max(var(--space-4), env(safe-area-inset-left));
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-title h1 {
    font-size: var(--font-size-md);
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-title h1 small {
    font-size: var(--font-size-xs);
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-title p,
  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-search {
    display: none;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-header-tools {
    width: auto;
    flex: 0 0 auto;
    align-items: center;
    flex-direction: row;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-close {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }

  .member-detail-window-identity {
    min-height: var(--member-detail-identity-height);
    scrollbar-gutter: auto;
  }

  .member-detail-window-identity > div {
    min-width: 112px;
    flex: 0 0 112px;
    padding: var(--space-2) var(--space-4);
  }

  .member-detail-window-identity > .member-detail-window-identity-main {
    min-width: 210px;
    flex-basis: 210px;
  }

  .member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-actions {
    position: relative;
    align-items: stretch;
    height: var(--member-detail-summary-height);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 50px 38px;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-summary-metrics {
    width: 100%;
    grid-template-columns: none;
    grid-auto-columns: 112px;
    scrollbar-gutter: auto;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric {
    min-height: 48px;
    padding: var(--space-2) var(--space-3);
    border-right: 1px solid var(--color-admin-border);
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric:last-child {
    border-right: 0;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-action-buttons {
    width: 100%;
    align-items: center;
    justify-content: flex-start;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-action-buttons .button {
    min-height: 36px;
    flex: 0 0 auto;
  }

  .member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-shell,
  .member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-shell.tree-compact {
    min-width: 0;
    min-height: 0;
    height: auto;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 46px minmax(0, 1fr);
    overflow: hidden;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 0;
    height: 46px;
    flex-direction: row;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-4);
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    border-right: 0;
    border-bottom: 1px solid var(--color-admin-border);
    scrollbar-gutter: auto;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu-title {
    display: none;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button {
    min-height: 40px;
    flex: 0 0 auto;
    padding: 0 var(--space-5);
    border-left: 1px solid transparent;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button:hover,
  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button.active,
  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button[aria-current="page"] {
    border-left-color: var(--color-admin-border);
    border-bottom-color: var(--color-sidebar-accent);
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu-label {
    white-space: nowrap;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-main {
    min-width: 0;
    min-height: 0;
    padding: var(--space-6) max(var(--space-6), env(safe-area-inset-right)) max(var(--space-6), env(safe-area-inset-bottom)) max(var(--space-6), env(safe-area-inset-left));
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: auto;
  }

  .member-detail-window-profile-form {
    margin-bottom: var(--space-4);
  }

  .member-detail-window-profile-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .member-detail-window-profile-form .member-detail-window-profile-field {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .member-detail-window-profile-form .member-detail-window-profile-field > :is(input, select, textarea) {
    min-height: 40px;
    margin: var(--space-2);
  }

  .member-detail-window-form-actions {
    justify-content: stretch;
    padding: var(--space-4);
  }

  .member-detail-window-form-actions .button {
    width: 100%;
    min-height: 44px;
  }

  .dialog.member-detail-window-action-dialog,
  .member-detail-window-json-dialog {
    width: calc(100vw - var(--space-4) - var(--space-4));
    max-width: calc(100vw - var(--space-4) - var(--space-4));
    max-height: calc(100dvh - var(--space-4) - var(--space-4));
    overflow: auto;
  }
}

.settings-form {
  gap: var(--space-6);
}

.settings-form .field {
  margin-top: 0;
}

.provider-catalog-view,
.provider-catalog-panel {
  max-width: calc(100vw - var(--layout-sidebar-width) - (var(--layout-content-padding-x) * 2));
}

.app-shell.sidebar-collapsed .provider-catalog-view,
.app-shell.sidebar-collapsed .provider-catalog-panel {
  max-width: calc(100vw - var(--layout-sidebar-collapsed-width) - (var(--layout-content-padding-x) * 2));
}

.provider-catalog-view .section-header {
  align-items: center;
}

.provider-catalog-view .provider-catalog-category-tabs {
  margin-left: auto;
  padding: 0;
  border-bottom: 0;
  background: transparent;
}

.provider-catalog-view .provider-catalog-category-tabs .member-status-tab {
  min-height: 32px;
  padding: 0 var(--space-6);
}

.game-integration-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-8) 0;
  background: var(--color-surface);
}

.game-integration-tab {
  min-height: var(--control-height-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-text);
  cursor: pointer;
  font-weight: 800;
  padding: 0 var(--space-7);
}

.game-integration-tab.active {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.game-usage-settings-view {
  width: min(920px, 100%);
  max-width: 920px;
}

.game-usage-settings-panel {
  overflow: hidden;
}

.game-usage-settings-filter-form {
  display: grid;
  grid-template-columns: minmax(120px, 0.7fr) minmax(220px, 1.4fr) minmax(110px, 0.6fr) auto auto;
  gap: var(--space-3);
  align-items: end;
  padding: 0 var(--space-6) var(--space-5);
}

.game-usage-settings-filter-form label {
  display: grid;
  gap: var(--space-2);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.game-usage-settings-tabs {
  padding: var(--space-6);
}

.game-usage-settings-readonly {
  margin: var(--space-5) var(--space-6);
}

.game-usage-settings-table-wrap {
  width: 100%;
}

.game-usage-settings-table {
  min-width: 760px;
  table-layout: fixed;
}

.game-usage-settings-id-column {
  width: 100px;
}

.game-usage-settings-state-column,
.game-usage-settings-order-column,
.game-usage-settings-category-column {
  width: 140px;
}

.game-usage-settings-name-cell {
  overflow: hidden;
  text-overflow: ellipsis;
}

.game-usage-settings-name-cell strong {
  color: var(--color-text-strong);
}

.game-usage-settings-state-button {
  min-width: 58px;
}

.game-usage-settings-order-input {
  width: 78px;
  min-width: 78px;
  margin-inline: auto;
  text-align: center;
}

.game-usage-settings-pagination {
  padding: var(--space-5) var(--space-6);
}

.provider-healthcheck-panel {
  display: grid;
  grid-template-columns: minmax(180px, 0.35fr) minmax(0, 1fr);
  gap: var(--space-6);
  align-items: stretch;
  padding: var(--space-6) var(--space-8);
  border-top: 1px solid var(--color-border);
  background: var(--color-surface);
}

.provider-healthcheck-copy {
  display: grid;
  align-content: center;
  gap: var(--space-2);
  min-width: 0;
}

.provider-healthcheck-copy span,
.provider-healthcheck-step small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.provider-healthcheck-copy strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-md);
  line-height: 1.25;
}

.provider-healthcheck-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: var(--space-4);
  min-width: 0;
}

.provider-healthcheck-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "number label"
    "number detail";
  column-gap: var(--space-4);
  row-gap: var(--space-1);
  align-items: center;
  min-width: 0;
  min-height: 58px;
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-text);
  cursor: pointer;
  text-align: left;
}

.provider-healthcheck-step span {
  grid-area: number;
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--color-surface);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 900;
}

.provider-healthcheck-step strong {
  grid-area: label;
  min-width: 0;
  overflow: hidden;
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.provider-healthcheck-step small {
  grid-area: detail;
  min-width: 0;
  overflow: hidden;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.provider-healthcheck-step:hover,
.provider-healthcheck-step:focus-visible {
  border-color: var(--color-admin-border-strong);
  background: var(--color-surface);
}

.provider-healthcheck-step.active {
  border-color: var(--color-primary);
  background: var(--color-admin-notice-bg);
}

.provider-healthcheck-step.active span {
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.provider-catalog-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: var(--space-6);
  padding: var(--space-8);
  background: var(--color-surface-subtle);
}

.provider-catalog-card {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.provider-catalog-card span,
.provider-catalog-card small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.provider-catalog-card strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.provider-catalog-card.success {
  border-color: var(--color-sidebar-accent-border);
}

.provider-catalog-card.warning {
  border-color: var(--color-notice-border);
}

.provider-catalog-card.primary {
  border-color: var(--color-admin-border-strong);
}

.game-provider-action-bar {
  grid-template-columns: minmax(220px, 0.6fr) minmax(520px, 1.3fr) minmax(420px, 1fr);
  align-items: center;
}

.game-provider-action-bar > label,
.game-provider-action-group {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-4);
  min-width: 0;
  min-height: 42px;
}

.game-provider-action-bar > label > span,
.game-provider-action-label {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  min-height: 42px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.game-provider-action-bar > label > select {
  width: 100%;
  min-width: 0;
  height: 42px;
  min-height: 42px;
  padding-top: 0;
  padding-bottom: 0;
}

.game-provider-action-buttons {
  display: grid;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
}

.game-provider-state-actions .game-provider-action-buttons {
  grid-template-columns: repeat(3, minmax(96px, 1fr));
}

.game-provider-sync-actions .game-provider-action-buttons {
  grid-template-columns: repeat(2, minmax(112px, 1fr));
}

.game-provider-action-buttons .button {
  width: 100%;
  min-height: 42px;
  padding-block: 0;
  white-space: nowrap;
}

.game-provider-category-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1460px);
}

.game-provider-category-limit-column {
  min-width: 500px;
  white-space: normal;
}

.game-provider-category-limit-column > small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xxs);
  font-weight: 600;
}

.game-provider-category-limit-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3) var(--space-4);
  text-align: left;
}

.game-provider-category-limit-grid label {
  display: grid;
  min-width: 0;
  gap: var(--space-2);
}

.game-provider-category-limit-grid label > span {
  min-width: 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
}

.game-provider-category-limit-input {
  width: 100%;
  min-width: 0;
  min-height: var(--control-height-sm);
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.game-provider-category-limit-input[readonly] {
  background: var(--color-surface-subtle);
  color: var(--color-text-muted);
  cursor: default;
}

@media (max-width: 1440px) {
  .game-provider-action-bar {
    grid-template-columns: minmax(220px, 0.7fr) minmax(520px, 1.3fr);
  }

  .game-provider-sync-actions {
    grid-column: 1 / -1;
  }

  .game-provider-sync-actions .game-provider-action-buttons {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }
}

@media (max-width: 1080px) {
  .game-provider-action-bar {
    grid-template-columns: 1fr;
  }

  .game-provider-state-actions {
    grid-column: 1;
  }

  .game-provider-state-actions .game-provider-action-buttons,
  .game-provider-sync-actions .game-provider-action-buttons {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }
}

@media (max-width: 720px) {
  .game-provider-action-bar > label,
  .game-provider-action-group {
    grid-template-columns: 1fr;
  }

  .game-provider-action-bar > label > span,
  .game-provider-action-label {
    justify-content: flex-start;
  }

  .game-provider-state-actions .game-provider-action-buttons,
  .game-provider-sync-actions .game-provider-action-buttons {
    grid-template-columns: 1fr;
  }
}

/* Bling-style partner tree view, backed by the existing member hierarchy. */
.partner-tree-view {
  min-width: 0;
}

.line-move-standalone-reference-panel {
  overflow: hidden;
}

.line-move-standalone-guide {
  display: grid;
  gap: 3px;
  padding: var(--space-6) var(--space-7);
  border-bottom: 1px solid var(--color-partner-tree-border);
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.5;
}

.line-move-standalone-guide strong {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
}

.line-move-standalone-shell {
  min-height: 560px;
}

.line-move-standalone-picker-header {
  display: grid;
  gap: 2px;
  padding: var(--space-3) var(--space-2) var(--space-5);
}

.line-move-standalone-picker-header strong {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
}

.line-move-standalone-picker-header small {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xxs);
}

.line-move-standalone-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: var(--space-2);
  padding: 0 var(--space-2) var(--space-4);
}

.line-move-standalone-search input {
  min-width: 0;
  min-height: 34px;
  padding: 0 var(--space-4);
  border: 1px solid var(--color-partner-tree-control-border);
  border-radius: var(--radius-xs);
  background: var(--color-bling-surface);
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-xs);
}

.line-move-standalone-search input:focus {
  border-color: var(--color-sidebar-accent);
  outline: 0;
  box-shadow: 0 0 0 3px var(--color-sidebar-accent-soft);
}

.line-move-standalone-tree {
  min-height: 360px;
}

.line-move-standalone-detail {
  display: flex;
  align-items: flex-start;
  padding: var(--space-10);
}

.line-move-standalone-selected {
  display: grid;
  width: min(100%, 520px);
  gap: var(--space-5);
  padding: var(--space-8);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface);
}

.line-move-standalone-label {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xxs);
  font-weight: 800;
}

.line-move-standalone-selected .admin-member-identity {
  min-width: 0;
}

.line-move-standalone-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
}

.line-move-standalone-summary span {
  display: grid;
  gap: 2px;
  padding: var(--space-4);
  border-radius: var(--radius-xs);
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xxs);
}

.line-move-standalone-summary strong {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-xs);
}

.line-move-standalone-note,
.line-move-standalone-warning {
  margin: 0;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.6;
}

.line-move-standalone-warning {
  color: var(--color-danger);
  font-weight: 700;
}

.line-move-standalone-empty {
  display: grid;
  max-width: 420px;
  gap: var(--space-3);
  margin: auto;
  color: var(--color-admin-text-muted);
  text-align: center;
}

.line-move-standalone-empty .material-symbols-outlined {
  color: var(--color-sidebar-accent-muted);
  font-size: 38px;
}

.line-move-standalone-empty strong {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-md);
}

.line-move-standalone-empty p {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: 1.6;
}

.partner-tree-reference-panel {
  min-width: 0;
  margin-top: 10px;
  border: 1px solid var(--color-partner-tree-border);
  background: var(--color-bling-surface);
}

.partner-tree-view .partner-tree-shell.member-tree-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  align-items: stretch;
  min-height: 610px;
  border-top: 0;
}

.partner-tree-view .partner-tree-shell.is-tree-compact {
  grid-template-columns: 52px minmax(0, 1fr);
}

.partner-tree-view .partner-tree-side.member-tree-panel {
  min-width: 0;
  height: auto;
  max-height: none;
  overflow: hidden;
  padding: 10px;
  border-right: 1px solid var(--color-partner-tree-border);
  background: var(--color-partner-tree-side);
}

.partner-tree-side-control {
  display: grid;
  grid-template-columns: 32px 32px minmax(0, 1fr) 30px 84px;
  gap: 4px;
  margin-bottom: 9px;
}

.partner-tree-side-control button,
.partner-tree-side-control input {
  min-width: 0;
  min-height: 32px;
  border: 1px solid var(--color-partner-tree-control-border);
  border-radius: 3px;
  background: var(--color-bling-surface);
  color: var(--color-partner-tree-text);
  font-size: 12px;
  font-weight: 800;
}

.partner-tree-side-control input {
  width: 100%;
  padding: 5px 8px;
  font-weight: 600;
}

.partner-tree-side-control .tree-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-partner-tree-icon-bg);
  color: var(--color-partner-tree-icon);
}

.partner-tree-side-control .tree-icon .material-symbols-outlined {
  font-size: 19px;
}

.partner-tree-side-control .close-tree {
  border-color: var(--color-partner-tree-close-border);
  background: var(--color-partner-tree-close);
  color: var(--color-bling-surface);
}

.partner-tree-side.is-compact {
  padding: 10px 9px;
}

.partner-tree-side.is-compact .partner-tree-side-control {
  display: block;
  margin: 0;
}

.partner-tree-side.is-compact .tree-icon,
.partner-tree-side.is-compact .partner-tree-site-field,
.partner-tree-side.is-compact [data-member-tree-filter],
.partner-tree-side.is-compact [data-member-tree-clear],
.partner-tree-side.is-compact .partner-tree-sub-toggle,
.partner-tree-side.is-compact .partner-tree-list {
  display: none;
}

.partner-tree-side.is-compact .close-tree {
  display: inline-flex;
  width: 32px;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.partner-tree-side.is-compact .close-tree .material-symbols-outlined {
  font-size: 20px;
}

.partner-tree-side.is-compact .compact-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.partner-tree-sub-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--color-partner-tree-divider);
  color: var(--color-partner-tree-strong);
  font-size: 12px;
  font-weight: 900;
}

.partner-tree-sub-toggle input {
  accent-color: var(--color-partner-tree-check);
}

.partner-tree-sub-toggle .help {
  color: var(--color-partner-tree-help);
  font-size: 15px;
}

.partner-tree-list {
  max-height: 690px;
  overflow: auto;
  padding-right: 2px;
}

.partner-tree-view .member-tree-node-list {
  gap: 2px;
}

.partner-tree-view .member-tree-node-list .member-tree-node-list {
  margin-left: 15px;
  padding-left: 3px;
  border-left-color: var(--color-partner-tree-branch);
}

.partner-tree-view .member-tree-node-line {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 2px;
}

.partner-tree-view .member-tree-arrow {
  width: 18px;
  height: 28px;
  padding: 0;
}

.partner-tree-view .member-tree-arrow::before {
  content: "›";
  color: var(--color-partner-tree-arrow);
  font-size: 15px;
}

.partner-tree-view .member-tree-node {
  display: grid;
  grid-template-columns: auto minmax(0, auto) minmax(0, 1fr) auto;
  width: 100%;
  height: auto;
  min-height: 28px;
  gap: 5px;
  padding: 3px 5px;
  border-radius: 3px;
  background: var(--color-bling-surface);
  color: var(--color-partner-tree-node-text);
  font-size: 12px;
  font-weight: 700;
}

.partner-tree-view .member-tree-node:hover,
.partner-tree-view .member-tree-node.selected {
  border-color: var(--color-partner-tree-node-border);
  background: var(--color-partner-tree-node-active);
  color: var(--color-partner-tree-node-active-text);
}

.partner-tree-view .member-tree-node strong,
.partner-tree-view .member-tree-node em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.partner-tree-view .member-tree-node em {
  color: var(--color-partner-tree-node-muted);
  font-style: normal;
  font-weight: 600;
}

.partner-tree-view .member-tree-node small {
  border-radius: 3px;
  background: var(--color-partner-tree-count);
  color: var(--color-bling-surface);
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 900;
}

.member-tree-role {
  border-radius: 3px;
  background: var(--color-partner-tree-badge);
  color: var(--color-bling-surface);
  padding: 2px 5px;
  font-size: 10px;
  font-weight: 900;
}

.partner-tree-view .partner-tree-main.member-tree-detail-panel {
  min-width: 0;
  overflow: hidden;
  background: var(--color-bling-surface);
}

.partner-tree-view .partner-tree-toolbar.member-tree-toolbar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 18px 18px 12px;
  border: 0;
  border-bottom: 1px solid var(--color-partner-tree-divider-strong);
  background: var(--color-partner-tree-toolbar);
  overflow-x: auto;
}

.partner-tree-view .partner-tree-toolbar.member-tree-toolbar.river-member-tree-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto minmax(360px, auto) auto;
  gap: 8px;
  align-items: center;
}

.river-member-tree-search-group,
.river-member-tree-operation-group,
.river-member-tree-date-group {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
}

.river-member-tree-search-group input {
  min-width: 0 !important;
  flex: 1 1 150px;
}

.river-member-tree-operation-group {
  justify-content: center;
}

.river-member-tree-date-group {
  justify-content: flex-end;
}

.river-member-tree-date-group > span {
  color: var(--color-partner-tree-muted);
  font-size: 12px;
  font-weight: 800;
}

.river-member-tree-children-toggle {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid var(--color-partner-tree-control-border);
  border-radius: 3px;
  background: var(--color-bling-surface);
  color: var(--color-partner-tree-text);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.river-member-tree-children-toggle input {
  width: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  accent-color: var(--color-partner-tree-check);
}

.river-member-tree-page-size {
  min-width: 96px !important;
}

.partner-tree-view .partner-tree-toolbar input,
.partner-tree-view .partner-tree-toolbar select,
.partner-tree-view .partner-tree-toolbar .button {
  width: auto;
  min-width: 92px;
  min-height: 34px;
  flex: 0 0 auto;
  border-radius: 3px;
  font-size: 12px;
  white-space: nowrap;
}

.partner-tree-view .partner-tree-toolbar input[type="date"] {
  min-width: 136px;
}

.partner-tree-view .partner-tree-toolbar input[name="search"] {
  min-width: 170px;
}

.partner-tree-view .partner-tree-toolbar .partner-tree-search-button,
.partner-tree-view .partner-tree-toolbar .partner-tree-export-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.partner-tree-view .partner-tree-toolbar .partner-tree-search-button {
  border-color: var(--color-partner-tree-search-border);
  background: var(--color-partner-tree-search);
  color: var(--color-bling-surface);
}

.partner-tree-view .partner-tree-toolbar .partner-tree-export-button {
  border-color: var(--color-partner-tree-export-border);
  background: var(--color-partner-tree-export-bg);
  color: var(--color-partner-tree-export-text);
}

.partner-tree-view .partner-tree-toolbar .material-symbols-outlined {
  font-size: 17px;
}

.partner-tree-downline {
  min-width: 0;
  padding: 0 18px 18px;
}

.partner-tree-downline-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
}

.partner-tree-downline-heading h3 {
  margin: 0;
  color: var(--color-partner-tree-heading);
  font-size: 15px;
  font-weight: 900;
}

.partner-tree-downline-heading > span {
  color: var(--color-partner-tree-muted);
  font-size: 12px;
  font-weight: 700;
}

.partner-tree-view .member-tree-table.partner-tree-table-wrap {
  width: 100%;
  min-width: 0;
  overflow: auto;
  border: 1px solid var(--color-partner-tree-divider-strong);
  background: var(--color-bling-surface);
}

.partner-tree-table {
  width: 100%;
  min-width: 1540px;
  border-collapse: collapse;
  table-layout: fixed;
}

.partner-tree-view .partner-tree-downline .member-tree-balance-summary {
  margin: 0 0 10px;
  border: 1px solid var(--color-partner-tree-divider-strong);
  background: var(--color-bling-surface);
}

.partner-tree-view .member-tree-balance-summary > div {
  min-height: 38px;
  padding: 8px 10px;
}

.partner-tree-view .member-tree-balance-summary span {
  color: var(--color-partner-tree-muted);
  font-size: 11px;
}

.partner-tree-view .member-tree-balance-summary strong {
  color: var(--color-partner-tree-heading);
  font-size: 11px;
}

.partner-tree-table th,
.partner-tree-table td {
  border-right: 1px solid var(--color-partner-tree-divider-strong);
  border-bottom: 1px solid var(--color-partner-tree-divider-strong);
  padding: 7px 8px;
  color: var(--color-partner-tree-table-text);
  font-size: 12px;
  vertical-align: middle;
}

.partner-tree-table th:last-child,
.partner-tree-table td:last-child {
  border-right: 0;
}

.partner-tree-table thead th {
  height: 52px;
  background: var(--color-partner-tree-toolbar);
  text-align: center;
  font-weight: 900;
}

.partner-tree-table thead th small {
  color: var(--color-partner-tree-muted);
  font-size: 10px;
}

.partner-tree-table tbody tr:nth-child(odd) td {
  background: var(--color-partner-tree-row);
}

.partner-tree-table tbody tr:nth-child(even) td {
  background: var(--color-bling-surface);
}

.partner-tree-table tbody tr:hover td,
.partner-tree-table tbody tr.selected td {
  background: var(--color-partner-tree-row-hover);
}

.partner-tree-table .select-col {
  width: 38px;
  text-align: center;
}

.partner-tree-table th:nth-child(2) { width: 64px; }
.partner-tree-table th:nth-child(3) { width: 142px; }
.partner-tree-table th:nth-child(4) { width: 92px; }
.partner-tree-table th:nth-child(5) { width: 116px; }
.partner-tree-table th:nth-child(6) { width: 156px; }
.partner-tree-table th:nth-child(7),
.partner-tree-table th:nth-child(8) { width: 130px; }
.partner-tree-table th:nth-child(9) { width: 116px; }
.partner-tree-table th:nth-child(10) { width: 124px; }
.partner-tree-table th:nth-child(11) { width: 208px; }
.partner-tree-table th:nth-child(12) { width: 164px; }
.partner-tree-table th:nth-child(13) { width: 76px; }
.partner-tree-table th:nth-child(14) { width: 76px; }
.partner-tree-table th:nth-child(15) { width: 82px; }

.partner-tree-kind,
.partner-tree-status,
.partner-tree-login-fail {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.partner-tree-kind.partner {
  background: var(--color-partner-tree-partner);
  color: var(--color-bling-surface);
}

.partner-tree-kind.member {
  background: var(--color-partner-tree-member);
  color: var(--color-bling-surface);
}

.partner-tree-id-card {
  width: 100%;
}

.partner-tree-counts {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.partner-tree-counts strong {
  display: inline-flex;
  min-width: 28px;
  min-height: 22px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--color-partner-tree-count-badge);
  color: var(--color-bling-surface);
  padding: 0 7px;
  font-size: 11px;
}

.partner-tree-meta,
.partner-tree-profit,
.partner-tree-game-stats,
.partner-tree-downline-balance {
  display: grid;
  gap: 4px;
  margin: 0;
}

.partner-tree-meta > div,
.partner-tree-profit > div,
.partner-tree-game-stats > div,
.partner-tree-downline-balance > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 5px;
  align-items: start;
}

.partner-tree-meta dt,
.partner-tree-profit dt,
.partner-tree-game-stats dt,
.partner-tree-downline-balance dt {
  color: var(--color-partner-tree-muted);
  font-size: 10px;
  font-weight: 800;
}

.partner-tree-meta dd,
.partner-tree-profit dd,
.partner-tree-game-stats dd,
.partner-tree-downline-balance dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.partner-tree-meta.info dd {
  white-space: pre-line;
}

.partner-tree-meta.bank dd {
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.partner-tree-wallet {
  display: grid;
  width: 100%;
  min-width: 0;
  justify-items: stretch;
  gap: 5px;
}

.partner-tree-wallet > strong {
  min-width: 0;
  overflow: hidden;
  font-variant-numeric: tabular-nums;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.partner-tree-wallet > div {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
}

.partner-tree-wallet button {
  width: 100%;
  min-width: 0;
  min-height: 24px;
  padding: 0 3px;
  border: 0;
  border-radius: 3px;
  color: var(--color-bling-surface);
  font-size: 11px;
  font-weight: 900;
}

.partner-tree-wallet .pay {
  background: var(--color-partner-tree-pay);
}

.partner-tree-wallet .collect {
  background: var(--color-partner-tree-collect);
}

.partner-tree-login-fail {
  min-width: 30px;
  background: var(--color-partner-tree-neutral-bg);
  color: var(--color-partner-tree-neutral-text);
}

.partner-tree-login-fail.warning {
  background: var(--color-partner-tree-warning-bg);
  color: var(--color-partner-tree-warning-text);
}

.partner-tree-status {
  background: var(--color-partner-tree-status-bg);
  color: var(--color-partner-tree-status-text);
}

.partner-tree-status.active {
  background: var(--color-partner-tree-success-bg);
  color: var(--color-partner-tree-success-text);
}

.partner-tree-status.suspended,
.partner-tree-status.deleted {
  background: var(--color-partner-tree-danger-bg);
  color: var(--color-partner-tree-danger-text);
}

.partner-tree-view .member-tree-row-actions {
  display: grid;
  gap: 4px;
}

.partner-tree-result-summary {
  margin: 0;
  padding: 8px 10px;
  background: var(--color-partner-tree-footer-bg);
  color: var(--color-partner-tree-footer-text);
  font-size: 11px;
  text-align: right;
}

@media (max-width: 1500px) {
  .partner-tree-view .partner-tree-shell.member-tree-layout {
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .partner-tree-view .partner-tree-shell.member-tree-layout.is-tree-compact {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .partner-tree-view .partner-tree-side.member-tree-panel,
  .partner-tree-view .partner-tree-side.member-tree-panel.is-compact {
    height: auto;
    max-height: none;
    border-right: 1px solid var(--color-partner-tree-border);
    border-bottom: 0;
  }
}

.app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table
  :is(th:nth-child(4), td:nth-child(4)) {
  position: static;
  left: auto;
  z-index: auto;
  min-width: 0;
  max-width: none;
  box-shadow: none;
}

.app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table
  :is(th[data-member-column="username"], td[data-member-column="username"]) {
  position: sticky;
  left: 0;
  z-index: 2;
  background: var(--color-bling-surface);
  box-shadow: 1px 0 0 var(--color-bling-cell-border);
}

.app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table
  th[data-member-column="username"] {
  z-index: 3;
  background: var(--color-bling-header-bg);
}

.app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table tbody tr:hover
  td[data-member-column="username"],
.app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table tbody tr.selected
  td[data-member-column="username"] {
  background: var(--color-bling-row-hover);
}

@media (max-width: 1100px) {
  .partner-tree-view .partner-tree-shell.member-tree-layout,
  .partner-tree-view .partner-tree-shell.member-tree-layout.is-tree-compact {
    grid-template-columns: 1fr;
  }

  .partner-tree-view .partner-tree-side.member-tree-panel,
  .partner-tree-view .partner-tree-side.member-tree-panel.is-compact {
    max-height: 320px;
    border-right: 0;
    border-bottom: 1px solid var(--color-partner-tree-border);
  }

  .partner-tree-view .partner-tree-list {
    max-height: 240px;
  }
}

/* River tree-view structure with the current admin design system. */
.partner-tree-view {
  color: var(--color-admin-text);
  font-family: var(--font-family-base);
}

.partner-tree-view .partner-tree-reference-panel {
  overflow: visible;
  border-color: var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-panel);
}

.partner-tree-view .partner-tree-toolbar.member-tree-toolbar.river-member-tree-toolbar {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: calc(340px - var(--space-6) - var(--space-5)) auto minmax(0, 1fr);
  gap: var(--space-5);
  align-items: center;
  margin: 0;
  padding: var(--space-6);
  overflow: visible;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-muted);
}

.partner-tree-view .river-member-tree-search-group,
.partner-tree-view .river-member-tree-operation-group,
.partner-tree-view .river-member-tree-date-search-group {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-3);
}

.partner-tree-view .river-member-tree-search-group {
  justify-content: flex-start;
  width: 100%;
}

.partner-tree-view .river-member-tree-operation-group {
  justify-content: center;
}

.partner-tree-view .river-member-tree-date-search-group {
  justify-content: flex-end;
}

.partner-tree-view .partner-tree-toolbar input,
.partner-tree-view .partner-tree-toolbar select,
.partner-tree-view .partner-tree-toolbar .button {
  height: var(--control-height-default);
  min-height: var(--control-height-default);
  padding-block: 0;
  border-radius: var(--radius-sm);
  border-color: var(--color-admin-border);
  background-color: var(--color-admin-control-bg);
  color: var(--color-admin-text);
  font-family: var(--font-family-base);
  font-size: var(--font-size-control);
  font-weight: 600;
}

.partner-tree-view .river-member-tree-search-group select[name="treeSearchType"] {
  width: 104px;
  min-width: 104px;
  max-width: 104px;
}

.partner-tree-view .river-member-tree-search-group [data-member-tree-site] {
  min-width: 104px;
  max-width: 132px;
}

.partner-tree-view .river-member-tree-search-group input[name="treeSearch"] {
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
}

.partner-tree-view .river-member-tree-operation-group select {
  min-width: 128px;
}

.partner-tree-view .partner-tree-toolbar .partner-tree-search-button,
.partner-tree-view .partner-tree-toolbar .partner-tree-date-search-button {
  width: 72px;
  min-width: 72px;
  border-color: var(--color-sidebar-accent-strong);
  background: var(--color-sidebar-accent);
  color: var(--color-text-inverse);
}

.partner-tree-view .partner-tree-toolbar .partner-tree-search-button:hover,
.partner-tree-view .partner-tree-toolbar .partner-tree-date-search-button:hover {
  background: var(--color-sidebar-accent-strong);
}

.river-member-tree-range-menu {
  position: relative;
  min-width: 0;
  flex: 0 0 auto;
}

.river-member-tree-range-menu > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--control-height-default);
  width: 316px;
  min-width: 316px !important;
  max-width: 100%;
  align-items: center;
  padding: 0 0 0 var(--space-5);
  list-style: none;
  text-align: left;
  cursor: pointer;
}

.river-member-tree-range-menu > summary [data-member-tree-date-summary] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.river-member-tree-range-menu > summary .material-symbols-outlined {
  display: inline-flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-left: 1px solid var(--color-admin-border);
}

.river-member-tree-range-menu > summary::-webkit-details-marker {
  display: none;
}

.river-member-tree-range-menu[open] > summary {
  border-color: var(--color-sidebar-accent);
  background: var(--color-admin-selection-soft);
  color: var(--color-sidebar-accent-strong);
}

.river-member-tree-range-popover {
  position: absolute;
  top: calc(100% + var(--space-3));
  right: 0;
  z-index: 20;
  display: grid;
  width: min(440px, calc(100vw - (var(--space-6) * 4)));
  gap: var(--space-5);
  padding: var(--space-6);
  border: 1px solid var(--color-admin-border-strong);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-sidebar-flyout);
}

.river-member-tree-range-popover > strong {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
}

.river-member-tree-range-fields > input {
  display: none;
}

.river-member-tree-range-fields .date-range-native-picker,
.river-member-tree-range-fields .date-range-native-fields {
  width: 100%;
  min-width: 0;
}

.river-member-tree-range-fields .date-range-native-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.river-member-tree-range-fields .date-range-native-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
}

.river-member-tree-range-fields .date-range-native-input,
.river-member-tree-range-fields .date-range-native-time {
  width: 100%;
  min-width: 0;
}

.river-member-tree-range-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
}

.river-member-tree-range-popover .button {
  width: 100%;
  min-width: 0 !important;
}

.partner-tree-view .partner-tree-shell.member-tree-layout,
.partner-tree-view .partner-tree-shell.member-tree-layout.is-tree-compact {
  grid-template-columns: 340px minmax(0, 1fr);
  min-height: 610px;
  border: 0;
}

.partner-tree-view .partner-tree-side.member-tree-panel,
.partner-tree-view .partner-tree-side.member-tree-panel.is-compact {
  min-height: 610px;
  max-height: 720px;
  padding: var(--space-5);
  overflow: hidden;
  border-right: 1px solid var(--color-admin-border);
  border-bottom: 0;
  background: var(--color-admin-surface-subtle);
}

.partner-tree-view .partner-tree-list {
  height: 100%;
  max-height: 700px;
  overflow: auto;
  padding: 0 var(--space-2) 0 0;
}

/* 공통 회원 트리 검색줄: 화면별 필드명과 이벤트는 유지하고 크기·정렬만 공유한다. */
.river-member-tree-search-group.river-member-tree-search-controls,
.settlement-member-search-form.river-member-tree-search-controls {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr) 72px;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: var(--space-3);
}

.settlement-member-search-form.river-member-tree-search-controls {
  min-height: calc(var(--control-height-default) + 20px);
  padding: var(--space-5);
}

.river-member-tree-search-controls > .river-member-tree-search-type {
  width: 104px;
  min-width: 104px;
  max-width: 104px;
}

.river-member-tree-search-controls > .river-member-tree-search-input {
  width: 100%;
  min-width: 0;
}

.river-member-tree-search-controls > .river-member-tree-search-button {
  width: 72px;
  min-width: 72px;
  max-width: 72px;
  min-height: var(--control-height-default);
  height: var(--control-height-default);
  padding-inline: var(--space-2);
}

.river-member-tree-search-controls > .river-member-tree-search-button > .material-symbols-outlined {
  display: inline-flex;
  flex: 0 0 17px;
  width: 17px;
  max-width: 17px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  line-height: 1;
}

/* 공통 회원 트리 표면·목록·행은 모든 활성 트리에서 같은 시각 계약을 공유한다. */
.river-member-tree-surface {
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text);
}

.river-member-tree-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.river-member-tree-node-list {
  gap: 1px;
}

.river-member-tree-list .river-member-tree-list {
  margin-left: var(--space-7);
  padding-left: var(--space-2);
  border-left: 1px dashed var(--color-sidebar-accent-border);
}

.river-member-tree-row {
  display: grid;
  grid-template-columns: 20px 22px 14px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}

.river-member-tree-row.river-member-tree-row--with-leading {
  grid-template-columns: 20px 22px minmax(0, 1fr);
}

.river-member-tree-row.river-member-tree-node-line--no-leading {
  grid-template-columns: 20px minmax(0, 1fr);
}

.river-member-tree-node-item .member-tree-arrow {
  width: 20px;
  height: 30px;
  padding: 0;
  color: var(--color-admin-text-muted);
}

.river-member-tree-node-item .member-tree-arrow::before {
  content: "›";
  color: currentColor;
  font-size: 18px;
}

.river-member-tree-node-item .member-tree-arrow.is-empty::before {
  content: "";
}

.river-member-tree-node-item.open > .member-tree-node-line > .member-tree-arrow::before {
  transform: rotate(90deg);
}

.river-member-tree-node-list .river-member-tree-node {
  display: flex;
  grid-template-columns: none;
  min-height: 30px;
  gap: var(--space-2);
  padding: 3px var(--space-4);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--member-identity-color, var(--color-partner01-black));
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.river-member-tree-node-list .river-member-tree-node:hover,
.river-member-tree-node-list .river-member-tree-node.selected {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-admin-selection);
  color: var(--member-identity-color, var(--color-partner01-black));
}

.river-member-tree-node-list .admin-member-identity-favorite {
  align-self: center;
  margin: 0;
}

.river-member-tree-node-list .river-member-tree-identity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-2);
}

.river-member-tree-node-list .river-member-tree-identity strong,
.river-member-tree-node-list .river-member-tree-identity em {
  min-width: 0;
  overflow: hidden;
  color: inherit;
  font: inherit;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.river-member-tree-node-list .river-member-tree-identity em {
  color: inherit;
  font-weight: 500;
}

.partner-tree-view .partner-tree-main.member-tree-detail-panel {
  background: var(--color-admin-surface);
}

.partner-tree-view .partner-tree-downline {
  padding: var(--space-6);
}

.partner-tree-view .partner-tree-downline .member-tree-balance-summary {
  margin: 0 0 var(--space-5);
  overflow: hidden;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-subtle);
}

.partner-tree-view .member-tree-balance-summary > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  min-height: 38px;
  padding: var(--space-4) var(--space-5);
}

.partner-tree-view .member-tree-balance-summary > div:first-child {
  border-right: 1px solid var(--color-admin-border);
}

.partner-tree-view .member-tree-balance-summary span,
.partner-tree-view .member-tree-balance-summary strong {
  color: var(--color-admin-text);
  font-size: var(--font-size-xxs);
  white-space: nowrap;
}

.partner-tree-view .member-tree-balance-summary strong {
  color: var(--color-admin-text-strong);
}

.partner-tree-view .member-tree-table.partner-tree-table-wrap {
  overflow: auto;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface);
  scrollbar-gutter: stable;
}

.partner-tree-view .partner-tree-table {
  width: 100%;
  min-width: 1240px;
  color: var(--color-admin-text);
  font-family: var(--font-family-base);
}

.partner-tree-view .partner-tree-table th,
.partner-tree-view .partner-tree-table td {
  padding: var(--layout-admin-table-compact-cell-padding-y) var(--layout-admin-table-compact-cell-padding-x);
  border-color: var(--color-admin-border);
  color: var(--color-admin-text);
  font-size: var(--font-size-table);
}

.partner-tree-view .partner-tree-table thead th {
  height: var(--layout-admin-table-header-height);
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-table-header);
  font-weight: 800;
}

.partner-tree-view .partner-tree-table tbody tr:nth-child(odd) td,
.partner-tree-view .partner-tree-table tbody tr:nth-child(even) td {
  background: var(--color-admin-surface);
}

.partner-tree-view .partner-tree-table tbody tr:hover td {
  background: var(--color-admin-surface-hover);
}

.partner-tree-view .partner-tree-table th:nth-child(1) { width: 56px; }
.partner-tree-view .partner-tree-table th:nth-child(2) { width: 196px; }
.partner-tree-view .partner-tree-table th:nth-child(3),
.partner-tree-view .partner-tree-table th:nth-child(4),
.partner-tree-view .partner-tree-table th:nth-child(5),
.partner-tree-view .partner-tree-table th:nth-child(6),
.partner-tree-view .partner-tree-table th:nth-child(7) { width: 86px; }
.partner-tree-view .partner-tree-table th:nth-child(8) { width: 64px; }
.partner-tree-view .partner-tree-table th:nth-child(9),
.partner-tree-view .partner-tree-table th:nth-child(10),
.partner-tree-view .partner-tree-table th:nth-child(11),
.partner-tree-view .partner-tree-table th:nth-child(12),
.partner-tree-view .partner-tree-table th:nth-child(13) { width: 88px; }
.partner-tree-view .partner-tree-table th:nth-child(14) { width: 110px; }

.partner-tree-view .partner-tree-kind {
  min-height: 24px;
  border-radius: var(--radius-xs);
  background: var(--color-admin-selection-soft);
  color: var(--color-admin-selection-foreground);
  font-size: var(--font-size-xxs);
}

.partner-tree-view .partner-tree-kind.partner,
.partner-tree-view .partner-tree-kind.member {
  background: var(--color-admin-selection-soft);
  color: var(--color-admin-selection-foreground);
}

.partner-tree-view .partner-tree-depth {
  color: var(--color-admin-text-muted);
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.partner-tree-view .partner-tree-id-card {
  display: flex;
  width: auto;
  min-width: 0;
  flex: 1 1 0;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  overflow: hidden;
  font-size: var(--font-size-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.partner-tree-view .partner-tree-id-card-presentation {
  width: 100%;
}

.partner-tree-view .partner-tree-id-card strong,
.partner-tree-view .partner-tree-id-card span {
  font-size: inherit;
  white-space: nowrap;
}

.partner-tree-view .partner-tree-stat-stack {
  display: grid;
  gap: 1px;
  width: 100%;
}

.partner-tree-view .partner-tree-stat-stack > span {
  display: block;
  min-height: 24px;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-xs);
  background: var(--color-admin-selection-soft);
  color: var(--color-admin-text);
  font-size: var(--font-size-xxs);
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

.partner-tree-view .partner-tree-stat-stack > .slot {
  background: var(--color-admin-surface-subtle);
}

.partner-tree-view .partner-tree-type-stack > span {
  color: var(--color-admin-text-muted);
  font-weight: 700;
  text-align: center;
}

.partner-tree-view .member-tree-row-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--space-2);
  justify-content: center;
}

.partner-tree-view .member-tree-row-actions .button {
  min-width: 42px;
  min-height: var(--control-height-sm);
  padding-inline: var(--space-3);
  font-size: var(--font-size-xxs);
}

.partner-tree-view .member-tree-table-empty {
  height: 120px;
  margin: 0;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
  text-align: center;
}

.partner-tree-view .member-tree-pagination-wrap {
  min-width: 100%;
  padding: var(--space-5);
  border-top: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-subtle);
}

@media (min-width: 1601px) {
  .partner-tree-view .partner-tree-reference-panel:has([data-member-tree-site]) {
    --river-member-tree-multisite-width: 460px;
  }

  .partner-tree-view
    .partner-tree-toolbar.member-tree-toolbar.river-member-tree-toolbar:has([data-member-tree-site]) {
    grid-template-columns:
      calc(var(--river-member-tree-multisite-width) - var(--space-6) - var(--space-5))
      auto
      minmax(0, 1fr);
  }

  .partner-tree-view
    .partner-tree-reference-panel:has([data-member-tree-site])
    .partner-tree-shell.member-tree-layout {
    grid-template-columns: var(--river-member-tree-multisite-width) minmax(0, 1fr);
  }
}

@media (max-width: 1600px) {
  .partner-tree-view .partner-tree-toolbar.member-tree-toolbar.river-member-tree-toolbar {
    grid-template-columns: calc(340px - var(--space-6) - var(--space-5)) minmax(0, 1fr);
  }

  .partner-tree-view .river-member-tree-search-group:has([data-member-tree-site]) {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr) 72px;
  }

  .partner-tree-view .river-member-tree-search-group:has([data-member-tree-site]) [data-member-tree-site] {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
  }

  .partner-tree-view .river-member-tree-date-search-group {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1180px) {
  .partner-tree-view .partner-tree-toolbar.member-tree-toolbar.river-member-tree-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .partner-tree-view .river-member-tree-search-group,
  .partner-tree-view .river-member-tree-operation-group,
  .partner-tree-view .river-member-tree-date-search-group {
    grid-column: auto;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

@media (max-width: 900px) {
  .partner-tree-view .partner-tree-toolbar.member-tree-toolbar.river-member-tree-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .partner-tree-view .river-member-tree-operation-group,
  .partner-tree-view .river-member-tree-date-search-group {
    grid-column: auto;
    justify-content: flex-start;
  }

  .partner-tree-view .river-member-tree-date-search-group {
    flex-wrap: wrap;
  }

  .partner-tree-view .partner-tree-shell.member-tree-layout,
  .partner-tree-view .partner-tree-shell.member-tree-layout.is-tree-compact {
    grid-template-columns: minmax(0, 1fr);
  }

  .partner-tree-view .partner-tree-side.member-tree-panel,
  .partner-tree-view .partner-tree-side.member-tree-panel.is-compact {
    min-height: 240px;
    max-height: 320px;
    border-right: 0;
    border-bottom: 1px solid var(--color-admin-border);
  }

  .partner-tree-view .partner-tree-list {
    max-height: 300px;
  }

  .partner-tree-view .member-tree-balance-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .partner-tree-view .member-tree-balance-summary > div:first-child {
    border-right: 0;
    border-bottom: 1px solid var(--color-admin-border);
  }
}

@media (max-width: 620px) {
  .partner-tree-view .river-member-tree-search-group,
  .partner-tree-view .river-member-tree-operation-group {
    flex-wrap: wrap;
  }

  .partner-tree-view .river-member-tree-search-group input[name="treeSearch"] {
    flex-basis: 150px;
  }

  .river-member-tree-range-menu {
    max-width: calc(100% - 78px);
  }

  .river-member-tree-range-menu > summary {
    width: 100%;
    min-width: 0 !important;
  }

  .river-member-tree-range-fields .date-range-native-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .river-member-tree-range-popover {
    right: auto;
    left: 0;
  }

  .partner-tree-view .member-tree-balance-summary > div {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* 회원 목록 기준 관리자 공통 화면: 모든 메뉴의 제목과 본문 시작점을 동일하게 유지한다. */
.app-shell #page.admin-body-screen {
  background: transparent;
}

.app-shell #page.admin-body-screen > .admin-body-unified-section {
  min-width: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.app-shell #page.admin-body-screen > .admin-body-unified-section > :is(
  .admin-page-header,
  .section-header,
  .settlement-summary-page-title,
  .member-statistics-page-title,
  .vendor-settlement-page-title,
  .commission-log-page-title,
  .rate-adjustment-page-title
) {
  min-height: 60px;
  margin: 0;
  padding: var(--space-4) var(--space-2) var(--space-5);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.app-shell #page.admin-body-screen > .admin-body-unified-section > :is(
  .admin-body-panel,
  .member-reference-panel,
  .bling-member-list-panel,
  .partner-tree-reference-panel
) {
  min-width: 0;
  margin-top: 0;
  border: 1px solid var(--color-admin-border);
  border-radius: 8px;
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-admin-body-surface);
}

.app-shell #page.admin-body-screen > .admin-body-unified-section > .bling-member-list-panel
  .member-list-header.member-status-overview {
  min-height: 60px;
  padding: var(--space-4) var(--space-5);
}

/* Bling reference layout: admin notice list */
.content.notice-board-content {
  min-height: calc(100vh - var(--layout-topbar-height));
  padding-top: 7px;
  background: var(--color-bling-canvas);
}

.content.notice-board-content:has(.river-member-tree-range-menu[open]) {
  overflow: visible !important;
}

.notice-board-content .page {
  display: block;
}

.notice-board-view {
  width: min(1152px, 100%);
  max-width: 1152px;
  color: var(--color-bling-text);
  font-family: var(--font-family-base);
}

.notice-board-title-mark {
  appearance: none;
  display: inline-flex;
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--color-bling-title-mark);
  color: var(--color-bling-surface);
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

.notice-board-title-mark.active,
.notice-board-title-mark:hover {
  background: var(--color-favorite-drawer-star);
}

.notice-board-title-mark:focus-visible {
  outline: 2px solid var(--color-admin-focus-ring);
  outline-offset: 2px;
}

.notice-board-panel {
  border: 1px solid var(--color-bling-panel-border);
  background: var(--color-bling-surface);
}


.notice-board-filter-toolbar {
  display: grid;
  grid-template-columns: 132px 136px 78px 181px 97px;
  align-items: center;
  justify-content: start;
  gap: 5px;
  min-height: 74px;
  padding: 19px 19px 20px;
  border-bottom: 0;
  background: var(--color-bling-filter-bg);
}

.notice-board-filter-toolbar > input:not([type="hidden"]),
.notice-board-filter-toolbar > select,
.notice-board-filter-toolbar > button {
  box-sizing: border-box;
  width: 100%;
  height: 35px;
  min-height: 35px;
  margin: 0;
  border: 1px solid var(--color-bling-control-border);
  border-radius: 4px;
  background: var(--color-bling-surface);
  color: var(--color-bling-control-text);
  font: inherit;
  font-size: 13px;
  outline: 0;
}

.notice-board-filter-toolbar > input:not([type="hidden"]),
.notice-board-filter-toolbar > select {
  padding: 0 10px;
}

.notice-board-filter-toolbar > input:not([type="hidden"]):focus,
.notice-board-filter-toolbar > select:focus {
  border-color: var(--color-bling-focus-border);
  box-shadow: 0 0 0 2px var(--color-bling-focus-ring);
}

.notice-board-filter-toolbar .notice-board-search-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-color: var(--color-bling-search-border);
  background: var(--color-bling-search-bg);
  color: var(--color-bling-surface);
  cursor: pointer;
  font-weight: 700;
}

.notice-board-filter-toolbar .notice-board-search-button:hover,
.notice-board-filter-toolbar .notice-board-search-button:focus-visible {
  border-color: var(--color-bling-search-border-hover);
  background: var(--color-bling-search-bg-hover);
}

.notice-board-search-button .material-symbols-outlined {
  font-size: 17px;
}

.notice-board-list-area {
  padding-top: 20px;
  background: var(--color-bling-surface);
}

.notice-board-view .notice-board-wrap {
  margin: 0 19px;
  overflow: visible;
  border: 1px solid var(--color-bling-list-border);
  border-bottom: 0;
  background: var(--color-bling-surface);
  scrollbar-gutter: auto;
}

.notice-board-view .notice-board-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: collapse;
  color: var(--color-bling-table-text);
  font-size: 12px;
  white-space: nowrap;
}

.notice-board-view .notice-board-table th,
.notice-board-view .notice-board-table td {
  height: 38px;
  min-height: 38px;
  box-sizing: border-box;
  border-right: 1px solid var(--color-bling-cell-border);
  border-bottom: 1px solid var(--color-bling-cell-border);
  padding: 0 10px;
  background: var(--color-bling-surface);
  text-align: center;
  vertical-align: middle;
}

.notice-board-view .notice-board-table th {
  height: 37px;
  min-height: 37px;
  background: var(--color-bling-header-bg);
  color: var(--color-bling-header-text);
  font-size: 12px;
  font-weight: 700;
}

.notice-board-view .notice-board-table tr:hover td {
  background: var(--color-bling-row-hover);
}

.notice-board-view .notice-board-table th:last-child,
.notice-board-view .notice-board-table td:last-child {
  border-right: 0;
}

.notice-board-view .notice-board-table th:nth-child(1),
.notice-board-view .notice-board-table td:nth-child(1) {
  width: 76px;
}

.notice-board-view .notice-board-table th:nth-child(2),
.notice-board-view .notice-board-table td:nth-child(2) {
  width: 77px;
}

.notice-board-view .notice-board-table th:nth-child(3),
.notice-board-view .notice-board-table td:nth-child(3) {
  width: auto;
}

.notice-board-view .notice-board-table th:nth-child(4),
.notice-board-view .notice-board-table td:nth-child(4) {
  width: 95px;
}

.notice-board-view .notice-board-table th:nth-child(5),
.notice-board-view .notice-board-table td:nth-child(5) {
  width: 223px;
}

.notice-board-view .notice-board-table th:nth-child(6),
.notice-board-view .notice-board-table td:nth-child(6) {
  width: 75px;
}

.notice-board-view .notice-board-table th:nth-child(7),
.notice-board-view .notice-board-table td:nth-child(7) {
  width: 78px;
}

.notice-board-view .notice-board-table td:nth-child(3) {
  padding: 0 12px;
  text-align: left;
}

.notice-board-view .notice-board-table input[type="checkbox"] {
  width: 13px;
  height: 13px;
  margin: 0;
  accent-color: var(--color-bling-checkbox);
}

.notice-board-view .notice-board-title-button {
  display: flex;
  width: 100%;
  max-width: none;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: var(--color-bling-table-text);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
}

.notice-board-view .notice-board-title-button:hover,
.notice-board-view .notice-board-title-button:focus-visible {
  color: var(--color-bling-link-hover);
  text-decoration: none;
}

.notice-board-title-text {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  overflow: hidden;
}

.notice-board-title-text > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notice-board-type-label {
  flex: 0 0 auto;
  color: var(--color-bling-category);
  font-size: 11px;
}

.notice-board-open-icon {
  flex: 0 0 auto;
  color: var(--color-bling-title-mark);
  font-size: 14px;
}

.notice-board-list-status {
  font-weight: 400;
}

.notice-board-list-status.published {
  color: var(--color-bling-visible);
}

.notice-board-list-status.hidden {
  color: var(--color-bling-hidden);
}

.notice-board-view .empty {
  padding: 28px 0;
  color: var(--color-bling-empty);
}

.notice-board-view .notice-board-write-actions {
  display: flex;
  justify-content: flex-start;
  gap: 4px;
  min-height: 50px;
  box-sizing: border-box;
  margin: 0 19px;
  padding: 8px 12px;
  border: 1px solid var(--color-bling-list-border);
  border-top: 0;
  background: var(--color-bling-surface);
}

.notice-board-action-button {
  height: 34px;
  min-height: 34px;
  border: 0;
  border-radius: 4px;
  color: var(--color-bling-surface);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  padding: 0 13px;
}

.notice-board-action-button.register {
  background: var(--color-bling-register);
}

.notice-board-action-button.visibility {
  background: var(--color-bling-visibility);
}

.notice-board-action-button.delete {
  background: var(--color-bling-delete);
}

.notice-board-action-button:hover,
.notice-board-action-button:focus-visible {
  filter: brightness(0.94);
  outline: 0;
}

/* Bling reference layout: message inbox, support center, and support templates */
.bling-management-view {
  width: min(1152px, 100%);
  max-width: 1152px;
  color: var(--color-bling-text);
  font-family: var(--font-family-base);
}

.bling-management-view.bling-support-view {
  width: 100%;
  max-width: none;
}

.bling-management-panel {
  box-sizing: border-box;
  min-height: 418px;
  padding: 20px;
  border: 1px solid var(--color-bling-panel-border);
  background: var(--color-bling-surface);
}

.bling-management-tabs,
.bling-template-list-tabs {
  display: flex;
  min-height: 40px;
  align-items: flex-end;
  gap: 0;
  margin: 0;
  border-bottom: 4px solid var(--color-bling-tab-active);
  background: var(--color-bling-surface);
}

.bling-management-tab,
.bling-template-list-tabs button {
  min-width: 90px;
  min-height: 39px;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid var(--color-bling-tab-border);
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  background: var(--color-bling-header-bg);
  color: var(--color-bling-header-text);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  padding: 0 22px;
}

.bling-management-tab.active,
.bling-template-list-tabs button.active {
  border-color: var(--color-bling-tab-active);
  background: var(--color-bling-tab-active);
  color: var(--color-bling-tab-active-text);
}

.bling-management-toolbar {
  display: grid;
  grid-template-columns: 132px 138px 90px 180px 100px;
  min-height: 74px;
  box-sizing: border-box;
  align-items: center;
  justify-content: start;
  gap: 6px;
  margin: 0;
  padding: 20px;
  background: var(--color-bling-filter-bg);
}

.bling-management-toolbar > input:not([type="hidden"]),
.bling-management-toolbar > select,
.bling-management-toolbar > button {
  width: 100%;
  height: 35px;
  min-height: 35px;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid var(--color-bling-control-border);
  border-radius: 3px;
  background: var(--color-bling-surface);
  color: var(--color-bling-control-text);
  font: inherit;
  font-size: 12px;
}

.bling-management-toolbar > input:not([type="hidden"]),
.bling-management-toolbar > select {
  padding: 0 10px;
}

.bling-management-toolbar > input:not([type="hidden"]):focus,
.bling-management-toolbar > select:focus {
  border-color: var(--color-bling-focus-border);
  box-shadow: 0 0 0 2px var(--color-bling-focus-ring);
  outline: 0;
}

.bling-management-toolbar .bling-management-search-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-color: var(--color-bling-search-border);
  background: var(--color-bling-search-bg);
  color: var(--color-bling-surface);
  cursor: pointer;
  font-weight: 800;
}

.bling-management-search-button .material-symbols-outlined {
  font-size: 17px;
}

.bling-list-area {
  padding-top: 20px;
  background: var(--color-bling-surface);
}

.bling-message-wrap,
.bling-support-wrap,
.bling-template-list-wrap {
  margin: 0;
  border: 1px solid var(--color-bling-list-border);
  border-bottom: 0;
  background: var(--color-bling-surface);
}

.bling-message-table,
.bling-support-table,
.bling-template-list-table {
  width: 100%;
  border-collapse: collapse;
  color: var(--color-bling-table-text);
  font-size: 12px;
  white-space: nowrap;
}

.bling-message-table {
  min-width: 0;
  table-layout: fixed;
}

.support-ticket-table.bling-support-table {
  min-width: 1440px;
  table-layout: fixed;
}

.bling-template-list-table {
  min-width: 0;
  table-layout: fixed;
}

.bling-message-table th,
.bling-message-table td,
.bling-support-table th,
.bling-support-table td,
.bling-template-list-table th,
.bling-template-list-table td {
  height: 50px;
  box-sizing: border-box;
  border-right: 1px solid var(--color-bling-cell-border);
  border-bottom: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-surface);
  color: var(--color-bling-table-text);
  padding: 7px 10px;
  vertical-align: middle;
}

.bling-message-table th:last-child,
.bling-message-table td:last-child,
.bling-support-table th:last-child,
.bling-support-table td:last-child,
.bling-template-list-table th:last-child,
.bling-template-list-table td:last-child {
  border-right: 0;
}

.bling-message-table thead th,
.bling-support-table thead th,
.bling-template-list-table thead th {
  height: 38px;
  background: var(--color-bling-header-bg);
  color: var(--color-bling-header-text);
  font-weight: 900;
  text-align: center;
}

.bling-message-table tbody tr:hover td,
.bling-template-list-table tbody tr:hover td {
  background: var(--color-bling-row-hover);
}

.bling-message-table .check-cell,
.bling-support-table .check-cell,
.bling-template-list-table .center,
.bling-message-table .center,
.bling-support-table .center {
  text-align: center;
}

.bling-message-table input[type="checkbox"],
.bling-support-table input[type="checkbox"] {
  width: 14px;
  height: 14px;
  accent-color: var(--color-bling-checkbox);
}

.bling-message-title-button,
.bling-support-title-button,
.bling-support-id-button,
.bling-support-member-button,
.bling-template-title-button {
  border: 0;
  background: transparent;
  color: var(--color-bling-table-text);
  cursor: pointer;
  font: inherit;
  padding: 0;
}

.bling-message-title-button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--color-bling-link-hover);
  text-align: left;
}

.bling-message-title-button .material-symbols-outlined {
  color: var(--color-bling-title-mark);
  font-size: 14px;
}

.bling-message-recipient {
  display: grid;
  width: 100%;
  min-height: 34px;
  grid-template-columns: auto auto auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  border: 0;
  border-radius: 4px;
  background: var(--color-bling-message-recipient);
  color: var(--color-bling-message-recipient-text);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  padding: 0 10px;
  text-align: left;
}

.bling-message-recipient-shell {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: 6px;
}

.bling-message-recipient-shell .member-favorite-toggle {
  flex: 0 0 auto;
}

.bling-message-recipient-shell .bling-message-recipient {
  width: auto;
  min-width: 0;
  flex: 1 1 auto;
}

.bling-message-recipient span,
.bling-message-recipient b {
  border-radius: var(--radius-pill);
  background: var(--color-bling-focus-ring);
  color: var(--color-bling-surface);
  font-weight: 900;
  padding: 2px 7px;
}

.bling-message-recipient b {
  background: var(--color-bling-message-recipient-badge);
}

.bling-message-recipient strong {
  color: var(--color-bling-surface);
  font-weight: 900;
}

.bling-message-recipient em {
  min-width: 0;
  overflow: hidden;
  color: var(--color-bling-message-recipient-accent);
  font-style: normal;
  font-weight: 900;
  text-overflow: ellipsis;
}

.bling-message-recipient i {
  color: var(--color-bling-surface);
  font-size: 18px;
}

.bling-message-recipient.single-site {
  grid-template-columns: minmax(0, 1fr);
}

.bling-message-status,
.bling-support-answer,
.bling-support-visibility {
  display: inline-flex;
  min-width: 58px;
  min-height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-pill);
  background: var(--color-bling-message-unread);
  color: var(--color-bling-surface);
  font-size: 12px;
  font-weight: 900;
  padding: 0 9px;
}

.bling-message-status.read,
.bling-support-answer.answered {
  background: var(--color-bling-message-read);
}

.bling-message-status.hidden,
.bling-support-visibility.hidden {
  background: var(--color-bling-delete);
}

.bling-list-actions,
.bling-template-list-actions {
  display: flex;
  min-height: 50px;
  box-sizing: border-box;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  border: 1px solid var(--color-bling-list-border);
  border-top: 0;
  background: var(--color-bling-surface);
}

.bling-action-button,
.bling-template-row-button {
  min-height: 34px;
  border: 0;
  border-radius: 4px;
  background: var(--color-bling-register);
  color: var(--color-bling-surface);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  padding: 0 14px;
}

.bling-action-button.delete,
.bling-template-row-button.delete {
  background: var(--color-bling-delete);
}

.bling-action-button.cancel {
  background: var(--color-bling-form-button-warning);
}

.bling-action-button.back,
.bling-action-button.preview {
  background: var(--color-bling-form-button-primary);
}

.bling-message-send-form,
.bling-support-detail-form {
  margin: 0;
}

.bling-message-send-layout,
.bling-support-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: start;
  gap: 10px;
  padding-top: 20px;
}

.bling-message-send-fields,
.bling-support-detail-fields {
  min-width: 0;
}

.bling-form-row {
  display: grid;
  min-height: 50px;
  grid-template-columns: 78px minmax(0, 1fr);
  border-top: 1px solid var(--color-bling-cell-border);
  border-right: 1px solid var(--color-bling-cell-border);
  border-left: 1px solid var(--color-bling-cell-border);
}

.bling-form-row:last-of-type {
  border-bottom: 1px solid var(--color-bling-cell-border);
}

.bling-form-label,
.bling-form-control {
  display: flex;
  min-width: 0;
  box-sizing: border-box;
  align-items: center;
  padding: 8px 12px;
}

.bling-form-label {
  justify-content: center;
  border-right: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-form-label-bg);
  color: var(--color-bling-heading);
  font-size: 12px;
  font-weight: 800;
}

.bling-form-control input:not([type="radio"]):not([type="checkbox"]),
.bling-form-control select,
.bling-form-control textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--color-bling-control-border);
  border-radius: 3px;
  background: var(--color-bling-surface);
  color: var(--color-bling-control-text);
  font: inherit;
  font-size: 12px;
  padding: 8px 10px;
}

.bling-form-control input:not([type="radio"]):not([type="checkbox"]),
.bling-form-control select {
  height: 35px;
}

.bling-form-row-content .bling-form-control,
.bling-form-row-content .bling-form-label {
  min-height: 250px;
  align-items: stretch;
}

.bling-form-control textarea {
  min-height: 232px;
  resize: vertical;
  line-height: 1.55;
}

.bling-message-target-options {
  flex-wrap: wrap;
  gap: 8px;
}

.bling-message-target-options label,
.bling-message-send-sites label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--color-bling-control-text);
  font-size: 12px;
}

.bling-message-target-options input,
.bling-message-send-sites input {
  accent-color: var(--color-bling-checkbox);
}

.bling-message-target-options label {
  min-height: 32px;
  box-sizing: border-box;
  padding: 6px 10px;
  border: 1px solid var(--color-bling-control-border);
  border-radius: 5px;
  background: var(--color-bling-surface);
  cursor: pointer;
  transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

.bling-message-target-options label:hover,
.bling-message-target-options label:has(input:checked) {
  border-color: var(--color-bling-checkbox);
  background: var(--color-bling-filter-bg);
}

.bling-message-target-options label:has(input:checked) {
  box-shadow: inset 0 0 0 1px var(--color-bling-checkbox);
}

.bling-message-target-options label:has(input:focus-visible) {
  outline: 2px solid var(--color-bling-checkbox);
  outline-offset: 2px;
}

.bling-message-target-options label:has(input:checked) span {
  color: var(--color-bling-heading);
  font-weight: 800;
}

.bling-message-target-options input {
  margin: 0;
}

.bling-message-target-input {
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
}

[data-member-message-send-target-label] {
  white-space: pre-line;
  word-break: keep-all;
  text-align: center;
  line-height: 1.4;
}

.bling-message-target-input input:disabled {
  background: var(--color-bling-filter-bg);
  color: var(--color-bling-form-hint);
  cursor: not-allowed;
}

.bling-message-target-input input:disabled::placeholder {
  color: var(--color-bling-form-hint);
  opacity: 1;
}

.bling-message-target-hint {
  margin: 0;
  color: var(--color-bling-form-hint);
  font-size: 11px;
  line-height: 1.45;
}

.bling-message-send-sites {
  padding: 10px 12px;
  border: 1px solid var(--color-bling-cell-border);
  border-bottom: 0;
  background: var(--color-bling-surface);
  font-size: 12px;
}

.bling-message-send-sites > strong {
  display: block;
  margin-bottom: 8px;
  color: var(--color-bling-heading);
}

.bling-message-send-sites > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 14px;
}

.bling-message-recipient-preview {
  display: grid;
  gap: 4px;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-filter-bg);
  color: var(--color-bling-form-hint);
  font-size: 12px;
}

.bling-message-recipient-preview strong {
  color: var(--color-bling-heading);
}

@media (max-width: 980px) {
  .bling-message-send-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .bling-message-send-form .bling-form-actions {
    flex-wrap: wrap;
  }
}

.bling-form-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-top: 10px;
}

.bling-template-browser {
  min-width: 0;
  border: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-surface);
}

.bling-template-category-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--color-bling-cell-border);
}

.bling-template-category-tabs button {
  min-height: 34px;
  border: 0;
  border-right: 1px solid var(--color-bling-cell-border);
  border-bottom: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-header-bg);
  color: var(--color-bling-header-text);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
}

.bling-template-category-tabs button:nth-child(4n) {
  border-right: 0;
}

.bling-template-category-tabs button.active {
  background: var(--color-bling-tab-active);
  color: var(--color-bling-tab-active-text);
}

.bling-template-browser-list {
  max-height: 390px;
  overflow-y: auto;
}

.bling-template-browser-list > button {
  display: grid;
  width: 100%;
  min-height: 44px;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  border: 0;
  border-bottom: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-surface);
  color: var(--color-bling-table-text);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  padding: 7px 10px;
  text-align: left;
}

.bling-template-browser-list > button:hover {
  background: var(--color-bling-row-hover);
}

.bling-template-browser-list > button span {
  color: var(--color-bling-category);
  font-size: 11px;
}

.bling-template-browser-list > button strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bling-template-browser-list .empty {
  margin: 0;
  padding: 28px 12px;
  color: var(--color-bling-empty);
  font-size: 12px;
  text-align: center;
}

.bling-message-detail,
.bling-support-detail-form {
  padding-top: 0;
}

.bling-detail-title {
  min-height: 42px;
  box-sizing: border-box;
  padding: 12px 14px;
  border-bottom: 4px solid var(--color-bling-tab-active);
  color: var(--color-bling-heading);
  font-size: 14px;
  font-weight: 900;
}

.bling-detail-table {
  margin: 20px 0 0;
  border-top: 1px solid var(--color-bling-cell-border);
  border-left: 1px solid var(--color-bling-cell-border);
}

.bling-detail-table > div {
  display: grid;
  min-height: 48px;
  grid-template-columns: 100px minmax(0, 1fr);
}

.bling-detail-table dt,
.bling-detail-table dd {
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 11px 12px;
  border-right: 1px solid var(--color-bling-cell-border);
  border-bottom: 1px solid var(--color-bling-cell-border);
  font-size: 12px;
}

.bling-detail-table dt {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bling-form-label-bg);
  color: var(--color-bling-heading);
  font-weight: 800;
}

.bling-detail-table dd {
  color: var(--color-bling-control-text);
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.bling-detail-table > div.detail-content dt,
.bling-detail-table > div.detail-content dd {
  min-height: 210px;
}

.bling-detail-table .bling-message-recipient {
  max-width: 460px;
}

.bling-support-table tbody td {
  background: var(--color-bling-support-row);
  overflow-wrap: anywhere;
}

.bling-support-table tbody td.memo {
  background: var(--color-bling-support-memo);
  color: var(--color-bling-support-memo-text);
  line-height: 1.45;
  white-space: normal;
}

.bling-support-memo-text {
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bling-support-id-button,
.bling-support-member-button {
  font-weight: 800;
}

.bling-support-id-button {
  max-width: 100%;
}

.bling-support-member-identity {
  width: 100%;
  justify-content: center;
}

.bling-support-table .bling-support-member-button {
  display: grid;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  justify-items: center;
  gap: 2px;
  vertical-align: middle;
  white-space: normal;
}

.bling-support-table .bling-support-member-button strong,
.bling-support-table .bling-support-member-button small {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bling-support-table .bling-support-member-button strong {
  font-size: 12px;
  font-weight: 800;
}

.bling-support-table .bling-support-member-button small {
  font-size: 11px;
  font-weight: 500;
}

.bling-support-title-button {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-weight: 700;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bling-support-profit {
  display: grid;
  width: 100%;
  min-width: 0;
  justify-items: end;
  gap: 3px;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}

.bling-support-profit span,
.bling-support-profit strong {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--color-bling-table-text);
  font-weight: 500;
}

.bling-support-profit strong {
  color: var(--color-bling-support-profit);
  font-weight: 900;
}

.bling-support-profit span,
.bling-support-profit strong {
  max-width: 100%;
  white-space: nowrap;
}

.bling-support-profit b {
  display: inline-grid;
  width: 13px;
  height: 13px;
  place-items: center;
  border-radius: 3px;
  background: var(--color-bling-support-profit-icon);
  color: var(--color-bling-surface);
  font-size: 10px;
  line-height: 1;
}

.bling-support-profit strong b {
  background: var(--color-bling-support-profit-icon-total);
}

.bling-support-answer.pending {
  background: var(--color-bling-support-answer-pending);
}

.bling-support-visibility.visible {
  background: var(--color-bling-support-login);
}

.bling-support-site {
  display: grid;
  min-width: 0;
  justify-items: center;
  gap: 2px;
}

.bling-support-site strong,
.bling-support-site .muted {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bling-support-date-cell,
.bling-support-status-cell,
.bling-support-login-cell,
.bling-support-ip-cell,
.bling-support-processor-cell {
  white-space: nowrap;
}

.bling-support-table .bling-support-answer,
.bling-support-table .bling-support-login {
  box-sizing: border-box;
  max-width: 100%;
  white-space: nowrap;
}

.bling-support-login-cell {
  padding-right: 6px !important;
  padding-left: 6px !important;
}

.bling-support-login-cell .member-favorite-toggle {
  margin-right: 2px;
}

.bling-support-login {
  min-height: 30px;
  max-width: calc(100% - 24px);
  border: 0;
  border-radius: 4px;
  background: var(--color-bling-support-login);
  color: var(--color-bling-surface);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  padding: 0 8px;
  vertical-align: middle;
}

.bling-support-login.offline {
  background: var(--color-bling-target-button);
}

.bling-support-detail-table {
  margin-top: 0;
}

.bling-support-detail-table > div.memo dd {
  padding: 0;
  background: var(--color-bling-surface);
}

.bling-support-detail-table textarea#support-ticket-member-memo {
  width: calc(100% - var(--space-3) - var(--space-3));
  min-height: 92px;
  margin: var(--space-3);
  padding: var(--space-3) var(--space-4);
}

.bling-support-detail-member-memo-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
  margin: 0 var(--space-3) var(--space-3);
}

.bling-support-detail-member-memo-actions [data-support-member-memo-status] {
  margin-right: auto;
}

.bling-support-detail-table > div.answer dt,
.bling-support-detail-table > div.answer dd {
  min-height: 210px;
}

.bling-support-detail-table textarea {
  width: 100%;
  min-height: 185px;
  box-sizing: border-box;
  border: 1px solid var(--color-bling-control-border);
  background: var(--color-bling-surface);
  color: var(--color-bling-control-text);
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  padding: 10px;
  resize: vertical;
}

.bling-support-member-card {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 7px;
  border: 0;
  border-radius: 4px;
  background: var(--color-bling-message-recipient);
  color: var(--color-bling-message-recipient-text);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  padding: 0 10px;
}

.bling-support-member-card span {
  border-radius: var(--radius-pill);
  background: var(--color-bling-message-recipient-badge);
  font-weight: 800;
  padding: 2px 7px;
}

.bling-support-member-card strong {
  font-weight: 900;
}

.bling-support-member-card em {
  color: var(--color-bling-message-recipient-accent);
  font-style: normal;
  font-weight: 800;
}

.bling-template-list-panel {
  min-height: 540px;
}

.bling-template-list-tabs {
  gap: 3px;
}

.bling-template-list-tabs button {
  min-width: 80px;
}

.bling-template-list-wrap {
  overflow-x: auto;
  border-top: 0;
}

.bling-template-list-table th,
.bling-template-list-table td {
  height: 45px;
}

.bling-template-title-button {
  width: 100%;
  text-align: left;
}

.bling-template-scope {
  margin-left: 8px;
  color: var(--color-bling-empty);
  font-size: 11px;
}

.bling-template-row-button {
  min-width: 48px;
  min-height: 30px;
}

.bling-template-row-button.edit {
  background: var(--color-bling-register);
}

.bling-template-dialog {
  width: min(1000px, calc(100vw - 40px));
  max-width: 1000px;
  max-height: calc(100vh - 40px);
  padding: 0;
  border: 0;
  background: var(--color-bling-surface);
  box-shadow: 0 18px 44px var(--color-bling-alert-shadow);
  color: var(--color-bling-text);
  font-family: var(--font-family-base);
}

.bling-template-dialog::backdrop {
  background: var(--color-bling-alert-backdrop);
}

.bling-template-dialog form {
  margin: 0;
}

.bling-template-dialog header {
  display: flex;
  min-height: 48px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  background: var(--color-bling-template-dialog-header);
  color: var(--color-bling-surface);
}

.bling-template-dialog header h2 {
  margin: 0;
  color: inherit;
  font-size: 16px;
  font-weight: 900;
}

.bling-template-dialog header button {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-size: 24px;
}

.bling-template-dialog-body {
  padding: 20px;
}

.bling-template-dialog-row,
.bling-template-dialog-owner {
  display: grid;
  min-height: 48px;
  grid-template-columns: 110px minmax(0, 1fr);
  border-top: 1px solid var(--color-bling-cell-border);
  border-right: 1px solid var(--color-bling-cell-border);
  border-left: 1px solid var(--color-bling-cell-border);
}

.bling-template-dialog-row:last-child {
  border-bottom: 1px solid var(--color-bling-cell-border);
}

.bling-template-dialog-row > label,
.bling-template-dialog-owner > span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-form-label-bg);
  color: var(--color-bling-heading);
  font-size: 12px;
  font-weight: 800;
}

.bling-template-dialog-row > input,
.bling-template-dialog-row > select,
.bling-template-dialog-row > textarea,
.bling-template-dialog-owner > strong {
  align-self: center;
  margin: 7px 12px;
  border: 1px solid var(--color-bling-control-border);
  border-radius: 3px;
  background: var(--color-bling-surface);
  color: var(--color-bling-control-text);
  font: inherit;
  font-size: 12px;
  padding: 8px 10px;
}

.bling-template-dialog-owner > strong {
  border: 0;
  font-weight: 700;
}

.bling-template-dialog-row > input,
.bling-template-dialog-row > select {
  height: 35px;
  box-sizing: border-box;
}

.bling-template-dialog-row.body-content,
.bling-template-dialog-row.body-content > label {
  min-height: 220px;
}

.bling-template-dialog-row.body-content > textarea {
  min-height: 200px;
  resize: vertical;
  line-height: 1.55;
}

.bling-template-dialog footer {
  display: flex;
  gap: 5px;
  padding: 0 20px 20px;
}

.bling-template-dialog footer button {
  min-height: 34px;
  border: 0;
  border-radius: 4px;
  color: var(--color-bling-surface);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  padding: 0 15px;
}

.bling-template-dialog footer .submit {
  background: var(--color-bling-register);
}

.bling-template-dialog footer .close {
  background: var(--color-bling-form-button-primary);
}

@media (max-width: 1320px) {
  .notice-board-view {
    width: 100%;
  }

}

/* Bling reference layout: notice create and edit pages */
.notice-board-write-view {
  width: min(1212px, 100%);
  max-width: 1212px;
}

.notice-board-write-page {
  min-height: 633px;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid var(--color-bling-panel-border);
  background: var(--color-bling-surface);
}

.notice-board-write-view .notice-write-form {
  margin: 0;
  padding: 0;
  background: var(--color-bling-surface);
}

.notice-write-columns {
  display: grid;
  grid-template-columns: minmax(0, 685px) minmax(360px, 1fr);
  column-gap: 10px;
  align-items: start;
}

.notice-board-write-view .notice-write-main {
  min-width: 0;
}

.notice-board-write-view .notice-write-grid {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  border-top: 1px solid var(--color-bling-cell-border);
  border-left: 1px solid var(--color-bling-cell-border);
}

.notice-board-write-view .notice-write-label,
.notice-board-write-view .notice-write-field {
  min-height: 50px;
  box-sizing: border-box;
  border-right: 1px solid var(--color-bling-cell-border);
  border-bottom: 1px solid var(--color-bling-cell-border);
}

.notice-board-write-view .notice-write-label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 6px;
  background: var(--color-bling-form-label-bg);
  color: var(--color-bling-heading);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.notice-board-write-view .notice-write-field {
  display: flex;
  min-width: 0;
  align-items: center;
  padding: 8px 12px;
  background: var(--color-bling-surface);
  color: var(--color-bling-control-text);
  font-size: 12px;
}

.notice-board-write-view .notice-write-field input,
.notice-board-write-view .notice-write-field select {
  height: 35px;
  min-height: 35px;
  box-sizing: border-box;
  border: 1px solid var(--color-bling-control-border);
  border-radius: 3px;
  background: var(--color-bling-surface);
  color: var(--color-bling-control-text);
  font: inherit;
  padding: 0 10px;
}

.notice-board-write-view .notice-write-field input:focus,
.notice-board-write-view .notice-write-field select:focus {
  border-color: var(--color-bling-focus-border);
  box-shadow: 0 0 0 2px var(--color-bling-focus-ring);
  outline: 0;
}

.notice-board-write-view .notice-write-field-compact input,
.notice-board-write-view .notice-write-field-compact select,
.notice-board-write-view .notice-write-date-field input {
  width: 200px;
}

.notice-board-write-view .notice-write-title-field input {
  width: 100%;
}

.notice-board-write-view .notice-write-date-field {
  flex-wrap: wrap;
  align-content: center;
  gap: 4px 10px;
}

.notice-board-write-view .notice-write-date-field small {
  color: var(--color-bling-form-hint);
  font-size: 11px;
  line-height: 1.35;
}

.notice-board-write-view .notice-write-date-field small span {
  color: var(--color-bling-form-hint-accent);
}

.notice-board-write-view .notice-write-content-label {
  min-height: 326px;
}

.notice-board-write-view .notice-write-content-field {
  min-height: 326px;
  align-items: stretch;
}

.notice-board-write-view .notice-write-editor,
.notice-board-write-view .notice-write-editor-toast {
  width: 100%;
  height: 316px;
  min-height: 316px;
  border: 0;
  border-radius: 0;
  background: var(--color-bling-surface);
}

.notice-board-write-view .notice-write-toast-editor .toastui-editor-defaultUI,
.notice-board-write-view .notice-write-editor-fallback {
  border: 1px solid var(--color-bling-control-border);
  border-radius: 0;
  background: var(--color-bling-surface);
}

.notice-board-write-view .notice-write-toast-editor .toastui-editor-defaultUI-toolbar,
.notice-board-write-view .notice-write-editor-toolbar {
  min-height: 42px;
  border-bottom: 1px solid var(--color-bling-control-border);
  background: var(--color-bling-editor-toolbar);
}

.notice-board-write-view .notice-write-toast-editor .toastui-editor-main,
.notice-board-write-view .notice-write-toast-editor .toastui-editor-ww-container,
.notice-board-write-view .notice-write-toast-editor .toastui-editor-ww-container .toastui-editor,
.notice-board-write-view .notice-write-editor-body {
  background: var(--color-bling-surface);
  color: var(--color-bling-control-text);
}

.notice-board-write-view .notice-write-toast-editor .toastui-editor-contents {
  color: var(--color-bling-control-text);
  font-size: 13px;
}

.notice-board-write-view .notice-write-editor-body {
  padding: 14px 18px;
  font-size: 13px;
}

.notice-board-write-view .notice-write-editor-toolbar {
  gap: 3px;
  padding: 3px 8px;
}

.notice-board-write-view .notice-write-editor-toolbar > button {
  min-width: 28px;
  height: 28px;
  border-color: transparent;
  background: transparent;
  color: var(--color-bling-control-text);
}

.notice-board-write-view .notice-write-editor-toolbar > button:hover,
.notice-board-write-view .notice-write-editor-toolbar > button[aria-expanded="true"] {
  border-color: var(--color-bling-control-border);
  background: var(--color-bling-surface);
  color: var(--color-bling-heading);
}

.notice-board-write-view .notice-write-created-field {
  justify-content: flex-start;
}

.notice-board-write-view .notice-write-footer {
  display: flex;
  min-height: 48px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  padding: 8px 12px;
  border: 1px solid var(--color-bling-cell-border);
  border-top: 0;
  background: var(--color-bling-surface);
}

.notice-write-button {
  height: 34px;
  min-height: 34px;
  border: 0;
  border-radius: 4px;
  color: var(--color-bling-surface);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  padding: 0 13px;
}

.notice-write-button.primary {
  background: var(--color-bling-form-button-primary);
}

.notice-write-button.success {
  background: var(--color-bling-register);
}

.notice-write-button.warning {
  background: var(--color-bling-form-button-warning);
}

.notice-write-button.danger {
  background: var(--color-bling-delete);
}

.notice-write-button:hover,
.notice-write-button:focus-visible {
  filter: brightness(0.94);
  outline: 0;
}

.notice-bling-target-panel {
  min-width: 0;
  border-top: 1px solid var(--color-bling-cell-border);
  border-right: 1px solid var(--color-bling-cell-border);
  border-bottom: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-surface);
}

.popup-bling-image-preview-panel {
  display: flex;
  min-width: 0;
  min-height: 291px;
  flex-direction: column;
  border: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-surface);
}

.popup-bling-image-preview-header {
  display: flex;
  min-height: 43px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 12px;
  border-bottom: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-header-bg);
}

.popup-bling-image-preview-header strong {
  color: var(--color-bling-heading);
  font-size: 12px;
  font-weight: 800;
}

.popup-bling-image-preview-header span {
  min-width: 0;
  overflow: hidden;
  color: var(--color-bling-form-hint);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.popup-bling-image-preview-stage {
  display: grid;
  flex: 1 1 auto;
  min-height: 246px;
  box-sizing: border-box;
  place-items: center;
  overflow: auto;
  padding: 18px;
  background: var(--color-bling-surface);
}

.popup-bling-image-preview-image {
  display: block;
  max-width: 100%;
  max-height: 360px;
  width: auto;
  height: auto;
  border: 1px solid var(--color-bling-cell-border);
  object-fit: contain;
}

.popup-bling-image-preview-empty {
  margin: 0;
  color: var(--color-bling-form-hint);
  font-size: 12px;
  text-align: center;
}

.notice-bling-target-header {
  display: flex;
  min-height: 43px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 12px;
  border-bottom: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-header-bg);
}

.notice-bling-target-header strong {
  color: var(--color-bling-heading);
  font-size: 12px;
  font-weight: 800;
}

.notice-bling-target-actions {
  display: flex;
  align-items: center;
  gap: 2px;
}

.notice-bling-target-actions button {
  height: 29px;
  min-height: 29px;
  border: 0;
  border-radius: 3px;
  background: var(--color-bling-target-button);
  color: var(--color-bling-surface);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  padding: 0 12px;
}

.notice-bling-target-actions button:hover,
.notice-bling-target-actions button:focus-visible {
  background: var(--color-bling-target-button-hover);
  outline: 0;
}

.notice-bling-target-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.notice-bling-target-grid label {
  display: flex;
  min-width: 0;
  min-height: 35px;
  box-sizing: border-box;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  border-right: 1px solid var(--color-bling-cell-border);
  border-bottom: 1px solid var(--color-bling-cell-border);
  color: var(--color-bling-control-text);
  font-size: 11px;
}

.notice-bling-target-grid label:nth-child(3n) {
  border-right: 0;
}

.notice-bling-target-grid input[type="checkbox"] {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  margin: 0;
  accent-color: var(--color-bling-checkbox);
}

.notice-bling-target-grid label span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notice-bling-target-grid .muted {
  grid-column: 1 / -1;
  margin: 0;
  padding: 14px 12px;
  font-size: 11px;
}

.notice-bling-target-footer {
  min-height: 43px;
  box-sizing: border-box;
  justify-content: flex-start;
  padding: 7px 12px;
  background: var(--color-bling-header-bg);
}

/* Bling reference layout: popup list and editor */
.popup-bling-view {
  width: min(1152px, 100%);
  max-width: 1152px;
  color: var(--color-bling-text);
  font-family: var(--font-family-base);
}

.popup-bling-panel {
  width: min(1152px, 100%);
  min-height: 464px;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid var(--color-bling-panel-border);
  background: var(--color-bling-surface);
}

.popup-bling-view .popup-bling-wrap {
  margin: 0;
  overflow-x: hidden;
  scrollbar-width: none;
}

.popup-bling-view .popup-bling-wrap::-webkit-scrollbar {
  display: none;
}

.popup-bling-view .popup-table.popup-bling-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: collapse;
  color: var(--color-bling-table-text);
}

.popup-bling-number-column {
  width: 184px;
}

.popup-bling-title-column {
  width: 186px;
}

.popup-bling-status-column {
  width: 270px;
}

.popup-bling-table th,
.popup-bling-table td {
  height: 46px;
  box-sizing: border-box;
  padding: 7px 12px;
  border: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-surface);
  color: var(--color-bling-table-text);
  font-size: 12px;
  vertical-align: middle;
  white-space: nowrap;
}

.popup-bling-table thead th {
  height: 35px;
  background: var(--color-bling-header-bg);
  color: var(--color-bling-header-text);
  font-weight: 900;
  text-align: center;
}

.popup-bling-table tbody td:not(:nth-child(2)) {
  text-align: center;
}

.popup-bling-table tbody tr:hover td {
  background: var(--color-bling-row-hover);
}

.popup-bling-title-button {
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-bling-table-text);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.popup-bling-title-button:hover,
.popup-bling-title-button:focus-visible {
  color: var(--color-bling-link-hover);
  outline: 0;
}

.popup-bling-status {
  display: inline-flex;
  min-width: 32px;
  min-height: 24px;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: var(--radius-pill);
  background: var(--color-bling-popup-status);
  color: var(--color-bling-surface);
  font-size: 12px;
  font-weight: 900;
}

.popup-bling-status.hidden {
  background: var(--color-bling-target-button);
}

.popup-bling-row-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.popup-bling-row-actions button,
.popup-bling-list-actions button {
  min-height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 4px;
  background: var(--color-bling-register);
  color: var(--color-bling-surface);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
}

.popup-bling-row-actions .delete {
  background: var(--color-bling-delete);
}

.popup-bling-row-actions .preview {
  background: var(--color-bling-target-button);
}

.popup-bling-row-actions button:hover,
.popup-bling-row-actions button:focus-visible,
.popup-bling-list-actions button:hover,
.popup-bling-list-actions button:focus-visible {
  filter: brightness(0.94);
  outline: 0;
}

.popup-bling-list-actions {
  display: flex;
  min-height: 48px;
  box-sizing: border-box;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid var(--color-bling-cell-border);
  border-top: 0;
  background: var(--color-bling-surface);
}

.popup-bling-list-actions button {
  min-height: 32px;
  padding: 0 14px;
}

.admin-popup-preview-backdrop {
  position: fixed;
  z-index: 2200;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  padding: 20px;
  background: var(--color-dialog-backdrop);
}

.admin-popup-preview-dialog {
  display: grid;
  width: min(100%, 1240px);
  max-height: calc(100vh - 40px);
  overflow: hidden;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-partner-user-popup-card);
}

.admin-popup-preview-header {
  display: flex;
  min-height: 52px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-subtle);
  color: var(--color-text-strong);
}

.admin-popup-preview-header button {
  border: 0;
  background: transparent;
  color: var(--color-text-muted);
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
}

.admin-popup-preview-stage {
  display: flex;
  min-height: 0;
  align-items: center;
  justify-content: center;
  overflow: auto;
  padding: 20px;
  background: var(--color-partner-user-popup-backdrop);
}

.admin-popup-preview-stage .partner-user-popup-card {
  flex: 0 1 auto;
}

.admin-popup-preview-stage .partner-user-popup-copy {
  pointer-events: auto;
}

.admin-popup-preview-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

@media (max-width: 640px) {
  .admin-popup-preview-backdrop {
    padding: 10px;
  }

  .admin-popup-preview-dialog {
    max-height: calc(100vh - 20px);
  }

  .admin-popup-preview-stage {
    padding: 10px;
  }
}

.popup-board-write-view {
  width: 100%;
  max-width: none;
}

.popup-board-write-page {
  min-height: 484px;
}

.popup-board-write-view .popup-bling-write-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.popup-board-write-view .popup-bling-write-grid {
  grid-template-columns: 100px minmax(0, 1fr);
}

.popup-board-write-view .notice-write-content-label,
.popup-board-write-view .notice-write-content-field {
  height: 291px;
  min-height: 291px;
}

.popup-board-write-view .notice-write-editor,
.popup-board-write-view .notice-write-editor-toast {
  height: 274px;
  min-height: 274px;
}

.popup-board-write-view .popup-bling-visibility-field {
  display: grid;
  grid-template-columns: 90px max-content minmax(0, 1fr);
  min-height: 52px;
  align-items: center;
  gap: 8px 14px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.popup-board-write-view .popup-bling-visibility-field > select {
  width: 90px;
}

.popup-board-write-view .popup-bling-visibility-field small {
  min-width: 0;
  margin-left: 0;
  justify-self: start;
  line-height: 1.35;
}

.popup-board-write-view .popup-bling-size-field {
  display: flex;
  min-height: 52px;
  flex-wrap: wrap;
  gap: 8px 12px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.popup-bling-size-field label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-bling-heading);
  font-weight: 700;
}

.popup-board-write-view .popup-bling-size-field input {
  width: 88px;
}

.popup-bling-size-field small {
  color: var(--color-bling-form-hint);
  font-size: 11px;
  font-weight: 400;
}

.popup-bling-size-separator {
  color: var(--color-bling-form-hint);
  font-weight: 700;
}

.popup-board-write-view .notice-write-button.warning {
  background: var(--color-bling-form-button-primary);
}

.popup-bling-image-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
}

.popup-bling-image-toggle > input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.popup-bling-toggle-track {
  position: relative;
  display: inline-flex;
  width: 52px;
  height: 28px;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 0 5px;
  border-radius: 3px;
  background: var(--color-bling-target-button);
  color: var(--color-bling-surface);
  font-size: 9px;
  font-weight: 900;
  transition: background 0.15s ease;
}

.popup-bling-toggle-track::before {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  border-radius: 2px;
  background: var(--color-bling-surface);
  content: "";
  transition: transform 0.15s ease;
}

.popup-bling-image-toggle > input:checked + .popup-bling-toggle-track {
  justify-content: flex-start;
  background: var(--color-bling-register);
}

.popup-bling-image-toggle > input:checked + .popup-bling-toggle-track::before {
  transform: translateX(24px);
}

.popup-bling-image-toggle > input:focus-visible + .popup-bling-toggle-track {
  box-shadow: 0 0 0 2px var(--color-bling-focus-ring);
}

.popup-bling-image-toggle strong {
  color: var(--color-bling-heading);
  font-size: 11px;
  font-weight: 700;
}

.popup-bling-visibility-field small {
  color: var(--color-bling-form-hint);
  font-size: 11px;
  font-style: italic;
}

@media (max-width: 1080px) {
  .popup-board-write-view .popup-bling-write-columns {
    grid-template-columns: minmax(580px, 1fr) minmax(330px, 0.8fr);
  }
}

.notice-bling-alert-backdrop {
  position: fixed;
  z-index: 2100;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: var(--color-bling-alert-backdrop);
}

.notice-bling-alert {
  width: min(430px, 100%);
  overflow: hidden;
  border-radius: 6px;
  background: var(--color-bling-surface);
  box-shadow: 0 18px 44px var(--color-bling-alert-shadow);
}

.notice-bling-alert-header {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  background: var(--color-bling-alert-header);
  color: var(--color-bling-surface);
}

.notice-bling-alert-header strong {
  font-size: 17px;
}

.notice-bling-alert-header button {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 24px;
}

.notice-bling-alert-body {
  padding: 28px 24px 24px;
  text-align: center;
}

.notice-bling-alert-body p {
  margin: 0 0 24px;
  color: var(--color-bling-control-text);
  font-size: 14px;
}

.notice-bling-alert-body button {
  min-width: 88px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  background: var(--color-bling-alert-confirm);
  color: var(--color-bling-surface);
  cursor: pointer;
  font-weight: 700;
}

@media (max-width: 1180px) {
  .notice-write-columns {
    grid-template-columns: minmax(620px, 1fr) minmax(330px, 0.75fr);
  }

  .notice-bling-target-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .notice-bling-target-grid label:nth-child(3n) {
    border-right: 1px solid var(--color-bling-cell-border);
  }

  .notice-bling-target-grid label:nth-child(2n) {
    border-right: 0;
  }
}

@media (max-width: 820px) {
  .popup-board-write-view .popup-bling-write-columns,
  .popup-board-write-view .popup-bling-write-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .popup-board-write-view .notice-write-label,
  .popup-board-write-view .notice-write-field {
    min-width: 0;
    border-right: 0;
  }

  .popup-board-write-view .popup-bling-visibility-field {
    grid-template-columns: 90px max-content;
  }

  .popup-board-write-view .popup-bling-visibility-field small {
    grid-column: 1 / -1;
  }

  .popup-board-write-view .popup-bling-size-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .popup-bling-size-field label {
    display: grid;
    grid-template-columns: minmax(66px, auto) 88px minmax(0, 1fr);
    width: 100%;
  }

  .popup-bling-size-separator {
    display: none;
  }
}

.provider-catalog-sync-form {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.provider-catalog-sync-form > .button,
.provider-catalog-sync-form > button {
  align-self: end;
  height: 42px;
  min-height: 42px;
}

.provider-catalog-sync-form > label {
  min-width: 0;
}

.provider-catalog-sync-copy {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.provider-catalog-sync-copy strong {
  color: var(--color-text-strong);
}

.provider-catalog-sync-copy span {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.provider-catalog-filter-toolbar {
  grid-template-columns: minmax(180px, 1.3fr) minmax(170px, 1fr) minmax(150px, 0.8fr) minmax(130px, 0.7fr) minmax(120px, 0.6fr) auto;
  align-items: end;
}

.provider-catalog-filter-actions {
  display: flex;
  gap: var(--space-3);
  align-items: center;
  justify-content: flex-end;
}

.provider-catalog-table-wrap {
  overflow-x: auto;
}

.provider-vendor-table {
  min-width: 920px;
}

.provider-game-table {
  min-width: 1180px;
}

.slot-management-summary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-6);
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.slot-management-summary span {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.slot-management-summary strong {
  color: var(--color-text-strong);
}

.slot-management-provider-tabs {
  margin: 0;
}

.slot-vendor-order-table {
  min-width: 820px;
}

.slot-vendor-order-table td:nth-child(2) {
  min-width: 240px;
}

.slot-vendor-order-table td:nth-child(2) small {
  display: block;
  margin-top: var(--space-1);
}

.slot-vendor-order-input {
  width: 78px;
  min-width: 78px;
  margin-inline: auto;
  text-align: center;
}

.slot-management-heading {
  margin-bottom: var(--space-4);
}

.slot-management-vendor-tabs {
  display: flex;
  max-width: 100%;
  overflow-x: auto;
  gap: var(--space-2);
  padding: 0 0 var(--space-3);
  border-bottom: 1px solid var(--color-border);
  scrollbar-width: thin;
}

.slot-management-vendor-tab {
  display: inline-flex;
  min-width: max-content;
  min-height: 40px;
  align-items: center;
  gap: var(--space-2);
  padding: 0 var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-text-muted);
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}

.slot-management-vendor-tab small {
  display: inline-flex;
  min-width: 24px;
  min-height: 20px;
  align-items: center;
  justify-content: center;
  padding: 0 var(--space-2);
  border-radius: var(--radius-pill);
  background: var(--color-surface-muted);
  color: inherit;
  font-size: var(--font-size-xs);
}

.slot-management-vendor-tab:hover,
.slot-management-vendor-tab:focus-visible {
  border-color: var(--color-border-strong);
  background: var(--color-surface-hover);
  color: var(--color-text-strong);
  outline: 0;
}

.slot-management-vendor-tab.active {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.slot-management-vendor-tab.active small {
  background: var(--color-primary-hover);
  color: var(--color-text-inverse);
}

.slot-management-vendor-notice,
.slot-management-empty {
  margin-top: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
  color: var(--color-text-muted);
  text-align: center;
}

.slot-management-vendor-notice,
.slot-management-empty.warning {
  border-color: var(--color-warning);
  color: var(--color-warning);
}

.slot-management-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--space-4);
  margin: var(--space-5) 0;
}

.slot-management-search-form {
  display: grid;
  min-width: 0;
  flex: 1 1 auto;
  grid-template-columns: minmax(180px, 1fr) minmax(116px, 0.35fr) auto auto;
  align-items: end;
  gap: var(--space-3);
}

.slot-management-search-form label {
  display: grid;
  min-width: 0;
  gap: var(--space-2);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.slot-management-search-form input,
.slot-management-search-form select {
  width: 100%;
  min-width: 0;
}

.slot-management-sync-form {
  flex: 0 0 auto;
}

.slot-management-game-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: var(--space-4);
}

.slot-management-game-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-panel);
}

.slot-management-game-card:hover {
  border-color: var(--color-border-strong);
  box-shadow: var(--shadow-lg);
}

.slot-management-game-media {
  position: relative;
  display: grid;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  place-items: center;
  background: var(--color-surface-muted);
}

.slot-management-game-media img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
}

.slot-management-game-media img.is-broken {
  display: none;
}

.slot-management-game-placeholder {
  color: var(--color-primary-variant);
  font-size: 44px;
}

.slot-management-game-state {
  position: absolute;
  top: var(--space-3);
  right: var(--space-3);
  z-index: 1;
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-pill);
  background: var(--color-primary);
  color: var(--color-text-inverse);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.slot-management-game-card.is-hidden .slot-management-game-state {
  background: var(--color-primary-variant);
}

.slot-management-game-card.is-partial .slot-management-game-state {
  background: var(--color-warning);
}

.slot-management-game-copy {
  display: grid;
  min-width: 0;
  gap: var(--space-2);
  padding: var(--space-4);
}

.slot-management-game-copy > strong,
.slot-management-game-copy > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.slot-management-game-copy > strong {
  color: var(--color-text-strong);
}

.slot-management-game-copy > span,
.slot-management-game-note {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

.slot-management-game-toggle {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  margin-top: var(--space-2);
  padding: 0 var(--space-3);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
  color: var(--color-text-muted);
  cursor: pointer;
  font: inherit;
}

.slot-management-game-toggle > span {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 16px;
  border-radius: var(--radius-pill);
  background: var(--color-primary-variant);
}

.slot-management-game-toggle > span::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  content: "";
  transition: transform 0.15s ease;
}

.slot-management-game-toggle.active {
  border-color: var(--color-success);
  background: var(--color-surface);
  color: var(--color-success);
}

.slot-management-game-toggle.active > span {
  background: var(--color-success);
}

.slot-management-game-toggle.active > span::after {
  transform: translateX(14px);
}

.slot-management-game-toggle:hover:not(:disabled),
.slot-management-game-toggle:focus-visible:not(:disabled) {
  border-color: var(--color-primary);
  color: var(--color-text-strong);
  outline: 0;
}

.slot-management-game-toggle:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

@media (max-width: 900px) {
  .game-usage-settings-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .slot-management-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .slot-management-search-form {
    grid-template-columns: minmax(0, 1fr) minmax(110px, 0.4fr) auto;
  }

  .slot-management-search-form [data-slot-management-reset] {
    grid-column: 1 / -1;
  }

  .slot-management-sync-form,
  .slot-management-sync-form .button {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .game-usage-settings-filter-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .game-usage-settings-filter-form .button {
    width: 100%;
  }

  .slot-management-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .slot-management-search-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .slot-management-search-form [data-slot-management-reset] {
    grid-column: auto;
  }

  .slot-management-search-form .button {
    width: 100%;
  }

  .slot-management-game-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.casino-lobby-create-form {
  grid-template-columns:
    minmax(220px, 1.6fr)
    minmax(120px, 0.72fr)
    minmax(160px, 1fr)
    minmax(118px, 0.7fr)
    minmax(118px, 0.7fr)
    minmax(82px, 0.48fr)
    auto;
}

.casino-lobby-filter-toolbar {
  grid-template-columns:
    minmax(220px, 1.4fr)
    minmax(220px, 1.2fr)
    minmax(136px, 0.7fr)
    minmax(108px, 0.55fr)
    auto;
}

.casino-lobby-create-form > button,
.casino-lobby-filter-actions {
  white-space: nowrap;
}

.casino-lobby-table {
  min-width: 1040px;
  table-layout: fixed;
}

.casino-lobby-table th,
.casino-lobby-table td {
  padding: var(--space-5) var(--space-6);
}

.casino-lobby-table th:nth-child(1),
.casino-lobby-table td:nth-child(1) {
  width: 220px;
}

.casino-lobby-table th:nth-child(2),
.casino-lobby-table td:nth-child(2) {
  width: 230px;
}

.casino-lobby-table th:nth-child(3),
.casino-lobby-table td:nth-child(3) {
  width: 330px;
}

.casino-lobby-table th:nth-child(4),
.casino-lobby-table td:nth-child(4) {
  width: 96px;
}

.casino-lobby-table th:nth-child(5),
.casino-lobby-table td:nth-child(5) {
  width: 84px;
}

.casino-lobby-table th:nth-child(6),
.casino-lobby-table td:nth-child(6) {
  width: 196px;
}

.casino-lobby-table td:first-child,
.casino-lobby-vendor-cell,
.casino-lobby-key-cell,
.casino-lobby-limit-cell {
  text-align: left !important;
}

.casino-lobby-vendor-cell strong,
.casino-lobby-key-cell strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.casino-lobby-key-cell .table-input {
  margin-top: var(--space-3);
}

.casino-lobby-vendor-cell .muted,
.casino-lobby-limit-text {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  text-overflow: ellipsis;
}

.casino-lobby-limit-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  min-width: 0;
}

.casino-lobby-table .table-input {
  min-width: 0;
  height: 34px;
  min-height: 34px;
  padding: 0 var(--space-4);
}

.casino-lobby-table .provider-catalog-order-input {
  width: 64px;
  min-width: 64px;
  text-align: center;
}

.casino-lobby-order-cell,
.casino-lobby-status-cell,
.casino-lobby-action-cell {
  text-align: center;
}

.casino-lobby-action-cell .row-actions {
  flex-wrap: nowrap;
  justify-content: center;
}

.casino-lobby-action-cell .button.small {
  min-width: 46px;
}

.provider-vendor-table strong,
.provider-game-table strong {
  color: var(--color-text-strong);
}

.provider-catalog-order-input {
  width: 88px;
  min-width: 88px;
}

.provider-catalog-empty {
  border-top: 1px solid var(--color-border);
}

.provider-callback-view,
.provider-api-view,
.provider-sync-view {
  max-width: calc(100vw - var(--layout-sidebar-width) - (var(--layout-content-padding-x) * 2));
}

.app-shell.sidebar-collapsed .provider-callback-view,
.app-shell.sidebar-collapsed .provider-api-view,
.app-shell.sidebar-collapsed .provider-sync-view {
  max-width: calc(100vw - var(--layout-sidebar-collapsed-width) - (var(--layout-content-padding-x) * 2));
}

.provider-callback-actions,
.provider-callback-status-tabs,
.provider-api-actions,
.provider-api-status-tabs,
.provider-sync-actions,
.provider-sync-status-tabs {
  flex-wrap: wrap;
}

.provider-callback-filter-toolbar,
.provider-api-filter-toolbar,
.provider-sync-filter-toolbar {
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  align-items: end;
}

.provider-callback-filter-toolbar input[name="search"],
.provider-api-filter-toolbar input[name="search"],
.provider-sync-filter-toolbar input[name="search"] {
  grid-column: span 2;
  min-width: 0;
}

.provider-callback-summary,
.provider-api-summary,
.provider-sync-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: var(--space-6);
  padding: var(--space-8);
  border-top: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.provider-callback-card,
.provider-api-card,
.provider-sync-card {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.provider-callback-card span,
.provider-callback-card small,
.provider-api-card span,
.provider-api-card small,
.provider-sync-card span,
.provider-sync-card small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.provider-callback-card strong,
.provider-api-card strong,
.provider-sync-card strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.provider-callback-card.primary,
.provider-callback-card.success,
.provider-api-card.primary,
.provider-api-card.success,
.provider-sync-card.primary,
.provider-sync-card.success {
  border-color: var(--color-sidebar-accent-border);
}

.provider-callback-card.warning,
.provider-api-card.warning,
.provider-sync-card.warning {
  border-color: var(--color-notice-border);
}

.provider-callback-card.danger,
.provider-api-card.danger,
.provider-sync-card.danger {
  border-color: var(--color-alert-border);
}

.provider-callback-wrap,
.provider-api-wrap,
.provider-sync-wrap,
.game-provider-vendor-wrap,
.game-provider-public-vendor-asset-wrap,
.game-provider-unmapped-wrap,
.game-provider-callback-wrap {
  overflow-x: auto;
}

.provider-callback-table,
.provider-api-table,
.provider-sync-table,
.game-provider-unmapped-table,
.game-provider-callback-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1460px);
}

.game-provider-summary {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.game-provider-vendor-filter-toolbar {
  grid-template-columns: minmax(180px, 0.8fr) minmax(180px, 0.8fr) minmax(220px, 1.2fr) auto auto;
  align-items: end;
}

.game-provider-vendor-summary {
  grid-template-columns: repeat(3, minmax(160px, 1fr));
}

.game-provider-vendor-table {
  min-width: 1120px;
}

.game-provider-vendor-table th,
.game-provider-vendor-table td {
  padding: var(--layout-admin-table-cell-padding-y) var(--layout-admin-table-cell-padding-x);
  vertical-align: top;
}

.game-provider-vendor-category-cell {
  display: grid;
  align-items: center;
  justify-items: start;
  gap: var(--space-3);
  min-width: 0;
}

.game-provider-vendor-category-cell .button.small {
  min-width: 48px;
}

.game-provider-public-vendor-asset-filter-toolbar {
  grid-template-columns: minmax(180px, 0.8fr) minmax(140px, 0.6fr) minmax(220px, 1.2fr) auto auto;
  align-items: end;
}

.game-provider-public-vendor-asset-summary {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.game-provider-public-vendor-asset-table {
  min-width: 1280px;
}

.game-provider-public-vendor-asset-table th,
.game-provider-public-vendor-asset-table td {
  padding: var(--layout-admin-table-cell-padding-y) var(--layout-admin-table-cell-padding-x);
  vertical-align: top;
}

.game-provider-asset-preview {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 54px;
  overflow: hidden;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-muted);
}

.game-provider-asset-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.game-provider-asset-url-cell {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto auto;
  gap: var(--space-2);
  align-items: center;
}

.game-provider-unmapped-status-tabs {
  flex-wrap: wrap;
}

.game-provider-unmapped-filter-toolbar {
  grid-template-columns:
    minmax(150px, 0.8fr)
    minmax(120px, 0.65fr)
    minmax(120px, 0.65fr)
    minmax(120px, 0.65fr)
    minmax(220px, 1.3fr)
    minmax(96px, 0.5fr)
    auto
    auto;
  align-items: end;
}

.game-provider-unmapped-summary {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.game-provider-unmapped-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1680px);
}

.game-provider-unmapped-table th,
.game-provider-unmapped-table td {
  vertical-align: top;
}

.game-provider-unmapped-action-cell {
  display: grid;
  gap: var(--space-3);
  min-width: 380px;
}

.game-provider-unmapped-action-cell label {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
}

.game-provider-unmapped-action-cell label span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  white-space: nowrap;
}

.game-provider-unmapped-inline-form,
.game-provider-unmapped-custom-form {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
}

.game-provider-unmapped-inline-form {
  grid-template-columns: minmax(0, 1fr) auto;
}

.game-provider-unmapped-custom-form {
  grid-template-columns: minmax(120px, 1fr) minmax(120px, 1fr) auto;
}

.game-provider-unmapped-action-cell .table-input {
  min-width: 0;
  height: 34px;
  min-height: 34px;
  padding: 0 var(--space-4);
}

.game-provider-unmapped-action-cell .row-actions {
  justify-content: flex-start;
}

.game-provider-unmapped-action-cell .button.small {
  min-width: 64px;
  white-space: nowrap;
}

@media (max-width: 1080px) {
  .game-provider-unmapped-filter-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .game-provider-unmapped-filter-toolbar,
  .game-provider-public-vendor-asset-filter-toolbar,
  .game-provider-asset-url-cell,
  .game-provider-unmapped-action-cell label,
  .game-provider-unmapped-inline-form,
  .game-provider-unmapped-custom-form {
    grid-template-columns: 1fr;
  }

  .game-provider-unmapped-action-cell {
    min-width: 260px;
  }
}

.provider-callback-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1560px);
}

.provider-api-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1680px);
}

.provider-callback-table th,
.provider-callback-table td,
.provider-api-table th,
.provider-api-table td,
.provider-sync-table th,
.provider-sync-table td {
  padding: var(--layout-admin-table-cell-padding-y) var(--layout-admin-table-cell-padding-x);
  vertical-align: top;
}

.provider-callback-table th:nth-child(2),
.provider-callback-table td:nth-child(2),
.provider-api-table th:nth-child(2),
.provider-api-table td:nth-child(2),
.provider-sync-table th:nth-child(1),
.provider-sync-table td:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: var(--layout-admin-table-sticky-key-width);
  max-width: calc(var(--layout-admin-table-sticky-key-width) * 1.75);
  background: var(--color-surface);
  box-shadow: 1px 0 0 var(--color-border);
}

.provider-callback-table th:nth-child(2),
.provider-api-table th:nth-child(2),
.provider-sync-table th:nth-child(1) {
  z-index: 3;
  background: var(--color-surface-subtle);
}

.provider-callback-table tr:hover td:nth-child(2),
.provider-api-table tr:hover td:nth-child(2),
.provider-sync-table tr:hover td:nth-child(1) {
  background: var(--color-surface-hover);
}

.provider-callback-table strong,
.provider-api-table strong,
.provider-sync-table strong {
  color: var(--color-text-strong);
}

.provider-callback-error,
.provider-api-error,
.provider-sync-error {
  min-width: 220px;
  white-space: normal;
}

.provider-api-target,
.provider-api-result {
  min-width: 240px;
  white-space: normal;
}

.provider-api-result strong {
  display: block;
  max-width: 320px;
  overflow-wrap: anywhere;
}

.provider-api-url {
  display: inline-block;
  max-width: 240px;
  overflow: hidden;
  color: var(--color-link);
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.admin-utility-view {
  max-width: calc(100vw - var(--layout-sidebar-width) - (var(--layout-content-padding-x) * 2));
}

.app-shell.sidebar-collapsed .admin-utility-view {
  max-width: calc(100vw - var(--layout-sidebar-collapsed-width) - (var(--layout-content-padding-x) * 2));
}

.security-log-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-8) 0;
  background: var(--color-surface);
}

.session-overview-tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
}

.session-overview-tab {
  flex: 0 0 auto;
}

.security-log-tab {
  min-height: var(--control-height-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-text);
  cursor: pointer;
  font-weight: 800;
  padding: 0 var(--space-7);
}

.security-log-tab.active {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.admin-utility-actions,
.admin-login-status-tabs,
.admin-ip-status-tabs {
  flex-wrap: wrap;
}

.admin-utility-filter-toolbar {
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  align-items: end;
}

.admin-utility-filter-toolbar input[name="search"] {
  grid-column: span 2;
  min-width: 0;
}

.admin-ip-create-form,
.admin-ip-filter-toolbar,
.base-settings-custom-form {
  grid-template-columns: minmax(180px, 0.7fr) minmax(220px, 1fr) 1fr auto;
  align-items: end;
}

.admin-utility-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: var(--space-6);
  padding: var(--space-8);
  border-top: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.admin-utility-card {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.admin-utility-card span,
.admin-utility-card small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.admin-utility-card strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.admin-utility-card.primary,
.admin-utility-card.success {
  border-color: var(--color-sidebar-accent-border);
}

.admin-utility-card.warning {
  border-color: var(--color-notice-border);
}

.admin-utility-card.danger {
  border-color: var(--color-alert-border);
}

.admin-utility-wrap {
  overflow-x: auto;
}

.admin-utility-view > .table-wrap,
.admin-utility-view > .admin-option-two-body > .table-wrap {
  overflow-x: auto;
}

.admin-utility-table {
  min-width: max(var(--layout-admin-table-min-width), 1180px);
}

.admin-utility-view > .table-wrap > table,
.admin-utility-view > .admin-option-two-body > .table-wrap > table {
  min-width: max(var(--layout-admin-table-min-width), 1180px);
}

.admin-utility-table th,
.admin-utility-table td,
.admin-utility-view > .table-wrap > table th,
.admin-utility-view > .table-wrap > table td,
.admin-utility-view > .admin-option-two-body > .table-wrap > table th,
.admin-utility-view > .admin-option-two-body > .table-wrap > table td {
  padding: var(--layout-admin-table-cell-padding-y) var(--layout-admin-table-cell-padding-x);
  vertical-align: top;
}

.admin-utility-view > .table-wrap > table th:nth-child(1),
.admin-utility-view > .table-wrap > table td:nth-child(1),
.admin-utility-view > .admin-option-two-body > .table-wrap > table th:nth-child(1),
.admin-utility-view > .admin-option-two-body > .table-wrap > table td:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: var(--layout-admin-table-sticky-key-width);
  max-width: calc(var(--layout-admin-table-sticky-key-width) * 1.45);
  background: var(--color-surface);
  box-shadow: 1px 0 0 var(--color-border);
}

.admin-utility-view > .table-wrap > table th:nth-child(1),
.admin-utility-view > .admin-option-two-body > .table-wrap > table th:nth-child(1) {
  z-index: 3;
  background: var(--color-surface-subtle);
}

.admin-utility-view > .table-wrap > table tr:hover td:nth-child(1),
.admin-utility-view > .admin-option-two-body > .table-wrap > table tr:hover td:nth-child(1) {
  background: var(--color-surface-hover);
}

.admin-utility-table strong {
  color: var(--color-text-strong);
}

.admin-utility-error {
  min-width: 220px;
  max-width: 420px;
  overflow-wrap: anywhere;
  white-space: normal;
}

.admin-cloudflare-filter-toolbar {
  grid-template-columns: minmax(160px, 0.7fr) minmax(150px, 0.6fr) minmax(150px, 0.6fr) minmax(120px, 0.5fr) auto auto;
  align-items: end;
}

.admin-cloudflare-notice {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-7) var(--space-8);
  border-top: 1px solid var(--color-border);
  border-left: 4px solid var(--color-border-strong);
  background: var(--color-surface);
}

.admin-cloudflare-notice strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-md);
}

.admin-cloudflare-notice span,
.admin-cloudflare-notice small {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.admin-cloudflare-notice.success {
  border-left-color: var(--color-success);
  background: var(--color-admin-notice-bg);
}

.admin-cloudflare-notice.warning {
  border-left-color: var(--color-warning);
  background: var(--color-dashboard-warn-bg);
}

.admin-cloudflare-notice.danger {
  border-left-color: var(--color-danger);
  background: var(--color-admin-alert-bg);
}

.admin-cloudflare-mini-summary {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-8);
  border-top: 1px solid var(--color-border);
  background: var(--color-surface);
}

.admin-cloudflare-mini-summary div {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
}

.admin-cloudflare-mini-summary strong {
  min-width: 48px;
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
}

.admin-cloudflare-mini-summary span {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.admin-cloudflare-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: var(--space-6);
  padding: var(--space-8);
  border-top: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.admin-cloudflare-dashboard-card,
.admin-cloudflare-panel,
.admin-cloudflare-wide-panel {
  min-width: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.admin-cloudflare-dashboard-card {
  display: grid;
  gap: var(--space-5);
  padding: var(--space-6);
}

.admin-cloudflare-dashboard-card > div {
  display: grid;
  gap: var(--space-2);
}

.admin-cloudflare-dashboard-card span,
.admin-cloudflare-dashboard-card small,
.admin-cloudflare-panel-heading span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

.admin-cloudflare-dashboard-card strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  line-height: 1.1;
}

.admin-cloudflare-line-chart {
  position: relative;
  min-height: 112px;
}

.admin-cloudflare-line-chart svg {
  width: 100%;
  height: 112px;
  overflow: visible;
}

.admin-cloudflare-line-chart line {
  stroke: var(--color-border);
  stroke-width: 1;
}

.admin-cloudflare-line-chart polyline {
  fill: none;
  stroke: var(--color-primary);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
}

.admin-cloudflare-line-chart span,
.admin-cloudflare-empty {
  display: grid;
  min-height: 72px;
  place-items: center;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.admin-cloudflare-wide-panel {
  display: grid;
  gap: var(--space-4);
  margin: var(--space-8);
  padding: var(--space-6);
}

.admin-cloudflare-panel-heading {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: baseline;
  justify-content: space-between;
}

.admin-cloudflare-panel-heading h3,
.admin-cloudflare-panel h3 {
  margin: 0;
  color: var(--color-text-strong);
  font-size: var(--font-size-md);
}

.admin-cloudflare-panel-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: var(--space-6);
  padding: 0 var(--space-8) var(--space-8);
}

.admin-cloudflare-panel {
  display: grid;
  gap: var(--space-5);
  padding: var(--space-6);
}

.admin-cloudflare-bar-list {
  display: grid;
  gap: var(--space-4);
}

.admin-cloudflare-bar-row {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(80px, 0.65fr) minmax(48px, auto);
  gap: var(--space-4);
  align-items: center;
  min-width: 0;
}

.admin-cloudflare-bar-label {
  overflow: hidden;
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-cloudflare-bar-track {
  display: block;
  height: 6px;
  overflow: hidden;
  border-radius: var(--radius-pill);
  background: var(--color-surface-muted);
}

.admin-cloudflare-bar-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--color-primary);
}

.admin-cloudflare-bar-row strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  text-align: right;
}

.admin-cloudflare-security-cards .admin-cloudflare-line-chart polyline {
  stroke: var(--color-warning);
}

.admin-cloudflare-event-panel {
  margin-bottom: 0;
}

.admin-cloudflare-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1480px);
}

.site-settings-view {
  max-width: calc(100vw - var(--layout-sidebar-width) - (var(--layout-content-padding-x) * 2));
}

.app-shell.sidebar-collapsed .site-settings-view {
  max-width: calc(100vw - var(--layout-sidebar-collapsed-width) - (var(--layout-content-padding-x) * 2));
}

.site-settings-load-form {
  grid-template-columns: minmax(220px, 0.35fr) auto 1fr;
  align-items: end;
}

.site-settings-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: var(--space-6);
  padding: var(--space-8);
  border-top: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.site-settings-card {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.site-settings-card span,
.site-settings-card small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.site-settings-card strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.site-settings-card.success {
  border-color: var(--color-sidebar-accent-border);
}

.site-settings-card.warning {
  border-color: var(--color-notice-border);
}

.site-settings-card.danger {
  border-color: var(--color-alert-border);
}

.site-settings-form {
  display: grid;
  justify-self: start;
  width: min(100%, var(--layout-admin-settings-width));
  gap: var(--space-7);
  padding: var(--space-8);
  border-top: 1px solid var(--color-border);
  background: var(--color-surface);
}

.site-settings-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
  gap: var(--space-7);
}

.site-settings-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
}

.site-settings-wide-field {
  grid-column: 1 / -1;
}

.site-settings-field-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  min-width: 0;
}

.site-settings-field-heading .site-settings-field-hint {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  line-height: 1.35;
  text-align: right;
}

.site-settings-panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
}

.site-settings-panel-heading span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.site-settings-preview {
  display: grid;
  gap: var(--space-7);
  align-content: start;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  padding: var(--space-8);
}

.site-settings-preview-brand {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  min-width: 0;
}

.site-settings-preview-logo {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background: var(--site-preview-color, var(--color-primary));
  color: var(--color-text-inverse);
  font-weight: 900;
}

.site-settings-preview-brand strong,
.site-settings-preview-brand small {
  display: block;
  overflow-wrap: anywhere;
}

.site-settings-preview-brand small {
  color: var(--color-text-muted);
  margin-top: var(--space-2);
}

.site-settings-preview-strip {
  height: 8px;
  border-radius: var(--radius-pill);
  background: var(--site-preview-color, var(--color-primary));
}

.site-settings-preview dl {
  display: grid;
  gap: var(--space-4);
  margin: 0;
}

.site-settings-preview dl div {
  display: grid;
  grid-template-columns: minmax(88px, 0.45fr) minmax(0, 1fr);
  gap: var(--space-5);
  align-items: start;
}

.site-settings-preview dt {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.site-settings-preview dd {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  margin: 0;
  color: var(--color-text-strong);
  overflow-wrap: anywhere;
}

.color-swatch {
  display: inline-flex;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
}

.money-policy-view {
  max-width: calc(100vw - var(--layout-sidebar-width) - (var(--layout-content-padding-x) * 2));
}

.app-shell.sidebar-collapsed .money-policy-view {
  max-width: calc(100vw - var(--layout-sidebar-collapsed-width) - (var(--layout-content-padding-x) * 2));
}

.money-policy-load-form {
  grid-template-columns: minmax(220px, 0.35fr) auto 1fr;
  align-items: end;
}

.site-policy-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-8) 0;
  background: var(--color-surface);
}

.site-policy-tab {
  min-height: var(--control-height-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-text);
  cursor: pointer;
  font-weight: 800;
  padding: 0 var(--space-7);
}

.site-policy-tab.active {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.money-policy-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: var(--space-6);
  padding: var(--space-8);
  border-top: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.money-policy-card {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.money-policy-card span,
.money-policy-card small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.money-policy-card strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-lg);
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.money-policy-card.primary,
.money-policy-card.success {
  border-color: var(--color-sidebar-accent-border);
}

.money-policy-card.warning {
  border-color: var(--color-notice-border);
}

.money-policy-card.danger {
  border-color: var(--color-alert-border);
}

.money-policy-form {
  display: grid;
  justify-self: start;
  width: min(100%, var(--layout-admin-settings-width));
  gap: var(--space-7);
  padding: var(--space-8);
  border-top: 1px solid var(--color-border);
  background: var(--color-surface);
}

.money-policy-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-7);
  align-items: start;
}

.money-policy-panel {
  display: grid;
  gap: var(--space-6);
  min-width: 0;
}

.money-policy-panel-heading,
.money-policy-preview-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
}

.money-policy-panel-heading h3 {
  margin: 0;
}

.money-policy-panel-heading span,
.money-policy-preview-heading span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.money-policy-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
}

.money-policy-wide-field {
  grid-column: 1 / -1;
}

.money-policy-preview {
  display: grid;
  gap: var(--space-6);
  padding: var(--space-7);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
}

.money-policy-preview dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  margin: 0;
}

.money-policy-preview dl div {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
}

.money-policy-preview dt,
.money-policy-preview dd {
  margin: 0;
}

.money-policy-preview dt {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.money-policy-preview dd {
  color: var(--color-text-strong);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.settings-group {
  grid-column: 1 / -1;
  display: grid;
  gap: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  padding: var(--space-8);
}

.settings-group h3,
.settings-group p {
  margin: 0;
}

.check-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: var(--space-4);
}

.check-grid-compact {
  grid-template-columns: repeat(2, minmax(150px, 1fr));
}

.settings-group .inline-check {
  width: 100%;
}

.detail-item {
  min-width: 0;
  padding: var(--space-7) var(--space-8);
  border-right: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.detail-item span {
  display: block;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  margin-bottom: var(--space-3);
}

.detail-item strong {
  display: block;
  overflow-wrap: anywhere;
}

.site-setting-form {
  display: grid;
  gap: var(--space-4);
  align-content: start;
}

.site-setting-form strong {
  color: var(--color-text-muted);
  font-family: var(--font-family-mono);
  font-size: var(--font-size-xs);
  font-weight: 400;
}

.badge {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border-radius: var(--radius-pill);
  padding: 0 9px;
  font-size: var(--font-size-xs);
  font-weight: 700;
  background: var(--color-badge-neutral-bg);
  color: var(--color-text-strong);
}

.badge.active,
.badge.approved,
.badge.applied,
.badge.low-risk,
.badge.risk-low,
.badge.risk-ok,
.badge.success,
.badge.succeeded,
.badge.synced,
.badge.allow {
  background: var(--color-badge-success-bg);
  color: var(--color-success);
}

.badge.pending,
.badge.held,
.badge.medium-risk,
.badge.risk-watch,
.badge.skipped,
.badge.skip,
.badge.bypass,
.badge.challenge,
.badge.jschallenge,
.badge.managed_challenge,
.badge.managedchallenge {
  background: var(--color-badge-warning-bg);
  color: var(--color-warning);
}

.badge.suspended,
.badge.rejected,
.badge.high-risk,
.badge.risk-critical,
.badge.danger,
.badge.failed,
.badge.block,
.badge.blocked {
  background: var(--color-badge-danger-bg);
  color: var(--color-danger);
}

body.member-detail-console-page #member-detail-main[data-active-panel="history"] .member-detail-activity-category,
body.member-detail-console-page #member-detail-main[data-active-panel="history"] .badge {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.member-detail-console-page #member-detail-main[data-active-panel="history"] .badge.warning {
  color: var(--color-admin-warning);
}

body.member-detail-console-page #member-detail-main[data-active-panel="history"] .badge.neutral {
  color: var(--color-admin-text-muted);
}

.message {
  min-height: 20px;
  color: var(--color-danger);
  overflow-wrap: anywhere;
}

.admin-action-error {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-6);
  border-color: var(--color-alert-border);
  background: var(--color-alert-bg);
  color: var(--color-alert-text);
}

.admin-action-error-copy {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.admin-action-error-copy strong {
  color: var(--color-alert-text);
}

.admin-action-error-copy span {
  overflow-wrap: anywhere;
}

.empty,
.loading {
  padding: var(--space-12) var(--space-8);
  color: var(--color-text-muted);
  text-align: center;
}

.partner-user-custom {
  margin: 0;
  background: transparent;
}

.partner-user-custom #partner-app {
  min-height: 100vh;
}

.partner-user-custom-canvas {
  min-height: 100vh;
}

.partner-user-custom-error {
  min-height: 100vh;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: var(--space-4);
  background: var(--color-canvas);
  color: var(--color-text);
  padding: var(--space-12);
  text-align: center;
}

.partner-user-custom-error strong {
  font-size: var(--font-size-xl);
}

.partner-user-custom-error p {
  margin: 0;
  color: var(--color-text-muted);
}

body.partner01-user-site {
  margin: 0;
  background: var(--color-partner01-bg);
  color: var(--color-partner01-text);
  overflow-x: hidden;
}

body.partner01-user-site #partner-app {
  min-height: 100vh;
  background: var(--color-partner01-bg);
}

.partner01-user-shell {
  min-height: 100vh;
  background: var(--color-partner01-bg);
}

.partner01-top-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 40;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
  border-bottom: 1px solid var(--color-partner01-line-soft);
  background: var(--color-partner01-header);
  color: var(--color-partner01-white);
  padding: 0 var(--space-8);
}

.partner01-menu-toggle {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--color-partner01-line-gold);
  border-radius: var(--radius-md);
  background: var(--color-partner01-header-glass);
  color: var(--color-partner01-text-bright);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
}

.partner01-brand {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: var(--space-5);
  border: 0;
  background: transparent;
  color: var(--color-partner01-white);
  cursor: pointer;
  font: inherit;
  padding: 0;
}

.partner01-brand-mark {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  transform: rotate(45deg);
  border: 1px solid var(--color-partner01-line-gold-strong);
  background: linear-gradient(135deg, var(--color-partner01-gold-bright), var(--color-partner01-gold-deep));
  box-shadow: 0 0 18px var(--color-partner01-line-gold);
}

.partner01-brand-logo {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.partner01-brand--image {
  gap: var(--space-4);
}

.partner01-brand--image .partner01-brand-logo {
  width: min(142px, 22vw);
  height: 48px;
  flex: 0 0 auto;
  object-fit: contain;
  object-position: center;
}

.partner01-brand-words {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.partner01-brand strong {
  overflow: hidden;
  color: var(--color-partner01-white);
  font-size: var(--font-size-xl);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.partner01-brand small {
  color: var(--color-partner01-gold-text);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
}

.partner01-header-actions {
  min-width: 0;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-4);
}

.partner01-user-meta {
  min-width: 0;
  max-width: 42vw;
  overflow: hidden;
  color: var(--color-partner01-muted-strong);
  font-size: var(--font-size-md);
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.partner01-top-btn,
.partner01-action-btn,
.partner01-game-enter {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-partner01-line-gold-strong);
  border-radius: var(--radius-md);
  background: linear-gradient(180deg, var(--color-partner01-gold-bright), var(--color-partner01-gold-button));
  color: var(--color-partner01-surface-soft);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 800;
  padding: 0 var(--space-7);
  box-shadow: 0 8px 20px var(--color-partner01-shadow-soft);
}

.partner01-member-management-btn {
  min-width: 82px;
  white-space: nowrap;
}

.partner01-logout-btn {
  border-color: var(--color-partner01-pink);
  background: var(--color-partner01-pink);
  color: var(--color-partner01-white);
}

.partner01-top-btn:hover,
.partner01-action-btn:hover,
.partner01-game-enter:hover,
.partner01-menu-toggle:hover {
  filter: brightness(1.08);
}

.partner01-page-grid {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  min-height: 100vh;
  padding-top: 64px;
  background: var(--color-partner01-bg);
}

.partner01-left-aside {
  position: sticky;
  top: 64px;
  z-index: 45;
  height: calc(100vh - 64px);
  overflow-y: auto;
  border-right: 1px solid var(--color-partner01-line-soft);
  background: var(--color-partner01-aside);
  padding: var(--space-8);
  scrollbar-width: none;
}

.partner01-left-aside::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.partner01-nav-stack {
  display: grid;
  gap: var(--space-5);
}

.partner01-nav-card {
  display: grid;
  gap: var(--space-3);
  position: relative;
}

.partner01-nav-card-head {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--space-5);
  border: 0;
  background: transparent;
  color: inherit;
  cursor: default;
  font: inherit;
  padding: var(--space-5) var(--space-4) var(--space-3);
  text-align: left;
}

.partner01-nav-card-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  color: var(--color-partner01-gold);
}

.partner01-nav-card-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.partner01-nav-card-title {
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-lg);
  font-weight: 900;
  letter-spacing: 0;
}

.partner01-nav-card-body {
  display: grid;
  gap: var(--space-1);
  padding: 0 var(--space-4) var(--space-5) var(--space-6);
}

@media (min-width: 981px) {
  .partner01-user-shell.partner01-aside-collapsed .partner01-page-grid {
    grid-template-columns: 76px minmax(0, 1fr);
  }

  .partner01-user-shell.partner01-aside-collapsed .partner01-left-aside {
    z-index: 70;
    overflow: visible;
    padding: var(--space-5) var(--space-3);
  }

  .partner01-user-shell.partner01-aside-collapsed .partner01-nav-stack {
    gap: var(--space-4);
  }

  .partner01-user-shell.partner01-aside-collapsed .partner01-nav-card {
    display: block;
  }

  .partner01-user-shell.partner01-aside-collapsed .partner01-nav-card-head {
    min-height: 58px;
    justify-content: center;
    gap: 0;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    cursor: pointer;
    padding: var(--space-4);
  }

  .partner01-user-shell.partner01-aside-collapsed .partner01-nav-card.active .partner01-nav-card-head,
  .partner01-user-shell.partner01-aside-collapsed .partner01-nav-card.flyout-open .partner01-nav-card-head,
  .partner01-user-shell.partner01-aside-collapsed .partner01-nav-card-head:hover,
  .partner01-user-shell.partner01-aside-collapsed .partner01-nav-card-head:focus-visible {
    border-color: var(--color-partner01-line-gold);
    background: var(--color-partner01-surface-deep);
    color: var(--color-partner01-text-bright);
  }

  .partner01-user-shell.partner01-aside-collapsed .partner01-nav-card-icon {
    width: 24px;
    height: 24px;
  }

  .partner01-user-shell.partner01-aside-collapsed .partner01-nav-card-icon svg {
    width: 24px;
    height: 24px;
  }

  .partner01-user-shell.partner01-aside-collapsed .partner01-nav-card-title {
    display: none;
  }

  .partner01-user-shell.partner01-aside-collapsed .partner01-nav-card-body {
    position: absolute;
    left: calc(100% + var(--space-3));
    top: 0;
    z-index: 72;
    width: 246px;
    max-height: calc(100vh - 90px);
    display: none;
    overflow-y: auto;
    border: 1px solid var(--color-partner01-line-gold-strong);
    border-radius: var(--radius-md);
    background: var(--color-partner01-flyout-bg);
    box-shadow: 0 18px 44px var(--color-partner01-shadow-strong);
    padding: var(--space-5);
  }

  .partner01-user-shell.partner01-aside-collapsed .partner01-nav-card.flyout-open .partner01-nav-card-body {
    display: grid;
  }

  .partner01-user-shell.partner01-aside-collapsed .partner01-nav-card-body::before {
    content: attr(data-partner01-nav-title);
    display: block;
    border-bottom: 1px solid var(--color-partner01-line-gold);
    color: var(--color-partner01-gold-bright);
    font-size: var(--font-size-md);
    font-weight: 900;
    padding: 0 var(--space-4) var(--space-4);
  }

  .partner01-user-shell.partner01-aside-collapsed .partner01-nav-card-body .partner01-aside-link {
    min-height: 38px;
    padding: 0 var(--space-4);
  }
}

.partner01-aside-link {
  min-height: 34px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--space-4);
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-partner01-muted-strong);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-md);
  font-weight: 600;
  padding: 0 var(--space-5);
  text-align: left;
}

.partner01-aside-link-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-partner01-pink);
}

.partner01-aside-link-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.partner01-aside-link > span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.partner01-aside-link:hover,
.partner01-aside-link.active {
  border-color: var(--color-partner01-line-gold);
  background: var(--color-partner01-surface-deep);
  color: var(--color-partner01-text-bright);
}

.partner01-content-body {
  min-width: 0;
  overflow-x: hidden;
  background: var(--color-partner01-bg);
  color: var(--color-partner01-text);
}

.partner01-alert {
  display: flex;
  gap: var(--space-6);
  border: 1px solid var(--color-partner01-line-gold);
  border-radius: var(--radius-md);
  background: var(--color-partner01-surface);
  color: var(--color-partner01-text-bright);
  padding: var(--space-6) var(--space-8);
}

.partner01-alert strong {
  color: var(--color-partner01-gold-bright);
}

.partner01-alert-danger strong {
  color: var(--color-partner01-pink);
}

.partner01-marquee {
  min-height: 30px;
  display: flex;
  align-items: center;
  gap: var(--space-5);
  overflow: hidden;
  border-bottom: 1px solid var(--color-partner01-line);
  background: var(--color-partner01-surface-deep);
  color: var(--color-partner01-gold-text);
  padding: var(--space-2) var(--space-6);
}

.partner01-marquee-ico {
  color: var(--color-partner01-pink);
  font-size: var(--font-size-xs);
}

.partner01-marquee-track {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}

.partner01-marquee-strip {
  width: max-content;
  display: inline-flex;
  animation: partner01-marquee-slide 22s linear infinite;
}

.partner01-marquee-text {
  display: inline-block;
  color: var(--color-partner01-gold-text);
  font-size: 15px;
  font-weight: 700;
  padding-right: 72vw;
  animation: partner01-marquee-glow 2.2s ease-in-out infinite;
}

.partner01-panel {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  background: var(--color-partner01-surface);
  color: var(--color-partner01-text);
  box-shadow: var(--shadow-partner01-panel);
}

.partner01-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  border-bottom: 1px solid var(--color-partner01-line);
  margin-bottom: var(--space-6);
  padding-bottom: var(--space-5);
}

.partner01-panel h2,
.partner01-panel h3 {
  color: var(--color-partner01-text-bright);
  letter-spacing: 0;
}

.partner01-panel {
  display: grid;
  gap: var(--space-8);
  margin: var(--space-12);
  padding: var(--space-10);
}

.partner01-panel h2,
.partner01-panel h3,
.partner01-section-head h2 {
  margin: 0;
}

.partner01-panel h2 span,
.partner01-section-head h2 span {
  color: var(--color-partner01-gold);
  font-size: var(--font-size-sm);
}

.partner01-section-head p,
.partner01-empty,
.partner01-support-text {
  margin: 0;
  color: var(--color-partner01-muted);
}

.partner01-policy {
  display: grid;
  gap: var(--space-5);
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  background: var(--color-partner01-surface-card);
  padding: var(--space-7);
}

.partner01-policy p,
.partner01-policy dl {
  margin: 0;
}

.partner01-policy dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.partner01-policy div {
  display: grid;
  gap: var(--space-2);
}

.partner01-policy dt,
.partner01-policy dd {
  margin: 0;
}

.partner01-policy dt {
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.partner01-money-page.deposit-page {
  min-height: calc(100vh - 64px);
  background: var(--color-partner01-bg);
  color: var(--color-partner01-text);
  padding: var(--space-8) var(--space-12) var(--space-14);
}

.partner01-money-page .section-title {
  margin: 0 0 var(--space-5);
  color: var(--color-partner01-text-bright);
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 0;
}

.partner01-money-page .section-title span {
  color: var(--color-partner01-muted);
  font-size: var(--font-size-lg);
}

.partner01-money-page .tabMenu {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin: 0 0 var(--space-6);
  padding: 0;
  list-style: none;
}

.partner01-money-page .tabMenu button {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-3);
  border: 0;
  border-radius: var(--radius-md);
  background: var(--color-partner01-aside);
  color: var(--color-partner01-text);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 800;
  padding: 0 var(--space-7);
  white-space: nowrap;
}

.partner01-money-page .tabMenu-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-partner01-pink);
}

.partner01-money-page .tabMenu-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.partner01-money-page .tabMenu li.active button {
  background: var(--color-partner01-pink);
  color: var(--color-partner01-white);
}

.partner01-money-page .tabMenu li.active .tabMenu-icon {
  color: var(--color-partner01-white);
}

.partner01-money-page .deposit-help-title {
  display: block;
  border: 1px solid var(--color-partner01-line);
  border-bottom: 0;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  background: var(--color-partner01-aside);
  color: var(--color-partner01-text-bright);
  padding: var(--space-5) var(--space-6);
}

.partner01-money-page .textList {
  margin: 0 0 var(--space-6);
  border: 1px solid var(--color-partner01-line);
  border-top: 0;
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  background: var(--color-partner01-input-bg);
  padding: var(--space-6) var(--space-10);
}

.partner01-money-page .textList li {
  margin-bottom: var(--space-3);
  overflow-wrap: anywhere;
}

.partner01-money-page .chargeTopTable,
.partner01-money-page .chargeBotTable {
  width: 100%;
  border: 1px solid var(--color-partner01-line);
  border-collapse: collapse;
  margin-bottom: var(--space-6);
}

.partner01-money-page .chargeBotTable {
  display: block;
  overflow-x: auto;
}

.partner01-money-page .chargeBotTable thead,
.partner01-money-page .chargeBotTable tbody {
  display: table;
  width: 100%;
  min-width: 720px;
}

.partner01-money-page .chargeTopTable th,
.partner01-money-page .chargeTopTable td,
.partner01-money-page .chargeBotTable th,
.partner01-money-page .chargeBotTable td {
  border: 1px solid var(--color-partner01-line);
  color: var(--color-partner01-text);
  font-size: var(--font-size-sm);
  padding: var(--space-5);
  text-align: left;
}

.partner01-money-page .chargeTopTable th,
.partner01-money-page .chargeBotTable th {
  width: 180px;
  background: var(--color-partner01-input-bg);
  color: var(--color-partner01-text-bright);
}

.partner01-money-page .chargeTopTable td,
.partner01-money-page .chargeBotTable td {
  background: var(--color-partner01-surface-card);
}

.partner01-money-page .btnBankReq {
  min-height: 34px;
  border: 1px solid var(--color-partner01-input-border);
  border-radius: var(--radius-md);
  background: var(--color-partner01-aside);
  color: var(--color-partner01-white);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  padding: 0 var(--space-6);
}

.partner01-money-page .partner01-bank-note {
  display: inline-flex;
  max-width: 100%;
  margin-left: var(--space-5);
  color: var(--color-partner01-muted-strong);
  font-size: var(--font-size-sm);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.partner01-money-page .member-deposit-account-status {
  min-width: 0;
  display: grid;
  gap: var(--space-2);
  margin: var(--space-4) 0 0;
  border: 1px solid var(--color-partner01-line);
  border-left: 3px solid var(--color-warning);
  border-radius: var(--radius-md);
  background: var(--color-partner01-input-bg);
  color: var(--color-partner01-text);
  font-size: var(--font-size-sm);
  line-height: 1.55;
  padding: var(--space-4) var(--space-5);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.partner01-money-page .member-deposit-account-status.is-ready {
  border-left-color: var(--color-success);
}

.partner01-money-page .member-deposit-account-status strong,
.partner01-money-page .member-deposit-account-status span {
  min-width: 0;
}

.partner01-money-page .textRightInput,
.partner01-money-page .chargeTopTable input[type="text"],
.partner01-money-page .chargeTopTable input[type="password"] {
  width: min(240px, 100%);
  border: 1px solid var(--color-partner01-input-border);
  border-radius: var(--radius-md);
  background: var(--color-partner01-input-bg);
  color: var(--color-partner01-text-bright);
  font: inherit;
  padding: var(--space-4) var(--space-5);
}

.partner01-money-page .textRightInput {
  margin-right: var(--space-3);
  text-align: right;
}

.partner01-money-page .amount-btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.partner01-money-page .amount-btn-row button {
  min-height: 30px;
  border: 1px solid var(--color-partner01-input-border);
  border-radius: var(--radius-md);
  background: var(--color-partner01-aside);
  color: var(--color-partner01-white);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-xs);
  font-weight: 800;
  padding: 0 var(--space-5);
}

.partner01-money-page .amount-btn-row .amount-reset {
  border-color: var(--color-partner01-pink);
  background: var(--color-partner01-pink);
}

.partner01-money-page .btnBox {
  margin: var(--space-8) 0;
  text-align: center;
}

.partner01-money-page .btnBox button {
  min-height: 42px;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--color-partner01-pink);
  color: var(--color-partner01-white);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  padding: 0 var(--space-12);
}

.partner01-money-page .hint-text,
.partner01-money-page .partner01-form-message {
  margin: var(--space-5) 0 0;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-sm);
}

.partner01-money-page .bankList {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 var(--space-9);
  border: 1px solid var(--color-partner01-line);
  padding: 0;
  list-style: none;
}

.partner01-money-page .bankList li {
  display: flex;
  justify-content: space-between;
  gap: var(--space-4);
  border-right: 1px solid var(--color-partner01-line);
  border-bottom: 1px solid var(--color-partner01-line);
  background: var(--color-partner01-surface-card);
  color: var(--color-partner01-text);
  padding: var(--space-4) var(--space-5);
}

.partner01-money-page .bankList li:nth-child(3n) {
  border-right: 0;
}

.partner01-money-page .chargeBotTable .center {
  text-align: center;
}

.partner01-money-page .bet-history-table thead,
.partner01-money-page .bet-history-table tbody {
  min-width: 1080px;
  table-layout: fixed;
}

.partner01-money-page .bet-history-table th,
.partner01-money-page .bet-history-table td {
  box-sizing: border-box;
  vertical-align: middle;
}

.partner01-money-page .bet-history-table th:nth-child(1),
.partner01-money-page .bet-history-table td:nth-child(1) {
  width: 54px;
  text-align: center;
}

.partner01-money-page .bet-history-table th:nth-child(2),
.partner01-money-page .bet-history-table td:nth-child(2) {
  width: 238px;
}

.partner01-money-page .bet-history-table th:nth-child(3),
.partner01-money-page .bet-history-table td:nth-child(3) {
  width: 220px;
}

.partner01-money-page .bet-history-table th:nth-child(4),
.partner01-money-page .bet-history-table td:nth-child(4) {
  width: 180px;
}

.partner01-money-page .bet-history-table th:nth-child(5),
.partner01-money-page .bet-history-table td:nth-child(5) {
  width: 128px;
  text-align: center;
}

.partner01-money-page .bet-history-table th:nth-child(6),
.partner01-money-page .bet-history-table td:nth-child(6),
.partner01-money-page .bet-history-table th:nth-child(7),
.partner01-money-page .bet-history-table td:nth-child(7) {
  width: 130px;
  text-align: right;
}

.partner01-money-page .bet-history-table td:nth-child(2),
.partner01-money-page .bet-history-table td:nth-child(3),
.partner01-money-page .bet-history-table td:nth-child(4) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.partner01-money-page .bet-history-table .partner01-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
}

.member-management-page {
  display: grid;
  gap: var(--space-6);
  min-width: 0;
}

.member-management-head {
  align-items: flex-start;
  gap: var(--space-3);
}

.member-management-brand-title {
  min-width: 0;
  display: grid;
  gap: var(--space-2);
}

.member-management-brand-display {
  min-width: 0;
  max-width: 100%;
  display: flex;
  align-items: center;
}

.member-management-brand-image {
  display: block;
  width: auto;
  max-width: min(220px, 100%);
  max-height: 44px;
  object-fit: contain;
}

.member-management-brand-text {
  min-width: 0;
  overflow: hidden;
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-2xl);
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-management-head small {
  color: var(--color-partner01-muted);
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.member-management-login-id {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-management-head-copy {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-management-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}

.member-management-summary-item {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  background: var(--color-partner01-surface-card);
  padding: var(--space-5);
}

.member-management-summary-item small {
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 900;
}

.member-management-summary-item strong {
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-base);
  font-weight: 900;
  line-height: 1.35;
}

.member-management-summary-note {
  grid-column: 1 / -1;
  margin: 0;
  border: 1px solid var(--color-partner01-line-gold);
  border-radius: var(--radius-md);
  background: var(--color-partner01-aside);
  color: var(--color-partner01-gold-cream);
  font-size: var(--font-size-sm);
  font-weight: 800;
  padding: var(--space-4) var(--space-5);
}

.member-management-summary-note.warning {
  color: var(--color-partner01-muted);
}

.member-management-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}

.member-management-tab-group {
  display: grid;
  gap: var(--space-2);
  align-content: start;
}

.member-management-tab-group > span {
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 900;
}

.member-management-tab-group > div {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.member-management-tabs button,
.member-management-filter button,
.member-management-pagination button,
.member-management-rate-form button {
  min-height: 36px;
  border: 1px solid var(--color-partner01-line-gold);
  border-radius: var(--radius-md);
  background: var(--color-partner01-aside);
  color: var(--color-partner01-text-bright);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 800;
  padding: 0 var(--space-6);
  white-space: nowrap;
}

.member-management-tabs button.active,
.member-management-filter button,
.member-management-rate-form button {
  border-color: var(--color-partner01-line-gold-strong);
  background: var(--color-partner01-pink);
  color: var(--color-partner01-white);
}

.member-management-tabs button:disabled,
.member-management-filter button:disabled,
.member-management-pagination button:disabled,
.member-management-rate-form button:disabled {
  cursor: default;
  opacity: 0.55;
}

.member-management-filter {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) repeat(5, minmax(112px, max-content));
  gap: var(--space-4);
  align-items: center;
}

.member-management-filter.member-management-filter--history.date-range-enhanced-toolbar {
  grid-template-columns: minmax(210px, 320px) minmax(236px, 292px) repeat(4, minmax(94px, max-content));
  justify-content: start;
}

.member-management-filter.member-management-filter--money.date-range-enhanced-toolbar {
  grid-template-columns: minmax(210px, 320px) minmax(236px, 292px) minmax(104px, 116px) minmax(104px, 116px) minmax(88px, 104px) minmax(78px, 96px);
}

.member-management-filter.member-management-filter--memberStats.date-range-enhanced-toolbar {
  grid-template-columns: minmax(160px, 190px) 92px 84px 146px minmax(274px, 278px) 74px 72px;
  gap: var(--space-3);
  justify-content: start;
}

.member-management-filter.member-management-filter--memberStats.date-range-enhanced-toolbar .date-range-picker {
  max-width: 278px;
}

.member-management-filter.member-management-filter--memberStats.date-range-enhanced-toolbar button[type="submit"] {
  min-width: 72px;
}

.member-management-filter.date-range-enhanced-toolbar .date-range-picker {
  grid-column: auto;
  max-width: 292px;
}

.member-management-filter.date-range-enhanced-toolbar button[type="submit"] {
  justify-self: stretch;
  min-width: 78px;
  padding: 0 var(--space-5);
}

.member-management-filter input,
.member-management-filter select,
.member-management-rate-form input {
  min-height: 36px;
  min-width: 0;
  border: 1px solid var(--color-partner01-input-border);
  border-radius: var(--radius-md);
  background: var(--color-partner01-input-bg);
  color: var(--color-partner01-text-bright);
  font: inherit;
  padding: 0 var(--space-5);
}

.member-management-members-control {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(360px, 430px);
  align-items: center;
  gap: var(--space-6);
  border: 1px solid var(--color-partner01-line);
  background: var(--color-partner01-member-management-field-bg);
  padding: var(--space-6);
}

.member-management-status-tabs {
  display: flex;
  align-items: center;
  gap: 0;
  min-width: 0;
}

.member-management-status-tabs button,
.member-management-filter--members-reference button,
.member-management-members-list-head button,
.member-management-money-move-button {
  min-height: 36px;
  border: 1px solid var(--color-partner01-line-gold);
  background: var(--color-partner01-aside);
  color: var(--color-partner01-text-bright);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 900;
  padding: 0 var(--space-5);
  white-space: nowrap;
}

.member-management-status-tabs button {
  border-radius: 0;
}

.member-management-status-tabs button + button {
  border-left: 0;
}

.member-management-status-tabs button.active,
.member-management-filter--members-reference button,
.member-management-money-move-button {
  border-color: var(--color-partner01-line-gold-strong);
  background: var(--color-partner01-pink);
  color: var(--color-partner01-white);
}

.member-management-filter--members-reference {
  grid-template-columns: minmax(118px, 0.7fr) minmax(160px, 1fr) minmax(72px, auto);
  justify-self: end;
  width: 100%;
  gap: 0;
}

.member-management-filter--members-reference input,
.member-management-filter--members-reference select,
.member-management-filter--members-reference button {
  min-height: 36px;
  border-radius: 0;
}

.member-management-table-wrap {
  min-width: 0;
  overflow-x: auto;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  background: var(--color-partner01-surface-card);
}

.member-management-members-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  min-height: 48px;
  border: 1px solid var(--color-partner01-line);
  border-bottom: 0;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  background: var(--color-partner01-surface-card);
  color: var(--color-partner01-text-bright);
  padding: 0 var(--space-6);
}

.member-management-members-list-head span {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-2);
}

.member-management-members-list-head strong {
  font-size: var(--font-size-base);
  font-weight: 900;
}

.member-management-members-list-head em {
  color: var(--color-partner01-muted);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 800;
}

.member-management-members-list-head + .member-management-members-table-wrap {
  border-radius: 0 0 var(--radius-md) var(--radius-md);
}

.member-management-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  color: var(--color-partner01-text);
  font-size: var(--font-size-sm);
}

.member-management-members-table-wrap .member-management-table {
  min-width: 1320px;
  table-layout: fixed;
}

.member-management-table th,
.member-management-table td {
  border-bottom: 1px solid var(--color-partner01-line);
  padding: var(--space-5);
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.member-management-table th {
  background: var(--color-partner01-aside);
  color: var(--color-partner01-text-bright);
  font-weight: 900;
}

.member-management-table tr:last-child td {
  border-bottom: 0;
}

.member-management-table .center {
  text-align: center;
}

.member-management-members-table-wrap th:nth-child(1) {
  width: 6%;
}

.member-management-members-table-wrap th:nth-child(2) {
  width: 20%;
}

.member-management-members-table-wrap th:nth-child(3) {
  width: 9%;
}

.member-management-members-table-wrap th:nth-child(4),
.member-management-members-table-wrap th:nth-child(5),
.member-management-members-table-wrap th:nth-child(6),
.member-management-members-table-wrap th:nth-child(7),
.member-management-members-table-wrap th:nth-child(8) {
  width: 11%;
}

.member-management-members-table-wrap th:nth-child(9),
.member-management-members-table-wrap th:nth-child(10) {
  width: 12%;
}

.member-management-member-identity {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-width: 0;
  max-width: 100%;
}

.member-management-member-identity span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-management-member-identity small {
  display: inline;
  margin-left: var(--space-1);
  color: inherit;
  font-size: inherit;
  font-weight: 700;
}

.member-management-money-stat {
  display: inline-grid;
  gap: var(--space-1);
  justify-items: end;
  line-height: 1.24;
}

.member-management-money-stat strong,
.member-management-money-stat small {
  display: block;
}

.member-management-money-stat small {
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-table td strong,
.member-management-table td small {
  display: block;
}

.member-management-table td small {
  margin-top: var(--space-1);
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.member-management-table .member-management-member-identity small {
  display: inline;
  margin-top: 0;
  color: inherit;
  font-size: inherit;
}

body.member-management-shell-user-site .member-management-page {
  gap: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: var(--color-member-management-shell-bg);
  color: var(--color-member-management-shell-text);
  box-shadow: none;
}

body.member-management-shell-user-site .member-management-shell-header {
  border-bottom: 1px solid var(--color-member-management-shell-header-line);
  background:
    linear-gradient(180deg, var(--color-shell-gray-mint-canvas-soft), var(--color-member-management-shell-header-bg) 76%),
    linear-gradient(90deg, var(--color-shell-gray-mint-canvas), var(--color-member-management-shell-header-bg) 58%, var(--color-shell-gray-mint-canvas-soft)),
    var(--color-member-management-shell-header-bg);
  box-shadow: inset 0 -1px 0 var(--color-sidebar-accent-soft);
  overflow-x: auto;
  padding: 6px 8px;
  scrollbar-width: thin;
  scrollbar-color: var(--color-sidebar-accent-border) transparent;
}

body.member-management-shell-user-site .member-management-shell-header-grid {
  display: grid;
  grid-template-columns: repeat(14, minmax(74px, 1fr));
  gap: 8px;
  min-width: 0;
}

body.member-management-shell-user-site .member-management-shell-header-card {
  --member-management-shell-card-accent: var(--color-sidebar-accent);
  appearance: none;
  position: relative;
  min-width: 0;
  min-height: 58px;
  display: grid;
  grid-template-rows: 22px minmax(24px, 1fr) auto;
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--color-member-management-shell-card-line);
  border-left: 3px solid var(--member-management-shell-card-accent);
  border-radius: var(--radius-md);
  background:
    linear-gradient(180deg, var(--color-surface-hover), var(--color-member-management-shell-card-bg)),
    var(--color-member-management-shell-card-bg);
  box-shadow: var(--shadow-admin-panel);
  color: var(--color-member-management-shell-card-text);
  cursor: pointer;
  font: inherit;
  text-align: center;
}

body.member-management-shell-user-site .member-management-shell-header-card:hover,
body.member-management-shell-user-site .member-management-shell-header-card:focus-visible {
  border-color: var(--color-sidebar-accent-border);
  background:
    linear-gradient(180deg, var(--color-sidebar-accent-soft), var(--color-member-management-shell-card-bg)),
    var(--color-member-management-shell-card-bg);
  outline: 0;
}

body.member-management-shell-user-site .member-management-shell-header-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, var(--member-management-shell-card-accent), transparent 66%);
  opacity: 0.45;
  pointer-events: none;
}

body.member-management-shell-user-site .member-management-shell-header-card:nth-child(3n + 1) {
  --member-management-shell-card-accent: var(--color-sidebar-accent);
}

body.member-management-shell-user-site .member-management-shell-header-card:nth-child(3n + 2) {
  --member-management-shell-card-accent: var(--color-primary-variant);
}

body.member-management-shell-user-site .member-management-shell-header-card:nth-child(3n) {
  --member-management-shell-card-accent: var(--color-logo-gold-stroke);
}

body.member-management-shell-user-site .member-management-shell-header-card:nth-last-child(-n + 4) {
  --member-management-shell-card-accent: var(--color-sidebar-accent-muted);
}

body.member-management-shell-user-site .member-management-shell-header-card span {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0;
  color: var(--color-member-management-shell-card-title);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.1;
  padding: 0 6px;
}

body.member-management-shell-user-site .member-management-shell-header-card strong {
  min-width: 0;
  color: var(--color-member-management-shell-card-value);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: 0;
  padding: 3px 6px 1px;
}

body.member-management-shell-user-site .member-management-shell-header-card small {
  color: var(--color-member-management-shell-card-meta);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  padding: 0 6px 4px;
}

body.member-management-shell-user-site .member-management-shell-header-card strong.positive {
  color: var(--color-member-management-shell-card-positive);
}

body.member-management-shell-user-site .member-management-shell-header-card strong.negative {
  color: var(--color-member-management-shell-card-negative);
}

body.member-management-shell-user-site .member-management-shell-workspace {
  display: grid;
  grid-template-columns: var(--layout-sidebar-width) minmax(0, 1fr);
  min-height: 100vh;
  background: var(--color-admin-canvas);
  color: var(--color-text);
}

body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed {
  grid-template-columns: var(--layout-sidebar-collapsed-width) minmax(0, 1fr);
}

body.member-management-shell-user-site .member-management-shell-sidebar {
  position: relative;
  z-index: 20;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: visible;
  border-right: 1px solid var(--color-sidebar-border);
  background:
    linear-gradient(180deg, var(--color-shell-panel-highlight), transparent 30%),
    linear-gradient(180deg, var(--color-shell-gray-mint-canvas), var(--color-shell-gray-mint-canvas-soft) 46%, var(--color-shell-gray-mint-canvas)),
    var(--color-sidebar);
  color: var(--color-sidebar-title);
  padding: 0;
}

body.member-management-shell-user-site .member-management-shell-sidebar-brand {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  gap: var(--space-2);
  height: var(--layout-admin-header-height);
  border-bottom: 1px solid var(--color-sidebar-accent-border);
  padding: var(--space-4) var(--space-6);
}

body.member-management-shell-user-site .member-management-shell-sidebar-brand::before,
body.member-management-shell-user-site .member-management-shell-sidebar-brand::after {
  content: none;
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

body.member-management-shell-user-site .member-management-shell-sidebar-brand::before {
  inset: 10px 10px auto;
  height: 70px;
  border: 1px solid var(--color-shell-gray-mint-line);
  border-radius: 14px;
  background:
    linear-gradient(120deg, var(--color-shell-panel-highlight), transparent 70%),
    radial-gradient(ellipse at 18% 30%, var(--color-shell-gray-mint-wash), transparent 58%);
}

body.member-management-shell-user-site .member-management-shell-sidebar-brand::after {
  left: 16px;
  right: 16px;
  bottom: 18px;
  height: 1px;
  border-top: 1px dashed var(--color-shell-gray-mint-line);
  border-radius: var(--radius-pill);
}

body.member-management-shell-user-site .member-management-shell-sidebar-brand > * {
  position: relative;
  z-index: 1;
}

body.member-management-shell-user-site .member-management-shell-brand-logo {
  min-width: 0;
  max-width: 100%;
  display: flex;
  align-items: center;
  color: var(--color-sidebar-accent);
}

body.member-management-shell-user-site .member-management-shell-brand-image {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 42px;
  object-fit: contain;
}

body.member-management-shell-user-site .member-management-shell-brand-words {
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-5);
}

body.member-management-shell-user-site .member-management-shell-brand-text,
body.member-management-shell-user-site .member-management-shell-brand-words strong {
  min-width: 0;
  overflow: hidden;
  color: var(--color-sidebar-accent);
  font-size: var(--font-size-2xl);
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.member-management-shell-user-site .member-management-shell-brand-words small {
  color: var(--color-sidebar-accent-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  line-height: 1;
}

body.member-management-shell-user-site .member-management-shell-brand-scope-row {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}

body.member-management-shell-user-site .member-management-shell-brand-scope-label {
  min-width: 0;
  overflow: hidden;
  color: var(--color-sidebar-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.member-management-shell-user-site .member-management-shell-sidebar-toggle {
  width: 34px;
  height: 34px;
  min-width: 34px;
}

body.member-management-shell-user-site .member-management-shell-side-nav,
body.member-management-shell-user-site .member-management-shell-side-group,
body.member-management-shell-user-site .member-management-shell-side-group > div {
  min-width: 0;
}

body.member-management-shell-user-site .member-management-shell-side-nav {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  overflow: visible;
  padding: var(--space-5);
  scrollbar-width: none;
}

body.member-management-shell-user-site .member-management-shell-side-nav::-webkit-scrollbar {
  width: 0;
  height: 0;
}

body.member-management-shell-user-site .member-management-shell-side-group {
  position: relative;
  display: block;
  overflow: visible;
  border: 1px solid var(--color-sidebar-panel-border);
  border-radius: 10px;
  background: var(--color-sidebar-panel);
}

body.member-management-shell-user-site .member-management-shell-side-group-toggle {
  width: 100%;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  border: 0;
  border-radius: 10px;
  background: var(--color-sidebar-panel-strong);
  color: var(--color-sidebar-title);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-md);
  font-weight: 800;
  padding: var(--space-5) var(--space-4);
  text-align: left;
}

body.member-management-shell-user-site .member-management-shell-side-group-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-sidebar-accent-strong);
  flex: 0 0 auto;
}

body.member-management-shell-user-site .member-management-shell-side-group-title {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.member-management-shell-user-site .member-management-shell-side-group-chevron {
  min-width: auto;
  overflow: visible;
  display: inline-flex;
  align-items: center;
  color: var(--color-sidebar-muted);
  flex: 0 0 auto;
  text-overflow: clip;
  white-space: normal;
}

body.member-management-shell-user-site .member-management-shell-side-group.active .member-management-shell-side-group-toggle,
body.member-management-shell-user-site .member-management-shell-side-group-toggle:hover,
body.member-management-shell-user-site .member-management-shell-side-group-toggle:focus-visible {
  background: var(--color-sidebar-hover);
  color: var(--color-sidebar-title);
  outline: 0;
}

body.member-management-shell-user-site .member-management-shell-side-group-items {
  display: grid;
  gap: var(--space-2);
  border-top: 1px solid var(--color-sidebar-panel-line);
  padding: var(--space-3) var(--space-3) var(--space-4) var(--space-4);
}

body.member-management-shell-user-site .member-management-shell-side-group-items[hidden] {
  display: none;
}

body.member-management-shell-user-site .member-management-shell-nav-button {
  width: 100%;
  min-height: 36px;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-sidebar-text);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 600;
  padding: var(--space-4) var(--space-4) var(--space-4) var(--space-5);
  text-align: left;
}

body.member-management-shell-user-site .member-management-shell-nav-button:hover,
body.member-management-shell-user-site .member-management-shell-nav-button:focus-visible,
body.member-management-shell-user-site .member-management-shell-nav-button.active {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-sidebar-title);
  outline: 0;
}

body.member-management-shell-user-site .member-management-shell-nav-flyout {
  position: absolute;
  left: calc(100% + var(--space-3));
  top: 0;
  z-index: 160;
  width: 260px;
  max-height: calc(100vh - var(--space-12));
  overflow-y: auto;
  border: 1px solid var(--color-sidebar-accent-border);
  border-radius: 12px;
  background: var(--color-sidebar-collapsed-flyout-bg);
  box-shadow: var(--shadow-sidebar-flyout);
  padding: var(--space-5);
}

body.member-management-shell-user-site .member-management-shell-nav-flyout-title {
  border-bottom: 1px solid var(--color-sidebar-panel-line);
  color: var(--color-sidebar-title);
  font-size: var(--font-size-lg);
  font-weight: 800;
  padding: var(--space-3) var(--space-4) var(--space-5);
}

body.member-management-shell-user-site .member-management-shell-nav-flyout-links {
  display: grid;
  gap: var(--space-2);
  padding-top: var(--space-4);
}

body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-sidebar {
  width: var(--layout-sidebar-collapsed-width);
}

body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-sidebar-brand {
  height: 136px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-1);
  border-bottom-color: transparent;
  padding: var(--space-2) 0 var(--space-1);
}

body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-brand-logo {
  justify-content: center;
  writing-mode: vertical-rl;
  text-orientation: upright;
  transform: none;
}

body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-brand-image {
  max-width: 42px;
  max-height: 96px;
}

body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-brand-words {
  gap: var(--space-3);
}

body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-brand-text,
body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-brand-words strong {
  font-size: var(--font-size-lg);
}

body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-brand-words small,
body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-brand-scope-label,
body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-side-group-title,
body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-side-group-chevron {
  display: none;
}

body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-brand-scope-row {
  width: 100%;
  justify-content: center;
}

body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-sidebar-toggle {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-sidebar-panel);
  box-shadow: var(--shadow-admin-panel);
}

body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-side-nav {
  gap: var(--space-4);
  overflow: visible;
  padding: var(--space-3);
}

body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-side-group {
  border-color: var(--color-sidebar-border);
  background: transparent;
}

body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-side-group-toggle {
  min-height: 50px;
  justify-content: center;
  gap: 0;
  padding: var(--space-3);
}

body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-side-group-icon svg {
  width: 21px;
  height: 21px;
}

body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-side-group-items {
  display: none;
}

body.member-management-shell-user-site .member-management-shell-content {
  min-width: 0;
  display: grid;
  align-content: start;
  background: var(--color-admin-canvas);
}

body.member-management-shell-user-site .member-management-head {
  display: none;
}

body.member-management-shell-user-site .member-management-brand-text {
  color: var(--color-member-management-shell-text-strong);
}

body.member-management-shell-user-site .member-management-head h2 {
  color: var(--color-member-management-shell-text-strong);
}

body.member-management-shell-user-site .member-management-head small,
body.member-management-shell-user-site .member-management-summary {
  display: none;
}

body.member-management-shell-user-site .member-management-tabs {
  border-bottom: 1px solid var(--color-member-management-shell-line);
  background: var(--color-member-management-shell-surface);
  padding: 14px 28px;
}

body.member-management-shell-user-site .member-management-tab-group > span {
  color: var(--color-member-management-shell-text-muted);
}

body.member-management-shell-user-site .member-management-tabs button {
  min-height: 34px;
  border-color: var(--color-member-management-shell-control-line);
  border-radius: 0;
  background: var(--color-member-management-shell-surface);
  color: var(--color-member-management-shell-control-text);
}

body.member-management-shell-user-site .member-management-tabs button.active {
  border-color: var(--color-member-management-shell-accent);
  background: var(--color-member-management-shell-accent);
  color: var(--color-member-management-shell-accent-text);
}

body.member-management-shell-user-site .member-management-members-control {
  border-width: 0 0 1px;
  border-color: var(--color-member-management-shell-line);
  background: var(--color-member-management-shell-control-bg);
  padding: 28px;
}

body.member-management-shell-user-site .member-management-status-tabs button,
body.member-management-shell-user-site .member-management-filter--members-reference button,
body.member-management-shell-user-site .member-management-members-list-head button,
body.member-management-shell-user-site .member-management-money-move-button {
  border-color: var(--color-member-management-shell-control-line);
  background: var(--color-member-management-shell-surface);
  color: var(--color-member-management-shell-control-text);
}

body.member-management-shell-user-site .member-management-status-tabs button.active,
body.member-management-shell-user-site .member-management-filter--members-reference button,
body.member-management-shell-user-site .member-management-money-move-button {
  border-color: var(--color-member-management-shell-accent);
  background: var(--color-member-management-shell-accent);
  color: var(--color-member-management-shell-accent-text);
}

body.member-management-shell-user-site .member-management-filter--members-reference input,
body.member-management-shell-user-site .member-management-filter--members-reference select {
  border-color: var(--color-member-management-shell-control-line);
  background: var(--color-member-management-shell-surface);
  color: var(--color-member-management-shell-text);
}

body.member-management-shell-user-site .member-management-filter:not(.member-management-filter--members-reference) {
  border-bottom: 1px solid var(--color-border);
  background: var(--color-admin-surface);
  padding: 18px 28px;
}

body.member-management-shell-user-site .member-management-filter input:not([type="hidden"]),
body.member-management-shell-user-site .member-management-filter select,
body.member-management-shell-user-site .member-management-rate-form input {
  height: 40px;
  min-height: 40px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-control-bg);
  color: var(--color-text-strong);
  box-shadow: none;
  font-size: var(--font-size-sm);
  font-weight: 600;
}

body.member-management-shell-user-site .member-management-filter input:not([type="hidden"]),
body.member-management-shell-user-site .member-management-filter select,
body.member-management-shell-user-site .member-management-rate-form input {
  padding: 0 var(--space-4);
}

body.member-management-shell-user-site .member-management-rate-table thead th[colspan="3"] {
  text-align: center !important;
}

body.member-management-shell-user-site .member-management-rate-table tbody td[colspan="3"] {
  text-align: left !important;
}

body.member-management-shell-user-site .member-management-rate-table tbody td[colspan="3"] > .member-management-rate-form {
  justify-content: flex-start;
}

body.member-management-shell-user-site [data-member-rate-form] input[type="number"] {
  text-align: right;
}

body.member-management-shell-user-site .member-management-filter input::placeholder {
  color: var(--color-text-muted);
}

body.member-management-shell-user-site .member-management-filter button[type="submit"],
body.member-management-shell-user-site .member-management-rate-form button {
  height: 40px;
  min-height: 40px;
  border: 1px solid var(--color-sidebar-accent);
  border-radius: var(--radius-sm);
  background: var(--color-sidebar-accent);
  color: var(--color-text-inverse);
  font-size: var(--font-size-sm);
  font-weight: 800;
  line-height: 1;
  padding: 0 var(--space-6);
}

body.member-management-shell-user-site .member-management-filter button[type="submit"]:hover,
body.member-management-shell-user-site .member-management-filter button[type="submit"]:focus-visible,
body.member-management-shell-user-site .member-management-rate-form button:hover,
body.member-management-shell-user-site .member-management-rate-form button:focus-visible {
  border-color: var(--color-sidebar-accent-strong);
  background: var(--color-sidebar-accent-strong);
  outline: 0;
}

body.member-management-shell-user-site .member-management-members-list-head {
  margin-top: 0;
  border-width: 0 0 1px;
  border-color: var(--color-member-management-shell-line);
  border-radius: 0;
  background: var(--color-member-management-shell-surface);
  color: var(--color-member-management-shell-text);
}

body.member-management-shell-user-site .member-management-members-list-head em {
  color: var(--color-member-management-shell-text-soft);
}

body.member-management-shell-user-site .member-management-table-wrap {
  border-color: var(--color-border);
  border-radius: 0;
  background: var(--color-surface);
}

body.member-management-shell-user-site .member-management-members-table-wrap {
  border: 0;
  border-radius: 0;
  background: var(--color-member-management-shell-surface);
}

body.member-management-shell-user-site .member-management-table {
  color: var(--color-member-management-shell-text);
}

body.member-management-shell-user-site .member-management-table th,
body.member-management-shell-user-site .member-management-table td {
  border-color: var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
}

body.member-management-shell-user-site .member-management-table th {
  background: var(--color-surface-subtle);
  color: var(--color-text-strong);
  font-size: var(--font-size-xs);
}

body.member-management-shell-user-site .member-management-table tr:hover td {
  background: var(--color-surface-hover);
}

body.member-management-shell-user-site .member-management-money-stat small,
body.member-management-shell-user-site .member-management-table td small {
  color: var(--color-member-management-shell-text-muted);
}

body.member-management-shell-user-site .member-management-pagination {
  position: relative;
  justify-content: center;
  border-top: 1px solid var(--color-member-management-shell-line);
  background: var(--color-member-management-shell-surface);
  color: var(--color-member-management-shell-text-muted);
  padding: 12px 28px;
}

body.member-management-shell-user-site .member-management-pagination > span {
  position: absolute;
  left: 28px;
}

body.member-management-shell-user-site .member-management-pagination > div {
  justify-content: center;
}

body.member-management-shell-user-site .member-management-pagination button,
body.member-management-shell-user-site .member-management-page-current {
  min-width: 40px;
  min-height: 32px;
  border: 1px solid var(--color-member-management-shell-control-line);
  background: var(--color-member-management-shell-surface);
  color: var(--color-member-management-shell-control-text);
  font-weight: 800;
  padding: 0 12px;
}

body.member-management-shell-user-site .member-management-page-current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-color: var(--color-member-management-shell-accent);
  background: var(--color-member-management-shell-accent);
  color: var(--color-member-management-shell-accent-text);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page {
  min-height: 0;
  display: grid;
  gap: 0;
  background: var(--color-admin-canvas);
  color: var(--color-text);
  padding: 0;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .tabMenu {
  display: none;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .section-title {
  margin: 0;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text-strong);
  font-size: var(--font-size-2xl);
  font-weight: 900;
  letter-spacing: 0;
  padding: var(--space-8) var(--space-8) var(--space-7);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .section-title:not(:first-child) {
  border-top: 1px solid var(--color-border);
  font-size: var(--font-size-lg);
  padding: var(--space-6) var(--space-8);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .section-title span {
  margin-left: var(--space-2);
  color: var(--color-sidebar-accent-muted);
  font-size: var(--font-size-sm);
  font-weight: 900;
}

body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-head {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
  padding: var(--space-8);
}

body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-head .section-title {
  border: 0;
  background: transparent;
  padding: 0;
}

body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-action {
  min-height: 36px;
  border: 1px solid var(--color-sidebar-accent);
  border-radius: var(--radius-sm);
  background: var(--color-sidebar-accent);
  color: var(--color-text-inverse);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 900;
  padding: 0 var(--space-5);
}

body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-action:hover,
body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-action:focus-visible {
  border-color: var(--color-sidebar-accent-strong);
  background: var(--color-sidebar-accent-strong);
  outline: 0;
}

body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-policy {
  display: grid;
  gap: var(--space-4);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
  padding: var(--space-5) var(--space-8);
}

body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-policy-notice {
  margin: 0;
  color: var(--color-text);
  font-size: var(--font-size-sm);
  font-weight: 800;
  line-height: 1.6;
}

body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-policy-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
}

body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-policy-grid span {
  min-width: 0;
  display: grid;
  gap: var(--space-1);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  padding: var(--space-4);
}

body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-policy-grid small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 900;
}

body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-policy-grid strong {
  min-width: 0;
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 900;
  overflow-wrap: anywhere;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .deposit-help-title {
  display: block;
  border: 0;
  border-bottom: 1px solid var(--color-border);
  border-radius: 0;
  background: var(--color-surface-soft);
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 900;
  padding: var(--space-6) var(--space-8);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .textList {
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--color-border);
  border-radius: 0;
  background: var(--color-surface);
  color: var(--color-text);
  font-size: var(--font-size-sm);
  padding: var(--space-5) var(--space-10) var(--space-6);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .textList li {
  margin-bottom: var(--space-2);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .deposit-form {
  display: grid;
  gap: var(--space-5);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-admin-canvas);
  padding: var(--space-7) var(--space-8);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .chargeTopTable,
body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .chargeBotTable {
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 0;
  background: var(--color-surface);
  margin: 0;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .chargeBotTable {
  display: block;
  overflow-x: auto;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .chargeTopTable th,
body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .chargeTopTable td,
body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .chargeBotTable th,
body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .chargeBotTable td {
  border-color: var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
  font-size: var(--font-size-sm);
  padding: var(--space-5);
  vertical-align: middle;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .chargeTopTable th,
body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .chargeBotTable th {
  width: 170px;
  background: var(--color-surface-subtle);
  color: var(--color-text-strong);
  font-size: var(--font-size-xs);
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .chargeBotTable tbody tr:hover td {
  background: var(--color-surface-hover);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .textRightInput,
body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .chargeTopTable input[type="text"] {
  height: 40px;
  width: min(260px, 100%);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-control-bg);
  color: var(--color-text-strong);
  box-shadow: none;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 700;
  padding: 0 var(--space-4);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .textRightInput {
  margin-right: var(--space-2);
  text-align: right;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .amount-btn-row {
  gap: var(--space-2);
  margin-top: var(--space-3);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .amount-btn-row button,
body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .btnBankReq {
  min-height: 32px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text-strong);
  box-shadow: none;
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-xs);
  font-weight: 900;
  padding: 0 var(--space-4);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .amount-btn-row button:hover,
body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .amount-btn-row button:focus-visible,
body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .btnBankReq:hover,
body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .btnBankReq:focus-visible {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-sidebar-accent-muted);
  outline: 0;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .amount-btn-row .amount-reset,
body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .btnBox button {
  border-color: var(--color-sidebar-accent);
  background: var(--color-sidebar-accent);
  color: var(--color-text-inverse);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .btnBox {
  margin: 0;
  text-align: right;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .btnBox button {
  min-height: 40px;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: 900;
  padding: 0 var(--space-8);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .btnBox button:hover,
body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .btnBox button:focus-visible {
  border-color: var(--color-sidebar-accent-strong);
  background: var(--color-sidebar-accent-strong);
  outline: 0;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .partner01-bank-note,
body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .hint-text,
body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .partner01-form-message {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 700;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .bankList {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
  padding: var(--space-6) var(--space-8);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .bankList li {
  min-height: 36px;
  align-items: center;
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
  font-size: var(--font-size-xs);
  font-weight: 700;
  padding: var(--space-3) var(--space-4);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .bankList li:nth-child(3n) {
  border-right: 1px solid var(--color-border);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .chargeBotTable .center {
  color: var(--color-text-muted);
  font-weight: 800;
  text-align: center;
}

body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-history-table-wrap {
  overflow-x: auto;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
  padding: var(--space-5) var(--space-6);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-history-table {
  display: table;
  min-width: 980px;
  table-layout: fixed;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-history-table th {
  width: auto;
}

body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-foot {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 900;
}

body.member-management-shell-user-site .member-management-shell-money-dialog-layer {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-6);
}

body.member-management-shell-user-site .member-management-shell-money-dialog-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: var(--color-dialog-backdrop);
  cursor: pointer;
}

body.member-management-shell-user-site .member-management-shell-money-dialog {
  position: relative;
  z-index: 1;
  width: min(650px, calc(100vw - 40px));
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-member-register-dialog);
  padding: var(--space-8);
}

body.member-management-shell-user-site .member-management-shell-money-dialog h3 {
  margin: 0 0 var(--space-6);
  color: var(--color-text-strong);
  font-size: var(--font-size-3xl);
  font-weight: 900;
  letter-spacing: 0;
  text-align: center;
}

body.member-management-shell-user-site .member-management-shell-money-dialog-close {
  position: absolute;
  top: var(--space-4);
  right: var(--space-4);
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: var(--color-danger);
  color: var(--color-text-inverse);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-lg);
  font-weight: 900;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-form {
  gap: var(--space-5);
  border: 0;
  background: transparent;
  padding: 0;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table {
  min-width: 0;
  width: 100%;
  table-layout: fixed;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--radius-md);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table th {
  width: 178px;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table td {
  text-align: center;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table tbody tr:hover td {
  background: var(--color-surface);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table tr:has(.amount-btn-row) td {
  text-align: left;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table input[type="text"] {
  width: min(260px, calc(100% - 40px));
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table input[type="password"] {
  height: 40px;
  width: min(260px, 100%);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-control-bg);
  color: var(--color-text-strong);
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 700;
  padding: 0 var(--space-4);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table label {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  color: var(--color-text);
  font-size: var(--font-size-sm);
  font-weight: 800;
  vertical-align: middle;
  white-space: nowrap;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table .amount-btn-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--space-2);
  margin-top: var(--space-3);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table .amount-btn-row button {
  min-width: 0;
  width: 100%;
  padding: 0 var(--space-2);
  white-space: nowrap;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-form .btnBox {
  display: flex;
  justify-content: center;
  gap: var(--space-3);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-form .btnBox button[type="button"] {
  min-height: 40px;
  border: 1px solid var(--color-sidebar-accent);
  border-radius: var(--radius-sm);
  background: var(--color-sidebar-accent);
  color: var(--color-text-inverse);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 900;
  padding: 0 var(--space-8);
}

body.member-management-shell-user-site .member-management-wallet-dialog-form {
  gap: var(--space-5);
  border: 0;
  background: transparent;
  padding: 0;
}

body.member-management-shell-user-site .member-management-wallet-dialog-table {
  min-width: 0;
  width: 100%;
  table-layout: fixed;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--radius-md);
}

body.member-management-shell-user-site .member-management-wallet-dialog-table th {
  width: 178px;
  background: var(--color-surface-subtle);
  color: var(--color-text-strong);
  text-align: center;
  white-space: nowrap;
}

body.member-management-shell-user-site .member-management-wallet-dialog-table td {
  background: var(--color-surface);
  text-align: center;
}

body.member-management-shell-user-site .member-management-wallet-dialog-table tbody tr:hover td {
  background: var(--color-surface);
}

body.member-management-shell-user-site .member-management-wallet-dialog-table tr:nth-child(3) td {
  text-align: left;
}

body.member-management-shell-user-site .member-management-wallet-dialog-table input[type="text"] {
  height: 40px;
  width: min(260px, calc(100% - 40px));
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-control-bg);
  color: var(--color-text-strong);
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 700;
  padding: 0 var(--space-4);
  text-align: right;
}

body.member-management-shell-user-site .member-management-wallet-dialog-table label {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  color: var(--color-text);
  font-size: var(--font-size-sm);
  font-weight: 800;
  vertical-align: middle;
  white-space: nowrap;
}

body.member-management-shell-user-site .member-management-wallet-dialog-table .amount-btn-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--space-2);
  margin-top: var(--space-3);
}

body.member-management-shell-user-site .member-management-wallet-dialog-table .amount-btn-row button {
  min-height: 30px;
  min-width: 0;
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text-strong);
  box-shadow: none;
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-xs);
  font-weight: 900;
  padding: 0 var(--space-2);
  white-space: nowrap;
}

body.member-management-shell-user-site .member-management-wallet-dialog-table .amount-btn-row button:hover,
body.member-management-shell-user-site .member-management-wallet-dialog-table .amount-btn-row button:focus-visible {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-sidebar-accent-muted);
  outline: 0;
}

body.member-management-shell-user-site .member-management-wallet-dialog-actions {
  display: flex;
  justify-content: center;
  gap: var(--space-3);
}

body.member-management-shell-user-site .member-management-wallet-dialog-actions button {
  min-height: 40px;
  border: 1px solid var(--color-sidebar-accent);
  border-radius: var(--radius-sm);
  background: var(--color-sidebar-accent);
  color: var(--color-text-inverse);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 900;
  padding: 0 var(--space-8);
}

body.member-management-shell-user-site .member-management-wallet-dialog-actions button:hover,
body.member-management-shell-user-site .member-management-wallet-dialog-actions button:focus-visible {
  border-color: var(--color-sidebar-accent-strong);
  background: var(--color-sidebar-accent-strong);
  outline: 0;
}

body.member-management-shell-user-site .member-management-register-dialog {
  position: relative;
  z-index: 1;
  border: 1px solid var(--color-member-register-line-strong);
  border-radius: var(--radius-lg);
  padding: 0;
}

body.member-management-shell-user-site .member-management-register-dialog .member-action-form {
  margin: 0;
}

body.member-management-shell-user-site .member-management-register-dialog .member-action-fields {
  display: grid;
}

body.member-management-shell-user-site .member-management-register-dialog .member-management-register-message {
  margin: 0;
  padding: 0 var(--space-12) var(--space-4);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page {
  align-content: start;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .notice-table {
  display: table;
  table-layout: fixed;
  border-right: 0;
  border-left: 0;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .notice-table th,
body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .notice-table td {
  height: 46px;
  text-align: center;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .notice-table tbody td:nth-child(2) {
  text-align: left;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-board-title-btn {
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 800;
  justify-content: flex-start;
  text-align: left;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-board-title-btn:hover,
body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-board-title-btn:focus-visible {
  color: var(--color-sidebar-accent-muted);
  outline: 0;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-board-detail-row td {
  background: var(--color-surface-soft);
  color: var(--color-text);
  text-align: left;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-board-rich-body,
body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-support-detail {
  border-top: 1px solid var(--color-border);
  color: var(--color-text);
  font-size: var(--font-size-sm);
  line-height: 1.75;
  padding: var(--space-5) var(--space-6);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-support-detail {
  border: 1px solid var(--color-border);
  background: var(--color-surface);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-support-detail b {
  color: var(--color-text-strong);
  font-size: var(--font-size-xs);
  font-weight: 900;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-support-detail p,
body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-support-detail > div {
  color: var(--color-text);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form {
  display: grid;
  gap: var(--space-4);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-admin-canvas);
  padding: var(--space-7) var(--space-8);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form .chargeTopTable {
  border: 1px solid var(--color-border);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form input[type="text"],
body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form select,
body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form textarea {
  width: min(560px, 100%);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-control-bg);
  color: var(--color-text-strong);
  box-shadow: none;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 700;
  padding: 0 var(--space-4);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form select {
  height: 40px;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form textarea {
  min-height: 122px;
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
  resize: vertical;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .support-btn-box {
  justify-content: space-between;
  border-top: 1px solid var(--color-border);
  background: var(--color-surface);
  padding: var(--space-5) var(--space-8);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .support-write-actions {
  justify-content: flex-end;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .support-write-link,
body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .support-write-actions .support-write-link {
  border: 1px solid var(--color-sidebar-accent);
  border-radius: var(--radius-sm);
  background: var(--color-sidebar-accent);
  color: var(--color-text-inverse);
  font-size: var(--font-size-sm);
  font-weight: 900;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .support-write-link:hover,
body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .support-write-link:focus-visible {
  border-color: var(--color-sidebar-accent-strong);
  background: var(--color-sidebar-accent-strong);
  outline: 0;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page #BtnDelet {
  border: 1px solid var(--color-danger);
  border-radius: var(--radius-sm);
  background: var(--color-danger);
  color: var(--color-text-inverse);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-support-type {
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 800;
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-message-summary {
  gap: var(--space-3);
  margin: 0;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-soft);
  padding: var(--space-5) var(--space-8);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-message-summary span {
  min-height: 34px;
  border-color: var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text-strong);
  font-size: var(--font-size-xs);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-message-unread .partner01-board-title-btn {
  color: var(--color-sidebar-accent-muted);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-message-unread .partner01-board-title-btn::after {
  background: var(--color-sidebar-accent);
  color: var(--color-text-inverse);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .pagination {
  justify-content: center;
  border-top: 1px solid var(--color-border);
  background: var(--color-surface);
  margin: 0;
  padding: var(--space-5) var(--space-8);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .pagination button {
  min-width: 40px;
  min-height: 32px;
  border-color: var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .pagination button.active {
  border-color: var(--color-sidebar-accent);
  background: var(--color-sidebar-accent);
  color: var(--color-text-inverse);
}

body.member-management-shell-user-site .partner-managed-tree {
  min-width: 0;
  display: grid;
  background: var(--color-admin-canvas);
}

body.member-management-shell-user-site .partner-managed-tree-head {
  border-bottom: 1px solid var(--color-border);
}

body.member-management-shell-user-site .partner-managed-tree-layout {
  display: grid;
  grid-template-columns: minmax(240px, 310px) minmax(0, 1fr);
  min-height: 520px;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}

body.member-management-shell-user-site .partner-managed-tree-panel {
  min-width: 0;
  overflow: auto;
  border-right: 1px solid var(--color-border);
  background: var(--color-sidebar-panel-strong);
  padding: var(--space-4);
}

body.member-management-shell-user-site .partner-managed-tree-detail {
  min-width: 0;
  overflow: hidden;
  background: var(--color-surface);
}

body.member-management-shell-user-site .partner-managed-tree-node-list,
body.member-management-shell-user-site .partner-managed-tree-node-list ul {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.member-management-shell-user-site .partner-managed-tree-node-list ul {
  margin-left: var(--space-5);
  padding-left: var(--space-2);
  border-left: 1px dashed var(--color-sidebar-accent-border);
}

body.member-management-shell-user-site .partner-managed-tree-node {
  width: 100%;
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-text);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-xs);
  font-weight: 800;
  padding: var(--space-2) var(--space-3);
  text-align: left;
}

body.member-management-shell-user-site .partner-managed-tree-node::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-right: 1px solid var(--color-text-muted);
  border-bottom: 1px solid var(--color-text-muted);
  transform: rotate(-45deg);
}

body.member-management-shell-user-site .partner-managed-tree-node-item.has-children > .partner-managed-tree-node::before {
  border-color: var(--color-sidebar-accent);
  transform: rotate(45deg);
}

body.member-management-shell-user-site .partner-managed-tree-node:hover,
body.member-management-shell-user-site .partner-managed-tree-node:focus-visible,
body.member-management-shell-user-site .partner-managed-tree-node.selected {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-sidebar-title);
  outline: 0;
}

body.member-management-shell-user-site .partner-managed-tree-node.muted-node {
  color: var(--color-text-muted);
}

body.member-management-shell-user-site .partner-managed-tree-node span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.member-management-shell-user-site .partner-managed-tree-node small {
  min-width: 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

body.member-management-shell-user-site .partner-managed-tree-node em {
  margin-left: auto;
  color: var(--color-text-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

body.member-management-shell-user-site .partner-managed-tree-summary {
  display: grid;
  grid-template-columns: repeat(7, minmax(118px, 1fr));
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-soft);
}

body.member-management-shell-user-site .partner-managed-tree-summary > div {
  min-width: 0;
  display: grid;
  gap: var(--space-1);
  border-right: 1px solid var(--color-border);
  padding: var(--space-5);
}

body.member-management-shell-user-site .partner-managed-tree-summary > div:last-child {
  border-right: 0;
}

body.member-management-shell-user-site .partner-managed-tree-summary span,
body.member-management-shell-user-site .partner-managed-tree-summary small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

body.member-management-shell-user-site .partner-managed-tree-summary strong {
  min-width: 0;
  overflow: hidden;
  color: var(--color-text-strong);
  font-size: var(--font-size-lg);
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.member-management-shell-user-site .partner-managed-tree-summary .positive {
  color: var(--color-primary);
}

body.member-management-shell-user-site .partner-managed-tree-summary .negative {
  color: var(--color-danger);
}

body.member-management-shell-user-site .partner-managed-tree-mobile-detail {
  display: none;
}

body.member-management-shell-user-site .partner-managed-tree-table-wrap {
  overflow: auto;
}

body.member-management-shell-user-site .partner-managed-tree-table {
  min-width: 1160px;
}

body.member-management-shell-user-site .partner-managed-tree-identity i {
  background: radial-gradient(circle, var(--color-sidebar-accent) 0 42%, var(--color-sidebar-accent-soft) 44% 100%);
}

body.member-management-shell-user-site .partner-managed-tree-table-empty,
body.member-management-shell-user-site .partner-managed-tree-empty {
  margin: var(--space-6);
  color: var(--color-text-muted);
  font-weight: 800;
  text-align: center;
}

.member-management-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-pill);
  color: var(--color-partner01-muted-strong);
  font-size: var(--font-size-xs);
  font-weight: 800;
  padding: 0 var(--space-4);
}

.member-management-badge.direct {
  border-color: var(--color-partner01-line-gold-strong);
  color: var(--color-partner01-gold-cream);
}

.member-management-rate-form {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
  justify-content: center;
}

.member-management-rate-form label {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  color: var(--color-partner01-muted-strong);
  font-weight: 800;
}

.member-management-rate-form input {
  width: 92px;
}

.member-management-rate-form small,
.member-management-message {
  color: var(--color-partner01-muted);
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.member-management-message {
  margin: 0;
}

.member-management-rate-status:not(:empty) {
  color: var(--color-partner01-green);
}

.member-management-member-card-list {
  display: none;
}

.member-management-member-card {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  background: var(--color-partner01-panel);
  padding: var(--space-5);
}

.member-management-member-card-head {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  justify-content: space-between;
}

.member-management-member-card-head strong {
  min-width: 0;
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-base);
  font-weight: 900;
  line-height: 1.35;
}

.member-management-member-card-meta,
.member-management-member-card-values {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.member-management-member-card-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.member-management-member-card-values {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.member-management-member-card-meta span,
.member-management-member-card-values span {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-sm);
  background: var(--color-partner01-member-management-field-bg);
  padding: var(--space-3);
}

.member-management-member-card-meta small,
.member-management-member-card-values small {
  display: block;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-member-card-meta strong,
.member-management-member-card-values strong {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-sm);
  font-weight: 900;
}

.member-management-member-card-empty {
  margin: 0;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  color: var(--color-partner01-muted);
  font-weight: 800;
  padding: var(--space-6);
  text-align: center;
}

.member-management-money-card-list {
  display: none;
}

.member-management-money-card {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  background: var(--color-partner01-panel);
  padding: var(--space-5);
}

.member-management-money-card-head {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  justify-content: space-between;
}

.member-management-money-card-head strong {
  display: block;
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-base);
  font-weight: 900;
  line-height: 1.35;
}

.member-management-money-card-head small {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-money-card-amount {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-2) var(--space-3);
  align-items: center;
  margin-top: var(--space-4);
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-sm);
  background: var(--color-partner01-member-management-field-bg);
  padding: var(--space-4);
}

.member-management-money-card-amount small {
  grid-column: 1 / -1;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-money-card-amount strong {
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-lg);
  font-weight: 900;
}

.member-management-money-card-amount span {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-pill);
  color: var(--color-partner01-muted-strong);
  font-size: var(--font-size-xs);
  font-weight: 900;
  padding: var(--space-2) var(--space-3);
}

.member-management-money-card-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.member-management-money-card-grid span {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-sm);
  background: var(--color-partner01-member-management-field-bg);
  padding: var(--space-3);
}

.member-management-money-card-grid small,
.member-management-money-card-grid em {
  display: block;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 800;
}

.member-management-money-card-grid strong {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-sm);
  font-weight: 900;
}

.member-management-money-card-note,
.member-management-money-card-empty {
  margin: var(--space-4) 0 0;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.member-management-money-card-empty {
  margin: 0;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  padding: var(--space-6);
  text-align: center;
}

.member-management-bet-card-list {
  display: none;
}

.member-management-bet-card {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  background: var(--color-partner01-panel);
  padding: var(--space-5);
}

.member-management-bet-card-head {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  justify-content: space-between;
}

.member-management-bet-card-head strong {
  display: block;
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-base);
  font-weight: 900;
  line-height: 1.35;
}

.member-management-bet-card-head small {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-bet-card-game,
.member-management-bet-card-amounts {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.member-management-bet-card-game {
  grid-template-columns: 1fr;
}

.member-management-bet-card-amounts {
  grid-template-columns: 1fr 1fr;
}

.member-management-bet-card-game span,
.member-management-bet-card-amounts span {
  min-width: 0;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-sm);
  background: var(--color-partner01-member-management-field-bg);
  padding: var(--space-3);
}

.member-management-bet-card-game small,
.member-management-bet-card-game em,
.member-management-bet-card-amounts small,
.member-management-bet-card-amounts em,
.member-management-bet-card-empty {
  display: block;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 800;
}

.member-management-bet-card-game strong,
.member-management-bet-card-amounts strong {
  display: block;
  margin-top: var(--space-1);
  overflow-wrap: anywhere;
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-sm);
  font-weight: 900;
}

.member-management-bet-card-empty {
  margin: 0;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  padding: var(--space-6);
  text-align: center;
}

.member-management-member-stat-card-list {
  display: none;
}

.member-management-member-stat-card {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  background: var(--color-partner01-panel);
  padding: var(--space-5);
}

.member-management-member-stat-card-head {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  justify-content: space-between;
}

.member-management-member-stat-card-head strong {
  display: block;
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-base);
  font-weight: 900;
  line-height: 1.35;
}

.member-management-member-stat-card-head small {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-member-stat-card-profit {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-2) var(--space-3);
  align-items: center;
  margin-top: var(--space-4);
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-sm);
  background: var(--color-partner01-member-management-field-bg);
  padding: var(--space-4);
}

.member-management-member-stat-card-profit small {
  grid-column: 1 / -1;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-member-stat-card-profit strong {
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-lg);
  font-weight: 900;
}

.member-management-member-stat-card-profit span {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-pill);
  color: var(--color-partner01-muted-strong);
  font-size: var(--font-size-xs);
  font-weight: 900;
  padding: var(--space-2) var(--space-3);
}

.member-management-member-stat-card-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.member-management-member-stat-card-grid span {
  min-width: 0;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-sm);
  background: var(--color-partner01-member-management-field-bg);
  padding: var(--space-3);
}

.member-management-member-stat-card-grid small,
.member-management-member-stat-card-empty {
  display: block;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-member-stat-card-grid strong {
  display: block;
  margin-top: var(--space-1);
  overflow-wrap: anywhere;
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-sm);
  font-weight: 900;
}

.member-management-member-stat-card-empty {
  margin: 0;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  padding: var(--space-6);
  text-align: center;
}

.member-management-vendor-stat-card-list {
  display: none;
}

.member-management-vendor-stat-card {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  background: var(--color-partner01-panel);
  padding: var(--space-5);
}

.member-management-vendor-stat-card-head {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  justify-content: space-between;
}

.member-management-vendor-stat-card-head strong {
  display: block;
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-base);
  font-weight: 900;
  line-height: 1.35;
}

.member-management-vendor-stat-card-head small {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-vendor-stat-card-profit {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-2) var(--space-3);
  align-items: center;
  margin-top: var(--space-4);
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-sm);
  background: var(--color-partner01-member-management-field-bg);
  padding: var(--space-4);
}

.member-management-vendor-stat-card-profit small {
  grid-column: 1 / -1;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-vendor-stat-card-profit strong {
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-lg);
  font-weight: 900;
}

.member-management-vendor-stat-card-profit span {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-pill);
  color: var(--color-partner01-muted-strong);
  font-size: var(--font-size-xs);
  font-weight: 900;
  padding: var(--space-2) var(--space-3);
}

.member-management-vendor-stat-card-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.member-management-vendor-stat-card-grid span {
  min-width: 0;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-sm);
  background: var(--color-partner01-member-management-field-bg);
  padding: var(--space-3);
}

.member-management-vendor-stat-card-grid small,
.member-management-vendor-stat-card-empty {
  display: block;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-vendor-stat-card-grid strong {
  display: block;
  margin-top: var(--space-1);
  overflow-wrap: anywhere;
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-sm);
  font-weight: 900;
}

.member-management-vendor-stat-card-empty {
  margin: 0;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  padding: var(--space-6);
  text-align: center;
}

.member-management-settlement-stage-card-list,
.member-management-settlement-monthly-card-list {
  display: none;
}

.member-management-settlement-stage-card,
.member-management-settlement-monthly-card {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  background: var(--color-partner01-panel);
  padding: var(--space-5);
}

.member-management-settlement-stage-card-head,
.member-management-settlement-monthly-card-head {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  justify-content: space-between;
}

.member-management-settlement-stage-card-head strong,
.member-management-settlement-monthly-card-head strong {
  display: block;
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-base);
  font-weight: 900;
  line-height: 1.35;
}

.member-management-settlement-stage-card-head small,
.member-management-settlement-monthly-card-head small {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-settlement-stage-card-total,
.member-management-settlement-monthly-card-profit {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-2) var(--space-3);
  align-items: center;
  margin-top: var(--space-4);
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-sm);
  background: var(--color-partner01-member-management-field-bg);
  padding: var(--space-4);
}

.member-management-settlement-stage-card-total small,
.member-management-settlement-monthly-card-profit small {
  grid-column: 1 / -1;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-settlement-stage-card-total strong,
.member-management-settlement-monthly-card-profit strong {
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-lg);
  font-weight: 900;
}

.member-management-settlement-monthly-card-profit span {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-pill);
  color: var(--color-partner01-muted-strong);
  font-size: var(--font-size-xs);
  font-weight: 900;
  padding: var(--space-2) var(--space-3);
}

.member-management-settlement-stage-card-grid,
.member-management-settlement-monthly-card-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.member-management-settlement-stage-card-grid span,
.member-management-settlement-monthly-card-grid span {
  min-width: 0;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-sm);
  background: var(--color-partner01-member-management-field-bg);
  padding: var(--space-3);
}

.member-management-settlement-stage-card-grid small,
.member-management-settlement-monthly-card-grid small,
.member-management-settlement-stage-card-empty,
.member-management-settlement-monthly-card-empty {
  display: block;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-settlement-stage-card-grid strong,
.member-management-settlement-monthly-card-grid strong {
  display: block;
  margin-top: var(--space-1);
  overflow-wrap: anywhere;
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-sm);
  font-weight: 900;
}

.member-management-settlement-stage-card-empty,
.member-management-settlement-monthly-card-empty {
  margin: 0;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  padding: var(--space-6);
  text-align: center;
}

.member-management-point-card-list {
  display: none;
}

.member-management-point-card {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  background: var(--color-partner01-panel);
  padding: var(--space-5);
}

.member-management-point-card-head {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  justify-content: space-between;
}

.member-management-point-card-head strong {
  display: block;
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-base);
  font-weight: 900;
  line-height: 1.35;
}

.member-management-point-card-head small {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-point-card-amount {
  margin-top: var(--space-4);
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-sm);
  background: var(--color-partner01-member-management-field-bg);
  padding: var(--space-4);
}

.member-management-point-card-amount small {
  display: block;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-point-card-amount strong {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-lg);
  font-weight: 900;
}

.member-management-point-card.is-credit .member-management-point-card-amount strong {
  color: var(--color-partner01-green);
}

.member-management-point-card.is-debit .member-management-point-card-amount strong {
  color: var(--color-danger);
}

.member-management-point-card-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.member-management-point-card-grid span {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-sm);
  background: var(--color-partner01-member-management-field-bg);
  padding: var(--space-3);
}

.member-management-point-card-grid small,
.member-management-point-card-grid em {
  display: block;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 800;
}

.member-management-point-card-grid strong {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-sm);
  font-weight: 900;
}

.member-management-point-card-note,
.member-management-point-card-empty {
  margin: var(--space-4) 0 0;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.member-management-point-card-empty {
  margin: 0;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  padding: var(--space-6);
  text-align: center;
}

.member-management-rate-card-list {
  display: none;
}

.member-management-rate-card {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  background: var(--color-partner01-panel);
  padding: var(--space-5);
}

.member-management-rate-card-head {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  justify-content: space-between;
}

.member-management-rate-card-head strong {
  min-width: 0;
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-base);
  font-weight: 900;
  line-height: 1.35;
}

.member-management-rate-card-head span {
  flex: 0 0 auto;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-pill);
  color: var(--color-partner01-muted-strong);
  font-size: var(--font-size-xs);
  font-weight: 900;
  line-height: 1;
  padding: var(--space-2) var(--space-3);
}

.member-management-rate-card-meta,
.member-management-rate-card-bounds {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.member-management-rate-card-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.member-management-rate-card-meta span,
.member-management-rate-card-bounds span {
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-sm);
  background: var(--color-partner01-member-management-field-bg);
  padding: var(--space-3);
}

.member-management-rate-card-meta small,
.member-management-rate-card-bounds span {
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-rate-card-meta strong,
.member-management-rate-card-bounds strong {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-sm);
  font-weight: 900;
}

.member-management-rate-card .member-management-rate-form {
  margin-top: var(--space-4);
}

.member-management-rate-card-empty {
  margin: 0;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  color: var(--color-partner01-muted);
  font-weight: 800;
  padding: var(--space-6);
  text-align: center;
}

.member-management-pagination {
  display: flex;
  justify-content: space-between;
  gap: var(--space-4);
  align-items: center;
  color: var(--color-partner01-muted);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.member-management-pagination div {
  display: flex;
  gap: var(--space-3);
}

body.athens-user-site .member-management-head small,
body.athens-user-site .member-management-rate-form small,
body.athens-user-site .member-management-message,
body.athens-user-site .member-management-pagination {
  color: var(--color-athens-muted);
}

body.athens-user-site .member-management-summary-item {
  border-color: var(--color-athens-card-line);
  background: var(--color-athens-panel);
}

body.athens-user-site .member-management-member-card,
body.athens-user-site .member-management-member-card-empty,
body.athens-user-site .member-management-money-card,
body.athens-user-site .member-management-money-card-empty,
body.athens-user-site .member-management-bet-card,
body.athens-user-site .member-management-bet-card-empty,
body.athens-user-site .member-management-member-stat-card,
body.athens-user-site .member-management-member-stat-card-empty,
body.athens-user-site .member-management-vendor-stat-card,
body.athens-user-site .member-management-vendor-stat-card-empty,
body.athens-user-site .member-management-point-card,
body.athens-user-site .member-management-point-card-empty,
body.athens-user-site .member-management-rate-card,
body.athens-user-site .member-management-rate-card-empty {
  border-color: var(--color-athens-card-line);
  background: var(--color-athens-panel);
  color: var(--color-athens-button-text);
}

body.athens-user-site .member-management-member-card-head strong,
body.athens-user-site .member-management-member-card-meta strong,
body.athens-user-site .member-management-member-card-values strong,
body.athens-user-site .member-management-money-card-head strong,
body.athens-user-site .member-management-money-card-amount strong,
body.athens-user-site .member-management-money-card-grid strong,
body.athens-user-site .member-management-bet-card-head strong,
body.athens-user-site .member-management-bet-card-game strong,
body.athens-user-site .member-management-bet-card-amounts strong,
body.athens-user-site .member-management-member-stat-card-head strong,
body.athens-user-site .member-management-member-stat-card-profit strong,
body.athens-user-site .member-management-member-stat-card-grid strong,
body.athens-user-site .member-management-vendor-stat-card-head strong,
body.athens-user-site .member-management-vendor-stat-card-profit strong,
body.athens-user-site .member-management-vendor-stat-card-grid strong,
body.athens-user-site .member-management-point-card-head strong,
body.athens-user-site .member-management-point-card-grid strong,
body.athens-user-site .member-management-rate-card-head strong,
body.athens-user-site .member-management-rate-card-meta strong,
body.athens-user-site .member-management-rate-card-bounds strong {
  color: var(--color-athens-button-text);
}

body.athens-user-site .member-management-member-card-meta span,
body.athens-user-site .member-management-member-card-values span,
body.athens-user-site .member-management-money-card-amount,
body.athens-user-site .member-management-money-card-amount span,
body.athens-user-site .member-management-money-card-grid span,
body.athens-user-site .member-management-bet-card-game span,
body.athens-user-site .member-management-bet-card-amounts span,
body.athens-user-site .member-management-member-stat-card-profit,
body.athens-user-site .member-management-member-stat-card-profit span,
body.athens-user-site .member-management-member-stat-card-grid span,
body.athens-user-site .member-management-vendor-stat-card-profit,
body.athens-user-site .member-management-vendor-stat-card-profit span,
body.athens-user-site .member-management-vendor-stat-card-grid span,
body.athens-user-site .member-management-point-card-amount,
body.athens-user-site .member-management-point-card-grid span,
body.athens-user-site .member-management-rate-card-head span,
body.athens-user-site .member-management-rate-card-meta span,
body.athens-user-site .member-management-rate-card-bounds span {
  border-color: var(--color-athens-card-line);
}

body.athens-user-site .member-management-member-card-meta small,
body.athens-user-site .member-management-member-card-values small,
body.athens-user-site .member-management-member-card-empty,
body.athens-user-site .member-management-money-card-head small,
body.athens-user-site .member-management-money-card-amount small,
body.athens-user-site .member-management-money-card-amount span,
body.athens-user-site .member-management-money-card-grid small,
body.athens-user-site .member-management-money-card-grid em,
body.athens-user-site .member-management-money-card-note,
body.athens-user-site .member-management-money-card-empty,
body.athens-user-site .member-management-bet-card-head small,
body.athens-user-site .member-management-bet-card-game small,
body.athens-user-site .member-management-bet-card-game em,
body.athens-user-site .member-management-bet-card-amounts small,
body.athens-user-site .member-management-bet-card-amounts em,
body.athens-user-site .member-management-bet-card-empty,
body.athens-user-site .member-management-member-stat-card-head small,
body.athens-user-site .member-management-member-stat-card-profit small,
body.athens-user-site .member-management-member-stat-card-profit span,
body.athens-user-site .member-management-member-stat-card-grid small,
body.athens-user-site .member-management-member-stat-card-empty,
body.athens-user-site .member-management-vendor-stat-card-head small,
body.athens-user-site .member-management-vendor-stat-card-profit small,
body.athens-user-site .member-management-vendor-stat-card-profit span,
body.athens-user-site .member-management-vendor-stat-card-grid small,
body.athens-user-site .member-management-vendor-stat-card-empty,
body.athens-user-site .member-management-point-card-head small,
body.athens-user-site .member-management-point-card-amount small,
body.athens-user-site .member-management-point-card-grid small,
body.athens-user-site .member-management-point-card-grid em,
body.athens-user-site .member-management-point-card-note,
body.athens-user-site .member-management-point-card-empty,
body.athens-user-site .member-management-rate-card-meta small,
body.athens-user-site .member-management-rate-card-bounds span,
body.athens-user-site .member-management-rate-card-empty {
  color: var(--color-athens-muted);
}

body.athens-user-site .member-management-summary-item small,
body.athens-user-site .member-management-summary-note.warning {
  color: var(--color-athens-muted);
}

body.athens-user-site .member-management-summary-item strong {
  color: var(--color-athens-button-text);
}

body.athens-user-site .member-management-summary-note {
  border-color: var(--color-athens-crimson-line);
  background: var(--color-athens-panel);
  color: var(--color-athens-crimson);
}

body.athens-user-site .member-management-tabs button,
body.athens-user-site .member-management-filter button,
body.athens-user-site .member-management-pagination button,
body.athens-user-site .member-management-rate-form button {
  border-color: var(--color-athens-card-line);
  background: var(--color-athens-panel);
  color: var(--color-athens-button-text);
}

body.athens-user-site .member-management-tabs button.active,
body.athens-user-site .member-management-filter button,
body.athens-user-site .member-management-rate-form button {
  border-color: var(--color-athens-crimson-line);
  background: var(--color-athens-crimson);
  color: var(--color-athens-tab-icon-active);
}

body.athens-user-site .member-management-filter input,
body.athens-user-site .member-management-filter select,
body.athens-user-site .member-management-rate-form input,
body.athens-user-site .member-management-table-wrap,
body.athens-user-site .member-management-table th {
  border-color: var(--color-athens-card-line);
  background: var(--color-athens-panel);
  color: var(--color-athens-button-text);
}

body.athens-user-site .member-management-table {
  color: var(--color-athens-button-text);
}

body.athens-user-site .member-management-table td {
  border-color: var(--color-athens-card-line);
}

body.athens-user-site .member-management-table td small {
  color: var(--color-athens-muted);
}

body.athens-user-site :is(.member-management-settlement-stage-card, .member-management-settlement-monthly-card, .member-management-settlement-stage-card-empty, .member-management-settlement-monthly-card-empty) {
  border-color: var(--color-athens-card-line);
  background: var(--color-athens-panel);
  color: var(--color-athens-button-text);
}

body.athens-user-site :is(.member-management-settlement-stage-card-head strong, .member-management-settlement-monthly-card-head strong, .member-management-settlement-stage-card-total strong, .member-management-settlement-monthly-card-profit strong, .member-management-settlement-stage-card-grid strong, .member-management-settlement-monthly-card-grid strong) {
  color: var(--color-athens-button-text);
}

body.athens-user-site :is(.member-management-settlement-stage-card-total, .member-management-settlement-monthly-card-profit, .member-management-settlement-monthly-card-profit span, .member-management-settlement-stage-card-grid span, .member-management-settlement-monthly-card-grid span) {
  border-color: var(--color-athens-card-line);
}

body.athens-user-site :is(.member-management-settlement-stage-card-head small, .member-management-settlement-monthly-card-head small, .member-management-settlement-stage-card-total small, .member-management-settlement-monthly-card-profit small, .member-management-settlement-monthly-card-profit span, .member-management-settlement-stage-card-grid small, .member-management-settlement-monthly-card-grid small, .member-management-settlement-stage-card-empty, .member-management-settlement-monthly-card-empty) {
  color: var(--color-athens-muted);
}

.member-management-table tbody tr:hover td {
  background: var(--color-member-management-hover-bg);
  color: var(--color-member-management-hover-text);
  box-shadow: inset 0 1px 0 var(--color-member-management-hover-border), inset 0 -1px 0 var(--color-member-management-hover-border);
}

.member-management-table tbody tr:hover td strong,
.member-management-table tbody tr:hover td small,
.member-management-table tbody tr:hover .member-management-rate-form label,
.member-management-table tbody tr:hover .member-management-rate-form small {
  color: var(--color-member-management-hover-text);
}

.member-management-table tbody tr:hover td small,
.member-management-table tbody tr:hover .member-management-rate-form small {
  color: var(--color-member-management-hover-muted);
}

.member-management-table tbody tr:hover .member-management-badge {
  border-color: var(--color-member-management-hover-border);
  color: var(--color-member-management-hover-text);
}

.member-management-table tbody tr:hover .member-management-rate-form input {
  border-color: var(--color-member-management-hover-input-border);
  background: var(--color-member-management-hover-input-bg);
  color: var(--color-member-management-hover-input-text);
}

@media (max-width: 820px) {
  .member-management-head {
    display: grid;
    justify-content: stretch;
  }

  .member-management-brand-image {
    max-width: min(180px, 100%);
    max-height: 38px;
  }

  .member-management-head-copy {
    text-align: left;
    white-space: normal;
  }

  .member-management-summary {
    grid-template-columns: 1fr;
  }

  .member-management-filter {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 100%;
  }

  .member-management-members-control {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 100%;
  }

  .member-management-filter--members-reference {
    grid-template-columns: 1fr;
    justify-self: stretch;
  }

  .member-management-status-tabs {
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .member-management-filter.member-management-filter--history.date-range-enhanced-toolbar,
  .member-management-filter.member-management-filter--money.date-range-enhanced-toolbar,
  .member-management-filter.member-management-filter--memberStats.date-range-enhanced-toolbar {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 100%;
  }

  .member-management-filter input,
  .member-management-filter select,
  .member-management-filter button,
  .member-management-filter.date-range-enhanced-toolbar .date-range-picker,
  .member-management-filter.date-range-enhanced-toolbar button[type="submit"],
  .member-management-filter.member-management-filter--memberStats.date-range-enhanced-toolbar .date-range-picker,
  .member-management-filter.member-management-filter--memberStats.date-range-enhanced-toolbar button[type="submit"] {
    width: 100%;
    max-width: 100%;
  }

  .member-management-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: var(--space-2);
    scrollbar-width: thin;
  }

  .member-management-tab-group {
    flex: 0 0 auto;
    min-width: max-content;
  }

  .member-management-tab-group > div {
    flex-wrap: nowrap;
  }

  .member-management-table-wrap {
    width: 100%;
    max-width: 100%;
  }

  .member-management-members-table-wrap {
    display: none;
  }

  .member-management-bet-table-wrap {
    display: none;
  }

  .member-management-member-stat-table-wrap {
    display: none;
  }

  .member-management-vendor-stat-table-wrap {
    display: none;
  }

  .member-management-settlement-stage-table-wrap,
  .member-management-settlement-monthly-table-wrap {
    display: none;
  }

  .member-management-money-table-wrap {
    display: none;
  }

  .member-management-point-table-wrap {
    display: none;
  }

  .member-management-rate-table-wrap {
    display: none;
  }

  .member-management-member-card-list {
    display: grid;
    gap: var(--space-4);
    width: 100%;
  }

  .member-management-money-card-list {
    display: grid;
    gap: var(--space-4);
    width: 100%;
  }

  .member-management-bet-card-list {
    display: grid;
    gap: var(--space-4);
    width: 100%;
  }

  .member-management-member-stat-card-list {
    display: grid;
    gap: var(--space-4);
    width: 100%;
  }

  .member-management-vendor-stat-card-list {
    display: grid;
    gap: var(--space-4);
    width: 100%;
  }

  .member-management-settlement-stage-card-list,
  .member-management-settlement-monthly-card-list {
    display: grid;
    gap: var(--space-4);
    width: 100%;
  }

  .member-management-point-card-list {
    display: grid;
    gap: var(--space-4);
    width: 100%;
  }

  .member-management-rate-card-list {
    display: grid;
    gap: var(--space-4);
    width: 100%;
  }

  .member-management-pagination {
    align-items: stretch;
    flex-direction: column;
  }

  .member-management-pagination div,
  .member-management-pagination button {
    width: 100%;
  }

  .member-management-rate-form {
    align-items: stretch;
    flex-direction: column;
  }

  .member-management-rate-form label,
  .member-management-rate-form input,
  .member-management-rate-form button {
    width: 100%;
  }

  .member-management-rate-form button {
    min-height: 44px;
  }

  .member-management-member-card-meta {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .member-management-member-card-values {
    grid-template-columns: 1fr 1fr;
  }

  .member-management-money-card-grid {
    grid-template-columns: 1fr 1fr;
  }

  .member-management-bet-card-amounts {
    grid-template-columns: 1fr 1fr;
  }

  .member-management-member-stat-card-grid {
    grid-template-columns: 1fr 1fr;
  }

  .member-management-vendor-stat-card-grid {
    grid-template-columns: 1fr 1fr;
  }

  .member-management-settlement-stage-card-grid,
  .member-management-settlement-monthly-card-grid {
    grid-template-columns: 1fr 1fr;
  }

  .member-management-point-card-grid {
    grid-template-columns: 1fr 1fr;
  }

  .member-management-rate-card-meta {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .member-management-rate-card-bounds {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 460px) {
  .member-management-member-card,
  .member-management-money-card,
  .member-management-bet-card,
  .member-management-member-stat-card,
  .member-management-vendor-stat-card,
  .member-management-settlement-stage-card,
  .member-management-settlement-monthly-card,
  .member-management-point-card,
  .member-management-rate-card {
    padding: var(--space-4);
  }

  .member-management-member-card-head,
  .member-management-bet-card-head,
  .member-management-member-stat-card-head,
  .member-management-vendor-stat-card-head,
  .member-management-settlement-stage-card-head,
  .member-management-settlement-monthly-card-head,
  .member-management-rate-card-head {
    flex-direction: column;
  }

  .member-management-member-card-meta,
  .member-management-member-card-values,
  .member-management-money-card-grid,
  .member-management-bet-card-amounts,
  .member-management-member-stat-card-grid,
  .member-management-vendor-stat-card-grid,
  .member-management-settlement-stage-card-grid,
  .member-management-settlement-monthly-card-grid,
  .member-management-point-card-grid,
  .member-management-rate-card-meta,
  .member-management-rate-card-bounds {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .partner01-money-page .chargeTopTable {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .partner01-money-page .chargeTopTable tbody,
  .partner01-money-page .chargeTopTable tr,
  .partner01-money-page .chargeTopTable th,
  .partner01-money-page .chargeTopTable td {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .partner01-money-page .chargeBotTable,
  .partner01-board-page .notice-table {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .partner01-money-page .textRightInput,
  .partner01-money-page .chargeTopTable input[type="text"],
  .partner01-money-page .chargeTopTable input[type="password"] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-right: 0;
  }

  .partner01-money-page .amount-btn-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .partner01-money-page .amount-btn-row button,
  .partner01-money-page .btnBox button {
    width: 100%;
  }
}

.partner01-history-actions {
  display: flex;
  gap: var(--space-4);
  margin-top: var(--space-6);
}

.partner01-history-actions button {
  min-height: 40px;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--color-partner01-aside);
  color: var(--color-partner01-white);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  padding: 0 var(--space-7);
}

.partner01-history-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.partner01-board-page .notice-table thead,
.partner01-board-page .notice-table tbody {
  table-layout: fixed;
}

.partner01-board-page .partner01-board-mobile-list {
  display: none;
}

.partner01-board-page .notice-table th,
.partner01-board-page .notice-table td {
  box-sizing: border-box;
  vertical-align: middle;
}

.partner01-board-page .notice-table thead th:first-child,
.partner01-board-page .notice-table tbody tr:not(.partner01-board-detail-row) td:first-child {
  width: 86px;
  text-align: center;
}

.partner01-board-page .notice-table thead th:nth-child(2),
.partner01-board-page .notice-table tbody tr:not(.partner01-board-detail-row) td:nth-child(2) {
  width: auto;
  text-align: center;
}

.partner01-board-page .notice-table thead th:nth-child(3),
.partner01-board-page .notice-table tbody tr:not(.partner01-board-detail-row) td:nth-child(3) {
  width: 180px;
  text-align: center;
}

.partner01-board-page .notice-table thead th:nth-child(4),
.partner01-board-page .notice-table tbody tr:not(.partner01-board-detail-row) td:nth-child(4) {
  width: 180px;
  text-align: center;
}

.partner01-board-page .partner01-board-title-btn {
  display: inline-flex;
  max-width: 100%;
  border: 0;
  background: transparent;
  color: var(--color-partner01-text);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  justify-content: center;
  padding: 0;
  text-align: center;
  overflow-wrap: anywhere;
}

.partner01-board-page .partner01-board-title-btn:hover {
  color: var(--color-partner01-gold);
  text-decoration: underline;
}

.partner01-board-page .partner01-board-detail-row td {
  background: var(--color-partner01-input-bg);
  color: var(--color-partner01-muted-strong);
  line-height: 1.8;
  overflow-wrap: anywhere;
}

.partner01-board-page .pagination {
  display: flex;
  justify-content: center;
  gap: var(--space-3);
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
}

.partner01-board-page .pagination button {
  min-width: 34px;
  min-height: 34px;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  background: var(--color-partner01-aside);
  color: var(--color-partner01-text);
  cursor: default;
  font: inherit;
  font-weight: 800;
}

.partner01-board-page .pagination button.active {
  border-color: var(--color-partner01-pink);
  background: var(--color-partner01-pink);
  color: var(--color-partner01-white);
}

.partner01-board-page .btnGreen {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  border: 1px solid var(--color-partner01-input-border);
  border-radius: var(--radius-md);
  background: var(--color-partner01-aside);
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-xs);
  font-weight: 800;
  padding: 0 var(--space-4);
}

.partner01-board-page .support-btn-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
}

.partner01-board-page .support-write-link {
  min-height: 40px;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--color-partner01-aside);
  color: var(--color-partner01-text-bright);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  padding: 0 var(--space-7);
  white-space: nowrap;
}

.partner01-board-page .support-write-actions .support-write-link {
  background: var(--color-partner01-aside);
  color: var(--color-partner01-text-bright);
}

.partner01-board-page .partner01-support-copy {
  display: inline-block;
  color: var(--color-partner01-text);
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.partner01-board-page .support-write-form select,
.partner01-board-page .support-write-form textarea {
  width: min(520px, 100%);
  border: 1px solid var(--color-partner01-input-border);
  border-radius: var(--radius-md);
  background: var(--color-partner01-input-bg);
  color: var(--color-partner01-text-bright);
  font: inherit;
  padding: var(--space-4) var(--space-5);
}

.partner01-board-page .support-write-form textarea {
  min-height: 120px;
  resize: vertical;
}

.partner01-board-page .support-write-actions {
  text-align: right;
}

.partner01-board-page #BtnDelet {
  min-height: 40px;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--color-danger);
  color: var(--color-partner01-white);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  padding: 0 var(--space-7);
}

.partner01-board-page .partner01-support-type {
  display: inline-flex;
  margin-left: var(--space-3);
  color: var(--color-partner01-muted);
  font-size: var(--font-size-xs);
  font-style: normal;
}

.partner01-board-page .partner01-message-summary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin: 0 0 var(--space-5);
  color: var(--color-partner01-muted);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.partner01-board-page .partner01-message-summary span {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  background: var(--color-partner01-aside);
  padding: 0 var(--space-5);
}

.partner01-board-page .partner01-message-unread .partner01-board-title-btn {
  color: var(--color-partner01-text-bright);
}

.partner01-board-page .partner01-message-unread .partner01-board-title-btn::after {
  content: "NEW";
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  margin-left: var(--space-3);
  border-radius: var(--radius-sm);
  background: var(--color-partner01-pink);
  color: var(--color-partner01-text-bright);
  font-size: 10px;
  font-weight: 900;
  padding: 0 var(--space-2);
  vertical-align: middle;
}

.partner01-board-page .partner01-support-detail {
  display: grid;
  gap: var(--space-3);
}

.partner01-board-page .partner01-support-detail b,
.partner01-board-page .partner01-support-detail p,
.partner01-board-page .partner01-support-detail > div {
  margin: 0;
}

.partner01-casino-page {
  min-height: calc(100vh - 64px);
  display: grid;
  align-content: start;
  gap: var(--space-8);
  background: var(--color-partner01-bg);
  color: var(--color-partner01-text);
  padding: var(--space-8) var(--space-12) var(--space-14);
}

.partner01-casino-bnr-box {
  position: relative;
  min-height: 255px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
  background:
    var(--gradient-partner01-casino-veil),
    var(--gradient-partner01-casino-wash),
    url("/images/partner01-home/home-feature-casino.png") center 58% / cover no-repeat,
    radial-gradient(circle at 70% 20%, var(--color-partner01-card-wash-alt), var(--color-partner01-surface-soft), var(--color-partner01-bg));
  box-shadow: var(--shadow-partner01-panel);
}

.partner01-casino-bnr-box::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: var(--space-7);
  top: var(--space-7);
  width: min(510px, calc(100% - var(--space-14)));
  height: calc(100% - var(--space-14));
  border: 1px solid var(--color-partner01-line-gold);
  border-radius: var(--radius-md);
  background:
    var(--gradient-partner01-casino-panel),
    var(--gradient-partner01-casino-stripes);
  box-shadow:
    inset 0 1px 0 var(--color-logo-shine),
    0 20px 70px var(--color-partner01-shadow-strong),
    0 0 42px var(--color-partner01-line-gold);
  pointer-events: none;
}

.partner01-casino-bnr-box::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(to right, var(--color-partner01-backdrop), transparent 55%, var(--color-partner01-backdrop)),
    repeating-linear-gradient(90deg, transparent 0, transparent 130px, var(--color-partner01-line-soft) 130px, var(--color-partner01-line-soft) 132px);
  pointer-events: none;
}

.partner01-casino-bnr-text {
  position: relative;
  z-index: 2;
  padding: var(--space-13) var(--space-12);
  text-shadow: 0 4px 18px var(--color-partner01-shadow-strong);
}

.partner01-casino-bnr-text b {
  display: block;
  margin-bottom: var(--space-5);
  color: var(--color-partner01-gold-bright);
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 0;
}

.partner01-casino-bnr-text p {
  margin: 0;
  color: var(--color-partner01-text-bright);
  font-size: 27px;
  font-weight: 800;
  line-height: 1.45;
}

.partner01-casino-meta {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--space-4);
}

.partner01-casino-meta span {
  border: 1px solid var(--color-partner01-line-gold);
  border-radius: var(--radius-pill);
  background: var(--color-partner01-chip-bg);
  color: var(--color-partner01-gold-bright);
  font-size: var(--font-size-xs);
  font-weight: 900;
  padding: var(--space-3) var(--space-6);
}

.partner01-casino-game-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-8);
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 1281px) {
  .partner01-casino-page:not(.partner01-slot-page) .partner01-casino-game-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .partner01-slot-page .partner01-casino-game-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.partner01-casino-vendor-card {
  position: relative;
  min-height: 260px;
  overflow: hidden;
  border: 1px solid var(--color-partner01-line-gold);
  border-radius: var(--radius-md);
  background: radial-gradient(circle at 20% 20%, var(--color-partner01-card-wash-alt), var(--color-partner01-surface-card));
  box-shadow: var(--shadow-partner01-panel);
}

.partner01-casino-thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--partner-vendor-image-position, 68% center);
  filter: brightness(1.02) saturate(1.06);
  transition: transform 0.35s ease, filter 0.35s ease;
}

.partner01-slot-vendor-card .partner01-casino-thumb,
.member-management-shell-vendor-card-slot .partner01-casino-thumb {
  object-position: var(--partner-slot-vendor-image-position, 74% center);
}

.partner01-casino-vendor-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent, var(--color-partner01-shadow-strong));
}

.partner01-casino-vendor-card:hover {
  border-color: var(--color-partner01-line-gold-strong);
  box-shadow: var(--shadow-partner01-glow);
}

.partner01-casino-vendor-card:hover .partner01-casino-thumb {
  transform: scale(1.045);
  filter: brightness(1.2) saturate(1.12);
}

.partner01-casino-vendor-card.is-image-maintenance,
.partner01-game-card.is-image-maintenance {
  background:
    linear-gradient(135deg, var(--color-partner01-surface-deep), var(--color-partner01-surface-card)),
    radial-gradient(circle at 50% 20%, var(--color-partner01-card-wash-alt), transparent 58%);
}

.partner01-casino-vendor-card.is-image-maintenance .partner01-casino-thumb,
.partner01-game-card.is-image-maintenance .partner01-casino-thumb {
  opacity: 0;
  visibility: hidden;
  transform: none;
}

.partner01-casino-vendor-card.is-image-maintenance:hover .partner01-casino-thumb,
.partner01-game-card.is-image-maintenance:hover .partner01-casino-thumb {
  transform: none;
  filter: none;
}

.partner01-vendor-maintenance {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-content: center;
  gap: var(--space-2);
  padding: var(--space-8) var(--space-6) calc(var(--space-12) + 48px);
  border: 1px solid var(--color-partner01-line-gold);
  background:
    linear-gradient(180deg, var(--color-partner01-shadow-strong), var(--color-partner01-backdrop)),
    repeating-linear-gradient(135deg, var(--color-partner01-line-soft) 0, var(--color-partner01-line-soft) 1px, transparent 1px, transparent 18px);
  color: var(--color-partner01-text-bright);
  text-align: center;
  pointer-events: none;
}

.partner01-vendor-maintenance strong {
  color: var(--color-partner01-gold-bright);
  font-size: var(--font-size-2xl);
  font-weight: 1000;
  line-height: 1.1;
}

.partner01-vendor-maintenance span {
  color: var(--color-partner01-muted);
  font-size: var(--font-size-sm);
  font-weight: 800;
  line-height: 1.35;
}

.partner01-casino-vendor-card.is-image-maintenance .partner01-casino-game-mask {
  z-index: 3;
  background: linear-gradient(to top, var(--color-partner01-shadow-strong), transparent);
}

.partner01-game-card.is-image-maintenance {
  cursor: default;
}

.partner01-game-card.is-image-maintenance:hover {
  transform: none;
  border-color: var(--color-partner01-line-gold);
  box-shadow: none;
}

.partner01-game-card.is-image-maintenance .partner01-game-card-media {
  min-height: var(--partner01-game-image-height);
}

.partner01-game-card.is-image-maintenance .partner01-vendor-maintenance {
  padding: var(--space-6);
}

.partner01-vendor-favorite {
  position: absolute;
  top: var(--space-4);
  right: var(--space-4);
  z-index: 4;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--color-partner01-chip-bg);
  color: var(--color-partner01-white);
  cursor: pointer;
  font-size: 29px;
  font-weight: 900;
  line-height: 1;
  text-shadow: 0 3px 12px var(--color-partner01-shadow-strong);
}

.partner01-vendor-favorite:hover,
.partner01-vendor-favorite:focus-visible {
  color: var(--color-partner01-gold-bright);
  outline: none;
  box-shadow: 0 0 0 3px var(--color-partner01-focus);
}

.partner01-vendor-favorite.is-favorite {
  color: var(--color-partner01-gold-bright);
}

.partner01-casino-game-mask {
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  display: grid;
  align-items: center;
  justify-items: center;
  gap: var(--space-4);
  background: linear-gradient(to top, var(--color-partner01-shadow-strong), transparent);
  padding: var(--space-5) var(--space-6);
  text-align: center;
}

.partner01-casino-game-mask span {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: var(--space-2);
}

.partner01-casino-game-mask strong {
  overflow: hidden;
  color: var(--color-partner01-text-bright);
  font-size: var(--font-size-md);
  font-weight: 900;
  text-align: center;
  text-overflow: ellipsis;
  white-space: normal;
}

.partner01-casino-game-mask em {
  color: var(--color-partner01-gold-bright);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 800;
}

.partner01-casino-enter {
  min-height: 34px;
  justify-self: center;
  border: 1px solid var(--color-partner01-line-gold-strong);
  border-radius: var(--radius-md);
  background: linear-gradient(180deg, var(--color-partner01-gold-bright), var(--color-partner01-gold-button));
  color: var(--color-partner01-surface-soft);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 900;
  padding: 0 var(--space-6);
}

.partner01-casino-enter:disabled {
  border-color: var(--color-partner01-line);
  background: var(--color-partner01-surface-deep);
  color: var(--color-partner01-muted);
  cursor: default;
}

.partner01-casino-page.casino-page {
  margin: 0;
}

.partner01-casino-page .casino-game-grid {
  display: grid;
}

.partner01-casino-page .casino-game-card,
.partner01-casino-page .slot-provider-card {
  min-height: 260px;
}

.partner01-casino-page .slot-provider-thumb {
  display: block;
}

.partner01-casino-page .casino-game-mask {
  z-index: 2;
}

.partner01-casino-page .slot-enter-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.partner01-slot-page .slot-bnr-box {
  position: relative;
  min-height: 255px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid var(--color-partner01-line-gold);
  border-radius: var(--radius-md);
  background:
    var(--gradient-partner01-slot-veil),
    var(--gradient-partner01-slot-wash),
    url("/images/partner01-home/home-feature-slots.png") center 52% / cover no-repeat,
    radial-gradient(ellipse 80% 60% at 75% 25%, var(--color-partner01-card-wash-alt), var(--color-partner01-surface-soft), var(--color-partner01-bg));
  box-shadow: var(--shadow-partner01-panel);
}

.partner01-slot-page .slot-bnr-box::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: var(--space-7);
  top: var(--space-7);
  width: min(560px, calc(100% - var(--space-14)));
  height: calc(100% - var(--space-14));
  border: 1px solid var(--color-partner01-line-gold);
  border-radius: var(--radius-md);
  background:
    var(--gradient-partner01-slot-panel),
    var(--gradient-partner01-slot-stripes);
  box-shadow:
    inset 0 1px 0 var(--color-logo-shine),
    0 20px 70px var(--color-partner01-shadow-strong),
    var(--shadow-partner01-slot-pink-glow);
  pointer-events: none;
}

.partner01-slot-page .slot-bnr-box::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(to right, var(--color-partner01-backdrop), transparent 56%, var(--color-partner01-backdrop)),
    repeating-linear-gradient(90deg, transparent 0, transparent 120px, var(--color-partner01-line-soft) 120px, var(--color-partner01-line-soft) 122px);
  pointer-events: none;
}

.partner01-slot-page .slot-bnr-text {
  position: relative;
  z-index: 3;
  max-width: 72%;
  padding: var(--space-13) var(--space-12);
  text-shadow: 0 4px 18px var(--color-partner01-shadow-strong);
}

.partner01-slot-page .slot-bnr-text b {
  display: block;
  margin-bottom: var(--space-5);
  background: linear-gradient(92deg, var(--color-partner01-gold-cream), var(--color-partner01-gold), var(--color-partner01-gold-bright));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 0;
}

.partner01-slot-page .slot-bnr-text p {
  margin: 0;
  color: var(--color-partner01-text-bright);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.45;
}

.partner01-slot-page .slot-provider-card {
  --partner01-slot-card-border: var(--color-partner01-line-gold);
  border-color: var(--partner01-slot-card-border);
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
}

.partner01-slot-page .slot-provider-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, var(--color-partner01-card-wash-alt), transparent, var(--color-partner01-shadow-strong)),
    linear-gradient(125deg, transparent, var(--color-partner01-line-soft));
  pointer-events: none;
}

.partner01-slot-page .slot-provider-card .casino-game-mask {
  border-top: 1px solid var(--color-partner01-line-soft);
  transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
}

.partner01-slot-page .slot-provider-card:hover .casino-game-mask {
  background: linear-gradient(to top, var(--color-partner01-shadow-strong), var(--color-partner01-card-wash-alt));
  box-shadow: var(--shadow-partner01-glow);
  transform: translateY(-6px);
}

.partner01-slot-page .slot-provider-card:hover .slot-enter-btn {
  box-shadow: var(--shadow-partner01-glow);
  filter: brightness(1.08);
  transform: scale(1.04);
}

.partner01-slot-page .slot-theme-premium-gold,
.partner01-slot-page .slot-provider-card--pragmatic_slot,
.partner01-slot-page .slot-theme-netent {
  --partner01-slot-card-border: var(--color-partner01-line-gold);
}

.partner01-form {
  display: grid;
  gap: var(--space-6);
}

.partner01-form label,
.partner01-game-filters label {
  display: grid;
  gap: var(--space-3);
  color: var(--color-partner01-muted-strong);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.partner-login-challenge {
  display: grid;
  gap: var(--space-3);
}

.partner-login-challenge-inline {
  min-width: 238px;
  grid-template-columns: minmax(112px, auto) 96px;
  align-items: center;
  gap: var(--space-3);
}

.partner-login-challenge-inline input {
  width: 96px;
  min-width: 96px;
}

.partner01-form input,
.partner01-form select,
.partner01-game-filters input,
.partner01-game-filters select {
  min-height: 38px;
  width: 100%;
  border: 1px solid var(--color-partner01-input-border);
  border-radius: var(--radius-md);
  background: var(--color-partner01-input-bg);
  color: var(--color-partner01-text-bright);
  font: inherit;
  padding: 0 var(--space-6);
}

.partner01-form input:focus,
.partner01-form select:focus,
.partner01-game-filters input:focus,
.partner01-game-filters select:focus {
  border-color: var(--color-partner01-gold);
  box-shadow: 0 0 0 3px var(--color-partner01-focus);
  outline: none;
}

.partner01-form-message {
  min-height: 20px;
  margin: 0;
  color: var(--color-partner01-gold-bright);
}

.partner01-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--color-partner01-line);
  border-radius: var(--radius-md);
}

.partner01-table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  background: var(--color-partner01-surface-card);
}

.partner01-table th,
.partner01-table td {
  border-bottom: 1px solid var(--color-partner01-line);
  color: var(--color-partner01-text);
  padding: var(--space-5) var(--space-6);
  text-align: left;
}

.partner01-table th {
  background: var(--color-partner01-aside);
  color: var(--color-partner01-text-bright);
}

.partner01-status {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border-radius: var(--radius-pill);
  background: var(--color-partner01-surface-deep);
  color: var(--color-partner01-gold-bright);
  font-size: var(--font-size-xs);
  font-weight: 800;
  padding: 0 var(--space-5);
}

.partner01-status.approved,
.partner01-status.paid,
.partner01-status.read {
  color: var(--color-partner01-green);
}

.partner01-status.rejected,
.partner01-status.failed,
.partner01-status.sent {
  color: var(--color-partner01-pink);
}

.partner01-game-filters {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) minmax(220px, 2fr) auto;
  align-items: end;
  gap: var(--space-5);
}

.partner01-game-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--partner01-game-card-width)), var(--partner01-game-card-width)));
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-5);
  --partner01-game-card-width: 168px;
  --partner01-game-image-height: 126px;
  --partner01-game-copy-height: 52px;
}

.partner01-game-card {
  position: relative;
  isolation: isolate;
  width: var(--partner01-game-card-width);
  max-width: 100%;
  min-height: calc(var(--partner01-game-image-height) + var(--partner01-game-copy-height));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--color-partner01-line-gold);
  border-radius: var(--radius-md);
  appearance: none;
  background: var(--color-partner01-game-card-bg);
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-align: left;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.partner01-game-card::after {
  content: none;
}

.partner01-game-card:hover {
  transform: translateY(-2px);
  border-color: var(--color-partner01-line-gold-strong);
  box-shadow: var(--shadow-partner01-glow);
}

.partner01-game-card:focus-visible {
  outline: 3px solid var(--color-partner01-game-focus-ring);
  outline-offset: 2px;
}

.partner01-game-card:disabled {
  cursor: progress;
}

.partner01-game-card-media {
  width: 100%;
  height: var(--partner01-game-image-height);
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--color-partner01-game-card-bg);
}

.partner01-game-card-bg {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  transform: none;
  transition: transform 0.28s ease, filter 0.28s ease;
}

.partner01-game-card:hover .partner01-game-card-bg {
  transform: none;
  filter: saturate(1.08);
}

.partner01-game-card.is-launching .partner01-game-card-bg {
  filter: brightness(0.72) saturate(0.9);
}

#partner-app [data-provider-game-launch-id].is-launch-disabled,
#partner-app [data-provider-casino-lobby-launch-id].is-launch-disabled {
  cursor: wait;
  opacity: 0.68;
  pointer-events: none;
}

.partner-game-notice {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 140;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: min(420px, calc(100vw - 32px));
  min-height: 54px;
  padding: 13px 18px;
  border: 1px solid var(--color-partner-game-notice-border);
  border-radius: 8px;
  background: var(--color-partner-game-notice-bg);
  color: var(--color-partner-game-notice-text);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
  text-align: center;
  box-shadow: 0 18px 42px var(--color-partner-game-notice-shadow);
  transform: translate(-50%, -50%);
  animation: partner-game-notice-in 0.18s ease-out forwards;
  pointer-events: none;
}

.partner-game-notice.error {
  border-color: var(--color-partner-game-notice-error-border);
  color: var(--color-partner-game-notice-error-text);
}

.partner-game-notice.is-leaving {
  animation: partner-game-notice-out 0.22s ease-in forwards;
}

@keyframes partner-game-notice-in {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 18px));
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@keyframes partner-game-notice-out {
  from {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  to {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 12px));
  }
}

.partner01-game-new-badge {
  position: absolute;
  top: var(--space-5);
  left: var(--space-5);
  z-index: 3;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-partner01-new-badge-border);
  border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-sm);
  background: var(--gradient-partner01-new-badge);
  color: var(--color-partner01-white);
  font-size: var(--font-size-xs);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  padding: 0 var(--space-4);
  box-shadow: 0 8px 18px var(--color-partner01-new-badge-shadow);
  text-shadow: 0 1px 2px var(--color-partner01-new-badge-text-shadow);
}

.partner01-game-card-copy {
  position: relative;
  z-index: 2;
  width: 100%;
  height: var(--partner01-game-copy-height);
  min-height: var(--partner01-game-copy-height);
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--color-partner01-game-copy-border);
  background: var(--gradient-partner01-game-copy);
  padding: var(--space-4) var(--space-5);
}

.partner01-game-card.is-new .partner01-game-card-copy {
  padding-top: var(--space-4);
}

.partner01-game-title {
  max-width: 100%;
  display: -webkit-box;
  overflow: hidden;
  color: var(--color-partner01-game-title);
  font-size: var(--font-size-sm);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.24;
  overflow-wrap: anywhere;
  text-align: center;
  text-shadow:
    0 1px 0 var(--color-partner01-game-title-shadow-strong),
    0 3px 8px var(--color-partner01-game-title-shadow-dark),
    0 0 10px var(--color-partner01-game-title-shadow-gold);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-text-stroke: 0.2px var(--color-partner01-game-title-stroke);
  word-break: keep-all;
}

.partner01-game-enter {
  align-self: flex-start;
  margin-top: auto;
}

.partner01-auth-layer {
  position: fixed;
  inset: 0;
  z-index: 80;
}

.partner01-auth-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  border: 0;
  background: var(--color-partner01-overlay);
  cursor: pointer;
}

.partner01-auth-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(420px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  transform: translate(-50%, -50%);
  border: 1px solid var(--color-partner01-line-gold);
  border-radius: var(--radius-md);
  background: var(--color-partner01-surface);
  color: var(--color-partner01-text);
  box-shadow: var(--shadow-partner01-modal);
  padding: var(--space-10);
}

.partner01-auth-dialog-register {
  width: min(520px, calc(100vw - 32px));
}

.partner01-auth-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  margin-bottom: var(--space-8);
}

.partner01-auth-head h2 {
  margin: 0;
  color: var(--color-partner01-text-bright);
}

.partner-user-auth-title {
  min-width: 0;
  display: grid;
  gap: var(--space-2);
  line-height: 1.2;
}

.partner-user-auth-site-badge {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  border: 1px solid currentColor;
  border-radius: var(--radius-sm);
  opacity: 0.82;
  padding: var(--space-1) var(--space-4);
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: 0;
}

.partner-user-auth-title-text {
  display: block;
}

.partner01-auth-head button,
.partner01-auth-switch {
  border: 0;
  background: transparent;
  color: var(--color-partner01-gold-bright);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
}

.partner01-auth-switch {
  margin-top: var(--space-6);
}

.partner-user-auth-gated {
  overflow: hidden;
}

.partner-user-auth-gated .partner01-auth-backdrop,
.partner-user-auth-gated .member-management-shell-auth-backdrop {
  background: var(--color-partner-user-auth-gate-bg);
  cursor: default;
}

.partner-user-auth-gated .partner01-auth-head [data-auth-close],
.partner-user-auth-gated .member-management-shell-auth-head [data-auth-close] {
  display: none;
}

.partner-user-popup-layer {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-10);
  background: var(--color-partner-user-popup-backdrop);
}

.partner-user-popup-stack {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-8);
  width: 100%;
  max-height: calc(100vh - 32px);
  overflow: auto;
}

@media (min-width: 1440px) {
  .partner-user-popup-layer .partner-user-popup-card {
    width: min(var(--partner-popup-width, 360px), calc((100vw - 72px) / 3));
  }
}

@media (max-width: 1439px) and (min-width: 821px) {
  .partner-user-popup-stack {
    flex-wrap: wrap;
  }

  .partner-user-popup-layer .partner-user-popup-card {
    width: min(var(--partner-popup-width, 360px), calc((100vw - 56px) / 2));
  }
}

@media (max-width: 820px) {
  .partner-user-popup-stack {
    flex-direction: column;
  }

  .partner-user-popup-layer .partner-user-popup-card {
    width: min(var(--partner-popup-width, 360px), calc(100vw - 40px));
  }
}

.partner-user-popup-card {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  width: min(var(--partner-popup-width, 360px), calc(100vw - 32px));
  max-height: min(var(--partner-popup-max-height, 720px), calc(100vh - 32px));
  overflow: hidden;
  border: 1px solid var(--color-partner-user-popup-border);
  border-radius: var(--radius-sm);
  background: var(--color-partner-user-popup-bg);
  box-shadow: var(--shadow-partner-user-popup-card);
}

.partner-user-popup-body {
  position: relative;
  min-height: 0;
  overflow: hidden;
  background: var(--gradient-partner-user-popup-body);
}

.partner-user-popup-card.is-text-only .partner-user-popup-body {
  min-height: 420px;
}

.partner-user-popup-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(560px, calc(100vh - 212px));
  object-fit: cover;
  background: var(--color-partner-user-popup-bg);
}

.partner-user-popup-image-link {
  display: block;
}

.partner-user-popup-top-close {
  position: absolute;
  top: var(--space-3);
  right: var(--space-3);
  z-index: 2;
  padding: var(--space-1) var(--space-2);
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--color-partner-user-popup-close-bg);
  color: var(--color-partner-user-popup-close-text);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: 0;
  text-transform: lowercase;
  text-shadow: 0 1px 8px var(--color-partner-user-popup-text-shadow);
}

.partner-user-popup-top-close:hover,
.partner-user-popup-top-close:focus-visible {
  background: var(--color-partner-user-popup-close-bg-hover);
  color: var(--color-partner-user-popup-close-text-hover);
  outline: 2px solid var(--color-partner-user-popup-close-outline);
  outline-offset: 2px;
}

.partner-user-popup-copy {
  position: absolute;
  left: var(--space-5);
  right: var(--space-5);
  top: var(--space-8);
  z-index: 1;
  display: grid;
  gap: var(--space-3);
  text-align: center;
  pointer-events: none;
}

.partner-user-popup-copy strong {
  color: var(--color-partner-user-popup-title);
  font-size: clamp(1.35rem, 2.2vw, 2.35rem);
  font-weight: 900;
  line-height: 1.08;
  text-shadow:
    0 2px 0 var(--color-partner-user-popup-text-shadow),
    0 0 18px var(--color-partner-user-popup-title-glow);
}

.partner-user-popup-copy p,
.partner-user-popup-richtext {
  justify-self: center;
  max-width: 100%;
  margin: 0;
  padding: var(--space-2) var(--space-4);
  border: 1px solid var(--color-partner-user-popup-copy-border);
  border-radius: var(--radius-sm);
  background: var(--color-partner-user-popup-copy-bg);
  color: var(--color-partner-user-popup-copy-text);
  font-size: var(--font-size-sm);
  font-weight: 800;
  line-height: 1.45;
  overflow-wrap: anywhere;
  text-shadow: 0 1px 10px var(--color-partner-user-popup-text-shadow);
}

.partner-user-popup-richtext > :first-child {
  margin-top: 0;
}

.partner-user-popup-richtext > :last-child {
  margin-bottom: 0;
}

.partner-user-popup-detail-link {
  justify-self: center;
  padding: var(--space-2) var(--space-4);
  border: 1px solid var(--color-partner-user-popup-copy-border);
  border-radius: var(--radius-sm);
  background: var(--color-partner-user-popup-copy-bg);
  color: var(--color-partner-user-popup-copy-text);
  font-size: var(--font-size-sm);
  font-weight: 900;
  pointer-events: auto;
  text-decoration: none;
}

.partner-user-popup-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 56px;
  border-top: 1px solid var(--color-partner-user-popup-action-border);
  background: var(--gradient-partner-user-popup-actions);
}

.partner-user-popup-actions:has(button:only-child) {
  grid-template-columns: 1fr;
}

.partner-user-popup-actions button {
  min-width: 0;
  min-height: 56px;
  padding: 0 var(--space-5);
  border: 0;
  background: transparent;
  color: var(--color-partner-user-popup-action-text);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 900;
}

.partner-user-popup-actions button:hover,
.partner-user-popup-actions button:focus-visible {
  background: var(--gradient-partner-user-popup-action-hover);
  color: var(--color-partner-user-popup-action-hover-text);
  outline: none;
}

.partner-user-popup-actions button + button {
  border-left: 1px solid var(--color-partner-user-popup-action-divider);
}

.partner-user-important-message-layer {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-10);
  background: var(--color-partner-user-popup-backdrop);
}

.partner-user-important-message-card {
  display: grid;
  width: min(560px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow: hidden;
  border: 1px solid var(--color-partner-user-popup-border);
  border-radius: var(--radius-sm);
  background: var(--color-partner-user-popup-bg);
  box-shadow: var(--shadow-partner-user-popup-card);
}

.partner-user-important-message-head {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-6);
  border-bottom: 1px solid var(--color-partner-user-popup-copy-border);
  background: var(--gradient-partner-user-popup-body);
}

.partner-user-important-message-head span {
  color: var(--color-partner-user-popup-title);
  font-size: var(--font-size-xs);
  font-weight: 900;
}

.partner-user-important-message-head strong {
  color: var(--color-partner-user-popup-copy-text);
  font-size: var(--font-size-lg);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.partner-user-important-message-body {
  min-height: 0;
  max-height: min(48vh, 420px);
  overflow: auto;
  padding: var(--space-6);
  color: var(--color-partner-user-popup-copy-text);
  font-size: var(--font-size-sm);
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.partner-user-important-message-body > :first-child {
  margin-top: 0;
}

.partner-user-important-message-body > :last-child {
  margin-bottom: 0;
}

.partner-user-important-message-guide,
.partner-user-important-message-error {
  margin: 0;
  padding: 0 var(--space-6) var(--space-4);
  color: var(--color-partner-user-popup-close-text);
  font-size: var(--font-size-xs);
  font-weight: 800;
  line-height: 1.5;
}

.partner-user-important-message-error {
  color: var(--color-bling-delete);
}

.partner-user-important-message-actions {
  display: grid;
  min-height: 56px;
  border-top: 1px solid var(--color-partner-user-popup-action-border);
  background: var(--gradient-partner-user-popup-actions);
}

.partner-user-important-message-actions button {
  min-height: 56px;
  border: 0;
  background: transparent;
  color: var(--color-partner-user-popup-action-text);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 900;
}

.partner-user-important-message-actions button:hover,
.partner-user-important-message-actions button:focus-visible {
  background: var(--gradient-partner-user-popup-action-hover);
  color: var(--color-partner-user-popup-action-hover-text);
  outline: none;
}

.partner-user-important-message-actions button:disabled {
  cursor: wait;
  opacity: 0.72;
}

.partner01-aside-backdrop {
  display: none;
}

@keyframes partner01-marquee-slide {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes partner01-marquee-glow {
  0%,
  100% {
    color: var(--color-partner01-gold-text);
  }

  50% {
    color: var(--color-partner01-gold-cream);
  }
}

body.athens-user-site {
  min-height: 100vh;
  background: var(--gradient-athens-body);
  color: var(--color-athens-button-text);
  overflow-x: hidden;
}

body.athens-user-site {
  ;
  ;
  ;
  ;
}

body.athens-user-site #partner-app {
  min-height: 100vh;
}

.partner-user-wallet {
  --partner-user-wallet-text: var(--color-partner01-text-bright);
  --partner-user-wallet-muted: var(--color-partner01-muted-strong);
  --partner-user-wallet-accent: var(--color-partner01-gold);
  --partner-user-wallet-accent-bright: var(--color-partner01-gold-bright);
  --partner-user-wallet-accent-deep: var(--color-partner01-gold-deep);
  --partner-user-wallet-panel: var(--color-partner01-input-bg);
  --partner-user-wallet-line: var(--color-partner01-line-gold-strong);
  --partner-user-wallet-divider: var(--color-partner01-line-gold);
  min-width: 0;
  max-width: min(780px, 58vw);
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  color: var(--partner-user-wallet-text);
  font-size: var(--font-size-sm);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

body.athens-user-site .partner-user-wallet {
  --partner-user-wallet-text: var(--color-athens-button-text);
  --partner-user-wallet-muted: var(--color-athens-muted);
  --partner-user-wallet-accent: var(--color-athens-crimson);
  --partner-user-wallet-accent-bright: var(--color-athens-crimson-line);
  --partner-user-wallet-accent-deep: var(--color-athens-crimson-deep);
  --partner-user-wallet-panel: var(--color-athens-panel);
  --partner-user-wallet-line: var(--color-athens-crimson-line);
  --partner-user-wallet-divider: var(--color-athens-card-line);
}

body.member-management-shell-user-site .partner-user-wallet {
  --partner-user-wallet-text: var(--color-member-management-shell-text);
  --partner-user-wallet-muted: var(--color-member-management-shell-muted);
  --partner-user-wallet-accent: var(--color-member-management-shell-gold);
  --partner-user-wallet-accent-bright: var(--color-member-management-shell-gold-bright);
  --partner-user-wallet-accent-deep: var(--color-member-management-shell-orange-deep);
  --partner-user-wallet-panel: var(--color-member-management-shell-panel);
  --partner-user-wallet-line: var(--color-member-management-shell-line-strong);
  --partner-user-wallet-divider: var(--color-member-management-shell-line);
}

.partner-user-wallet-identity {
  min-width: 0;
  max-width: 260px;
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  overflow: hidden;
}

.partner-user-wallet-identity span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.partner-user-wallet-identity b {
  flex: 0 0 auto;
  color: var(--partner-user-wallet-muted);
  font-size: 11px;
  font-weight: 900;
}

.partner-user-wallet-identity strong {
  min-width: 0;
  max-width: 106px;
  overflow: hidden;
  color: var(--partner-user-wallet-text);
  font-size: var(--font-size-base);
  font-weight: 1000;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.partner-user-wallet-panel {
  min-width: 0;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--partner-user-wallet-line);
  border-radius: 8px;
  background: var(--partner-user-wallet-panel);
  box-shadow: 0 0 0 1px var(--partner-user-wallet-divider) inset;
  margin: 0;
  padding: 0 var(--space-3);
}

.partner-user-wallet-panel div {
  min-width: max-content;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 0 var(--space-3);
}

.partner-user-wallet-panel div + div {
  border-left: 1px solid var(--partner-user-wallet-divider);
}

.partner-user-wallet-panel dt,
.partner-user-wallet-panel dd {
  margin: 0;
}

.partner-user-wallet-panel dt {
  color: var(--partner-user-wallet-text);
  font-size: var(--font-size-xs);
  font-weight: 900;
}

.partner-user-wallet-panel dd {
  color: var(--partner-user-wallet-accent);
  font-size: var(--font-size-xs);
  font-weight: 1000;
}

.partner-user-mobile-wallet-bar {
  display: none;
}

@media (max-width: 820px) {
  .partner01-header-actions > .partner-user-wallet,
.member-management-shell-top-actions > .partner-user-wallet {
    display: none;
  }

  .partner-user-mobile-wallet-bar {
    display: block;
    min-width: 0;
    margin: 0 0 var(--space-4);
  }

  .partner01-content-body > .partner-user-mobile-wallet-bar {
    margin: var(--space-4) var(--space-4) 0;
  }

.partner-user-mobile-wallet {
    width: 100%;
    max-width: 100%;
    display: grid;
    gap: var(--space-3);
    white-space: normal;
  }

  .partner-user-mobile-wallet .partner-user-wallet-identity {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner-user-mobile-wallet .partner-user-wallet-identity span {
    min-width: 0;
  }

  .partner-user-mobile-wallet .partner-user-wallet-identity strong {
    max-width: none;
  }

  .partner-user-mobile-wallet .partner-user-wallet-panel {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-height: 40px;
    padding: 0;
  }

  .partner-user-mobile-wallet .partner-user-wallet-panel div {
    min-width: 0;
    justify-content: center;
    padding: var(--space-3) var(--space-2);
  }
}

.partner01-auth-dialog-register,
.member-management-shell-auth-dialog-register {
  width: min(680px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
}

.member-management-shell-auth-dialog-register {
  gap: var(--space-5);
}

.partner01-auth-dialog-register .partner01-auth-head {
  margin-bottom: var(--space-5);
}

.partner01-auth-dialog-register .partner01-form,
.member-management-shell-auth-dialog-register .member-management-shell-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4) var(--space-5);
}

.partner01-auth-dialog-register .partner01-form label,
.member-management-shell-auth-dialog-register .member-management-shell-form label {
  gap: var(--space-2);
  min-width: 0;
  font-size: var(--font-size-xs);
}

.partner01-auth-dialog-register .partner01-form input,
.partner01-auth-dialog-register .partner01-form select,
.member-management-shell-auth-dialog-register .member-management-shell-form input,
.member-management-shell-auth-dialog-register .member-management-shell-form select {
  min-height: 36px;
  padding: 0 var(--space-4);
}

.partner01-auth-dialog-register .partner01-form button[type="submit"],
.partner01-auth-dialog-register .partner01-form .partner01-form-message,
.member-management-shell-auth-dialog-register .member-management-shell-form button[type="submit"],
.member-management-shell-auth-dialog-register .member-management-shell-form .partner01-form-message {
  grid-column: 1 / -1;
}

.partner01-auth-dialog-register .partner01-form button[type="submit"],
.member-management-shell-auth-dialog-register .member-management-shell-form button[type="submit"] {
  min-height: 40px;
}

@media (max-width: 720px) {
  .partner01-auth-dialog-register .partner01-form,
.member-management-shell-auth-dialog-register .member-management-shell-form {
    grid-template-columns: 1fr;
  }
}

body.member-management-shell-user-site,
body.member-management-shell-user-site #partner-app,
.member-management-shell-user-shell {
  min-height: 100vh;
  background: var(--gradient-member-management-shell-body);
  color: var(--color-member-management-shell-text);
}

body.member-management-shell-user-site {
  scrollbar-color: var(--color-member-management-shell-line-strong) var(--color-member-management-shell-bg);
}

.member-management-shell-user-shell {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}

.member-management-shell-topbar {
  min-height: 54px;
  display: flex;
  align-items: center;
  gap: var(--space-6);
  border-bottom: 1px solid var(--color-member-management-shell-line);
  background: var(--color-member-management-shell-bg);
  padding: var(--space-3) clamp(16px, 3vw, 38px);
}

.member-management-shell-support {
  flex: 0 1 420px;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--space-4);
  color: var(--color-member-management-shell-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-shell-support span,
.member-management-shell-support b {
  white-space: nowrap;
}

.member-management-shell-support b {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-member-management-shell-line);
  border-radius: var(--radius-sm);
  background: var(--color-member-management-shell-panel-soft);
  color: var(--color-member-management-shell-text);
  padding: 0 var(--space-6);
  font-size: var(--font-size-sm);
  font-weight: 1000;
}

.member-management-shell-top-actions {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
}

.member-management-shell-login-form {
  position: relative;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
}

.member-management-shell-login-form input {
  width: 160px;
  min-width: 120px;
  min-height: 38px;
  border: 1px solid var(--color-member-management-shell-line);
  border-radius: var(--radius-sm);
  background: var(--color-member-management-shell-login-bg);
  color: var(--color-member-management-shell-text);
  padding: 0 var(--space-6);
  font-weight: 800;
}

.member-management-shell-login-form input::placeholder {
  color: var(--color-member-management-shell-muted-strong);
}

.member-management-shell-login-form button,
.member-management-shell-top-button,
.member-management-shell-search {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-member-management-shell-line);
  border-radius: var(--radius-sm);
  background: var(--color-member-management-shell-panel-soft);
  color: var(--color-member-management-shell-text);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 1000;
  padding: 0 var(--space-6);
}

.member-management-shell-login-form button[type="submit"],
.member-management-shell-top-button-primary {
  border-color: var(--color-member-management-shell-line-strong);
  background: var(--gradient-member-management-shell-accent);
  color: var(--color-member-management-shell-bg);
  box-shadow: var(--shadow-member-management-shell-glow);
}

.member-management-shell-login-form span {
  color: var(--color-member-management-shell-text);
  font-size: var(--font-size-xs);
  font-weight: 1000;
}

.member-management-shell-login-form .partner-login-challenge strong {
  border-color: var(--color-member-management-shell-line);
  background: var(--color-member-management-shell-panel-soft);
  color: var(--color-member-management-shell-gold);
}

.member-management-shell-login-form .partner01-form-message {
  position: absolute;
  right: 0;
  top: calc(100% + var(--space-1));
  color: var(--color-member-management-shell-gold);
  font-size: var(--font-size-xs);
  font-weight: 800;
  margin: 0;
}

.member-management-shell-header {
  min-height: 86px;
  display: grid;
  grid-template-columns: minmax(230px, 320px) minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-6);
  border-bottom: 1px solid var(--color-member-management-shell-line);
  background: var(--color-member-management-shell-header);
  padding: 0 clamp(16px, 3vw, 38px);
}

.member-management-shell-logo {
  min-width: 0;
  display: grid;
  grid-template-columns: auto auto;
  align-items: end;
  justify-content: start;
  column-gap: var(--space-5);
  border: 0;
  background: transparent;
  color: var(--color-member-management-shell-text);
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-align: left;
}

.member-management-shell-logo span,
.member-management-shell-logo strong {
  font-size: 44px;
  font-weight: 1000;
  line-height: 0.9;
}

.member-management-shell-logo span {
  color: var(--color-member-management-shell-orange);
}

.member-management-shell-logo small {
  grid-column: 1 / -1;
  color: var(--color-member-management-shell-text);
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: 0;
}

.member-management-shell-nav {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  overflow-x: auto;
  scrollbar-width: none;
}

.member-management-shell-nav::-webkit-scrollbar {
  display: none;
}

.member-management-shell-nav button {
  flex: 0 0 auto;
  min-height: 42px;
  min-width: 74px;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-member-management-shell-text);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 1000;
  padding: 0 var(--space-5);
}

.member-management-shell-nav button:hover,
.member-management-shell-nav button:focus-visible,
.member-management-shell-nav button.active {
  border-color: var(--color-member-management-shell-line-strong);
  background: var(--color-member-management-shell-panel);
  color: var(--color-member-management-shell-gold);
  box-shadow: var(--shadow-member-management-shell-glow);
}

.member-management-shell-main {
  width: min(100%, 1480px);
  min-height: 0;
  margin: 0 auto;
  padding: var(--space-10) clamp(18px, 3vw, 42px) var(--space-14);
}

.member-management-shell {
  grid-template-rows: minmax(0, 1fr);
}

.member-management-shell > .member-management-shell-topbar,
.member-management-shell > .member-management-shell-header,
.member-management-shell > .member-management-shell-footer,
.member-management-shell > .member-management-shell-bottom-nav {
  display: none;
}

.member-management-shell > .member-management-shell-main {
  width: 100%;
  max-width: none;
  padding: 0;
}

.member-management-shell-home,
.member-management-shell-game-page,
.member-management-shell-inner-page {
  display: grid;
  gap: var(--space-10);
  min-width: 0;
}

.member-management-shell-hero {
  position: relative;
  min-height: 462px;
  overflow: hidden;
  display: flex;
  align-items: center;
  border: 1px solid var(--color-member-management-shell-line);
  border-radius: var(--radius-md);
  background:
    var(--gradient-member-management-shell-hero-overlay),
    var(--image-member-management-shell-hero-bg) center / cover no-repeat,
    var(--color-member-management-shell-bg);
  box-shadow: var(--shadow-member-management-shell-card);
}

.member-management-shell-hero-copy {
  width: min(720px, 74%);
  display: grid;
  gap: var(--space-6);
  padding: clamp(42px, 7vw, 92px);
}

.member-management-shell-hero-copy span,
.member-management-shell-section-head span,
.member-management-shell-game-head span {
  color: var(--color-member-management-shell-gold);
  font-size: var(--font-size-xs);
  font-weight: 1000;
}

.member-management-shell-hero-copy h1 {
  margin: 0;
  color: var(--color-member-management-shell-text);
  font-size: clamp(34px, 5vw, 58px);
  font-weight: 1000;
  letter-spacing: 0;
  line-height: 1.12;
  word-break: keep-all;
}

.member-management-shell-hero-copy p {
  width: min(100%, 680px);
  margin: 0;
  color: var(--color-member-management-shell-muted-strong);
  font-size: var(--font-size-lg);
  font-weight: 700;
  line-height: 1.7;
  word-break: keep-all;
}

.member-management-shell-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-4);
}

.member-management-shell-hero-actions button,
.member-management-shell-section-head button,
.member-management-shell-vendor-body button,
.member-management-shell-form button[type="submit"] {
  min-height: 42px;
  border: 1px solid var(--color-member-management-shell-line-strong);
  border-radius: var(--radius-sm);
  background: var(--gradient-member-management-shell-accent);
  color: var(--color-member-management-shell-bg);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 1000;
  padding: 0 var(--space-7);
  box-shadow: var(--shadow-member-management-shell-glow);
}

.member-management-shell-hero-actions button + button,
.member-management-shell-section-head button {
  background: var(--color-member-management-shell-panel-soft);
  color: var(--color-member-management-shell-text);
  box-shadow: none;
}

.member-management-shell-hero-actions strong {
  min-height: 58px;
  display: grid;
  align-content: center;
  gap: var(--space-1);
  border: 1px solid var(--color-member-management-shell-line-strong);
  border-radius: var(--radius-md);
  background: var(--color-member-management-shell-panel);
  color: var(--color-member-management-shell-text);
  padding: 0 var(--space-7);
  font-size: var(--font-size-sm);
}

.member-management-shell-hero-actions b {
  color: var(--color-member-management-shell-gold);
  font-size: var(--font-size-xl);
}

.member-management-shell-section,
.member-management-shell-game-page {
  min-width: 0;
  display: grid;
  gap: var(--space-6);
}

.member-management-shell-section-head,
.member-management-shell-game-head {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(220px, 1fr) auto;
  align-items: end;
  gap: var(--space-6);
}

.member-management-shell-section-head h2,
.member-management-shell-game-head h1 {
  margin: var(--space-2) 0 0;
  color: var(--color-member-management-shell-text);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 1000;
  letter-spacing: 0;
}

.member-management-shell-section-head p,
.member-management-shell-game-head p {
  margin: 0;
  color: var(--color-member-management-shell-muted);
  font-weight: 800;
  text-align: right;
  word-break: keep-all;
}

.member-management-shell-game-head {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  border: 1px solid var(--color-member-management-shell-line);
  border-radius: var(--radius-md);
  background: var(--color-member-management-shell-panel);
  padding: var(--space-8);
  box-shadow: var(--shadow-member-management-shell-card);
}

.member-management-shell-game-head p {
  text-align: left;
}

.member-management-shell-vendor-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--space-5);
  min-width: 0;
}

@media (min-width: 1281px) {
  .member-management-shell-vendor-grid-casino {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .member-management-shell-vendor-grid-slot {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.member-management-shell-vendor-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  display: grid;
  grid-template-rows: 178px minmax(126px, auto);
  border: 1px solid var(--color-member-management-shell-line);
  border-radius: var(--radius-md);
  background: var(--gradient-member-management-shell-card);
  box-shadow: var(--shadow-member-management-shell-card);
}

.member-management-shell-vendor-card:hover,
.member-management-shell-vendor-card:focus-within {
  border-color: var(--color-member-management-shell-line-strong);
  box-shadow: var(--shadow-member-management-shell-glow);
}

.member-management-shell-vendor-img {
  position: static;
  inset: auto;
  width: 100%;
  height: 178px;
  display: block;
  background: var(--color-member-management-shell-card-deep);
  object-fit: cover;
  filter: brightness(0.82) saturate(1.08);
}

.member-management-shell-favorite {
  position: absolute;
  top: var(--space-3);
  right: var(--space-3);
  z-index: 2;
  width: 34px;
  height: 34px;
  border: 1px solid var(--color-member-management-shell-line);
  border-radius: var(--radius-sm);
  background: var(--color-member-management-shell-overlay);
  color: var(--color-member-management-shell-text);
  cursor: pointer;
  font-size: var(--font-size-xl);
  line-height: 1;
}

.member-management-shell-favorite:hover,
.member-management-shell-favorite:focus-visible,
.member-management-shell-favorite.is-favorite {
  border-color: var(--color-member-management-shell-line-strong);
  color: var(--color-member-management-shell-gold);
}

.member-management-shell-vendor-body {
  min-width: 0;
  display: grid;
  grid-template-rows: minmax(44px, auto) auto;
  align-content: center;
  justify-items: center;
  gap: var(--space-3);
  border-top: 1px solid var(--color-member-management-shell-line);
  padding: var(--space-5);
}

.member-management-shell-vendor-body em {
  color: var(--color-member-management-shell-gold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 1000;
}

.member-management-shell-vendor-body strong {
  min-width: 0;
  color: var(--color-member-management-shell-text);
  font-size: var(--font-size-md);
  font-weight: 1000;
  line-height: 1.28;
  text-align: center;
  word-break: keep-all;
}

.member-management-shell-vendor-body small {
  color: var(--color-member-management-shell-muted);
  font-size: var(--font-size-xs);
  font-weight: 900;
}

.member-management-shell-vendor-body button {
  width: 100%;
  align-self: end;
  min-height: 38px;
  margin-top: var(--space-2);
  padding: 0 var(--space-5);
}

.member-management-shell-vendor-body button:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.member-management-shell-inner-page .partner01-panel,
.member-management-shell-inner-page .partner01-money-page,
.member-management-shell-inner-page .partner01-board-page,
.member-management-shell-inner-page .partner01-casino-page {
  border-color: var(--color-member-management-shell-line);
  background: var(--color-member-management-shell-panel);
  color: var(--color-member-management-shell-text);
}

.member-management-shell-inner-page .partner01-section-head,
.member-management-shell-inner-page .partner01-board-head,
.member-management-shell-inner-page .section-title {
  color: var(--color-member-management-shell-text);
}

.member-management-shell-inner-page .tabMenu {
  border: 1px solid var(--color-member-management-shell-line);
  border-radius: var(--radius-md);
  background: var(--color-member-management-shell-card-deep);
}

.member-management-shell-inner-page .tabMenu button,
.member-management-shell-inner-page .chargeTopTable,
.member-management-shell-inner-page .chargeBotTable,
.member-management-shell-inner-page .textList,
.member-management-shell-inner-page .bankList li {
  border-color: var(--color-member-management-shell-line);
  background: var(--color-member-management-shell-panel-soft);
  color: var(--color-member-management-shell-text);
}

.member-management-shell-inner-page .tabMenu li.active button,
.member-management-shell-inner-page .partner01-action-btn,
.member-management-shell-inner-page .btnBox button,
.member-management-shell-inner-page .support-write-link {
  border-color: var(--color-member-management-shell-line-strong);
  background: var(--gradient-member-management-shell-accent);
  color: var(--color-member-management-shell-bg);
  box-shadow: var(--shadow-member-management-shell-glow);
}

.member-management-shell-inner-page input,
.member-management-shell-inner-page select,
.member-management-shell-inner-page textarea {
  border-color: var(--color-member-management-shell-line-strong);
  background: var(--color-member-management-shell-card-deep);
  color: var(--color-member-management-shell-text);
}

.member-management-shell-footer {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--color-member-management-shell-line);
  background: var(--color-member-management-shell-bg);
  color: var(--color-member-management-shell-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-management-shell-bottom-nav {
  display: none;
}

.member-management-shell-auth-layer,
.member-management-shell-auth-backdrop {
  position: fixed;
  inset: 0;
  z-index: 90;
}

.member-management-shell-auth-backdrop {
  border: 0;
  background: var(--color-member-management-shell-overlay);
}

.member-management-shell-auth-dialog {
  width: min(420px, calc(100vw - 32px));
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 91;
  display: grid;
  gap: var(--space-6);
  border: 1px solid var(--color-member-management-shell-line-strong);
  border-radius: 14px;
  background: var(--color-member-management-shell-panel);
  color: var(--color-member-management-shell-text);
  padding: var(--space-8);
  transform: translate(-50%, -50%);
  box-shadow: var(--shadow-member-management-shell-glow);
}

.member-management-shell-auth-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
}

.member-management-shell-auth-head strong {
  font-size: var(--font-size-2xl);
  font-weight: 1000;
}

.member-management-shell-auth-head button,
.member-management-shell-auth-switch {
  border: 0;
  background: transparent;
  color: var(--color-member-management-shell-muted);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
}

.member-management-shell-form {
  display: grid;
  gap: var(--space-5);
}

.member-management-shell-form label {
  display: grid;
  gap: var(--space-2);
  color: var(--color-member-management-shell-muted);
  font-weight: 900;
}

.member-management-shell-form input,
.member-management-shell-form select {
  min-height: 42px;
  border: 1px solid var(--color-member-management-shell-line-strong);
  border-radius: var(--radius-md);
  background: var(--color-member-management-shell-card-deep);
  color: var(--color-member-management-shell-text);
  padding: 0 var(--space-5);
}

.member-management-shell-form button[type="submit"] {
  min-height: 44px;
}

@media (max-width: 1280px) {
  .member-management-shell-vendor-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  body.member-management-shell-user-site .member-management-shell-workspace {
    grid-template-columns: var(--layout-sidebar-collapsed-width) minmax(0, 1fr);
  }

  body.member-management-shell-user-site .member-management-shell-sidebar {
    width: var(--layout-sidebar-collapsed-width);
    overflow: visible;
    border-right: 1px solid var(--color-sidebar-border);
    border-bottom: 0;
  }

  body.member-management-shell-user-site .member-management-shell-sidebar-brand {
    height: 136px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-1);
    border-bottom-color: transparent;
    padding: var(--space-2) 0 var(--space-1);
  }

  body.member-management-shell-user-site .member-management-shell-brand-logo {
    justify-content: center;
    writing-mode: vertical-rl;
    text-orientation: upright;
    transform: none;
  }

  body.member-management-shell-user-site .member-management-shell-brand-image {
    max-width: 42px;
    max-height: 96px;
  }

  body.member-management-shell-user-site .member-management-shell-brand-words {
    gap: var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-brand-text,
  body.member-management-shell-user-site .member-management-shell-brand-words strong {
    font-size: var(--font-size-lg);
  }

  body.member-management-shell-user-site .member-management-shell-brand-words small,
  body.member-management-shell-user-site .member-management-shell-brand-scope-label,
  body.member-management-shell-user-site .member-management-shell-side-group-title,
  body.member-management-shell-user-site .member-management-shell-side-group-chevron {
    display: none;
  }

  body.member-management-shell-user-site .member-management-shell-brand-scope-row {
    width: 100%;
    justify-content: center;
  }

  body.member-management-shell-user-site .member-management-shell-sidebar-toggle {
    width: 28px;
    height: 28px;
    min-width: 28px;
  }

  body.member-management-shell-user-site .member-management-shell-side-nav {
    gap: var(--space-4);
    padding: var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-side-group {
    border-color: var(--color-sidebar-border);
    background: transparent;
  }

  body.member-management-shell-user-site .member-management-shell-side-group-toggle {
    min-height: 50px;
    justify-content: center;
    gap: 0;
    padding: var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-side-group-items {
    display: none;
  }

  .member-management-shell-topbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .member-management-shell-support,
  .member-management-shell-top-actions,
  .member-management-shell-login-form {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .member-management-shell-header {
    grid-template-columns: 1fr auto;
    min-height: auto;
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }

  .member-management-shell-nav {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .member-management-shell-hero {
    min-height: 380px;
  }

  .member-management-shell-hero-copy {
    width: 100%;
    padding: var(--space-10);
  }

  .member-management-shell-section-head {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .member-management-shell-section-head p {
    text-align: left;
  }
}

@media (max-width: 720px) {
  body.member-management-shell-user-site,
  body.member-management-shell-user-site #partner-app,
  .member-management-shell-user-shell {
    max-width: 100vw;
    overflow-x: hidden;
  }

  .member-management-shell-support {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-management-shell-support b {
    padding: 0 var(--space-4);
  }

  .member-management-shell-login-form input {
    width: min(100%, 180px);
  }

  .member-management-shell-logo span,
  .member-management-shell-logo strong {
    font-size: 34px;
  }

  .member-management-shell-search {
    min-width: 58px;
    padding: 0 var(--space-4);
  }

  .member-management-shell-main {
    padding: var(--space-7) var(--space-4) var(--space-12);
  }

  .member-management-shell-hero {
    min-height: 360px;
    background-position: center;
  }

  .member-management-shell-hero-copy {
    padding: var(--space-8) var(--space-6);
  }

  .member-management-shell-hero-copy h1 {
    font-size: 34px;
  }

  .member-management-shell-hero-copy p {
    font-size: var(--font-size-md);
  }

  .member-management-shell-vendor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
  }

  .member-management-shell-vendor-card {
    grid-template-rows: 116px minmax(162px, auto);
  }

  .member-management-shell-vendor-img {
    height: 116px;
  }
}

@media (max-width: 460px) {
  .member-management-shell-vendor-grid {
    grid-template-columns: 1fr;
  }

  .member-management-shell-login-form input,
  .member-management-shell-login-form button,
  .member-management-shell-top-button {
    width: 100%;
  }

  .member-management-shell-hero-actions button,
  .member-management-shell-hero-actions strong {
    width: 100%;
  }
}

@media (max-width: 820px) {
  body.member-management-shell-user-site .member-management-shell-header {
    padding: var(--space-2);
  }

  body.member-management-shell-user-site .member-management-shell-header-grid {
    grid-template-columns: repeat(14, minmax(82px, 1fr));
    gap: var(--space-2);
    min-width: 1260px;
  }

  body.member-management-shell-user-site .member-management-shell-header-card {
    min-height: 56px;
  }

  body.member-management-shell-user-site .member-management-shell-header-card span {
    font-size: 11px;
  }

  body.member-management-shell-user-site .member-management-shell-header-card strong {
    font-size: 14px;
  }

  body.member-management-shell-user-site .member-management-shell-topbar {
    gap: var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-top-actions {
    align-items: stretch;
  }

  body.member-management-shell-user-site .member-management-shell-top-actions .member-management-shell-top-button {
    width: auto;
    flex: 1 1 calc(50% - var(--space-2));
    padding-inline: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-login-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: var(--space-2);
  }

  body.member-management-shell-user-site .member-management-shell-login-form input,
  body.member-management-shell-user-site .member-management-shell-login-form button {
    width: 100%;
    min-width: 0;
    padding-inline: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-login-form span {
    display: none;
  }

  body.member-management-shell-user-site .member-management-shell-login-form .partner01-form-message {
    position: static;
    grid-column: 1 / -1;
  }

  body.member-management-shell-user-site .member-management-shell-nav {
    justify-content: flex-start;
    margin-inline: calc(var(--space-4) * -1);
    padding: 0 var(--space-4) var(--space-1);
    scroll-padding-inline: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-nav button {
    min-width: 64px;
    min-height: 38px;
    padding-inline: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-main {
    width: 100%;
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
  }

  body.member-management-shell-user-site .member-management-shell-bottom-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 76;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(58px, 1fr));
    gap: var(--space-1);
    width: 100%;
    max-width: 100vw;
    border-top: 1px solid var(--color-member-management-shell-line);
    background: var(--color-member-management-shell-header);
    box-shadow: 0 -18px 36px var(--color-member-management-shell-overlay);
    box-sizing: border-box;
    padding: var(--space-2) max(var(--space-3), env(safe-area-inset-right)) calc(var(--space-2) + env(safe-area-inset-bottom)) max(var(--space-3), env(safe-area-inset-left));
  }

  body.member-management-shell-user-site .member-management-shell-bottom-nav button {
    min-width: 0;
    min-height: 58px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-member-management-shell-muted-strong);
    cursor: pointer;
    font: inherit;
    font-size: 11px;
    font-weight: 1000;
    line-height: 1.1;
    padding: 5px 3px;
    text-align: center;
  }

  body.member-management-shell-user-site .member-management-shell-bottom-nav button.active,
  body.member-management-shell-user-site .member-management-shell-bottom-nav button:hover,
  body.member-management-shell-user-site .member-management-shell-bottom-nav button:focus-visible {
    background: var(--color-member-management-shell-panel);
    color: var(--color-member-management-shell-text);
  }

  body.member-management-shell-user-site .member-management-shell-bottom-nav-icon {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-member-management-shell-muted-strong);
    line-height: 0;
  }

  body.member-management-shell-user-site .member-management-shell-bottom-nav button.active .member-management-shell-bottom-nav-icon,
  body.member-management-shell-user-site .member-management-shell-bottom-nav button:hover .member-management-shell-bottom-nav-icon,
  body.member-management-shell-user-site .member-management-shell-bottom-nav button:focus-visible .member-management-shell-bottom-nav-icon {
    color: var(--color-member-management-shell-gold);
  }

  body.member-management-shell-user-site .member-management-shell-bottom-nav-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
  }

  body.member-management-shell-user-site .member-management-shell-bottom-nav-label {
    width: 100%;
    overflow: hidden;
    color: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 640px) {
  body.member-management-shell-user-site .member-management-shell-header-grid {
    grid-template-columns: repeat(14, minmax(78px, 1fr));
    min-width: 1180px;
  }

  body.member-management-shell-user-site .member-management-shell-topbar {
    min-height: 0;
    padding: var(--space-3) var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-support {
    flex-basis: auto;
    display: none;
  }

  body.member-management-shell-user-site .member-management-shell-header {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-3);
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-logo {
    column-gap: var(--space-2);
  }

  body.member-management-shell-user-site .member-management-shell-logo span,
  body.member-management-shell-user-site .member-management-shell-logo strong {
    font-size: 30px;
  }

  body.member-management-shell-user-site .member-management-shell-logo small {
    font-size: var(--font-size-xs);
    line-height: 1.2;
  }

  body.member-management-shell-user-site .member-management-shell-search {
    min-width: 0;
    padding-inline: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-main {
    padding: var(--space-5) var(--space-4) calc(104px + env(safe-area-inset-bottom));
  }

  body.member-management-shell-user-site .member-management-shell-home,
  body.member-management-shell-user-site .member-management-shell-game-page,
  body.member-management-shell-user-site .member-management-shell-inner-page {
    gap: var(--space-6);
  }

  body.member-management-shell-user-site .member-management-shell-hero {
    min-height: auto;
    align-items: stretch;
    border-radius: var(--radius-sm);
    background-position: 60% center;
  }

  body.member-management-shell-user-site .member-management-shell-hero-copy {
    width: 100%;
    gap: var(--space-4);
    padding: var(--space-6);
  }

  body.member-management-shell-user-site .member-management-shell-hero-copy h1 {
    font-size: 28px;
    line-height: 1.18;
  }

  body.member-management-shell-user-site .member-management-shell-hero-copy p {
    font-size: var(--font-size-sm);
    line-height: 1.55;
  }

  body.member-management-shell-user-site .member-management-shell-hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-hero-actions button {
    width: 100%;
    min-height: 40px;
    padding-inline: var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-hero-actions strong {
    grid-column: 1 / -1;
    min-height: 0;
    padding: var(--space-4);
    font-size: var(--font-size-xs);
  }

  body.member-management-shell-user-site .member-management-shell-hero-actions b {
    font-size: var(--font-size-base);
  }

  body.member-management-shell-user-site .member-management-shell-section,
  body.member-management-shell-user-site .member-management-shell-game-page {
    gap: var(--space-5);
  }

  body.member-management-shell-user-site .member-management-shell-section-head,
  body.member-management-shell-user-site .member-management-shell-game-head {
    gap: var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-section-head h2,
  body.member-management-shell-user-site .member-management-shell-game-head h1 {
    font-size: 26px;
  }

  body.member-management-shell-user-site .member-management-shell-section-head button {
    width: 100%;
    min-height: 40px;
  }

  body.member-management-shell-user-site .member-management-shell-game-head {
    padding: var(--space-5);
  }

  body.member-management-shell-user-site .member-management-shell-vendor-grid {
    gap: var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-vendor-card {
    grid-template-rows: 108px minmax(140px, auto);
    border-radius: var(--radius-sm);
  }

  body.member-management-shell-user-site .member-management-shell-vendor-img {
    height: 108px;
  }

  body.member-management-shell-user-site .member-management-shell-vendor-body {
    grid-template-rows: auto minmax(38px, auto) auto 1fr;
    gap: var(--space-2);
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-vendor-body strong {
    overflow-wrap: anywhere;
    font-size: var(--font-size-sm);
  }

  body.member-management-shell-user-site .member-management-shell-vendor-body button {
    min-height: 36px;
    padding-inline: var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-footer {
    padding: var(--space-3) var(--space-4);
    text-align: center;
  }
}

@media (max-width: 460px) {
  body.member-management-shell-user-site .member-management-shell-login-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.member-management-shell-user-site .member-management-shell-logo span,
  body.member-management-shell-user-site .member-management-shell-logo strong {
    font-size: 28px;
  }

  body.member-management-shell-user-site .member-management-shell-logo small {
    display: none;
  }

  body.member-management-shell-user-site .member-management-shell-search {
    min-width: 58px;
  }

  body.member-management-shell-user-site .member-management-shell-hero-copy {
    padding: var(--space-5);
  }

  body.member-management-shell-user-site .member-management-shell-hero-copy h1 {
    font-size: 26px;
  }

  body.member-management-shell-user-site .member-management-shell-hero-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  body.member-management-shell-user-site .member-management-shell-vendor-card {
    grid-template-columns: 104px minmax(0, 1fr);
    grid-template-rows: minmax(150px, auto);
  }

  body.member-management-shell-user-site .member-management-shell-vendor-img {
    height: 100%;
    min-height: 150px;
  }

  body.member-management-shell-user-site .member-management-shell-vendor-body {
    border-top: 0;
    border-left: 1px solid var(--color-member-management-shell-line);
  }
}

body.athens-user-site {
  --athens-page-gutter: clamp(14px, 1.6vw, 36px);
  min-width: 320px;
  min-height: 100vh;
  background: var(--gradient-athens-body);
  color: var(--color-athens-text);
  font-family: var(--font-family-base);
  font-size: var(--font-size-md);
  line-height: 1.45;
  overflow-x: hidden;
}

body.athens-user-site #partner-app,
.athens-shell-root {
  min-height: 100vh;
}

.athens-shell-root {
  background: var(--gradient-athens-body);
}

.athens-shell {
  width: calc(100% - (var(--athens-page-gutter) * 2));
  margin: 0 auto;
  padding: 0;
}

.athens-header {
  position: sticky;
  top: 0;
  z-index: 70;
  border-bottom: 1px solid var(--color-athens-line-mid);
  background: var(--color-athens-header);
  backdrop-filter: blur(12px);
}

.athens-account-row {
  min-height: 51px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--color-athens-line-soft);
}

.athens-brand {
  min-width: 220px;
  display: inline-flex;
  align-items: center;
  border: 0;
  background: transparent;
  color: var(--color-athens-text);
  cursor: pointer;
  padding: 0;
  text-align: left;
  transition: filter 160ms ease, transform 160ms ease;
}

.athens-brand:hover,
.athens-brand:focus-visible {
  filter: brightness(1.18) drop-shadow(0 0 14px var(--color-athens-line-strong));
  outline: none;
  transform: translateY(-1px);
}

.athens-brand img {
  width: 212px;
  height: 74px;
  display: block;
  object-fit: contain;
}

.athens-menu-toggle {
  display: none;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  border: 1px solid var(--color-athens-line-strong);
  border-radius: 4px;
  background: var(--color-athens-card);
  color: var(--color-athens-gold-2);
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.athens-menu-toggle span {
  width: 19px;
  height: 2px;
  border-radius: var(--radius-pill);
  background: currentColor;
  transition: transform 160ms ease, opacity 160ms ease;
}

.athens-menu-toggle:hover,
.athens-menu-toggle:focus-visible {
  border-color: var(--color-athens-line-bright);
  background: var(--color-athens-card-hover);
  box-shadow: var(--shadow-athens-focus);
  outline: none;
}

.athens-header.is-menu-open .athens-menu-toggle span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.athens-header.is-menu-open .athens-menu-toggle span:nth-child(2) {
  opacity: 0;
}

.athens-header.is-menu-open .athens-menu-toggle span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.athens-member-strip {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  color: var(--color-athens-muted);
  font-size: var(--font-size-xs);
}

body.athens-user-site .athens-wallet.partner-user-wallet {
  --partner-user-wallet-text: var(--color-athens-text);
  --partner-user-wallet-muted: var(--color-athens-muted);
  --partner-user-wallet-accent: var(--color-athens-gold-2);
  --partner-user-wallet-accent-bright: var(--color-athens-gold-2);
  --partner-user-wallet-accent-deep: var(--color-athens-gold-deep);
  --partner-user-wallet-panel: var(--gradient-athens-action);
  --partner-user-wallet-line: var(--color-athens-line);
  --partner-user-wallet-divider: var(--color-athens-line-soft);
  max-width: min(64vw, 980px);
  gap: 8px;
  font-size: var(--font-size-xs);
}

.athens-wallet .partner-user-wallet-identity {
  max-width: 220px;
}

.athens-wallet .partner-user-wallet-panel {
  min-height: 32px;
  border-radius: 3px;
  box-shadow: none;
}

.athens-wallet .partner-user-wallet-panel div {
  padding: 0 var(--space-4);
}

.athens-small-action,
.athens-gold-action,
.athens-gold-button,
.athens-ghost-button,
.athens-dark-button,
.athens-card-cta,
.athens-game-body button,
.athens-primary-action {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  border: 1px solid var(--color-athens-line-strong);
  border-radius: 4px;
  padding: 0 16px;
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, color 160ms ease, filter 160ms ease;
}

.athens-small-action,
.athens-ghost-button,
.athens-dark-button {
  background: var(--color-athens-card);
  color: var(--color-athens-gold-2);
}

.athens-gold-action,
.athens-gold-button,
.athens-primary-action {
  background: var(--gradient-athens-gold-button);
  color: var(--color-athens-button-ink);
  box-shadow: var(--shadow-athens-action);
}

.athens-small-action {
  min-height: 32px;
  padding: 0 12px;
  background: var(--gradient-athens-action);
  color: var(--color-athens-text);
}

.athens-small-action:hover,
.athens-small-action:focus-visible,
.athens-ghost-button:hover,
.athens-ghost-button:focus-visible,
.athens-dark-button:hover,
.athens-dark-button:focus-visible {
  border-color: var(--color-athens-line-bright);
  background: var(--gradient-athens-ghost-hover);
  box-shadow: var(--shadow-athens-focus);
  color: var(--color-athens-text-cream);
  outline: none;
  transform: translateY(-1px);
}

.athens-gold-action:hover,
.athens-gold-action:focus-visible,
.athens-gold-button:hover,
.athens-gold-button:focus-visible,
.athens-primary-action:hover,
.athens-primary-action:focus-visible {
  border-color: var(--color-athens-line-hot);
  background: var(--gradient-athens-gold-button-hover);
  box-shadow: var(--shadow-athens-action-hover);
  color: var(--color-athens-button-ink-strong);
  filter: brightness(1.05);
  outline: none;
  transform: translateY(-2px);
}

.athens-nav-row {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.athens-primary-nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 3px;
  overflow: visible;
}

.athens-nav-link {
  min-width: max-content;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--color-athens-text);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 800;
  padding: 0 15px;
  transition: transform 160ms ease, color 160ms ease, background 160ms ease, border-color 160ms ease, text-shadow 160ms ease;
}

.athens-nav-link:hover,
.athens-nav-link:focus-visible,
.athens-nav-link.active {
  border-bottom-color: var(--color-athens-gold);
  background: var(--color-athens-line-faint);
  color: var(--color-athens-gold-2);
  outline: none;
  text-shadow: 0 0 18px var(--color-athens-line-strong);
  transform: translateY(-1px);
}

.athens-nav-icon {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
}

.athens-nav-icon svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.athens-hero {
  position: relative;
  width: calc(100% - (var(--athens-page-gutter) * 2));
  min-height: clamp(520px, 31.25vw, 1200px);
  margin: 0 auto;
  overflow: hidden;
  border-bottom: 1px solid var(--color-athens-line-mid);
  background: var(--gradient-athens-hero);
}

.athens-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 148px;
  background: var(--gradient-athens-hero-bottom);
  pointer-events: none;
}

.athens-hero-inner {
  position: relative;
  z-index: 2;
  min-height: inherit;
  display: flex;
  align-items: center;
  padding: 34px 0 44px;
}

.athens-hero-copy {
  position: relative;
  z-index: 2;
  width: min(900px, 100%);
}

.athens-eyebrow {
  margin-bottom: 12px;
  color: var(--color-athens-gold-2);
  font-weight: 800;
  letter-spacing: 0;
}

.athens-hero h1 {
  max-width: 860px;
  margin: 0 0 12px;
  color: var(--color-athens-text-bright);
  font-family: var(--font-family-base);
  font-size: clamp(21px, 1.9vw, 28px);
  font-weight: 900;
  line-height: 1.14;
  white-space: nowrap;
  text-shadow: var(--shadow-athens-text);
}

.athens-hero p {
  max-width: 460px;
  margin: 0 0 16px;
  color: var(--color-athens-soft);
  font-size: var(--font-size-lg);
}

.athens-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 22px;
}

.athens-trust-row {
  width: min(900px, 100%);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.athens-trust-item {
  min-width: 0;
  min-height: 62px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--color-athens-line-soft);
  border-radius: 6px;
  background: var(--color-athens-card);
  padding: 10px 12px;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.athens-trust-item:hover {
  border-color: var(--color-athens-line-strong);
  background: var(--color-athens-card-hover);
  box-shadow: var(--shadow-athens-card-soft);
  transform: translateY(-2px);
}

.athens-trust-mark {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid var(--color-athens-line-strong);
  border-radius: 4px;
  background: var(--color-athens-line-faint);
  color: var(--color-athens-gold-2);
  line-height: 0;
}

.athens-trust-mark img {
  width: 28px;
  height: 28px;
  display: block;
  margin: auto;
  object-fit: contain;
  transform: translate(1px, 3px);
}

.athens-trust-item strong,
.athens-trust-item span {
  display: block;
  white-space: nowrap;
}

.athens-trust-item strong {
  color: var(--color-athens-text);
  font-size: var(--font-size-sm);
}

.athens-trust-item div span {
  margin-top: 2px;
  color: var(--color-athens-muted);
  font-size: 11px;
}

.athens-main {
  position: relative;
  z-index: 1;
  padding: 48px 0 58px;
}

.athens-quick-dock {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: -34px auto 42px;
}

.athens-dock-card {
  position: relative;
  min-height: 102px;
  overflow: hidden;
  border: 1px solid var(--color-athens-line-strong);
  border-radius: 8px;
  background: var(--gradient-athens-dock);
  color: var(--color-athens-text);
  cursor: pointer;
  padding: 18px 54px 18px 18px;
  text-align: left;
  box-shadow: var(--shadow-athens-main);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

.athens-dock-card-casino {
  background: var(--gradient-athens-dock-live);
}

.athens-dock-card-slots {
  background: var(--gradient-athens-dock-slot);
}

.athens-dock-card-support {
  background: var(--gradient-athens-dock-support);
}

.athens-dock-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--gradient-athens-dock-shine);
  opacity: 0;
  pointer-events: none;
  transform: translateX(-24%);
  transition: opacity 160ms ease, transform 180ms ease;
}

.athens-dock-card::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 12px;
  height: 12px;
  border-top: 2px solid var(--color-athens-gold-2);
  border-right: 2px solid var(--color-athens-gold-2);
  opacity: 0.72;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 160ms ease, opacity 160ms ease;
}

.athens-dock-card:hover,
.athens-dock-card:focus-visible {
  border-color: var(--color-athens-line-hot);
  box-shadow: var(--shadow-athens-dock-hover);
  filter: brightness(1.08);
  outline: none;
  transform: translateY(-3px);
}

.athens-dock-card:hover::before,
.athens-dock-card:focus-visible::before {
  opacity: 1;
  transform: translateX(18%);
}

.athens-dock-card:hover::after,
.athens-dock-card:focus-visible::after {
  opacity: 1;
  transform: translate(5px, -50%) rotate(45deg);
}

.athens-dock-card span,
.athens-dock-card strong {
  display: block;
}

.athens-dock-card span {
  margin-bottom: 4px;
  color: var(--color-athens-gold-2);
  font-weight: 900;
}

.athens-dock-card strong {
  margin-bottom: 4px;
  font-size: var(--font-size-xl);
}

.athens-dock-card small {
  color: var(--color-athens-muted);
}

.athens-section {
  margin-bottom: 54px;
  scroll-margin-top: 132px;
}

.athens-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.athens-section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 7px;
  color: var(--color-athens-gold-2);
  font-weight: 900;
}

.athens-section-kicker::before {
  content: "";
  width: 28px;
  height: 1px;
  display: inline-block;
  background: var(--color-athens-gold);
}

.athens-section h2 {
  margin: 0;
  color: var(--color-athens-text-cream);
  font-family: var(--font-family-base);
  font-size: clamp(22px, 2.4vw, 34px);
}

.athens-game-grid,
.athens-vendor-grid {
  display: grid;
  gap: 10px;
}

.bling-support-detail-layout {
  grid-template-columns: minmax(0, 1fr) 460px;
}

.athens-casino-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.athens-slot-grid {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

@media (min-width: 1281px) {
  .athens-casino-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .athens-slot-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.athens-vendor-grid {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}

.athens-game-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--color-athens-line-card);
  border-radius: 8px;
  background: var(--gradient-athens-card);
  box-shadow: var(--shadow-athens-card);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.athens-game-card:hover,
.athens-game-card:focus-within {
  border-color: var(--color-athens-line-bright);
  box-shadow: var(--shadow-athens-card-hover);
  transform: translateY(-3px);
}

.athens-game-media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--color-athens-panel-dark);
}

.athens-slot-grid .athens-game-media,
.athens-vendor-card-slot .athens-game-media {
  aspect-ratio: 3 / 4;
}

.athens-game-media > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform: scale(1.01);
  transition: transform 220ms ease, filter 220ms ease;
}

.athens-slot-grid .athens-game-media > img {
  transform: none;
}

.athens-game-card:hover .athens-game-media > img,
.athens-game-card:focus-within .athens-game-media > img {
  filter: brightness(1.08) saturate(1.08);
  transform: scale(1.045);
}

.athens-slot-grid .athens-game-card:hover .athens-game-media > img,
.athens-slot-grid .athens-game-card:focus-within .athens-game-media > img {
  transform: scale(1.025);
}

.athens-game-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--gradient-athens-media-scrim);
  pointer-events: none;
}

.athens-slot-grid .athens-game-media::after {
  display: none;
}

.athens-game-body {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 12px;
  padding: 12px 10px;
  text-align: center;
}

.athens-game-title {
  min-height: 30px;
  display: block;
  overflow: hidden;
  color: var(--color-athens-text-cream);
  font-size: var(--font-size-sm);
  line-height: 1.25;
  text-align: center;
  word-break: keep-all;
}

.athens-casino-grid .athens-game-title {
  font-size: var(--font-size-md);
}

.athens-game-body small {
  color: var(--color-athens-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.athens-card-cta,
.athens-game-body button {
  width: 100%;
  min-height: 34px;
  border-color: var(--color-athens-line-strong);
  background: var(--gradient-athens-card-cta);
  color: var(--color-athens-gold-2);
  font-size: var(--font-size-xs);
  padding: 0 10px;
}

.athens-card-cta:hover,
.athens-card-cta:focus-visible,
.athens-game-body button:hover,
.athens-game-body button:focus-visible {
  border-color: var(--color-athens-line-bright);
  background: var(--gradient-athens-card-cta-hover);
  box-shadow: var(--shadow-athens-focus);
  color: var(--color-athens-button-ink);
  outline: none;
  transform: translateY(-1px);
}

.athens-game-head {
  min-height: 168px;
  display: grid;
  align-content: center;
  gap: 8px;
  margin-bottom: 18px;
  border: 1px solid var(--color-athens-line-card);
  border-radius: 8px;
  background: var(--gradient-athens-card);
  box-shadow: var(--shadow-athens-main);
  padding: 28px;
}

.athens-game-head span {
  color: var(--color-athens-gold-2);
  font-family: var(--font-family-base);
  font-size: var(--font-size-md);
  font-weight: 900;
}

.athens-game-head h1 {
  margin: 0;
  color: var(--color-athens-text-bright);
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.1;
}

.athens-game-head p {
  margin: 0;
  color: var(--color-athens-muted);
  font-weight: 700;
}

.athens-favorite {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  width: 34px;
  height: 34px;
  border: 1px solid var(--color-athens-line-card);
  border-radius: 8px;
  background: var(--color-athens-card);
  color: var(--color-athens-text);
  cursor: pointer;
  font-size: var(--font-size-xl);
  line-height: 1;
}

.athens-favorite:hover,
.athens-favorite:focus-visible,
.athens-favorite.is-favorite {
  border-color: var(--color-athens-line-bright);
  color: var(--color-athens-gold-2);
  outline: none;
}

.athens-inner-page {
  color: var(--color-athens-text);
}

.athens-inner-page .partner-user-mobile-wallet-bar {
  margin-bottom: 14px;
}

.athens-inner-page .partner01-panel,
.athens-inner-page .partner01-money-page {
  color: var(--color-athens-text);
  border: 1px solid var(--color-athens-line-card);
  background: var(--gradient-athens-card);
  box-shadow: var(--shadow-athens-main);
}

.athens-inner-page .partner01-section-head,
.athens-inner-page .partner01-board-head,
.athens-inner-page .section-title {
  color: var(--color-athens-text-bright);
}

.athens-inner-page .tabMenu,
.athens-inner-page .chargeTopTable,
.athens-inner-page .chargeBotTable,
.athens-inner-page .textList,
.athens-inner-page .bankList li {
  border-color: var(--color-athens-line-card);
  background: var(--color-athens-card);
}

.athens-inner-page .tabMenu li.active button,
.athens-inner-page .partner01-action-btn,
.athens-inner-page .btnBox button,
.athens-inner-page .support-write-link {
  border-color: var(--color-athens-line-strong);
  background: var(--gradient-athens-gold-button);
  color: var(--color-athens-button-ink);
}

.athens-inner-page input,
.athens-inner-page select,
.athens-inner-page textarea {
  color: var(--color-athens-text-bright);
  border-color: var(--color-athens-line-card);
  background: var(--color-athens-panel-deep);
}

.athens-footer {
  border-top: 1px solid var(--color-athens-line-mid);
  background: var(--color-athens-footer-bg);
  color: var(--color-athens-muted);
  padding: 34px 0 38px;
}

.athens-footer-inner {
  display: grid;
  grid-template-columns: minmax(260px, 1.3fr) repeat(3, minmax(150px, 0.7fr));
  gap: 24px;
  align-items: start;
}

.athens-footer-brand img {
  width: 158px;
  height: auto;
  display: block;
  margin-bottom: 12px;
}

.athens-footer-brand p,
.athens-footer-block p {
  margin: 0;
  color: var(--color-athens-soft-footer);
  line-height: 1.65;
}

.athens-footer-block {
  display: grid;
  gap: 7px;
}

.athens-footer-block strong {
  margin-bottom: 3px;
  color: var(--color-athens-gold-2);
  font-size: var(--font-size-md);
}

.athens-footer-block button {
  justify-self: start;
  border: 0;
  background: transparent;
  color: var(--color-athens-soft-link);
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-align: left;
  transition: color 160ms ease, transform 160ms ease;
}

.athens-footer-block button:hover,
.athens-footer-block button:focus-visible {
  color: var(--color-athens-gold-2);
  outline: none;
  transform: translateX(2px);
}

.athens-auth-layer,
.athens-auth-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
}

.athens-auth-layer {
  display: grid;
  place-items: center;
  overflow-y: auto;
  padding: 24px;
}

.athens-auth-backdrop {
  z-index: 0;
  border: 0;
  background: var(--color-athens-auth-backdrop);
}

.athens-auth-dialog {
  position: relative;
  z-index: 1;
  width: min(420px, 100%);
  max-height: calc(100vh - 48px);
  display: grid;
  gap: 14px;
  overflow-y: auto;
  border: 1px solid var(--color-athens-line-bright);
  border-radius: 8px;
  background: var(--gradient-athens-card);
  box-shadow: var(--shadow-athens-auth);
  color: var(--color-athens-text);
  padding: 28px;
}

.athens-auth-dialog-register {
  width: min(720px, 100%);
}

.athens-auth-dialog img {
  width: 170px;
  height: auto;
  display: block;
}

.athens-auth-badge {
  margin: 0;
  color: var(--color-athens-gold-2);
  font-family: var(--font-family-base);
  font-weight: 900;
  letter-spacing: 0;
}

.athens-auth-dialog h2 {
  margin: 0 0 6px;
  color: var(--color-athens-text-bright);
  font-size: 30px;
}

.athens-auth-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  color: var(--color-athens-gold-2);
  cursor: pointer;
  font-size: 25px;
}

.partner-user-auth-gated .athens-auth-close {
  display: none;
}

.athens-form {
  display: grid;
  gap: 14px;
}

.athens-auth-dialog-register .athens-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.athens-form label {
  display: grid;
  gap: 7px;
  color: var(--color-athens-muted);
  font-size: var(--font-size-md);
  font-weight: 800;
}

.athens-form input,
.athens-form select {
  width: 100%;
  min-height: 43px;
  border: 1px solid var(--color-athens-line-card);
  border-radius: 6px;
  background: var(--color-athens-panel-deep);
  color: var(--color-athens-text-cream);
  outline: none;
  padding: 0 13px;
}

.athens-form input:focus,
.athens-form select:focus {
  border-color: var(--color-athens-line-bright);
}

.athens-primary-action,
.athens-form .partner01-form-message,
.athens-auth-switch,
.athens-form .partner-login-challenge {
  grid-column: 1 / -1;
}

.athens-primary-action {
  width: 100%;
  min-height: 45px;
  margin-top: 4px;
}

.athens-auth-switch {
  border: 0;
  background: transparent;
  color: var(--color-athens-gold-2);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
}

@media (max-width: 1180px) {
  .athens-casino-grid,
  .athens-slot-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .athens-account-row {
    align-items: flex-start;
    flex-direction: column;
    padding: 8px 0 10px;
  }

  .athens-member-strip {
    justify-content: flex-start;
  }

  .athens-nav-row {
    align-items: stretch;
    flex-direction: column;
    padding: 0 0 10px;
  }

  .athens-primary-nav {
    width: 100%;
  }

  .athens-hero,
  .athens-hero-inner {
    min-height: 560px;
  }

  .athens-hero {
    background: var(--gradient-athens-hero-tablet);
  }

  .athens-hero h1 {
    max-width: 100%;
    white-space: normal;
  }

  .athens-trust-row,
  .athens-quick-dock,
  .athens-footer-inner {
    grid-template-columns: 1fr;
  }

  .athens-casino-grid,
  .athens-slot-grid,
  .athens-vendor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .athens-account-row {
    display: grid;
    grid-template-columns: 44px 1fr 44px;
    gap: 6px;
    align-items: center;
    padding: 7px 0 8px;
  }

  .athens-menu-toggle {
    display: inline-flex;
    grid-column: 1;
    grid-row: 1;
  }

  .athens-brand {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    min-width: 0;
  }

  .athens-brand img {
    width: 150px;
    height: 68px;
  }

  .athens-member-strip {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    min-height: 36px;
    flex-wrap: wrap;
    overflow-x: visible;
    padding-bottom: 3px;
    scrollbar-width: none;
  }

  .athens-member-strip::-webkit-scrollbar {
    display: none;
  }

  body.athens-user-site .athens-wallet.partner-user-wallet {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .athens-small-action,
  .athens-gold-action {
    flex: 0 0 auto;
  }

  .athens-nav-row {
    display: none;
    min-height: 0;
    padding: 8px 0 10px;
  }

  .athens-header.is-menu-open .athens-nav-row {
    display: block;
  }

  .athens-primary-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    overflow: visible;
  }

  .athens-nav-link {
    min-width: 0;
    height: 40px;
    border: 1px solid var(--color-athens-line-card);
    border-radius: 4px;
    background: var(--color-athens-card);
  }

  .athens-hero,
  .athens-hero-inner {
    min-height: 520px;
  }

  .athens-hero {
    background: var(--gradient-athens-hero-mobile);
  }

  .athens-hero-inner {
    align-items: end;
    padding: 64px 0 28px;
  }

  .athens-hero-copy {
    width: 100%;
  }

  .athens-hero h1 {
    font-size: 24px;
  }

  .athens-hero p {
    font-size: var(--font-size-md);
  }

  .athens-hero-actions button {
    flex: 1 1 100%;
  }

  .athens-trust-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .athens-trust-item {
    min-height: 56px;
    padding: 8px;
  }

  .athens-trust-item strong,
  .athens-trust-item span {
    white-space: normal;
  }

  .athens-trust-mark {
    width: 34px;
    height: 34px;
  }

  .athens-trust-mark img {
    width: 24px;
    height: 24px;
  }

  .athens-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .athens-casino-grid,
  .athens-slot-grid,
  .athens-vendor-grid {
    grid-template-columns: 1fr;
  }

  .athens-footer {
    padding: 28px 0 34px;
  }

  .athens-footer-brand img {
    width: 132px;
  }

  .athens-auth-dialog-register .athens-form {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1281px) and (max-width: 2399px) {
  body.partner01-user-site .partner01-casino-page .partner01-casino-game-grid,
body.member-management-shell-user-site .member-management-shell-vendor-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: var(--space-3);
  }

body.partner01-user-site .partner01-casino-vendor-card,
  body.partner01-user-site .partner01-casino-page .casino-game-card,
  body.partner01-user-site .partner01-casino-page .slot-provider-card {
    min-height: 202px;
  }

body.member-management-shell-user-site .member-management-shell-vendor-card {
    grid-template-rows: 128px minmax(110px, auto);
  }

  body.member-management-shell-user-site .member-management-shell-vendor-img {
    height: 128px;
  }

}

body[data-partner-code="partner01"] .athens-casino-grid .athens-game-media {
  aspect-ratio: 3 / 4;
}

body[data-partner-code="partner01"] .athens-casino-grid .athens-game-title {
  font-size: var(--font-size-sm);
}

@media (min-width: 1181px) and (max-width: 1280px) {
  body[data-partner-code="partner01"] .athens-casino-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (min-width: 1281px) and (max-width: 1599px) {
  body[data-partner-code="partner01"] .athens-casino-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1600px) {
  body[data-partner-code="partner01"] .athens-casino-grid,
  body[data-partner-code="partner01"] .athens-slot-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (min-width: 1600px) and (max-width: 2399px) {
  body.partner01-user-site .partner01-casino-page .partner01-casino-game-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  body.partner01-user-site .partner01-casino-vendor-card,
  body.partner01-user-site .partner01-casino-page .casino-game-card,
  body.partner01-user-site .partner01-casino-page .slot-provider-card {
    aspect-ratio: 11 / 10;
    min-height: 0;
  }
}

@media (min-width: 2400px) {
  .partner01-casino-vendor-card,
  .partner01-casino-page .casino-game-card,
  .partner01-casino-page .slot-provider-card {
    min-height: clamp(360px, 12.5vw, 520px);
  }

.member-management-shell-vendor-card {
    --partner-vendor-4k-media-height: clamp(300px, 9vw, 390px);
    grid-template-rows: var(--partner-vendor-4k-media-height) minmax(140px, auto);
  }

  .member-management-shell-vendor-img {
    height: var(--partner-vendor-4k-media-height);
  }

}

@media (max-width: 1280px) {
  .dashboard-grid.dashboard-work-queue {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "queue-deposits queue-withdraws"
      "queue-member-approvals queue-support";
  }

  .partner01-casino-game-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}

@media (max-width: 980px) {
  .partner01-page-grid {
    grid-template-columns: 1fr;
  }

  .partner01-left-aside {
    position: fixed;
    inset: 64px auto 0 0;
    z-index: 55;
    width: min(290px, 86vw);
    height: calc(100vh - 64px);
    transform: translateX(-100%);
    transition: transform 0.2s ease;
  }

  .partner01-left-aside.open {
    transform: translateX(0);
  }

  .partner01-aside-backdrop.visible {
    position: fixed;
    inset: 64px 0 0;
    z-index: 54;
    display: block;
    background: var(--color-partner01-backdrop);
  }

  .partner01-content-body {
    min-height: calc(100vh - 64px);
  }

body.athens-user-site {
  }

}

@media (max-width: 720px) {

.partner01-top-header {
    gap: var(--space-4);
    padding: 0 var(--space-5);
  }

  .partner01-brand strong {
    max-width: 34vw;
    font-size: var(--font-size-lg);
  }

  .partner01-brand small,
  .partner01-user-meta {
    display: none;
  }

  .partner01-brand--image .partner01-brand-logo {
    width: min(124px, 42vw);
    height: 40px;
  }

  .partner01-brand--image .partner01-brand-words {
    display: none;
  }

  .partner01-top-btn {
    min-height: 34px;
    padding: 0 var(--space-5);
    font-size: var(--font-size-xs);
  }

  .partner01-member-management-btn {
    min-width: auto;
  }

.partner-user-wallet {
    gap: var(--space-2);
    font-size: var(--font-size-xs);
  }

  .partner-user-wallet-identity {
    max-width: 190px;
    gap: var(--space-2);
  }

  .partner-user-wallet-identity b {
    font-size: 10px;
  }

  .partner-user-wallet-identity strong {
    max-width: 78px;
    font-size: var(--font-size-sm);
  }

  .partner-user-wallet-panel {
    min-height: 34px;
    padding: 0 var(--space-2);
  }

  .partner-user-wallet-panel div {
    padding: 0 var(--space-2);
  }

  .partner01-policy dl,
  .partner01-game-filters,
  .partner01-casino-game-grid {
    grid-template-columns: 1fr;
  }

  .partner01-casino-page {
    padding: var(--space-5) var(--space-7) var(--space-12);
  }

  .partner01-casino-bnr-box {
    min-height: 190px;
  }

  .partner01-casino-bnr-text {
    padding: var(--space-10) var(--space-8);
  }

  .partner01-casino-bnr-text b {
    font-size: 26px;
  }

  .partner01-casino-bnr-text p {
    font-size: 18px;
  }

  .partner01-slot-page .slot-bnr-box {
    min-height: 200px;
  }

  .partner01-slot-page .slot-bnr-text {
    max-width: 100%;
    padding: var(--space-10) var(--space-8);
  }

  .partner01-slot-page .slot-bnr-text b {
    font-size: 26px;
  }

  .partner01-slot-page .slot-bnr-text p {
    font-size: 17px;
  }

  .partner01-money-page.deposit-page {
    padding: var(--space-5) var(--space-7) var(--space-12);
  }

  .partner01-money-page .section-title {
    font-size: 24px;
  }

  .partner01-money-page .chargeTopTable th,
  .partner01-money-page .chargeTopTable td {
    display: block;
    width: 100%;
  }

  .partner01-money-page .bankList {
    grid-template-columns: 1fr;
  }

  .partner01-money-page .bankList li,
  .partner01-money-page .bankList li:nth-child(3n) {
    border-right: 0;
  }

  .partner01-money-page .partner01-bank-note {
    margin: var(--space-4) 0 0;
  }

  .partner01-board-page .support-btn-box {
    align-items: stretch;
    flex-direction: column;
  }

  .partner01-board-page .support-write-link {
    width: 100%;
  }

  .partner01-panel {
    margin: var(--space-7);
    padding: var(--space-8);
  }

  body.partner01-user-site,
  body.partner01-user-site #partner-app,
  .partner01-user-shell {
    max-width: 100vw;
    overflow-x: hidden;
  }

  .partner01-top-header {
    height: 58px;
  }

  .partner01-page-grid {
    padding-top: 58px;
  }

  .partner01-menu-toggle {
    width: 36px;
    height: 36px;
  }

  .partner01-header-actions {
    flex: 0 1 auto;
    gap: var(--space-2);
  }

  .partner01-top-btn,
  .partner01-member-management-btn {
    min-width: 0;
    max-width: 76px;
    min-height: 32px;
    overflow: hidden;
    padding: 0 var(--space-4);
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .partner01-left-aside {
    inset: 58px auto 0 0;
    width: min(304px, 84vw);
    height: calc(100vh - 58px);
    height: calc(100dvh - 58px);
    padding: var(--space-6);
  }

  .partner01-aside-backdrop.visible {
    inset: 58px 0 0;
  }

  .partner01-nav-stack {
    gap: var(--space-4);
  }

  .partner01-nav-card-head {
    min-height: 38px;
    padding: var(--space-4) var(--space-3) var(--space-2);
  }

  .partner01-nav-card-title {
    font-size: var(--font-size-md);
  }

  .partner01-aside-link {
    min-height: 40px;
    padding: 0 var(--space-4);
  }

  .partner01-alert {
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-5);
  }

  .partner01-marquee {
    gap: var(--space-3);
    padding: var(--space-2) var(--space-4);
  }

  .partner01-marquee-text {
    font-size: var(--font-size-sm);
    padding-right: 52vw;
  }

  .partner01-action-btn {
    width: 100%;
  }

  .partner01-section-head {
    gap: var(--space-4);
    margin-bottom: var(--space-5);
    padding-bottom: var(--space-4);
  }

  .partner01-policy,
  .partner01-form {
    gap: var(--space-4);
  }

  .partner01-casino-page {
    gap: var(--space-5);
  }

  .partner01-casino-bnr-box,
  .partner01-slot-page .slot-bnr-box {
    min-height: 176px;
  }

  .partner01-casino-bnr-box::before,
  .partner01-slot-page .slot-bnr-box::before {
    left: var(--space-4);
    top: var(--space-4);
    width: calc(100% - var(--space-8));
    height: calc(100% - var(--space-8));
  }

  .partner01-casino-bnr-text,
  .partner01-slot-page .slot-bnr-text {
    padding: var(--space-8) var(--space-6);
  }

  .partner01-casino-bnr-text b,
  .partner01-slot-page .slot-bnr-text b {
    margin-bottom: var(--space-3);
    font-size: 24px;
    line-height: 1.2;
  }

  .partner01-casino-bnr-text p,
  .partner01-slot-page .slot-bnr-text p {
    font-size: 16px;
    line-height: 1.45;
  }

  .partner01-casino-meta {
    gap: var(--space-3);
  }

  .partner01-casino-meta span {
    padding: var(--space-2) var(--space-4);
  }

  .partner01-casino-game-grid {
    gap: var(--space-5);
  }

  .partner01-casino-vendor-card,
  .partner01-casino-page .casino-game-card,
  .partner01-casino-page .slot-provider-card {
    min-height: 188px;
  }

  .partner01-vendor-favorite {
    top: var(--space-3);
    right: var(--space-3);
    width: 34px;
    height: 34px;
    font-size: 24px;
  }

  .partner01-casino-game-mask {
    gap: var(--space-4);
    padding: var(--space-5);
  }

  .partner01-casino-game-mask strong {
    font-size: var(--font-size-sm);
  }

  .partner01-casino-enter {
    min-height: 32px;
    padding: 0 var(--space-5);
    font-size: var(--font-size-xs);
  }

  .partner01-money-page .tabMenu {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: var(--space-2);
    scrollbar-width: none;
  }

  .partner01-money-page .tabMenu::-webkit-scrollbar {
    display: none;
  }

  .partner01-money-page .tabMenu li {
    flex: 0 0 auto;
  }

  .partner01-money-page .textList {
    padding: var(--space-5) var(--space-6);
  }

  .partner01-money-page .chargeTopTable th,
  .partner01-money-page .chargeTopTable td,
  .partner01-money-page .chargeBotTable th,
  .partner01-money-page .chargeBotTable td {
    padding: var(--space-4);
  }

  .partner01-money-page .textRightInput,
  .partner01-money-page .chargeTopTable input[type="text"] {
    width: 100%;
    margin-right: 0;
  }

  .partner01-money-page .amount-btn-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner01-money-page .amount-btn-row button,
  .partner01-money-page .btnBox button,
  .partner01-history-actions button {
    width: 100%;
  }

  .partner01-history-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner01-board-page .pagination {
    flex-wrap: wrap;
  }

  .partner01-auth-dialog,
  .partner01-auth-dialog-register {
    width: min(420px, calc(100vw - 24px));
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
    padding: var(--space-7);
  }

  .partner01-auth-head {
    gap: var(--space-4);
    margin-bottom: var(--space-6);
  }
}

@media (max-width: 420px) {
  .partner01-top-header {
    gap: var(--space-2);
    padding: 0 var(--space-3);
  }

  .partner01-brand--image .partner01-brand-logo {
    width: min(94px, 28vw);
    height: 34px;
  }

  .partner01-header-actions {
    gap: var(--space-1);
  }

  .partner01-top-btn,
  .partner01-member-management-btn {
    max-width: 58px;
    padding: 0 var(--space-2);
    font-size: 11px;
  }

  .partner01-logout-btn {
    max-width: 64px;
  }

  .partner01-casino-page,
  .partner01-money-page.deposit-page {
    padding: var(--space-4) var(--space-4) var(--space-10);
  }

  .partner01-panel {
    margin: var(--space-4);
    padding: var(--space-6);
  }

  .partner01-casino-bnr-box,
  .partner01-slot-page .slot-bnr-box {
    min-height: 166px;
  }

  .partner01-casino-game-mask {
    align-items: stretch;
    flex-direction: column;
    gap: var(--space-3);
  }

  .partner01-casino-enter {
    width: 100%;
  }

  .partner01-money-page .amount-btn-row,
  .partner01-history-actions {
    grid-template-columns: 1fr;
  }

  .partner01-money-page .bankList li {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 820px) {
  body.partner01-user-site .partner01-content-body {
    width: 100vw;
    max-width: 100vw;
  }

  .partner01-money-page.deposit-page {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  .partner01-money-page .deposit-form {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .partner01-money-page .chargeTopTable {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    table-layout: fixed;
  }

  .partner01-money-page .chargeTopTable tbody,
  .partner01-money-page .chargeTopTable tr,
  .partner01-money-page .chargeTopTable th,
  .partner01-money-page .chargeTopTable td {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .partner01-money-page .chargeTopTable th {
    width: 100%;
  }

  .partner01-money-page .chargeTopTable td {
    overflow-wrap: anywhere;
  }

  .partner01-money-page .chargeBotTable {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
  }

  .partner01-money-page .amount-btn-row {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .partner01-money-page .amount-btn-row button {
    min-width: 0;
  }
}

.dialog {
  width: min(440px, calc(100% - 32px));
  max-height: calc(100vh - 32px);
  overflow: hidden;
  border: 1px solid var(--color-member-register-line-strong);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-member-register-dialog);
  padding: 0;
}

.dialog::backdrop {
  background: var(--color-dialog-backdrop);
  backdrop-filter: blur(2px);
}

.dialog form {
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  padding: var(--space-10);
  background: linear-gradient(180deg, var(--color-member-register-green-wash), var(--color-surface) 152px);
  scrollbar-color: var(--color-sidebar-accent) var(--color-member-register-green-wash);
}

.dialog h2 {
  margin: 0 0 var(--space-4);
  font-size: var(--font-size-xl);
  color: var(--color-member-register-ink);
}

.dialog-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  margin: calc(var(--space-10) * -1) calc(var(--space-10) * -1) var(--space-8);
  padding: var(--space-9) var(--space-10);
  border-bottom: 1px solid var(--color-member-register-line);
  background:
    linear-gradient(135deg, var(--color-member-register-green-wash), var(--color-surface) 64%, var(--color-member-register-blue-wash));
}

.dialog-title-row h2 {
  margin: 0;
}

.dialog form > h2:first-child {
  margin: calc(var(--space-10) * -1) calc(var(--space-10) * -1) var(--space-8);
  padding: var(--space-9) var(--space-10);
  border-bottom: 1px solid var(--color-member-register-line);
  background:
    linear-gradient(135deg, var(--color-member-register-green-wash), var(--color-surface) 64%, var(--color-member-register-blue-wash));
}

.dialog .field {
  padding: var(--space-6);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.dialog-note-toggle-row {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-4);
}

.dialog-note-toggle-row[hidden],
.dialog .field[hidden] {
  display: none;
}

.dialog .field:focus-within {
  border-color: var(--color-sidebar-accent);
  box-shadow: var(--shadow-member-register-focus);
}

.dialog .field span {
  color: var(--color-admin-text-muted);
}

.dialog .field:focus-within span {
  color: var(--color-sidebar-accent-muted);
}

.dialog .field input,
.dialog .field select,
.dialog .field textarea {
  border-color: var(--color-admin-border);
  background: var(--color-member-register-control-bg);
}

.dialog .field input:focus-visible,
.dialog .field select:focus-visible,
.dialog .field textarea:focus-visible {
  box-shadow: none;
  border-color: var(--color-sidebar-accent);
  background: var(--color-surface);
}

.request-alert-settings-dialog {
  width: min(960px, calc(100% - 32px));
}

.request-alert-settings-list {
  display: grid;
  gap: var(--space-5);
}

.request-alert-setting-row {
  display: grid;
  grid-template-columns: minmax(210px, 0.72fr) minmax(640px, 1.45fr);
  gap: var(--space-6);
  align-items: center;
  padding: var(--space-6);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.request-alert-setting-copy {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.request-alert-setting-copy strong {
  color: var(--color-text-strong);
}

.request-alert-setting-copy span,
.request-alert-setting-copy small {
  overflow: hidden;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.request-alert-setting-copy small[data-tone='success'] {
  color: var(--color-success);
}

.request-alert-setting-copy small[data-tone='danger'] {
  color: var(--color-danger);
}

.request-alert-setting-actions {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(200px, 0.9fr) minmax(102px, auto) minmax(112px, auto);
  gap: var(--space-4);
  align-items: center;
  min-width: 0;
}

.request-alert-setting-actions select {
  height: 46px;
  min-width: 0;
  width: 100%;
  padding: 0 var(--space-7);
  font-size: var(--font-size-sm);
}

.request-alert-setting-actions .button {
  gap: var(--space-2);
  min-height: 46px;
  padding: 0 var(--space-7);
  font-size: var(--font-size-sm);
}

.request-alert-file-picker {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  min-width: 0;
  width: 100%;
  height: 46px;
  overflow: hidden;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-sm);
  background: var(--color-admin-control-bg);
  color: var(--color-text-strong);
  cursor: pointer;
}

.request-alert-file-picker:hover {
  border-color: var(--color-border-strong);
  background: var(--color-surface-hover);
}

.request-alert-file-picker:focus-within {
  border-color: var(--color-sidebar-accent);
  box-shadow: 0 0 0 3px var(--color-admin-focus-ring);
}

.request-alert-file-input {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  cursor: pointer;
}

.request-alert-file-button {
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  padding: 0 var(--space-7);
  border-right: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
  font-weight: 700;
  white-space: nowrap;
}

.request-alert-file-name {
  min-width: 0;
  overflow: hidden;
  padding: 0 var(--space-6);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.json-dialog {
  width: min(840px, calc(100% - 32px));
}

.member-action-dialog {
  width: min(760px, calc(100% - 32px));
}

.member-register-dialog {
  width: min(920px, calc(100% - 32px));
  max-height: calc(100vh - 32px);
  overflow: hidden;
  border-color: var(--color-member-register-line-strong);
  background: var(--color-surface);
  box-shadow: var(--shadow-member-register-dialog);
}

.member-register-dialog .member-action-form {
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  padding: 0;
  background: linear-gradient(180deg, var(--color-member-register-green-wash), var(--color-surface) 180px);
  scrollbar-color: var(--color-sidebar-accent) var(--color-member-register-green-wash);
}

.member-register-dialog .member-action-form > .muted {
  margin: 0;
  padding: var(--space-6) var(--space-12) 0;
  color: var(--color-admin-text-muted);
}

.member-register-dialog .dialog-title-row {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: var(--space-10) var(--space-12);
  border-bottom: 1px solid var(--color-member-register-line);
  background:
    linear-gradient(135deg, var(--color-member-register-green-wash), var(--color-surface) 58%, var(--color-member-register-blue-wash));
}

.member-register-dialog .dialog-title-row::after {
  content: "";
  position: absolute;
  top: var(--space-5);
  right: var(--space-8);
  width: 210px;
  height: 78px;
  background:
    linear-gradient(90deg, var(--color-member-register-line) 1px, transparent 1px),
    linear-gradient(0deg, var(--color-member-register-line) 1px, transparent 1px);
  background-size: 18px 18px;
  transform: skewX(-12deg);
  opacity: 0.9;
  pointer-events: none;
}

.member-register-dialog .dialog-title-row h2 {
  position: relative;
  z-index: 1;
  color: var(--color-member-register-ink);
  font-size: var(--font-size-2xl);
}

.member-register-dialog .dialog-title-row [data-member-dialog-cancel] {
  position: relative;
  z-index: 1;
}

.member-register-dialog .member-action-fields {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: 0;
  padding: var(--space-8) var(--space-12) var(--space-10);
}

.member-register-section {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: var(--space-5);
  min-width: 0;
  margin-top: var(--space-2);
  color: var(--color-sidebar-accent-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-register-section::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: linear-gradient(90deg, var(--color-member-register-line-strong), transparent);
}

.member-selected-summary {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(76px, max-content) minmax(0, 1fr);
  align-items: center;
  column-gap: var(--space-12);
  min-width: 0;
  padding: var(--space-7);
  border: 1px solid var(--color-member-register-line-strong);
  border-radius: var(--radius-md);
  background:
    linear-gradient(135deg, var(--color-surface), var(--color-member-register-green-wash));
}

.member-selected-summary strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  border-radius: var(--radius-sm);
  background: var(--color-member-register-green-wash);
  color: var(--color-sidebar-accent-muted);
  font-size: var(--font-size-lg);
  font-weight: 800;
}

.member-selected-summary span {
  min-width: 0;
  color: var(--color-member-register-ink);
  font-size: var(--font-size-lg);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.member-register-field {
  grid-column: span 4;
  min-width: 0;
  margin-top: 0;
  padding: var(--space-6);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.15s ease;
}

.member-register-field.member-register-compact {
  grid-column: span 3;
}

.member-register-field.member-register-half {
  grid-column: span 6;
}

.member-register-field span {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  color: var(--color-admin-text-muted);
}

.member-register-field span::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: var(--space-1);
  background: var(--color-sidebar-accent);
}

.member-register-field input,
.member-register-field select,
.member-register-field textarea {
  min-height: 42px;
  border-color: var(--color-admin-border);
  background: var(--color-member-register-control-bg);
}

.member-register-field:focus-within {
  transform: translateY(-1px);
  border-color: var(--color-sidebar-accent);
  background: var(--color-surface);
  box-shadow: var(--shadow-member-register-focus);
}

.member-register-field:focus-within span {
  color: var(--color-sidebar-accent-muted);
}

.member-register-field input:focus-visible,
.member-register-field select:focus-visible,
.member-register-field textarea:focus-visible {
  box-shadow: none;
  border-color: var(--color-sidebar-accent);
  background: var(--color-surface);
}

.member-register-dialog .dialog-actions {
  margin: 0;
  padding: var(--space-7) var(--space-12) var(--space-10);
  border-top: 1px solid var(--color-admin-border);
  background: var(--color-surface);
}

.member-register-dialog .dialog-actions .button:not(.secondary) {
  border-color: var(--color-sidebar-accent-strong);
  background: var(--color-sidebar-accent);
  color: var(--color-text-inverse);
}

.member-register-dialog .dialog-actions .button:not(.secondary):hover {
  background: var(--color-sidebar-accent-strong);
}

.member-quick-change-dialog {
  width: min(620px, calc(100% - 32px));
}

.member-quick-change-dialog .member-action-form > .muted {
  padding-right: var(--space-10);
  padding-left: var(--space-10);
}

.member-quick-change-dialog .member-action-fields {
  padding: var(--space-6) var(--space-10) var(--space-8);
}

.member-quick-change-dialog .dialog-title-row {
  padding: var(--space-9) var(--space-10);
}

.member-quick-change-dialog .dialog-actions {
  padding: var(--space-7) var(--space-10);
}

.member-message-send-dialog {
  width: min(780px, calc(100% - 32px));
}

.member-message-send-dialog .member-action-fields {
  padding: var(--space-7) var(--space-12) var(--space-9);
}

.member-message-radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
  min-width: 0;
  padding: var(--space-6);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.member-message-radio-group label {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  min-height: 34px;
  color: var(--color-member-register-ink);
  font-size: var(--font-size-md);
  font-weight: 800;
}

.member-message-radio-group input {
  width: auto;
  min-height: 0;
  accent-color: var(--color-sidebar-accent);
}

.member-message-template-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  min-width: 0;
  padding: var(--space-6);
  border: 1px solid var(--color-member-register-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.member-message-template-list .button {
  flex: 0 1 auto;
  max-width: 100%;
}

.member-status-change-dialog {
  width: min(680px, calc(100% - 32px));
}

.member-status-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  min-width: 0;
}

.member-status-choice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-5);
  min-width: 0;
  min-height: 92px;
  padding: var(--space-7);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.15s ease;
}

.member-status-choice:hover,
.member-status-choice.selected {
  transform: translateY(-1px);
  border-color: var(--color-sidebar-accent);
  background: var(--color-member-register-green-wash);
  box-shadow: var(--shadow-member-register-focus);
}

.member-status-choice input {
  width: auto;
  min-height: 0;
  accent-color: var(--color-sidebar-accent);
}

.member-status-choice span {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.member-status-choice strong {
  color: var(--color-member-register-ink);
  font-size: var(--font-size-lg);
  font-weight: 900;
}

.member-status-choice small {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
  line-height: 1.45;
}

.member-action-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-7);
}

.member-action-wide {
  grid-column: 1 / -1;
}

.member-action-fields textarea {
  resize: vertical;
}

.json-content {
  max-height: min(70vh, 640px);
  overflow: auto;
  margin: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-code-bg);
  color: var(--color-code-text);
  padding: var(--space-7);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: var(--font-family-mono);
  font-size: var(--font-size-xs);
  line-height: 1.55;
}

.dialog-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-4);
  margin: var(--space-8) calc(var(--space-10) * -1) calc(var(--space-10) * -1);
  padding: var(--space-7) var(--space-10);
  border-top: 1px solid var(--color-admin-border);
  background: var(--color-surface);
}

.dialog-actions .button:not(.secondary):not(.danger) {
  border-color: var(--color-sidebar-accent-strong);
  background: var(--color-sidebar-accent);
  color: var(--color-text-inverse);
}

.dialog-actions .button:not(.secondary):not(.danger):hover {
  background: var(--color-sidebar-accent-strong);
  border-color: var(--color-sidebar-accent-strong);
}

.form-actions {
  display: flex;
  align-items: flex-end;
}

.settings-form .form-actions {
  grid-column: 1 / -1;
  justify-content: flex-end;
}

.inline-check {
  min-height: var(--control-height-md);
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  padding: 0 var(--space-5);
}

@media (max-width: 980px) {
  .app-shell {
    display: flex;
    flex-direction: column;
  }

  .app-shell.sidebar-collapsed {
    display: flex;
  }

  .main {
    order: 1;
  }

  .sidebar {
    order: 2;
    position: static;
  }

  .app-shell.sidebar-collapsed .sidebar {
    width: auto;
  }

  .app-shell.sidebar-collapsed .brand {
    padding: var(--space-9) var(--space-8) var(--space-7);
    justify-items: start;
    border-bottom-color: var(--color-sidebar-accent-border);
  }

  .app-shell.sidebar-collapsed .brand-logo {
    writing-mode: horizontal-tb;
    transform: none;
    gap: var(--space-5);
  }

  .app-shell.sidebar-collapsed .brand-logo-image {
    width: min(228px, 100%);
    height: 89px;
  }

  .app-shell.sidebar-collapsed .brand-logo-img {
    width: 100%;
    height: 100%;
    transform: none;
  }

  .app-shell.sidebar-collapsed .brand-logo-image.has-partner-image-logo {
    width: min(228px, 100%);
    height: 108px;
    padding: var(--space-1);
  }

  .app-shell.sidebar-collapsed .brand-logo-image.has-partner-image-logo .brand-logo-img {
    width: 100%;
    height: 100%;
    transform: none;
  }

  .app-shell.sidebar-collapsed .brand-logo-animated {
    width: 100%;
    height: 100%;
    transform: none;
  }

  .app-shell.sidebar-collapsed .brand-diamond {
    margin-bottom: 0;
  }

  .app-shell.sidebar-collapsed .brand-main {
    font-size: var(--font-size-2xl);
  }

  .app-shell.sidebar-collapsed .brand-scope-label,
  .app-shell.sidebar-collapsed .brand-sub,
  .app-shell.sidebar-collapsed .nav-group-title,
  .app-shell.sidebar-collapsed .nav-group-chevron {
    display: block;
  }

  .app-shell.sidebar-collapsed .brand-scope-row {
    justify-content: space-between;
    margin-top: var(--space-2);
  }

  .app-shell.sidebar-collapsed .nav {
    padding: var(--space-7);
    overflow-y: auto;
  }

  .app-shell.sidebar-collapsed .nav-group-toggle {
    min-height: 46px;
    justify-content: flex-start;
    padding: var(--space-6);
    gap: var(--space-5);
  }

  .app-shell.sidebar-collapsed .nav-group-items {
    display: none;
  }

  .app-shell.sidebar-collapsed .nav-group.open .nav-group-items {
    display: grid;
  }

  .app-shell.sidebar-collapsed .nav-flyout {
    position: static;
    width: auto;
    max-height: none;
    margin: var(--space-4);
  }

  .app-shell.admin-mobile-shell,
  .app-shell.admin-mobile-shell.sidebar-collapsed {
    display: block;
    min-height: 100vh;
    overflow-x: hidden;
  }

  .app-shell.admin-mobile-shell .main {
    min-height: 100vh;
    order: initial;
  }

  .app-shell.admin-mobile-shell .topbar {
    height: auto;
    min-height: var(--layout-topbar-height);
    flex: 0 0 auto;
    grid-template-columns: 40px minmax(0, 1fr) 44px;
    grid-template-rows: minmax(0, 1fr);
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-5);
  }

  .app-shell.admin-mobile-shell .mobile-sidebar-toggle {
    display: inline-flex;
  }

  .app-shell.admin-mobile-shell .topbar-summary {
    min-width: 0;
    overflow-x: auto;
  }

  .app-shell.admin-mobile-shell .topbar-alert-controls {
    width: 44px;
    min-width: 44px;
    height: auto;
    min-height: 76px;
    gap: var(--space-1);
  }

  .app-shell .topbar-utility {
    grid-template-rows: minmax(0, 1fr);
    gap: 0;
  }

  .app-shell .topbar-current-clock {
    display: none;
  }

  .app-shell.admin-mobile-shell .topbar-alert-enable,
  .app-shell.admin-mobile-shell .topbar-alert-icon {
    width: 44px;
    min-width: 44px;
    height: 36px;
    min-height: 36px;
    padding: 0;
  }

  .app-shell.admin-mobile-shell .topbar-alert-enable span,
  .app-shell.admin-mobile-shell .topbar-alert-icon-label {
    display: none;
  }

  .app-shell.admin-mobile-shell .dashboard-status-strip-header {
    grid-template-rows: repeat(2, 60px);
    grid-auto-columns: minmax(118px, auto);
    padding-bottom: 0;
  }

  .app-shell.admin-mobile-shell .admin-header-upper-row {
    grid-template-columns: minmax(560px, 7fr) minmax(320px, 4fr);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
  }

  .app-shell.admin-mobile-shell .admin-header-settlement-group {
    overflow: hidden;
  }

  .app-shell.admin-mobile-shell .admin-header-settlement-metrics {
    grid-template-columns: repeat(13, minmax(78px, 1fr));
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }

  .app-shell.admin-mobile-shell .admin-header-settlement-metrics > .admin-header-metric-wrap {
    scroll-snap-align: start;
  }

  .app-shell.admin-mobile-shell .admin-header-profit-total {
    order: -3;
  }

  .app-shell.admin-mobile-shell .admin-header-profit-casino {
    order: -2;
  }

  .app-shell.admin-mobile-shell .admin-header-profit-slot {
    order: -1;
  }

  .app-shell.admin-mobile-shell :is(
    .admin-header-profit-total,
    .admin-header-profit-casino,
    .admin-header-profit-slot
  ) .admin-header-metric-label {
    font-size: 10px;
    white-space: nowrap;
  }

  .app-shell.admin-mobile-shell :is(
    .admin-header-profit-total,
    .admin-header-profit-casino,
    .admin-header-profit-slot
  ) .admin-header-metric-value {
    font-size: clamp(9px, 2.5vw, 11px);
    letter-spacing: -0.05em;
  }

  .app-shell.admin-mobile-shell .dashboard-status-strip-header.dashboard-status-loading {
    grid-template-rows: 1fr;
  }

  .app-shell.admin-mobile-shell .dashboard-status-strip-header .dashboard-status-value,
  .app-shell.admin-mobile-shell .dashboard-status-strip-header .dashboard-status-count strong {
    font-size: var(--font-size-sm);
  }

  .request-alert-setting-row,
  .request-alert-setting-actions {
    grid-template-columns: 1fr;
  }

  .app-shell.admin-mobile-shell .sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 170;
    order: initial;
    width: min(320px, calc(100vw - 56px));
    height: 100dvh;
    max-height: 100dvh;
    transform: translateX(-105%);
    transition: transform 0.22s ease;
    box-shadow: var(--shadow-sidebar-flyout);
    overflow: hidden;
  }

  .app-shell.admin-mobile-shell.mobile-sidebar-open .sidebar {
    transform: translateX(0);
  }

  .app-shell.admin-mobile-shell .mobile-sidebar-backdrop {
    position: fixed;
    inset: 0;
    z-index: 160;
    display: block;
    border: 0;
    background: var(--color-mobile-sidebar-backdrop);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease;
  }

  .app-shell.admin-mobile-shell .mobile-sidebar-backdrop.visible,
  .app-shell.admin-mobile-shell.mobile-sidebar-open .mobile-sidebar-backdrop {
    opacity: 1;
    pointer-events: auto;
  }

  .app-shell.admin-mobile-shell .brand,
  .app-shell.admin-mobile-shell.sidebar-collapsed .brand {
    height: auto;
    min-height: 118px;
    padding: var(--space-6);
    justify-items: start;
  }

  .app-shell.admin-mobile-shell.sidebar-collapsed .brand-logo {
    writing-mode: horizontal-tb;
    transform: none;
    gap: var(--space-5);
  }

  .app-shell.admin-mobile-shell.sidebar-collapsed .brand-logo-image {
    width: min(228px, 100%);
    height: 89px;
  }

  .app-shell.admin-mobile-shell.sidebar-collapsed .brand-logo-img,
  .app-shell.admin-mobile-shell.sidebar-collapsed .brand-logo-animated {
    width: 100%;
    height: 100%;
    transform: none;
  }

  .app-shell.admin-mobile-shell.sidebar-collapsed .brand-logo-image.has-partner-image-logo {
    width: min(228px, 100%);
    height: 108px;
    padding: var(--space-1);
  }

  .app-shell.admin-mobile-shell.sidebar-collapsed .brand-scope-label,
  .app-shell.admin-mobile-shell.sidebar-collapsed .brand-sub,
  .app-shell.admin-mobile-shell.sidebar-collapsed .nav-group-title,
  .app-shell.admin-mobile-shell.sidebar-collapsed .nav-group-chevron {
    display: block;
  }

  .app-shell.admin-mobile-shell .nav,
  .app-shell.admin-mobile-shell.sidebar-collapsed .nav {
    min-height: 0;
    max-height: calc(100dvh - 118px);
    padding: var(--space-5);
    overflow-y: auto;
  }

  .app-shell.admin-mobile-shell.sidebar-collapsed .nav-group-toggle {
    min-height: 46px;
    justify-content: flex-start;
    padding: var(--space-5);
    gap: var(--space-4);
  }

  .nav {
    grid-template-columns: 1fr;
  }

  .nav-group.open .nav-group-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-control-row,
  .dashboard-split {
    grid-template-columns: 1fr;
  }

  .dashboard-control-row {
    grid-template-areas:
      "quick-actions"
      "attention-panel";
  }

  .dashboard-kpi-grid,
  .dashboard-daily-grid,
  .dashboard-work-queue {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-work-queue {
    grid-template-areas:
      "queue-deposits queue-withdraws"
      "queue-member-approvals queue-support";
  }

  .dashboard-analytics-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "analytics-sheet analytics-money"
      "analytics-workload analytics-game";
  }

  .dashboard-analytics-card:nth-child(2n) {
    border-right: 0;
  }

  .dashboard-analytics-card:nth-child(n + 3) {
    border-top: 1px solid var(--color-border);
  }

  .check-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbar {
    grid-template-columns: 1fr 1fr;
  }

  #provider-list-sync-form.date-range-enhanced-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  #provider-list-sync-form.date-range-enhanced-toolbar .date-range-picker-with-time {
    grid-column: 1 / -1;
  }

  .toolbar.date-range-enhanced-toolbar > input[name="search"],
  .toolbar.date-range-enhanced-toolbar .date-range-picker,
  .toolbar.date-range-enhanced-toolbar .date-range-picker-with-time {
    grid-column: span 2;
  }

  .blocked-ip-register-panel {
    grid-template-columns: 1fr;
  }

  .blocked-ip-create-form {
    grid-template-columns: 1fr;
    grid-template-areas:
      "address"
      "help"
      "reason"
      "submit";
  }

  .blocked-ip-actions {
    justify-content: flex-start;
  }

  .blocked-ip-filter-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .river-member-session-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .river-admin-session-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .member-alert-filter-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .member-approval-filter-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .money-request-filter-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .money-request-workspace-header {
    flex-direction: column;
  }

  .money-request-workspace-links,
  .money-request-workspace-actions {
    justify-content: flex-start;
  }

  .money-request-workspace-grid,
  .money-request-decision-grid {
    grid-template-columns: 1fr;
  }

  .ledger-filter-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .casino-slot-bet-filter-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .provider-callback-filter-toolbar,
  .provider-api-filter-toolbar,
  .provider-sync-filter-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .admin-utility-filter-toolbar,
  .admin-ip-create-form,
  .admin-ip-filter-toolbar,
  .base-settings-custom-form {
    grid-template-columns: 1fr 1fr;
  }

  .admin-report-view .settlement-summary-filter-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .member-statistics-filter-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .vendor-settlement-filter-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .commission-log-filter-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .partner-statistics-filter-toolbar,
  .partner-statistics-create-form {
    grid-template-columns: 1fr 1fr;
  }

  .partner-domain-filter-toolbar,
  .partner-domain-create-form,
  .provider-catalog-filter-toolbar,
  .provider-catalog-sync-form,
  .site-settings-load-form,
  .money-policy-load-form,
  .admin-account-filter-toolbar,
  .admin-account-create-form {
    grid-template-columns: 1fr 1fr;
  }

  .settlement-summary-layout {
    grid-template-columns: 1fr;
  }

  .settlement-summary-main {
    border-left: 0;
    border-top: 1px solid var(--color-border);
  }

  .settlement-member-list {
    max-height: 320px;
  }

  .member-approval-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner-statistics-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner-domain-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .provider-catalog-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .provider-callback-summary,
  .provider-api-summary,
  .provider-sync-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-utility-summary,
  .base-settings-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-settings-summary,
  .site-settings-main-grid,
  .site-settings-field-grid,
  .money-policy-summary,
  .money-policy-main-grid,
  .money-policy-field-grid,
  .money-policy-preview dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-account-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rate-adjustment-create-form,
  .rate-adjustment-filter-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .member-action-fields {
    grid-template-columns: 1fr;
  }

  .member-register-dialog .member-action-fields {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding: var(--space-7);
  }

  .member-register-field,
  .member-register-field.member-register-compact,
  .member-register-field.member-register-half {
    grid-column: span 3;
  }

  .member-approval-batch-bar,
  .money-request-batch-bar,
  .rate-adjustment-batch-bar {
    align-items: stretch;
    flex-direction: column;
  }

  .sync-forms {
    grid-template-columns: 1fr;
  }

  .dashboard-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-grid.dashboard-work-queue {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .master-alerts {
    grid-template-columns: 1fr;
  }

  .sync-filter-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-detail-window-header,
  .member-detail-window-actions {
    position: static;
    align-items: flex-start;
  }

  .member-detail-window-header {
    flex-direction: column;
  }

  .member-detail-window-actions {
    grid-template-columns: 1fr;
  }

  .member-detail-window-header-tools,
  .member-detail-window-summary-metrics {
    width: 100%;
  }

  .member-detail-window-header-tools {
    align-items: stretch;
  }

  .member-detail-window-summary-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .member-detail-window-search {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .member-detail-window-shell {
    grid-template-columns: 1fr;
  }

  .member-detail-window-shell.tree-compact {
    grid-template-columns: 1fr;
  }

  .member-detail-window-tree {
    position: static;
    height: min(300px, 42vh);
    border-right: 0;
    border-bottom: 1px solid var(--color-admin-border);
  }

  .member-detail-window-menu {
    position: static;
    flex-direction: row;
    height: auto;
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid var(--color-admin-border);
  }

  .member-detail-window-menu button {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .member-detail-window-menu-label {
    white-space: nowrap;
  }

  .member-detail-window-phase-note {
    display: none;
  }

  .member-detail-window-menu-title {
    display: none;
  }

  .member-detail-window-card-grid,
  .member-detail-window-card-grid.compact,
  .member-detail-window-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-detail-window-form-grid,
  .member-detail-window-restriction-grid,
  .member-detail-window-inline-form,
  .member-detail-window-rate-form,
  .member-detail-window-limit-form,
  .member-detail-window-limit-line-form {
    grid-template-columns: 1fr;
  }

  .member-detail-window-profit-filter {
    grid-template-columns: 1fr 1fr;
  }

  .partner-user-hero,
  .partner-user-auth-grid,
  .partner-user-popups,
  .partner-user-request-history,
  .partner-user-board,
  .partner-user-game-filters {
    grid-template-columns: 1fr;
  }

  .partner-user-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .login-page {
    padding: var(--space-7);
  }

  .login-panel {
    padding: var(--space-10);
  }

  .login-brand-logo {
    width: min(228px, 100%);
    height: 89px;
  }

  .login-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .login-credit-mark,
  .login-panel .button {
    width: 100%;
  }

  .login-credit-mark {
    justify-content: center;
  }

  .content,
  .topbar {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }

  .metrics,
  .toolbar,
  .sync-filter-toolbar,
  .blocked-ip-filter-toolbar,
  .river-member-session-toolbar,
  .river-admin-session-toolbar,
  .member-alert-filter-toolbar,
  .member-approval-filter-toolbar,
  .money-request-filter-toolbar,
  .ledger-filter-toolbar,
  .casino-slot-bet-filter-toolbar,
  .provider-callback-filter-toolbar,
  .provider-api-filter-toolbar,
  .provider-sync-filter-toolbar,
  .admin-utility-filter-toolbar,
  .admin-ip-create-form,
  .admin-ip-filter-toolbar,
  .base-settings-custom-form,
  .admin-report-view .settlement-summary-filter-toolbar,
  .member-statistics-filter-toolbar,
  .vendor-settlement-filter-toolbar,
  .commission-log-filter-toolbar,
  .partner-statistics-filter-toolbar,
  .partner-statistics-create-form,
  .partner-domain-filter-toolbar,
  .partner-domain-create-form,
  .provider-catalog-filter-toolbar,
  .provider-catalog-sync-form,
  .site-settings-load-form,
  .money-policy-load-form,
  .admin-account-filter-toolbar,
  .admin-account-create-form,
  .rate-adjustment-create-form,
  .rate-adjustment-filter-toolbar,
  .nav,
  .detail-grid,
  .partner-user-summary,
  .partner-user-money-overview {
    grid-template-columns: 1fr;
  }

  .dashboard-grid.dashboard-work-queue {
    grid-template-columns: 1fr;
    grid-template-areas:
      "queue-deposits"
      "queue-withdraws"
      "queue-member-approvals"
      "queue-support";
  }

  .money-request-workspace {
    padding: var(--space-6);
  }

  .money-request-workspace.empty {
    grid-template-columns: 1fr;
  }

  .money-request-status-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-detail-window-header,
  .member-detail-window-actions,
  .member-detail-window-main,
  .member-detail-window-candidates {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }

  .member-detail-window-search,
  .member-detail-window-card-grid,
  .member-detail-window-card-grid.compact,
  .member-detail-window-quick-grid,
  .member-detail-window-restriction-grid,
  .member-detail-window-ticket-form,
  .member-detail-window-limit-form,
  .member-detail-window-limit-line-form {
    grid-template-columns: 1fr;
  }

  .member-detail-window-header-tools,
  .member-detail-window-section-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .member-detail-window-summary-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-detail-window-top-metric:nth-child(even) {
    border-right: 0;
  }

  .member-detail-window-profit-filter {
    grid-template-columns: 1fr;
  }

  #provider-list-sync-form.date-range-enhanced-toolbar {
    grid-template-columns: 1fr;
  }

  .toolbar.date-range-enhanced-toolbar > input[name="search"],
  .toolbar.date-range-enhanced-toolbar .date-range-picker,
  .toolbar.date-range-enhanced-toolbar .date-range-picker-with-time {
    grid-column: 1 / -1;
  }

  .member-approval-summary {
    grid-template-columns: 1fr;
  }

  .partner-statistics-summary {
    grid-template-columns: 1fr;
  }

  .partner-domain-summary {
    grid-template-columns: 1fr;
  }

  .provider-catalog-summary {
    grid-template-columns: 1fr;
  }

  .provider-callback-summary,
  .provider-api-summary,
  .provider-sync-summary {
    grid-template-columns: 1fr;
  }

  .provider-callback-filter-toolbar input[name="search"],
  .provider-api-filter-toolbar input[name="search"],
  .provider-sync-filter-toolbar input[name="search"],
  .admin-utility-filter-toolbar input[name="search"] {
    grid-column: auto;
  }

  .admin-utility-summary,
  .base-settings-summary {
    grid-template-columns: 1fr;
  }

  .site-settings-summary,
  .site-settings-main-grid,
  .site-settings-field-grid,
  .money-policy-summary,
  .money-policy-main-grid,
  .money-policy-field-grid,
  .money-policy-preview dl {
    grid-template-columns: 1fr;
  }

  .admin-account-summary {
    grid-template-columns: 1fr;
  }

  .blocked-ip-octets {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .member-alert-settings-grid {
    grid-template-columns: 1fr;
  }

  .member-action-fields {
    grid-template-columns: 1fr;
  }

  .member-register-dialog .dialog-title-row {
    padding: var(--space-8);
  }

  .member-register-dialog .dialog-title-row::after {
    width: 120px;
  }

  .member-register-dialog .member-action-fields {
    grid-template-columns: 1fr;
    padding: var(--space-6);
  }

  .member-register-field,
  .member-register-field.member-register-compact,
  .member-register-field.member-register-half,
  .member-selected-summary,
  .member-register-section {
    grid-column: 1 / -1;
  }

  .member-selected-summary {
    grid-template-columns: 1fr;
    row-gap: var(--space-4);
  }

  .member-status-choice-grid {
    grid-template-columns: 1fr;
  }

  .member-register-dialog .dialog-actions {
    padding: var(--space-6);
  }

  .nav-group.open .nav-group-items {
    grid-template-columns: 1fr;
  }

  .dashboard-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-status-strip,
  .dashboard-daily-grid,
  .dashboard-analytics-layout,
  .dashboard-quick-actions,
  .check-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-analytics-layout {
    grid-template-areas:
      "analytics-sheet"
      "analytics-money"
      "analytics-workload"
      "analytics-game";
  }

  .dashboard-status-group {
    grid-column: span 1;
  }

  .dashboard-status-strip-header {
    grid-template-columns: none;
    grid-template-rows: repeat(2, 52px);
    grid-auto-flow: column;
  }

  .dashboard-status-strip-header .dashboard-status-group {
    grid-column: auto;
    min-width: 260px;
  }

  .dashboard-status-clusters {
    display: flex;
    grid-template-areas: none;
    grid-template-columns: none;
    grid-template-rows: none;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .dashboard-status-cluster {
    flex: 0 0 auto;
  }

  .dashboard-analytics-card,
  .dashboard-analytics-card:nth-child(2n),
  .dashboard-analytics-card:nth-child(n + 3) {
    border-top: 1px solid var(--color-border);
    border-right: 0;
  }

  .dashboard-analytics-card:first-child {
    border-top: 0;
  }

  .dashboard-sheet {
    --dashboard-sheet-value-width: 112px;
  }

  .dashboard-table th,
  .dashboard-table td {
    padding: var(--space-5);
  }

  .partner01-game-grid {
    --partner01-game-card-width: 140px;
    --partner01-game-image-height: 105px;
    --partner01-game-copy-height: 48px;
    gap: var(--space-4);
  }

}

@keyframes logo-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* Environment settings: scoped to keep the reference-style workspace out of other admin screens. */
.environment-settings-view {
  width: 100%;
  max-width: none;
  overflow: hidden;
  background: var(--color-admin-surface-muted);
}

.environment-settings-view > .section-header {
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

.environment-settings-view .site-policy-tabs {
  display: flex;
  gap: 0;
  padding: var(--space-6) var(--space-8) 0;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

.environment-settings-view .site-policy-tab {
  min-height: var(--control-height-md);
  margin-right: -1px;
  padding: 0 var(--space-8);
  border: 1px solid var(--color-admin-border-strong);
  border-radius: 0;
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.environment-settings-view .site-policy-tab:first-child {
  border-radius: var(--radius-sm) 0 0 0;
}

.environment-settings-view .site-policy-tab:last-child {
  border-radius: 0 var(--radius-sm) 0 0;
}

.environment-settings-view .site-policy-tab:hover,
.environment-settings-view .site-policy-tab:focus-visible {
  position: relative;
  z-index: 1;
  border-color: var(--color-partner-tree-heading);
  color: var(--color-partner-tree-heading);
}

.environment-settings-view .site-policy-tab.active {
  position: relative;
  z-index: 2;
  border-color: var(--color-partner-tree-heading);
  background: var(--color-partner-tree-heading);
  color: var(--color-text-inverse);
}

.environment-settings-view .site-settings-load-form,
.environment-settings-view .money-policy-load-form {
  margin: var(--space-8) var(--space-8) 0;
  padding: var(--space-6);
  border: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

.environment-settings-view .environment-settings-form {
  display: grid;
  width: auto;
  max-width: 1184px;
  gap: var(--space-6);
  margin: 0;
  padding: var(--space-8);
  border: 0;
  background: var(--color-admin-surface-muted);
}

.environment-settings-view .environment-money-policy-panels {
  display: block;
}

.environment-settings-view .environment-settings-panel {
  display: grid;
  min-width: 0;
  gap: 0;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface);
  box-shadow: none;
}

.environment-settings-view .environment-settings-panel[hidden] {
  display: none;
}

.environment-settings-view .environment-settings-panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-subtle);
}

.environment-settings-view .environment-settings-panel-heading h3,
.environment-settings-view .environment-settings-panel-heading p {
  margin: 0;
}

.environment-settings-view .environment-settings-panel-heading h3 {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-md);
}

.environment-settings-view .environment-settings-panel-heading p {
  margin-top: var(--space-2);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
}

.environment-settings-view .environment-settings-panel-heading > span {
  flex: 0 0 auto;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.environment-settings-view .environment-settings-table-wrap {
  min-width: 0;
  overflow-x: auto;
}

.environment-settings-view .environment-settings-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  table-layout: fixed;
}

.environment-settings-view .environment-settings-table th,
.environment-settings-view .environment-settings-table td {
  height: 54px;
  padding: var(--space-5) var(--space-8);
  border-right: 1px solid var(--color-admin-border);
  border-bottom: 1px solid var(--color-admin-border);
  color: var(--color-admin-text);
  font-size: var(--font-size-sm);
  text-align: left;
  vertical-align: middle;
}

.environment-settings-view .environment-settings-table th {
  width: 260px;
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text-strong);
  font-weight: 800;
  white-space: normal;
  overflow-wrap: anywhere;
}

.environment-settings-view .environment-settings-panel-toolbar {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-4);
  padding: var(--space-5) var(--space-6);
  border-top: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-muted);
}

.environment-settings-view .environment-settings-panel-toolbar p {
  min-width: 0;
  margin: 0;
  font-size: var(--font-size-xs);
  overflow-wrap: anywhere;
}

.environment-settings-view .money-policy-level-account-wrap {
  max-width: 100%;
}

.environment-settings-view .money-policy-level-account-table {
  width: 100%;
  min-width: 1320px;
  table-layout: fixed;
}

.environment-settings-view .money-policy-level-account-table th,
.environment-settings-view .money-policy-level-account-table td {
  width: auto;
  min-width: 0;
  padding: var(--space-4);
  overflow-wrap: anywhere;
}

.environment-settings-view .money-policy-level-account-table th:nth-child(1) {
  width: 110px;
}

.environment-settings-view .money-policy-level-account-table th:nth-child(2) {
  width: 140px;
}

.environment-settings-view .money-policy-level-account-table th:nth-child(3) {
  width: 180px;
}

.environment-settings-view .money-policy-level-account-table th:nth-child(4) {
  width: 220px;
}

.environment-settings-view .money-policy-level-account-table th:nth-child(5) {
  width: 160px;
}

.environment-settings-view .money-policy-level-account-table th:nth-child(6) {
  width: 360px;
}

.environment-settings-view .money-policy-level-account-table th:nth-child(7) {
  width: 150px;
}

.environment-settings-view .money-policy-level-account-table input:not([type='checkbox']):not([type='hidden']),
.environment-settings-view .money-policy-level-account-table textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm);
}

.environment-settings-view .money-policy-level-account-table textarea {
  min-height: 64px;
  resize: vertical;
}

.environment-settings-view .money-policy-level-cell strong,
.environment-settings-view .money-policy-level-cell small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.environment-settings-view .money-policy-level-cell small {
  margin-top: var(--space-2);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xxs);
  font-weight: 700;
}

.environment-settings-view .money-policy-level-active {
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
}

.environment-settings-view .money-policy-level-status {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  min-height: 26px;
  padding: 0 var(--space-3);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-pill);
  font-size: var(--font-size-xs);
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.environment-settings-view .money-policy-level-status.is-complete {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-badge-success-bg);
  color: var(--color-success);
}

.environment-settings-view .money-policy-level-status.is-incomplete {
  border-color: var(--color-alert-border);
  background: var(--color-badge-danger-bg);
  color: var(--color-danger);
}

.environment-settings-view .money-policy-level-status.is-disabled {
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text-muted);
}

/* P04 login security and member warning history additions reuse the shared admin primitives. */
.bling-member-identity-card.has-warning-colors {
  border-color: var(--member-warning-primary);
}

.bling-member-identity-card.has-warning-colors > strong,
.bling-member-identity-card.has-warning-colors > span {
  background: color-mix(in srgb, var(--member-warning-primary) 12%, var(--color-surface));
  color: var(--member-warning-primary);
}

.member-alert-identity {
  color: var(--color-partner01-black);
}

.member-alert-identity.has-warning-colors {
  color: var(--member-warning-primary);
}

.member-warning-color-fieldset {
  min-width: 0;
  margin: 0;
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
}

.member-warning-color-fieldset legend {
  padding: 0 var(--space-2);
  color: var(--color-text-strong);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-warning-color-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: var(--space-3);
}

.member-warning-color-choice {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
}

.member-warning-color-choice label {
  display: inline-flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-text);
  font-size: var(--font-size-xs);
}

.member-warning-color-dot {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--member-warning-choice) 70%, var(--color-border));
  border-radius: var(--radius-pill);
  background: var(--member-warning-choice);
}

.member-warning-primary-choice {
  white-space: nowrap;
}

.member-alert-security-details {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.member-alert-security-details > span {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
}

.member-alert-security-details small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xxs);
}

.member-alert-security-details strong {
  max-width: 220px;
  overflow: hidden;
  color: var(--color-text-strong);
  font-size: var(--font-size-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-duplicate-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1280px);
}

.blocked-ip-table {
  min-width: max(var(--layout-admin-table-min-width), 1120px);
}

/* 관리자 본문 공통 디자인: 민트 캔버스, 흰색 카드, 좌측 즐겨찾기, 동일한 제목·버튼 체계 */
.app-shell .admin-page-header {
  padding: var(--space-5) var(--space-6);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface-subtle);
  box-shadow: var(--shadow-admin-panel);
}

.app-shell .section,
.app-shell .member-reference-panel,
.app-shell .bling-member-list-panel {
  border-color: var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-admin-panel);
}

.app-shell .member-reference-panel,
.app-shell .bling-member-list-panel {
  overflow: hidden;
}

.app-shell .section > .section-header {
  padding: var(--space-5) var(--space-6);
  border-bottom-color: var(--color-admin-border);
  background: var(--color-admin-surface-subtle);
}

.app-shell .admin-page-header h1,
.app-shell .content #page > .section > .section-header h2,
.app-shell .content #page > [class$="-view"] > .section-header h2,
.app-shell .admin-report-view :is(
  .settlement-summary-page-title,
  .member-statistics-page-title,
  .vendor-settlement-page-title,
  .commission-log-page-title,
  .rate-adjustment-page-title
) h2 {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-page-title);
  font-weight: 600;
  line-height: 1.3;
}

.app-shell .admin-page-header h1,
.app-shell .page-menu-favorite-title-group {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-3);
}

.app-shell :is(.notice-board-title-mark, .page-menu-favorite-toggle) {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  margin: 0;
  border: 1px solid var(--color-sidebar-accent-border);
  border-radius: var(--radius-pill);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-sidebar-accent-muted);
}

.app-shell :is(.notice-board-title-mark, .page-menu-favorite-toggle):is(.active, :hover) {
  background: var(--color-sidebar-accent);
  color: var(--color-text-inverse);
}

.app-shell .admin-report-view :is(
  .settlement-summary-page-title,
  .member-statistics-page-title,
  .vendor-settlement-page-title,
  .commission-log-page-title,
  .rate-adjustment-page-title
) {
  min-height: 64px;
  padding: var(--space-5) var(--space-6);
  border-bottom-color: var(--color-admin-border);
  background: var(--color-admin-surface-subtle);
}

.app-shell .button.secondary {
  border-color: var(--color-primary);
  background: var(--color-admin-surface);
  color: var(--color-primary);
}

.app-shell .button.secondary:hover {
  border-color: var(--color-primary-hover);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-primary-hover);
}

.app-shell .button.danger,
.app-shell .notice-board-action-button.button.danger {
  border-color: var(--color-danger);
  background: var(--color-danger);
  color: var(--color-text-inverse);
}

/* 트리뷰 공통 제어: 검색 바로 아래의 3버튼과 52px 복귀 레일을 같은 동작으로 유지한다. */
.tree-view-standard-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
  flex: 0 0 auto;
  min-width: 0;
}

.tree-view-standard-controls button,
.tree-view-standard-open-rail {
  min-width: 0;
  min-height: 42px;
  padding: 0 var(--space-2);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-solid);
  color: var(--color-admin-text-muted);
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.3px;
  white-space: normal;
  word-break: keep-all;
  cursor: pointer;
}

.tree-view-standard-controls button:hover,
.tree-view-standard-controls button:focus-visible,
.tree-view-standard-open-rail:hover,
.tree-view-standard-open-rail:focus-visible {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.tree-view-standard-controls button:last-child {
  border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-admin-border));
  background: var(--color-admin-selection-soft);
  color: var(--color-primary);
}

.tree-view-standard-controls button:disabled {
  cursor: default;
  opacity: 0.45;
}

.tree-view-standard-open-rail {
  display: inline-flex;
  width: 100%;
  min-height: 100%;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-4) 0;
  border: 0;
  border-radius: 0;
  background: var(--color-admin-selection-soft);
  color: var(--color-primary);
}

.tree-view-standard-open-rail > span:last-child {
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.tree-view-standard-open-rail .material-symbols-outlined {
  font-size: 20px;
}

.partner-tree-view .partner-tree-shell.member-tree-layout.is-tree-compact,
.partner-tree-view
  .partner-tree-reference-panel:has([data-member-tree-site])
  .partner-tree-shell.member-tree-layout.is-tree-compact {
  grid-template-columns: 52px minmax(0, 1fr);
}

.partner-tree-view .partner-tree-side.member-tree-panel {
  display: flex;
  flex-direction: column;
}

.partner-tree-view .partner-tree-side .tree-view-standard-controls {
  margin-bottom: var(--space-4);
}

.partner-tree-view .partner-tree-side .partner-tree-list {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
}

.partner-tree-view .partner-tree-side.member-tree-panel.is-compact {
  min-height: 610px;
  padding: 0;
}

.settlement-summary-layout.tree-compact {
  grid-template-columns: 52px minmax(0, 1fr);
}

.settlement-member-panel.is-compact {
  min-height: 640px;
  padding: 0;
}

.settlement-member-tree-actions.tree-view-standard-controls {
  justify-content: stretch;
}

body.member-management-shell-user-site .partner-managed-tree-panel.hierarchy-tree-panel {
  display: flex;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
}

body.member-management-shell-user-site .partner-managed-tree-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

body.member-management-shell-user-site .partner-managed-tree-layout.is-tree-compact {
  grid-template-columns: 52px minmax(0, 1fr);
}

body.member-management-shell-user-site .partner-managed-tree-panel.is-compact {
  padding: 0;
}

body.member-management-shell-user-site .partner-managed-tree-controls {
  margin-bottom: var(--space-4);
}

body.member-management-shell-user-site .partner-managed-tree-controls button {
  padding-inline: var(--space-2);
  font-size: 10px;
}

@media (max-width: 980px) {
  .settlement-summary-layout.tree-compact {
    grid-template-columns: minmax(0, 1fr);
  }

  .settlement-member-panel.is-compact,
  body.member-management-shell-user-site .partner-managed-tree-panel.is-compact {
    min-height: 44px;
    padding: 0;
  }

  body.member-management-shell-user-site .partner-managed-tree-layout.is-tree-compact {
    display: block;
    padding-bottom: 0;
  }

  .settlement-member-panel.is-compact .tree-view-standard-open-rail,
  body.member-management-shell-user-site .partner-managed-tree-panel.is-compact .tree-view-standard-open-rail {
    min-height: 44px;
  }
}

@media (max-width: 980px) {
  .partner-tree-view .partner-tree-shell.member-tree-layout.is-tree-compact,
  .partner-tree-view
    .partner-tree-reference-panel:has([data-member-tree-site])
    .partner-tree-shell.member-tree-layout.is-tree-compact {
    grid-template-columns: minmax(0, 1fr);
  }

  .partner-tree-view .partner-tree-side.member-tree-panel.is-compact {
    min-height: 44px;
    max-height: none;
    padding: 0;
  }
}

@media (max-width: 980px) {
  .tree-view-standard-open-rail {
    min-height: 44px;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 0 var(--space-4);
  }

  .tree-view-standard-open-rail > span:last-child {
    writing-mode: horizontal-tb;
    text-orientation: mixed;
  }
}

/* 회원 상세 독립창: 참고 화면의 정보 밀도와 River 관리자 토큰을 함께 적용한다. */
.member-detail-window[data-member-detail-layout="reference"] {
  --member-detail-header-height: 50px;
  --member-detail-identity-height: 60px;
  --member-detail-summary-height: 104px;
  --member-detail-menu-width: 150px;
}

.member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-header {
  padding: 0 var(--space-6);
  border-bottom: 0;
  background: var(--color-sidebar-accent);
  box-shadow: none;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-title h1 {
  color: var(--color-text-inverse);
  font-size: var(--font-size-md);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-close {
  border-color: transparent;
  background: transparent;
  color: var(--color-text-inverse);
  font-size: var(--font-size-xl);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-close:hover,
.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-close:focus-visible {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-sidebar-accent-strong);
}

.member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-identity {
  display: flex;
  align-items: center;
  padding: 0 var(--space-6);
  overflow: hidden;
  background: var(--color-admin-surface-muted);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-main {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 auto;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  border: 0;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-name {
  display: grid;
  min-width: 0;
  flex: 0 1 auto;
  gap: 0;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-name strong {
  overflow: hidden;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-name strong span {
  margin-left: var(--space-1);
  color: var(--color-admin-text-muted);
  font-weight: 700;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-message {
  display: inline-flex;
  min-height: var(--control-height-compact);
  flex: 0 0 auto;
  align-items: center;
  gap: var(--space-1);
  padding: 0 var(--space-3);
  border: 0;
  background: transparent;
  color: var(--color-primary);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-message:hover {
  background: var(--color-sidebar-accent-soft);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-message .material-symbols-outlined {
  color: currentColor;
  font-size: var(--font-size-md);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-search {
  display: grid;
  min-width: 0;
  max-width: 360px;
  flex: 0 1 360px;
  grid-template-columns: minmax(160px, 1fr) auto;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-actions {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 55;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-6);
  border-top: 1px solid var(--color-admin-border);
  border-left: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
  box-shadow: var(--shadow-admin-panel);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-actions:empty {
  display: none;
}

.member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-candidates {
  position: fixed;
  top: calc(var(--member-detail-header-height) + var(--member-detail-identity-height) - 1px);
  right: var(--space-6);
  z-index: 65;
  width: min(620px, calc(100vw - var(--space-12)));
  max-height: min(300px, 44vh);
  overflow: auto;
  border: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
  box-shadow: var(--shadow-admin-panel);
}

.member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-actions {
  display: block;
  height: var(--member-detail-summary-height);
  padding: var(--space-3) var(--space-6);
  background: var(--color-admin-surface-muted);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-summary-metrics {
  height: 100%;
  margin: 0;
  grid-template-columns: repeat(8, minmax(134px, 1fr));
  grid-auto-flow: initial;
  grid-auto-columns: initial;
  overflow-x: auto;
  background: var(--color-admin-surface-solid);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric {
  min-height: 0;
  grid-template-rows: 28px minmax(0, 1fr);
  align-content: stretch;
  gap: 0;
  padding: 0;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric dt,
.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric dd {
  min-width: 0;
  margin: 0;
  padding: var(--space-2) var(--space-3);
  text-align: center;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric dt {
  overflow: hidden;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric dd {
  display: grid;
  place-items: center;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric.money dd,
.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric.negative dd {
  color: var(--color-danger);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric.point dd {
  color: var(--color-primary);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric.positive dd {
  color: var(--color-success);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric.period dd {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  gap: var(--space-1);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric.period dd > span {
  display: grid;
  min-width: 0;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric.period dd small {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-table-meta);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric.period dd strong {
  overflow: hidden;
  color: inherit;
  font-size: var(--font-size-xs);
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu {
  gap: 0;
  padding: 0;
  background: var(--color-admin-surface-muted);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button {
  min-height: 39px;
  padding: 0 var(--space-6);
  border: 0;
  border-bottom: 1px solid var(--color-admin-border);
  border-left: 3px solid transparent;
  border-radius: 0;
  background: transparent;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button:hover {
  border-color: var(--color-admin-border);
  border-left-color: var(--color-sidebar-accent);
  background: var(--color-admin-surface-hover);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button.active,
.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button[aria-current="page"] {
  border-color: var(--color-admin-border);
  border-left-color: var(--color-sidebar-accent);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-sidebar-accent-strong);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-main {
  padding: var(--space-4);
  padding-bottom: calc(var(--space-14) + var(--space-12));
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-panel-title {
  margin-bottom: var(--space-3);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-panel-title h2 {
  font-size: var(--font-size-lg);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-panel-title p {
  margin-top: var(--space-1);
  font-size: var(--font-size-xs);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-hierarchy-summary {
  display: grid;
  min-width: 0;
  grid-template-columns: 116px minmax(0, 1fr);
  margin: 0 0 -1px;
  border: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-hierarchy-summary > strong {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-3);
  border-right: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-hierarchy-summary ol {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  padding: var(--space-3);
  list-style: none;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-hierarchy-summary li {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-hierarchy-summary li + li::before {
  margin-right: var(--space-2);
  color: var(--color-admin-border-strong);
  content: ">";
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-hierarchy-summary li[aria-current="page"] {
  color: var(--color-admin-text-strong);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-form {
  max-width: none;
  margin-bottom: var(--space-4);
  border-radius: 0;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-grid {
  gap: 0;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-actions-bottom {
  margin-top: -1px;
  border: 0;
  border-radius: 0;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-form .member-detail-window-profile-field > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-form .member-detail-window-profile-field > :is(input, select) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-inline,
.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-control {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: var(--space-2);
  margin: var(--space-2);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-inline.bank {
  grid-template-columns: minmax(84px, 0.8fr) minmax(120px, 1.4fr) minmax(84px, 0.8fr);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-inline > :is(input, select),
.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-control > :is(input, select) {
  width: 100%;
  min-width: 0;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-control {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-1);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-status-control {
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: var(--space-2);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-status-control .member-status-select {
  border-color: var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface);
  color: var(--color-admin-text);
  font-weight: 700;
  text-align: center;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-control small {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-table-meta);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-filterbar {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
  padding: var(--space-3);
  border: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-filter-tabs,
.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-date-filter {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-filter-tabs button {
  min-height: var(--control-height-compact);
  margin-left: -1px;
  padding: 0 var(--space-4);
  border: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-filter-tabs button:first-child {
  margin-left: 0;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-filter-tabs button.active {
  position: relative;
  z-index: 1;
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-date-filter {
  gap: var(--space-2);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-date-filter input {
  min-height: var(--control-height-compact);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-filter {
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: -1px;
  background: var(--color-admin-surface-muted);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-controls {
  display: flex;
  min-width: 0;
  flex: 1 1 620px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-2);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-controls > label {
  flex: 0 0 auto;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-controls select,
.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-controls > .button {
  min-height: var(--control-height-compact);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-range {
  width: min(420px, 100%);
  margin-left: auto;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-summary {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 -1px;
  border: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-summary > div {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(136px, 0.7fr) minmax(100px, 1fr);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-summary > div + div {
  border-left: 1px solid var(--color-admin-border);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-summary :is(dt, dd) {
  display: flex;
  min-width: 0;
  min-height: 42px;
  align-items: center;
  margin: 0;
  padding: var(--space-2) var(--space-4);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-summary dt {
  justify-content: center;
  border-right: 1px solid var(--color-admin-border);
  background: var(--color-admin-notice-bg);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 900;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-summary dd {
  justify-content: flex-end;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-table-wrap {
  margin: 0;
  border-radius: 0;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-table {
  min-width: 980px;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-table th,
.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-table td {
  height: 44px;
  text-align: center;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-sort {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  padding: 0 var(--space-2);
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-sort .table-sort-indicator {
  color: currentColor;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-sort:hover,
.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-sort.active {
  color: var(--color-primary);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  padding: var(--space-4);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-commission-search {
  min-width: 180px;
  flex: 1 1 220px;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-commission-search input {
  width: 100%;
  min-height: var(--control-height-compact);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-commission-summary dd {
  gap: var(--space-2);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-commission-summary dd span {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-commission-table {
  min-width: 1180px;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-commission-settings {
  margin-top: var(--space-5);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface-solid);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-commission-settings > summary {
  padding: var(--space-3) var(--space-4);
  color: var(--color-admin-text-strong);
  cursor: pointer;
  font-size: var(--font-size-sm);
  font-weight: 900;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-commission-settings-body {
  display: grid;
  gap: var(--space-4);
  padding: 0 var(--space-4) var(--space-4);
}

@media (max-width: 1400px) {
  .member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-header {
    flex-direction: row;
    align-items: center;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu {
    flex-direction: column;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .member-detail-window[data-member-detail-layout="reference"] {
    --member-detail-header-height: 48px;
    --member-detail-identity-height: 54px;
    --member-detail-summary-height: 84px;
    grid-template-rows:
      var(--member-detail-header-height)
      var(--member-detail-identity-height)
      var(--member-detail-summary-height)
      minmax(0, 1fr);
  }

  .member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-header {
    padding-right: max(var(--space-4), env(safe-area-inset-right));
    padding-left: max(var(--space-4), env(safe-area-inset-left));
  }

  .member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-identity {
    display: flex;
    padding-right: max(var(--space-4), env(safe-area-inset-right));
    padding-left: max(var(--space-4), env(safe-area-inset-left));
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-main {
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-name {
    flex: 1 1 auto;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-message {
    margin-left: auto;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-search {
    display: none;
  }

  .member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-actions {
    display: block;
    height: var(--member-detail-summary-height);
    padding: var(--space-2) var(--space-4);
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-summary-metrics {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 124px;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-top-metric {
    min-height: 0;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-actions {
    left: 0;
    right: 0;
    justify-content: flex-start;
    padding:
      var(--space-2)
      max(var(--space-4), env(safe-area-inset-right))
      max(var(--space-2), env(safe-area-inset-bottom))
      max(var(--space-4), env(safe-area-inset-left));
    overflow-x: auto;
    border-left: 0;
  }

  .member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-shell {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 46px minmax(0, 1fr);
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu {
    height: 46px;
    flex-direction: row;
    padding-right: max(var(--space-2), env(safe-area-inset-right));
    padding-left: max(var(--space-2), env(safe-area-inset-left));
    overflow-x: auto;
    overflow-y: hidden;
    background: var(--color-admin-surface-solid);
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button {
    min-height: 46px;
    padding: 0 var(--space-4);
    border: 0;
    border-bottom: 3px solid transparent;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button.active,
  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button[aria-current="page"] {
    border-bottom-color: var(--color-primary);
    border-left-color: transparent;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-main {
    padding:
      var(--space-3)
      max(var(--space-3), env(safe-area-inset-right))
      calc(var(--space-14) + var(--space-12) + env(safe-area-inset-bottom))
      max(var(--space-3), env(safe-area-inset-left));
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-hierarchy-summary {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-inline.bank {
    grid-template-columns: minmax(0, 1fr);
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-profile-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-filterbar {
    align-items: stretch;
    flex-direction: column;
  }

  .member-detail-history-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .member-detail-history-tabs button {
    flex: 0 0 auto;
  }

  .member-detail-activity-filter {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .member-detail-activity-filter .date-range-picker {
    width: 100%;
  }

  .member-detail-activity-filter .date-range-trigger {
    width: 100%;
    min-width: 0;
  }

  .member-detail-activity-per-page {
    max-width: none;
  }

  .member-detail-activity-filter-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-detail-activity-feed {
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .member-detail-activity-head {
    display: none;
  }

  .member-detail-activity-list {
    display: grid;
    gap: var(--space-3);
    overflow: visible;
  }

  .member-detail-activity-row {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid var(--color-admin-border);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-admin-panel);
  }

  .member-detail-activity-row:last-child {
    border-bottom: 1px solid var(--color-admin-border);
  }

  .member-detail-activity-row > div {
    padding: var(--space-3);
    border-left: 0;
  }

  .member-detail-activity-time {
    min-height: 58px;
    padding-left: calc(var(--space-3) + 12px) !important;
    border-bottom: 1px solid var(--color-admin-border);
    background: var(--color-admin-surface-muted);
  }

  .member-detail-activity-dot {
    top: calc(var(--space-3) + 5px);
    left: var(--space-3);
  }

  .member-detail-activity-kind {
    min-width: 116px;
    align-items: flex-end;
    border-bottom: 1px solid var(--color-admin-border);
    background: var(--color-admin-surface-muted);
  }

  .member-detail-activity-content {
    grid-column: 1 / -1;
    border-bottom: 1px solid var(--color-admin-border);
  }

  .member-detail-activity-money,
  .member-detail-activity-actor {
    min-height: 74px;
  }

  .member-detail-activity-money {
    align-items: flex-start;
    text-align: left;
  }

  .member-detail-activity-money::before,
  .member-detail-activity-actor::before {
    content: attr(data-activity-label);
    color: var(--color-admin-text-muted);
    font-size: var(--font-size-xs);
    font-weight: 800;
  }

  .member-detail-activity-actor {
    align-items: flex-end;
    text-align: right;
  }

  .member-detail-activity-target {
    grid-column: 1 / -1;
    align-items: center;
    justify-content: flex-end;
    padding-top: 0 !important;
  }

  .member-detail-activity-target .button {
    width: 100%;
  }

  .member-detail-activity-pagination {
    flex-direction: column;
  }

  .member-detail-activity-pagination .button {
    width: 100%;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-filter-tabs,
  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-date-filter {
    overflow-x: auto;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-date-filter {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-date-filter input {
    width: 100%;
    min-width: 0;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-filter {
    align-items: stretch;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-controls {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    justify-content: stretch;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-controls select,
  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-controls > label {
    width: 100%;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-commission-search {
    min-width: 0;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-range {
    width: 100%;
    margin-left: 0;
    grid-column: 1 / -1;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-controls > .button {
    grid-column: 1 / -1;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-detail-window-betting-summary > div + div {
    border-top: 1px solid var(--color-admin-border);
    border-left: 0;
  }
}

/* 리버 경고목록과 같은 도구막대 밀도를 유지하되, 기존 관리자 디자인 토큰을 사용한다. */
.app-shell .river-member-alert-view {
  min-width: 0;
}

.app-shell .river-member-alert-view > .section-header {
  min-height: 66px;
  margin: 0;
  padding: 0 var(--space-7);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}

.app-shell .river-member-alert-view > .section-header h2 {
  font-size: var(--font-size-lg);
}

.app-shell .river-member-alert-toolbar.member-alert-filter-toolbar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--space-3);
  margin: 0;
  padding: var(--space-6) var(--space-7);
  border: 0;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
  overflow-x: auto;
}

.app-shell .river-member-alert-toolbar.member-alert-filter-toolbar:has(.date-range-menu[open]) {
  overflow: visible;
}

.river-member-alert-toolbar > .button,
.river-member-alert-toolbar .date-range-picker,
.river-member-alert-toolbar .river-member-alert-search-group {
  flex: 0 0 auto;
}

.river-member-alert-toolbar-spacer {
  flex: 1 1 auto;
  min-width: var(--space-6);
}

.river-member-alert-toolbar .date-range-picker {
  grid-column: auto;
  width: max-content;
}

.app-shell .river-member-alert-toolbar .date-range-native-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}

.app-shell .river-member-alert-toolbar .date-range-native-picker .date-range-native-time {
  width: 100%;
  min-width: 0;
}

.app-shell .river-member-alert-toolbar .date-range-native-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch !important;
}

.river-member-alert-toolbar > input[type="date"] {
  flex: 0 0 135px;
  width: 135px;
  min-width: 118px;
}

.river-member-alert-toolbar > [data-member-alert-settings] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.river-member-alert-toolbar > [data-member-alert-settings] .material-symbols-outlined {
  font-size: 17px;
}

.river-member-alert-search-group {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.river-member-alert-search-group > select {
  width: 116px;
  min-width: 116px;
}

.river-member-alert-search-group > input {
  width: 180px;
  min-width: 150px;
}

.river-member-alert-search-group .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 76px;
}

.river-member-alert-search-group .material-symbols-outlined {
  font-size: 17px;
}

.app-shell .river-member-alert-view .member-alert-wrap {
  margin: 0;
  border: 0;
  border-radius: 0;
}

.app-shell .river-member-alert-view .member-alert-table {
  margin: 0;
  border-top: 0;
}

/* 전역 100% 입력 폭이 로그형 도구막대를 가로로 밀어내지 않도록 전용 폭을 고정한다. */
.app-shell .river-login-log-toolbar.login-info-toolbar > select[name="perPage"] {
  flex: 0 0 92px;
  width: 92px;
  min-width: 92px;
}

.app-shell .river-login-log-toolbar .date-range-picker {
  flex: 0 0 auto;
  grid-column: auto;
  width: max-content;
}

.app-shell .river-login-log-toolbar .river-login-log-search-group > select {
  width: 116px;
  min-width: 116px;
}

@media (max-width: 820px) {
  .app-shell .river-member-alert-toolbar.member-alert-filter-toolbar {
    flex-wrap: wrap;
    overflow-x: visible;
  }

  .river-member-alert-toolbar-spacer {
    display: none;
  }

  .river-member-alert-toolbar .date-range-picker,
  .river-member-alert-toolbar .river-member-alert-search-group {
    flex: 1 1 100%;
  }

  .river-member-alert-toolbar .date-range-picker {
    width: 100%;
  }

  .app-shell .river-member-alert-toolbar .date-range-native-field {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .river-member-alert-search-group > input {
    flex: 1 1 150px;
    width: auto;
  }
}

/* River member-list structure, kept inside the existing admin visual tokens. */
.bling-member-list-view.river-member-list-view .member-filter-display-controls,
.bling-member-list-view.river-member-list-view .member-filter-search-controls {
  flex-wrap: nowrap;
}

.bling-member-list-view.river-member-list-view .member-filter-display-controls {
  flex: 0 0 auto;
}

.bling-member-list-view.river-member-list-view .member-filter-display-controls select {
  flex: 0 0 118px;
}

.bling-member-list-view.river-member-list-view .member-filter-search-controls {
  flex: 1 1 auto;
}

.bling-member-list-view.river-member-list-view .member-filter-search-controls :is(
  select[name="includeChildren"],
  select[name="scope"]
) {
  flex: 0 0 126px;
  min-width: 126px;
}

.bling-member-list-view.river-member-list-view .member-filter-search-controls select[name="searchType"] {
  flex: 0 0 102px;
  min-width: 102px;
}

.bling-member-list-view.river-member-list-view .member-list-batch-actions {
  flex-wrap: nowrap;
}

.bling-member-list-view.river-member-list-view table.member-list-table {
  min-width: 1456px;
}

.bling-member-list-view.river-member-list-view table.member-list-table th,
.bling-member-list-view.river-member-list-view table.member-list-table td {
  padding: 5px 7px;
  white-space: nowrap;
}

.bling-member-list-view.river-member-list-view table.member-list-table th {
  height: 42px;
}

.bling-member-list-view.river-member-list-view table.member-list-table td {
  height: 42px;
  font-size: 12px;
  line-height: 1.2;
}

.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(1) { width: 42px; }
.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(2) { width: 95px; }
.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(3) { width: 64px; }
.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(4) { width: 190px; }
.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(5) { width: 95px; }
.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(6) { width: 82px; }
.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(7),
.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(8) { width: 82px; }
.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(9) { width: 95px; }
.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(10) { width: 56px; }
.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(11),
.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(12) { width: 145px; }
.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(13) { width: 160px; }
.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(14) { width: 84px; }
.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(15) { width: 58px; }

.bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(4),
.bling-member-list-view.river-member-list-view table.member-list-table td:nth-child(4) {
  min-width: 190px;
  max-width: 190px;
}

.bling-member-list-view.river-member-list-view .river-member-parent {
  overflow: hidden;
  text-align: left !important;
  text-overflow: ellipsis;
}

.bling-member-list-view.river-member-list-view .river-member-level {
  color: var(--color-bling-form-hint);
}

.bling-member-list-view.river-member-list-view .river-member-identity {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
  align-items: center;
  gap: 5px;
}

.bling-member-list-view.river-member-list-view .river-member-mark {
  flex: 0 0 auto;
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
}

.bling-member-list-view.river-member-list-view .river-member-mark .material-symbols-outlined {
  font-size: 15px;
}

.bling-member-list-view.river-member-list-view .river-member-identity-link {
  min-width: 0;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-partner01-black);
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bling-member-list-view.river-member-list-view .river-member-identity-link:hover,
.bling-member-list-view.river-member-list-view .river-member-identity-link:focus-visible {
  color: var(--member-identity-color, var(--color-partner01-black));
  text-decoration: underline;
}

.bling-member-list-view.river-member-list-view .river-member-identity-link.has-warning-colors {
  color: var(--member-identity-color, var(--color-partner01-black));
}

.bling-member-list-view.river-member-list-view table.member-list-table td.table-cell-date {
  font-size: 11px;
  white-space: nowrap;
}

@media (max-width: 980px) {
  .bling-member-list-view.river-member-list-view .member-filter-display-controls,
  .bling-member-list-view.river-member-list-view .member-filter-search-controls,
  .bling-member-list-view.river-member-list-view .member-list-batch-actions {
    flex-wrap: wrap;
  }
}

.app-shell .button.danger:hover,
.app-shell .notice-board-action-button.button.danger:hover {
  border-color: var(--color-danger-hover);
  background: var(--color-danger-hover);
  color: var(--color-text-inverse);
}

.app-shell .bling-member-wallet-actions .pay {
  background: var(--color-primary);
}

.app-shell .bling-member-wallet-actions .collect {
  background: var(--color-danger);
}

.app-shell .bling-member-row-menu > summary .material-symbols-outlined {
  display: none;
}

.app-shell .bling-member-row-menu > summary::before {
  content: "⋯";
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

/* 회원 목록과 장기미접속은 전용 규칙이 공통 버튼과 표 색상을 덮어쓰므로 여기서 동일한 본문 토큰으로 맞춘다. */
.app-shell .bling-member-list-view .member-list-header,
.app-shell .bling-member-list-view .member-list-header .member-status-tabs,
.app-shell .bling-member-list-view .bling-member-summary,
.app-shell .bling-member-list-view .member-list-wrap,
.app-shell .inactive-member-footer {
  background: var(--color-admin-surface);
}

.app-shell .bling-member-list-view .bling-member-filter,
.app-shell .bling-member-list-view .toolbar.bling-member-filter,
.app-shell .inactive-member-period-head {
  border-color: var(--color-admin-border);
  background: var(--color-admin-surface-muted);
}

.app-shell .bling-member-list-view :is(
  .member-list-header,
  .bling-member-filter,
  .bling-member-summary,
  .member-list-wrap
),
.app-shell .inactive-member-period-head,
.app-shell .inactive-member-footer {
  border-color: var(--color-admin-border);
}

.app-shell .bling-member-list-view table.member-list-table th,
.app-shell .inactive-member-table th,
.app-shell .member-duplicate-table th {
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text-strong);
}

.app-shell .bling-member-list-view table.member-list-table th:nth-child(4),
.app-shell .bling-member-list-view table.member-list-table .table-sort {
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text-strong);
}

.app-shell .bling-member-list-view :is(
  .member-list-header-actions .button.secondary,
  .member-list-header-actions button.secondary,
  .bling-member-filter .button.secondary,
  .bling-member-filter button.secondary
) {
  border-color: var(--color-primary);
  background: var(--color-admin-surface);
  color: var(--color-primary);
}

.app-shell .bling-member-list-view :is(
  .member-list-header-actions .button.secondary,
  .member-list-header-actions button.secondary,
  .bling-member-filter .button.secondary,
  .bling-member-filter button.secondary
):hover {
  border-color: var(--color-primary-hover);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-primary-hover);
}

.app-shell .inactive-member-period-actions button {
  border: 1px solid var(--color-primary);
  background: var(--color-admin-surface);
  color: var(--color-primary);
}

.app-shell .inactive-member-period-actions button:hover,
.app-shell .inactive-member-period-actions button.active {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

@media (max-width: 720px) {
  .app-shell .admin-page-header h1,
  .app-shell .content #page > .section > .section-header h2,
  .app-shell .content #page > [class$="-view"] > .section-header h2,
  .app-shell .admin-report-view :is(
    .settlement-summary-page-title,
    .member-statistics-page-title,
    .vendor-settlement-page-title,
    .commission-log-page-title,
    .rate-adjustment-page-title
  ) h2 {
    font-size: var(--font-size-2xl);
  }
}

/* P10 admin integration: shared typography, resilient controls, and folded hubs. */
.app-shell,
.member-detail-console-page {
  font-family: var(--font-family-base);
  font-size: var(--font-size-md);
}

.admin-page-header h1,
.content #page > .section > .section-header h2,
.content #page > [class$="-view"] > .section-header h2 {
  font-family: var(--font-family-base);
  font-size: var(--font-size-page-title);
  line-height: 1.3;
}

.app-shell .button {
  min-height: var(--control-height-sm);
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
}

.app-shell .button.allow-wrap,
.app-shell .button.admin-button-wrap {
  white-space: normal;
  overflow-wrap: anywhere;
}

.app-shell :is(.status-tab, .member-status-tab) {
  min-height: var(--control-height-sm);
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
}

.app-shell :is(th, td) {
  min-width: 0;
}

.app-shell th {
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: normal;
}

.app-shell td.admin-cell-overflow {
  max-width: 360px;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.money-request-hub-tabs {
  margin: var(--space-5) 0;
}

.combined-money-request-filter {
  grid-template-columns: 96px repeat(2, minmax(142px, 0.72fr)) minmax(142px, 0.72fr) minmax(190px, 1fr) auto;
  align-items: center;
}

.combined-money-request-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1580px);
}

.combined-money-request-table td > .muted {
  display: block;
  margin-top: var(--space-2);
}

.notice-board-readonly-card {
  display: grid;
  gap: var(--space-7);
}

.content-readonly-note,
.member-approval-readonly,
.bling-template-readonly {
  padding: var(--space-5) var(--space-6);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-subtle);
}

@media (max-width: 1480px) {
  .combined-money-request-filter {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
  }

}

.partner01-money-page .btnBox button:disabled,
.partner01-money-page .btnBox button:disabled:hover,
.partner01-money-page .btnBox button:disabled:focus-visible,
body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-action:disabled,
body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-action:disabled:hover,
body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-action:disabled:focus-visible {
  cursor: not-allowed;
  opacity: 0.55;
  box-shadow: none;
  transform: none;
}

.bling-member-identity-cell:has(.bling-member-identity-card.has-warning-colors) {
  min-height: 54px;
  grid-template-rows: repeat(2, 27px);
}

.bling-member-identity-card.has-warning-colors {
  min-height: 54px;
}

.blocked-ip-address-field > input[name="ipAddress"] {
  font-variant-numeric: tabular-nums;
}

.environment-settings-view .environment-settings-table th strong,
.environment-settings-view .environment-settings-table th small,
.environment-settings-view .environment-settings-table td small {
  display: block;
}

.environment-settings-view .environment-settings-table th small,
.environment-settings-view .environment-settings-table td small {
  margin-top: var(--space-2);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 600;
  line-height: 1.45;
}

.environment-settings-view .environment-settings-table tr > :last-child {
  border-right: 0;
}

.environment-settings-view .environment-settings-table tbody tr:last-child > *,
.environment-settings-view .environment-settings-table tfoot tr:last-child > * {
  border-bottom: 0;
}

.environment-settings-view .environment-settings-table input:not([type="checkbox"]),
.environment-settings-view .environment-settings-table textarea,
.environment-settings-view .environment-settings-table select {
  width: min(100%, 760px);
  min-height: var(--control-height-md);
  border-color: var(--color-admin-border-strong);
  border-radius: 2px;
  background: var(--color-admin-control-bg);
}

.environment-settings-view .environment-settings-table textarea {
  resize: vertical;
}

.environment-settings-view .environment-settings-table input:focus-visible,
.environment-settings-view .environment-settings-table textarea:focus-visible,
.environment-settings-view .environment-settings-table select:focus-visible,
.environment-settings-view .environment-settings-table button:focus-visible,
.environment-settings-view .environment-toggle input:focus-visible + .environment-toggle-track,
.environment-settings-view .environment-subtab:focus-visible {
  outline: 2px solid var(--color-partner-tree-heading);
  outline-offset: 2px;
}

.environment-settings-view .environment-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--control-height-md);
  cursor: pointer;
  user-select: none;
}

.environment-settings-view .environment-toggle input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.environment-settings-view .environment-toggle-track {
  display: inline-flex;
  width: 38px;
  height: 20px;
  align-items: center;
  padding: 2px;
  border-radius: var(--radius-pill);
  background: var(--color-border-strong);
  transition: background-color 160ms ease;
}

.environment-settings-view .environment-toggle-track > span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--color-surface);
  transition: transform 160ms ease;
}

.environment-settings-view .environment-toggle input:checked + .environment-toggle-track {
  background: var(--color-partner-tree-heading);
}

.environment-settings-view .environment-toggle input:checked + .environment-toggle-track > span {
  transform: translateX(18px);
}

.environment-settings-view .environment-toggle-state {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.environment-settings-view .environment-toggle-state-on,
.environment-settings-view .environment-toggle input:checked ~ .environment-toggle-state-off {
  display: none;
}

.environment-settings-view .environment-toggle input:checked ~ .environment-toggle-state-on {
  display: inline;
  color: var(--color-partner-tree-heading);
}

.environment-settings-view .environment-settings-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-8);
  border-top: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

.environment-settings-view .environment-save-button {
  min-width: 96px;
  border-color: var(--color-partner-tree-badge);
  background: var(--color-partner-tree-badge);
  color: var(--color-text-inverse);
}

.environment-settings-view .environment-save-button:hover,
.environment-settings-view .environment-save-button:focus-visible {
  border-color: var(--color-sidebar-accent-muted);
  background: var(--color-sidebar-accent-muted);
}

.environment-settings-view .environment-subtabs {
  display: flex;
  max-width: 1120px;
  gap: 0;
  margin: var(--space-8) var(--space-8) 0;
  border-bottom: 2px solid var(--color-partner-tree-heading);
}

.environment-settings-view .environment-subtab {
  min-height: var(--control-height-md);
  padding: 0 var(--space-8);
  border: 1px solid var(--color-admin-border);
  border-bottom: 0;
  border-radius: 0;
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text);
  cursor: pointer;
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.environment-settings-view .environment-subtab + .environment-subtab {
  margin-left: -1px;
}

.environment-settings-view .environment-subtab.active {
  position: relative;
  z-index: 1;
  border-color: var(--color-partner-tree-heading);
  background: var(--color-partner-tree-heading);
  color: var(--color-text-inverse);
}

.environment-settings-view .environment-inline-fields {
  display: flex;
  width: min(100%, 760px);
  align-items: flex-end;
  gap: var(--space-4);
}

.environment-settings-view .environment-inline-fields label {
  display: grid;
  flex: 1 1 0;
  gap: var(--space-2);
  min-width: 0;
}

.environment-settings-view .environment-inline-fields label > span {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.environment-settings-view .environment-readonly-state {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-6);
}

.environment-settings-view .data-maintenance-group-check {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  cursor: pointer;
}

.environment-settings-view .data-maintenance-group-check input {
  accent-color: var(--color-partner-tree-heading);
}

.environment-settings-view .data-maintenance-count,
.environment-settings-view .data-maintenance-total {
  color: var(--color-admin-text-strong);
  font-variant-numeric: tabular-nums;
}

.environment-settings-view .data-maintenance-warning {
  display: grid;
  gap: var(--space-2);
  margin: var(--space-6) var(--space-8) 0;
  padding: var(--space-6);
  border: 1px solid var(--color-admin-alert-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-alert-bg);
  color: var(--color-admin-danger);
  font-size: var(--font-size-sm);
}

.environment-settings-view .data-maintenance-warning span {
  color: var(--color-admin-text);
  line-height: 1.5;
}

.environment-settings-view .data-maintenance-actions .button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.environment-settings-view .master-management-tabs,
.environment-settings-view .partner-domain-status-tabs,
.environment-settings-view .partner-domain-route-tabs,
.environment-settings-view .partner-domain-filter-toolbar,
.environment-settings-view .partner-domain-create-form,
.environment-settings-view .partner-domain-summary,
.environment-settings-view .partner-domain-table-wrap {
  margin-right: var(--space-8);
  margin-left: var(--space-8);
  background: var(--color-admin-surface);
}

@media (max-width: 900px) {
  .environment-settings-view .site-policy-tabs,
  .environment-settings-view .environment-subtabs {
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .environment-settings-view .site-policy-tab,
  .environment-settings-view .environment-subtab {
    flex: 0 0 auto;
  }

  .environment-settings-view .environment-settings-table th {
    width: 210px;
  }
}

@media (max-width: 620px) {
  .environment-settings-view .environment-settings-form,
  .environment-settings-view .site-policy-tabs {
    padding-right: var(--space-4);
    padding-left: var(--space-4);
  }

  .environment-settings-view .site-settings-load-form,
  .environment-settings-view .money-policy-load-form,
  .environment-settings-view .environment-subtabs {
    margin-right: var(--space-4);
    margin-left: var(--space-4);
  }

  .environment-settings-view .environment-settings-panel-heading,
  .environment-settings-view .environment-settings-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .environment-settings-view .environment-settings-actions .button {
    width: 100%;
  }

  .environment-settings-view .environment-inline-fields {
    align-items: stretch;
    flex-direction: column;
  }

  .environment-settings-view .environment-inline-fields > span[aria-hidden="true"] {
    display: none;
  }

  .environment-settings-view.site-management-settings-view .environment-settings-table {
    min-width: 0;
  }

  .environment-settings-view.site-management-settings-view .environment-settings-table th,
  .environment-settings-view.site-management-settings-view .environment-settings-table td {
    padding-right: var(--space-4);
    padding-left: var(--space-4);
  }

  .environment-settings-view.site-management-settings-view .environment-settings-table th {
    width: 38%;
  }

  .environment-settings-view.site-management-settings-view .environment-settings-table td,
  .environment-settings-view.site-management-settings-view .environment-toggle,
  .environment-settings-view.site-management-settings-view .site-management-readonly-value,
  .environment-settings-view.site-management-settings-view [data-site-management-provider-settings] {
    max-width: 100%;
  }

  .environment-settings-view.site-management-settings-view .environment-toggle,
  .environment-settings-view.site-management-settings-view [data-site-management-provider-settings] {
    white-space: normal;
  }
}

@keyframes logo-spin-reverse {
  from {
    transform: rotate(64deg);
  }

  to {
    transform: rotate(-296deg);
  }
}

@keyframes logo-pulse {
  0%,
  100% {
    opacity: 0.72;
    transform: scale(0.96);
  }

  50% {
    opacity: 1;
    transform: scale(1.06);
  }
}

@keyframes logo-float {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px);
  }
}

@keyframes logo-dash {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -56;
  }
}

@keyframes logo-shimmer {
  0%,
  100% {
    opacity: 0;
    transform: translateX(-190%) skewX(-14deg);
  }

  18% {
    opacity: 0.62;
  }

  48% {
    opacity: 0;
    transform: translateX(190%) skewX(-14deg);
  }
}

@media (max-width: 980px) {
  .app-shell .rate-adjustment-create-section,
  .app-shell .settlement-summary-view,
  .app-shell .member-statistics-view,
  .app-shell .vendor-settlement-view,
  .app-shell .commission-log-view,
  .app-shell .commission-adjustment-view,
  .app-shell .rate-adjustment-view,
  .app-shell .member-message-view,
  .app-shell .support-ticket-view,
  .app-shell .event-board-view,
  .app-shell .notice-board-view,
  .app-shell .popup-view,
  .app-shell .provider-catalog-view,
  .app-shell .provider-catalog-panel,
  .app-shell .provider-callback-view,
  .app-shell .provider-api-view,
  .app-shell .provider-sync-view,
  .app-shell .admin-utility-view,
  .app-shell .partner-domain-view,
  .app-shell .site-settings-view,
  .app-shell .money-policy-view,
  .app-shell .admin-account-view {
    max-width: 100%;
  }
}

body.member-management-shell-user-site .member-management-shell-mobile-menu,
body.member-management-shell-user-site .member-management-shell-mobile-backdrop,
body.member-management-shell-user-site .member-management-shell-customer-card-list,
body.member-management-shell-user-site .member-management-shell-money-history-card-list {
  display: none;
}

@media (max-width: 980px) {
  body.member-management-shell-user-site {
    overflow-x: hidden;
  }

  body.member-management-shell-user-site .member-management-shell-workspace,
  body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 100dvh;
    overflow-x: hidden;
  }

  body.member-management-shell-user-site .member-management-shell-mobile-menu {
    position: fixed;
    top: max(8px, env(safe-area-inset-top));
    left: max(8px, env(safe-area-inset-left));
    z-index: 940;
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    border: 1px solid var(--color-sidebar-accent-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    box-shadow: var(--shadow-admin-panel);
    cursor: pointer;
  }

  body.member-management-shell-user-site .member-management-shell-mobile-menu span {
    width: 18px;
    height: 2px;
    border-radius: var(--radius-pill);
    background: var(--color-sidebar-accent);
  }

  body.member-management-shell-user-site .member-management-shell-mobile-backdrop {
    position: fixed;
    inset: 0;
    z-index: 930;
    display: block;
    border: 0;
    background: var(--color-dialog-backdrop);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
  }

  body.member-management-shell-user-site .member-management-shell-sidebar,
  body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 960;
    width: min(320px, calc(100vw - 56px));
    max-width: calc(100vw - 56px);
    height: 100dvh;
    overflow-y: auto;
    border-right: 1px solid var(--color-sidebar-border);
    box-shadow: var(--shadow-member-register-dialog);
    transform: translateX(-105%);
    transition: transform 0.22s ease;
    overscroll-behavior: contain;
  }

  body.member-management-shell-user-site .member-management-shell-workspace.mobile-sidebar-open .member-management-shell-sidebar {
    transform: translateX(0);
  }

  body.member-management-shell-user-site .member-management-shell-workspace.mobile-sidebar-open .member-management-shell-mobile-backdrop {
    opacity: 1;
    pointer-events: auto;
  }

  body.member-management-shell-user-site .member-management-shell-sidebar-brand,
  body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-sidebar-brand {
    height: auto;
    min-height: 92px;
    display: grid;
    gap: var(--space-2);
    align-items: center;
    border-bottom: 1px solid var(--color-sidebar-accent-border);
    padding: var(--space-5);
  }

  body.member-management-shell-user-site .member-management-shell-brand-logo,
  body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-brand-logo {
    justify-content: flex-start;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
  }

  body.member-management-shell-user-site .member-management-shell-brand-image,
  body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-brand-image {
    max-width: 100%;
    max-height: 42px;
  }

  body.member-management-shell-user-site .member-management-shell-brand-words,
  body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-brand-words {
    display: inline-flex;
    align-items: baseline;
    gap: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-brand-text,
  body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-brand-text,
  body.member-management-shell-user-site .member-management-shell-brand-words strong,
  body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-brand-words strong {
    font-size: var(--font-size-2xl);
  }

  body.member-management-shell-user-site .member-management-shell-brand-words small,
  body.member-management-shell-user-site .member-management-shell-brand-scope-label {
    display: inline-flex;
  }

  body.member-management-shell-user-site .member-management-shell-brand-scope-row,
  body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-brand-scope-row {
    width: 100%;
    justify-content: space-between;
  }

  body.member-management-shell-user-site .member-management-shell-sidebar-toggle,
  body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-sidebar-toggle {
    width: 34px;
    height: 34px;
    min-width: 34px;
  }

  body.member-management-shell-user-site .member-management-shell-side-nav,
  body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-side-nav {
    gap: var(--space-3);
    overflow: visible;
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-side-group,
  body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-side-group {
    border-color: var(--color-sidebar-panel-border);
    background: var(--color-sidebar-panel);
  }

  body.member-management-shell-user-site .member-management-shell-side-group-toggle,
  body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-side-group-toggle {
    min-height: 44px;
    justify-content: flex-start;
    gap: var(--space-3);
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-side-group-title,
  body.member-management-shell-user-site .member-management-shell-side-group-chevron {
    display: inline-flex;
  }

  body.member-management-shell-user-site .member-management-shell-side-group-title {
    flex: 1 1 auto;
  }

  body.member-management-shell-user-site .member-management-shell-side-group-items {
    display: grid;
  }

  body.member-management-shell-user-site .member-management-shell-side-group-items[hidden] {
    display: none;
  }

  body.member-management-shell-user-site .member-management-shell-content {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  body.member-management-shell-user-site .member-management-shell > .member-management-shell-main {
    padding: 0;
  }

  body.member-management-shell-user-site .member-management-shell .member-management-shell-footer,
  body.member-management-shell-user-site .member-management-shell .member-management-shell-bottom-nav {
    display: none;
  }

  body.member-management-shell-user-site .member-management-shell-header {
    padding: 8px 8px 8px 58px;
  }

  body.member-management-shell-user-site .member-management-shell-header-grid {
    grid-auto-flow: column;
    grid-auto-columns: minmax(104px, 118px);
    grid-template-columns: none;
    width: max-content;
    min-width: 0;
  }

  body.member-management-shell-user-site .member-management-shell-header-card {
    min-height: 54px;
  }

  body.member-management-shell-user-site .member-management-tabs,
  body.member-management-shell-user-site .member-management-members-control,
  body.member-management-shell-user-site .member-management-filter:not(.member-management-filter--members-reference) {
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-members-control,
  body.member-management-shell-user-site .member-management-filter,
  body.member-management-shell-user-site .member-management-filter.member-management-filter--history.date-range-enhanced-toolbar,
  body.member-management-shell-user-site .member-management-filter.member-management-filter--money.date-range-enhanced-toolbar,
  body.member-management-shell-user-site .member-management-filter.member-management-filter--memberStats.date-range-enhanced-toolbar {
    grid-template-columns: 1fr;
    gap: var(--space-3);
    width: 100%;
  }

  body.member-management-shell-user-site .member-management-filter input:not([type="hidden"]),
  body.member-management-shell-user-site .member-management-filter select,
  body.member-management-shell-user-site .member-management-filter button,
  body.member-management-shell-user-site .member-management-filter.date-range-enhanced-toolbar .date-range-picker,
  body.member-management-shell-user-site .member-management-filter.date-range-enhanced-toolbar button[type="submit"] {
    width: 100%;
    max-width: 100%;
  }

  body.member-management-shell-user-site .member-management-members-list-head {
    flex-wrap: wrap;
    gap: var(--space-3);
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .partner-managed-tree {
    background: var(--color-surface);
  }

  body.member-management-shell-user-site .partner-managed-tree-layout {
    display: block;
    min-height: 0;
    border-bottom: 0;
    background: var(--color-surface);
    padding-bottom: calc(320px + env(safe-area-inset-bottom));
  }

  body.member-management-shell-user-site .partner-managed-tree-panel {
    overflow: visible;
    border-right: 0;
    background: var(--color-surface);
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .partner-managed-tree-detail {
    display: none;
  }

  body.member-management-shell-user-site .partner-managed-tree-node-list,
  body.member-management-shell-user-site .partner-managed-tree-node-list ul {
    gap: var(--space-2);
  }

  body.member-management-shell-user-site .partner-managed-tree-node-list ul {
    margin-left: var(--space-3);
    padding-left: var(--space-2);
  }

  body.member-management-shell-user-site .partner-managed-tree-node {
    min-height: 44px;
    border-color: var(--color-border);
    background: var(--color-surface);
    font-size: var(--font-size-sm);
    padding: var(--space-3);
  }

  body.member-management-shell-user-site .partner-managed-tree-node span {
    flex: 0 1 auto;
  }

  body.member-management-shell-user-site .partner-managed-tree-node small {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.member-management-shell-user-site .partner-managed-tree-node em {
    flex: 0 0 auto;
    min-width: 38px;
    text-align: right;
  }

  body.member-management-shell-user-site .partner-managed-tree-mobile-detail {
    position: fixed;
    right: var(--space-4);
    bottom: calc(var(--space-4) + env(safe-area-inset-bottom));
    left: var(--space-4);
    z-index: 78;
    display: grid;
    overflow: hidden;
    max-height: calc(46dvh - env(safe-area-inset-bottom));
    margin: 0;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    box-shadow: var(--shadow-admin-panel);
  }

  body.member-management-shell-user-site .partner-managed-tree-mobile-detail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface-soft);
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .partner-managed-tree-mobile-detail-head > div {
    min-width: 0;
    display: grid;
    gap: var(--space-1);
  }

  body.member-management-shell-user-site .partner-managed-tree-mobile-detail-head span,
  body.member-management-shell-user-site .partner-managed-tree-mobile-detail-grid small,
  body.member-management-shell-user-site .partner-managed-tree-mobile-detail-grid em {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 800;
  }

  body.member-management-shell-user-site .partner-managed-tree-mobile-detail-head strong {
    min-width: 0;
    overflow: hidden;
    color: var(--color-text-strong);
    font-size: var(--font-size-lg);
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.member-management-shell-user-site .partner-managed-tree-mobile-detail-head small {
    min-width: 0;
    overflow: hidden;
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.member-management-shell-user-site .partner-managed-tree-mobile-detail-head > em {
    flex: 0 0 auto;
    border: 1px solid var(--color-sidebar-accent-border);
    border-radius: var(--radius-pill);
    color: var(--color-sidebar-accent);
    padding: var(--space-1) var(--space-3);
  }

  body.member-management-shell-user-site .partner-managed-tree-mobile-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
    max-height: min(28dvh, 260px);
    overflow-y: auto;
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .partner-managed-tree-mobile-detail-grid > span {
    min-width: 0;
    display: grid;
    gap: var(--space-1);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface-subtle);
    padding: var(--space-3);
  }

  body.member-management-shell-user-site .partner-managed-tree-mobile-detail-grid strong {
    min-width: 0;
    overflow: hidden;
    color: var(--color-text-strong);
    font-size: var(--font-size-sm);
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.member-management-shell-user-site .partner-managed-tree-mobile-detail-grid .positive {
    color: var(--color-primary);
  }

  body.member-management-shell-user-site .partner-managed-tree-mobile-detail-grid .negative {
    color: var(--color-danger);
  }

  body.member-management-shell-user-site .member-management-members-table-wrap,
  body.member-management-shell-user-site .member-management-active-session-table-wrap,
  body.member-management-shell-user-site .member-management-login-log-table-wrap,
  body.member-management-shell-user-site .member-management-bet-table-wrap,
  body.member-management-shell-user-site .member-management-member-stat-table-wrap,
  body.member-management-shell-user-site .member-management-vendor-stat-table-wrap,
  body.member-management-shell-user-site .member-management-settlement-stage-table-wrap,
  body.member-management-shell-user-site .member-management-settlement-monthly-table-wrap,
  body.member-management-shell-user-site .member-management-money-table-wrap,
  body.member-management-shell-user-site .member-management-point-table-wrap,
  body.member-management-shell-user-site .member-management-rate-table-wrap {
    display: none;
  }

  body.member-management-shell-user-site .member-management-member-card-list,
  body.member-management-shell-user-site .member-management-money-card-list,
  body.member-management-shell-user-site .member-management-bet-card-list,
  body.member-management-shell-user-site .member-management-member-stat-card-list,
  body.member-management-shell-user-site .member-management-vendor-stat-card-list,
  body.member-management-shell-user-site .member-management-settlement-stage-card-list,
  body.member-management-shell-user-site .member-management-settlement-monthly-card-list,
  body.member-management-shell-user-site .member-management-point-card-list,
  body.member-management-shell-user-site .member-management-rate-card-list {
    display: grid;
    gap: var(--space-4);
    width: 100%;
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-member-card,
  body.member-management-shell-user-site .member-management-money-card,
  body.member-management-shell-user-site .member-management-bet-card,
  body.member-management-shell-user-site .member-management-member-stat-card,
  body.member-management-shell-user-site .member-management-vendor-stat-card,
  body.member-management-shell-user-site .member-management-settlement-stage-card,
  body.member-management-shell-user-site .member-management-settlement-monthly-card,
  body.member-management-shell-user-site .member-management-point-card,
  body.member-management-shell-user-site .member-management-rate-card,
  body.member-management-shell-user-site .member-management-member-card-empty,
  body.member-management-shell-user-site .member-management-money-card-empty {
    border-color: var(--color-border);
    background: var(--color-surface);
    color: var(--color-text);
  }

  body.member-management-shell-user-site .member-management-member-card-meta span,
  body.member-management-shell-user-site .member-management-member-card-values span,
  body.member-management-shell-user-site .member-management-money-card-amount,
  body.member-management-shell-user-site .member-management-money-card-grid span,
  body.member-management-shell-user-site .member-management-bet-card-game span,
  body.member-management-shell-user-site .member-management-bet-card-amounts span,
  body.member-management-shell-user-site .member-management-member-stat-card-grid span,
  body.member-management-shell-user-site .member-management-vendor-stat-card-grid span,
  body.member-management-shell-user-site .member-management-settlement-stage-card-grid span,
  body.member-management-shell-user-site .member-management-settlement-monthly-card-grid span,
  body.member-management-shell-user-site .member-management-point-card-grid span,
  body.member-management-shell-user-site .member-management-rate-card-meta span,
  body.member-management-shell-user-site .member-management-rate-card-bounds span {
    border-color: var(--color-border);
    background: var(--color-surface-subtle);
  }

  body.member-management-shell-user-site .member-management-member-card small,
  body.member-management-shell-user-site .member-management-money-card small,
  body.member-management-shell-user-site .member-management-bet-card small,
  body.member-management-shell-user-site .member-management-member-stat-card small,
  body.member-management-shell-user-site .member-management-vendor-stat-card small,
  body.member-management-shell-user-site .member-management-settlement-stage-card small,
  body.member-management-shell-user-site .member-management-settlement-monthly-card small,
  body.member-management-shell-user-site .member-management-point-card small,
  body.member-management-shell-user-site .member-management-rate-card small {
    color: var(--color-text-muted);
  }

  body.member-management-shell-user-site .member-management-member-card strong,
  body.member-management-shell-user-site .member-management-money-card strong,
  body.member-management-shell-user-site .member-management-bet-card strong,
  body.member-management-shell-user-site .member-management-member-stat-card strong,
  body.member-management-shell-user-site .member-management-vendor-stat-card strong,
  body.member-management-shell-user-site .member-management-settlement-stage-card strong,
  body.member-management-shell-user-site .member-management-settlement-monthly-card strong,
  body.member-management-shell-user-site .member-management-point-card strong,
  body.member-management-shell-user-site .member-management-rate-card strong {
    color: var(--color-text-strong);
  }

  body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-history-table-wrap {
    display: none;
  }

  body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-policy {
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-content .member-management-shell-money-policy-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.member-management-shell-user-site .member-management-shell-money-history-card-list {
    display: grid;
    gap: var(--space-4);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface);
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-money-history-card,
  body.member-management-shell-user-site .member-management-shell-money-history-card-empty {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-money-history-card-empty {
    margin: 0;
    color: var(--color-text-muted);
    font-weight: 800;
    text-align: center;
  }

  body.member-management-shell-user-site .member-management-shell-money-history-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-money-history-card-head strong {
    color: var(--color-text-strong);
    font-size: var(--font-size-base);
    font-weight: 900;
  }

  body.member-management-shell-user-site .member-management-shell-money-history-card-head > span:not(.partner01-status) {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: 800;
  }

  body.member-management-shell-user-site .member-management-shell-money-history-card-amount,
  body.member-management-shell-user-site .member-management-shell-money-history-card-grid span {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface-subtle);
    padding: var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-money-history-card-amount {
    display: grid;
    gap: var(--space-1);
    margin-top: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-money-history-card-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
    margin-top: var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-money-history-card small,
  body.member-management-shell-user-site .member-management-shell-money-history-card-note {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: 800;
  }

  body.member-management-shell-user-site .member-management-shell-money-history-card strong {
    color: var(--color-text-strong);
    font-weight: 900;
  }

  body.member-management-shell-user-site .member-management-shell-money-history-card-note {
    margin: var(--space-3) 0 0;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .section-title {
    padding: var(--space-6) var(--space-4) var(--space-5);
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .notice-table {
    display: none;
  }

  body.athens-user-site .partner01-board-page .partner01-board-desktop-list,
  body.member-management-shell-user-site .partner01-board-page .partner01-board-desktop-list {
    display: none;
  }

  body.athens-user-site .partner01-board-page .partner01-board-mobile-list,
  body.member-management-shell-user-site .partner01-board-page .partner01-board-mobile-list {
    display: grid;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-message-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-2);
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .partner01-message-summary span {
    justify-content: center;
    padding: 0 var(--space-2);
    text-align: center;
  }

  body.member-management-shell-user-site .member-management-shell-customer-card-list {
    display: grid;
    gap: var(--space-4);
    width: 100%;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface);
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-customer-card,
  body.member-management-shell-user-site .member-management-shell-customer-card-empty {
    min-width: 0;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text);
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-customer-card-empty {
    color: var(--color-text-muted);
    font-weight: 900;
    text-align: center;
  }

  body.member-management-shell-user-site .member-management-shell-customer-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-customer-card-check {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: 900;
  }

  body.member-management-shell-user-site .member-management-shell-customer-card-check input {
    width: 18px;
    height: 18px;
    accent-color: var(--color-sidebar-accent);
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .member-management-shell-customer-card-title {
    display: flex;
    min-width: 0;
    width: 100%;
    justify-content: flex-start;
    color: var(--color-text-strong);
    font-size: var(--font-size-base);
    font-weight: 900;
    line-height: 1.45;
    overflow: visible;
    overflow-wrap: anywhere;
    text-align: left;
    white-space: normal;
    word-break: break-word;
  }

  body.athens-user-site .partner01-board-page .member-management-shell-customer-card-title {
    display: flex;
    min-width: 0;
    width: 100%;
    justify-content: flex-start;
    color: var(--color-athens-text-bright);
    font-size: var(--font-size-lg);
    font-weight: 900;
    line-height: 1.45;
    opacity: 1;
    overflow: visible;
    overflow-wrap: anywhere;
    text-align: left;
    text-shadow: none;
    white-space: normal;
    word-break: break-word;
  }

  body.athens-user-site .partner01-board-page .member-management-shell-customer-card-title:hover,
  body.athens-user-site .partner01-board-page .member-management-shell-customer-card-title:focus-visible {
    color: var(--color-athens-gold-2);
  }

  body.member-management-shell-user-site .member-management-shell-message-card.unread .member-management-shell-customer-card-title {
    color: var(--color-sidebar-accent-muted);
  }

  body.member-management-shell-user-site .member-management-shell-customer-card-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
    margin-top: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-board-card .member-management-shell-customer-card-meta {
    grid-template-columns: 0.7fr 1.3fr 1fr;
  }

  body.member-management-shell-user-site .member-management-shell-customer-card-meta span {
    min-width: 0;
    display: grid;
    gap: var(--space-1);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface-subtle);
    padding: var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-customer-card-meta small {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: 800;
  }

  body.member-management-shell-user-site .member-management-shell-customer-card-meta strong {
    min-width: 0;
    overflow: hidden;
    color: var(--color-text-strong);
    font-size: var(--font-size-sm);
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.member-management-shell-user-site .member-management-shell-customer-card-detail {
    margin-top: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface-soft);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    line-height: 1.7;
    padding: var(--space-4);
    overflow-wrap: anywhere;
    white-space: normal;
    word-break: break-word;
  }

  body.athens-user-site .partner01-board-page .member-management-shell-customer-card-detail {
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
    word-break: break-word;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .deposit-help-title {
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .textList {
    padding: var(--space-4) var(--space-4) var(--space-4) var(--space-8);
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form {
    gap: var(--space-4);
    background: var(--color-surface);
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form .chargeTopTable,
  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form .chargeTopTable tbody,
  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form .chargeTopTable tr,
  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form .chargeTopTable th,
  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form .chargeTopTable td {
    width: 100%;
    display: block;
    height: auto;
    min-height: 0;
    border: 0;
    background: transparent;
    text-align: left;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form .chargeTopTable {
    overflow: visible;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form .chargeTopTable tr {
    display: grid;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form .chargeTopTable tr:last-child {
    margin-bottom: 0;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form .chargeTopTable th {
    color: var(--color-text-strong);
    font-size: var(--font-size-sm);
    font-weight: 900;
    padding: 0;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form .chargeTopTable td {
    padding: 0;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form input[type="text"],
  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form select,
  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-form textarea {
    width: 100%;
    max-width: 100%;
    min-height: 44px;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-support-page .support-write-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .support-btn-box {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-3);
    padding: var(--space-4);
    text-align: center;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-board-page .support-btn-box .hint-text {
    justify-self: center;
    line-height: 1.5;
  }

  body.member-management-shell-user-site .member-management-pagination {
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--space-2);
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-pagination div,
  body.member-management-shell-user-site .member-management-pagination button {
    width: auto;
  }

  body.athens-user-site .partner01-board-page .partner01-board-mobile-list {
    display: grid;
    gap: var(--space-4);
    width: 100%;
    border-bottom: 1px solid var(--color-athens-line-card);
    background: transparent;
    padding: var(--space-4);
  }

  body.athens-user-site .partner01-board-page .partner01-board-mobile-list .member-management-shell-customer-card,
  body.athens-user-site .partner01-board-page .partner01-board-mobile-list .member-management-shell-customer-card-empty {
    min-width: 0;
    border: 1px solid var(--color-athens-line-strong);
    border-radius: var(--radius-md);
    background: var(--gradient-athens-card);
    box-shadow: var(--shadow-athens-card-soft);
    color: var(--color-athens-text);
    padding: var(--space-4);
  }

  body.athens-user-site .partner01-board-page .partner01-board-mobile-list .member-management-shell-customer-card-empty {
    color: var(--color-athens-muted-strong);
    font-weight: 900;
    text-align: center;
  }

  body.athens-user-site .partner01-board-page .partner01-board-mobile-list .member-management-shell-customer-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
  }

  body.athens-user-site .partner01-board-page .partner01-board-mobile-list .member-management-shell-customer-card-check {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--color-athens-muted-strong);
    font-size: var(--font-size-xs);
    font-weight: 900;
  }

  body.athens-user-site .partner01-board-page .partner01-board-mobile-list .member-management-shell-customer-card-check input {
    width: 18px;
    height: 18px;
    accent-color: var(--color-athens-gold);
  }

  body.athens-user-site .partner01-board-page .member-management-shell-message-card.unread .member-management-shell-customer-card-title {
    color: var(--color-athens-gold-2);
  }
}

@media (max-width: 600px) {
  body.member-management-shell-user-site .member-management-shell-money-dialog-layer {
    align-items: flex-end;
    padding: 0;
  }

  body.member-management-shell-user-site .member-management-shell-money-dialog {
    width: 100%;
    max-height: calc(100dvh - 12px);
    overflow-y: auto;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    padding: var(--space-6) var(--space-4) var(--space-5);
  }

  body.member-management-shell-user-site .member-management-shell-money-dialog h3 {
    margin-bottom: var(--space-5);
    font-size: var(--font-size-2xl);
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-form {
    gap: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table {
    display: table;
    min-width: 0;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table tbody {
    display: table-row-group;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table tr {
    display: table-row;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table th,
  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table td {
    display: table-cell;
    width: auto;
    min-width: 0;
    max-width: none;
    box-sizing: border-box;
    padding: var(--space-4);
    vertical-align: middle;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table th {
    width: 112px;
    white-space: normal;
    word-break: keep-all;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table td {
    overflow-wrap: normal;
    text-align: left;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table td > strong {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    font-size: var(--font-size-sm);
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table td > .partner01-bank-note {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    margin-left: 0;
    line-height: 1.5;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table .textRightInput,
  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table input[type="text"],
  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table input[type="password"] {
    height: 36px;
    width: min(160px, calc(100% - 48px));
    max-width: calc(100% - 48px);
    margin-right: var(--space-2);
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table input[type="password"] {
    width: min(190px, 100%);
    max-width: 100%;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table label {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: 800;
    vertical-align: middle;
    white-space: nowrap;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table .amount-btn-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-2);
    margin-top: var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-table .amount-btn-row button {
    min-height: 32px;
    width: 100%;
    min-width: 0;
    padding: 0 var(--space-2);
  }

  body.member-management-shell-user-site .member-management-wallet-dialog-table th {
    width: 112px;
    white-space: normal;
    word-break: keep-all;
  }

  body.member-management-shell-user-site .member-management-wallet-dialog-table td {
    text-align: left;
  }

  body.member-management-shell-user-site .member-management-wallet-dialog-table input[type="text"] {
    width: min(160px, calc(100% - 48px));
    max-width: calc(100% - 48px);
    margin-right: var(--space-2);
  }

  body.member-management-shell-user-site .member-management-wallet-dialog-table .amount-btn-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.member-management-shell-user-site .member-management-wallet-dialog-table .amount-btn-row button {
    min-height: 32px;
    padding: 0 var(--space-2);
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .amount-btn-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  body.member-management-shell-user-site .member-management-shell-money-history-card-grid,
  body.member-management-shell-user-site .member-management-shell-customer-card-meta,
  body.member-management-shell-user-site .member-management-shell-board-card .member-management-shell-customer-card-meta,
  body.member-management-shell-user-site .partner-managed-tree-mobile-detail-grid,
  body.member-management-shell-user-site .member-management-member-card-meta,
  body.member-management-shell-user-site .member-management-member-card-values,
  body.member-management-shell-user-site .member-management-money-card-grid,
  body.member-management-shell-user-site .member-management-bet-card-amounts,
  body.member-management-shell-user-site .member-management-member-stat-card-grid,
  body.member-management-shell-user-site .member-management-vendor-stat-card-grid,
  body.member-management-shell-user-site .member-management-settlement-stage-card-grid,
  body.member-management-shell-user-site .member-management-settlement-monthly-card-grid,
  body.member-management-shell-user-site .member-management-point-card-grid,
  body.member-management-shell-user-site .member-management-rate-card-meta,
  body.member-management-shell-user-site .member-management-rate-card-bounds {
    grid-template-columns: 1fr;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .member-management-shell-money-dialog-form .btnBox {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  body.member-management-shell-user-site .member-management-shell-content .partner01-money-page .btnBox button {
    width: 100%;
    padding: 0 var(--space-4);
  }
}

@media (max-width: 920px) {
  .popup-edit-dialog .member-action-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .popup-edit-dialog .popup-dialog-field,
  .popup-edit-dialog .popup-dialog-field-partner,
  .popup-edit-dialog .popup-dialog-field-title,
  .popup-edit-dialog .popup-dialog-field-status,
  .popup-edit-dialog .popup-dialog-field-audience,
  .popup-edit-dialog .popup-dialog-field-body,
  .popup-edit-dialog .popup-dialog-field-image,
  .popup-edit-dialog .popup-dialog-field-size,
  .popup-edit-dialog .popup-dialog-field-order,
  .popup-edit-dialog .date-range-picker {
    grid-column: 1 / -1;
  }

  .popup-edit-dialog .popup-preset-strip {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

body.athens-user-site {
  --partner-inner-accent: var(--color-athens-gold-2);
  --partner-inner-accent-strong: var(--color-athens-gold-5);
  --partner-inner-accent-soft: var(--color-athens-line-bright);
  --partner-inner-icon: var(--color-athens-gold-2);
  --partner-inner-button-bg: var(--gradient-athens-gold-button);
  --partner-inner-button-hover-bg: var(--gradient-athens-gold-button-hover);
  --partner-inner-button-text: var(--color-athens-button-ink);
  --partner-inner-button-hover-text: var(--color-athens-button-ink-strong);
  --partner-inner-control-text: var(--color-athens-text-bright);
  --partner-inner-pagination-active: var(--gradient-athens-gold-button);
  --partner-inner-pagination-active-text: var(--color-athens-button-ink);
  --partner-inner-row-hover: var(--color-athens-card-hover);
  --partner-inner-control-bg: var(--color-athens-panel-deep);
  --partner-inner-line: var(--color-athens-line-bright);
  --partner-inner-panel: var(--color-athens-card);
  --partner-inner-shadow: var(--shadow-athens-main);
}

/* Partner V1 optional dashboard home */
.athens-design-switch {
  min-height: 32px;
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--color-athens-line-strong);
  border-radius: var(--radius-pill);
  background: var(--color-athens-panel-deep);
  padding: 2px;
}

.athens-design-switch button {
  min-width: 58px;
  min-height: 26px;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-athens-muted);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  padding: 0 9px;
  transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.athens-design-switch button[aria-pressed="true"] {
  background: var(--gradient-athens-gold-button);
  color: var(--color-athens-button-ink);
  box-shadow: var(--shadow-athens-action);
}

.athens-design-switch button:focus-visible {
  outline: none;
  box-shadow: var(--shadow-athens-focus);
}

body.athens-user-site[data-partner-user-design="dashboard"] .athens-shell-root {
  background: var(--color-athens-bg);
}

.athens-dashboard-home {
  min-height: calc(100vh - 98px);
  background: var(--color-athens-bg);
}

body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-header .athens-shell {
  min-height: 98px;
  max-width: 1720px;
  display: grid;
  grid-template-columns: minmax(150px, auto) minmax(0, 1fr) auto;
  align-items: center;
  column-gap: clamp(12px, 1.5vw, 28px);
}

body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-account-row {
  display: contents;
}

body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-brand {
  min-width: 150px;
  grid-column: 1;
  grid-row: 1;
}

body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-brand img {
  width: 150px;
  height: 82px;
}

body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-nav-row {
  min-width: 0;
  min-height: 50px;
  grid-column: 2;
  grid-row: 1;
}

body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-primary-nav {
  width: 100%;
  justify-content: center;
  gap: 0;
}

body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-nav-link {
  height: 50px;
  padding: 0 clamp(7px, 0.55vw, 10px);
  font-size: 12px;
}

body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-nav-icon {
  display: none;
}

body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-member-strip {
  min-width: max-content;
  grid-column: 3;
  grid-row: 1;
  gap: 8px;
}

@media (min-width: 1281px) and (max-width: 1499px) {
  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-header .athens-shell {
    grid-template-rows: auto auto;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-nav-row {
    min-height: 42px;
    grid-column: 1 / -1;
    grid-row: 2;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-nav-link {
    height: 42px;
    padding-inline: 12px;
    font-size: var(--font-size-sm);
  }
}

.athens-dashboard-header-message,
.athens-dashboard-member {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  color: var(--color-athens-text);
  font: inherit;
  font-weight: 800;
  padding: 0 8px;
  white-space: nowrap;
}

.athens-dashboard-header-message {
  cursor: pointer;
}

.athens-dashboard-header-message:hover,
.athens-dashboard-header-message:focus-visible {
  color: var(--color-athens-gold-2);
  outline: none;
}

.athens-dashboard-header-message > span:first-child,
.athens-dashboard-member > span:first-child {
  width: 23px;
  height: 23px;
  display: inline-grid;
  place-items: center;
  color: var(--color-athens-gold-2);
}

.athens-dashboard-header-message svg,
.athens-dashboard-member svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
}

.athens-dashboard-header-message strong {
  min-width: 22px;
  min-height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: var(--radius-pill);
  background: var(--color-athens-gold);
  color: var(--color-athens-button-ink);
  font-size: 11px;
}

.athens-dashboard-member {
  border-left: 1px solid var(--color-athens-line-mid);
}

.athens-dashboard-main {
  padding: 26px 0 40px;
}

.athens-dashboard-main > .athens-shell {
  width: calc(100% - (clamp(14px, 2.2vw, 34px) * 2));
  max-width: 1720px;
}

.athens-dashboard-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.65fr) minmax(360px, 1fr);
  gap: 20px;
}

.athens-dashboard-hero,
.athens-dashboard-summary,
.athens-dashboard-quick-grid,
.athens-dashboard-favorite-card,
.athens-dashboard-favorites-empty {
  border: 1px solid var(--color-athens-line-card);
  border-radius: 8px;
  background: var(--color-athens-panel);
  box-shadow: var(--shadow-athens-card);
}

.athens-dashboard-hero {
  position: relative;
  min-height: 510px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background:
    linear-gradient(90deg, var(--color-athens-hero-left) 0%, var(--color-athens-hero-mid) 36%, var(--color-athens-hero-clear) 72%),
    var(--image-athens-hero) 58% center / cover no-repeat,
    var(--color-athens-bg-deep);
}

.athens-dashboard-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 120px;
  background: var(--gradient-athens-hero-bottom);
  pointer-events: none;
}

.athens-dashboard-hero-copy {
  position: relative;
  z-index: 1;
  width: min(560px, 64%);
  padding: clamp(30px, 4.2vw, 66px) clamp(34px, 2.4vw, 42px);
  transform: translateY(18px);
}

.athens-dashboard-hero h1 {
  margin: 0 0 22px;
  color: var(--color-athens-text-bright);
  font-size: clamp(28px, 2.35vw, 42px);
  font-weight: 900;
  line-height: 1.38;
  letter-spacing: -0.045em;
  text-shadow: var(--shadow-athens-text);
  word-break: keep-all;
}

.athens-dashboard-hero p {
  margin: 0 0 38px;
  color: var(--color-athens-soft);
  font-size: clamp(15px, 1.15vw, 18px);
}

.athens-dashboard-start {
  min-width: 260px;
  min-height: 60px;
  justify-content: space-between;
  padding: 0 28px;
  font-size: 17px;
}

.athens-dashboard-start-icon,
.athens-dashboard-quick-arrow {
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
}

.athens-dashboard-start-icon svg,
.athens-dashboard-quick-arrow svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  transform: rotate(-90deg);
}

.athens-dashboard-summary {
  min-height: 510px;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
  background: var(--gradient-athens-card);
}

.athens-dashboard-balance-list {
  margin: 0;
  padding: 20px 24px 0;
}

.athens-dashboard-balance-item {
  min-height: 112px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid var(--color-athens-line-mid);
}

.athens-dashboard-balance-item:last-child {
  border-bottom: 0;
}

.athens-dashboard-balance-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  color: var(--color-athens-gold-2);
}

.athens-dashboard-balance-icon svg {
  width: 48px;
  height: 48px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
}

.athens-dashboard-balance-item dt {
  margin-bottom: 8px;
  color: var(--color-athens-text);
  font-size: 14px;
  font-weight: 700;
}

.athens-dashboard-balance-item dd {
  margin: 0;
  color: var(--color-athens-text-bright);
  font-size: clamp(22px, 2vw, 31px);
  font-weight: 900;
  letter-spacing: -0.035em;
  white-space: nowrap;
}

.athens-dashboard-status-list {
  border-top: 1px solid var(--color-athens-line-mid);
}

.athens-dashboard-status-list button {
  width: 100%;
  min-height: 58px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  border: 0;
  border-bottom: 1px solid var(--color-athens-line-mid);
  background: transparent;
  color: var(--color-athens-text);
  cursor: pointer;
  font: inherit;
  padding: 0 28px;
  text-align: left;
}

.athens-dashboard-status-list button:last-child {
  border-bottom: 0;
}

.athens-dashboard-status-list button:hover,
.athens-dashboard-status-list button:focus-visible {
  background: var(--color-athens-line-faint);
  color: var(--color-athens-gold-2);
  outline: none;
}

.athens-dashboard-status-list button > span:first-child {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  color: var(--color-athens-gold-2);
}

.athens-dashboard-status-list svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
}

.athens-dashboard-status-list strong {
  color: var(--color-athens-gold-2);
}

.athens-dashboard-section {
  margin-top: 20px;
}

.athens-dashboard-section h2 {
  margin: 0 0 12px;
  color: var(--color-athens-text-cream);
  font-size: 19px;
  font-weight: 900;
}

.athens-dashboard-quick-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  background: var(--gradient-athens-card);
}

.athens-dashboard-quick-grid button {
  min-height: 82px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 12px;
  border: 0;
  border-right: 1px solid var(--color-athens-line-mid);
  background: transparent;
  color: var(--color-athens-text);
  cursor: pointer;
  font: inherit;
  padding: 0 28px;
  text-align: left;
}

.athens-dashboard-quick-grid button:last-child {
  border-right: 0;
}

.athens-dashboard-quick-grid button:hover,
.athens-dashboard-quick-grid button:focus-visible {
  background: var(--color-athens-line-faint);
  color: var(--color-athens-gold-2);
  outline: none;
}

.athens-dashboard-quick-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: var(--color-athens-gold-2);
}

.athens-dashboard-quick-icon svg {
  width: 38px;
  height: 38px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
}

.athens-dashboard-quick-grid strong {
  font-size: 16px;
}

.athens-dashboard-quick-arrow {
  color: var(--color-athens-gold-2);
}

.athens-dashboard-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 12px;
}

.athens-dashboard-section-head h2 {
  margin-bottom: 4px;
}

.athens-dashboard-section-head > div {
  display: flex;
  align-items: baseline;
  gap: 14px;
}

.athens-dashboard-section-head p {
  margin: 0;
  color: var(--color-athens-muted);
  font-size: 13px;
}

.athens-dashboard-browse {
  min-height: 36px;
  border: 1px solid var(--color-athens-line-strong);
  border-radius: 4px;
  background: var(--color-athens-card);
  color: var(--color-athens-gold-2);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  padding: 0 14px;
}

.athens-dashboard-browse:hover,
.athens-dashboard-browse:focus-visible {
  border-color: var(--color-athens-line-bright);
  background: var(--color-athens-card-hover);
  outline: none;
}

.athens-dashboard-favorite-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.athens-dashboard-favorite-card {
  min-height: 0;
}

.athens-dashboard-favorite-card .athens-game-media,
.athens-dashboard-favorite-card.athens-vendor-card-slot .athens-game-media {
  height: auto;
  aspect-ratio: 3 / 4;
}

.athens-dashboard-favorite-card .athens-favorite {
  z-index: 4;
}

.athens-dashboard-favorite-grid.is-suggestion .athens-dashboard-favorite-card {
  border-style: dashed;
}

.athens-dashboard-discovery-card {
  position: relative;
  min-height: 176px;
  overflow: hidden;
  border: 1px solid var(--color-athens-line-card);
  border-radius: 8px;
  background: var(--color-athens-panel);
  box-shadow: var(--shadow-athens-card);
  color: var(--color-athens-text-bright);
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-align: left;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.athens-dashboard-discovery-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--gradient-athens-media-scrim);
  pointer-events: none;
}

.athens-dashboard-discovery-card:hover,
.athens-dashboard-discovery-card:focus-visible {
  border-color: var(--color-athens-line-bright);
  box-shadow: var(--shadow-athens-card-hover);
  outline: none;
  transform: translateY(-3px);
}

.athens-dashboard-discovery-card img {
  width: 100%;
  height: 176px;
  display: block;
  object-fit: cover;
  transition: filter 220ms ease, transform 220ms ease;
}

.athens-dashboard-discovery-card[data-game-category="slot"] {
  background: var(--color-athens-panel-dark);
}

.athens-dashboard-discovery-card[data-game-category="slot"] img {
  object-fit: contain;
}

.athens-dashboard-discovery-card:hover img,
.athens-dashboard-discovery-card:focus-visible img {
  filter: brightness(1.08) saturate(1.08);
  transform: scale(1.035);
}

.athens-dashboard-discovery-card > span {
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  display: grid;
  gap: 4px;
  padding: 24px 22px 18px;
}

.athens-dashboard-discovery-card strong {
  font-size: 21px;
}

.athens-dashboard-discovery-card small {
  color: var(--color-athens-gold-2);
  font-weight: 800;
}

.athens-dashboard-favorites-error,
.athens-dashboard-favorites-empty {
  margin: 0;
  color: var(--color-athens-muted);
  padding: 28px;
  text-align: center;
}

/* FHD 첫 화면에서는 핵심 메뉴와 최대 8개의 즐겨찾는 게임사를 같은 카드 비율로 보여 준다. */
@media (min-width: 1500px) and (min-height: 850px) {
  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-header .athens-shell {
    min-height: 82px;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-nav-row,
  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-nav-link {
    min-height: 44px;
    height: 44px;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-nav-link {
    padding-inline: clamp(10px, 0.8vw, 16px);
    font-size: clamp(14px, 0.8vw, 16px);
  }

  .athens-dashboard-main { padding: 12px 0 18px; }
  .athens-dashboard-hero-grid { gap: 14px; }
  .athens-dashboard-hero,
  .athens-dashboard-summary { min-height: 370px; }
  .athens-dashboard-hero-copy { padding-block: 30px; transform: none; }
  .athens-dashboard-hero h1 { margin-bottom: 14px; font-size: clamp(28px, 2vw, 38px); }
  .athens-dashboard-hero p { margin-bottom: 26px; }
  .athens-dashboard-start { min-height: 52px; }
  .athens-dashboard-balance-list { padding-top: 10px; }
  .athens-dashboard-balance-item { min-height: 82px; }
  .athens-dashboard-balance-icon,
  .athens-dashboard-balance-icon svg { width: 42px; height: 42px; }
  .athens-dashboard-status-list button { min-height: 48px; }
  .athens-dashboard-section { margin-top: 14px; }
  .athens-dashboard-section h2 { margin-bottom: 7px; }
  .athens-dashboard-quick-grid button { min-height: 68px; padding-inline: 20px; }
  .athens-dashboard-quick-icon,
  .athens-dashboard-quick-icon svg { width: 36px; height: 36px; }
  .athens-dashboard-section-head { margin-bottom: 7px; }

  .athens-dashboard-favorite-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 12px;
  }

  .athens-dashboard-discovery-card,
  .athens-dashboard-discovery-card img { min-height: 160px; height: 160px; }
  .athens-dashboard-discovery-card > span { padding: 14px 14px 12px; }
  .athens-dashboard-discovery-card strong { font-size: clamp(14px, 0.9vw, 17px); }
}

@media (min-width: 981px) and (max-width: 1499px) {
  .athens-dashboard-hero,
  .athens-dashboard-summary {
    min-height: 430px;
  }

  .athens-dashboard-hero-copy {
    padding-block: 34px;
  }

  .athens-dashboard-start {
    min-height: 52px;
  }

  .athens-dashboard-favorite-grid {
    gap: 14px;
  }
}

@media (max-width: 1280px) {
  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-header .athens-shell {
    display: block;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-account-row {
    min-height: 66px;
    display: flex;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-brand img {
    width: 162px;
    height: 64px;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-member-strip {
    min-width: 0;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-nav-row {
    min-height: 42px;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-nav-link {
    height: 42px;
  }

  .athens-dashboard-hero-grid {
    grid-template-columns: minmax(0, 2.25fr) minmax(280px, 1fr);
  }

  .athens-dashboard-quick-grid button {
    padding: 0 18px;
  }
}

@media (max-width: 980px) {
  .athens-dashboard-hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .athens-dashboard-hero {
    min-height: 420px;
  }

  .athens-dashboard-hero-copy {
    transform: none;
  }

  .athens-dashboard-summary {
    min-height: 0;
    grid-template-rows: auto auto;
  }

  .athens-dashboard-balance-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0 20px;
  }

  .athens-dashboard-balance-item {
    min-height: 110px;
    grid-template-columns: 42px minmax(0, 1fr);
    border-right: 1px solid var(--color-athens-line-mid);
    border-bottom: 0;
    padding: 0 18px;
  }

  .athens-dashboard-balance-item:last-child {
    border-right: 0;
  }

  .athens-dashboard-balance-icon,
  .athens-dashboard-balance-icon svg {
    width: 38px;
    height: 38px;
  }

  .athens-dashboard-balance-item dd {
    font-size: 20px;
  }

  .athens-dashboard-status-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .athens-dashboard-status-list button {
    border-right: 1px solid var(--color-athens-line-mid);
    border-bottom: 0;
  }

  .athens-dashboard-status-list button:last-child {
    border-right: 0;
  }

  .athens-dashboard-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .athens-dashboard-quick-grid button:nth-child(2) {
    border-right: 0;
  }

  .athens-dashboard-quick-grid button:nth-child(-n + 2) {
    border-bottom: 1px solid var(--color-athens-line-mid);
  }

  .athens-dashboard-favorite-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-header .athens-shell {
    display: block;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-account-row {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-brand {
    grid-column: 2;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-member-strip {
    min-width: 0;
    grid-column: 1 / -1;
    grid-row: 2;
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: center;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-header .athens-shell {
    min-height: 0;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-account-row {
    min-height: 0;
    grid-template-rows: auto auto;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-nav-row {
    display: none;
  }

  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-header.is-menu-open .athens-nav-row {
    display: block;
  }

  .athens-design-switch {
    flex: 0 0 auto;
    min-height: 44px;
  }

  .athens-design-switch button {
    min-height: 38px;
  }

  .athens-dashboard-header-message,
  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-member-strip .athens-small-action {
    min-height: 40px;
  }

  .athens-dashboard-header-message > span:nth-child(2),
  .athens-dashboard-member,
  body.athens-user-site[data-partner-view="home"][data-partner-user-design="dashboard"] .athens-small-action[data-member-management-open] {
    display: none;
  }

  .athens-dashboard-main {
    padding: 14px 0 28px;
  }

  .athens-dashboard-hero-grid {
    gap: 14px;
  }

  .athens-dashboard-hero {
    min-height: 390px;
    align-items: end;
    background:
      linear-gradient(180deg, var(--color-athens-hero-mobile-a), var(--color-athens-hero-mobile-b) 52%, var(--color-athens-hero-mobile-c) 100%),
      var(--image-athens-hero) 58% top / auto 100% no-repeat,
      var(--color-athens-bg-deep);
  }

  .athens-dashboard-hero-copy {
    width: 100%;
    padding: 26px 20px;
    transform: none;
  }

  .athens-dashboard-hero h1 {
    margin-bottom: 14px;
    font-size: 26px;
  }

  .athens-dashboard-hero p {
    margin-bottom: 24px;
  }

  .athens-dashboard-start {
    width: 100%;
    min-width: 0;
  }

  .athens-dashboard-balance-list {
    grid-template-columns: minmax(0, 1fr);
    padding: 0 16px;
  }

  .athens-dashboard-balance-item {
    min-height: 72px;
    border-right: 0;
    border-bottom: 1px solid var(--color-athens-line-mid);
    padding: 0;
  }

  .athens-dashboard-balance-item:last-child {
    border-bottom: 0;
  }

  .athens-dashboard-status-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .athens-dashboard-status-list button,
  .athens-dashboard-status-list button:last-child {
    border-right: 0;
    border-bottom: 1px solid var(--color-athens-line-mid);
  }

  .athens-dashboard-status-list button:last-child {
    border-bottom: 0;
  }

  .athens-dashboard-section {
    margin-top: 16px;
  }

  .athens-dashboard-quick-grid button {
    min-height: 68px;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 8px;
    padding: 0 14px;
  }

  .athens-dashboard-quick-icon,
  .athens-dashboard-quick-icon svg {
    width: 32px;
    height: 32px;
  }

  .athens-dashboard-quick-arrow {
    display: none;
  }

  .athens-dashboard-quick-grid strong {
    font-size: 14px;
  }

  .athens-dashboard-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .athens-dashboard-section-head > div {
    display: block;
  }

  .athens-dashboard-favorite-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
}

/* Bling-style board management: content targeting and slide notices */
.notice-board-type-badge {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  margin-right: 6px;
  padding: 1px 7px;
  border: 1px solid var(--color-border-strong);
  border-radius: 999px;
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text-muted);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.notice-board-type-badge.event {
  border-color: var(--color-topbar-alert-paused-border);
  background: var(--color-admin-badge-warning-bg);
  color: var(--color-admin-warning);
}

.notice-board-type-badge.slide {
  border-color: var(--color-dashboard-header-deposit-request);
  background: var(--color-today-statistics-card-head-bg);
  color: var(--color-today-statistics-value-blue);
}

.notice-board-title-button + small {
  display: block;
  max-width: 420px;
  margin-top: 4px;
  overflow: hidden;
  color: var(--color-admin-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notice-slide-link-fields {
  display: grid;
  grid-template-columns: minmax(140px, 0.35fr) minmax(260px, 1fr);
  gap: 8px;
}

.notice-target-control {
  display: grid;
  gap: 10px;
  width: 100%;
}

.notice-target-scope {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}

.notice-target-scope label,
.notice-target-site-label,
.notice-target-domains label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.notice-target-list {
  display: grid;
  max-height: 270px;
  overflow: auto;
  border: 1px solid var(--color-notice-editor-popup-border);
  border-radius: 4px;
  background: var(--color-notice-editor-control-bg);
}

.notice-target-site {
  display: grid;
  gap: 7px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--color-admin-border);
}

.notice-target-site:last-child {
  border-bottom: 0;
}

.notice-target-site-label span {
  color: var(--color-admin-text-muted);
  font-size: 12px;
}

.notice-target-domains {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 16px;
  padding-left: 24px;
  color: var(--color-admin-text);
  font-size: 12px;
}

.partner-slide-notice-bar {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 34px;
  padding: 0 18px;
  border-bottom: 1px solid var(--color-notice-editor-toolbar-button-border);
  background: var(--color-primary-hover);
  color: var(--color-text-inverse);
  font-size: 13px;
  line-height: 1.4;
}

.partner-slide-notice-bar > strong {
  flex: 0 0 auto;
  margin-right: 14px;
  color: var(--color-dashboard-header-deposit-request);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.partner-slide-notice-track {
  min-width: 0;
  flex: 1 1 auto;
}

.partner-slide-notice-item {
  width: 100%;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

button.partner-slide-notice-item,
a.partner-slide-notice-item {
  cursor: pointer;
}

.partner-slide-notice-count {
  flex: 0 0 auto;
  margin-left: 14px;
  color: var(--color-admin-text-subtle);
  font-size: 11px;
}

.partner-slide-notice-count b {
  color: var(--color-text-inverse);
}

@media (max-width: 720px) {
  .notice-slide-link-fields {
    grid-template-columns: 1fr;
  }

  .partner-slide-notice-bar {
    min-height: 32px;
    padding: 0 10px;
    font-size: 12px;
  }

  .partner-slide-notice-bar > strong {
    margin-right: 9px;
  }
}

/* Bling reference layout: duplicate information and inactive members */
.member-reference-view {
  color: var(--color-bling-text);
  font-family: var(--font-family-base);
}

.member-duplicate-view {
  width: 100%;
  max-width: none;
}

.member-reference-panel {
  box-sizing: border-box;
  border: 1px solid var(--color-bling-panel-border);
  background: var(--color-bling-surface);
}

.member-duplicate-toolbar {
  display: flex;
  min-height: 74px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-right: 20px;
  background: var(--color-bling-filter-bg);
}

.member-duplicate-toolbar .member-duplicate-filter {
  min-width: 0;
}

.member-duplicate-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(132px, 1fr));
  gap: 8px;
  flex: 0 0 auto;
}

.member-duplicate-summary > div {
  display: grid;
  min-height: 44px;
  align-content: center;
  padding: 5px 12px;
  border: 1px solid var(--color-bling-control-border);
  border-radius: 4px;
  background: var(--color-bling-surface);
  text-align: right;
}

.member-duplicate-summary span {
  color: var(--color-bling-form-hint);
  font-size: 11px;
}

.member-duplicate-summary strong {
  color: var(--color-bling-tab-active-text);
  font-size: 16px;
}

.member-duplicate-filter {
  grid-template-columns: 112px minmax(220px, 320px) 128px 104px;
  flex: 1 1 680px;
}

.member-duplicate-tabs {
  overflow-x: auto;
  padding: 0 20px;
  scrollbar-width: thin;
}

.member-duplicate-tabs .bling-management-tab {
  flex: 0 0 auto;
}

.member-duplicate-table-wrap,
.inactive-member-table-wrap {
  width: 100%;
  overflow-x: auto;
  scrollbar-gutter: stable;
}

.member-duplicate-table,
.inactive-member-table {
  width: 100%;
  border-collapse: collapse;
  color: var(--color-bling-table-text);
  table-layout: fixed;
}

.member-duplicate-table {
  min-width: 920px;
}

.member-duplicate-table th,
.member-duplicate-table td,
.inactive-member-table th,
.inactive-member-table td {
  box-sizing: border-box;
  border-right: 1px solid var(--color-bling-cell-border);
  border-bottom: 1px solid var(--color-bling-cell-border);
  text-align: center;
  vertical-align: middle;
}

.member-duplicate-table th:last-child,
.member-duplicate-table td:last-child,
.inactive-member-table th:last-child,
.inactive-member-table td:last-child {
  border-right: 0;
}

.member-duplicate-table th,
.inactive-member-table th {
  height: 42px;
  padding: 7px 8px;
  background: var(--color-bling-header-bg);
  color: var(--color-bling-header-text);
  font-size: 12px;
  font-weight: 800;
}

.member-duplicate-table td {
  min-height: 46px;
  padding: 8px 10px;
  font-size: 13px;
}

.member-duplicate-table tbody tr:hover,
.inactive-member-table tbody tr:hover,
.inactive-member-table tbody tr.selected {
  background: var(--color-bling-row-hover);
}

.member-duplicate-count-col {
  width: 82px;
}

.member-duplicate-content-col {
  width: 252px;
}

.member-duplicate-count {
  color: var(--color-bling-delete);
  font-size: 14px;
  font-weight: 800;
}

.member-duplicate-value {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: stretch;
  min-height: 28px;
  overflow: hidden;
  border: 1px solid var(--color-bling-cell-border);
  border-radius: 2px;
  text-align: left;
}

.member-duplicate-value strong,
.member-duplicate-value span {
  display: flex;
  min-width: 0;
  align-items: center;
  padding: 5px 8px;
  overflow-wrap: anywhere;
}

.member-duplicate-value strong {
  justify-content: center;
  background: var(--color-bling-duplicate-type-bg);
  color: var(--color-bling-duplicate-type-text);
  font-size: 11px;
}

.member-duplicate-value span {
  overflow: hidden;
  background: var(--color-bling-duplicate-value-bg);
  color: var(--color-bling-duplicate-value-text);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-duplicate-members {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  text-align: left;
}

.member-duplicate-member-card {
  display: inline-flex;
  max-width: 100%;
  flex: 0 1 auto;
  min-width: 0;
  align-items: center;
  border: 1px solid var(--color-bling-panel-border);
  border-radius: 4px;
  background: var(--color-bling-filter-bg);
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

.member-duplicate-member-card:hover,
.member-duplicate-member-card:focus-within {
  border-color: var(--color-bling-divider);
  background: var(--color-bling-pagination-bg);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--color-bling-tab-active) 14%, transparent);
}

.member-duplicate-member-card > .member-favorite-toggle {
  width: 26px;
  height: 100%;
  min-height: 32px;
  margin: 0;
  border-radius: 3px 0 0 3px;
}

.member-duplicate-chip {
  display: inline-flex;
  width: auto;
  max-width: 100%;
  min-width: 0;
  min-height: 30px;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border: 0;
  border-left: 1px solid var(--color-bling-panel-border);
  border-radius: 0 3px 3px 0;
  background: transparent;
  color: var(--color-bling-form-hint);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
}

.member-duplicate-chip:hover {
  background: transparent;
}

.member-duplicate-chip:only-child {
  border-left: 0;
  border-radius: 3px;
}

.member-duplicate-chip strong {
  color: var(--color-bling-tab-active-text);
}

.member-duplicate-username,
.member-duplicate-nickname {
  display: block;
  min-width: 0;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-duplicate-username {
  flex: 0 1 auto;
  text-align: left;
}

.member-duplicate-nickname {
  flex: 0 1 auto;
  color: var(--color-bling-form-hint);
  text-align: left;
}

.member-duplicate-more {
  align-self: center;
  color: var(--color-text-muted);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}


.inactive-member-view {
  width: min(1540px, 100%);
  max-width: 1540px;
}

.inactive-member-period-head {
  display: flex;
  min-height: 56px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 20px;
  border-bottom: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-filter-bg);
}

.inactive-member-period-head > strong {
  color: var(--color-bling-heading);
  font-size: 14px;
}

.inactive-member-period-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px;
}

.inactive-member-period-actions button {
  height: 32px;
  min-width: 47px;
  padding: 0 10px;
  border: 0;
  border-radius: 3px;
  background: var(--color-bling-target-button);
  color: var(--color-bling-surface);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
}

.inactive-member-period-actions button:hover {
  background: var(--color-bling-target-button-hover);
}

.inactive-member-period-actions button.active {
  background: var(--color-bling-delete);
}

.inactive-member-table {
  min-width: 1280px;
}

.inactive-member-table th:nth-child(1) { width: 42px; }
.inactive-member-table th:nth-child(2) { width: 138px; }
.inactive-member-table th:nth-child(3) { width: 185px; }
.inactive-member-table th:nth-child(4) { width: 184px; }
.inactive-member-table th:nth-child(5) { width: 94px; }
.inactive-member-table th:nth-child(6) { width: 86px; }
.inactive-member-table th:nth-child(7) { width: 150px; }
.inactive-member-table th:nth-child(8) { width: 116px; }
.inactive-member-table th:nth-child(9) { width: 76px; }
.inactive-member-table th:nth-child(10) { width: 88px; }
.inactive-member-table th:nth-child(11) { width: 58px; }

.inactive-member-table td {
  height: 62px;
  padding: 6px 8px;
  font-size: 12px;
}

.inactive-member-table .check-cell {
  padding-right: 4px;
  padding-left: 4px;
}

.inactive-member-table input[type="checkbox"] {
  width: 14px;
  height: 14px;
  accent-color: var(--color-bling-checkbox);
}

.inactive-member-identity {
  display: inline-flex;
  min-width: 112px;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--color-bling-message-recipient);
  border-radius: 3px;
  background: var(--color-bling-surface);
  cursor: pointer;
  font: inherit;
}

.inactive-member-table .inactive-member-identity-presentation {
  width: 100%;
}

.inactive-member-table .inactive-member-identity-presentation > .inactive-member-identity {
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
}

.inactive-member-identity strong,
.inactive-member-identity span {
  padding: 4px 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inactive-member-identity strong {
  background: var(--color-bling-message-recipient);
  color: var(--color-bling-message-recipient-text);
}

.inactive-member-identity span {
  color: var(--color-bling-message-recipient-text);
}

.inactive-member-account,
.inactive-member-dates,
.inactive-member-profit {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

.inactive-member-account li,
.inactive-member-dates li,
.inactive-member-profit li {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.inactive-member-account span,
.inactive-member-dates span {
  flex: 0 0 auto;
  color: var(--color-bling-empty);
  font-size: 11px;
}

.inactive-member-account strong,
.inactive-member-dates time {
  min-width: 0;
  overflow: hidden;
  color: var(--color-bling-control-text);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inactive-member-account .account-number strong {
  color: var(--color-partner01-black);
}

.inactive-member-dates .last-login time {
  color: var(--color-bling-delete);
}

.inactive-member-profit li {
  justify-content: flex-end;
}

.inactive-member-profit span {
  width: 16px;
  color: var(--color-bling-target-button);
  text-align: center;
}

.inactive-member-profit li:first-child strong {
  color: var(--color-bling-popup-status);
}

.inactive-member-profit li:nth-child(2) strong {
  color: var(--color-bling-delete);
}

.inactive-member-table td.numeric {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.inactive-member-table td > small {
  display: block;
  margin-top: 2px;
  color: var(--color-bling-empty);
}

.inactive-member-message {
  display: inline-flex;
  width: 31px;
  height: 31px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--color-bling-search-border);
  border-radius: 3px;
  background: var(--color-bling-search-bg);
  color: var(--color-bling-surface);
  cursor: pointer;
}

.inactive-member-message .material-symbols-outlined {
  font-size: 18px;
}

.inactive-member-footer {
  display: flex;
  min-height: 70px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  box-sizing: border-box;
  padding: 16px 20px;
  background: var(--color-bling-pagination-bg);
}

.inactive-member-bulk-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.inactive-member-bulk-actions .button {
  min-height: 34px;
  border-radius: 3px;
  font-size: 12px;
}

.app-shell .button.warning {
  border-color: var(--color-bling-form-button-warning);
  background: var(--color-bling-form-button-warning);
  color: var(--color-bling-surface);
}

.app-shell .button.warning:hover {
  border-color: var(--color-bling-warning-hover);
  background: var(--color-bling-warning-hover);
}


@media (max-width: 980px) {
  .settlement-summary-tabbar {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
  }

  .settlement-summary-tabs {
    overflow-x: auto;
  }

  .member-duplicate-toolbar {
    align-items: stretch;
    flex-direction: column;
    gap: 0;
    padding: 0 20px 16px;
  }

  .member-duplicate-filter {
    align-items: flex-start;
  }

  .inactive-member-period-head,
  .inactive-member-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .member-duplicate-filter {
    grid-template-columns: minmax(110px, 0.7fr) minmax(180px, 1.5fr) minmax(128px, 0.8fr) 104px;
    flex: 0 0 auto;
    width: 100%;
  }

  .member-duplicate-toolbar .member-duplicate-filter {
    padding-inline: 0;
  }

  .member-duplicate-summary {
    width: 100%;
  }

  .inactive-member-period-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .member-duplicate-filter {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  }

  .member-duplicate-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-duplicate-filter > input[name="search"] {
    min-width: 0;
  }
}

/* Bling reference layout: member list */
.bling-member-list-view {
  width: 100%;
  max-width: none;
  color: var(--color-bling-text);
  font-family: var(--font-family-base);
}

.bling-member-list-panel {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  overflow: visible;
  border: 1px solid var(--color-bling-panel-border);
  background: var(--color-bling-surface);
}

.bling-member-list-view .member-list-header {
  display: flex;
  min-height: 55px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 20px;
  border-bottom: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-surface);
}

.bling-member-list-view .member-list-heading,
.bling-member-list-view .member-list-title-group {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
}

.bling-member-list-view .member-list-title-group {
  flex-wrap: wrap;
}

.bling-member-list-view .member-list-heading h2,
.bling-member-list-view .member-list-heading h3,
.bling-member-list-view .member-list-title-group strong {
  margin: 0;
  color: var(--color-bling-heading);
  font-size: var(--font-size-section-title);
  font-weight: 800;
  letter-spacing: -0.3px;
}

.bling-member-list-view .member-list-heading .muted,
.bling-member-list-view .member-list-title-group .muted {
  color: var(--color-bling-form-hint);
  font-size: 12px;
  font-weight: 700;
}

.bling-member-list-view .member-list-header-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  margin-left: auto;
}

.bling-member-list-view .member-list-header .member-status-tabs {
  display: flex;
  min-width: 0;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px;
  padding: 0;
  border: 0;
  background: var(--color-bling-surface);
}

.bling-member-list-view .member-list-header .member-status-tab {
  min-height: var(--control-height-compact);
  box-sizing: border-box;
  padding: 0 8px;
  border: 1px solid var(--color-bling-tab-border);
  border-radius: var(--radius-sm);
  background: var(--color-bling-filter-bg);
  color: var(--color-bling-form-hint);
  font-size: var(--font-size-table-meta);
  font-weight: 800;
}

.bling-member-list-view .member-list-header .member-status-tab:hover,
.bling-member-list-view .member-list-header .member-status-tab.active {
  border-color: var(--color-bling-tab-active);
  background: var(--color-bling-tab-active);
  color: var(--color-bling-tab-active-text);
}

.bling-member-list-view .member-list-header-actions .button,
.bling-member-list-view .member-list-header-actions button,
.bling-member-list-view .member-memo-toggle {
  min-height: var(--control-height-compact);
  box-sizing: border-box;
  padding: 0 11px;
  border: 1px solid var(--color-bling-target-button);
  border-radius: var(--radius-sm);
  background: var(--color-bling-target-button);
  color: var(--color-bling-surface);
  font: inherit;
  font-size: var(--font-size-control);
  font-weight: 800;
}

.bling-member-list-view .member-list-header-actions .button:hover,
.bling-member-list-view .member-list-header-actions button:hover,
.bling-member-list-view .member-memo-toggle:hover {
  border-color: var(--color-bling-target-button-hover);
  background: var(--color-bling-target-button-hover);
}

.bling-member-list-view .member-list-header-actions .button.primary,
.bling-member-list-view .member-list-header-actions .button:not(.secondary):not(.danger):not(.warning),
.bling-member-list-view .member-list-header-actions button.primary {
  border-color: var(--color-bling-register);
  background: var(--color-bling-register);
}

.bling-member-list-view .member-list-header-actions .button.secondary,
.bling-member-list-view .member-list-header-actions button.secondary {
  border-color: var(--color-bling-target-button);
  background: var(--color-bling-target-button);
  color: var(--color-bling-surface);
}

.bling-member-list-view .member-memo-toggle.active,
.bling-member-list-view .member-memo-toggle[aria-pressed="true"] {
  border-color: var(--color-bling-search-border);
  background: var(--color-bling-search-bg);
}

.bling-member-list-view .bling-member-filter,
.bling-member-list-view .toolbar.bling-member-filter {
  display: flex;
  min-height: 63px;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  padding: 13px 20px;
  border-bottom: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-filter-bg);
}

.bling-member-list-view .bling-member-filter > label {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
  margin: 0;
}

.bling-member-list-view .bling-member-filter > label > span {
  flex: 0 0 auto;
  color: var(--color-bling-form-hint);
  font-size: 11px;
  font-weight: 700;
}

.bling-member-list-view .bling-member-filter input:not([type="hidden"]),
.bling-member-list-view .bling-member-filter select,
.bling-member-list-view .bling-member-filter .button,
.bling-member-list-view .bling-member-filter button {
  width: auto;
  height: var(--control-height-default);
  min-width: 0;
  min-height: var(--control-height-default);
  box-sizing: border-box;
  border-radius: var(--radius-sm);
  font: inherit;
  font-size: var(--font-size-control);
}

.bling-member-list-view .bling-member-filter input:not([type="hidden"]),
.bling-member-list-view .bling-member-filter select {
  flex: 0 1 120px;
  border: 1px solid var(--color-bling-control-border);
  background: var(--color-bling-surface);
  color: var(--color-bling-control-text);
  padding: 0 9px;
}

.bling-member-list-view .bling-member-filter input[type="date"] {
  flex-basis: 132px;
}

.bling-member-list-view .bling-member-filter input[type="search"],
.bling-member-list-view .bling-member-filter input[type="text"],
.bling-member-list-view .bling-member-filter input[name="search"] {
  flex: 1 1 190px;
  min-width: 160px;
  max-width: 260px;
}

.bling-member-list-view .bling-member-filter .button,
.bling-member-list-view .bling-member-filter button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 12px;
  border: 1px solid var(--color-bling-search-border);
  background: var(--color-bling-search-bg);
  color: var(--color-bling-surface);
  font-weight: 800;
}

.bling-member-list-view .bling-member-filter .button:hover,
.bling-member-list-view .bling-member-filter button:hover {
  border-color: var(--color-bling-search-border-hover);
  background: var(--color-bling-search-bg-hover);
}

.bling-member-list-view .bling-member-filter .button.secondary,
.bling-member-list-view .bling-member-filter button.secondary {
  border-color: var(--color-bling-target-button);
  background: var(--color-bling-target-button);
  color: var(--color-bling-surface);
}

.bling-member-list-view .bling-member-filter .bling-member-search-button,
.bling-member-list-view .bling-member-filter .bling-member-search-button.secondary {
  border-color: var(--color-bling-search-border);
  background: var(--color-bling-search-bg);
  color: var(--color-bling-surface);
}

.bling-member-list-view .bling-member-filter .bling-member-search-button:hover,
.bling-member-list-view .bling-member-filter .bling-member-search-button.secondary:hover {
  border-color: var(--color-bling-search-border-hover);
  background: var(--color-bling-search-bg-hover);
}

.bling-member-list-view .bling-member-filter .material-symbols-outlined {
  font-size: 17px;
}

.bling-member-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-surface);
}

.bling-member-summary-item {
  display: flex;
  min-width: 0;
  min-height: 44px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 12px;
  border-right: 1px solid var(--color-bling-cell-border);
  color: var(--color-bling-form-hint);
  font-size: 12px;
  text-align: center;
}

.bling-member-summary-item:last-child {
  border-right: 0;
}

.bling-member-summary-item span,
.bling-member-summary-item small {
  color: var(--color-bling-form-hint);
  font-size: 11px;
  font-weight: 700;
}

.bling-member-summary-item strong,
.bling-member-summary-item b {
  color: var(--color-bling-heading);
  font-size: 14px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.bling-member-summary-item.total strong,
.bling-member-summary-item.total b {
  color: var(--color-bling-tab-active-text);
}

.bling-member-list-view .member-list-wrap {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-gutter: stable;
  background: var(--color-bling-surface);
}

.bling-member-list-view .member-list-wrap:has(.bling-member-row-menu[open]) {
  padding-bottom: 274px;
}

.bling-member-list-view table.member-list-table {
  width: 100%;
  min-width: 1510px;
  border-collapse: collapse;
  color: var(--color-bling-table-text);
  font-size: var(--font-size-table);
  table-layout: fixed;
}

.bling-member-list-view table.member-list-table th,
.bling-member-list-view table.member-list-table td {
  box-sizing: border-box;
  overflow-wrap: normal;
  padding: var(--layout-admin-table-compact-cell-padding-y) var(--layout-admin-table-compact-cell-padding-x);
  border-right: 1px solid var(--color-bling-cell-border);
  border-bottom: 1px solid var(--color-bling-cell-border);
  text-align: center !important;
  vertical-align: middle !important;
  white-space: normal;
}

.bling-member-list-view table.member-list-table th:last-child,
.bling-member-list-view table.member-list-table td:last-child {
  border-right: 0;
}

.bling-member-list-view table.member-list-table th {
  height: var(--layout-admin-table-header-height);
  background: var(--color-bling-header-bg);
  color: var(--color-bling-header-text);
  font-size: var(--font-size-table-header);
  font-weight: 800;
  line-height: 1.25;
}

.bling-member-list-view table.member-list-table td {
  height: var(--layout-admin-table-row-with-meta-height);
  font-size: var(--font-size-table);
  color: var(--color-bling-table-text);
  line-height: 1.35;
}

.bling-member-list-view table.member-list-table tbody tr:hover td,
.bling-member-list-view table.member-list-table tbody tr.selected td {
  background: var(--color-bling-row-hover);
}

.bling-member-list-view table.member-list-table th:nth-child(1) { width: 36px; }
.bling-member-list-view table.member-list-table th:nth-child(2) { width: 62px; }
.bling-member-list-view table.member-list-table th:nth-child(3) { width: 160px; }
.bling-member-list-view table.member-list-table th:nth-child(4) { width: 170px; }
.bling-member-list-view table.member-list-table th:nth-child(5) { width: 96px; }
.bling-member-list-view table.member-list-table th:nth-child(6) { width: 88px; }
.bling-member-list-view table.member-list-table th:nth-child(7) { width: 88px; }
.bling-member-list-view table.member-list-table th:nth-child(8) { width: 88px; }
.bling-member-list-view table.member-list-table th:nth-child(9) { width: 96px; }
.bling-member-list-view table.member-list-table th:nth-child(10) { width: 68px; }
.bling-member-list-view table.member-list-table th:nth-child(11) { width: 112px; }
.bling-member-list-view table.member-list-table th:nth-child(12) { width: 112px; }
.bling-member-list-view table.member-list-table th:nth-child(13) { width: 126px; }
.bling-member-list-view table.member-list-table th:nth-child(14) { width: 112px; }
.bling-member-list-view table.member-list-table th:nth-child(15) { width: 102px; }

.bling-member-list-view table.member-list-table th:nth-child(4),
.bling-member-list-view table.member-list-table td:nth-child(4) {
  min-width: 170px;
  max-width: 170px;
  background: var(--color-bling-surface);
  box-shadow: 1px 0 0 var(--color-bling-cell-border);
}

.bling-member-list-view table.member-list-table th:nth-child(4) {
  background: var(--color-bling-header-bg);
}

.bling-member-list-view table.member-list-table tbody tr:hover td:nth-child(4),
.bling-member-list-view table.member-list-table tbody tr.selected td:nth-child(4) {
  background: var(--color-bling-row-hover);
}

.bling-member-list-view table.member-list-table input[type="checkbox"] {
  width: 14px;
  height: 14px;
  margin: 0;
  accent-color: var(--color-bling-checkbox);
}

.bling-member-list-view table.member-list-table .table-sort {
  min-height: 26px;
  gap: 2px;
  padding: 2px;
  border: 0;
  background: var(--color-bling-header-bg);
  color: var(--color-bling-header-text);
  font-size: 11px;
  white-space: normal;
}

.bling-member-list-view table.member-list-table .table-sort:hover,
.bling-member-list-view table.member-list-table .table-sort.active {
  background: var(--color-bling-pagination-bg);
  color: var(--color-bling-link-hover);
}

.bling-member-kind {
  display: inline-flex;
  min-width: 38px;
  min-height: 23px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  border: 1px solid var(--color-bling-tab-border);
  border-radius: 3px;
  background: var(--color-bling-filter-bg);
  color: var(--color-bling-form-hint);
  font-size: 11px;
  font-weight: 800;
}

.bling-member-kind.test {
  border-color: var(--color-bling-form-button-warning);
  background: var(--color-bling-surface);
  color: var(--color-bling-form-button-warning);
}

.bling-member-site-account,
.bling-member-date-stack {
  display: grid;
  min-width: 0;
  gap: 2px;
  text-align: left;
}

.bling-member-list-view table.member-list-table td.bling-member-site-account,
.bling-member-list-view table.member-list-table td.bling-member-identity-cell,
.bling-member-list-view table.member-list-table td:has(.bling-member-date-stack) {
  text-align: left !important;
}

.bling-member-site-account strong,
.bling-member-site-account span,
.bling-member-site-account small,
.bling-member-date-stack strong,
.bling-member-date-stack span,
.bling-member-date-stack small,
.bling-member-date-stack time {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bling-member-site-account strong,
.bling-member-date-stack strong {
  color: var(--color-bling-control-text);
  font-size: 12px;
}

.bling-member-site-account span,
.bling-member-site-account small,
.bling-member-date-stack span,
.bling-member-date-stack small {
  color: var(--color-bling-empty);
  font-size: var(--font-size-table-meta);
}

.bling-member-site-account .account-number,
.bling-member-site-account code {
  color: var(--color-bling-link-hover);
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
}

.bling-member-identity-cell {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 124px) 25px;
  grid-template-rows: repeat(2, 21px);
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 0 3px;
  overflow: visible !important;
}

.bling-member-identity-cell > .member-favorite-toggle {
  position: static;
  z-index: 2;
  grid-column: 2;
  grid-row: 1;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  place-self: center;
  border-radius: var(--radius-pill);
  background: var(--color-bling-surface);
  font-size: 12px;
  text-align: center;
}

.bling-member-identity-cell > .bling-member-row-menu {
  grid-column: 2;
  grid-row: 2;
  place-self: center;
}

.bling-member-identity-cell > .bling-member-row-menu > summary {
  height: 20px;
}

.bling-member-row-menu {
  position: relative;
  display: inline-block;
  max-width: 100%;
  text-align: left;
}

.bling-member-row-menu > summary {
  display: inline-flex;
  width: 25px;
  height: 25px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--color-bling-cell-border);
  border-radius: 3px;
  background: var(--color-bling-filter-bg);
  color: var(--color-bling-form-hint);
  cursor: pointer;
  list-style: none;
}

.bling-member-row-menu > summary:hover,
.bling-member-row-menu[open] > summary {
  border-color: var(--color-bling-focus-border);
  background: var(--color-bling-pagination-bg);
  color: var(--color-bling-link-hover);
}

.bling-member-row-menu > summary .material-symbols-outlined {
  font-size: 18px;
}

.bling-member-row-menu > summary::-webkit-details-marker {
  display: none;
}

.bling-member-identity-card {
  display: inline-flex;
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 124px;
  max-width: 100%;
  min-height: 42px;
  box-sizing: border-box;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--color-bling-message-recipient);
  border-radius: 3px;
  background: var(--color-bling-surface);
  color: var(--color-bling-message-recipient-text);
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.bling-member-identity-card strong,
.bling-member-identity-card span,
.bling-member-identity-card small {
  display: block;
  min-width: 0;
  overflow: hidden;
  padding: 3px 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bling-member-identity-card strong {
  background: var(--color-bling-message-recipient);
  color: var(--color-partner01-black);
  font-size: 11px;
  font-weight: 800;
}

.bling-member-identity-card span,
.bling-member-identity-card small {
  color: var(--color-partner01-black);
  font-size: 10px;
  font-weight: 700;
}

.admin-member-identity-card {
  display: inline-flex;
  min-height: 42px;
  box-sizing: border-box;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--color-admin-selection);
  border-radius: 3px;
  background: var(--color-bling-surface);
  color: var(--color-admin-selection-foreground);
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.admin-member-identity-card strong,
.admin-member-identity-card span,
.admin-member-identity-card small {
  display: block;
  min-width: 0;
  overflow: hidden;
  padding: 3px 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-member-identity-card strong {
  background: var(--color-admin-selection);
  color: var(--color-partner01-black);
  font-size: 11px;
  font-weight: 800;
}

.admin-member-identity-card span,
.admin-member-identity-card small {
  background: var(--color-bling-surface);
  color: var(--color-partner01-black);
  font-size: 10px;
  font-weight: 700;
}

.bling-member-list-view .member-memo-preview {
  display: none;
  margin-top: 3px;
  color: var(--color-bling-form-hint);
  font-size: 10px;
  text-align: left;
}

.bling-member-list-view.memo-open .member-memo-preview {
  display: block;
}

.bling-member-list-view table.member-list-table td.table-cell-date {
  white-space: pre-line;
}

.bling-member-row-menu-panel {
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  z-index: 120;
  display: grid;
  width: 184px;
  max-height: 260px;
  box-sizing: border-box;
  gap: 3px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 5px;
  border: 1px solid var(--color-bling-panel-border);
  border-radius: 3px;
  background: var(--color-bling-surface);
  box-shadow: 0 10px 26px var(--color-bling-alert-shadow);
  transform: translateX(-50%);
}

.bling-member-row-menu-panel button,
.bling-member-row-menu-panel .button {
  display: flex;
  width: 100%;
  min-height: 29px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 0 8px;
  border: 1px solid var(--color-bling-cell-border);
  border-radius: 2px;
  background: var(--color-bling-surface);
  color: var(--color-bling-control-text);
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
}

.bling-member-row-menu-panel button:hover,
.bling-member-row-menu-panel .button:hover {
  border-color: var(--color-bling-focus-border);
  background: var(--color-bling-filter-bg);
  color: var(--color-bling-link-hover);
}

.bling-member-row-menu[open] {
  z-index: 110;
}

.bling-member-list-view table.member-list-table tbody tr:has(.bling-member-row-menu[open]) {
  position: relative;
  z-index: 100;
}

.bling-member-wallet {
  display: grid;
  width: 100%;
  min-width: 0;
  justify-items: stretch;
  gap: 3px;
  font-variant-numeric: tabular-nums;
}

.bling-member-wallet > strong,
.bling-member-wallet > span {
  max-width: 100%;
  overflow: hidden;
  color: var(--color-bling-heading);
  font-size: 12px;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bling-member-wallet-actions {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 2px;
}

.bling-member-wallet-actions button,
.bling-member-wallet-actions .button {
  display: inline-flex;
  width: 100%;
  height: 24px;
  min-width: 0;
  min-height: 24px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 3px;
  color: var(--color-bling-surface);
  font: inherit;
  font-size: 11px;
  font-weight: 900;
}

.bling-member-wallet-actions .pay {
  background: var(--color-partner-tree-pay);
}

.bling-member-wallet-actions .collect {
  background: var(--color-partner-tree-collect);
}

.partner-tree-wallet button,
.bling-member-wallet-actions button {
  transition: filter 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

.partner-tree-wallet .pay:hover,
.bling-member-wallet-actions .pay:hover {
  filter: brightness(0.82) saturate(1.18);
  transform: translateY(-1px);
  box-shadow: 0 2px 6px color-mix(in srgb, var(--color-partner-tree-pay) 48%, transparent);
}

.partner-tree-wallet .collect:hover,
.bling-member-wallet-actions .collect:hover {
  filter: brightness(0.78) saturate(1.22);
  transform: translateY(-1px);
  box-shadow: 0 2px 6px color-mix(in srgb, var(--color-partner-tree-collect) 48%, transparent);
}

.partner-tree-wallet button:focus-visible,
.bling-member-wallet-actions button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.river-member-wallet {
  display: grid;
  width: 100%;
  min-width: 0;
  justify-items: stretch;
  gap: 3px;
  font-variant-numeric: tabular-nums;
}

.river-member-wallet > strong {
  max-width: 100%;
  overflow: hidden;
  color: var(--color-bling-heading);
  font-size: 12px;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.river-member-wallet-actions {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 3px;
}

.river-member-wallet-action {
  display: inline-flex;
  width: 100%;
  height: 24px;
  min-width: 0;
  min-height: 24px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border: 1px solid transparent;
  border-radius: 4px;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.river-member-wallet-action--credit {
  border-color: var(--color-wallet-credit-border);
  background: var(--color-wallet-credit-bg);
  color: var(--color-wallet-credit-text);
}

.river-member-wallet-action--credit:hover {
  border-color: var(--color-wallet-credit-text);
  background: var(--color-wallet-credit-hover);
}

.river-member-wallet-action--debit {
  border-color: var(--color-wallet-debit-border);
  background: var(--color-wallet-debit-bg);
  color: var(--color-wallet-debit-text);
}

.river-member-wallet-action--debit:hover {
  border-color: var(--color-wallet-debit-text);
  background: var(--color-wallet-debit-hover);
}

.river-member-wallet-action:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.bling-member-login-fail {
  display: inline-flex;
  min-width: 30px;
  min-height: 24px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  border: 1px solid var(--color-bling-cell-border);
  border-radius: 3px;
  background: var(--color-bling-filter-bg);
  color: var(--color-bling-form-hint);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.bling-member-login-fail.warning,
.bling-member-login-fail.danger,
.bling-member-login-fail.has-failure {
  border-color: var(--color-bling-delete);
  background: var(--color-bling-surface);
  color: var(--color-bling-delete);
}

.bling-member-row-actions,
.bling-member-row-actions form,
.bling-member-list-view .member-row-status-form {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.bling-member-row-actions select,
.bling-member-list-view .member-row-status-form select {
  width: 70px;
  min-width: 70px;
  min-height: 28px;
  box-sizing: border-box;
  padding: 0 5px;
  border: 1px solid var(--color-bling-control-border);
  border-radius: 3px;
  background: var(--color-bling-surface);
  color: var(--color-bling-control-text);
  font-size: 10px;
}

.bling-member-row-actions button,
.bling-member-row-actions .button,
.bling-member-list-view .member-row-status-form button {
  min-width: 30px;
  min-height: 28px;
  box-sizing: border-box;
  padding: 0 6px;
  border: 1px solid var(--color-bling-register);
  border-radius: 3px;
  background: var(--color-bling-register);
  color: var(--color-bling-surface);
  font-size: 10px;
  font-weight: 800;
}

.bling-member-list-view table.member-list-table .status-badge {
  min-height: 23px;
  padding: 2px 7px;
  border-radius: 3px;
  font-size: 10px;
}

.bling-member-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  min-height: 68px;
  box-sizing: border-box;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 20px;
  background: var(--color-bling-pagination-bg);
}

.bling-member-footer-actions {
  display: flex;
  grid-column: 1;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}

.bling-member-footer .member-list-pagination-wrap {
  grid-column: 2;
  justify-self: center;
}

.bling-member-footer-actions .button,
.bling-member-footer-actions button {
  min-height: 34px;
  box-sizing: border-box;
  padding: 0 11px;
  border: 1px solid var(--color-bling-target-button);
  border-radius: 3px;
  background: var(--color-bling-target-button);
  color: var(--color-bling-surface);
  font: inherit;
  font-size: 12px;
  font-weight: 800;
}

.bling-member-footer-actions .button:hover,
.bling-member-footer-actions button:hover {
  border-color: var(--color-bling-target-button-hover);
  background: var(--color-bling-target-button-hover);
}

.bling-member-footer-actions .button.danger,
.bling-member-footer-actions button.danger {
  border-color: var(--color-bling-delete);
  background: var(--color-bling-delete);
  color: var(--color-bling-surface);
}

.bling-member-footer-actions .button.warning,
.bling-member-footer-actions button.warning {
  border-color: var(--color-bling-form-button-warning);
  background: var(--color-bling-form-button-warning);
  color: var(--color-bling-surface);
}

.bling-member-footer .member-list-page-btn,
.bling-member-footer .member-list-page-current {
  width: 31px;
  height: 33px;
  min-width: 31px;
  min-height: 33px;
  box-sizing: border-box;
  margin-left: -1px;
  padding: 0;
  border: 1px solid var(--color-bling-cell-border);
  border-radius: 0;
  background: var(--color-bling-surface);
  color: var(--color-bling-pagination-icon);
  font-size: 12px;
}

.bling-member-footer .member-list-page-btn:first-child {
  margin-left: 0;
}

.bling-member-footer .member-list-page-btn.active,
.bling-member-footer .member-list-page-current {
  border-color: var(--color-bling-pagination-active);
  background: var(--color-bling-pagination-active);
  color: var(--color-bling-surface);
}


.bling-member-list-view .bling-member-filter,
.bling-member-list-view .toolbar.bling-member-filter {
  position: relative;
  display: block;
  min-height: 0;
  padding: 0;
}

.bling-member-list-view .member-filter-primary-row {
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 62px 11px 20px;
}

.bling-member-list-view .member-filter-display-controls,
.bling-member-list-view .member-filter-search-controls,
.bling-member-list-view .member-filter-advanced-controls,
.bling-member-list-view .member-list-batch-actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}

.bling-member-list-view .member-filter-display-controls {
  flex: 0 1 auto;
}

.bling-member-list-view .member-filter-display-controls select {
  min-width: 116px;
}

.bling-member-list-view .member-filter-search-controls {
  flex: 1 1 440px;
  justify-content: flex-end;
}

.bling-member-list-view .member-filter-search-controls select {
  flex: 0 1 126px;
  min-width: 116px;
}

.bling-member-list-view .member-filter-search-controls input[name="search"] {
  flex: 1 1 210px;
  min-width: 150px;
  max-width: 300px;
}

.bling-member-list-view .member-filter-advanced {
  border-top: 0;
}

.bling-member-list-view .member-filter-advanced > summary {
  position: absolute;
  z-index: 1;
  top: 16px;
  right: 20px;
  display: flex;
  width: 32px;
  height: 32px;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-bling-control-border);
  border-radius: var(--radius-sm);
  background: var(--color-bling-surface);
  color: var(--color-bling-form-hint);
  cursor: pointer;
  list-style: none;
}

.bling-member-list-view .member-filter-advanced > summary::-webkit-details-marker {
  display: none;
}

.bling-member-list-view .member-filter-advanced-icon {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.bling-member-list-view .member-filter-advanced[open] > summary {
  border-color: var(--color-primary);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-primary);
}

.bling-member-list-view .member-filter-advanced-controls {
  padding: 10px 20px 13px;
  border-top: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-surface);
}

.bling-member-list-view .member-list-action-bar {
  display: flex;
  min-height: 55px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 20px;
  border-bottom: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-surface);
}

.bling-member-list-view .member-list-action-title {
  display: flex;
  align-items: baseline;
  gap: 5px;
  color: var(--color-bling-heading);
}

.bling-member-list-view .member-list-action-title strong {
  font-size: var(--font-size-section-title);
  font-weight: 800;
}

.bling-member-list-view .member-list-action-title span {
  color: var(--color-bling-form-hint);
  font-size: var(--font-size-table-meta);
  font-weight: 700;
}

.bling-member-list-view .member-list-batch-actions {
  flex: 0 1 auto;
  justify-content: flex-end;
}

.bling-member-list-view .member-list-batch-actions .button,
.bling-member-list-view .member-list-batch-actions button {
  min-height: var(--control-height-compact);
  padding: 0 11px;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-control);
  font-weight: 800;
}

.bling-member-identity-cell {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 5px;
}

.bling-member-mark {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 999px;
  color: var(--color-bling-form-hint);
}

.bling-member-mark.active {
  color: var(--color-primary);
}

.bling-member-mark .material-symbols-outlined {
  display: block;
  font-size: 14px;
  line-height: 10px;
}

.admin-member-identity {
  --member-identity-color: var(--color-partner01-black);
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
  align-items: center;
  gap: 5px;
  color: var(--member-identity-color);
  vertical-align: middle;
}

.app-shell .admin-member-identity {
  display: inline-flex;
  color: var(--member-identity-color);
}

.member-action-dialog .admin-member-identity {
  color: var(--member-identity-color);
}

.admin-member-identity > .admin-member-identity-favorite {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  margin: 0;
}

.admin-member-identity > .admin-member-identity-mark {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  line-height: 14px;
}

.admin-member-identity > .admin-member-identity-mark .material-symbols-outlined {
  font-size: 15px;
  line-height: 14px;
}

.app-shell .admin-member-identity .member-identity-text,
.app-shell .admin-member-identity .member-identity-text :is(strong, span, small, em),
.member-action-dialog .admin-member-identity .member-identity-text,
.member-action-dialog .admin-member-identity .member-identity-text :is(strong, span, small, em) {
  color: inherit;
}

.app-shell .admin-member-identity .member-identity-text {
  transition: none;
}

.app-shell .admin-member-identity.is-unlinked .member-identity-text {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.member-selection-identities {
  display: flex;
  min-width: 0;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-5);
}

.member-selected-summary .member-selection-identities .admin-member-identity {
  font-size: var(--font-size-sm);
}

.member-selected-summary .member-selection-identities .member-selection-overflow {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.app-shell .admin-member-identity .member-identity-text .member-identity-context {
  color: var(--color-admin-text-muted);
}

.app-shell .admin-member-identity button.member-identity-text:hover,
.app-shell .admin-member-identity button.member-identity-text:focus-visible {
  color: inherit;
  text-decoration: underline;
}

.app-shell .link-button[data-member-detail-id]:not(.member-identity-text) {
  color: var(--color-partner01-black);
}

.app-shell [data-member-identity-color-for] {
  color: var(--member-identity-color, var(--color-partner01-black));
}

/* 선택형 계층 트리도 공통 회원 표기 순서와 색상 계약을 그대로 사용한다. */
.admin-member-tree-row {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}

.admin-member-tree-row > :is(.admin-member-identity-favorite, .admin-member-identity-mark) {
  align-self: center;
  margin: 0;
}

.admin-member-tree-row > .admin-member-identity-favorite {
  width: 22px;
  height: 22px;
}

.admin-member-tree-row > .admin-member-identity-mark {
  width: 14px;
  height: 14px;
}

.admin-member-tree-row > [data-member-identity-id] {
  --member-identity-color: var(--color-partner01-black);
  color: var(--member-identity-color);
}

.admin-member-tree-identity {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: var(--space-2);
  color: inherit;
}

.admin-member-tree-row .admin-member-tree-identity :is(strong, small, em) {
  min-width: 0;
  overflow: hidden;
  color: inherit;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.member-detail-console-page .member-detail-tree-row > :is(.admin-member-identity-favorite, .admin-member-identity-mark) {
  align-self: center;
  margin: 0;
}

body.member-detail-console-page .member-detail-tree-row > .admin-member-identity-favorite {
  width: 22px;
  height: 22px;
}

body.member-detail-console-page .member-detail-tree-row > .admin-member-identity-mark {
  width: 14px;
  height: 14px;
}

body.member-detail-console-page .member-detail-tree-member .hierarchy-tree-identity :is(strong, em) {
  color: var(--member-identity-color, var(--color-partner01-black));
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-presentation {
  display: inline-flex;
  max-width: 100%;
  grid-template-columns: none;
  align-items: center;
  gap: 5px;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-presentation > strong,
.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-identity-presentation > strong span {
  color: var(--member-identity-color, var(--color-partner01-black));
}

.member-mark-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.member-mark-choice {
  display: flex;
  min-height: 38px;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid var(--color-bling-cell-border);
  border-radius: var(--radius-sm);
  background: var(--color-bling-surface);
  cursor: pointer;
}

.member-mark-choice.selected {
  border-color: var(--color-primary);
  background: var(--color-sidebar-accent-soft);
}

.member-mark-choice input {
  margin: 0;
}

.member-mark-choice strong {
  color: var(--color-bling-heading);
  font-size: var(--font-size-control);
}

.member-mark-symbol {
  color: var(--color-primary);
  font-size: 18px;
}

.bling-member-list-view :is(button, summary, input, select):focus-visible {
  outline: 2px solid var(--color-bling-focus-border);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--color-bling-focus-ring);
}

@media (max-width: 980px) {
  .bling-member-list-view .member-list-action-bar,
  .bling-member-list-view .member-filter-primary-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .bling-member-list-view .member-filter-search-controls,
  .bling-member-list-view .member-list-batch-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .bling-member-list-view .member-list-header,
  .bling-member-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .bling-member-list-view .member-list-heading,
  .bling-member-list-view .member-list-header-actions {
    width: 100%;
  }

  .bling-member-list-view .member-list-header-actions {
    justify-content: flex-start;
    margin-left: 0;
  }

  .bling-member-list-view .bling-member-filter,
  .bling-member-list-view .toolbar.bling-member-filter {
    align-items: stretch;
  }

  .bling-member-list-view .bling-member-filter > label {
    flex: 1 1 180px;
  }

  .bling-member-list-view .bling-member-filter > label > input,
  .bling-member-list-view .bling-member-filter > label > select {
    flex: 1 1 auto;
  }

  .bling-member-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bling-member-summary-item:nth-child(2) {
    border-right: 0;
  }

  .bling-member-summary-item:nth-child(-n + 2) {
    border-bottom: 1px solid var(--color-bling-cell-border);
  }

  .bling-member-row-menu-panel {
    left: 0;
    transform: none;
  }


}

@media (max-width: 620px) {
  .bling-member-summary {
    grid-template-columns: 1fr;
  }

  .bling-member-summary-item,
  .bling-member-summary-item:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid var(--color-bling-cell-border);
  }

  .bling-member-summary-item:last-child {
    border-bottom: 0;
  }

  .bling-member-list-view .bling-member-filter input[type="search"],
  .bling-member-list-view .bling-member-filter input[type="text"],
  .bling-member-list-view .bling-member-filter input[name="search"] {
    width: 100%;
    max-width: none;
  }
}

/* Bling-inspired member creation page, adapted to the local site/member model. */
.member-create-page {
  min-height: 520px;
  background: transparent;
  box-shadow: none;
}

.member-create-page .member-create-page-header {
  align-items: center;
  margin-bottom: 14px;
  padding: 0 2px;
  border: 0;
  background: transparent;
}

.member-create-page .member-create-page-header h2 {
  margin: 0;
  color: var(--color-bling-heading);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.35;
}

.member-create-panel {
  width: min(100%, 1160px);
  padding: 18px;
  border: 1px solid var(--color-bling-panel-border);
  background: var(--color-bling-surface);
  box-shadow: var(--shadow-admin-panel);
}

.member-create-tabs {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  border-bottom: 4px solid var(--color-bling-tab-active);
}

.member-create-tabs button {
  min-width: 112px;
  min-height: 38px;
  padding: 0 22px;
  border: 1px solid var(--color-bling-tab-border);
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  background: var(--color-bling-form-label-bg);
  color: var(--color-bling-control-text);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.member-create-tabs button.active {
  border-color: var(--color-bling-tab-active);
  background: var(--color-bling-tab-active);
  color: var(--color-bling-tab-active-text);
}

.member-create-form,
.member-create-form fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.member-create-form fieldset:disabled {
  opacity: 0.72;
}

.member-create-row {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  min-height: 52px;
  border-right: 1px solid var(--color-bling-cell-border);
  border-bottom: 1px solid var(--color-bling-cell-border);
  border-left: 1px solid var(--color-bling-cell-border);
}

.member-create-row.member-create-two-column-row {
  grid-template-columns: 108px minmax(0, 1fr) 150px minmax(0, 1fr);
}

.member-create-label {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 10px 12px;
  border-right: 1px solid var(--color-bling-cell-border);
  background: var(--color-bling-form-label-bg);
  color: var(--color-bling-header-text);
  font-size: 12px;
  font-weight: 800;
}

.member-create-two-column-row .member-create-label:nth-child(3) {
  border-left: 1px solid var(--color-bling-cell-border);
}

.member-create-control {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 8px 10px;
  background: var(--color-bling-surface);
}

.member-create-control:not(.member-create-control-split) {
  gap: 8px;
}

.member-create-control-split {
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(400px, 1.1fr);
  gap: 10px;
}

.member-create-control input,
.member-create-control select,
.member-create-control textarea {
  min-width: 0;
  height: 34px;
  padding: 6px 10px;
  border: 1px solid var(--color-bling-control-border);
  border-radius: 3px;
  background: var(--color-bling-surface);
  color: var(--color-bling-control-text);
  font: inherit;
  font-size: 12px;
}

.member-create-control input:focus-visible,
.member-create-control select:focus-visible,
.member-create-control textarea:focus-visible,
.member-create-tabs button:focus-visible,
.member-create-actions button:focus-visible,
.member-create-input-action button:focus-visible,
.member-create-range button:focus-visible {
  outline: 2px solid var(--color-bling-focus-border);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--color-bling-focus-ring);
}

.member-create-control > input,
.member-create-control > select,
.member-create-control > textarea,
.member-create-input-action > input {
  flex: 1 1 auto;
  width: 100%;
}

.member-create-site-row .member-create-control select {
  width: min(100%, 360px);
  flex: 0 1 360px;
}

.member-create-panel-has-tree { width: 100%; }
.member-create-workspace { min-width: 0; }
.member-create-workspace.has-parent-tree { display: grid; grid-template-columns: minmax(280px, 330px) minmax(0, 1fr); gap: var(--space-8); align-items: start; padding-top: var(--space-8); }
.member-create-parent-summary > div { display: grid; gap: 4px; }
.member-create-parent-summary strong { color: var(--color-admin-text-strong); font-size: 12px; }
.member-create-parent-summary small { color: var(--color-admin-text-muted); font-size: 10px; }
.member-create-parent-panel { position: sticky; top: calc(var(--layout-topbar-height) + var(--space-8)); overflow: hidden; border: 1px solid var(--color-admin-border); border-radius: var(--radius-md); background: var(--color-admin-surface-solid); box-shadow: var(--shadow-admin-panel); }
.member-create-parent-panel header { min-height: 72px; padding: var(--space-7); border-bottom: 1px solid var(--color-admin-border); }
.member-create-parent-panel header > div { display: flex; align-items: center; gap: var(--space-5); }
.member-create-parent-panel header > div > .material-symbols-outlined { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; border-radius: var(--radius-sm); background: var(--color-sidebar-accent-soft); color: var(--color-sidebar-accent-muted); font-size: 20px; }
.member-create-parent-panel header h3 { margin: 0; color: var(--color-admin-text-strong); font-size: var(--font-size-md); }
.member-create-parent-panel header p { margin: var(--space-1) 0 0; color: var(--color-admin-text-muted); font-size: 10px; }
.member-create-parent-search { position: relative; display: flex; align-items: center; margin: var(--space-6); }
.member-create-parent-search > .material-symbols-outlined { position: absolute; left: var(--space-5); z-index: 1; color: var(--color-admin-text-subtle); font-size: 18px; pointer-events: none; }
.member-create-parent-search input { width: 100%; height: 38px; padding: 0 38px 0 34px; border: 1px solid var(--color-admin-border); border-radius: var(--radius-sm); background: var(--color-admin-surface-subtle); color: var(--color-admin-text); font: inherit; font-size: var(--font-size-xs); }
.member-create-parent-search input:focus { border-color: var(--color-sidebar-accent); outline: 0; box-shadow: 0 0 0 3px var(--color-sidebar-accent-soft); }
.member-create-parent-search button { position: absolute; right: var(--space-2); display: grid; width: 30px; height: 30px; place-items: center; padding: 0; border: 0; background: transparent; color: var(--color-admin-text-subtle); cursor: pointer; }
.member-create-parent-search button .material-symbols-outlined { font-size: 17px; }
.member-create-parent-tree { max-height: 620px; min-height: 320px; overflow: auto; padding: 0 var(--space-4) var(--space-6); }
.member-create-parent-tree ul { margin: 0; padding: 0; list-style: none; }
.member-create-parent-tree ul ul { padding-left: var(--space-5); }
.member-create-parent-tree li { margin: 2px 0; }
.member-create-parent-tree ul[hidden] { display: none; }
.member-create-parent-node { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: var(--space-2); }
.member-create-parent-toggle, .member-create-parent-toggle-spacer { width: 24px; height: 38px; }
.member-create-parent-toggle { display: grid; place-items: center; padding: 0; border: 0; background: transparent; color: var(--color-admin-text-subtle); cursor: pointer; }
.member-create-parent-toggle .material-symbols-outlined { font-size: 18px; transition: transform 160ms ease; }
.member-create-parent-toggle[aria-expanded="true"] .material-symbols-outlined { transform: rotate(90deg); }
.member-create-parent-option { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-3); width: 100%; min-height: 42px; padding: var(--space-3) var(--space-4); border: 1px solid transparent; border-radius: var(--radius-sm); background: transparent; color: var(--member-identity-color, var(--color-partner01-black)); font: inherit; text-align: left; cursor: pointer; }
.member-create-parent-option:not(:disabled):hover { border-color: var(--color-admin-border); background: var(--color-admin-surface-subtle); }
.member-create-parent-option.is-selected { border-color: var(--color-sidebar-accent); background: var(--color-sidebar-accent-soft); box-shadow: inset 3px 0 0 var(--color-sidebar-accent); }
.member-create-parent-option:disabled { opacity: .52; cursor: not-allowed; }
.member-create-parent-level { color: var(--color-sidebar-accent-muted); font-size: 9px; font-weight: 800; }
.member-create-parent-identity { display: flex; min-width: 0; align-items: baseline; gap: var(--space-2); }
.member-create-parent-identity strong, .member-create-parent-identity em { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.member-create-parent-identity strong { max-width: 100%; flex: 0 0 auto; color: inherit; font-size: 11px; }
.member-create-parent-identity em { min-width: 0; color: inherit; font-size: 9px; font-style: normal; }
.member-create-parent-option small { color: var(--color-danger); font-size: 9px; }
.member-create-parent-root { display: flex; width: calc(100% - var(--space-2)); min-height: 52px; align-items: center; gap: var(--space-4); margin: 0 var(--space-1) var(--space-5); padding: var(--space-4) var(--space-5); border: 1px dashed var(--color-admin-border-strong); border-radius: var(--radius-sm); background: var(--color-admin-surface-subtle); color: var(--color-admin-text); font: inherit; text-align: left; cursor: pointer; }
.member-create-parent-root > .material-symbols-outlined { color: var(--color-sidebar-accent-muted); font-size: 20px; }
.member-create-parent-root > span:last-child { display: grid; gap: 2px; }
.member-create-parent-root strong { color: var(--color-admin-text-strong); font-size: 11px; }
.member-create-parent-root small { color: var(--color-admin-text-muted); font-size: 9px; }
.member-create-parent-root.is-selected { border-color: var(--color-sidebar-accent); background: var(--color-sidebar-accent-soft); box-shadow: inset 3px 0 0 var(--color-sidebar-accent); }
.member-create-parent-panel.searching [data-member-create-parent-branch]:not(.search-visible) { display: none; }
.member-create-parent-panel footer { display: flex; align-items: center; gap: var(--space-2); min-height: 42px; padding: var(--space-5) var(--space-7); border-top: 1px solid var(--color-admin-border); background: var(--color-admin-surface-subtle); color: var(--color-admin-text-muted); font-size: 9px; }
.member-create-parent-panel footer .material-symbols-outlined { font-size: 16px; }

.member-create-field-note,
.hierarchy-tree-panel {
  --hierarchy-tree-accent: var(--color-sidebar-accent);
  --hierarchy-tree-accent-soft: var(--color-sidebar-accent-soft);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface-solid);
  box-shadow: var(--shadow-admin-panel);
}

.hierarchy-tree-node {
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

.hierarchy-tree-node:not(:disabled):hover,
.hierarchy-tree-node:not(:disabled):focus-visible {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-surface-hover);
  outline: 0;
}

.hierarchy-tree-node.selected,
.hierarchy-tree-node.is-selected,
.hierarchy-tree-node[aria-selected="true"] {
  border-color: var(--hierarchy-tree-accent);
  background: var(--hierarchy-tree-accent-soft);
  box-shadow: inset 3px 0 0 var(--hierarchy-tree-accent);
}

.hierarchy-tree-identity {
  min-width: 0;
}

.hierarchy-tree-identity :is(strong, small, em) {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hierarchy-tree-node-meta {
  display: grid;
  min-width: 76px;
  justify-items: end;
  gap: 2px;
  color: var(--color-admin-text-subtle);
  font-size: 9px;
  font-style: normal;
  white-space: nowrap;
}

.hierarchy-tree-node-meta :is(small, em) {
  color: inherit;
  font-size: inherit;
  font-style: normal;
}

.member-detail-tree-member.hierarchy-tree-node {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-3);
  min-height: 42px;
  padding: var(--space-3) var(--space-4);
}

.member-detail-tree-depth {
  color: var(--hierarchy-tree-accent);
  font-size: 9px;
  font-weight: 900;
  text-align: center;
}

.member-detail-tree-member .hierarchy-tree-identity em {
  color: var(--color-admin-text-muted);
  font-size: 10px;
  font-style: normal;
}

body.member-management-shell-user-site .partner-managed-tree-panel.hierarchy-tree-panel {
  overflow: auto;
}

body.member-management-shell-user-site .partner-managed-tree-node.hierarchy-tree-node {
  min-height: 42px;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
}

body.member-management-shell-user-site .partner-managed-tree-node .hierarchy-tree-identity {
  display: grid;
  flex: 1 1 auto;
  min-width: 0;
}

body.member-management-shell-user-site .partner-managed-tree-node .hierarchy-tree-node-meta {
  flex: 0 0 auto;
}

body.member-management-shell-user-site .partner-managed-tree-node .hierarchy-tree-node-meta :is(small, em) {
  margin: 0;
  color: var(--color-admin-text-subtle);
}

body.member-management-shell-user-site .partner-managed-tree-controls {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

body.member-management-shell-user-site .partner-managed-tree-controls button {
  min-height: 30px;
  padding: 0 var(--space-3);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-solid);
  color: var(--color-admin-text-muted);
  font: inherit;
  font-size: var(--font-size-xs);
  cursor: pointer;
}

body.member-management-shell-user-site .partner-managed-tree-layout.is-tree-compact {
  grid-template-columns: 112px minmax(0, 1fr);
}

body.member-management-shell-user-site .partner-managed-tree-node-row {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  min-width: 0;
}

body.member-management-shell-user-site .partner-managed-tree-toggle {
  position: relative;
  width: 20px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-admin-text-muted);
  cursor: pointer;
}

body.member-management-shell-user-site .partner-managed-tree-toggle::before {
  display: block;
  font-size: var(--font-size-sm);
  content: '›';
  transition: transform 120ms ease;
}

body.member-management-shell-user-site .partner-managed-tree-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

body.member-management-shell-user-site .partner-managed-tree-toggle.empty {
  visibility: hidden;
}

body.member-management-shell-user-site .partner-managed-tree-node.hierarchy-tree-node {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
}

body.member-management-shell-user-site .partner-managed-tree-node::before {
  display: none;
}

body.member-management-shell-user-site .partner-managed-tree-compact-label {
  margin: 0;
  padding: var(--space-8) var(--space-3);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  text-align: center;
  writing-mode: vertical-rl;
}

body.member-management-shell-user-site .partner-managed-hierarchy-summary {
  margin: var(--space-5);
}

.hierarchy-selection-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface-solid);
  box-shadow: var(--shadow-admin-panel);
}

.hierarchy-selection-summary > div {
  display: grid;
  min-width: 0;
  gap: 3px;
  padding: var(--space-5) var(--space-6);
  border-right: 1px solid var(--color-admin-border);
}

.hierarchy-selection-summary > div:nth-child(3n) { border-right: 0; }
.hierarchy-selection-summary > div:nth-child(-n + 3) { border-bottom: 1px solid var(--color-admin-border); }
.hierarchy-selection-summary span { color: var(--color-admin-text-subtle); font-size: 9px; font-weight: 800; }
.hierarchy-selection-summary strong { overflow: hidden; color: var(--color-admin-text-strong); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.hierarchy-selection-summary small { overflow: hidden; color: var(--color-admin-text-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.hierarchy-selection-summary.is-empty { grid-template-columns: 1fr; }
.hierarchy-selection-summary.is-empty > div { border: 0; }

.partner-tree-main > .hierarchy-selection-summary,
.partner-transfer-content > .hierarchy-selection-summary,
.settlement-summary-main > .hierarchy-selection-summary {
  margin: var(--space-5);
}

.member-create-parent-summary > .hierarchy-selection-summary {
  width: 100%;
}

.line-bulk-hierarchy-workspace {
  display: grid;
  grid-template-columns: minmax(300px, 340px) minmax(0, 1fr);
  gap: var(--space-8);
  align-items: start;
  padding: var(--space-8);
  background: var(--color-admin-surface-subtle);
}

.line-bulk-hierarchy-panel {
  position: sticky;
  top: calc(var(--layout-topbar-height) + var(--space-8));
  overflow: hidden;
}

.line-bulk-hierarchy-site,
.line-bulk-hierarchy-search {
  padding: var(--space-6);
  border-bottom: 1px solid var(--color-admin-border);
}

.line-bulk-hierarchy-site label {
  display: grid;
  gap: var(--space-3);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.line-bulk-hierarchy-site select,
.line-bulk-hierarchy-search input {
  width: 100%;
  min-width: 0;
}

.line-bulk-hierarchy-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-3);
}

.line-bulk-hierarchy-tree {
  min-height: 360px;
  max-height: 640px;
  overflow: auto;
  padding: var(--space-4);
}

.line-bulk-hierarchy-tree .member-tree-node {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

.line-bulk-hierarchy-content {
  display: grid;
  min-width: 0;
  gap: var(--space-6);
}

.line-bulk-hierarchy-content > :is(.member-game-rate-line-guide, .member-commission-line-guide, .member-game-rate-line-form, .member-commission-line-form, .member-game-rate-line-summary, .member-commission-line-summary, .fake-bet-line-bulk-guide, .fake-bet-line-bulk-form, .fake-bet-line-bulk-preview, .table-wrap, .empty) {
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface-solid);
  box-shadow: var(--shadow-admin-panel);
}

.line-bulk-hierarchy-content input[readonly] {
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text-muted);
  cursor: default;
}

@media (max-width: 1180px) {
  .line-bulk-hierarchy-workspace { grid-template-columns: minmax(260px, 300px) minmax(0, 1fr); gap: var(--space-5); padding: var(--space-5); }
  .hierarchy-selection-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hierarchy-selection-summary > div { border-right: 1px solid var(--color-admin-border); border-bottom: 1px solid var(--color-admin-border); }
  .hierarchy-selection-summary > div:nth-child(2n) { border-right: 0; }
  .hierarchy-selection-summary > div:nth-last-child(-n + 2) { border-bottom: 0; }
}

@media (max-width: 820px) {
  .line-bulk-hierarchy-workspace { grid-template-columns: 1fr; }
  .line-bulk-hierarchy-panel { position: static; }
  .line-bulk-hierarchy-tree { min-height: 280px; max-height: 420px; }
  .line-bulk-hierarchy-panel .hierarchy-tree-node-descendants { display: none; }
}

@media (max-width: 620px) {
  .hierarchy-selection-summary { grid-template-columns: 1fr; }
  .hierarchy-selection-summary > div { border-right: 0; border-bottom: 1px solid var(--color-admin-border); }
  .hierarchy-selection-summary > div:last-child { border-bottom: 0; }
}

.partner-tree-view .member-tree-node.hierarchy-tree-node {
  grid-template-columns: 38px minmax(0, 1fr) auto;
  min-height: 42px;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
}

.partner-tree-view .member-tree-node.hierarchy-tree-node .hierarchy-tree-node-meta :is(small, em) {
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-admin-text-subtle);
}

.member-create-check-result {
  margin: 0;
  color: var(--color-bling-form-hint);
  font-size: 11px;
  line-height: 1.35;
}

.member-create-field-note {
  margin-left: 4px;
}

.member-create-check-result {
  grid-column: 1 / -1;
  padding-top: 4px;
}

.member-create-check-result.is-success {
  color: var(--color-admin-success);
  font-weight: 700;
}

.member-create-check-result.is-error {
  color: var(--color-admin-danger);
  font-weight: 700;
}

.member-create-check-result.is-warning {
  color: var(--color-admin-warning);
  font-weight: 700;
}

.member-create-input-action,
.member-create-range,
.member-create-bank-control,
.member-create-phone-control {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0;
}

.member-create-input-action {
  flex: 1 1 auto;
  flex-wrap: wrap;
}

.member-create-input-action input {
  border-radius: 3px 0 0 3px;
}

.member-create-input-action .button,
.member-create-range .button {
  min-height: 34px;
  padding: 0 14px;
  border-radius: 0 3px 3px 0;
  white-space: nowrap;
}

.member-create-range {
  display: grid;
  grid-template-columns: auto minmax(100px, 1fr) auto minmax(100px, 1fr) auto;
}

.member-create-range > span {
  margin-right: 8px;
  color: var(--color-bling-header-text);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.member-create-range > em {
  padding: 0 7px;
  color: var(--color-bling-divider);
  font-style: normal;
}

.member-create-bank-control,
.member-create-phone-control {
  width: 100%;
}

.member-create-bank-control select,
.member-create-phone-control select {
  flex: 0 0 128px;
  border-radius: 3px 0 0 3px;
}

.member-create-bank-control input,
.member-create-phone-control input {
  flex: 1 1 auto;
  width: 100%;
  border-left: 0;
  border-radius: 0 3px 3px 0;
}

.member-create-memo-row {
  min-height: 102px;
}

.member-create-memo-row .member-create-label {
  align-items: flex-start;
  padding-top: 17px;
}

.member-create-control textarea {
  width: 100%;
  height: 78px;
  min-height: 78px;
  resize: vertical;
}

.member-create-feedback {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid var(--color-admin-border);
  border-radius: 4px;
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text);
  font-size: 12px;
  font-weight: 700;
}

.member-create-feedback.is-success {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-notice-bg);
  color: var(--color-success);
}

.member-create-feedback.is-error {
  border-color: var(--color-admin-alert-border);
  background: var(--color-admin-alert-bg);
  color: var(--color-admin-danger);
}

.member-create-feedback[hidden] {
  display: none;
}

.member-create-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 10px 0;
}

.member-create-actions .button:not(.secondary) {
  min-width: 96px;
  background: var(--color-bling-register);
  color: var(--color-bling-surface);
}

.member-create-empty {
  margin-top: 12px;
}

@media (max-width: 1500px) {
  .member-create-workspace.has-parent-tree {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: var(--space-6);
  }

  .member-create-parent-option .hierarchy-tree-node-meta {
    min-width: 44px;
  }

  .member-create-parent-option .hierarchy-tree-node-descendants {
    display: none;
  }

  .member-create-control-split {
    grid-template-columns: 1fr;
  }

  .member-create-row.member-create-two-column-row {
    grid-template-columns: 108px minmax(0, 1fr);
  }

  .member-create-two-column-row .member-create-label:nth-child(3) {
    border-top: 1px solid var(--color-bling-cell-border);
    border-left: 0;
  }

  .member-create-two-column-row .member-create-control:nth-child(4) {
    border-top: 1px solid var(--color-bling-cell-border);
  }
}

@media (max-width: 1180px) {
  .hierarchy-tree-node-descendants {
    display: none;
  }

  .hierarchy-tree-node-meta {
    min-width: 34px;
  }
}

@media (max-width: 900px) {
  .member-create-workspace.has-parent-tree {
    grid-template-columns: minmax(0, 1fr);
  }

  .member-create-parent-panel {
    position: static;
  }

  .member-create-parent-tree {
    max-height: 420px;
    min-height: 240px;
  }
}

@media (max-width: 720px) {
  .member-create-panel {
    padding: 10px;
  }

  .member-create-page .member-create-page-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .member-create-tabs button {
    min-width: 0;
    flex: 1 1 50%;
    padding: 0 10px;
  }

  .member-create-row,
  .member-create-row.member-create-two-column-row {
    grid-template-columns: 1fr;
  }

  .member-create-label,
  .member-create-two-column-row .member-create-label:nth-child(3) {
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid var(--color-bling-cell-border);
  }

  .member-create-control-split,
  .member-create-range {
    grid-template-columns: 1fr;
  }

  .member-create-range > span,
  .member-create-range > em {
    display: none;
  }

  .member-create-range .button {
    border-radius: 3px;
  }

  .member-create-control,
  .member-create-input-action,
  .member-create-range,
  .member-create-bank-control,
  .member-create-phone-control {
    align-items: stretch;
    flex-direction: column;
    gap: 6px;
  }

  .member-create-input-action input,
  .member-create-input-action .button,
  .member-create-bank-control select,
  .member-create-bank-control input,
  .member-create-phone-control select,
  .member-create-phone-control input {
    width: 100%;
    flex-basis: auto;
    border: 1px solid var(--color-bling-control-border);
    border-radius: 3px;
  }
}

/* 관리자 표 정렬과 외곽선의 최종 계약: 제목/일반 값은 중앙, 금액 값만 우측 정렬 */
#app .app-shell table th,
body.member-detail-console-page table th {
  text-align: center !important;
  vertical-align: middle !important;
}

#app .app-shell table td,
#app .app-shell table td.numeric,
body.member-detail-console-page table td,
body.member-detail-console-page table td.numeric {
  text-align: center !important;
  vertical-align: middle !important;
}

#app .app-shell table td.table-cell-money,
#app .app-shell table td.ledger-credit,
#app .app-shell table td.ledger-debit,
body.member-detail-console-page table td.table-cell-money,
body.member-detail-console-page table td.ledger-credit,
body.member-detail-console-page table td.ledger-debit {
  text-align: right !important;
  font-variant-numeric: tabular-nums;
}

#app .app-shell table :is(.table-sort, .table-sort-button) {
  justify-content: center !important;
  text-align: center !important;
}

#app .app-shell table :is(
  .dashboard-bottom-title-button,
  .notice-board-title-button,
  .bling-message-title-button,
  .bling-support-title-button,
  .bling-template-title-button,
  .popup-bling-title-button,
  .partner-tree-id-card,
  .bling-member-identity-card
) {
  justify-content: center !important;
  margin-inline: auto;
  text-align: center !important;
}

#app .app-shell table :is(.member-game-rate-cell, .member-commission-cell) {
  justify-items: center !important;
  text-align: center !important;
}

#app .app-shell table :is(
  .dashboard-bottom-member,
  .dashboard-bottom-member-link,
  .member-memo-preview,
  .bling-member-site-account,
  .bling-member-date-stack,
  .member-duplicate-value,
  .member-duplicate-members,
  .inactive-member-account,
  .inactive-member-dates,
  .inactive-member-account .account-number,
  .partner-tree-meta dd
) {
  text-align: center !important;
}

#app .app-shell table :is(.dashboard-bottom-member, .bling-member-site-account, .bling-member-date-stack) {
  justify-items: center !important;
}

#app .app-shell table :is(.member-duplicate-members, .inactive-member-account li, .inactive-member-dates li) {
  justify-content: center !important;
}

#app .app-shell table .member-duplicate-value span {
  justify-content: center !important;
}

#app .app-shell table .partner-tree-meta > div {
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: center;
}

#app .app-shell table .bling-message-recipient {
  grid-template-columns: auto auto auto minmax(0, max-content) auto;
  justify-content: center;
  text-align: center !important;
}

#app .app-shell table td .row-actions {
  justify-content: center !important;
}

#app .app-shell table :is(
  .login-info-member,
  .member-id-main,
  .member-detail-window-row-actions
),
body.member-detail-console-page table .member-detail-window-row-actions {
  justify-content: center !important;
  text-align: center !important;
}

#app .app-shell table :is(.member-id-menu, .game-provider-vendor-category-cell) {
  justify-items: center !important;
  text-align: center !important;
}

#app .app-shell .table-wrap {
  border-right: 1px solid var(--color-border) !important;
  border-bottom: 1px solid var(--color-border) !important;
}

#app .app-shell :is(
  .member-message-wrap,
  .member-message-template-wrap,
  .bling-template-list-wrap,
  .support-ticket-wrap,
  .event-board-wrap,
  .notice-board-wrap,
  .popup-wrap
) {
  border-right-color: var(--color-bling-cell-border) !important;
  border-bottom-color: var(--color-bling-cell-border) !important;
}

#app .app-shell :is(.member-duplicate-table-wrap, .inactive-member-table-wrap) {
  overflow-x: auto;
  border-right: 1px solid var(--color-bling-cell-border);
  border-bottom: 1px solid var(--color-bling-cell-border);
}

#app .app-shell .dashboard-table-wrap {
  border-right: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

#app .app-shell :is(
  .settlement-stage-wrap,
  .settlement-daily-wrap,
  .settlement-monthly-wrap,
  .settlement-summary-wrap,
  .member-statistics-wrap,
  .vendor-settlement-wrap,
  .commission-log-wrap,
  .rate-adjustment-wrap
) {
  border-right: 1px solid var(--color-border) !important;
  border-bottom: 1px solid var(--color-border) !important;
}

#app .app-shell :is(
  .table-wrap,
  .member-duplicate-table-wrap,
  .inactive-member-table-wrap,
  .dashboard-table-wrap,
  .settlement-stage-wrap,
  .settlement-daily-wrap,
  .settlement-monthly-wrap,
  .settlement-summary-wrap,
  .member-statistics-wrap,
  .vendor-settlement-wrap,
  .commission-log-wrap,
  .rate-adjustment-wrap
) > table tr > :last-child,
body.member-detail-console-page .member-detail-window-table-wrap > table tr > :last-child {
  border-right: 0 !important;
}

#app .app-shell :is(
  .table-wrap,
  .member-duplicate-table-wrap,
  .inactive-member-table-wrap,
  .dashboard-table-wrap,
  .settlement-stage-wrap,
  .settlement-daily-wrap,
  .settlement-monthly-wrap,
  .settlement-summary-wrap,
  .member-statistics-wrap,
  .vendor-settlement-wrap,
  .commission-log-wrap,
  .rate-adjustment-wrap
) > table :is(tbody, tfoot) tr:last-child > td,
body.member-detail-console-page .member-detail-window-table-wrap > table :is(tbody, tfoot) tr:last-child > td {
  border-bottom: 0 !important;
}

/* Partner operation permissions and consolidated money transfers */
.partner-operations-view {
  min-width: 0;
}

.partner-operation-header {
  border-bottom: 1px solid var(--color-border);
}

.partner-operation-tabs {
  display: flex;
  gap: 0;
  padding: 0 var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}

.partner-operation-tab {
  min-height: 46px;
  padding: 0 var(--space-10);
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 800;
  cursor: pointer;
}

.partner-operation-tab:hover,
.partner-operation-tab:focus-visible {
  color: var(--color-text-strong);
  background: var(--color-surface-hover);
}

.partner-operation-tab.active {
  border-bottom-color: var(--color-success);
  color: var(--color-text-strong);
  background: var(--color-report-success-soft-bg);
}

.partner-operation-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.partner-operation-summary > div {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: var(--space-4) var(--space-8);
  min-height: 62px;
  padding: var(--space-7) var(--space-9);
  border-right: 1px solid var(--color-border);
}

.partner-operation-summary > div:last-child {
  border-right: 0;
}

.partner-operation-summary span,
.partner-operation-summary small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.partner-operation-summary strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-lg);
}

.partner-operation-summary .positive strong {
  color: var(--color-success);
}

.partner-operation-summary .negative strong {
  color: var(--color-danger);
}

.partner-transfer-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.partner-transfer-summary small {
  grid-column: 1 / -1;
  text-align: right;
}

.partner-operation-filter {
  grid-template-columns: minmax(160px, 0.9fr) minmax(180px, 1fr) minmax(240px, 2fr) minmax(90px, 0.55fr) auto;
}

.partner-transfer-filter {
  grid-template-columns: repeat(4, minmax(125px, 0.8fr)) repeat(2, minmax(135px, 0.75fr)) minmax(220px, 1.5fr) minmax(90px, 0.5fr) auto;
}

.partner-permission-bulk-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-5);
  min-height: 52px;
  padding: var(--space-6) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-admin-surface-subtle);
}

.partner-permission-bulk-bar > strong {
  min-width: 78px;
  color: var(--color-text-strong);
}

.partner-permission-bulk-bar select {
  width: 160px;
  min-width: 160px;
  flex: 0 0 160px;
  height: 36px;
  padding-right: var(--space-8);
  white-space: nowrap;
}

.partner-permission-bulk-bar .inline-check {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  margin-left: auto;
  color: var(--color-text);
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.partner-operation-readonly {
  margin: 0;
  padding: var(--space-6) var(--space-8);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
}

.partner-operation-table-wrap {
  overflow-x: clip;
}

.partner-operation-table {
  min-width: 0;
  table-layout: fixed;
  white-space: normal;
}

.partner-operation-table th,
.partner-operation-table td {
  padding-inline: var(--space-6);
  overflow-wrap: anywhere;
}

.partner-operation-table tbody tr.selected td {
  background: var(--color-report-success-bg);
}

.partner-operation-table .selection-column {
  width: 42px;
}

.partner-permission-table th:nth-child(2) { width: 10%; }
.partner-permission-table th:nth-child(3) { width: 16%; }
.partner-permission-table th:nth-child(4) { width: 24%; }
.partner-permission-table th:nth-child(5) { width: 13%; }
.partner-permission-table th:nth-child(6),
.partner-permission-table th:nth-child(7) { width: 10%; }
.partner-permission-table th:nth-child(8) { width: 76px; }

.partner-operation-site-cell,
.partner-operation-account-cell,
.partner-operation-line-cell {
  min-width: 0;
}

.partner-operation-site-cell > strong,
.partner-operation-account-cell > strong,
.partner-operation-line-cell > strong {
  display: block;
  color: var(--color-text-strong);
}

.partner-operation-site-cell > span,
.partner-operation-account-cell > span:not(.admin-member-identity),
.partner-operation-line-cell > span {
  display: block;
  margin-top: 2px;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.35;
}

.hierarchy-selection-summary .hierarchy-selection-member-identity {
  width: 100%;
  overflow: hidden;
  font-size: 12px;
  font-weight: 800;
}

.hierarchy-selection-summary .hierarchy-selection-member-identity .member-identity-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-message-recipient-identities,
.member-message-recipient-row {
  display: flex;
  min-width: 0;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-5);
}

.member-message-recipient-row + .member-message-recipient-row {
  margin-top: var(--space-3);
}

.partner-permission-toggle {
  display: inline-grid;
  grid-template-columns: 36px 28px;
  align-items: center;
  gap: var(--space-3);
  cursor: pointer;
}

.partner-permission-toggle input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.partner-permission-toggle-track {
  position: relative;
  width: 36px;
  height: 20px;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-pill);
  background: var(--color-badge-neutral-bg);
  transition: background-color 120ms ease, border-color 120ms ease;
}

.partner-permission-toggle-track::before {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--color-surface);
  box-shadow: 0 1px 2px var(--color-login-panel-shadow);
  content: '';
  transition: transform 120ms ease;
}

.partner-permission-toggle input:checked + .partner-permission-toggle-track {
  border-color: var(--color-success);
  background: var(--color-success);
}

.partner-permission-toggle input:checked + .partner-permission-toggle-track::before {
  transform: translateX(16px);
}

.partner-permission-toggle input:focus-visible + .partner-permission-toggle-track {
  outline: 2px solid var(--color-bling-focus-border);
  outline-offset: 2px;
}

.partner-permission-toggle b {
  color: var(--color-success);
  font-size: var(--font-size-xs);
}

.partner-permission-toggle.is-blocked b {
  color: var(--color-danger);
}

.partner-permission-toggle:has(input:disabled) {
  cursor: default;
  opacity: 0.68;
}

.partner-transfer-table th:nth-child(1) { width: 9%; }
.partner-transfer-table th:nth-child(2),
.partner-transfer-table th:nth-child(3) { width: 12%; }
.partner-transfer-table th:nth-child(4) { width: 6%; }
.partner-transfer-table th:nth-child(5),
.partner-transfer-table th:nth-child(6),
.partner-transfer-table th:nth-child(7) { width: 9%; }
.partner-transfer-table th:nth-child(8) { width: 8%; }
.partner-transfer-table th:nth-child(9) { width: 15%; }
.partner-transfer-table th:nth-child(10) { width: 11%; }

.partner-transfer-type,
.partner-transfer-direction {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-text-strong);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.partner-transfer-type.partner {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-badge-success-bg);
  color: var(--color-success);
}

.partner-transfer-type.admin {
  border-color: var(--color-bling-tab-border);
  background: var(--color-admin-badge-neutral-bg);
  color: var(--color-text-strong);
}

.partner-transfer-direction.credit {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-badge-success-bg);
  color: var(--color-success);
}

.partner-transfer-direction.debit {
  border-color: var(--color-alert-border);
  background: var(--color-admin-badge-danger-bg);
  color: var(--color-danger);
}

.positive-text { color: var(--color-success); }
.negative-text { color: var(--color-danger); }

.partner-transfer-reason {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.4;
  white-space: normal;
}

.partner-operation-table .date-cell {
  white-space: pre-line;
}

@media (max-width: 1320px) {
  .partner-transfer-filter {
    grid-template-columns: repeat(4, minmax(130px, 1fr));
  }

  .partner-transfer-filter > input[name="search"] {
    grid-column: span 2;
  }
}

@media (max-width: 1020px) {
  .partner-operation-filter,
  .partner-transfer-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner-operation-filter > input[name="search"],
  .partner-transfer-filter > input[name="search"] {
    grid-column: span 2;
  }

  .partner-transfer-table .optional-column,
  .partner-transfer-table .reason-column {
    display: none;
  }

  .partner-transfer-table th:nth-child(1) { width: 11%; }
  .partner-transfer-table th:nth-child(2),
  .partner-transfer-table th:nth-child(3) { width: 16%; }
  .partner-transfer-table th:nth-child(4) { width: 8%; }
  .partner-transfer-table th:nth-child(5),
  .partner-transfer-table th:nth-child(6),
  .partner-transfer-table th:nth-child(7) { width: 12%; }
  .partner-transfer-table th:nth-child(10) { width: 13%; }
}

@media (max-width: 720px) {
  .partner-operation-summary,
  .partner-transfer-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner-operation-summary > div:nth-child(2n) {
    border-right: 0;
  }

  .partner-operation-filter,
  .partner-transfer-filter {
    grid-template-columns: minmax(0, 1fr);
  }

  .partner-operation-filter > input[name="search"],
  .partner-transfer-filter > input[name="search"] {
    grid-column: auto;
  }

  .partner-permission-bulk-bar .inline-check {
    width: 100%;
    margin-left: 0;
  }

  .partner-permission-table th:nth-child(2),
  .partner-permission-table td:nth-child(2),
  .partner-permission-table th:nth-child(4),
  .partner-permission-table td:nth-child(4),
  .partner-permission-table th:nth-child(5),
  .partner-permission-table td:nth-child(5) {
    display: none;
  }

  .partner-permission-table th:nth-child(3) { width: 34%; }
  .partner-permission-table th:nth-child(6),
  .partner-permission-table th:nth-child(7) { width: 22%; }
  .partner-permission-table th:nth-child(8) { width: 68px; }

  .partner-transfer-table th:nth-child(1),
  .partner-transfer-table td:nth-child(1),
  .partner-transfer-table th:nth-child(2),
  .partner-transfer-table td:nth-child(2),
  .partner-transfer-table th:nth-child(5),
  .partner-transfer-table td:nth-child(5) {
    display: none;
  }

  .partner-transfer-table th:nth-child(3) { width: 28%; }
  .partner-transfer-table th:nth-child(4) { width: 13%; }
  .partner-transfer-table th:nth-child(6),
  .partner-transfer-table th:nth-child(7) { width: 21%; }
  .partner-transfer-table th:nth-child(10) { width: 17%; }
}

/* Bling-aligned partner transfer history */
.partner-transfer-workspace {
  display: grid;
  grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
  align-items: stretch;
  min-width: 0;
  border-top: 1px solid var(--color-border);
  background: var(--color-surface);
}

.partner-transfer-workspace.tree-collapsed {
  grid-template-columns: 44px minmax(0, 1fr);
}

.partner-transfer-tree-panel {
  display: flex;
  min-width: 0;
  min-height: 560px;
  flex-direction: column;
  border-right: 1px solid var(--color-border);
  background: var(--color-admin-surface-subtle);
}

.partner-transfer-tree-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-3);
  padding: var(--space-5);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}

.partner-transfer-tree-search {
  position: relative;
  min-width: 0;
}

.partner-transfer-tree-search input {
  width: 100%;
  height: 34px;
  padding-right: 32px;
}

.partner-transfer-tree-search button {
  position: absolute;
  top: 50%;
  right: 4px;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-text-muted);
  font-size: var(--font-size-lg);
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
}

.partner-transfer-tree-compact-button {
  min-width: 82px;
  height: 34px;
  padding-inline: var(--space-4);
  white-space: nowrap;
}

.partner-transfer-tree-options {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-6);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
  font-size: var(--font-size-xs);
}

.partner-transfer-tree-options .inline-check {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  font-weight: 800;
  white-space: nowrap;
}

.partner-transfer-tree-reset {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-3);
  padding: 2px var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-subtle);
  color: var(--color-text);
  cursor: pointer;
}

.partner-transfer-tree-reset span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.partner-transfer-tree-reset b {
  color: var(--color-danger);
}

.partner-transfer-tree-list {
  min-height: 0;
  max-height: calc(100vh - var(--layout-admin-header-height) - 230px);
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: var(--space-3) 0 var(--space-8);
}

.partner-transfer-tree-node-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.partner-transfer-tree-node-line {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  padding: 2px var(--space-4) 2px calc(var(--space-3) + (var(--tree-depth) * 12px));
}

.partner-transfer-tree-arrow {
  position: relative;
  width: 20px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.partner-transfer-tree-arrow::before {
  display: block;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  content: '›';
  transition: transform 120ms ease;
}

.partner-transfer-tree-node-item.open > .partner-transfer-tree-node-line .partner-transfer-tree-arrow::before {
  transform: rotate(90deg);
}

.partner-transfer-tree-arrow.empty {
  cursor: default;
}

.partner-transfer-tree-arrow.empty::before {
  content: '';
}

.partner-transfer-tree-node {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  min-height: 30px;
  padding: 2px var(--space-4);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-text);
  text-align: left;
  cursor: pointer;
}

.partner-transfer-tree-node:hover,
.partner-transfer-tree-node:focus-visible {
  border-color: var(--color-admin-border-strong);
  background: var(--color-surface-hover);
}

.partner-transfer-tree-node.selected {
  border-color: var(--color-success);
  background: var(--color-report-success-bg);
}

.partner-transfer-tree-node.muted-node {
  opacity: 0.62;
}

.partner-transfer-tree-identity {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: var(--space-2);
}

.partner-transfer-tree-identity strong,
.partner-transfer-tree-identity small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.partner-transfer-tree-identity small,
.partner-transfer-tree-node em {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-style: normal;
}

.partner-transfer-tree-node em {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.partner-transfer-tree-empty {
  padding: var(--space-10) var(--space-6);
}

.partner-transfer-workspace.tree-collapsed .partner-transfer-tree-panel {
  min-height: 0;
}

.partner-transfer-workspace.tree-collapsed .partner-transfer-tree-tools {
  display: flex;
  height: 100%;
  justify-content: center;
  padding: var(--space-4);
}

.partner-transfer-workspace.tree-collapsed :is(
  .partner-transfer-tree-site-field,
  .partner-transfer-tree-search,
  .partner-transfer-tree-options,
  .partner-transfer-tree-list
) {
  display: none;
}

.partner-transfer-workspace.tree-collapsed .partner-transfer-tree-compact-button {
  width: 34px;
  min-width: 34px;
  height: 92px;
  padding: var(--space-4) 0;
  writing-mode: vertical-rl;
}

.partner-transfer-content {
  min-width: 0;
}

.partner-transfer-filter {
  display: grid;
  grid-template-columns: 132px 132px 132px minmax(160px, 1fr) auto;
  align-items: center;
  gap: var(--space-4);
  min-width: 0;
  padding: var(--space-6);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-admin-surface-subtle);
}

.partner-transfer-filter :is(input, select, button) {
  min-width: 0;
  height: 36px;
}

.partner-transfer-filter button {
  min-width: 82px;
  white-space: nowrap;
}

.partner-transfer-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.partner-transfer-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: var(--font-size-xs);
}

.partner-transfer-table th,
.partner-transfer-table td {
  height: 40px;
  padding: var(--space-4) var(--space-5);
  vertical-align: middle;
}

.partner-transfer-table th {
  background: var(--color-admin-surface-subtle);
  text-align: center;
  white-space: nowrap;
}

.partner-transfer-table td {
  overflow: hidden;
}

.partner-transfer-table .numeric {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.partner-transfer-table th:nth-child(1) { width: 5%; }
.partner-transfer-table th:nth-child(2) { width: 16%; }
.partner-transfer-table th:nth-child(3) { width: 24%; }
.partner-transfer-table th:nth-child(4) { width: 14%; }
.partner-transfer-table th:nth-child(5),
.partner-transfer-table th:nth-child(6),
.partner-transfer-table th:nth-child(7) { width: 10%; }
.partner-transfer-table th:nth-child(8) { width: 11%; }

.partner-transfer-group + .partner-transfer-group tr:first-child td {
  border-top-width: 2px;
  border-top-color: var(--color-border-strong);
}

.partner-transfer-number {
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.partner-transfer-memo,
.partner-transfer-info,
.partner-transfer-account {
  line-height: 1.4;
}

.partner-transfer-memo,
.partner-transfer-info {
  text-align: center;
}

.partner-transfer-memo strong {
  margin-left: var(--space-2);
}

.partner-transfer-info-account,
.partner-transfer-account {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-3);
}

.partner-transfer-info-account strong,
.partner-transfer-account strong {
  overflow: hidden;
  color: var(--color-text-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.partner-transfer-flow-arrow {
  display: inline-block;
  margin-inline: var(--space-3);
  color: var(--color-text-muted);
  font-size: 9px;
}

.partner-transfer-badge {
  display: inline-flex;
  min-width: 34px;
  min-height: 20px;
  align-items: center;
  justify-content: center;
  padding: 1px var(--space-3);
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.partner-transfer-badge.partner {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-badge-success-bg);
  color: var(--color-success);
}

.line-move-tree-site-field {
  display: grid;
  min-width: 0;
  flex: 1 1 auto;
  gap: var(--space-2);
}

.line-move-tree-site-field > span {
  color: var(--color-admin-text-subtle);
  font-size: 9px;
  font-weight: 800;
}

.line-move-tree-site-field select {
  width: 100%;
  min-width: 0;
  height: 34px;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-solid);
  color: var(--color-admin-text);
  font: inherit;
}

.partner-tree-site-field,
.partner-transfer-tree-site-field,
.settlement-member-site-field {
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
}

.partner-tree-site-field {
  margin: calc(var(--space-2) * -1) calc(var(--space-2) * -1) var(--space-4);
}

.partner-transfer-tree-site-field {
  flex: 0 0 auto;
}
.partner-transfer-badge.member {
  border-color: var(--color-border-strong);
  background: var(--color-badge-neutral-bg);
  color: var(--color-text-muted);
}

.partner-transfer-badge.admin {
  border-color: var(--color-alert-border);
  background: var(--color-admin-badge-danger-bg);
  color: var(--color-danger);
}

.partner-transfer-change-positive {
  color: var(--color-today-statistics-value-blue);
  font-weight: 800;
}

.partner-transfer-change-negative {
  color: var(--color-danger);
  font-weight: 800;
}

.partner-transfer-date {
  text-align: center;
  font-variant-numeric: tabular-nums;
  white-space: normal;
}


@media (max-width: 1600px) {
  .partner-transfer-workspace {
    grid-template-columns: minmax(220px, 250px) minmax(0, 1fr);
  }

  .partner-transfer-filter {
    grid-template-columns: 122px 122px 122px minmax(140px, 1fr) auto;
  }

  .partner-transfer-table :is(.partner-transfer-col-info, .partner-transfer-info) {
    display: none;
  }

  .partner-transfer-table th:nth-child(1) { width: 6%; }
  .partner-transfer-table th:nth-child(2) { width: 20%; }
  .partner-transfer-table th:nth-child(4) { width: 18%; }
  .partner-transfer-table th:nth-child(5),
  .partner-transfer-table th:nth-child(6),
  .partner-transfer-table th:nth-child(7) { width: 12%; }
  .partner-transfer-table th:nth-child(8) { width: 14%; }
}

@media (max-width: 1380px) {
  .partner-transfer-workspace {
    grid-template-columns: minmax(205px, 220px) minmax(0, 1fr);
  }

  .partner-transfer-filter {
    grid-template-columns: 116px 116px 112px minmax(120px, 1fr) auto;
    padding-inline: var(--space-4);
  }

  .partner-transfer-table :is(.partner-transfer-col-memo, .partner-transfer-memo) {
    display: none;
  }

  .partner-transfer-table th:nth-child(1) { width: 7%; }
  .partner-transfer-table th:nth-child(4) { width: 23%; }
  .partner-transfer-table th:nth-child(5),
  .partner-transfer-table th:nth-child(6),
  .partner-transfer-table th:nth-child(7) { width: 15%; }
  .partner-transfer-table th:nth-child(8) { width: 25%; }
}

@media (max-width: 980px) {
  .partner-transfer-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .partner-transfer-tree-panel {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }

  .partner-transfer-tree-list {
    max-height: 280px;
  }

  .partner-transfer-workspace.tree-collapsed {
    grid-template-columns: minmax(0, 1fr);
  }

  .partner-transfer-workspace.tree-collapsed .partner-transfer-tree-panel {
    min-height: 44px;
  }

  .partner-transfer-workspace.tree-collapsed .partner-transfer-tree-tools {
    height: 44px;
    justify-content: flex-end;
  }

  .partner-transfer-workspace.tree-collapsed .partner-transfer-tree-compact-button {
    width: auto;
    min-width: 82px;
    height: 34px;
    padding-inline: var(--space-4);
    writing-mode: horizontal-tb;
  }

  .partner-transfer-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner-transfer-filter > :is(input[name="search"], button[type="submit"]) {
    grid-column: span 2;
  }
}

/* Unified admin body primitives: page header and pagination */
.content :is(
  .event-board-view,
  .notice-board-view,
  .popup-view,
  .bling-management-view,
  .partner-domain-view,
  .admin-account-view
) {
  width: 100%;
  max-width: none;
}

.admin-filter-toolbar {
  align-items: stretch;
  gap: var(--space-5);
  max-width: 100%;
  font-family: var(--font-family-base);
}

.admin-filter-toolbar > :is(input:not([type="hidden"]), select, button, .button, .date-range-picker) {
  min-width: 0;
  min-height: var(--control-height-md);
}

.admin-filter-toolbar > :is(input:not([type="hidden"]), select, button, .button) {
  height: var(--control-height-default);
}

.admin-filter-toolbar.date-range-enhanced-toolbar > .date-range-native-picker:not(.date-range-picker-with-time) {
  height: var(--control-height-default);
  min-height: var(--control-height-default);
}

.admin-filter-toolbar > .admin-filter-control-group > :is(input:not([type="hidden"]), select, button, .button) {
  box-sizing: border-box;
  height: var(--control-height-default);
  min-height: var(--control-height-default);
  padding-block: 0;
}

.app-shell .admin-filter-search-button {
  display: inline-flex;
  min-width: 76px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.app-shell .admin-filter-search-button:hover {
  border-color: var(--color-primary-hover);
  background: var(--color-primary-hover);
}

.admin-filter-search-button .material-symbols-outlined {
  font-size: 17px;
}

.app-shell .blocked-ip-create-form input,
.app-shell .blocked-ip-create-form > .button,
.app-shell .blocked-ip-actions .button {
  height: 42px;
  min-height: 42px;
}

.bling-member-list-view .bling-member-filter.admin-filter-toolbar > .date-range-picker,
.member-money-settlement-toolbar.admin-filter-toolbar > .date-range-picker {
  width: max-content;
  max-width: 100%;
  flex: 0 1 auto;
  grid-column: auto;
}

.partner-transfer-filter.admin-filter-toolbar.date-range-enhanced-toolbar > .date-range-picker,
.bling-management-toolbar.admin-filter-toolbar.date-range-enhanced-toolbar > .date-range-picker {
  grid-column: span 2;
}

.bling-management-toolbar.admin-filter-toolbar.date-range-enhanced-toolbar {
  grid-template-columns: repeat(2, minmax(150px, 0.8fr)) minmax(120px, 0.55fr) minmax(180px, 1fr) auto;
}

@media (max-width: 1500px) {
  .member-money-settlement-toolbar.admin-filter-toolbar.date-range-enhanced-toolbar {
    grid-template-columns: minmax(300px, 390px) 110px minmax(160px, 1fr) 90px auto;
  }
}

.notice-board-filter-toolbar.admin-filter-toolbar.date-range-enhanced-toolbar {
  grid-template-columns: minmax(320px, 1.4fr) minmax(110px, 0.45fr) minmax(180px, 1fr) auto;
  align-items: center;
}

.notice-board-filter-toolbar.admin-filter-toolbar.date-range-enhanced-toolbar > .date-range-picker {
  grid-column: auto;
}

.admin-section-header {
  min-width: 0;
  gap: var(--space-5);
}

.admin-section-header > :first-child {
  min-width: 0;
}

.admin-table-wrap {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: auto;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
}

.admin-table-wrap > table {
  width: 100%;
}

.admin-state {
  display: grid;
  min-height: 96px;
  place-items: center;
  padding: var(--space-8);
  text-align: center;
}

td.admin-state,
th.admin-state {
  display: table-cell;
  min-height: 0;
  height: 96px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.app-shell .button:active:not(:disabled),
.app-shell button:active:not(:disabled) {
  transform: translateY(1px);
}

:is(.app-shell, .member-detail-console-page) :is(.button, button)[aria-busy="true"] {
  cursor: progress;
  opacity: 0.72;
}

.app-shell .notice-board-action-button.button {
  min-height: var(--control-height-md);
  border-color: var(--color-primary);
  border-radius: var(--radius-sm);
  background: var(--color-primary);
  color: var(--color-text-inverse);
  font-family: var(--font-family-base);
}

.app-shell .notice-board-action-button.button.secondary {
  border-color: var(--color-border);
  background: var(--color-admin-control-bg);
  color: var(--color-text-strong);
}

.app-shell .notice-board-action-button.button.danger {
  border-color: var(--color-danger);
  background: var(--color-admin-badge-danger-bg);
  color: var(--color-danger);
}

.admin-page-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
  min-height: 64px;
  gap: var(--space-6);
  padding: var(--space-5) var(--space-2);
  color: var(--color-text);
  font-family: var(--font-family-base);
}

.app-shell.sidebar-collapsed .admin-page-header { width: 100%; }
.admin-page-header-title-group { min-width: 0; }

.admin-page-header h1 {
  color: var(--color-text-strong);
  font-family: inherit;
  font-size: var(--font-size-xl);
  letter-spacing: -0.02em;
}

.admin-page-header-description {
  margin: var(--space-2) 0 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.admin-page-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
}

.admin-pagination-wrap {
  display: grid;
  justify-items: center;
  gap: var(--space-2);
  padding: var(--space-5) var(--space-6);
  border-top: 1px solid var(--color-border);
  background: var(--color-surface);
}

.admin-pagination,
.bling-list-pagination.admin-pagination,
.admin-list-pagination.admin-pagination,
.member-list-pagination.admin-pagination {
  display: flex;
  width: auto;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
}

.admin-pagination .admin-pagination-button {
  display: inline-flex;
  width: auto;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 -1px;
  padding: 0 var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: 0;
  background: var(--color-surface);
  color: var(--color-text);
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 700;
  cursor: pointer;
}

.admin-pagination .admin-pagination-button:first-child {
  margin-left: 0;
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.admin-pagination .admin-pagination-button:last-child { border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }

.admin-pagination .admin-pagination-button:hover:not(:disabled):not(.active),
.admin-pagination .admin-pagination-button:focus-visible:not(:disabled):not(.active) {
  position: relative;
  z-index: 1;
  border-color: var(--color-primary);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-primary);
  outline: none;
}

.admin-pagination .admin-pagination-button:focus-visible { box-shadow: var(--shadow-focus); }

.admin-pagination .admin-pagination-button.active,
.admin-pagination-current {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.admin-pagination .admin-pagination-button:disabled {
  background: var(--color-surface-subtle);
  color: var(--color-text-muted);
  cursor: not-allowed;
  opacity: 0.56;
}

.admin-pagination-current {
  display: inline-flex;
  min-width: 76px;
  height: 38px;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  margin-left: -1px;
  padding: 0 var(--space-4);
  border: 1px solid var(--color-primary);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.admin-pagination-current em { color: inherit; font-style: normal; }

.admin-pagination-summary {
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 700;
}

@media (max-width: 720px) {
  .admin-page-header { grid-template-columns: minmax(0, 1fr) auto; }
  .admin-pagination-wrap { justify-items: center; overflow-x: auto; }
  .admin-pagination { justify-content: center; }

  .game-usage-settings-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .game-usage-settings-tab {
    flex: 0 0 auto;
  }
}

.date-range-native-input:disabled,
.app-shell input[type="date"]:disabled,
#partner-app input[type="date"]:disabled,
.member-detail-console-page input[type="date"]:disabled {
  background: var(--color-date-control-disabled-bg);
  color: var(--color-date-control-disabled-text);
  cursor: not-allowed;
  opacity: 1;
}

@media (max-width: 620px) {
  .partner-daily-filter,
  .admin-report-view :is(
    .settlement-summary-date-search,
    .member-statistics-date-search,
    .vendor-settlement-date-search,
    .commission-log-date-search
  ) {
    flex-wrap: wrap;
  }

  .partner-daily-filter {
    padding-inline: 12px;
  }

  .partner-daily-filter .date-range-native-picker,
  .admin-report-view :is(
    .settlement-summary-date-search,
    .member-statistics-date-search,
    .vendor-settlement-date-search,
    .commission-log-date-search
  ) .date-range-native-picker {
    flex: 1 1 100%;
  }

  .date-range-native-picker {
    grid-column: 1 / -1;
    width: 100%;
  }

  .date-range-native-fields {
    width: 100%;
  }

  .date-range-native-field {
    flex: 1 1 0;
  }

  .date-range-picker-with-time .date-range-native-field {
    flex-direction: column;
    align-items: stretch;
  }

  .app-shell .date-range-native-picker input[type="date"],
  .app-shell .date-range-native-picker input[type="month"],
  #partner-app .date-range-native-picker input[type="date"],
  #partner-app .date-range-native-picker input[type="month"],
  .member-detail-console-page .date-range-native-picker input[type="date"],
  .member-detail-console-page .date-range-native-picker input[type="month"],
  .date-range-native-picker .date-range-native-time {
    width: 100%;
    min-width: 0;
  }

  .member-detail-window-profit-filter .date-range-native-picker {
    grid-column: 1 / -1;
  }
}

.member-duplicate-table {
  min-width: max(var(--layout-admin-table-wide-min-width), 1280px);
}

#app .app-shell table.member-duplicate-table .member-duplicate-members {
  justify-content: flex-start !important;
  text-align: left !important;
}

.blocked-ip-table {
  min-width: max(var(--layout-admin-table-min-width), 1120px);
}

/* 최종 전용 화면 보정: 뒤쪽 전용 규칙보다 높은 우선순위로 공통 버튼 의미를 유지한다. */
.app-shell .bling-member-list-view .member-memo-toggle:is(.active, [aria-pressed="true"]) {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.app-shell .notice-board-action-button.button.secondary {
  border-color: var(--color-primary);
  background: var(--color-admin-surface);
  color: var(--color-primary);
}

.app-shell .notice-board-action-button.button.danger {
  border-color: var(--color-danger);
  background: var(--color-danger);
  color: var(--color-text-inverse);
}

/* 최종 트리뷰 우선순위: 파트너 전용 후반 규칙도 공통 52px 접힘 계약을 유지한다. */
body.member-management-shell-user-site .partner-managed-tree-panel.hierarchy-tree-panel {
  overflow: hidden;
}

body.member-management-shell-user-site .partner-managed-tree-layout.is-tree-compact {
  grid-template-columns: 52px minmax(0, 1fr);
}

body.member-management-shell-user-site .partner-managed-tree-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (min-width: 981px) {
  body.member-management-shell-user-site .partner-managed-tree-layout {
    height: clamp(520px, calc(100vh - 280px), 720px);
  }

  body.member-management-shell-user-site .partner-managed-tree-detail {
    overflow: auto;
  }
}

@media (max-width: 1100px) {
  .partner-tree-view .partner-tree-shell.member-tree-layout.is-tree-compact,
  .partner-tree-view
    .partner-tree-reference-panel:has([data-member-tree-site])
    .partner-tree-shell.member-tree-layout.is-tree-compact {
    grid-template-columns: minmax(0, 1fr);
  }

  .partner-tree-view .partner-tree-side.member-tree-panel.is-compact {
    min-height: 44px;
    max-height: none;
    padding: 0;
  }

  .partner-tree-view .partner-tree-side.is-compact .tree-view-standard-open-rail {
    min-height: 44px;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 0 var(--space-4);
  }

  .partner-tree-view .partner-tree-side.is-compact .tree-view-standard-open-rail > span:last-child {
    writing-mode: horizontal-tb;
    text-orientation: mixed;
  }
}

@media (max-width: 980px) {
  body.member-management-shell-user-site .partner-managed-tree-layout.is-tree-compact {
    display: block;
    padding-bottom: 0;
  }

  body.member-management-shell-user-site .partner-managed-tree-panel.is-compact {
    min-height: 44px;
    padding: 0;
    overflow: hidden;
  }
}

/* 공통 트리뷰 컴포넌트: 모든 실제 회원 계층 트리의 표시 제어와 52px 복귀 레일을 통일한다. */
.tree-view-standard-open-rail[hidden],
.tree-view-standard-content[hidden] {
  display: none !important;
}

.hierarchy-tree-panel-collapsible > .tree-view-standard-content {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
}

.partner-transfer-tree-controls,
.line-bulk-tree-controls {
  margin: 0;
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
}

.member-create-parent-controls {
  margin: 0;
  padding: 0 var(--space-6) var(--space-6);
}

.partner-transfer-tree-node,
.member-create-parent-option,
.line-bulk-hierarchy-tree .member-tree-node {
  min-height: 42px;
  padding: var(--space-3) var(--space-4);
}

.partner-transfer-tree-panel .tree-view-standard-content {
  height: 100%;
}

.partner-transfer-tree-panel .partner-transfer-tree-tools {
  grid-template-columns: minmax(0, 1fr);
}

.partner-transfer-workspace.tree-collapsed {
  grid-template-columns: 52px minmax(0, 1fr);
}

.partner-transfer-workspace.tree-collapsed .partner-transfer-tree-panel,
.member-create-parent-panel.is-compact,
.line-bulk-hierarchy-panel.is-compact {
  min-height: 560px;
  padding: 0;
  overflow: hidden;
}

.partner-transfer-workspace.tree-collapsed .tree-view-standard-open-rail,
.member-create-parent-panel.is-compact .tree-view-standard-open-rail,
.line-bulk-hierarchy-panel.is-compact .tree-view-standard-open-rail {
  min-height: 100%;
}

.member-create-workspace.has-parent-tree.is-tree-compact,
.line-bulk-hierarchy-workspace.is-tree-compact {
  grid-template-columns: 52px minmax(0, 1fr);
}

@media (max-width: 980px) {
  .partner-transfer-workspace.tree-collapsed {
    grid-template-columns: minmax(0, 1fr);
  }

  .partner-transfer-workspace.tree-collapsed .partner-transfer-tree-panel {
    min-height: 44px;
  }
}

@media (max-width: 980px) {
  .member-create-workspace.has-parent-tree.is-tree-compact {
    grid-template-columns: minmax(0, 1fr);
  }

  .member-create-parent-panel.is-compact {
    min-height: 44px;
  }
}

@media (max-width: 980px) {
  .line-bulk-hierarchy-workspace.is-tree-compact {
    grid-template-columns: minmax(0, 1fr);
  }

  .line-bulk-hierarchy-panel.is-compact {
    min-height: 44px;
  }
}

.member-detail-window[data-member-detail-layout="reference"] .member-stage-profile-control {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-2);
}

.member-detail-window[data-member-detail-layout="reference"] .member-stage-profile-control .button {
  min-height: 34px;
  white-space: nowrap;
}

.dialog.member-stage-dialog {
  width: min(520px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  overflow: hidden;
  padding: var(--space-7);
}

@media (min-width: 768px) {
  .dialog.member-stage-dialog {
    inset-block-start: 72px;
    inset-block-end: auto;
    margin-block: 0;
    margin-inline: 16px auto;
  }
}

.member-stage-dialog .dialog-title-row {
  margin: calc(var(--space-7) * -1) calc(var(--space-7) * -1) var(--space-5);
  padding: var(--space-6) var(--space-7);
}

.member-stage-dialog .dialog-title-row > div {
  min-width: 0;
}

.member-stage-dialog .dialog-title-row h2 {
  margin: 0 0 var(--space-1);
}

.member-stage-dialog .dialog-title-row p {
  margin: 0;
}

.member-stage-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin: 0 0 var(--space-3);
}

.member-stage-toolbar p {
  margin: 0;
  color: var(--color-admin-text-muted);
}

.member-stage-table-wrap {
  max-height: min(66dvh, 720px);
  overflow: auto;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
}

.member-stage-table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

.member-stage-table th,
.member-stage-table td {
  height: 44px;
  padding: var(--space-2) var(--space-4);
  border-bottom: 1px solid var(--color-admin-border);
  text-align: left;
}

.member-stage-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-table-header);
}

.member-stage-table th:first-child {
  width: 96px;
  text-align: center;
}

.member-stage-table th:last-child,
.member-stage-table .member-stage-action-cell {
  width: 88px;
  text-align: center;
}

.member-stage-table tbody tr:last-child > * {
  border-bottom: 0;
}

.member-stage-label-button {
  width: 100%;
  min-height: 34px;
  padding: var(--space-2) var(--space-3);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-strong);
  text-align: left;
  cursor: pointer;
}

.member-stage-label-button:hover,
.member-stage-label-button:focus-visible {
  border-color: var(--color-primary);
  background: var(--color-admin-surface-solid);
}

.member-stage-label-readonly {
  display: block;
  padding: var(--space-2) var(--space-3);
  color: var(--color-admin-text-muted);
}

.member-stage-table form {
  display: grid;
  max-height: none;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-2);
  overflow: visible;
  padding: 0;
  background: none;
}

.member-stage-table input {
  width: 100%;
  min-width: 0;
}

.member-stage-help {
  margin: var(--space-4) 0 0;
  font-size: var(--font-size-sm);
}

@media (max-width: 720px) {
  .dialog.member-stage-dialog {
    width: calc(100vw - var(--space-4) - var(--space-4));
    max-width: calc(100vw - var(--space-4) - var(--space-4));
    padding: var(--space-5);
  }

  .member-stage-dialog .dialog-title-row {
    margin: calc(var(--space-5) * -1) calc(var(--space-5) * -1) var(--space-4);
    padding: var(--space-5);
  }

  .member-stage-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .member-stage-toolbar .button {
    width: 100%;
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-stage-profile-control {
    grid-template-columns: minmax(0, 1fr);
  }

  .member-detail-window[data-member-detail-layout="reference"] .member-stage-profile-control .button {
    width: 100%;
  }
}

/* 사이트 고급관리와 표준 사이트관리 화면은 기존 관리자 토큰과 공통 폼/테이블을 그대로 확장한다. */
.site-advanced-tabs {
  display: flex;
  width: 100%;
  min-width: 0;
  gap: 0;
  overflow-x: auto;
  padding: var(--space-6) var(--space-8) 0;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

.site-advanced-tab {
  min-height: var(--control-height-md);
  flex: 0 0 auto;
  margin-right: -1px;
  padding: 0 var(--space-7);
  border: 1px solid var(--color-admin-border-strong);
  border-radius: 0;
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text);
  font-size: var(--font-size-sm);
  font-weight: 800;
  white-space: nowrap;
}

.site-advanced-tab:first-child {
  border-radius: var(--radius-sm) 0 0 0;
}

.site-advanced-tab:last-child {
  border-radius: 0 var(--radius-sm) 0 0;
}

.site-advanced-tab:hover,
.site-advanced-tab:focus-visible {
  position: relative;
  z-index: 1;
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.site-advanced-tab.active {
  position: relative;
  z-index: 2;
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.site-management-view {
  min-width: 0;
  overflow: hidden;
  background: var(--color-admin-surface-muted);
}

.site-management-view > .admin-page-header,
.site-management-view > .section-header {
  margin: 0;
  border-width: 0 0 1px;
  border-radius: 0;
  box-shadow: none;
}

.site-management-view .site-management-create-form {
  max-width: none;
}

.site-management-view .site-management-create-form[hidden] {
  display: none !important;
}

.site-management-create-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-6);
  padding: var(--space-7) var(--space-8);
}

.site-management-create-grid .field {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: var(--space-3);
  margin: 0;
}

.site-management-create-grid .field > span {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.site-management-create-grid :is(input, select) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.site-management-create-grid .site-management-wide-field {
  grid-column: span 2;
}

.site-management-view .site-management-filter-toolbar {
  grid-template-columns: minmax(128px, 0.35fr) minmax(240px, 1fr) minmax(112px, 0.3fr) auto;
  align-items: end;
  margin: 0 var(--space-8) var(--space-6);
  padding: var(--space-6);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface);
}

.site-management-view .site-management-filter-toolbar :is(input, select) {
  min-width: 0;
}

.site-management-view .site-management-table-wrap {
  width: auto;
  max-width: none;
  margin: 0 var(--space-8);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface);
}

.site-management-view .site-management-table {
  width: 100%;
  border-collapse: collapse;
}

.site-management-view .site-management-admin-table {
  min-width: 980px;
}

.site-management-view .site-management-domain-table {
  min-width: 760px;
}

.site-management-view .site-management-change-log-table {
  min-width: 960px;
}

.site-management-view .site-management-table :is(input, select) {
  box-sizing: border-box;
  width: 100%;
  min-width: 112px;
}

.site-management-view .site-management-table .memo-input {
  min-width: 180px;
}

.site-management-permission {
  display: inline-flex;
  max-width: 260px;
  align-items: center;
  min-height: 28px;
  padding: 0 var(--space-3);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-pill);
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text);
  font-size: var(--font-size-xs);
  font-weight: 800;
  white-space: normal;
}

.site-management-view .admin-readonly-notice {
  margin: var(--space-8) var(--space-8) 0;
}

.site-management-view :is(
  .site-management-domain-pagination,
  .site-management-admin-pagination
) {
  margin: var(--space-6) var(--space-8) var(--space-8);
}

.site-management-settings-view .site-management-settings-form {
  max-width: none;
}

.site-management-settings-view .site-management-settings-group + .site-management-settings-group {
  margin-top: 0;
}

.site-management-policy-fields {
  max-width: 680px;
}

.site-management-number-control {
  display: inline-flex;
  width: min(100%, 280px);
  align-items: center;
  gap: var(--space-3);
}

.site-management-number-control input {
  width: 100%;
  min-width: 0;
}

.site-management-number-control span {
  flex: 0 0 auto;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.site-management-readonly-value {
  display: inline-flex;
  min-height: var(--control-height-sm);
  align-items: center;
  padding: 0 var(--space-5);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

.site-management-settings-view .site-management-settings-actions {
  position: sticky;
  bottom: 0;
  z-index: 2;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface);
}

.site-management-change-log-view {
  min-width: 0;
}

.site-management-change-log-view .admin-utility-filter-toolbar {
  margin: var(--space-8);
}

.site-management-change-log-view .site-management-table-wrap {
  margin-bottom: var(--space-6);
}

.site-management-change-log-table td:first-child strong,
.site-management-change-log-table td:first-child .muted {
  display: block;
}

.site-management-change-value {
  max-width: 320px;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .site-advanced-tabs {
    padding-right: var(--space-6);
    padding-left: var(--space-6);
  }

  .site-management-create-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-management-view .site-management-filter-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .site-advanced-tabs {
    padding: var(--space-5) var(--space-4) 0;
  }

  .site-advanced-tab {
    min-height: var(--control-height-sm);
    padding: 0 var(--space-5);
  }

  .site-management-view .environment-settings-form {
    padding: var(--space-5);
  }

  .site-management-create-grid,
  .site-management-view .site-management-filter-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .site-management-create-grid {
    padding: var(--space-6);
  }

  .site-management-create-grid .site-management-wide-field {
    grid-column: auto;
  }

  .site-management-view .site-management-filter-toolbar,
  .site-management-view .site-management-table-wrap,
  .site-management-change-log-view .admin-utility-filter-toolbar {
    margin-right: var(--space-4);
    margin-left: var(--space-4);
  }

  .site-management-view :is(
    .site-management-domain-pagination,
    .site-management-admin-pagination
  ) {
    margin-right: var(--space-4);
    margin-left: var(--space-4);
  }

  .site-management-view .environment-settings-panel-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-6);
  }
}

/* Admin desktop density is sized for the browser's native 100% zoom. */
@media (min-width: 981px) {
  .app-shell {
    --control-height-md: 34px;
    --layout-sidebar-width: 208px;
    --layout-admin-header-height: 132px;
    --layout-admin-table-min-width: 920px;
    --layout-admin-table-wide-min-width: 1240px;
    --layout-admin-table-sticky-key-width: 144px;
    --layout-admin-table-cell-padding-y: var(--space-3);
    --layout-admin-table-cell-padding-x: var(--space-5);
    --layout-admin-table-header-height: 36px;
    --layout-admin-table-row-with-meta-height: 56px;
    --layout-content-padding-x: 20px;
    --layout-content-padding-y: 16px;
    position: relative;
  }

  .app-shell::after {
    position: absolute;
    top: calc(var(--layout-admin-header-height) - 1px);
    right: 0;
    left: 0;
    z-index: 160;
    height: 1px;
    background: var(--color-sidebar-accent);
    content: "";
    pointer-events: none;
  }

  .app-shell .brand,
  .app-shell .topbar {
    border-bottom-color: transparent;
  }

  .app-shell .topbar-summary {
    height: calc(var(--layout-admin-header-height) - var(--space-4));
    align-self: start;
  }

  .app-shell .topbar {
    grid-template-columns: minmax(0, 1fr) 108px;
    padding: var(--space-3) var(--space-5);
  }

  .app-shell .topbar-utility {
    grid-template-rows: auto 34px;
  }

  .app-shell .topbar-utility .topbar-alert-controls {
    grid-template-rows: repeat(2, 34px);
  }

  .app-shell .topbar-utility .topbar-alert-enable,
  .app-shell .topbar-utility .topbar-alert-controls .topbar-alert-icon:not(.topbar-alert-enable) {
    height: 34px;
    min-height: 34px;
  }

  .app-shell .topbar-current-clock {
    height: 34px;
    min-height: 34px;
  }

  .app-shell .nav {
    gap: var(--space-2);
    padding: var(--space-4);
  }

  .app-shell .nav-group-toggle {
    min-height: 38px;
    padding: var(--space-4);
  }

  .app-shell .nav-group-items {
    gap: var(--space-1);
    padding: var(--space-2) var(--space-3) var(--space-3) var(--space-4);
  }

  .app-shell .nav-button {
    padding: var(--space-3) var(--space-4);
  }

  .app-shell .page {
    gap: var(--space-6);
  }

  .app-shell .admin-page-header {
    min-height: 56px;
    padding-block: var(--space-4);
  }

  .app-shell .section > .section-header {
    gap: var(--space-4);
    padding: var(--space-5) var(--space-6);
  }

  .partner-tree-view .partner-tree-shell.member-tree-layout:not(.is-tree-compact) {
    grid-template-columns: 300px minmax(0, 1fr);
    min-height: 540px;
  }

  .partner-tree-view .partner-tree-side.member-tree-panel:not(.is-compact) {
    min-height: 540px;
    max-height: 660px;
    padding: var(--space-4);
  }

  .partner-tree-view .partner-tree-list {
    max-height: 640px;
  }

  .partner-tree-view .partner-tree-toolbar.member-tree-toolbar.river-member-tree-toolbar {
    gap: var(--space-4);
    padding: var(--space-5);
  }

  .partner-tree-view .river-member-tree-search-group select[name="treeSearchType"] {
    width: 92px;
    min-width: 92px;
    max-width: 92px;
  }

  .partner-tree-view .river-member-tree-search-group [data-member-tree-site] {
    min-width: 96px;
    max-width: 120px;
  }

  .partner-tree-view .river-member-tree-operation-group select {
    min-width: 112px;
  }

  .partner-tree-view .partner-tree-toolbar .partner-tree-search-button,
  .partner-tree-view .partner-tree-toolbar .partner-tree-date-search-button {
    width: 64px;
    min-width: 64px;
  }

  .river-member-tree-search-group.river-member-tree-search-controls,
  .settlement-member-search-form.river-member-tree-search-controls {
    grid-template-columns: 92px minmax(0, 1fr) 64px;
  }

  .river-member-tree-search-controls > .river-member-tree-search-type {
    width: 92px;
    min-width: 92px;
    max-width: 92px;
  }

  .river-member-tree-search-controls > .river-member-tree-search-button {
    width: 64px;
    min-width: 64px;
    max-width: 64px;
  }

  .partner-tree-view .river-member-tree-range-menu {
    width: 300px;
  }

  .partner-tree-view .river-member-tree-range-menu > summary {
    width: 100%;
    min-width: 300px !important;
  }

  .partner-tree-view .river-member-tree-range-popover {
    right: 0;
    left: auto;
  }

  .partner-tree-view .partner-tree-downline {
    padding: var(--space-5);
  }

  .partner-tree-view .partner-tree-table {
    min-width: 1040px;
  }

  .partner-tree-view .partner-tree-table th:nth-child(1) { width: 48px; }
  .partner-tree-view .partner-tree-table th:nth-child(2) { width: 180px; }
  .partner-tree-view .partner-tree-table th:nth-child(3),
  .partner-tree-view .partner-tree-table th:nth-child(4),
  .partner-tree-view .partner-tree-table th:nth-child(5),
  .partner-tree-view .partner-tree-table th:nth-child(6),
  .partner-tree-view .partner-tree-table th:nth-child(7) { width: 72px; }
  .partner-tree-view .partner-tree-table th:nth-child(8) { width: 52px; }
  .partner-tree-view .partner-tree-table th:nth-child(9),
  .partner-tree-view .partner-tree-table th:nth-child(10),
  .partner-tree-view .partner-tree-table th:nth-child(11),
  .partner-tree-view .partner-tree-table th:nth-child(12),
  .partner-tree-view .partner-tree-table th:nth-child(13) { width: 72px; }
  .partner-tree-view .partner-tree-table th:nth-child(14) { width: 92px; }
}

@media (min-width: 1181px) and (max-width: 1600px) {
  .partner-tree-view .partner-tree-toolbar.member-tree-toolbar.river-member-tree-toolbar {
    grid-template-columns: calc(300px - var(--space-6) - var(--space-5)) minmax(0, 1fr);
  }

  .partner-tree-view .river-member-tree-search-group:has([data-member-tree-site]) {
    grid-template-columns: 92px minmax(0, 1fr) 64px;
  }
}

@media (min-width: 1601px) {
  .partner-tree-view .partner-tree-reference-panel:has([data-member-tree-site]) {
    --river-member-tree-multisite-width: 300px;
  }

  .partner-tree-view .river-member-tree-search-group:has([data-member-tree-site]) {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) 64px;
  }

  .partner-tree-view .river-member-tree-search-group:has([data-member-tree-site]) [data-member-tree-site] {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
  }

  .partner-tree-view .partner-tree-toolbar.member-tree-toolbar.river-member-tree-toolbar {
    grid-template-columns: calc(300px - var(--space-6) - var(--space-5)) auto minmax(0, 1fr);
  }
}

@media (min-width: 1920px) {
  .app-shell {
    --layout-sidebar-width: 216px;
    --layout-admin-table-min-width: 960px;
    --layout-admin-table-wide-min-width: 1280px;
    --layout-content-padding-x: 22px;
    --layout-content-padding-y: 18px;
  }
}

@media (min-width: 2560px) {
  .app-shell {
    --layout-sidebar-width: 224px;
    --layout-admin-table-min-width: 1040px;
    --layout-admin-table-wide-min-width: 1420px;
    --layout-admin-table-sticky-key-width: 156px;
    --layout-content-padding-x: 28px;
    --layout-content-padding-y: 20px;
  }
}

@media (min-width: 3840px) {
  .app-shell {
    --layout-sidebar-width: 232px;
    --layout-admin-table-min-width: 1120px;
    --layout-admin-table-wide-min-width: 1680px;
    --layout-admin-table-sticky-key-width: 168px;
    --layout-content-padding-x: 32px;
    --layout-content-padding-y: 22px;
  }
}

/* 관리자 바디 옵션 2: 평면 제목 아래의 본문을 하나의 흰 표면과 내부 구분선으로 통합한다. */
body:has(.app-shell) {
  background: var(--color-admin-body-option-two-canvas);
  scrollbar-color: var(--color-admin-border-strong) var(--color-admin-body-option-two-canvas);
}

body:has(.app-shell)::-webkit-scrollbar-track {
  background: var(--color-admin-body-option-two-canvas);
}

body:has(.app-shell)::-webkit-scrollbar-thumb {
  border-color: var(--color-admin-body-option-two-canvas);
}

.app-shell {
  --color-admin-canvas: var(--color-admin-body-option-two-canvas);
  --color-admin-canvas-bottom: var(--color-admin-body-option-two-canvas);
}

.app-shell .admin-page-header {
  min-height: 60px;
  padding: var(--space-4) var(--space-2) var(--space-5);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.app-shell .admin-page-header h1 {
  font-weight: 700;
}

.app-shell .admin-page-header-description {
  max-width: 720px;
  line-height: 1.5;
}

.app-shell #page > [class*="-view"] > .admin-page-header + * {
  margin-top: var(--space-5);
}

.app-shell .admin-report-view :is(
  .settlement-summary-page-title,
  .member-statistics-page-title,
  .vendor-settlement-page-title,
  .commission-log-page-title,
  .rate-adjustment-page-title
) {
  min-height: 60px;
  padding: var(--space-4) var(--space-2) var(--space-5);
  border: 0;
  background: transparent;
  box-shadow: none;
}

.app-shell #page > .section {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.app-shell #page > .section > .admin-option-two-body,
.app-shell #page > .section:has(> .empty:only-child) {
  min-width: 0;
  border: 1px solid var(--color-admin-border);
  border-radius: 8px;
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-admin-body-surface);
}

.app-shell #page > .section > .admin-option-two-body > :first-child {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.app-shell #page > .section > .admin-option-two-body > :last-child {
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}

.app-shell #page > .section:hover {
  border-color: transparent;
}

.app-shell #page > .section > .section-header {
  min-height: 60px;
  padding: var(--space-4) var(--space-2) var(--space-5);
  border: 0;
  background: transparent;
}

#app .app-shell #page > .section > .admin-option-two-body > :is(.admin-query-bar, .table-wrap, .admin-table-wrap) {
  border-right: 0 !important;
  border-left: 0 !important;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.app-shell #page > .section > .admin-option-two-body > .admin-pagination-wrap {
  background: transparent;
}

.app-shell :is(.section .section, .settings-group, .member-reference-panel):not(.bling-member-list-panel) {
  border-color: var(--color-admin-border);
  border-radius: 8px;
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-admin-body-surface);
  backdrop-filter: none;
}

.app-shell .section:hover,
.app-shell .metric:hover {
  border-color: var(--color-admin-border);
}

.app-shell .admin-query-bar {
  border: 1px solid var(--color-admin-border);
  border-radius: 8px;
  background: var(--color-admin-surface);
  box-shadow: none;
}

#app .app-shell :is(.table-wrap, .admin-table-wrap) {
  border: 1px solid var(--color-admin-border) !important;
  border-radius: 8px;
  background: var(--color-admin-surface);
}

#app .app-shell :is(.table-wrap, .admin-table-wrap) > table tr > * {
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom-color: var(--color-admin-table-divider) !important;
}

#app .app-shell :is(.table-wrap, .admin-table-wrap) > table thead th {
  background: var(--color-admin-surface-subtle);
}

.app-shell :is(.badge, .status-badge) {
  border-radius: var(--radius-pill);
}

/* 관리자 본문 표에서는 상태와 분류를 색상 글자로만 보여 준다. */
#app .app-shell #page.admin-body-screen table tbody :is(
  [class*="badge"],
  [class*="status-pill"],
  [class*="status-tag"],
  [class*="status-chip"],
  .bling-message-status,
  .bling-support-answer,
  .bling-support-visibility,
  .bling-support-login,
  .popup-bling-status,
  .site-management-permission,
  .rate-adjustment-pill,
  .event-board-visibility,
  .money-policy-level-status,
  .member-tree-role
) {
  min-height: 0;
  padding: 0;
  border-color: transparent;
  border-radius: 0;
  background: transparent;
}

#app .app-shell #page.admin-body-screen table tbody .bling-message-status,
#app .app-shell #page.admin-body-screen table tbody .bling-support-visibility {
  color: var(--color-bling-message-unread);
}

#app .app-shell #page.admin-body-screen table tbody :is(.bling-message-status.read, .bling-support-answer.answered) {
  color: var(--color-bling-message-read);
}

#app .app-shell #page.admin-body-screen table tbody :is(.bling-message-status.hidden, .bling-support-visibility.hidden) {
  color: var(--color-bling-delete);
}

#app .app-shell #page.admin-body-screen table tbody .bling-support-answer.pending {
  color: var(--color-bling-support-answer-pending);
}

#app .app-shell #page.admin-body-screen table tbody .bling-support-visibility.visible,
#app .app-shell #page.admin-body-screen table tbody .bling-support-login {
  color: var(--color-bling-support-login);
}

#app .app-shell #page.admin-body-screen table tbody .bling-support-login.offline {
  color: var(--color-bling-target-button);
}

#app .app-shell #page.admin-body-screen table tbody .popup-bling-status {
  color: var(--color-bling-popup-status);
}

#app .app-shell #page.admin-body-screen table tbody .popup-bling-status.hidden {
  color: var(--color-bling-target-button);
}

#app .app-shell #page.admin-body-screen table tbody :is(.event-board-visibility.published, .rate-adjustment-pill.active) {
  color: var(--color-success);
}

#app .app-shell #page.admin-body-screen table tbody :is(.event-board-visibility.hidden, .rate-adjustment-pill.cancelled) {
  color: var(--color-danger);
}

#app .app-shell #page.admin-body-screen table tbody .rate-adjustment-pill.line {
  color: var(--color-report-alert-red);
}

#app .app-shell #page.admin-body-screen table tbody .rate-adjustment-pill.slot {
  color: var(--color-report-alert-orange);
}

#app .app-shell #page.admin-body-screen table tbody .rate-adjustment-pill.casino {
  color: var(--color-report-alert-blue);
}

#app .app-shell #page.admin-body-screen table tbody .rate-adjustment-pill.closed {
  color: var(--color-report-alert-gray);
}

#app .app-shell #page.admin-body-screen table tbody .member-tree-role {
  color: var(--color-partner-tree-badge);
}

/* 관리자 표의 회원 식별정보는 카드 없이 아이디와 닉네임만 보이게 한다. */
#app .app-shell #page.admin-body-screen table tbody :is(
  .bling-message-recipient,
  .bling-member-identity-card,
  .inactive-member-identity
) {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

#app .app-shell #page.admin-body-screen table tbody :is(
  .bling-message-recipient,
  .bling-member-identity-card,
  .inactive-member-identity
) :is(strong, span, small, b) {
  padding: 0;
  border-radius: 0;
  background: transparent;
}

#app .app-shell #page.admin-body-screen table thead :is(.table-sort, .table-sort-button),
#app .app-shell #page.admin-body-screen table thead :is(.table-sort, .table-sort-button):hover,
#app .app-shell #page.admin-body-screen table thead :is(.table-sort, .table-sort-button).active {
  background: transparent;
}

/* 회원목록 대표 화면: 상태, 검색, 목록, 페이지를 하나의 흰 패널 안에서 구분선으로 잇는다. */
.app-shell .bling-member-list-panel {
  overflow: visible;
  border: 1px solid var(--color-admin-border);
  border-radius: 8px;
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-admin-body-surface);
}

.app-shell .bling-member-list-view .member-list-top {
  display: block;
  margin: 0;
}

.app-shell .bling-member-list-view .member-list-header.member-status-overview {
  min-height: 52px;
  padding: var(--space-3) var(--space-5);
  border: 0;
  border-bottom: 1px solid var(--color-admin-border);
  border-radius: 0;
  background: var(--color-admin-surface);
  box-shadow: none;
}

.app-shell .bling-member-list-view .member-status-overview .member-list-heading {
  width: 100%;
  flex: 1 1 auto;
  justify-content: flex-start;
  gap: var(--space-4);
}

.app-shell .bling-member-list-view .member-list-header .member-status-tabs {
  min-width: 0;
  flex: 0 1 auto;
  flex-wrap: nowrap;
  gap: var(--space-1);
  overflow-x: auto;
  background: transparent;
  scrollbar-width: thin;
}

.app-shell .bling-member-list-view .member-list-header .member-status-tab {
  display: inline-flex;
  min-height: 30px;
  flex: 0 0 auto;
  align-items: center;
  padding: 0 var(--space-3);
  border-color: var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface);
  color: var(--color-admin-text-muted);
}

.app-shell .bling-member-list-view .member-list-header .member-status-tab:not([data-member-status-tab=""])::before {
  content: none;
}

.app-shell .bling-member-list-view .member-list-header .member-status-tab:hover,
.app-shell .bling-member-list-view .member-list-header .member-status-tab.active {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-surface-muted);
  color: var(--color-primary);
}

.app-shell .bling-member-list-view :is(.bling-member-filter, .toolbar.bling-member-filter) {
  border: 0;
  border-bottom: 1px solid var(--color-admin-border);
  border-radius: 0;
  background: var(--color-admin-surface);
  box-shadow: none;
}

.app-shell .bling-member-list-view .member-filter-primary-row {
  min-height: 58px;
  padding: var(--space-3) 58px var(--space-3) var(--space-5);
}

.app-shell .bling-member-list-view .member-filter-advanced-controls {
  border-top-color: var(--color-admin-border);
  background: var(--color-admin-surface);
}

.app-shell .bling-member-list-view .member-list-action-bar {
  min-height: 52px;
  padding: var(--space-3) var(--space-5);
  border: 0;
  border-bottom: 1px solid var(--color-admin-border);
  border-radius: 0;
  background: var(--color-admin-surface);
}

.app-shell .bling-member-list-view .member-list-batch-actions .button.secondary {
  border-color: var(--color-admin-border);
  background: var(--color-admin-surface);
  color: var(--color-admin-text);
}

.app-shell .bling-member-list-view .member-list-batch-actions .button.secondary:hover {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-surface-muted);
  color: var(--color-primary);
}

#app .app-shell .bling-member-list-view .member-list-wrap {
  border: 0 !important;
  border-radius: 0;
}

.app-shell .bling-member-list-view.river-member-list-view table.member-list-table {
  min-width: 1380px;
}

.app-shell:not(.partner-admin-shell) .bling-member-list-view.river-member-list-view table.member-list-table {
  min-width: 1600px;
}

#app .app-shell .bling-member-list-view.river-member-list-view table.member-list-table :is(th, td)[data-member-column="rate"] {
  width: 112px;
  text-align: center !important;
}

#app .app-shell .bling-member-list-view.river-member-list-view table.member-list-table :is(th, td)[data-member-column="money"],
#app .app-shell .bling-member-list-view.river-member-list-view table.member-list-table :is(th, td)[data-member-column="point"] {
  width: 118px;
}

#app .app-shell:not(.partner-admin-shell) .bling-member-list-view.river-member-list-view table.member-list-table :is(th, td)[data-member-column="deposit"],
#app .app-shell:not(.partner-admin-shell) .bling-member-list-view.river-member-list-view table.member-list-table :is(th, td)[data-member-column="withdraw"] {
  width: 82px;
}

#app .app-shell:not(.partner-admin-shell) .bling-member-list-view.river-member-list-view table.member-list-table :is(th, td)[data-member-column="profit"] {
  width: 95px;
}

#app .app-shell:not(.partner-admin-shell) .bling-member-list-view.river-member-list-view table.member-list-table :is(th, td)[data-member-column="login_fail"] {
  width: 64px;
}

#app .app-shell:not(.partner-admin-shell) .bling-member-list-view.river-member-list-view table.member-list-table :is(th, td)[data-member-column="joined"],
#app .app-shell:not(.partner-admin-shell) .bling-member-list-view.river-member-list-view table.member-list-table :is(th, td)[data-member-column="last_login"],
#app .app-shell:not(.partner-admin-shell) .bling-member-list-view.river-member-list-view table.member-list-table :is(th, td)[data-member-column="last_money"] {
  width: 132px;
  padding-right: 4px;
  padding-left: 4px;
}

#app .app-shell:not(.partner-admin-shell) .bling-member-list-view.river-member-list-view table.member-list-table :is(th, td)[data-member-column="status"] {
  width: 84px;
}

#app .app-shell:not(.partner-admin-shell) .bling-member-list-view.river-member-list-view table.member-list-table :is(th, td)[data-member-column="actions"] {
  width: 58px;
}

#app .app-shell .bling-member-list-view.river-member-list-view table.member-list-table td[data-member-column="username"] {
  text-align: center !important;
}

.app-shell .bling-member-list-view.river-member-list-view .river-member-identity {
  width: 100%;
  justify-content: center;
}

.app-shell .bling-member-list-view.river-member-list-view .river-member-identity-link {
  display: grid;
  width: 100%;
  justify-items: center;
  gap: 2px;
  text-align: center;
  white-space: normal;
}

.app-shell .bling-member-list-view.river-member-list-view .river-member-identity-link strong,
.app-shell .bling-member-list-view.river-member-list-view .river-member-identity-link small {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-shell .bling-member-list-view.river-member-list-view .river-member-identity-link strong {
  color: inherit;
  font-size: 12px;
  font-weight: 800;
}

.app-shell .bling-member-list-view.river-member-list-view .river-member-identity-link small {
  color: inherit;
  font-size: 11px;
  font-weight: 500;
}

.member-list-rate-trigger,
.member-list-rate-summary {
  display: grid;
  width: 100%;
  min-width: 0;
  gap: 4px;
}

.member-list-rate-trigger {
  padding: 4px 5px;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-admin-text);
  cursor: help;
  font: inherit;
}

.member-list-rate-trigger:hover,
.member-list-rate-trigger:focus-visible,
.member-list-rate-trigger[aria-expanded="true"] {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-surface-muted);
  outline: 0;
}

.member-list-rate-line,
.member-list-rate-summary > span {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  font-variant-numeric: tabular-nums;
}

.member-list-rate-line small,
.member-list-rate-summary > span small {
  overflow: hidden;
  color: var(--color-admin-text-muted);
  font-size: 10px;
  font-weight: 600;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-list-rate-line strong,
.member-list-rate-summary > span strong {
  color: var(--color-admin-text-strong);
  font-size: 11px;
  font-weight: 700;
  text-align: right;
}

.member-list-rate-unavailable {
  font-size: 11px;
}

.bling-member-wallet-actions button {
  gap: 1px;
}

.bling-member-wallet-actions button .material-symbols-outlined {
  font-size: 13px;
}

.member-list-rate-hover-panel {
  position: fixed;
  z-index: 460;
  width: min(290px, calc(100vw - 16px));
  max-height: min(480px, calc(100vh - 16px));
  overflow: auto;
  box-sizing: border-box;
  border: 1px solid var(--color-admin-dark-panel-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-dark-panel);
  box-shadow: var(--shadow-sidebar-flyout);
  color: var(--color-admin-dark-shell-text);
  font-size: 12px;
}

.member-list-rate-hover-panel[hidden] {
  display: none;
}

.member-list-rate-hover-title {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 9px 11px;
  border-bottom: 1px solid var(--color-admin-dark-panel-border);
  background: var(--color-admin-dark-panel-strong);
  color: var(--color-admin-dark-shell-title);
  font-size: 13px;
  font-weight: 800;
}

.member-list-rate-hover-body {
  display: block;
}

.river-member-rate-detail-summary {
  display: grid;
  gap: 0;
}

.river-member-rate-detail-row {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px 11px;
  border-bottom: 1px solid var(--color-admin-dark-panel-line);
}

.river-member-rate-detail-row:last-child {
  border-bottom: 0;
}

.river-member-rate-detail-row > span {
  overflow: hidden;
  color: var(--color-admin-dark-shell-text);
  font-size: 11px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.river-member-rate-detail-row > strong {
  color: var(--color-admin-dark-shell-title);
  font-size: 12px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.member-list-rate-hover-loading,
.member-list-rate-hover-error {
  margin: 0;
  padding: 11px;
  color: var(--color-admin-dark-shell-muted);
}

#app .app-shell .bling-member-list-view table.member-list-table th,
#app .app-shell .bling-member-list-view table.member-list-table td {
  border-right: 0 !important;
  border-bottom: 1px solid var(--color-admin-table-divider) !important;
}

#app .app-shell .bling-member-list-view table.member-list-table th:nth-child(4),
#app .app-shell .bling-member-list-view table.member-list-table td:nth-child(4) {
  box-shadow: 1px 0 0 var(--color-admin-table-divider);
}

#app .app-shell .bling-member-list-view table.member-list-table tbody tr.member-status-row-suspended td {
  background: var(--color-admin-surface);
}

#app .app-shell .bling-member-list-view table.member-list-table tbody tr.member-status-row-suspended td:nth-child(4) {
  background: var(--color-admin-surface);
}

.app-shell .bling-member-list-view .member-row-status-form select.member-status-select {
  width: 74px;
  min-width: 74px;
  border-color: var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface);
  color: var(--color-admin-text);
  font-weight: 700;
  text-align: center;
}

.app-shell .bling-member-list-view .member-row-status-form select.member-status-select-active,
.app-shell .bling-member-list-view .member-row-status-form select.member-status-select-pending,
.app-shell .bling-member-list-view .member-row-status-form select.member-status-select-suspended,
.app-shell .bling-member-list-view .member-row-status-form select.member-status-select-deleted {
  border-color: var(--color-admin-border);
  background: var(--color-admin-surface);
  color: var(--color-admin-text);
}

.app-shell .bling-member-list-view .bling-member-footer {
  border: 0;
  border-radius: 0;
  background: var(--color-admin-surface);
}

.app-shell .bling-member-list-view .bling-member-footer .admin-pagination-wrap {
  padding: 0;
  border: 0;
  background: transparent;
}

@media (min-width: 981px) {
  .app-shell .bling-member-list-view .admin-page-header-title-group {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-4);
  }

  .app-shell .bling-member-list-view .admin-page-header-description {
    margin: 0;
  }
}

@media (min-width: 981px) and (max-width: 1800px) {
  .app-shell .bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(2) {
    width: 88px;
  }

  .app-shell .bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(4),
  .app-shell .bling-member-list-view.river-member-list-view table.member-list-table td:nth-child(4) {
    width: 190px;
    min-width: 190px;
    max-width: 190px;
  }

  .app-shell .bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(12),
  .app-shell .bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(13) {
    width: 120px;
  }

  .app-shell .bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(14) {
    width: 140px;
  }

  .app-shell .bling-member-list-view.river-member-list-view table.member-list-table th:nth-child(15) {
    width: 78px;
  }
}

@media (max-width: 980px) {
  .app-shell .bling-member-list-view .member-status-overview .member-list-heading {
    align-items: flex-start;
    flex: 0 0 auto;
    flex-direction: column;
    gap: var(--space-3);
  }

  .app-shell .bling-member-list-view .member-list-header .member-status-tabs {
    width: 100%;
    flex: 0 0 auto;
  }
}

@media (max-width: 620px) {
  .app-shell .admin-page-header {
    align-items: start;
    gap: var(--space-3);
    padding-right: 0;
    padding-left: 0;
  }

  .app-shell .admin-page-header-actions .button {
    min-width: 72px;
  }

  .app-shell .bling-member-list-view .member-list-header.member-status-overview,
  .app-shell .bling-member-list-view .member-filter-primary-row,
  .app-shell .bling-member-list-view .member-list-action-bar {
    padding-right: var(--space-4);
    padding-left: var(--space-4);
  }

  .app-shell .bling-member-list-view .member-filter-display-controls,
  .app-shell .bling-member-list-view .member-filter-search-controls,
  .app-shell .bling-member-list-view .member-list-batch-actions {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-shell .bling-member-list-view .member-filter-display-controls select,
  .app-shell .bling-member-list-view .member-filter-display-controls .button,
  .app-shell .bling-member-list-view .member-filter-search-controls select,
  .app-shell .bling-member-list-view .member-list-batch-actions .button {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .app-shell .bling-member-list-view .member-filter-search-controls input[name="search"],
  .app-shell .bling-member-list-view .member-filter-search-controls .bling-member-search-button {
    width: 100%;
    max-width: none;
    grid-column: 1 / -1;
  }
}

/* 관리자 바디 내부 통일 대표 시안: 기존 기능형 컴포넌트는 유지하고 외곽 패널과 구분 규칙만 맞춘다. */
.app-shell .dashboard-prototype-view > .admin-option-two-body {
  overflow: hidden;
}

.app-shell .dashboard-prototype-view .dashboard-view {
  gap: 0;
  background: var(--color-admin-surface);
}

.app-shell .dashboard-prototype-view .dashboard-view > * {
  min-width: 0;
  margin: 0;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

.app-shell .dashboard-prototype-view .dashboard-view > :last-child {
  border-bottom: 0;
}

.app-shell .dashboard-prototype-view :is(
  .dashboard-profit-grid,
  .dashboard-work-queue,
  .dashboard-kpi-grid,
  .dashboard-daily-grid,
  .dashboard-control-row,
  .dashboard-bottom-grid
) {
  gap: 0;
}

.app-shell .dashboard-prototype-view :is(
  .dashboard-profit-panel,
  .dashboard-queue-panel,
  .dashboard-panel,
  .dashboard-analytics-board,
  .dashboard-kpi-card,
  .dashboard-daily-card,
  .dashboard-bottom-panel
) {
  border: 0;
  border-right: 1px solid var(--color-admin-border);
  border-radius: 0;
  background: var(--color-admin-surface);
  box-shadow: none;
}

.app-shell .dashboard-prototype-view :is(
  .dashboard-profit-panel,
  .dashboard-queue-panel,
  .dashboard-kpi-card,
  .dashboard-daily-card,
  .dashboard-bottom-panel
):last-child {
  border-right: 0;
}

.app-shell .dashboard-prototype-view :is(
  .dashboard-profit-heading,
  .dashboard-bottom-heading,
  .dashboard-queue-summary
) {
  background: var(--color-admin-surface-subtle);
}

.app-shell .dashboard-prototype-view :is(
  .dashboard-kpi-card,
  .dashboard-kpi-card.accent,
  .dashboard-kpi-card.danger,
  .dashboard-daily-card
) {
  min-height: 96px;
  padding: var(--space-6);
  border-top: 0;
  border-left: 0;
}

.app-shell .dashboard-prototype-view .dashboard-kpi-card.dark {
  border-color: var(--color-admin-border);
  background: var(--color-admin-surface);
  color: var(--color-admin-text);
}

.app-shell .dashboard-prototype-view .dashboard-kpi-card.dark :is(span, small, strong) {
  color: inherit;
}

.app-shell .dashboard-prototype-view .dashboard-analytics-layout {
  background: var(--color-admin-surface);
}

.app-shell .dashboard-prototype-view .dashboard-analytics-card {
  padding: var(--space-6);
}

.app-shell .dashboard-prototype-view .dashboard-bottom-grid {
  margin-top: 0;
}

/* 시스템 설정: 요약과 설정 항목을 카드 묶음이 아닌 평면 행/열로 연결한다. */
.app-shell .admin-body-settings-prototype .admin-option-two-body {
  overflow: hidden;
}

.app-shell .admin-body-settings-prototype .admin-option-two-body > :is(
  .site-policy-tabs,
  .site-advanced-tabs,
  .site-settings-summary,
  .detail-grid,
  .base-settings-custom-form,
  .admin-readonly-notice,
  .admin-utility-wrap
) {
  margin: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  box-shadow: none;
}

.app-shell .admin-body-settings-prototype .site-settings-summary {
  gap: 0;
  padding: 0;
  border-top: 0;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

.app-shell .admin-body-settings-prototype .site-settings-card,
.app-shell .admin-body-settings-prototype .site-settings-card.success,
.app-shell .admin-body-settings-prototype .site-settings-card.warning,
.app-shell .admin-body-settings-prototype .site-settings-card.danger {
  gap: var(--space-2);
  padding: var(--space-5);
  border: 0;
  border-right: 1px solid var(--color-admin-border);
  border-radius: 0;
  background: var(--color-admin-surface);
}

.app-shell .admin-body-settings-prototype .site-settings-card:last-child {
  border-right: 0;
}

.app-shell .admin-body-settings-prototype .site-settings-card strong {
  font-size: var(--font-size-lg);
}

.app-shell .admin-body-settings-prototype .detail-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid var(--color-admin-border);
}

.app-shell .admin-body-settings-prototype .detail-item {
  min-height: 154px;
  padding: var(--space-5);
  border-right: 1px solid var(--color-admin-border);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

.app-shell .admin-body-settings-prototype .detail-item:nth-child(3n) {
  border-right: 0;
}

.app-shell .admin-body-settings-prototype .detail-item :is(input, select, button) {
  min-height: 36px;
}

.app-shell .admin-body-settings-prototype .base-settings-custom-form {
  padding: var(--space-4) var(--space-5);
  border-top: 0;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

#app .app-shell .admin-body-settings-prototype .admin-utility-wrap {
  border: 0 !important;
}

/* 회원별 통계: 셀 배경색을 비우고 값 자체에만 의미색을 남긴다. */
.app-shell .admin-body-statistics-prototype .admin-option-two-body {
  overflow: hidden;
}

.app-shell .admin-body-statistics-prototype .member-statistics-filter-toolbar {
  display: flex;
  min-height: 60px;
  align-items: center;
  gap: var(--space-3);
  margin: 0;
  padding: var(--space-3) var(--space-4);
  border: 0;
  border-bottom: 1px solid var(--color-admin-border);
  border-radius: 0;
  background: var(--color-admin-surface);
}

.app-shell .admin-body-statistics-prototype .member-statistics-category-tabs {
  gap: var(--space-1);
}

.app-shell .admin-body-statistics-prototype .member-statistics-category-tab {
  min-width: 58px;
  height: 36px;
  margin: 0;
  padding: 0 var(--space-3);
  border-color: var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface);
  color: var(--color-admin-text);
}

.app-shell .admin-body-statistics-prototype .member-statistics-category-tab:hover,
.app-shell .admin-body-statistics-prototype .member-statistics-category-tab.active {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-selection);
  color: var(--color-admin-selection-foreground);
}

.app-shell .admin-body-statistics-prototype .member-statistics-date-search {
  gap: var(--space-1);
}

.app-shell .admin-body-statistics-prototype .member-statistics-date-search :is(select, input),
.app-shell .admin-body-statistics-prototype .member-statistics-search-button {
  height: 36px;
  min-height: 36px;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
}

.app-shell .admin-body-statistics-prototype .member-statistics-date-search input[name="search"] {
  border-left: 1px solid var(--color-admin-border);
}

.app-shell .admin-body-statistics-prototype .member-statistics-search-button {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

.app-shell .admin-body-statistics-prototype .member-statistics-table-panel {
  padding: 0;
  background: var(--color-admin-surface);
}

.app-shell .admin-body-statistics-prototype .member-statistics-wrap {
  border: 0 !important;
  border-radius: 0;
}

.app-shell .admin-body-statistics-prototype .member-statistics-table :is(th, td) {
  height: 44px;
  padding: var(--space-2) var(--space-3);
  background: var(--color-admin-surface);
  vertical-align: middle;
}

.app-shell .admin-body-statistics-prototype .member-statistics-table thead th,
.app-shell .admin-body-statistics-prototype .member-statistics-total-row td {
  background: var(--color-admin-surface-subtle) !important;
}

.app-shell .admin-body-statistics-prototype :is(
  .member-statistics-money-bg,
  .member-statistics-game-bg,
  .member-statistics-profit-bg
) {
  background: transparent !important;
}

.app-shell .admin-body-statistics-prototype .member-statistics-table .positive {
  color: var(--color-success);
}

.app-shell .admin-body-statistics-prototype .member-statistics-table .negative {
  color: var(--color-danger);
}

/* 회원 트리: 검색, 300px 트리 레일, 상세 표를 한 패널의 내부 구분선으로 연결한다. */
.app-shell .admin-body-tree-prototype .partner-tree-reference-panel {
  margin-top: var(--space-5);
  overflow: visible;
  border: 1px solid var(--color-admin-border);
  border-radius: 8px;
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-admin-body-surface);
}

.app-shell .admin-body-tree-prototype .partner-tree-toolbar.member-tree-toolbar.river-member-tree-toolbar {
  min-height: 60px;
  padding: var(--space-3) var(--space-5);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

.app-shell .admin-body-tree-prototype .partner-tree-shell.member-tree-layout {
  grid-template-columns: 300px minmax(0, 1fr);
  min-height: 580px;
  gap: 0;
  border: 0;
}

.app-shell .admin-body-tree-prototype .partner-tree-shell.member-tree-layout.is-tree-compact {
  grid-template-columns: 52px minmax(0, 1fr);
}

.app-shell .admin-body-tree-prototype .partner-tree-side.member-tree-panel {
  padding: var(--space-3);
  border: 0;
  border-right: 1px solid var(--color-admin-border);
  border-radius: 0;
  background: var(--color-admin-surface-subtle);
  box-shadow: none;
}

.app-shell .admin-body-tree-prototype .partner-tree-main,
.app-shell .admin-body-tree-prototype .partner-tree-downline {
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: var(--color-admin-surface);
  box-shadow: none;
}

.app-shell .admin-body-tree-prototype :is(
  .member-tree-balance-summary,
  .member-tree-table,
  .partner-tree-table-wrap
) {
  margin: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  box-shadow: none;
}

/* 슬롯관리: 상단 상태, 벤더 탭, 검색, 카드 그리드를 하나의 작업 패널로 묶는다. */
.app-shell .admin-body-games-prototype .admin-option-two-body {
  overflow: hidden;
}

.app-shell .admin-body-games-prototype .game-integration-tabs {
  margin: 0;
  padding: var(--space-3) var(--space-4) 0;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

.app-shell .admin-body-games-prototype .game-integration-tab {
  min-height: 36px;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}

.app-shell .admin-body-games-prototype .slot-management-summary {
  gap: var(--space-3) var(--space-6);
  margin: 0;
  padding: var(--space-3) var(--space-5);
  border: 0;
  border-bottom: 1px solid var(--color-admin-border);
  border-radius: 0;
  background: var(--color-admin-surface-subtle);
}

.app-shell .admin-body-games-prototype .slot-management-heading {
  min-height: 64px;
  margin: 0;
  padding: var(--space-4) var(--space-5);
  border: 0;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

.app-shell .admin-body-games-prototype .slot-management-vendor-tabs {
  gap: var(--space-1);
  margin: 0;
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

.app-shell .admin-body-games-prototype .slot-management-vendor-tab {
  min-height: 36px;
  padding: 0 var(--space-3);
  border-radius: var(--radius-sm);
}

.app-shell .admin-body-games-prototype .slot-management-vendor-tab.active {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-selection);
  color: var(--color-admin-selection-foreground);
}

.app-shell .admin-body-games-prototype .slot-management-vendor-tab.active small {
  background: var(--color-admin-surface);
  color: inherit;
}

.app-shell .admin-body-games-prototype .slot-management-toolbar {
  margin: 0;
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--color-admin-border);
}

.app-shell .admin-body-games-prototype .slot-management-game-grid {
  padding: var(--space-4);
}

.app-shell .admin-body-games-prototype .slot-management-game-card {
  border-radius: 8px;
  box-shadow: none;
}

.app-shell .admin-body-games-prototype .slot-management-pagination {
  margin: 0;
  padding: var(--space-3) var(--space-4) var(--space-4);
}

/* 회원 상세: 제목은 캔버스 위에 두고, 식별·요약·메뉴·본문은 하나의 흰 패널로 잇는다. */
body:has(.member-detail-window[data-member-detail-layout="reference"]) {
  background: var(--color-admin-body-option-two-canvas);
}

.member-detail-window[data-member-detail-layout="reference"] {
  --member-detail-header-height: 64px;
  --member-detail-identity-height: 58px;
  --member-detail-summary-height: 76px;
  --member-detail-menu-width: 210px;
  padding: 0 var(--space-5) var(--space-5);
  background: var(--color-admin-body-option-two-canvas);
}

.member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-header {
  padding: 0 var(--space-2);
  border: 0;
  background: transparent;
  box-shadow: none;
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-title h1 {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-xl);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-title :is(h1 small, p) {
  color: var(--color-admin-text-muted);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-close {
  border: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
  color: var(--color-admin-text);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-close:hover,
.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-close:focus-visible {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-selection);
  color: var(--color-admin-selection-foreground);
}

.member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-identity {
  border: 1px solid var(--color-admin-border);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: var(--color-admin-surface);
}

.member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-actions {
  padding: var(--space-3) var(--space-5);
  border: 1px solid var(--color-admin-border);
  border-top: 0;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-summary-metrics {
  border: 0;
  background: var(--color-admin-surface);
}

.member-detail-window[data-member-detail-layout="reference"] > .member-detail-window-shell {
  border: 1px solid var(--color-admin-border);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-admin-body-surface);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu {
  padding: var(--space-3);
  background: var(--color-admin-surface);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-menu button {
  min-height: 38px;
  border-radius: var(--radius-sm);
}

.member-detail-window[data-member-detail-layout="reference"] .member-detail-window-main {
  padding: var(--space-6);
  background: var(--color-admin-surface);
}

.member-detail-window[data-member-detail-layout="reference"] :is(
  .member-detail-window-form,
  .member-detail-window-section,
  .member-detail-window-card
) {
  border-color: var(--color-admin-border);
  border-radius: 8px;
  box-shadow: none;
}

@media (max-width: 1280px) {
  .app-shell .admin-body-settings-prototype .detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-shell .admin-body-settings-prototype .detail-item:nth-child(3n) {
    border-right: 1px solid var(--color-admin-border);
  }

  .app-shell .admin-body-settings-prototype .detail-item:nth-child(2n) {
    border-right: 0;
  }

  .app-shell .dashboard-prototype-view .dashboard-work-queue {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "queue-deposits queue-withdraws"
      "queue-member-approvals queue-support";
  }
}

@media (max-width: 1100px) {
  .app-shell .admin-body-tree-prototype .partner-tree-shell.member-tree-layout,
  .app-shell .admin-body-tree-prototype .partner-tree-shell.member-tree-layout.is-tree-compact {
    grid-template-columns: minmax(0, 1fr);
  }

  .app-shell .admin-body-tree-prototype .partner-tree-side.member-tree-panel,
  .app-shell .admin-body-tree-prototype .partner-tree-side.member-tree-panel.is-compact {
    max-height: 320px;
    border-right: 0;
    border-bottom: 1px solid var(--color-admin-border);
  }
}

@media (max-width: 900px) {
  .app-shell .admin-body-statistics-prototype .member-statistics-filter-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .app-shell .admin-body-statistics-prototype .member-statistics-category-tabs,
  .app-shell .admin-body-statistics-prototype .member-statistics-date-search {
    width: 100%;
    margin-left: 0;
    overflow-x: auto;
  }

  .app-shell .admin-body-games-prototype .slot-management-toolbar {
    align-items: stretch;
  }
}

@media (max-width: 720px) {
  .app-shell .dashboard-prototype-view .dashboard-profit-grid,
  .app-shell .dashboard-prototype-view .dashboard-work-queue,
  .app-shell .dashboard-prototype-view .dashboard-bottom-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .app-shell .dashboard-prototype-view .dashboard-work-queue {
    grid-template-areas:
      "queue-deposits"
      "queue-withdraws"
      "queue-member-approvals"
      "queue-support";
  }

  .app-shell .dashboard-prototype-view :is(
    .dashboard-profit-panel,
    .dashboard-queue-panel,
    .dashboard-kpi-card,
    .dashboard-daily-card,
    .dashboard-bottom-panel
  ) {
    border-right: 0;
    border-bottom: 1px solid var(--color-admin-border);
  }

  .app-shell .admin-body-settings-prototype .site-settings-summary,
  .app-shell .admin-body-settings-prototype .detail-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .app-shell .admin-body-settings-prototype .site-settings-card,
  .app-shell .admin-body-settings-prototype .detail-item,
  .app-shell .admin-body-settings-prototype .detail-item:nth-child(2n),
  .app-shell .admin-body-settings-prototype .detail-item:nth-child(3n) {
    border-right: 0;
    border-bottom: 1px solid var(--color-admin-border);
  }

  .app-shell .admin-body-games-prototype .slot-management-game-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-detail-window[data-member-detail-layout="reference"] {
    padding: 0 var(--space-3) var(--space-3);
  }
}

@media (max-width: 520px) {
  .app-shell .admin-body-games-prototype .slot-management-game-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* 관리자 바디 전체 적용: 화면 유형은 다르더라도 제목, 본문 패널, 내부 구역의 시각 문법은 하나로 맞춘다. */
.app-shell #page.admin-body-screen {
  --control-height-default: 36px;
  --control-height-md: 36px;
  gap: var(--space-5);
}

.app-shell #page.admin-body-screen :is(.member-game-rate-line-form, .member-commission-line-form) {
  --control-height-default: 42px;
}

#app .app-shell #page.admin-body-screen .admin-body-panel {
  min-width: 0;
  overflow: visible;
  border: 1px solid var(--color-admin-border);
  border-radius: 8px;
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-admin-body-surface);
}

.app-shell #page.admin-body-screen:not([data-admin-body-section="members"]):not([data-admin-body-section="memberTree"])
  .admin-body-panel > .admin-body-zone {
  min-width: 0;
  margin: 0;
}

.app-shell #page.admin-body-screen:not([data-admin-body-section="members"]):not([data-admin-body-section="memberTree"])
  .admin-body-panel > .admin-body-zone + .admin-body-zone {
  border-top: 1px solid var(--color-admin-border);
}

#app .app-shell #page.admin-body-screen:not([data-admin-body-section="members"]):not([data-admin-body-section="memberTree"])
  .admin-body-panel > :is(
    .admin-body-zone--tabs,
    .admin-body-zone--filter,
    .admin-body-zone--summary,
    .admin-body-zone--table,
    .admin-body-zone--actions,
    .admin-body-zone--section
  ) {
  border-right: 0 !important;
  border-bottom: 0;
  border-left: 0 !important;
  border-radius: 0;
  background: var(--color-admin-surface);
  box-shadow: none;
}

.app-shell #page.admin-body-screen .admin-body-panel > :is(
  .admin-body-zone--tabs,
  .admin-body-zone--filter,
  .admin-body-zone--actions
) {
  padding: var(--space-3) var(--space-4);
}

.app-shell #page.admin-body-screen .admin-body-panel > .admin-body-zone--tabs {
  display: flex;
  min-height: 60px;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-1);
}

.app-shell #page.admin-body-screen .admin-body-panel > .admin-body-zone--filter {
  min-height: 60px;
}

.app-shell #page.admin-body-screen .admin-body-panel > .admin-body-zone--summary {
  padding: 0;
}

#app .app-shell #page.admin-body-screen .admin-body-panel > .admin-body-zone--table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
  overscroll-behavior-inline: contain;
}

.app-shell #page.admin-body-screen .admin-body-panel > .admin-body-zone--actions {
  min-height: 56px;
}

.app-shell #page.admin-body-screen .admin-body-panel > :is(.admin-body-zone--filter, .admin-body-zone--actions)
  > :is(select, button, .button, input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])),
.app-shell #page.admin-body-screen .admin-body-panel > .admin-body-zone--tabs
  :is(button, .button, [role="tab"]) {
  min-height: 36px;
}

.app-shell #page.admin-body-screen .admin-body-panel :is(
  [role="tab"],
  button[class$="-tab"],
  button[class*="-tab "]
) {
  border-color: var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface);
  color: var(--color-admin-text);
  box-shadow: none;
}

.app-shell #page.admin-body-screen .admin-body-panel :is(
  [role="tab"][aria-selected="true"],
  button[class$="-tab"].active,
  button[class*="-tab "].active
) {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-selection);
  color: var(--color-admin-selection-foreground);
}

#app .app-shell #page.admin-body-screen table:not(.member-list-table) :is(th, td) {
  height: 44px;
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}

.app-shell #page.admin-body-screen :is(.empty, .loading, .admin-state):not(td):not(th):not(button) {
  display: grid;
  min-height: 120px;
  place-items: center;
  padding: var(--space-6);
  border: 0;
  border-radius: 0;
  background: var(--color-admin-surface);
  color: var(--color-admin-text-muted);
  text-align: center;
}

/* 여러 최상위 섹션이 남더라도 한 화면의 연결된 작업면처럼 보이게 한다. */
.app-shell #page.admin-body-screen.admin-body-multi-section {
  gap: 0;
}

.app-shell #page.admin-body-screen.admin-body-multi-section > .admin-body-unified-section:not(:first-child) > .section-header {
  margin: 0;
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-admin-border);
  border-bottom: 0;
  background: var(--color-admin-surface);
}

.app-shell #page.admin-body-screen.admin-body-multi-section > .admin-body-unified-section:not(:first-child) > .admin-body-panel {
  border-top: 0;
  border-radius: 0;
  box-shadow: none;
}

/* 관리자 전체 화면 제목/본문 시작점을 장기미접속 화면 기준으로 고정한다. */
.app-shell #page.admin-body-screen > .admin-body-unified-section > :is(
  .section-header,
  .admin-page-header,
  .settlement-summary-page-title,
  .member-statistics-page-title,
  .vendor-settlement-page-title,
  .commission-log-page-title,
  .rate-adjustment-page-title
) {
  min-height: 60px;
  margin: 0;
  padding: var(--space-4) var(--space-2) var(--space-5);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.app-shell #page.admin-body-screen > .admin-body-unified-section > .section-header h2,
.app-shell #page.admin-body-screen > .admin-body-unified-section > .admin-page-header h1 {
  font-size: var(--font-size-page-title);
  line-height: 1.3;
}

.app-shell #page.admin-body-screen > .admin-body-unified-section > .admin-body-panel,
.app-shell #page.admin-body-screen > .admin-body-unified-section > .member-reference-panel,
.app-shell #page.admin-body-screen > .admin-body-unified-section > .bling-member-list-panel {
  margin-top: 0;
  border: 1px solid var(--color-admin-border);
  border-radius: 8px;
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-admin-body-surface);
}

.app-shell #page.admin-body-screen > .admin-body-unified-section > .bling-member-list-panel
  .member-list-header.member-status-overview {
  min-height: 60px;
  padding: var(--space-4) var(--space-5);
}

.app-shell #page.admin-body-screen > .admin-body-unified-section > .river-login-log-toolbar,
.app-shell #page.admin-body-screen > .admin-body-unified-section > .blocked-ip-filter-toolbar {
  min-height: 60px;
}

/* 설정·권한 화면: 중첩 미니 카드를 없애고 제목 행과 설정 행을 선으로 나눈다. */
#app .app-shell #page[data-admin-body-layout="settings"] .admin-body-panel .settings-group {
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--color-admin-border);
  border-radius: 0;
  background: var(--color-admin-surface);
  box-shadow: none;
}

#app .app-shell #page[data-admin-body-layout="settings"] .environment-settings-view .admin-body-panel .environment-settings-panel,
#app .app-shell #page[data-admin-body-layout="settings"] .site-management-view .admin-body-panel .site-management-settings-group {
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--color-admin-border);
  border-radius: 0;
  background: var(--color-admin-surface);
  box-shadow: none;
}

.app-shell #page[data-admin-body-layout="settings"] .environment-settings-view .environment-settings-form,
.app-shell #page[data-admin-body-layout="settings"] .site-management-view .site-management-settings-form {
  width: 100%;
  max-width: none;
  gap: 0;
  margin: 0;
  padding: 0;
  background: var(--color-admin-surface);
}

.app-shell #page[data-admin-body-layout="settings"] .environment-settings-view .environment-settings-panel-heading {
  padding: var(--space-4) var(--space-5);
  background: var(--color-admin-surface-subtle);
}

.app-shell #page[data-admin-body-layout="settings"] .settings-group {
  gap: var(--space-4);
  padding: var(--space-5);
}

/* 통계·정산 화면: 요약 카드는 간격 대신 얇은 구분선으로 이어 붙인다. */
.app-shell #page[data-admin-body-layout="report"] :is(
  .member-money-settlement-summary,
  [class$="-summary-grid"],
  [class*="-summary-grid "]
) {
  gap: 1px;
  padding: 0;
  background: var(--color-admin-border);
}

#app .app-shell #page[data-admin-body-layout="report"] :is(
  .member-money-settlement-summary-card,
  [class$="-summary-card"],
  [class*="-summary-card "]
) {
  border: 0;
  border-radius: 0;
  background: var(--color-admin-surface);
  box-shadow: none;
}

/* 게임·공급사 화면: 공급사 기능 구역은 평면화하고 실제 게임 이미지 카드는 유지한다. */
#app .app-shell #page[data-admin-body-layout="games"] .admin-body-panel > .admin-body-zone--section.section {
  border: 0 !important;
  border-radius: 0;
  background: var(--color-admin-surface);
  box-shadow: none;
}

.app-shell #page[data-admin-body-layout="games"] .admin-body-panel > .admin-body-zone--section.section > .section-header {
  min-height: 60px;
  margin: 0;
  padding: var(--space-4) var(--space-5);
  border: 0;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface);
}

.app-shell #page[data-admin-body-layout="games"] .provider-catalog-summary {
  gap: 1px;
  padding: 0;
  background: var(--color-admin-border);
}

#app .app-shell #page[data-admin-body-layout="games"] .provider-catalog-card {
  border: 0;
  border-radius: 0;
  background: var(--color-admin-surface);
  box-shadow: none;
}

.app-shell #page[data-admin-body-layout="games"] :is(
  .game-provider-action-bar,
  .game-provider-vendor-filter-toolbar,
  .game-provider-game-filter-toolbar,
  .provider-catalog-filter-toolbar,
  .casino-lobby-filter-toolbar
) {
  margin: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  box-shadow: none;
}

/* 트리·라인 작업 화면은 팝오버를 허용하고 레일 자체의 스크롤만 유지한다. */
#app .app-shell #page[data-admin-body-layout="tree"] .admin-body-panel,
#app .app-shell #page[data-admin-body-section="memberTree"] .partner-tree-reference-panel {
  overflow: visible;
}

@media (min-width: 1181px) and (max-width: 1600px) {
  .app-shell #page[data-admin-body-section="memberTree"]
    .partner-tree-toolbar.member-tree-toolbar.river-member-tree-toolbar {
    grid-template-columns: calc(300px - var(--space-6) - var(--space-5) + 4px) minmax(0, 1fr);
  }
}

@media (min-width: 1601px) {
  .app-shell #page[data-admin-body-section="memberTree"]
    .partner-tree-toolbar.member-tree-toolbar.river-member-tree-toolbar {
    grid-template-columns: calc(300px - var(--space-6) - var(--space-5) + 4px) auto minmax(0, 1fr);
  }
}

#app .app-shell #page[data-admin-body-layout="tree"] :is(
  .partner-transfer-workspace
) {
  border: 0;
  border-radius: 0;
  background: var(--color-admin-surface);
  box-shadow: none;
}

/* 고객센터·콘텐츠 화면도 목록 탭과 본문을 같은 외곽 패널 안에서 연결한다. */
#app .app-shell #page[data-admin-body-layout="content"] :is(
  .bling-management-panel,
  .notice-board-panel,
  .popup-reference-panel
) {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: var(--color-admin-surface);
  box-shadow: none;
}

@media (max-width: 720px) {
  .app-shell #page.admin-body-screen {
    gap: var(--space-4);
  }

  .app-shell #page.admin-body-screen .admin-body-panel > :is(
    .admin-body-zone--tabs,
    .admin-body-zone--filter,
    .admin-body-zone--actions
  ) {
    padding-right: var(--space-3);
    padding-left: var(--space-3);
  }

  .app-shell #page.admin-body-screen .admin-body-panel > .admin-body-zone--tabs {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
  }

  .app-shell #page.admin-body-screen .admin-body-panel > .admin-body-zone--tabs.login-log-hub-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow-x: visible;
  }

  .app-shell #page.admin-body-screen .login-log-hub-tab {
    width: 100%;
    min-width: 0;
    white-space: normal;
  }

  .app-shell #page[data-admin-body-layout="settings"] .settings-group {
    padding: var(--space-4);
  }
}

/* 금액 화면의 동일 필터는 데스크톱에서는 탭, 모바일에서는 선택창으로 한 번만 노출한다. */
@media (min-width: 981px) {
  #app .app-shell .mobile-filter-select {
    display: none;
  }

  #app .app-shell .casino-slot-bet-mobile-filter-field {
    display: none;
  }
}

@media (max-width: 980px) {
  #app .app-shell #page.admin-body-screen .admin-body-panel > .ledger-type-tabs,
  #app .app-shell #page.admin-body-screen .admin-body-panel > .casino-slot-bet-category-tabs {
    display: none;
  }

  #app .app-shell #page.admin-body-screen
    .admin-body-panel > .casino-slot-bet-type-tabs
    > :is(.casino-slot-bet-filter-group-label, .casino-slot-bet-type-tablist) {
    display: none;
  }

  #app .app-shell #page.admin-body-screen
    .admin-body-panel > .casino-slot-bet-type-tabs
    > .casino-slot-bet-zero-win-filter {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
}

/* Partner V1 operations console: option 3 layout with admin-aligned member criteria. */
body.member-management-shell-user-site.member-management-detail-open {
  overflow: hidden;
  overscroll-behavior: none;
}

body.member-management-shell-user-site .member-management-shell-header {
  position: relative;
  z-index: 120;
  overflow: visible;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-surface);
  box-shadow: var(--shadow-admin-panel);
  padding: 0;
}

body.member-management-shell-user-site .member-management-shell-console-bar {
  min-height: 76px;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto auto;
  align-items: center;
  gap: var(--space-5);
  padding: 10px 24px;
}

body.member-management-shell-user-site .member-management-shell-console-heading {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, auto);
  align-items: baseline;
  justify-content: start;
  column-gap: var(--space-3);
}

body.member-management-shell-user-site .member-management-shell-console-heading small {
  grid-column: 1 / -1;
  color: var(--color-sidebar-accent-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

body.member-management-shell-user-site .member-management-shell-console-heading strong {
  min-width: 0;
  overflow: hidden;
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.member-management-shell-user-site .member-management-shell-console-heading span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
  white-space: nowrap;
}

body.member-management-shell-user-site .member-management-shell-console-signals {
  display: grid;
  grid-template-columns: repeat(3, minmax(88px, 1fr));
  gap: var(--space-2);
}

body.member-management-shell-user-site .member-management-shell-console-signals button {
  min-height: 48px;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: var(--space-3);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface-subtle);
  color: var(--color-text);
  cursor: pointer;
  font: inherit;
  padding: var(--space-3) var(--space-4);
}

body.member-management-shell-user-site .member-management-shell-console-signals button:hover,
body.member-management-shell-user-site .member-management-shell-console-signals button:focus-visible {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-sidebar-accent-soft);
  outline: 0;
}

body.member-management-shell-user-site .member-management-shell-console-signals span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

body.member-management-shell-user-site .member-management-shell-console-signals strong {
  color: var(--color-text-strong);
  font-size: var(--font-size-lg);
  font-weight: 900;
}

body.member-management-shell-user-site .member-management-shell-console-actions {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-2);
}

body.member-management-shell-user-site .member-management-shell-console-actions > button,
body.member-management-shell-user-site .member-management-shell-metrics > summary {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-admin-border-strong);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-text-strong);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 800;
  padding: 0 var(--space-5);
  white-space: nowrap;
}

body.member-management-shell-user-site .member-management-shell-console-actions > .member-management-shell-console-primary {
  border-color: var(--color-sidebar-accent);
  background: var(--color-sidebar-accent);
  color: var(--color-primary);
}

body.member-management-shell-user-site .member-management-shell-metrics > summary {
  list-style: none;
}

body.member-management-shell-user-site .member-management-shell-metrics > summary::-webkit-details-marker {
  display: none;
}

body.member-management-shell-user-site .member-management-shell-metrics[open] > summary {
  border-color: var(--color-sidebar-accent);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-sidebar-accent-muted);
}

body.member-management-shell-user-site .member-management-shell-metrics .member-management-shell-header-grid {
  position: absolute;
  top: calc(100% + var(--space-3));
  right: 0;
  z-index: 180;
  width: min(860px, calc(100vw - var(--layout-sidebar-width) - 48px));
  max-height: calc(100vh - 110px);
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: var(--space-3);
  overflow-y: auto;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-member-register-dialog);
  padding: var(--space-5);
}

body.member-management-shell-user-site .member-management-shell-metrics-note {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.5;
}

body.member-management-shell-user-site .member-management-shell-metrics .member-management-shell-header-card {
  min-height: 72px;
}

body.member-management-shell-user-site .member-management-shell-sidebar {
  border-right-color: var(--color-primary-hover);
  background: var(--color-primary);
  color: var(--color-text-inverse);
}

body.member-management-shell-user-site .member-management-shell-sidebar-brand {
  border-bottom-color: var(--color-primary-hover);
}

body.member-management-shell-user-site .member-management-shell-sidebar .member-management-shell-brand-text,
body.member-management-shell-user-site .member-management-shell-sidebar .member-management-shell-brand-words strong,
body.member-management-shell-user-site .member-management-shell-sidebar .member-management-shell-brand-scope-label,
body.member-management-shell-user-site .member-management-shell-sidebar .member-management-shell-brand-words small {
  color: var(--color-text-inverse);
}

body.member-management-shell-user-site .member-management-shell-sidebar .member-management-shell-side-group {
  border-color: var(--color-primary-hover);
  background: var(--color-primary);
}

body.member-management-shell-user-site .member-management-shell-sidebar .member-management-shell-side-group-toggle {
  background: var(--color-primary-hover);
  color: var(--color-text-inverse);
}

body.member-management-shell-user-site .member-management-shell-sidebar .member-management-shell-side-group-icon,
body.member-management-shell-user-site .member-management-shell-sidebar .member-management-shell-side-group-chevron {
  color: var(--color-sidebar-accent);
}

body.member-management-shell-user-site .member-management-shell-sidebar .member-management-shell-side-group-items {
  border-top-color: var(--color-primary-hover);
}

body.member-management-shell-user-site .member-management-shell-sidebar .member-management-shell-nav-button {
  color: var(--color-text-inverse);
}

body.member-management-shell-user-site .member-management-shell-sidebar .member-management-shell-nav-button:hover,
body.member-management-shell-user-site .member-management-shell-sidebar .member-management-shell-nav-button:focus-visible,
body.member-management-shell-user-site .member-management-shell-sidebar .member-management-shell-nav-button.active {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-sidebar-accent);
  color: var(--color-primary);
}

body.member-management-shell-user-site .member-management-shell-content {
  background: var(--color-admin-canvas);
}

body.member-management-shell-user-site .member-management-console-context {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-6);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-surface);
  padding: 24px 28px 18px;
}

body.member-management-shell-user-site .member-management-console-context > div:first-child {
  min-width: 0;
}

body.member-management-shell-user-site .member-management-console-context > div:first-child > small {
  color: var(--color-sidebar-accent-muted);
  font-size: var(--font-size-xs);
  font-weight: 900;
}

body.member-management-shell-user-site .member-management-console-context h2 {
  margin: var(--space-1) 0 0;
  color: var(--color-text-strong);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}

body.member-management-shell-user-site .member-management-console-context p {
  margin: var(--space-2) 0 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 600;
}

body.member-management-shell-user-site .member-management-console-context .member-management-brand-title {
  flex: 0 0 auto;
}

body.member-management-shell-user-site .member-management-console-context .member-management-brand-image {
  max-width: 128px;
  max-height: 32px;
}

body.member-management-shell-user-site .member-management-members-control {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
  align-items: start;
  gap: var(--space-5);
  border: 0;
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-surface);
  padding: 16px 28px;
}

body.member-management-shell-user-site .member-management-status-tabs {
  min-height: 38px;
  gap: var(--space-2);
  overflow-x: auto;
}

body.member-management-shell-user-site .member-management-status-tabs button {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-text-muted);
  padding: 0 var(--space-4);
}

body.member-management-shell-user-site .member-management-status-tabs button + button {
  border-left: 1px solid var(--color-admin-border);
}

body.member-management-shell-user-site .member-management-status-tabs button span {
  min-width: 22px;
  border-radius: var(--radius-pill);
  background: var(--color-admin-surface-muted);
  color: var(--color-text-muted);
  font-size: 10px;
  line-height: 20px;
  text-align: center;
}

body.member-management-shell-user-site .member-management-status-tabs button.active {
  border-color: var(--color-sidebar-accent);
  background: var(--color-sidebar-accent);
  color: var(--color-primary);
}

body.member-management-shell-user-site .member-management-status-tabs button.active span {
  background: var(--color-surface);
  color: var(--color-sidebar-accent-muted);
}

body.member-management-shell-user-site .member-management-filter--members-reference {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2);
  width: 100%;
}

body.member-management-shell-user-site .member-management-member-search-row {
  display: grid;
  grid-template-columns: 116px minmax(140px, 1fr) 72px;
  gap: var(--space-2);
}

body.member-management-shell-user-site .member-management-member-search-row input,
body.member-management-shell-user-site .member-management-member-search-row select,
body.member-management-shell-user-site .member-management-member-search-row button {
  min-height: 38px;
  border-radius: var(--radius-md);
}

body.member-management-shell-user-site .member-management-member-search-row button {
  border-color: var(--color-sidebar-accent);
  background: var(--color-sidebar-accent);
  color: var(--color-primary);
}

body.member-management-shell-user-site .member-management-member-advanced-filter {
  justify-self: end;
  width: 100%;
}

body.member-management-shell-user-site .member-management-member-advanced-filter > summary {
  display: flex;
  justify-content: flex-end;
  color: var(--color-sidebar-accent-muted);
  cursor: pointer;
  font-size: var(--font-size-xs);
  font-weight: 800;
  list-style-position: inside;
}

body.member-management-shell-user-site .member-management-member-advanced-filter > div {
  display: grid;
  grid-template-columns: 84px 1fr 1fr 110px 96px auto;
  gap: var(--space-2);
  margin-top: var(--space-3);
}

body.member-management-shell-user-site .member-management-member-advanced-filter input,
body.member-management-shell-user-site .member-management-member-advanced-filter select,
body.member-management-shell-user-site .member-management-member-advanced-filter button {
  min-height: 36px;
  min-width: 0;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-text);
  font: inherit;
  font-size: var(--font-size-xs);
  padding: 0 var(--space-3);
}

body.member-management-shell-user-site .member-management-console-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  padding: 20px 28px 28px;
}

body.member-management-shell-user-site .member-management-console-layout.has-detail {
  grid-template-columns: minmax(0, 1fr) minmax(380px, 432px);
}

body.member-management-shell-user-site .member-management-member-list-panel,
body.member-management-shell-user-site .member-management-member-detail {
  min-width: 0;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-admin-panel);
}

body.member-management-shell-user-site .member-management-members-list-head {
  min-height: 58px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--space-4);
  border: 0;
  border-bottom: 1px solid var(--color-admin-border);
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  background: var(--color-surface);
  color: var(--color-text-strong);
  padding: 0 18px;
}

body.member-management-shell-user-site .member-management-members-list-head em {
  color: var(--color-sidebar-accent-muted);
}

body.member-management-shell-user-site .member-management-members-list-head > small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

body.member-management-shell-user-site .member-management-members-list-head button {
  min-height: 34px;
  border-color: var(--color-sidebar-accent);
  border-radius: var(--radius-md);
  background: var(--color-sidebar-accent);
  color: var(--color-primary);
}

body.member-management-shell-user-site .member-management-members-list-head + .member-management-members-table-wrap,
body.member-management-shell-user-site .member-management-members-table-wrap {
  border: 0;
  border-radius: 0;
  scrollbar-color: var(--color-admin-border-strong) var(--color-admin-surface-muted);
  scrollbar-width: thin;
}

body.member-management-shell-user-site .member-management-members-table-wrap .member-management-table {
  min-width: 1040px;
  table-layout: fixed;
}

body.member-management-shell-user-site .member-management-members-table-wrap .member-management-table th,
body.member-management-shell-user-site .member-management-members-table-wrap .member-management-table td {
  padding: var(--space-3) var(--space-2);
}

body.member-management-shell-user-site .member-management-console-layout.has-detail .member-management-members-table-wrap .member-management-table {
  min-width: 720px;
}

body.member-management-shell-user-site .member-management-members-table-wrap th:nth-child(1) {
  width: 22%;
}

body.member-management-shell-user-site .member-management-members-table-wrap th:nth-child(2),
body.member-management-shell-user-site .member-management-members-table-wrap th:nth-child(3) {
  width: 8%;
}

body.member-management-shell-user-site .member-management-members-table-wrap th:nth-child(4),
body.member-management-shell-user-site .member-management-members-table-wrap th:nth-child(5),
body.member-management-shell-user-site .member-management-members-table-wrap th:nth-child(7) {
  width: 10%;
}

body.member-management-shell-user-site .member-management-members-table-wrap th:nth-child(6) {
  width: 15%;
}

body.member-management-shell-user-site .member-management-members-table-wrap th:nth-child(8) {
  width: 17%;
}

body.member-management-shell-user-site .member-management-member-row {
  cursor: pointer;
}

body.member-management-shell-user-site .member-management-member-row.is-selected td {
  background: var(--color-sidebar-accent-soft);
  box-shadow: inset 0 1px 0 var(--color-sidebar-accent-border), inset 0 -1px 0 var(--color-sidebar-accent-border);
}

body.member-management-shell-user-site .member-management-member-row:focus-visible {
  outline: 2px solid var(--color-sidebar-accent);
  outline-offset: -2px;
}

body.member-management-shell-user-site .member-management-member-identity {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  border: 0;
  background: transparent;
  color: var(--color-text-strong);
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-align: left;
}

body.member-management-shell-user-site .member-management-member-identity > span {
  min-width: 0;
  display: grid;
  gap: 2px;
  font-weight: 900;
}

body.member-management-shell-user-site .member-management-member-identity small,
body.member-management-shell-user-site .member-management-member-identity em {
  overflow: hidden;
  color: var(--color-text-muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.member-management-shell-user-site .member-management-member-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  border: 1px solid currentColor;
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  color: var(--color-text-muted);
  font-size: 10px;
  font-weight: 900;
  padding: 0 var(--space-3);
  white-space: nowrap;
}

body.member-management-shell-user-site .member-management-member-status--active {
  color: var(--color-success);
}

body.member-management-shell-user-site .member-management-member-status--pending {
  color: var(--color-warning);
}

body.member-management-shell-user-site .member-management-member-status--suspended {
  color: var(--color-danger);
}

body.member-management-shell-user-site .member-management-member-flow-cell,
body.member-management-shell-user-site .member-management-member-date-cell {
  display: grid;
  gap: var(--space-2);
}

body.member-management-shell-user-site .member-management-member-flow-cell > span,
body.member-management-shell-user-site .member-management-member-date-cell > span {
  min-width: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: var(--space-2);
}

body.member-management-shell-user-site .member-management-member-date-cell > span {
  grid-template-columns: 24px minmax(0, 1fr);
  white-space: normal;
}

body.member-management-shell-user-site .member-management-member-date-cell time {
  min-width: 0;
  color: inherit;
  font: inherit;
  line-height: 1.35;
  overflow-wrap: anywhere;
  white-space: normal;
}

body.member-management-shell-user-site .member-management-member-flow-cell > span > small,
body.member-management-shell-user-site .member-management-member-date-cell > span > small {
  color: var(--color-text-muted);
  font-size: 9px;
  font-weight: 800;
}

body.member-management-shell-user-site .member-management-member-date-cell {
  color: var(--color-text-muted);
  font-size: 10px;
  text-align: left;
}

body.member-management-shell-user-site .member-management-member-card-open {
  display: block;
  margin-top: var(--space-4);
  color: var(--color-sidebar-accent-muted);
  font-size: var(--font-size-xs);
  font-weight: 900;
  text-align: right;
}

body.member-management-shell-user-site .member-management-member-card.is-selected {
  border-color: var(--color-sidebar-accent-border);
  background: var(--color-sidebar-accent-soft);
}

body.member-management-shell-user-site .member-management-member-card-head > span:first-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

body.member-management-shell-user-site .member-management-member-card-head > span:first-child small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

body.member-management-shell-user-site .member-management-member-detail {
  position: sticky;
  top: var(--space-5);
  align-self: start;
  overflow: hidden;
}

body.member-management-shell-user-site .member-management-member-detail-head {
  position: relative;
  min-height: 118px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-4);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-subtle);
  padding: 22px 52px 18px 20px;
}

body.member-management-shell-user-site .member-management-member-detail-head > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

body.member-management-shell-user-site .member-management-member-detail-head > div small,
body.member-management-shell-user-site .member-management-member-detail-head > div span {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

body.member-management-shell-user-site .member-management-member-detail-head > div strong {
  overflow: hidden;
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.member-management-shell-user-site .member-management-member-detail-head > button {
  position: absolute;
  top: var(--space-4);
  right: var(--space-4);
  border: 0;
  background: transparent;
  color: var(--color-text-muted);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-xs);
  font-weight: 800;
}

body.member-management-shell-user-site .member-management-member-detail-tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--color-admin-border);
}

body.member-management-shell-user-site .member-management-member-detail-tabs button {
  min-height: 42px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: var(--color-surface);
  color: var(--color-text-muted);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 800;
}

body.member-management-shell-user-site .member-management-member-detail-tabs button.active {
  border-bottom-color: var(--color-sidebar-accent);
  color: var(--color-sidebar-accent-muted);
}

body.member-management-shell-user-site .member-management-member-detail-body {
  min-height: 300px;
  padding: 20px;
}

body.member-management-shell-user-site .member-management-member-detail-grid,
body.member-management-shell-user-site .member-management-member-detail-balance {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
}

body.member-management-shell-user-site .member-management-member-detail-grid > span,
body.member-management-shell-user-site .member-management-member-detail-balance > span {
  min-width: 0;
  display: grid;
  gap: var(--space-2);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface-subtle);
  padding: var(--space-4);
}

body.member-management-shell-user-site .member-management-member-detail-grid > span.wide {
  grid-column: 1 / -1;
}

body.member-management-shell-user-site .member-management-member-detail-grid small,
body.member-management-shell-user-site .member-management-member-detail-balance small {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

body.member-management-shell-user-site .member-management-member-detail-grid strong,
body.member-management-shell-user-site .member-management-member-detail-balance strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--color-text-strong);
  font-size: var(--font-size-sm);
  font-weight: 900;
}

body.member-management-shell-user-site .member-management-member-detail-actions {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

body.member-management-shell-user-site .member-management-member-detail-actions button {
  min-height: 40px;
  border: 1px solid var(--color-admin-border-strong);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-text-strong);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 800;
}

body.member-management-shell-user-site .member-management-member-detail-actions button.primary {
  border-color: var(--color-sidebar-accent);
  background: var(--color-sidebar-accent);
  color: var(--color-primary);
}

body.member-management-shell-user-site .member-management-member-detail-note {
  margin: var(--space-5) 0 0;
  border-left: 3px solid var(--color-sidebar-accent);
  background: var(--color-sidebar-accent-soft);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: 1.6;
  padding: var(--space-4);
}

body.member-management-shell-user-site .member-management-member-empty-state {
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--color-text-muted);
  text-align: center;
  padding: var(--space-10);
}

body.member-management-shell-user-site .member-management-member-empty-state small {
  color: var(--color-sidebar-accent-muted);
  font-weight: 900;
}

body.member-management-shell-user-site .member-management-member-empty-state h3 {
  margin: var(--space-3) 0 0;
  color: var(--color-text-strong);
  font-size: var(--font-size-xl);
}

body.member-management-shell-user-site .member-management-member-empty-state p {
  margin: var(--space-3) 0 0;
  font-size: var(--font-size-sm);
}

body.member-management-shell-user-site .member-management-member-empty-state button {
  min-height: 42px;
  margin-top: var(--space-5);
  border: 1px solid var(--color-sidebar-accent);
  border-radius: var(--radius-md);
  background: var(--color-sidebar-accent);
  color: var(--color-primary);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  font-weight: 900;
  padding: 0 var(--space-6);
}

body.member-management-shell-user-site .member-management-member-empty-state > span {
  margin-top: var(--space-5);
  color: var(--color-warning);
  font-size: var(--font-size-sm);
  font-weight: 800;
}

body.member-management-shell-user-site .member-management-member-list-panel > .member-management-pagination {
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

@media (min-width: 981px) {
  body.member-management-shell-user-site .member-management-shell-console-bar {
    min-height: 64px;
    padding-block: var(--space-2);
  }

  body.member-management-shell-user-site .member-management-shell-console-signals button {
    min-height: 40px;
    padding: var(--space-2) var(--space-3);
  }

  body.member-management-shell-user-site .member-management-console-context {
    align-items: center;
    padding: 12px 28px 10px;
  }

  body.member-management-shell-user-site .member-management-console-context h2 {
    font-size: 22px;
  }

  body.member-management-shell-user-site .member-management-console-context p {
    margin-top: var(--space-1);
    font-size: var(--font-size-xs);
    line-height: 1.45;
  }

  body.member-management-shell-user-site .member-management-members-control {
    padding: 10px 28px;
  }

  body.member-management-shell-user-site .member-management-filter--members-reference {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
  }

  body.member-management-shell-user-site .member-management-member-search-row {
    grid-column: 1;
  }

  body.member-management-shell-user-site .member-management-member-advanced-filter {
    width: auto;
    align-self: center;
    grid-column: 2;
  }

  body.member-management-shell-user-site .member-management-member-advanced-filter > summary {
    min-height: 38px;
    align-items: center;
    padding-inline: var(--space-2);
  }

  body.member-management-shell-user-site .member-management-member-advanced-filter[open] {
    width: 100%;
    grid-column: 1 / -1;
  }
}

@media (max-width: 1380px) {
  body.member-management-shell-user-site .member-management-shell-console-bar {
    grid-template-columns: minmax(200px, 1fr) auto;
  }

  body.member-management-shell-user-site .member-management-shell-console-signals {
    grid-row: 2;
    grid-column: 1 / -1;
  }

  body.member-management-shell-user-site .member-management-console-layout.has-detail {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 380px);
  }
}

@media (max-width: 1100px) {
  body.member-management-shell-user-site .member-management-members-control {
    grid-template-columns: minmax(0, 1fr);
  }

  body.member-management-shell-user-site .member-management-filter--members-reference {
    max-width: none;
  }

  body.member-management-shell-user-site .member-management-member-advanced-filter > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  body.member-management-shell-user-site .member-management-console-context {
    display: none;
  }

  body.member-management-shell-user-site .member-management-shell-header {
    padding: 8px 8px 8px 58px;
  }

  body.member-management-shell-user-site .member-management-shell-console-bar {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    padding: 0;
  }

  body.member-management-shell-user-site .member-management-shell-console-heading span {
    display: none;
  }

  body.member-management-shell-user-site .member-management-shell-console-signals {
    grid-row: auto;
    grid-column: auto;
    grid-template-columns: repeat(3, minmax(92px, 1fr));
    overflow-x: auto;
  }

  body.member-management-shell-user-site .member-management-shell-console-actions {
    justify-content: flex-start;
    overflow: visible;
  }

  body.member-management-shell-user-site .member-management-shell-metrics .member-management-shell-header-grid {
    position: fixed;
    top: 156px;
    right: var(--space-3);
    bottom: var(--space-3);
    left: var(--space-3);
    width: auto;
    max-height: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.member-management-shell-user-site .member-management-shell-sidebar,
  body.member-management-shell-user-site .member-management-shell-workspace.sidebar-collapsed .member-management-shell-sidebar {
    background: var(--color-primary);
  }

  body.member-management-shell-user-site .member-management-console-context {
    align-items: flex-start;
    padding: 18px 16px 14px;
  }

  body.member-management-shell-user-site .member-management-console-context h2 {
    font-size: 22px;
  }

  body.member-management-shell-user-site .member-management-console-context p,
  body.member-management-shell-user-site .member-management-console-context .member-management-brand-title {
    display: none;
  }

  body.member-management-shell-user-site .member-management-members-control {
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-member-search-row,
  body.member-management-shell-user-site .member-management-member-advanced-filter > div {
    grid-template-columns: minmax(0, 1fr);
  }

  body.member-management-shell-user-site .member-management-console-layout,
  body.member-management-shell-user-site .member-management-console-layout.has-detail {
    grid-template-columns: minmax(0, 1fr);
    padding: var(--space-4);
  }

  body.member-management-shell-user-site .member-management-members-list-head {
    grid-template-columns: 1fr auto;
  }

  body.member-management-shell-user-site .member-management-members-list-head > small {
    display: none;
  }

  body.member-management-shell-user-site .member-management-member-detail {
    position: fixed;
    inset: 0;
    z-index: 1100;
    width: 100%;
    height: 100dvh;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    border: 0;
    border-radius: 0;
    background: var(--color-surface);
  }

  body.member-management-shell-user-site .member-management-member-detail-head {
    min-height: 94px;
    padding-top: max(18px, env(safe-area-inset-top));
  }

  body.member-management-shell-user-site .member-management-member-detail-body {
    min-height: 0;
    overflow-y: auto;
    padding-bottom: calc(24px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 460px) {
  body.member-management-shell-user-site .member-management-shell-console-actions > button,
  body.member-management-shell-user-site .member-management-shell-metrics > summary {
    padding: 0 var(--space-3);
  }

  body.member-management-shell-user-site .member-management-shell-console-primary {
    display: none;
  }

  body.member-management-shell-user-site .member-management-member-search-row {
    grid-template-columns: 108px minmax(0, 1fr);
  }

  body.member-management-shell-user-site .member-management-member-search-row button {
    grid-column: 1 / -1;
  }

  body.member-management-shell-user-site .member-management-shell-metrics .member-management-shell-header-grid,
  body.member-management-shell-user-site .member-management-member-detail-grid,
  body.member-management-shell-user-site .member-management-member-detail-balance {
    grid-template-columns: minmax(0, 1fr);
  }

  body.member-management-shell-user-site .member-management-member-detail-grid > span.wide {
    grid-column: auto;
  }
}

body.member-management-shell-user-site .partner-admin-shell .member-management-shell-header {
  position: static;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

body.member-management-shell-user-site .partner-admin-shell .member-management-console-layout {
  padding: 0;
}

body.member-management-shell-user-site .partner-admin-shell .partner-member-detail-host {
  padding: 0;
  overflow: hidden;
}

body.member-management-shell-user-site .partner-admin-shell .partner-member-detail-host > .member-detail-window {
  min-height: min(620px, calc(100vh - var(--layout-admin-header-height) - 180px));
  height: min(820px, calc(100vh - var(--layout-admin-header-height) - 180px));
  max-height: min(820px, calc(100vh - var(--layout-admin-header-height) - 180px));
}

@media (max-width: 980px) {
  body.member-management-shell-user-site .partner-admin-shell .partner-member-detail-host {
    display: block;
    padding: 0;
  }

  body.member-management-shell-user-site .partner-admin-shell .partner-member-detail-host > .member-detail-window {
    width: 100%;
    height: 100dvh;
    min-height: 0;
    max-height: none;
  }
}

body.partner-member-detail-console-site {
  overflow: hidden;
  background: var(--color-admin-canvas);
}

body.partner-member-detail-console-site .partner-member-detail-console {
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
}

body.partner-member-detail-console-site .partner-member-detail-host--standalone {
  position: static;
  inset: auto;
  display: block;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.partner-member-detail-console-site .partner-member-detail-host--standalone > .member-detail-window {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  max-height: none;
}

/* Member detail line settings: reference-table layout with River controls. */
.member-detail-line-panel {
  min-width: 0;
}

.member-detail-line-panel .member-detail-panel-title {
  min-height: 88px;
  margin: 0;
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--color-admin-border);
}

.member-detail-line-warning,
.member-detail-line-guide,
.member-detail-line-permission-note {
  margin: 0;
  padding: var(--space-2) var(--space-4);
  border-bottom: 1px solid var(--color-admin-border);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.member-detail-line-warning {
  color: var(--color-admin-danger);
}

.member-detail-line-guide,
.member-detail-line-permission-note {
  color: var(--color-admin-text-muted);
}

.member-detail-line-settings-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--color-admin-border);
  border-left: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-solid);
}

.member-detail-line-bulk-form {
  display: contents;
}

.casino-slot-bet-table .badge.bet {
  background: var(--color-badge-warning-bg);
  color: var(--color-warning);
}

.casino-slot-bet-table .badge.win,
.casino-slot-bet-table .badge.excess_win {
  background: var(--color-badge-success-bg);
  color: var(--color-success);
}

.casino-slot-bet-table .badge.loss,
.casino-slot-bet-table .badge.cancel {
  background: var(--color-badge-danger-bg);
  color: var(--color-danger);
}

.member-detail-line-password-preview-container {
  min-width: 0;
  grid-column: 1 / -1;
}

.member-detail-line-password-preview-container:empty {
  display: none;
}

.member-detail-line-setting {
  display: grid;
  min-width: 0;
  min-height: 80px;
  grid-template-columns: 142px minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-right: 1px solid var(--color-admin-border);
  border-bottom: 1px solid var(--color-admin-border);
  border-radius: 0;
  background: var(--color-admin-surface-solid);
  box-shadow: none;
}

.member-detail-line-setting.wide {
  grid-column: 1 / -1;
}

.member-detail-line-setting-label {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  padding: var(--space-3) var(--space-4);
  border-right: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-table-header);
  font-weight: 900;
  line-height: 1.35;
  text-align: center;
  word-break: keep-all;
}

.member-detail-line-setting > .member-detail-line-setting-control {
  width: auto;
  min-width: 0;
  min-height: 50px;
  margin: var(--space-3);
}

.member-detail-line-setting > :is(input, select).member-detail-line-setting-control {
  padding: 0 var(--space-3);
  border: 1px solid var(--color-admin-border);
  border-radius: 0;
  background: var(--color-admin-control-bg);
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
}

.member-detail-line-setting > input.member-detail-line-setting-control[readonly] {
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-muted);
}

.member-detail-line-setting-summary {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: 0 var(--space-3);
  border: 1px solid var(--color-admin-border);
  background: var(--color-admin-control-bg);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
}

.member-detail-line-setting-summary > span {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-detail-line-setting .member-detail-line-secondary {
  min-height: 34px;
  height: 34px;
  flex: 0 0 auto;
  padding: 0 var(--space-3);
  border-radius: 0;
  font-size: var(--font-size-xs);
}

.member-detail-line-setting .member-detail-line-action {
  min-width: 66px;
  min-height: 50px;
  height: 50px;
  align-self: center;
  margin: var(--space-3) var(--space-3) var(--space-3) 0;
  padding: 0 var(--space-3);
  border-color: var(--color-admin-success);
  border-radius: 0;
  background: var(--color-admin-success);
  color: var(--color-admin-surface-solid);
  font-size: var(--font-size-sm);
  font-weight: 900;
}

.member-detail-line-setting .member-detail-line-action:hover:not(:disabled) {
  border-color: var(--color-admin-success);
  background: var(--color-admin-success);
  color: var(--color-admin-surface-solid);
  filter: brightness(0.92);
}

.member-detail-line-setting .member-detail-line-action:disabled {
  border-color: var(--color-admin-border-strong);
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-muted);
}

.member-detail-line-panel + .member-detail-window-limit-preview {
  margin-top: var(--space-5);
}

@media (max-width: 980px) {
  .member-detail-line-settings-grid {
    grid-template-columns: 1fr;
  }

  .member-detail-line-setting.wide {
    grid-column: auto;
  }
}

@media (max-width: 620px) {
  .member-detail-line-panel .member-detail-panel-title {
    min-height: 50px;
    padding: var(--space-3) var(--space-4);
  }

  .member-detail-line-setting {
    min-height: 60px;
    grid-template-columns: 98px minmax(0, 1fr) auto;
  }

  .member-detail-line-setting-label {
    padding: var(--space-2) var(--space-3);
  }

  .member-detail-line-setting > .member-detail-line-setting-control {
    min-height: 44px;
    margin: var(--space-2);
  }

  .member-detail-line-setting .member-detail-line-action {
    min-width: 58px;
    min-height: 44px;
    height: 44px;
    margin: var(--space-2) var(--space-2) var(--space-2) 0;
    padding: 0 var(--space-2);
    font-size: var(--font-size-xs);
  }

  .member-detail-line-setting .member-detail-line-secondary {
    display: none;
  }
}

/* 공베팅 관리: 관리자 전용 단일 현황 화면 */
.fake-bet-management-view {
  overflow: hidden;
}

.fake-bet-page-header {
  padding: var(--space-10) var(--space-12);
  background: linear-gradient(135deg, var(--color-admin-surface-subtle), var(--color-surface));
}

.fake-bet-page-header > div:first-child {
  display: grid;
  gap: var(--space-2);
}

.fake-bet-page-header > div:first-child .muted {
  white-space: normal;
  font-weight: 500;
}

.fake-bet-page-body {
  display: grid;
  gap: var(--space-10);
  padding: var(--space-10);
}

.fake-bet-management-tabs {
  margin: 0;
  padding: var(--space-5) var(--space-10);
}

.fake-bet-management-tab {
  flex: 0 0 auto;
}

.fake-bet-line-bulk-view > .line-bulk-hierarchy-workspace {
  margin-top: 0;
}

.fake-bet-line-bulk-guide,
.fake-bet-line-bulk-form,
.fake-bet-line-bulk-preview {
  padding: var(--space-8);
}

.fake-bet-line-bulk-guide {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-8);
  background: var(--color-admin-surface-subtle);
}

.fake-bet-line-bulk-guide h3,
.fake-bet-line-bulk-preview h3 {
  margin: var(--space-2) 0 0;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-lg);
}

.fake-bet-line-bulk-eyebrow {
  display: block;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.fake-bet-line-bulk-guide p,
.fake-bet-line-bulk-preview p,
.fake-bet-line-bulk-section-help {
  margin: 0;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
  line-height: 1.55;
}

.fake-bet-line-bulk-guide p {
  margin-top: var(--space-3);
}

.fake-bet-line-bulk-guide-note,
.fake-bet-line-bulk-preview-note {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  max-width: 420px;
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.5;
}

.fake-bet-line-bulk-guide-note .badge,
.fake-bet-line-bulk-preview-note .badge {
  flex: 0 0 auto;
}

.fake-bet-line-bulk-form {
  display: grid;
  gap: var(--space-6);
  align-content: start;
  width: 100%;
  max-width: 1080px;
  background: var(--color-surface);
}

.fake-bet-line-bulk-section {
  min-width: 0;
  margin: 0;
  padding: var(--space-6);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface-subtle);
}

.fake-bet-line-bulk-section legend {
  padding: 0 var(--space-2);
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-md);
  font-weight: 800;
}

.fake-bet-line-bulk-section-help {
  margin-bottom: var(--space-5);
}

.fake-bet-line-bulk-rate-grid,
.fake-bet-line-bulk-option-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.fake-bet-line-bulk-rate-card,
.fake-bet-line-bulk-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  min-width: 0;
  padding: var(--space-5);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-admin-text-strong);
  cursor: pointer;
}

.fake-bet-line-bulk-rate-card > span,
.fake-bet-line-bulk-option > span {
  display: grid;
  gap: var(--space-1);
  min-width: 0;
}

.fake-bet-line-bulk-rate-card > span {
  font-weight: 800;
}

.fake-bet-line-bulk-rate-card small,
.fake-bet-line-bulk-option small,
.fake-bet-line-bulk-field small {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 500;
}

.fake-bet-line-bulk-rate-card:focus-within,
.fake-bet-line-bulk-option:focus-within,
.fake-bet-line-bulk-option:has(input:checked) {
  border-color: var(--color-admin-selection);
  background: var(--color-admin-selection-soft);
}

.fake-bet-line-bulk-rate-card .fake-bet-rate-field {
  flex: 0 1 180px;
}

.fake-bet-line-bulk-option {
  justify-content: flex-start;
}

.fake-bet-line-bulk-option input {
  flex: 0 0 auto;
}

.fake-bet-line-bulk-option strong {
  font-size: var(--font-size-sm);
}

.fake-bet-line-bulk-field,
.fake-bet-line-bulk-period-fields,
.fake-bet-line-bulk-field--reason {
  display: grid;
  gap: var(--space-3);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.fake-bet-line-bulk-field--reason {
  padding: var(--space-6);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface-subtle);
}

.fake-bet-line-bulk-field--reason > span {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
}

.fake-bet-line-bulk-field--reason input,
.fake-bet-line-bulk-field--reason textarea,
.fake-bet-line-bulk-period-fields input {
  width: 100%;
  min-width: 0;
}

.fake-bet-line-bulk-actions,
.fake-bet-line-bulk-message {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-4);
}

.fake-bet-line-bulk-period-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: var(--space-5);
  padding: var(--space-5);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface-subtle);
}

.fake-bet-line-bulk-period-fields label {
  display: grid;
  gap: var(--space-2);
}

.fake-bet-line-bulk-period-fields label > span {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.fake-bet-line-bulk-message {
  min-height: 1.4em;
  margin: 0;
  color: var(--color-danger);
  font-size: var(--font-size-sm);
}

.fake-bet-line-bulk-preview {
  display: grid;
  gap: var(--space-5);
  width: 100%;
  max-width: 1240px;
  background: var(--color-surface);
}

.fake-bet-line-bulk-preview-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-6);
}

.fake-bet-line-bulk-preview-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-admin-border);
}

.fake-bet-line-bulk-preview-summary > div {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-5);
  background: var(--color-admin-surface-subtle);
}

.fake-bet-line-bulk-preview-summary span {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.fake-bet-line-bulk-preview-summary strong {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-md);
  overflow-wrap: anywhere;
}

.fake-bet-line-bulk-preview-note {
  max-width: none;
  align-items: center;
  border-style: dashed;
  background: var(--color-admin-surface-subtle);
}

.fake-bet-line-bulk-preview-note p {
  margin: 0;
}

.fake-bet-line-bulk-preview-footnote {
  margin: 0;
}

.fake-bet-line-bulk-preview-actions {
  display: flex;
  justify-content: flex-end;
}

.fake-bet-line-bulk-preview-table {
  min-width: 560px;
}

@media (max-width: 820px) {
  .fake-bet-management-tabs {
    padding: var(--space-4) var(--space-6);
    overflow-x: auto;
  }

  .fake-bet-line-bulk-guide,
  .fake-bet-line-bulk-preview-header {
    display: grid;
    gap: var(--space-5);
  }

  .fake-bet-line-bulk-guide-note {
    max-width: none;
  }

  .fake-bet-line-bulk-rate-grid,
  .fake-bet-line-bulk-option-grid,
  .fake-bet-line-bulk-preview-summary {
    grid-template-columns: 1fr;
  }

  .fake-bet-line-bulk-rate-card {
    align-items: stretch;
    flex-direction: column;
  }

  .fake-bet-line-bulk-rate-card .fake-bet-rate-field {
    flex-basis: auto;
  }

  .fake-bet-line-bulk-period-fields {
    grid-template-columns: 1fr;
  }
}

/* 공베팅 라인 일괄설정: 선택한 컴팩트 폼 레이아웃 */
.fake-bet-line-bulk-guide {
  align-items: center;
  gap: var(--space-5);
  padding: var(--space-6);
}

.fake-bet-line-bulk-guide h3 {
  margin-top: var(--space-1);
}

.fake-bet-line-bulk-guide p {
  margin-top: var(--space-2);
}

.fake-bet-line-bulk-guide-note {
  max-width: 360px;
  align-items: center;
  padding: var(--space-3) var(--space-4);
}

.fake-bet-line-bulk-form--compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  max-width: none;
  padding: var(--space-5);
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-section {
  padding: var(--space-5);
  background: var(--color-surface);
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-section legend {
  font-size: var(--font-size-sm);
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-section-help {
  margin-bottom: var(--space-3);
  font-size: var(--font-size-xs);
  line-height: 1.35;
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-rate-grid,
.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-option-grid {
  gap: var(--space-3);
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-rate-card,
.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-option {
  gap: var(--space-3);
  padding: var(--space-4);
  border-radius: var(--radius-sm);
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-rate-card {
  display: grid;
  align-content: start;
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-rate-card > span {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-2);
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-rate-card small,
.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-option small {
  white-space: nowrap;
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-rate-card .fake-bet-rate-field {
  width: 100%;
  flex: none;
  gap: var(--space-2);
}

.fake-bet-line-bulk-form--compact .fake-bet-rate-field input {
  min-width: 0;
  padding: var(--space-3) var(--space-3);
  text-align: right;
}

.fake-bet-line-bulk-form--compact .fake-bet-rate-field b {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-option {
  min-height: 64px;
  align-items: flex-start;
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-option strong {
  font-size: var(--font-size-xs);
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-period-fields {
  gap: var(--space-3);
  margin-top: var(--space-3);
  padding: var(--space-3);
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-period-fields[hidden] {
  display: none;
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-period-fields label {
  min-width: 0;
  gap: var(--space-2);
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-period-fields label > span {
  white-space: nowrap;
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-period-fields input {
  min-width: 0;
  padding: var(--space-3) var(--space-2);
  font-size: var(--font-size-xs);
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-field--reason {
  grid-column: 1 / -1;
  grid-template-columns: 120px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-5);
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-field--reason > span {
  white-space: nowrap;
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-field--reason textarea {
  min-height: var(--control-height-md);
  resize: vertical;
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-actions,
.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-message {
  grid-column: 1 / -1;
}

.fake-bet-line-bulk-form--compact .fake-bet-line-bulk-actions {
  padding-top: 0;
}

@media (max-width: 1180px) {
  .fake-bet-line-bulk-form--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fake-bet-line-bulk-form--compact .fake-bet-line-bulk-section--period {
    grid-column: 1 / -1;
  }
}

@media (max-width: 820px) {
  .fake-bet-line-bulk-form--compact {
    grid-template-columns: 1fr;
    padding: var(--space-4);
  }

  .fake-bet-line-bulk-form--compact .fake-bet-line-bulk-section--period,
  .fake-bet-line-bulk-form--compact .fake-bet-line-bulk-field--reason,
  .fake-bet-line-bulk-form--compact .fake-bet-line-bulk-actions,
  .fake-bet-line-bulk-form--compact .fake-bet-line-bulk-message {
    grid-column: auto;
  }

  .fake-bet-line-bulk-form--compact .fake-bet-line-bulk-field--reason {
    grid-template-columns: 1fr;
  }
}

.fake-bet-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-7);
}

.fake-bet-summary-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: var(--space-9);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, var(--color-surface), var(--color-admin-surface-subtle));
  box-shadow: var(--shadow-panel);
}

.fake-bet-summary-card::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--color-sidebar-accent);
  content: "";
}

.fake-bet-summary-card.members::before {
  background: var(--color-admin-success);
}

.fake-bet-summary-card.scheduled::before {
  background: var(--color-warning);
}

.fake-bet-summary-card.recovery::before {
  background: var(--color-primary-variant);
}

.fake-bet-summary-card > span {
  display: block;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 700;
}

.fake-bet-summary-card strong {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  margin-top: var(--space-4);
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-3xl);
  line-height: 1;
}

.fake-bet-summary-card strong small {
  font-size: var(--font-size-sm);
}

.fake-bet-summary-card p {
  margin: var(--space-5) 0 0;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.45;
}

.fake-bet-policy-panel,
.fake-bet-history-panel {
  overflow: hidden;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.fake-bet-subsection-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  padding: var(--space-8) var(--space-9);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-admin-surface-subtle);
}

.fake-bet-subsection-title h3,
.fake-bet-subsection-title p {
  margin: 0;
}

.fake-bet-subsection-title h3 {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-lg);
}

.fake-bet-subsection-title p {
  margin-top: var(--space-2);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
}

.fake-bet-filter-toolbar {
  display: grid;
  grid-template-columns: 130px 130px 150px minmax(220px, 1fr) 90px auto auto;
  gap: var(--space-4);
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-surface);
}

.fake-bet-filter-toolbar > * {
  min-width: 0;
}

.fake-bet-filter-fixed {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 var(--space-5);
  border: 1px solid var(--color-admin-border-strong);
  border-radius: var(--radius-md);
  background: var(--color-admin-surface-subtle);
  color: var(--color-admin-selection-foreground);
  font-size: var(--font-size-sm);
  font-weight: 800;
  white-space: nowrap;
}

.fake-bet-history-filter-toolbar {
  grid-template-columns: minmax(220px, 1fr) 90px auto;
}

.fake-bet-history-table {
  min-width: 980px;
}

.fake-bet-history-table td {
  vertical-align: middle;
  line-height: 1.45;
}

.fake-bet-history-pagination {
  padding: var(--space-6) var(--space-8);
  border-top: 1px solid var(--color-admin-border);
}

.fake-bet-policy-table-wrap {
  margin: 0;
  border: 0;
  border-radius: 0;
}

.fake-bet-policy-table {
  min-width: 1360px;
}

.fake-bet-policy-table td {
  vertical-align: middle;
  line-height: 1.45;
}

.fake-bet-status {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 var(--space-5);
  border: 1px solid var(--color-admin-border-strong);
  border-radius: var(--radius-pill);
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  white-space: nowrap;
}

.fake-bet-status.active {
  border-color: var(--color-admin-success);
  background: var(--color-admin-selection-soft);
  color: var(--color-admin-selection-foreground);
}

.fake-bet-status.scheduled {
  border-color: var(--color-warning);
  background: var(--color-admin-notice-bg);
  color: var(--color-admin-text-strong);
}

.fake-bet-row-actions,
.fake-bet-policy-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.fake-bet-pagination {
  padding: var(--space-6) var(--space-8);
  border-top: 1px solid var(--color-admin-border);
}

.fake-bet-policy-cards,
.fake-bet-mobile-empty {
  display: none;
}

.fake-bet-recovery-filter-toolbar {
  display: grid;
  grid-template-columns: 160px minmax(260px, 1fr) 90px auto auto;
  gap: var(--space-4);
  padding: var(--space-7) var(--space-8);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-surface);
}

.fake-bet-recovery-filter-toolbar > * {
  min-width: 0;
}

.fake-bet-recovery-table-wrap {
  margin: 0;
  border: 0;
  border-radius: 0;
}

.fake-bet-recovery-table {
  min-width: 1460px;
}

.fake-bet-recovery-table td {
  vertical-align: top;
  line-height: 1.45;
  white-space: normal;
}

.fake-bet-recovery-table td:first-child > strong,
.fake-bet-recovery-target > strong,
.fake-bet-recovery-time > strong,
.fake-bet-recovery-admin > strong,
.fake-bet-recovery-policy > strong,
.fake-bet-recovery-progress > strong {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
}

.fake-bet-recovery-target,
.fake-bet-recovery-time,
.fake-bet-recovery-admin,
.fake-bet-recovery-policy,
.fake-bet-recovery-progress {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.fake-bet-recovery-table td:first-child > .fake-bet-recovery-time {
  margin-top: var(--space-3);
}

.fake-bet-recovery-target small,
.fake-bet-recovery-time small,
.fake-bet-recovery-admin small,
.fake-bet-recovery-policy small,
.fake-bet-recovery-progress small,
.fake-bet-recovery-amounts small {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  font-weight: 500;
}

.fake-bet-recovery-target strong,
.fake-bet-recovery-policy small,
.fake-bet-recovery-admin small,
.fake-bet-recovery-reason {
  overflow-wrap: anywhere;
}

.fake-bet-recovery-amount-groups {
  display: grid;
  gap: var(--space-4);
  min-width: 170px;
}

.fake-bet-recovery-amounts {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.fake-bet-recovery-amounts > b {
  color: var(--color-admin-text);
  font-size: var(--font-size-xs);
  font-weight: 800;
}

.fake-bet-recovery-wallet-movements {
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-admin-border);
}

.fake-bet-recovery-amounts > span {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-5);
}

.fake-bet-recovery-amounts strong {
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-sm);
  white-space: nowrap;
}

.fake-bet-status.recovery-completed {
  border-color: var(--color-admin-success);
  background: var(--color-admin-selection-soft);
  color: var(--color-admin-selection-foreground);
}

.fake-bet-status.recovery-pending {
  border-color: var(--color-warning);
  background: var(--color-admin-notice-bg);
  color: var(--color-admin-text-strong);
}

.fake-bet-status.recovery-failed {
  border-color: var(--color-danger);
  background: var(--color-admin-badge-danger-bg);
  color: var(--color-danger);
}

.fake-bet-recovery-table td > .fake-bet-status {
  margin-bottom: var(--space-3);
}

.fake-bet-recovery-reason {
  max-width: 240px;
  margin: 0 0 var(--space-4);
  color: var(--color-admin-text);
  font-size: var(--font-size-sm);
}

.fake-bet-recovery-retry-note {
  display: block;
  max-width: 240px;
  margin-bottom: var(--space-4);
  overflow-wrap: anywhere;
  white-space: normal;
}

.app-shell #page.admin-body-screen .fake-bet-history-panel > .fake-bet-recovery-cards,
.app-shell #page.admin-body-screen .fake-bet-history-panel > .fake-bet-recovery-mobile-empty {
  display: none;
}

.fake-bet-recovery-pagination {
  padding: var(--space-6) var(--space-8);
  border-top: 1px solid var(--color-admin-border);
}

.fake-bet-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  margin: var(--space-8) var(--space-10) 0;
  padding: var(--space-6) var(--space-8);
  border: 1px solid var(--color-admin-success);
  border-radius: var(--radius-md);
  background: var(--color-admin-selection-soft);
  color: var(--color-admin-selection-foreground);
  font-weight: 700;
}

.fake-bet-notice button {
  border: 0;
  background: transparent;
  color: inherit;
  font-size: var(--font-size-xl);
  cursor: pointer;
}

.fake-bet-dialog {
  width: min(760px, calc(100% - 32px));
}

.fake-bet-recovery-dialog {
  width: min(860px, calc(100% - 32px));
}

.fake-bet-dialog .dialog-title-row > div {
  min-width: 0;
}

.fake-bet-dialog .dialog-title-row p {
  margin: var(--space-2) 0 0;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
}

.fake-bet-dialog-body {
  display: grid;
  gap: var(--space-7);
}

.fake-bet-form-section {
  display: grid;
  gap: var(--space-5);
  padding: var(--space-7);
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.fake-bet-form-section h3 {
  margin: 0;
  color: var(--color-admin-text-strong);
  font-size: var(--font-size-md);
}

.fake-bet-segmented {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--color-admin-border-strong);
  border-radius: var(--radius-sm);
}

.fake-bet-segmented label {
  position: relative;
  margin: 0;
}

.fake-bet-segmented label + label {
  border-left: 1px solid var(--color-admin-border-strong);
}

.fake-bet-segmented input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.fake-bet-segmented span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: var(--space-4) var(--space-6);
  background: var(--color-admin-surface-muted);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

.fake-bet-segmented input:checked + span {
  background: var(--color-admin-selection);
  color: var(--color-admin-selection-foreground);
}

.fake-bet-target-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-4);
}

.fake-bet-target-results {
  max-height: 190px;
  overflow-y: auto;
  border: 1px solid var(--color-admin-border);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-subtle);
}

.fake-bet-target-result {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-5);
  min-height: 48px;
  margin: 0;
  padding: var(--space-4) var(--space-6);
  border-bottom: 1px solid var(--color-admin-border);
  background: var(--color-surface);
  cursor: pointer;
}

.fake-bet-target-result:last-child {
  border-bottom: 0;
}

.fake-bet-target-result:has(input:checked) {
  background: var(--color-admin-selection-soft);
}

.fake-bet-target-result strong,
.fake-bet-target-result small {
  display: block;
}

.fake-bet-target-result small {
  margin-top: var(--space-1);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
}

.fake-bet-line-scope,
.fake-bet-inline-options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-6);
  padding: var(--space-5) var(--space-6);
  border-radius: var(--radius-sm);
  background: var(--color-admin-surface-subtle);
  font-size: var(--font-size-sm);
}

.fake-bet-line-scope > span,
.fake-bet-inline-options > span {
  margin-right: auto;
  font-weight: 800;
}

.fake-bet-line-scope[hidden],
.fake-bet-period-fields[hidden] {
  display: none;
}

.fake-bet-rate-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-4);
}

.fake-bet-dialog .field small {
  display: block;
  margin-top: var(--space-2);
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.45;
}

.fake-bet-check-row {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  color: var(--color-admin-text);
  font-size: var(--font-size-sm);
}

.fake-bet-period-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.fake-bet-warning-card,
.fake-bet-confirm-card {
  padding: var(--space-7);
  border: 1px solid var(--color-warning);
  border-radius: var(--radius-md);
  background: var(--color-admin-notice-bg);
}

.fake-bet-confirm-card {
  border-color: var(--color-admin-success);
  background: var(--color-admin-selection-soft);
}

.fake-bet-warning-card p,
.fake-bet-confirm-card p {
  margin: var(--space-3) 0 0;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
  line-height: 1.55;
}

.fake-bet-confirm-card .fake-bet-preview-warning {
  color: var(--color-admin-warning);
  font-weight: 700;
}

.fake-bet-confirm-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  margin: var(--space-6) 0 0;
}

.fake-bet-confirm-card dl div {
  padding: var(--space-4) var(--space-5);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
}

.fake-bet-confirm-card dl .wide {
  grid-column: 1 / -1;
}

.fake-bet-confirm-card dt {
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-xs);
}

.fake-bet-confirm-card dd {
  margin: var(--space-1) 0 0;
  color: var(--color-admin-text-strong);
  font-weight: 800;
}

.fake-bet-dialog-message {
  min-height: 20px;
  margin: var(--space-6) 0 0;
  color: var(--color-admin-text-muted);
  font-size: var(--font-size-sm);
}

.fake-bet-dialog-message[data-tone="danger"] {
  color: var(--color-danger);
}

.fake-bet-dialog-message[data-tone="info"] {
  color: var(--color-primary);
}

.fake-bet-selection-count {
  margin: 0;
  color: var(--color-admin-selection-foreground);
  font-size: var(--font-size-xs);
  font-weight: 800;
  text-align: right;
}

.member-detail-window-fake-bet-shortcut {
  display: grid;
  gap: var(--space-7);
}

.member-detail-window-fake-bet-shortcut > .button {
  justify-self: start;
}

@media (max-width: 1180px) {
  .fake-bet-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fake-bet-filter-toolbar {
    grid-template-columns: repeat(3, minmax(120px, 1fr));
  }

  .fake-bet-filter-toolbar input[name="search"] {
    grid-column: span 2;
  }

  .fake-bet-history-filter-toolbar input[name="search"] {
    grid-column: span 2;
  }

  .fake-bet-recovery-filter-toolbar {
    grid-template-columns: repeat(3, minmax(120px, 1fr));
  }

  .fake-bet-recovery-filter-toolbar input[name="search"] {
    grid-column: span 2;
  }
}

@media (max-width: 760px) {
  .fake-bet-page-header {
    align-items: stretch;
    padding: var(--space-8);
  }

  .fake-bet-page-header > .button {
    width: 100%;
    margin-left: 0;
  }

  .fake-bet-page-body {
    padding: var(--space-6);
  }

  .fake-bet-summary {
    gap: var(--space-4);
  }

  .fake-bet-summary-card {
    padding: var(--space-7);
  }

  .fake-bet-summary-card strong {
    font-size: var(--font-size-2xl);
  }

  .fake-bet-filter-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: var(--space-6);
  }

  .fake-bet-filter-toolbar input[name="search"] {
    grid-column: 1 / -1;
  }

  .fake-bet-history-filter-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fake-bet-history-filter-toolbar input[name="search"] {
    grid-column: 1 / -1;
  }

  .fake-bet-recovery-filter-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: var(--space-6);
  }

  .fake-bet-recovery-filter-toolbar input[name="search"] {
    grid-column: 1 / -1;
  }

  .fake-bet-policy-table-wrap {
    display: none;
  }

  .fake-bet-policy-cards,
  .fake-bet-mobile-empty {
    display: grid;
  }

  .fake-bet-policy-cards {
    gap: var(--space-5);
    padding: var(--space-6);
  }

  .fake-bet-policy-card {
    padding: var(--space-7);
    border: 1px solid var(--color-admin-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    box-shadow: var(--shadow-panel);
  }

  .fake-bet-policy-card header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    color: var(--color-admin-text-muted);
    font-size: var(--font-size-xs);
  }

  .fake-bet-policy-card h3 {
    margin: var(--space-6) 0 0;
    font-size: var(--font-size-lg);
  }

  .fake-bet-policy-card > p {
    margin: var(--space-2) 0 0;
    color: var(--color-admin-text-muted);
    font-size: var(--font-size-xs);
  }

  .fake-bet-policy-card dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
    margin: var(--space-7) 0;
  }

  .fake-bet-policy-card dl div.wide {
    grid-column: 1 / -1;
  }

  .fake-bet-policy-card dt {
    color: var(--color-admin-text-muted);
    font-size: var(--font-size-xs);
  }

  .fake-bet-policy-card dd {
    margin: var(--space-1) 0 0;
    font-size: var(--font-size-sm);
    font-weight: 800;
  }

  .fake-bet-recovery-table-wrap {
    display: none;
  }

  .app-shell #page.admin-body-screen .fake-bet-history-panel > .fake-bet-recovery-cards,
  .app-shell #page.admin-body-screen .fake-bet-history-panel > .fake-bet-recovery-mobile-empty {
    display: grid;
  }

  .fake-bet-recovery-cards {
    gap: var(--space-5);
    padding: var(--space-6);
  }

  .fake-bet-recovery-card {
    display: grid;
    gap: var(--space-6);
    padding: var(--space-7);
    border: 1px solid var(--color-admin-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    box-shadow: var(--shadow-panel);
  }

  .fake-bet-recovery-card header,
  .fake-bet-recovery-card footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
  }

  .fake-bet-recovery-card dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
    margin: 0;
  }

  .fake-bet-recovery-card dl > div {
    min-width: 0;
  }

  .fake-bet-recovery-card dl > div.wide {
    grid-column: 1 / -1;
  }

  .fake-bet-recovery-card dt {
    margin-bottom: var(--space-2);
    color: var(--color-admin-text-muted);
    font-size: var(--font-size-xs);
  }

  .fake-bet-recovery-card dd {
    margin: 0;
    color: var(--color-admin-text);
    font-size: var(--font-size-sm);
  }

  .fake-bet-recovery-card .fake-bet-recovery-amounts {
    min-width: 0;
    padding: var(--space-4);
    border-radius: var(--radius-sm);
    background: var(--color-admin-surface-subtle);
  }

  .fake-bet-period-fields,
  .fake-bet-confirm-card dl {
    grid-template-columns: 1fr;
  }

  .fake-bet-confirm-card dl .wide {
    grid-column: auto;
  }
}

@media (max-width: 520px) {
  .fake-bet-summary {
    grid-template-columns: 1fr;
  }

  .fake-bet-filter-toolbar {
    grid-template-columns: 1fr;
  }

  .fake-bet-filter-toolbar input[name="search"] {
    grid-column: auto;
  }

  .fake-bet-history-filter-toolbar {
    grid-template-columns: 1fr;
  }

  .fake-bet-history-filter-toolbar input[name="search"] {
    grid-column: auto;
  }

  .fake-bet-recovery-filter-toolbar {
    grid-template-columns: 1fr;
  }

  .fake-bet-recovery-filter-toolbar input[name="search"] {
    grid-column: auto;
  }

  .fake-bet-recovery-card dl {
    grid-template-columns: 1fr;
  }

  .fake-bet-recovery-card dl > div.wide {
    grid-column: auto;
  }

  .fake-bet-segmented,
  .fake-bet-recovery-mode,
  .fake-bet-schedule-options {
    grid-template-columns: 1fr;
  }

  .fake-bet-segmented label + label {
    border-top: 1px solid var(--color-admin-border-strong);
    border-left: 0;
  }
}

/* Partner operations mobile shell: keep the frequent actions visible and move the rest into the drawer. */
.partner-admin-mobile-header-title,
.partner-admin-mobile-quick-nav {
  display: none;
}

@media (max-width: 980px) {
  body.member-management-shell-user-site .app-shell.partner-admin-shell {
    overflow-x: hidden;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .topbar {
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 8px;
    padding: 8px 10px;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .topbar-summary {
    overflow: visible;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .partner-admin-header-status {
    display: none;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .partner-admin-mobile-header-title {
    min-width: 0;
    display: grid;
    gap: 2px;
    align-content: center;
    padding-inline: 2px;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .partner-admin-mobile-header-title span {
    overflow: hidden;
    color: var(--color-sidebar-accent-muted);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .partner-admin-mobile-header-title strong {
    overflow: hidden;
    color: var(--color-sidebar-title);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .topbar-utility {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(38px, 1fr);
    gap: 6px;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .topbar-utility .admin-header-action-button {
    width: auto;
    min-width: 0;
    min-height: 38px;
    padding-inline: 8px;
    font-size: 12px;
    white-space: nowrap;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .partner-admin-mobile-quick-nav {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--color-admin-border);
    background: var(--color-surface);
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .partner-admin-mobile-quick-nav button {
    min-width: 0;
    min-height: 44px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--color-admin-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text-muted);
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 900;
    padding: 0 8px;
    text-align: center;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .partner-admin-mobile-quick-nav button.active,
  body.member-management-shell-user-site .app-shell.partner-admin-shell .partner-admin-mobile-quick-nav button:focus-visible {
    border-color: var(--color-sidebar-accent);
    background: var(--color-sidebar-accent-soft);
    color: var(--color-sidebar-accent-strong);
    outline: 0;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .partner-admin-mobile-quick-nav button > span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .partner-admin-mobile-quick-nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .partner-admin-mobile-quick-nav-icon svg {
    width: 18px;
    height: 18px;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .content,
  body.member-management-shell-user-site .app-shell.partner-admin-shell .partner-admin-body-screen,
  body.member-management-shell-user-site .app-shell.partner-admin-shell .member-management-console-layout {
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .member-management-shell-console-signals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .member-management-shell-console-actions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .member-management-shell-console-actions > button,
  body.member-management-shell-user-site .app-shell.partner-admin-shell .member-management-shell-console-actions > .member-management-shell-metrics,
  body.member-management-shell-user-site .app-shell.partner-admin-shell .member-management-shell-metrics > summary {
    width: 100%;
    min-height: 44px;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .member-management-shell-console-heading strong {
    font-size: 18px;
  }
}

@media (max-width: 460px) {
  body.member-management-shell-user-site .app-shell.partner-admin-shell .topbar {
    gap: 6px;
    padding-inline: 8px;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .topbar-utility {
    gap: 4px;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .topbar-utility .admin-header-action-button {
    padding-inline: 6px;
    font-size: 11px;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .partner-admin-mobile-quick-nav {
    gap: 4px;
    padding: 6px 8px;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .partner-admin-mobile-quick-nav button {
    grid-template-columns: 1fr;
    gap: 2px;
    min-height: 46px;
    padding-inline: 4px;
    font-size: 11px;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .partner-admin-mobile-quick-nav-icon svg {
    width: 16px;
    height: 16px;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .member-management-shell-console-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Keep the partner header safe even when the page body scope is not applied during the first render. */
@media (max-width: 1100px) {
  .app-shell.partner-admin-shell .topbar-summary .partner-admin-header-status,
  .app-shell.partner-admin-shell .topbar-summary .dashboard-status-strip-header {
    display: none !important;
  }
}

/* Keep the original full operations header on desktop; use the compact title only on smaller screens. */
@media (min-width: 1101px) {
  .app-shell.partner-admin-shell .partner-admin-mobile-header-title {
    display: none !important;
  }

  .app-shell.partner-admin-shell .partner-admin-header-status {
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
  }
}

.app-shell.partner-admin-shell .partner-admin-mobile-header-title {
  min-width: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  gap: clamp(12px, 1vw, 28px);
  padding-inline: 8px;
}

.app-shell.partner-admin-shell .partner-admin-header-title-copy {
  min-width: 112px;
  display: grid;
  align-content: center;
  gap: 4px;
}

.app-shell.partner-admin-shell .partner-admin-header-title-copy span,
.app-shell.partner-admin-shell .partner-admin-header-title-copy strong,
.app-shell.partner-admin-shell .partner-admin-header-summary-metric span,
.app-shell.partner-admin-shell .partner-admin-header-summary-metric strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-shell.partner-admin-shell .partner-admin-header-title-copy span {
  color: var(--color-sidebar-accent-muted);
  font-size: var(--font-size-xs);
  font-weight: 800;
  line-height: 1.1;
}

.app-shell.partner-admin-shell .partner-admin-header-title-copy strong {
  color: var(--color-sidebar-title);
  font-size: var(--font-size-xl);
  font-weight: 900;
  line-height: 1.2;
}

.app-shell.partner-admin-shell .partner-admin-header-summary-metrics {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.app-shell.partner-admin-shell .partner-admin-header-summary-metric {
  min-width: 92px;
  height: 48px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 3px;
  padding: 4px 12px;
  border: 1px solid var(--color-sidebar-panel-border);
  border-radius: var(--radius-sm);
  background: var(--color-sidebar-panel);
  color: var(--color-sidebar-text);
}

.app-shell.partner-admin-shell .partner-admin-header-summary-metric span {
  color: var(--color-admin-dark-header-label);
  font-size: var(--font-size-xs);
  font-weight: 800;
  line-height: 1.1;
}

.app-shell.partner-admin-shell .partner-admin-header-summary-metric strong {
  color: var(--color-sidebar-accent);
  font-size: var(--font-size-md);
  font-weight: 900;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 1100px) {
  .app-shell.partner-admin-shell .partner-admin-header-summary-metrics {
    display: none;
  }
}

/* Partner operations mobile scrolling and member-list readability. */
@media (max-width: 980px) {
  body.member-management-shell-user-site:has(.partner-admin-shell) {
    overflow-x: hidden;
    overflow-y: auto;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell,
  body.member-management-shell-user-site .app-shell.partner-admin-shell .main {
    height: auto;
    min-height: 100dvh;
    overflow-y: visible;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .member-management-member-card-head > span:first-child,
  body.member-management-shell-user-site .app-shell.partner-admin-shell .member-management-member-card-meta span,
  body.member-management-shell-user-site .app-shell.partner-admin-shell .member-management-member-card-values span {
    min-width: 0;
    overflow: visible;
  }

  body.member-management-shell-user-site .app-shell.partner-admin-shell .member-management-member-card-head strong,
  body.member-management-shell-user-site .app-shell.partner-admin-shell .member-management-member-card-head small,
  body.member-management-shell-user-site .app-shell.partner-admin-shell .member-management-member-card-meta strong,
  body.member-management-shell-user-site .app-shell.partner-admin-shell .member-management-member-card-values strong {
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
  }
}

@media (max-width: 1100px) {
  .app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table
    :is(th[data-member-column="money"], td[data-member-column="money"]) {
    position: static;
    left: auto;
    z-index: auto;
    min-width: 0;
    max-width: none;
    box-shadow: none;
  }

  .app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table
    :is(th[data-member-column="username"], td[data-member-column="username"]) {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 190px;
    max-width: none;
    background: var(--color-bling-surface);
    box-shadow: 1px 0 0 var(--color-bling-cell-border);
  }

  .app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table
    th[data-member-column="username"] {
    z-index: 3;
    background: var(--color-bling-header-bg);
  }

  .app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table tbody tr:hover
    td[data-member-column="username"],
  .app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table tbody tr.selected
    td[data-member-column="username"] {
    background: var(--color-bling-row-hover);
  }

  .app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table {
    width: max-content;
    min-width: 1558px;
    table-layout: auto;
  }

  .app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table
    :is(th[data-member-column="parent"], td[data-member-column="parent"],
      th[data-member-column="username"], td[data-member-column="username"]) {
    width: max-content;
    min-width: max-content;
    max-width: none;
    white-space: nowrap;
  }

  .app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view
    :is(.river-member-parent, .river-member-identity, .river-member-identity-link,
      .river-member-identity-link strong, .river-member-identity-link small) {
    width: max-content;
    min-width: max-content;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
  }

  .app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view .river-member-identity-link {
    justify-items: start;
    text-align: left;
  }
}

/* 파트너 회원목록·트리뷰도 관리자 본문 패널 구조를 그대로 사용한다. */
.app-shell.partner-admin-shell .member-management-console-layout .bling-member-list-panel {
  overflow: visible;
  border-color: var(--color-admin-border);
  border-radius: 8px;
  background: var(--color-admin-surface);
  box-shadow: var(--shadow-admin-body-surface);
}

.app-shell.partner-admin-shell .member-management-console-layout .member-list-filter-badge {
  color: var(--color-admin-text-muted);
}

.app-shell.partner-admin-shell .member-management-console-layout .bling-member-footer {
  border-top: 1px solid var(--color-admin-border);
}

.app-shell.partner-admin-shell .partner-managed-tree {
  display: block;
  min-width: 0;
  background: transparent;
}

#app .app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table
  :is(th[data-member-column="rate"], td[data-member-column="rate"]) {
  min-width: 0;
  max-width: none;
  background: inherit;
  box-shadow: none;
}

#app .app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table
  th[data-member-column="rate"] {
  background: var(--color-bling-header-bg);
}

#app .app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table tbody tr:hover
  td[data-member-column="rate"],
#app .app-shell.partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table tbody tr.selected
  td[data-member-column="rate"] {
  background: var(--color-bling-row-hover);
}

/* Keep permission-shaped partner columns semantic at every viewport width. */
body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table {
  min-width: 1558px;
}

body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="parent"] {
  width: 95px;
}

body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="type"] {
  width: 64px;
}

body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="username"] {
  width: 190px;
  min-width: 190px;
  max-width: 190px;
  box-shadow: 1px 0 0 var(--color-bling-cell-border);
}

body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table :is(
  [data-member-column="money"],
  [data-member-column="point"]
) {
  width: 118px;
}

body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table :is(
  [data-member-column="deposit"],
  [data-member-column="withdraw"]
) {
  width: 82px;
}

body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="rate"] {
  width: 112px;
}

body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="profit"] {
  width: 95px;
}

body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="login_fail"] {
  width: 64px;
}

body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table :is(
  [data-member-column="joined"],
  [data-member-column="last_login"],
  [data-member-column="last_money"]
) {
  width: 132px;
}

body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="status"] {
  width: 84px;
}

body.member-management-shell-user-site .partner-admin-shell .bling-member-list-view.river-member-list-view table.member-list-table [data-member-column="actions"] {
  width: 58px;
}

@media (min-width: 981px) {
  .app-shell.partner-admin-shell .river-member-session-toolbar.member-management-filter {
    display: flex;
    grid-template-columns: none;
    justify-content: space-between;
    width: 100%;
  }

  .app-shell.partner-admin-shell .river-member-session-toolbar__group {
    flex: 0 0 auto;
  }

  .app-shell.partner-admin-shell .river-member-session-toolbar__group select {
    width: 112px;
    min-width: 112px;
    max-width: 112px;
  }

  .app-shell.partner-admin-shell .river-member-session-toolbar__search {
    flex: 0 0 auto;
    margin-left: auto;
  }

  .app-shell.partner-admin-shell .river-member-session-toolbar__search input {
    width: 260px;
    min-width: 260px;
    max-width: 260px;
  }
}