:root {
  color-scheme: light;
  --ink: #17202a;
  --muted: #697586;
  --line: #d8dee8;
  --surface: #ffffff;
  --soft: #f4f7fb;
  --brand: #106b68;
  --brand-2: #b33f62;
  --accent: #d69222;
  --danger: #bf3030;
  --ok: #19754a;
  --shadow: 0 10px 30px rgba(32, 44, 60, 0.12);
  font-family: "Segoe UI", Tahoma, sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--soft);
  color: var(--ink);
}

body.desktop-mode {
  min-width: 1200px;
  overflow-x: auto;
}

body.desktop-mode #app {
  min-width: 1200px;
}

body.desktop-mode:has(.agent-page-commission),
body.desktop-mode:has(.agent-page-commission) #app {
  min-width: 0;
}

body.desktop-mode:has(.agent-page-commission) {
  overflow-x: hidden;
}

body.desktop-mode:has(.agent-limit-card),
body.desktop-mode:has(.agent-limit-card) #app {
  min-width: 0;
}

body.desktop-mode:has(.agent-limit-card) {
  overflow-x: hidden;
}

body.desktop-mode:has(.agent-receive-lottery-table),
body.desktop-mode:has(.agent-receive-lottery-table) #app {
  min-width: 1200px;
}

body.desktop-mode:has(.agent-receive-lottery-table) {
  overflow-x: auto;
}

body.desktop-mode:has(.agent-receive-lottery-table) .agent-clone-shell {
  min-width: 1380px;
}

@media (max-width: 980px) {
  body.desktop-mode:has(.agent-clone-shell),
  body.desktop-mode:has(.agent-clone-shell) #app {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }
}

body.login-mode {
  min-width: 0;
  overflow-x: hidden;
}

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

button {
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
  color: var(--ink);
  cursor: pointer;
  padding: 0 12px;
}

button.primary {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

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

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

input,
select,
textarea {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 8px 10px;
  background: #fff;
  color: var(--ink);
  -webkit-text-fill-color: var(--ink);
  caret-color: var(--ink);
  color-scheme: light;
}

input:focus,
select:focus,
textarea:focus {
  background: #fff;
  color: var(--ink);
  -webkit-text-fill-color: var(--ink);
}

input::placeholder,
textarea::placeholder {
  color: #64748b;
  -webkit-text-fill-color: #64748b;
  opacity: 1;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: var(--ink);
  caret-color: var(--ink);
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-text-fill-color: initial;
  color-scheme: light;
}

textarea {
  resize: vertical;
}

.login-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(300px, 480px) 1fr;
  background:
    linear-gradient(120deg, rgba(16, 107, 104, 0.92), rgba(179, 63, 98, 0.84)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='700' viewBox='0 0 900 700'%3E%3Crect width='900' height='700' fill='%23e8eef7'/%3E%3Cg fill='none' stroke='%2392a0b3' stroke-width='2' opacity='.45'%3E%3Cpath d='M70 120h760M70 210h760M70 300h760M70 390h760M70 480h760M70 570h760'/%3E%3Cpath d='M160 60v580M310 60v580M460 60v580M610 60v580M760 60v580'/%3E%3C/g%3E%3Cg fill='%23ffffff' opacity='.75'%3E%3Ccircle cx='160' cy='120' r='34'/%3E%3Ccircle cx='462' cy='300' r='44'/%3E%3Ccircle cx='760' cy='480' r='38'/%3E%3C/g%3E%3Ctext x='110' y='626' font-family='Arial' font-size='72' fill='%2317202a' opacity='.24'%3E19 70 365%3C/text%3E%3C/svg%3E");
  background-size: cover;
}

.login-shell.login-private {
  grid-template-columns: minmax(300px, 440px);
  place-content: center;
  padding: 20px;
  background:
    radial-gradient(circle at 50% 12%, rgba(255, 255, 255, 0.42), transparent 28%),
    linear-gradient(180deg, #f7cf49 0%, #e7ad22 100%);
}

.login-shell.login-management {
  background:
    radial-gradient(circle at 50% 12%, rgba(255, 255, 255, 0.42), transparent 28%),
    linear-gradient(180deg, #f7cf49 0%, #e7ad22 100%);
}

.login-shell.login-member {
  background:
    radial-gradient(circle at 50% 12%, rgba(255, 255, 255, 0.42), transparent 28%),
    linear-gradient(180deg, #f7cf49 0%, #e7ad22 100%);
}

.login-panel {
  background: rgba(255, 255, 255, 0.95);
  padding: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
}

.login-private .login-panel {
  width: min(100%, 420px);
  min-height: auto;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(135, 91, 10, 0.2);
  border-radius: 18px;
  box-shadow: 0 26px 48px rgba(91, 56, 0, 0.22);
}

.login-member .login-panel {
  border-color: rgba(135, 91, 10, 0.2);
  box-shadow: 0 26px 48px rgba(91, 56, 0, 0.22);
}

.login-brand {
  align-items: flex-start;
}

.login-simple-head {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 6px;
  text-align: center;
}

.login-simple-head p {
  margin: 0;
  color: #5f4a18;
  font-size: 15px;
}

.login-panel h2 {
  margin: 6px 0 6px;
  color: #17120a;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 0;
}

.login-badge {
  display: inline-flex;
  width: max-content;
  min-height: 24px;
  align-items: center;
  justify-self: center;
  border-radius: 999px;
  padding: 4px 12px;
  background: #eef3f7;
  color: #314155;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}

.login-management .login-badge {
  background: #17120a;
  color: #ffd35c;
}

.login-member .login-badge {
  background: #17120a;
  color: #ffd35c;
}

.login-decor-mark {
  position: absolute;
  inset: -26px 0 auto;
  pointer-events: none;
  color: rgba(231, 173, 34, 0.18);
  font-size: clamp(128px, 30vw, 190px);
  font-weight: 900;
  line-height: 0.86;
  text-align: center;
  z-index: 0;
}

.login-private .login-panel label,
.login-private .login-panel .alert,
.login-private .login-panel button {
  position: relative;
  z-index: 1;
}

.login-private .login-panel button.primary {
  background: #17120a;
  border-color: #17120a;
  color: #ffd35c;
  box-shadow: 0 12px 22px rgba(91, 56, 0, 0.2);
}

.login-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #eef3f7;
}

.login-switch a {
  min-height: 34px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  color: #314155;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.login-switch a.active {
  background: var(--brand);
  color: #fff;
  box-shadow: 0 8px 18px rgba(16, 107, 104, 0.22);
}

.login-management .login-switch a.active {
  background: #121a24;
  color: #fff;
}

.login-member .mark {
  background: var(--brand);
  color: #fff;
}

@media (max-width: 560px) {
  body.login-mode {
    min-width: 0;
    overflow-x: hidden;
    background: #121a24;
  }

  body.login-mode #app {
    min-width: 0;
  }

  body.login-mode .login-shell.login-private {
    min-height: 100svh;
    display: grid;
    grid-template-columns: 1fr;
    place-content: stretch;
    padding: 14px;
  }

  body.login-mode .login-private .login-panel {
    width: 100%;
    min-height: auto;
    align-self: center;
    padding: 24px 18px;
    border-radius: 10px;
  }

  body.login-mode .login-panel h2 {
    font-size: 24px;
    line-height: 1.25;
  }

  body.login-mode .login-switch {
    grid-template-columns: 1fr;
  }

  body.login-mode .login-switch a,
  body.login-mode .login-panel button {
    min-height: 44px;
  }

  body.login-mode .login-panel input,
  body.login-mode .login-panel select {
    min-height: 46px;
    border: 1px solid #9aa8ba;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
    font-size: 16px;
  }

  body.login-mode .login-panel input:focus,
  body.login-mode .login-panel select:focus {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px rgba(16, 107, 104, 0.16);
  }
}

.login-copy {
  color: #fff;
  align-self: end;
  max-width: 620px;
  padding: 72px 56px;
}

.login-copy h1 {
  font-size: clamp(42px, 6vw, 86px);
  line-height: 0.95;
  margin: 0 0 22px;
}

.login-copy p {
  max-width: 520px;
  font-size: 18px;
  line-height: 1.65;
}

.demo-list {
  display: grid;
  gap: 6px;
  padding: 12px;
  border-radius: 8px;
  background: #eef3f7;
  color: #314155;
  font-size: 14px;
}

.language-toggle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.language-toggle button {
  min-height: 34px;
  border-color: var(--line);
}

.language-toggle button.active {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

.account-language-card {
  display: grid;
  align-content: start;
  gap: 12px;
}

.account-language-card .language-toggle {
  max-width: 360px;
}

.app-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 260px 1fr;
}

.sidebar {
  background: #121a24;
  color: #fff;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.side-note {
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid #314155;
  border-radius: 8px;
  background: #1d2836;
  color: #dce4ef;
  font-size: 13px;
}

.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
}

.mark {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 6px;
  background: var(--accent);
  color: #111;
}

.nav {
  display: grid;
  gap: 6px;
}

.nav button {
  width: 100%;
  justify-content: flex-start;
  text-align: left;
  background: transparent;
  color: #dce4ef;
  border-color: transparent;
}

.nav button.active {
  background: #243142;
  color: #fff;
}

.main {
  min-width: 0;
  padding: 24px;
}

.mobile-market-header,
.mobile-bottom-nav {
  display: none;
}

.topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}

.topbar h1,
.section h2 {
  margin: 0;
}

.muted {
  color: var(--muted);
}

.grid {
  display: grid;
  gap: 14px;
}

.grid.cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid.cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
  padding: 16px;
}

.stat {
  display: grid;
  gap: 6px;
}

.stat strong {
  font-size: 26px;
}

.owner-risk-card {
  display: grid;
  gap: 12px;
  border-color: #cdd9e7;
}

.owner-risk-card.warn {
  border-color: #f2bf72;
}

.owner-risk-card.danger {
  border-color: #e6a1a1;
}

.risk-meter {
  height: 16px;
  overflow: hidden;
  border-radius: 999px;
  background: #e6edf5;
}

.risk-meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--ok);
}

.owner-risk-card.warn .risk-meter span {
  background: #d98200;
}

.owner-risk-card.danger .risk-meter span {
  background: var(--danger);
}

.risk-meter-values,
.risk-limit-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: end;
  justify-content: space-between;
}

.risk-limit-form label {
  min-width: 220px;
  flex: 1;
}

.risk-alert-card {
  display: grid;
  gap: 12px;
}

.inline-setting-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: end;
}

.inline-setting-form label {
  min-width: 200px;
}

.inline-date-filter {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--muted);
  font-size: 14px;
}

.inline-date-filter input {
  min-width: 160px;
}

.risk-alert-table {
  min-width: 980px;
}

.risk-number-notice-card {
  display: grid;
  gap: 12px;
  border-color: #f2d08f;
  background: linear-gradient(180deg, #fffdf7 0%, #ffffff 100%);
}

.risk-number-notice-table {
  min-width: 760px;
}

.risk-alert-row.watch td {
  background: #fffaf0;
}

.risk-alert-row.warn td {
  background: #fff3d6;
}

.risk-alert-row.danger td {
  background: #fff0f0;
}

.riskBlockForm button {
  min-height: 32px;
  white-space: nowrap;
}

.announcement-card {
  display: grid;
  gap: 10px;
  border-color: #cdd9e7;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
}

.announcement-body {
  margin: 0;
  color: var(--ink);
  line-height: 1.65;
  white-space: pre-wrap;
}

.announcement-form {
  display: grid;
  gap: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}

.announcement-form button {
  justify-self: start;
}

.toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.segmented {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #eef3f7;
}

.segmented button {
  min-height: 32px;
  border-color: transparent;
  background: transparent;
}

.segmented button.active {
  background: var(--brand);
  color: #fff;
}

.check-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
}

.check-row input {
  width: 18px;
  min-height: 18px;
  height: 18px;
}

.reverse-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border-radius: 999px;
  padding: 0 10px;
  background: #eef3f7;
  color: #314155;
  font-size: 13px;
}

.pill.ok {
  color: #fff;
  background: var(--ok);
}

.pill.warn {
  color: #241600;
  background: #ffd580;
}

.pill.bad {
  color: #fff;
  background: var(--danger);
}

.table-wrap {
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.result-latest-card {
  display: grid;
  gap: 14px;
}

.result-latest-card h2 {
  margin: 0;
  padding-left: 12px;
  border-left: 4px solid #f4aa1f;
}

.result-latest-table {
  min-width: 760px;
  border-collapse: collapse;
}

.result-latest-table th {
  background: var(--brand);
  color: #fff;
  text-align: center;
  border-color: rgba(255, 255, 255, 0.28);
}

.result-latest-table td {
  text-align: center;
}

.result-latest-table td:first-child {
  text-align: left;
}

.result-latest-table td strong {
  color: #045ec7;
}

table {
  width: 100%;
  border-collapse: collapse;
  min-width: 740px;
}

th,
td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

th {
  background: #eef3f7;
  font-size: 13px;
  color: #405164;
}

.slip-detail-row td {
  padding-top: 0;
  background: #fbfdff;
}

.slip-details {
  border: 1px solid #d8e2ef;
  border-radius: 8px;
  background: #fff;
}

.slip-details summary {
  cursor: pointer;
  padding: 10px 12px;
  color: var(--brand);
  font-weight: 800;
}

.slip-items-grid {
  display: grid;
  gap: 8px;
  padding: 0 12px 12px;
}

.slip-item-card {
  display: grid;
  grid-template-columns: minmax(180px, 1.2fr) minmax(420px, 2fr);
  gap: 12px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.slip-item-card > div:first-child {
  display: grid;
  gap: 4px;
}

.slip-item-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.slip-item-metrics span {
  display: grid;
  gap: 2px;
  color: var(--muted);
  font-size: 13px;
}

.slip-item-metrics strong {
  color: var(--ink);
  white-space: nowrap;
}

.history-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.history-actions button {
  min-height: 32px;
  white-space: nowrap;
}

.history-mobile-list {
  display: none;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 10px;
  align-items: end;
}

.game-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}

.game-select-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 96px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  color: var(--text);
  text-align: left;
}

.game-select-mark {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 12px;
  background: var(--brand);
  color: #fff;
  font-weight: 900;
}

.game-select-card strong,
.game-select-card small {
  display: block;
}

.game-select-card small {
  margin-top: 4px;
  color: var(--muted);
}

.game-select-arrow {
  color: var(--muted);
  font-size: 28px;
  line-height: 1;
}

.payout-rule-list {
  display: grid;
  gap: 8px;
}

.payout-rule-row {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) repeat(2, minmax(130px, 1fr));
  gap: 8px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.payout-rule-row > div {
  display: grid;
  gap: 2px;
}

.payout-rule-row span,
.payout-rule-row small {
  color: var(--muted);
}

.user-password-grid {
  grid-template-columns: repeat(3, minmax(160px, 1fr)) auto;
}

.member-lookup-grid {
  grid-template-columns: minmax(220px, 1fr) auto;
}

.bet-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.85fr);
  gap: 16px;
  align-items: start;
}

.bet-layout.bulk-active {
  grid-template-columns: minmax(0, 1.75fr) minmax(320px, 0.75fr);
}

.slip-summary-card {
  position: sticky;
  top: 16px;
}

.quick-pad {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.quick-pad.mobile-only {
  display: none;
}

.mobile-slip-form {
  display: none;
}

.latest-result-mini-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.latest-result-mini-grid div {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.latest-result-mini-grid span {
  color: var(--muted);
  font-size: 13px;
}

.latest-result-mini-grid strong {
  font-size: 22px;
  color: var(--ink);
}

.latest-winning-card {
  display: none;
}

.quick-pad button {
  height: 54px;
  font-size: 20px;
  font-weight: 700;
}

.number-tape {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.number-chip {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  padding: 8px 10px;
}

.draft-edit-row {
  align-items: stretch;
}

.draft-edit-main {
  display: grid;
  gap: 8px;
  min-width: 0;
  flex: 1;
}

.draft-edit-main strong {
  overflow-wrap: anywhere;
}

.draft-edit-main label {
  display: grid;
  grid-template-columns: auto minmax(90px, 150px);
  gap: 8px;
  align-items: center;
  margin: 0;
}

.draft-edit-main input {
  min-height: 38px;
}

.mobile-reverse-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.bet-context {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.bet-context > div {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid #cdd9e7;
  border-radius: 8px;
  background: #f8fafc;
}

.bet-context strong {
  font-size: 18px;
}

.import-panel {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #d8e2ef;
  border-radius: 8px;
  background: #f8fafc;
}

.import-panel h3 {
  margin: 0 0 4px;
}

.import-panel textarea {
  min-height: 120px;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.import-mode-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.import-mode-grid button {
  min-height: 34px;
  border: 1px solid #cfd8df;
  border-radius: 4px;
  background: #fff;
  color: #1f2937;
  font-weight: 800;
}

.import-mode-grid button.active {
  border-color: #1f8177;
  background: #1f8177;
  color: #fff;
}

.import-preview {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.source-slip-right-import .source-draw-title,
.source-slip-right-import .source-draw-nav,
.source-slip-right-import .source-slip-select-row,
.source-slip-right-import .source-print-row,
.source-slip-right-import .source-bill-meta-row {
  display: none;
}

.file-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  color: var(--ink);
  font-weight: 700;
  cursor: pointer;
}

.file-button input {
  display: none;
}

.table-wrap.compact {
  max-height: 300px;
  overflow: auto;
}

.bulk-entry {
  display: grid;
  gap: 12px;
}

.bulk-table-wrap {
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.bulk-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

.bulk-table th,
.bulk-table td {
  padding: 8px;
  text-align: center;
}

.bulk-table th {
  background: var(--brand);
  color: #fff;
}

.bulk-table th button {
  display: block;
  width: 100%;
  margin-top: 6px;
  min-height: 26px;
  color: var(--ink);
  font-size: 12px;
  padding: 0 6px;
}

.bulk-table input {
  min-height: 46px;
  padding: 8px;
  text-align: center;
  font-size: 18px;
  font-weight: 650;
}

.bulk-table input.is-closed,
.bulk-table input:disabled {
  background: #d5d5d5;
  border-color: #c7c7c7;
  color: #6b7280;
  cursor: not-allowed;
  opacity: 1;
}

.bulk-table input.is-closed::placeholder {
  color: #334155;
  font-size: 15px;
  font-weight: 800;
}

.bulk-table .row-index {
  width: 38px;
  color: var(--muted);
}

.bulk-table th:first-child,
.bulk-table td:first-child,
.bulk-table th:last-child,
.bulk-table td:last-child {
  width: 46px;
}

.bulk-table th:nth-child(2),
.bulk-table td:nth-child(2) {
  width: 20%;
}

.bulk-table th:nth-child(3),
.bulk-table td:nth-child(3),
.bulk-table th:nth-child(4),
.bulk-table td:nth-child(4),
.bulk-table th:nth-child(5),
.bulk-table td:nth-child(5),
.bulk-table th:nth-child(6),
.bulk-table td:nth-child(6) {
  width: 18%;
}

.icon-danger {
  width: 34px;
  min-height: 34px;
  padding: 0;
  border-color: transparent;
  background: transparent;
  color: var(--danger);
  font-weight: 800;
  font-size: 22px;
}

.summary-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px 14px;
  padding: 12px 0;
}

.summary-grid span {
  color: var(--muted);
}

.uid-panel {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
  margin: 12px 0 6px;
  padding: 12px;
  border: 1px solid #bfd1e5;
  border-radius: 8px;
  background: #f8fafc;
}

.uid-panel span {
  color: var(--muted);
}

.uid-panel strong {
  font-size: 18px;
  letter-spacing: 0.04em;
}

.uid-panel button {
  min-height: 36px;
}

.discount-breakdown {
  grid-column: 1 / -1;
  display: grid;
  gap: 6px;
  margin: 2px 0 4px;
  padding: 10px;
  border: 1px solid #d8e2ef;
  border-radius: 8px;
  background: #f8fafc;
}

.discount-breakdown-title {
  color: var(--ink);
  font-weight: 800;
}

.discount-breakdown-row {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.discount-breakdown-row span {
  color: var(--muted);
}

.discount-breakdown-row strong {
  text-align: right;
  white-space: nowrap;
}

.alert {
  border-radius: 8px;
  padding: 12px;
  border: 1px solid #f2bf72;
  background: #fff5e5;
}

.error {
  border-color: #e6a1a1;
  background: #fff0f0;
  color: #8a1d1d;
}

.section {
  display: grid;
  gap: 14px;
}

.player-clone-shell {
  min-height: 100vh;
  background: #eef0f3;
  color: #152033;
  font-family: Tahoma, "Segoe UI", sans-serif;
}

.player-topbar {
  position: sticky;
  top: 0;
  z-index: 8;
  display: flex;
  justify-content: center;
  min-height: 36px;
  border-bottom: 1px solid #d7dce1;
  background: #fff;
  color: #597180;
  overflow-x: auto;
  white-space: nowrap;
}

.player-topbar > span {
  display: inline-grid;
  min-height: 36px;
  align-items: center;
  padding: 0 9px;
  border-left: 1px solid #d7dce1;
  font-size: 13px;
}

.player-topbar-label {
  color: #111;
  font-weight: 800;
}

.player-result-badge {
  min-width: 68px;
  justify-items: center;
  background: #77736f;
  color: #fff;
  line-height: 1.05;
}

.player-result-badge b {
  font-size: 10px;
}

.player-result-badge strong {
  font-size: 14px;
}

.player-topbar-user {
  background: #ffad00;
  color: #fff;
  font-weight: 800;
}

.player-topbar .player-topbar-label,
.player-topbar .player-topbar-game,
.player-topbar .player-topbar-date,
.player-topbar.game-yeekee .player-result-badge {
  display: none;
}

.player-topbar > span.player-topbar-control {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  gap: 4px;
  background: #f8fafc;
}

.player-topbar-control b {
  color: #647888;
}

.player-topbar-control strong {
  color: #111;
  font-weight: 800;
}

.player-topbar-control select {
  max-width: 180px;
  min-height: 24px;
  padding: 1px 22px 1px 7px;
  border: 1px solid #cfd8df;
  border-radius: 3px;
  background: #fff;
  color: #263746;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
}

.player-topbar-game-picker {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}

.player-topbar-game-lead {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 10px 0 12px;
  background: #fff;
  color: #171717;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.player-topbar-game-lead em {
  font-style: normal;
}

.player-topbar-game-button {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 0;
  background: #4a453f;
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.player-topbar-game-button:hover,
.player-topbar-game-button:focus-visible,
.player-topbar-game-button[aria-expanded="true"] {
  background: #3f3a35;
  color: #fff;
  outline: none;
}

.player-topbar-game-button b {
  color: #fff;
}

.player-topbar-game-button em {
  font-style: normal;
  opacity: 0.82;
}

.player-game-mega {
  position: fixed;
  top: 36px;
  left: 10px;
  z-index: 60;
  width: min(810px, calc(100vw - 20px));
  max-height: calc(100vh - 52px);
  overflow: auto;
  border: 1px solid #bdb7af;
  background: #f7f4ee;
  box-shadow: 0 6px 14px rgba(28, 25, 23, 0.2);
  white-space: normal;
  text-align: left;
}

.player-game-mega-table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  table-layout: fixed;
  color: #2f3a45;
  font-size: 13px;
  line-height: 1.2;
}

.player-game-mega-title {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #44403c;
  background: #44403c;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  text-align: left;
  vertical-align: middle;
}

.player-game-mega-cell {
  height: 30px;
  padding: 0;
  border: 1px solid #d8d2ca;
  background: #fffdf8;
  vertical-align: middle;
}

.player-game-mega-cell.active {
  background: #07959b;
}

.player-game-mega-cell-empty {
  background: #fffdf8;
}

.player-game-mega-option {
  width: 100%;
  min-height: 30px;
  display: flex;
  align-items: center;
  padding: 4px 10px;
  border: 0;
  background: transparent;
  color: #2f3a45;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}

.player-game-mega-option:hover,
.player-game-mega-option:focus-visible,
.player-game-mega-option.active {
  background: #07959b;
  color: #fff;
  outline: none;
}

@media (max-width: 620px) {
  .player-game-mega {
    right: 8px;
    left: 8px;
    width: auto;
  }
}

@media (max-width: 420px) {
  .player-game-mega-table {
    min-width: 540px;
  }
}

.player-topbar-draw-text {
  color: #263746;
  font-weight: 800;
}

.player-clone-main {
  min-height: calc(100vh - 36px);
}

.player-clone-hero {
  min-height: 250px;
  padding: 34px 20px 0;
  background: linear-gradient(90deg, #ff9800 0%, #ffb300 100%);
}

.player-clone-inner {
  width: min(100% - 40px, 1456px);
  margin: 0 auto;
}

.player-clone-hero h1 {
  margin: 0;
  color: #fff;
  font-size: 30px;
  font-weight: 800;
}

.player-paper {
  position: relative;
  z-index: 1;
  min-height: 640px;
  margin-top: -136px;
  margin-bottom: 80px;
  padding: 24px 24px 82px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(21, 31, 46, 0.18);
}

.player-menu {
  display: grid;
  grid-template-columns: repeat(10, minmax(88px, 1fr));
  overflow: hidden;
  border-radius: 4px;
  background: #1b2733;
  box-shadow: none;
}

.player-menu button {
  min-height: 76px;
  display: grid;
  place-items: center;
  gap: 6px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0;
  background: #1b2733;
  color: #fff;
  font-weight: 800;
  text-align: center;
}

.player-menu button span {
  color: #e9eef3;
  font-size: 23px;
  line-height: 1;
}

.player-menu button strong {
  font-size: 13px;
}

.player-menu button.active {
  background: #ffad00;
  color: #fff;
}

.player-clone-content {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  margin-top: 20px;
  padding: 0;
  position: relative;
}

.player-summary {
  display: grid;
  grid-column: 1;
  gap: 16px;
  min-width: 0;
}

.player-summary-card,
.player-closed-card,
.player-clone-panel {
  background: #fff;
}

.player-summary-card {
  border: 1px solid #d9dde3;
}

.player-summary-card table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  font-size: 13px;
}

.player-summary-card th {
  padding: 11px 14px 5px;
  background: #fff;
  color: #111827;
  font-size: 16px;
  text-align: left;
}

.player-summary-card td {
  padding: 2px 14px;
  border: 0;
  font-weight: 800;
}

.player-summary-card td:last-child {
  text-align: right;
}

.player-summary-card .gap td {
  height: 14px;
  padding: 0;
}

.player-closed-card {
  display: grid;
  gap: 10px;
}

.player-closed-card select {
  min-height: 36px;
  border-radius: 0;
  background: #1b2733;
  color: #fff;
  font-weight: 800;
}

.player-closed-card h4 {
  margin: 0;
  color: #1f2937;
  font-size: 14px;
  line-height: 1.35;
  text-align: center;
}

.player-closed-chip {
  min-height: 36px;
  display: grid;
  place-items: center;
  background: #a5aaad;
  color: #fff;
  font-weight: 800;
  padding: 6px 8px;
  text-align: center;
}

.player-risk-number-panel {
  display: grid;
  gap: 8px;
  padding: 10px 8px 12px;
  background: #1b2733;
  color: #fff;
}

.player-risk-number-group {
  display: grid;
  gap: 5px;
  justify-items: center;
}

.player-risk-number-group strong {
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
}

.player-risk-number-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}

.player-risk-number-chips span {
  min-width: 34px;
  padding: 3px 7px;
  border-radius: 4px;
  background: #ffb000;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
}

.player-clone-panel {
  grid-column: 2;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.player-clone-shell.view-roundSummary .player-clone-panel,
.player-clone-shell.view-roundSummary .player-clone-content {
  overflow: visible;
}

.player-announcement,
.player-empty-card,
.player-results-card,
.player-finance-card,
.player-round-summary-card {
  position: relative;
  min-height: 176px;
  padding: 22px 30px;
  border: 1px solid #d8dce4;
  border-radius: 4px;
  background: #f1f3f8;
  color: #1d2430;
  font-size: 14px;
  line-height: 1.55;
}

.player-round-summary-card {
  min-height: auto;
  background: #fff;
  overflow: visible;
}

.player-announcement button {
  position: absolute;
  top: 16px;
  right: 18px;
  min-height: 28px;
  border: 0;
  background: transparent;
  color: #c1c6ce;
  font-size: 28px;
}

.player-game-table {
  margin-top: 22px;
  border: 1px solid #d8dce4;
  background: #fff;
}

.player-game-table table,
.player-results-card table,
.player-finance-card table,
.player-round-summary-card table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
}

.player-results-card .result-latest-table {
  min-width: 0;
}

.player-game-table th,
.player-game-table td,
.player-results-card th,
.player-results-card td,
.player-finance-card th,
.player-finance-card td,
.player-round-summary-card th,
.player-round-summary-card td {
  border: 1px solid #d1d7de;
  padding: 10px 12px;
}

.player-game-table th,
.player-results-card th,
.player-finance-card th,
.player-round-summary-card th {
  background: #eef3f7;
  text-align: left;
}

.player-results-card .result-latest-table th {
  background: #1f8177;
  color: #fff;
  border-color: #8eb9b4;
  text-align: center;
}

.player-results-card .result-latest-table td {
  color: #111827;
  background: #fff;
  text-align: center;
}

.player-results-card .result-latest-table td:first-child {
  text-align: left;
}

.player-results-head,
.player-results-filter-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  margin-bottom: 16px;
}

.player-results-head h3,
.player-results-section h4 {
  margin: 0;
}

.player-results-head p {
  margin: 4px 0 0;
  color: #64748b;
  font-weight: 700;
}

.player-results-section {
  min-width: 0;
}

.player-results-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.player-results-tabs button,
.player-results-date-form button {
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: #fff;
  color: #1f2937;
  font-weight: 800;
}

.player-results-tabs button.active {
  border-color: #1f8177;
  background: #1f8177;
  color: #fff;
}

.player-results-date-form {
  display: flex;
  align-items: end;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.player-results-date-form label {
  display: grid;
  gap: 4px;
  font-weight: 800;
}

.player-results-date-form input {
  min-height: 38px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 7px 9px;
}

.player-results-filter-row p {
  margin: 4px 0 0;
  color: #64748b;
}

.player-results-combined-wrap {
  min-width: 0;
  overflow-x: auto;
  border: 1px solid #cfd8df;
  background: #fff;
}

.player-results-combined-table {
  table-layout: fixed;
  min-width: 560px;
}

.player-results-combined-table .result-col-type {
  width: 24%;
}

.player-results-combined-table .result-col-name {
  width: 34%;
}

.player-results-combined-table .result-col-number {
  width: 14%;
}

.player-results-card .player-results-combined-table th {
  background: #eef3f7;
  color: #1f2937;
  text-align: center;
}

.player-results-card .player-results-combined-table td {
  background: #fff;
  color: #111827;
  text-align: center;
  overflow-wrap: anywhere;
}

.player-results-card .player-results-combined-table td:nth-child(1),
.player-results-card .player-results-combined-table td:nth-child(2) {
  text-align: left;
}

.player-results-card .player-results-combined-table th:nth-child(n+3),
.player-results-card .player-results-combined-table td:nth-child(n+3) {
  white-space: nowrap;
  overflow-wrap: normal;
}

.player-results-card .player-results-group-row th {
  background: #4b5563;
  color: #fff;
  text-align: left;
  font-weight: 900;
}

.player-results-empty {
  color: #64748b;
  text-align: center !important;
}

.player-yeekee-result-list {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.player-yeekee-result-row {
  display: grid;
  grid-template-columns: minmax(170px, 0.9fr) minmax(240px, 1.25fr);
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid #d8dce4;
  border-radius: 6px;
  background: #fff;
}

.player-yeekee-result-title,
.player-yeekee-result-proof {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.player-yeekee-result-title strong {
  overflow-wrap: anywhere;
}

.player-yeekee-result-title span,
.player-yeekee-result-title small,
.player-yeekee-result-proof {
  color: #64748b;
}

.player-yeekee-result-numbers {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.player-result-metric {
  min-width: 0;
  padding: 10px;
  border: 1px solid #dbe3ec;
  border-radius: 6px;
  background: #f8fafc;
  text-align: center;
}

.player-result-metric span {
  display: block;
  color: #64748b;
  font-size: 12px;
}

.player-result-metric strong {
  display: block;
  margin-top: 2px;
  color: #111827;
  font-size: 18px;
  overflow-wrap: anywhere;
}

.player-yeekee-result-proof {
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.player-yeekee-result-proof span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.player-yeekee-result-proof.error {
  grid-column: 1 / -1;
  grid-template-columns: 1fr;
  color: #b91c1c;
}

.player-stock-result-list {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.player-stock-result-row {
  display: grid;
  grid-template-columns: minmax(170px, 0.85fr) minmax(240px, 1.15fr);
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid #d8dce4;
  border-radius: 6px;
  background: #fff;
}

.player-stock-result-title,
.player-stock-result-proof {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.player-stock-result-title strong {
  overflow-wrap: anywhere;
}

.player-stock-result-title span,
.player-stock-result-title small,
.player-stock-result-proof {
  color: #64748b;
}

.player-stock-result-numbers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.player-stock-result-proof {
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.player-stock-result-proof span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.player-stock-result-proof a {
  color: #1f8177;
}

.player-round-summary-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.player-round-summary-head h3 {
  margin: 0 0 4px;
}

.player-round-summary-head p {
  margin: 0;
  color: #64748b;
}

.player-round-summary-head label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.player-round-summary-head select {
  min-height: 34px;
  border: 1px solid #cfd8e3;
  border-radius: 4px;
  background: #fff;
}

.player-round-title-row {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  padding-left: 10px;
  border-left: 4px solid #ffae00;
  overflow: visible;
}

.player-round-title-row h3 {
  margin: 0;
  color: #111827;
  font-size: 21px;
  line-height: 1.3;
}

.player-round-title-row h3 span {
  color: #ff5c00;
}

.player-round-date-filter {
  position: relative;
  flex: 0 0 auto;
  z-index: 20;
}

.player-round-date-filter > button {
  min-height: 34px;
  border: 1px solid #cfd8e3;
  border-radius: 4px;
  background: #fff;
  color: #111827;
  font-weight: 800;
}

.player-round-date-menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 30;
  width: 210px;
  max-width: min(210px, calc(100vw - 32px));
  padding: 8px;
  border: 1px solid #cfd8e3;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.18);
  overflow: visible;
}

.player-round-date-menu > button {
  display: block;
  width: 100%;
  min-height: 30px;
  margin-bottom: 6px;
  border: 0;
  border-radius: 5px;
  background: #f3f4f6;
  color: #0b66c3;
  text-align: left;
  font-weight: 900;
}

.player-round-date-menu > button.active {
  background: #0f93d2;
  color: #fff;
}

.player-round-date-inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.player-round-date-inputs label {
  min-width: 0;
  color: #111827;
  font-weight: 800;
}

.player-round-date-inputs input {
  width: 100%;
  min-height: 30px;
  border: 1px solid #cfd8e3;
  border-radius: 4px;
}

.player-round-date-actions {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}

.player-round-date-actions button {
  flex: 1;
  min-height: 32px;
  border: 0;
  border-radius: 4px;
  background: #93a4ad;
  color: #fff;
  font-weight: 900;
}

.player-round-date-actions .primary {
  background: #172434;
}

.player-round-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(100px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.player-round-stats div {
  padding: 10px 12px;
  border: 1px solid #d5dde6;
  background: #fff;
}

.player-round-stats span {
  display: block;
  color: #64748b;
  font-size: 13px;
}

.player-round-stats strong {
  display: block;
  margin-top: 4px;
  font-size: 18px;
}

.player-round-table th {
  background: #1f8177;
  color: #fff;
  border-color: #8eb9b4;
  text-align: center;
}

.player-round-table td {
  background: #fff;
  text-align: right;
}

.player-round-table td:first-child,
.player-round-table td:nth-child(2) {
  text-align: left;
}

.player-round-table tfoot td,
.player-round-detail-table tfoot td {
  background: #fff;
  font-weight: 900;
  text-align: right;
}

.player-round-table tr.is-selected td,
.player-round-detail-table tr.is-win td {
  background: #ffe08a;
}

.player-round-link,
.player-round-detail-button {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #004dff;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.player-round-detail-button {
  padding: 4px 8px;
  border-radius: 4px;
}

.round-negative {
  color: #ff2b25;
  font-weight: 900;
}

.round-positive {
  color: #008060;
  font-weight: 900;
}

.player-round-actions {
  min-width: 170px;
  white-space: nowrap;
}

.player-round-actions button {
  min-height: 28px;
  margin: 0 3px 4px 0;
  border: 0;
  border-radius: 4px;
  background: #142231;
  color: #fff;
  font-weight: 700;
}

.player-round-actions .danger {
  background: #d94f43;
}

.player-round-detail-row td {
  background: #f8fbfc;
}

.player-round-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.player-round-items span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  border: 1px solid #d5dde6;
  border-radius: 4px;
  background: #fff;
}

.player-round-items em {
  color: #64748b;
  font-style: normal;
}

.player-round-detail-panel {
  margin-top: 18px;
}

.player-round-detail-panel h4 {
  margin: 0 0 10px;
  color: #111827;
  font-size: 16px;
}

.player-round-detail-filters {
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  gap: 8px 12px;
  margin-bottom: 12px;
  color: #111827;
}

.player-round-detail-filters p {
  grid-column: 1 / -1;
  margin: 0 0 2px;
}

.player-round-detail-filters label {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  font-weight: 800;
}

.player-round-detail-filters input,
.player-round-detail-filters select {
  width: 100%;
  min-height: 34px;
  border: 1px solid #cfd8e3;
  border-radius: 4px;
  background: #fff;
}

.player-round-filter-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.player-round-filter-actions button {
  min-height: 30px;
  border: 0;
  border-radius: 4px;
  padding: 5px 12px;
  background: #ffb02e;
  color: #fff;
  font-weight: 900;
}

.player-round-filter-actions .primary {
  background: #172434;
}

.player-round-filter-actions .export {
  background: #df478d;
}

.player-round-detail-table {
  min-width: 1080px;
}

.player-round-detail-table th {
  background: #1f8177;
  color: #fff;
  border-color: #8eb9b4;
  text-align: center;
}

.player-round-detail-table td {
  background: #fff;
  text-align: right;
}

.player-round-detail-table td:nth-child(1),
.player-round-detail-table td:nth-child(2),
.player-round-detail-table td:nth-child(3),
.player-round-detail-table td:nth-child(4),
.player-round-detail-table td:nth-child(5),
.player-round-detail-table td:nth-child(6),
.player-round-detail-table td:nth-child(8),
.player-round-detail-table td:nth-child(13) {
  text-align: left;
}

@media (max-width: 980px) {
  .player-round-title-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .player-round-date-filter {
    width: min(240px, 100%);
    justify-self: end;
  }

  .player-round-date-filter > button {
    width: 100%;
  }

  .player-round-date-menu {
    right: 0;
    left: auto;
  }
}

@media (max-width: 760px) {
  .player-round-summary-card {
    padding: 16px 14px;
  }

  .player-round-title-row {
    display: grid;
    gap: 10px;
  }

  .player-round-title-row h3 {
    font-size: 18px;
  }

  .player-round-date-filter {
    width: 100%;
    justify-self: stretch;
  }

  .player-round-date-filter > button {
    width: 100%;
    text-align: left;
  }

  .player-round-date-menu {
    left: 0;
    right: auto;
    width: 100%;
  }

  .player-round-table,
  .player-round-detail-table {
    min-width: 0;
  }

  .player-round-table thead,
  .player-round-table tfoot,
  .player-round-detail-table thead,
  .player-round-detail-table tfoot {
    display: none;
  }

  .player-round-table tbody,
  .player-round-table tr,
  .player-round-table td,
  .player-round-detail-table tbody,
  .player-round-detail-table tr,
  .player-round-detail-table td {
    display: block;
    width: 100%;
  }

  .player-round-table tr,
  .player-round-detail-table tr {
    margin-bottom: 10px;
    border: 1px solid #8eb9b4;
    background: #fff;
  }

  .player-round-table td,
  .player-round-detail-table td {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    border: 0;
    border-bottom: 1px solid #e0e7eb;
    text-align: right;
  }

  .player-round-table td::before,
  .player-round-detail-table td::before {
    content: attr(data-label);
    flex: 0 0 42%;
    color: #475569;
    text-align: left;
    font-weight: 900;
  }

  .player-round-table td:last-child,
  .player-round-detail-table td:last-child {
    border-bottom: 0;
  }

  .player-round-detail-filters {
    grid-template-columns: 1fr;
  }

  .player-round-detail-filters label {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}

.player-game-table .group td {
  background: #eef3f7;
  color: #1b2733;
  font-weight: 800;
}

.player-game-table button {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0b66c3;
  font-weight: 800;
}

.player-game-table button:disabled {
  color: #4b5563;
  cursor: not-allowed;
}

.player-stock-games {
  margin-top: 18px;
  border: 1px solid #d8dce4;
  background: #fff;
}

.player-stock-games-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid #d8dce4;
  background: #f8fafc;
}

.player-stock-games-head h3 {
  margin: 0;
  font-size: 18px;
  color: #0f172a;
}

.player-stock-games-head span {
  color: #64748b;
  font-size: 13px;
  text-align: right;
}

.player-stock-games-table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

.player-stock-games-table th,
.player-stock-games-table td {
  border: 1px solid #d1d7de;
  padding: 9px 10px;
  vertical-align: middle;
}

.player-stock-games-table th {
  background: #eef3f7;
  color: #1b2733;
  text-align: left;
}

.player-stock-games-table th:nth-child(1),
.player-stock-games-table td:nth-child(1) {
  width: 24%;
}

.player-stock-games-table th:nth-child(2),
.player-stock-games-table td:nth-child(2) {
  width: 20%;
}

.player-stock-games-table th:nth-child(3),
.player-stock-games-table td:nth-child(3),
.player-stock-games-table th:nth-child(4),
.player-stock-games-table td:nth-child(4) {
  width: 11%;
  white-space: nowrap;
}

.player-stock-games-table th:nth-child(5),
.player-stock-games-table td:nth-child(5) {
  width: 22%;
}

.player-stock-games-table th:nth-child(6),
.player-stock-games-table td:nth-child(6) {
  width: 12%;
}

.stock-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 4px;
  font-weight: 800;
  white-space: nowrap;
}

.stock-status-pill.open {
  background: #e8f7ef;
  color: #047857;
}

.stock-status-pill.pending {
  background: #fff7ed;
  color: #b45309;
}

.stock-status-pill.closed {
  background: #f1f5f9;
  color: #475569;
}

.stock-rules-link {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0b66c3;
  font-weight: 800;
  text-decoration: underline;
}

.player-bet-clone .bet-layout,
.player-bet-clone .section {
  margin: 0;
}

.player-bet-clone .card {
  border-radius: 4px;
  box-shadow: none;
}

.player-bet-clone .bet-layout {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.86fr);
  align-items: start;
  gap: 14px;
}

.player-bet-clone .card {
  padding: 18px;
}

.player-bet-clone .bulk-table {
  min-width: 620px;
}

.player-bet-clone .bulk-table th,
.player-bet-clone .bulk-table td {
  padding: 5px;
}

.player-bet-clone .bulk-table input {
  min-height: 34px;
}

.source-bet-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 0;
  color: #111827;
  overflow: hidden;
}

.source-bet-left,
.source-slip-right {
  min-width: 0;
}

.source-rate-box {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  min-height: 106px;
  padding: 16px 22px;
  border: 1px solid #ccd6e2;
  border-radius: 5px;
  background: #f3f5f8;
}

.source-rate-box strong {
  color: #f06b00;
  font-size: 15px;
}

.source-rate-box strong span {
  color: #111827;
}

.source-rate-box label {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0;
  font-size: 14px;
  font-weight: 800;
}

.source-rate-box select,
.source-draw-nav select,
.source-note input {
  max-width: 100%;
  min-height: 34px;
  border: 1px solid #d8dde6;
  border-radius: 4px;
  background: #fff;
  color: #111827;
}

.source-rate-box a,
.source-rate-link {
  color: #004dff;
  font-weight: 800;
}

.source-rate-link {
  width: max-content;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  text-decoration: underline;
}

.source-check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 18px;
  margin: 18px 0 8px;
  color: #20252d;
  font-size: 14px;
}

.source-check-grid label {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  margin: 0;
}

.source-check-grid input {
  width: 15px;
  min-height: 15px;
}

.source-door-panel {
  margin: 8px 0 12px;
  border: 1px solid #1f7d73;
  background: #fff;
}

.source-door-panel strong {
  display: block;
  padding: 5px 8px;
  background: #1f7d73;
  color: #fff;
  text-align: center;
  font-size: 14px;
}

.source-door-grid {
  display: grid;
  grid-template-columns: minmax(80px, 1fr) repeat(3, minmax(72px, 1fr)) 42px;
  gap: 4px;
  padding: 4px;
}

.source-door-grid input {
  width: 100%;
  min-height: 30px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  color: #111827;
}

.source-door-grid button {
  display: grid;
  min-height: 30px;
  place-items: center;
  border: 0;
  border-radius: 3px;
  background: #fff;
  color: #2d9a4a;
  font-size: 18px;
  font-weight: 900;
}

.source-fixed-panel {
  margin: 8px 0 12px;
  border: 1px solid #1f7d73;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}

.source-fixed-panel > strong {
  display: block;
  padding: 6px 10px;
  background: #1f7d73;
  color: #fff;
  text-align: center;
  font-size: 14px;
}

.source-fixed-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(72px, 0.9fr)) minmax(58px, 0.7fr) repeat(3, minmax(72px, 1fr)) 42px;
  gap: 6px;
  align-items: center;
  min-width: 0;
  padding: 8px;
}

.source-fixed-choice {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background: #f8fafc;
  font-weight: 800;
}

.source-fixed-grid input {
  width: 100%;
  min-width: 0;
  min-height: 32px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  color: #111827;
}

.source-fixed-grid input:disabled {
  background: #e5e7eb;
  color: #64748b;
  -webkit-text-fill-color: #64748b;
  cursor: not-allowed;
}

.source-fixed-grid button {
  display: grid;
  min-width: 0;
  min-height: 32px;
  place-items: center;
  border: 0;
  border-radius: 3px;
  background: #fff;
  color: #2d9a4a;
  font-size: 18px;
  font-weight: 900;
}

.source-quick-panel {
  margin: 8px 0 12px;
  border: 1px solid #1f7d73;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}

.source-quick-panel > strong {
  display: block;
  padding: 6px 10px;
  background: #1f7d73;
  color: #fff;
  text-align: center;
  font-size: 14px;
}

.source-quick-body {
  display: grid;
  gap: 8px;
  padding: 8px;
}

.source-quick-numbers {
  display: grid;
  gap: 5px;
  margin: 0;
  font-size: 13px;
  font-weight: 800;
}

.source-quick-numbers textarea {
  width: 100%;
  min-height: 86px;
  resize: vertical;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  color: #111827;
  font-size: 16px;
}

.source-quick-numbers small {
  color: #667085;
  font-weight: 600;
}

.source-quick-amounts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.source-quick-amounts label {
  display: grid;
  gap: 4px;
  margin: 0;
  font-size: 13px;
  font-weight: 800;
}

.source-quick-amounts input {
  width: 100%;
  min-height: 32px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  color: #111827;
}

.source-quick-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.source-quick-add {
  min-height: 34px;
  border-color: #111827;
  background: #111827;
  color: #fff;
  font-weight: 900;
}

.source-table-title {
  margin: 0 0 4px;
  color: #ff6600;
  font-size: 15px;
  font-weight: 900;
}

.source-table-wrap,
.source-slip-table-wrap {
  max-width: 100%;
  overflow: hidden;
}

.player-clone-shell.view-betting .source-table-wrap {
  padding-left: 16px;
}

.source-bet-table,
.source-slip-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
  color: #111827;
}

.source-bet-table th,
.source-bet-table td,
.source-slip-table th,
.source-slip-table td {
  border: 1px solid #8e999b;
  text-align: center;
  vertical-align: middle;
}

.source-bet-table th,
.source-slip-table th {
  padding: clamp(5px, 0.65vw, 8px) clamp(3px, 0.5vw, 5px);
  background: #1f7d73;
  color: #fff;
  font-size: clamp(11px, 0.9vw, 13px);
  font-weight: 900;
  line-height: 1.35;
}

.source-bet-table td {
  padding: 3px;
}

.source-number-cell {
  position: relative;
}

.source-row-no {
  position: absolute;
  top: 50%;
  left: -23px;
  width: 20px;
  transform: translateY(-50%);
  color: #777;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.source-bet-table input {
  width: 100%;
  min-height: clamp(25px, 2.1vw, 30px);
  padding: 3px 5px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background: #fff;
  color: #111827;
  font-size: clamp(11px, 0.9vw, 13px);
}

.source-bet-table input.is-closed,
.source-bet-table input:disabled {
  background: #e1e1e1;
  color: #64748b;
}

.source-bet-table-submitted input:disabled {
  border-color: #c4c4c4;
  background: #dcdcdc;
  color: #334155;
  opacity: 1;
}

.source-amount-cell {
  position: relative;
}

.source-amount-cell .source-cell-mark {
  position: absolute;
  right: 7px;
  top: 50%;
  display: inline-grid;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  place-items: center;
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  pointer-events: none;
}

.source-amount-cell.source-result-accepted .source-cell-mark {
  background: #15803d;
}

.source-amount-cell.source-result-rejected .source-cell-mark {
  background: #b91c1c;
}

.source-amount-cell.source-result-partial .source-cell-mark {
  background: #6b4c12;
  width: 28px;
  position: static;
  transform: none;
  margin: 3px auto;
}
.source-partial-amounts {
  display: block;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 1.4;
}
[data-intake-preview] { min-width: 0; overflow-wrap: anywhere; }

.source-bet-table-submitted .source-delete,
.source-bet-table-submitted button[data-copy-col],
.source-bet-table-submitted a[data-copy-number],
.source-bet-table-submitted .source-add-row {
  cursor: not-allowed;
  opacity: 0.55;
  pointer-events: none;
}

.source-bet-table a,
.source-bet-table button[data-copy-col] {
  border: 0;
  background: transparent;
  color: #004dff;
  font: inherit;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.source-bet-table th a,
.source-bet-table th button[data-copy-col] {
  color: #fff;
}

.source-bet-table th:first-child,
.source-bet-table td:first-child {
  width: 28%;
}

.source-bet-table th:last-child,
.source-bet-table td:last-child {
  width: clamp(44px, 5vw, 56px);
  min-width: 44px;
}

.source-bet-table td:last-child {
  padding-left: 4px;
  padding-right: 4px;
}

.source-bet-table tfoot td {
  padding: 8px 6px;
}

.source-bet-table tfoot td.source-add-row-cell {
  padding: 0;
}

.source-dash-row td {
  height: 30px;
  color: #333;
  font-size: 18px;
  font-weight: 900;
}

.source-delete {
  display: inline-grid;
  width: 100%;
  max-width: 34px;
  min-height: 24px;
  place-items: center;
  border: 0;
  background: transparent;
  color: #de5548;
  font-size: 17px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.source-add-row {
  display: inline-grid;
  width: 100%;
  min-height: 34px;
  place-items: center;
  border: 0;
  background: #ff7826;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
  cursor: pointer;
}

.source-note {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px;
  font-weight: 800;
}

.source-note input {
  width: 150px;
}

.source-total {
  margin: 5px 0;
  color: #222;
  font-size: 20px;
  font-weight: 500;
}

.source-total small {
  display: block;
  margin-top: 2px;
  color: #4b5563;
  font-size: 13px;
  font-weight: 800;
}

.source-actions {
  display: flex;
  gap: 6px;
  justify-content: center;
}

.source-submit,
.source-reset,
.source-slip-tabs button,
.source-print-row button,
.source-clear-draft {
  min-height: 30px;
  border: 0;
  border-radius: 4px;
  padding: 5px 10px;
  color: #fff;
  font-weight: 900;
}

.source-print-row button {
  background: #172434;
}

.source-submit {
  background: #15803d;
}

.source-submit:not(:disabled):hover {
  background: #166534;
}

.source-submit:not(:disabled):focus-visible {
  outline: 2px solid #22c55e;
  outline-offset: 2px;
}

.source-submit:disabled {
  background: #9ca3af;
  color: #f3f4f6;
  opacity: 1;
}

.source-reset {
  background: #df584e;
}

.source-hidden-add {
  display: none;
}

.source-rejected-panel {
  margin-top: 10px;
  border: 1px solid #fecaca;
  border-radius: 6px;
  background: #fff7f7;
  overflow: hidden;
}

.source-rejected-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  background: #fee2e2;
  color: #7f1d1d;
  font-weight: 900;
}

.source-bet-table .source-intake-quote td {
  background: #e4eeec;
  color: #165f55;
  padding: 4px 2px;
  font-size: 12px;
  line-height: 1.3;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.source-intake-quote [data-quote-state="closed"],
.source-intake-quote [data-quote-state="error"] { color: #993535; }
.source-intake-quote [data-quote-state="unavailable"] { color: #555; }

.source-rejected-head button {
  border: 0;
  border-radius: 4px;
  background: #7f1d1d;
  color: #fff;
  padding: 5px 10px;
  font-weight: 900;
  cursor: pointer;
}

.source-rejected-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.source-rejected-note {
  margin: 0;
  padding: 8px 10px;
  border-top: 1px solid #fecaca;
  color: #7f1d1d;
  font-size: 12px;
  font-weight: 700;
}

.source-rebet-prompt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 10px;
  border-top: 1px solid #fecaca;
  background: #fff1f2;
  color: #7f1d1d;
  font-size: 12px;
  font-weight: 900;
}

.source-rebet-prompt button {
  border: 0;
  border-radius: 4px;
  background: #7f1d1d;
  color: #fff;
  padding: 5px 10px;
  font-weight: 900;
  cursor: pointer;
}

.source-rejected-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.source-rejected-table th,
.source-rejected-table td {
  border-top: 1px solid #fecaca;
  padding: 6px 8px;
  text-align: left;
}

.source-rejected-table th {
  background: #fff1f2;
  color: #7f1d1d;
}

.source-slip-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin: 0 0 9px;
}

.source-slip-tabs button {
  flex: 1 1 0;
  min-width: 0;
  border-radius: 4px 4px 0 0;
  background: #2c2c2c;
  padding: 7px 10px;
  font-size: clamp(12px, 0.95vw, 14px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.source-slip-tabs button.active {
  background: #1f7d73;
}

.source-draw-title {
  display: grid;
  min-height: 36px;
  place-items: center;
  margin: 0 0 8px;
  background: #eee;
  color: #111827;
  font-size: 15px;
  font-weight: 900;
}

.source-draw-title span {
  color: #f26522;
  overflow-wrap: anywhere;
  text-align: center;
}

.source-draw-nav {
  display: grid;
  grid-template-columns: 34px 1fr 34px;
  gap: 8px;
  align-items: center;
  margin: 0 0 8px;
}

.source-draw-filter {
  grid-template-columns: 1fr;
  justify-items: center;
}

.source-draw-nav button {
  display: grid;
  min-height: 34px;
  place-items: center;
  border: 0;
  border-radius: 5px;
  background: #182535;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
}

.source-draw-nav select {
  justify-self: center;
  width: min(100%, 190px);
  text-align: center;
}

.source-slip-select-row {
  display: flex;
  justify-content: center;
  margin: -2px 0 8px;
}

.source-slip-select-row select {
  width: min(100%, 210px);
  min-height: 30px;
  border: 1px solid #d8dde6;
  border-radius: 4px;
  background: #fff;
  color: #111827;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}

.source-print-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  margin: -2px 0 12px;
}

.source-cancel-slip-shortcut:not(.disabled) {
  background: #df584e;
}

.source-cancel-slip-shortcut.disabled {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  max-width: 100%;
  justify-content: flex-end;
}

.source-cancel-slip-shortcut.disabled button {
  background: #a8b0bb;
  cursor: not-allowed;
  opacity: 0.85;
}

.source-cancel-slip-shortcut.disabled small {
  color: #6b7280;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  text-align: right;
}

.source-bill-meta {
  margin: 6px 0 4px;
  color: #1f2937;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.source-bill-meta-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
  margin: 6px 0 4px;
}

.source-bill-meta-row .source-bill-meta {
  min-width: 0;
  margin: 0;
}

.source-bill-meta-action {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  min-width: 96px;
}

.source-bill-meta-action .source-cancel-slip-shortcut.disabled {
  align-items: flex-end;
}

@media (max-width: 760px) {
  .source-bill-meta-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .source-bill-meta-action {
    min-width: 0;
  }
}

.source-slip-table {
  table-layout: fixed;
}

.source-slip-table th:nth-child(1) { width: 26%; }
.source-slip-table th:nth-child(2) { width: 26%; }
.source-slip-table th:nth-child(3) { width: 18%; }
.source-slip-table th:nth-child(4) { width: 14%; }
.source-slip-table th:nth-child(5) { width: 16%; }

.source-submitted-slip-table th:nth-child(1) { width: 18%; }
.source-submitted-slip-table th:nth-child(2) { width: 19%; }
.source-submitted-slip-table th:nth-child(3) { width: 18%; }
.source-submitted-slip-table th:nth-child(4) { width: 12%; }
.source-submitted-slip-table th:nth-child(5) { width: 16%; }
.source-submitted-slip-table th:nth-child(6) { width: 17%; }

.source-summary-table th:nth-child(1) { width: 21%; }
.source-summary-table th:nth-child(2) { width: 32%; }
.source-summary-table th:nth-child(3) { width: 15%; }
.source-summary-table th:nth-child(4) { width: 16%; }
.source-summary-table th:nth-child(5) { width: 16%; }

.source-slip-table th {
  font-size: clamp(11px, 0.92vw, 14px);
}

.source-slip-table td {
  padding: 5px 4px;
  background: #fff;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.source-slip-table input {
  width: min(100%, 76px);
  min-height: 28px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  color: #111827;
}

.source-slip-table tfoot td {
  font-size: clamp(12px, 1vw, 16px);
  font-weight: 900;
}

.source-slip-table [data-remove] {
  min-height: 28px;
  border: 0;
  border-radius: 4px;
  background: #d94f43;
  color: #fff;
  font-weight: 900;
}

.source-empty-slip {
  color: #64748b;
}

.source-submitted-slip-table a {
  color: #004dff;
  font-weight: 900;
}

.source-summary-title {
  margin: 0 0 4px;
  color: #111827;
  font-size: 13px;
  font-weight: 900;
}

.source-summary-title span,
.source-summary-table td:nth-child(2) {
  color: #004dff;
  font-weight: 900;
}

.source-status-negative {
  color: #ff1d1d;
}

.source-status-positive {
  color: #004dff;
}

.source-clear-draft {
  float: right;
  margin-top: 8px;
  background: #99bdb8;
}

.source-import-tools {
  display: none;
}

.source-import-panel .import-panel {
  padding: 10px;
  border: 1px solid #d5dde6;
  border-radius: 4px;
  background: #fff;
}

.player-clone-shell.view-betting .player-paper {
  overflow: hidden;
}

.player-clone-shell.view-betting,
.player-clone-shell.view-betting .player-paper,
.player-clone-shell.view-betting .player-clone-content,
.player-clone-shell.view-betting .player-clone-panel,
.player-clone-shell.view-betting .player-bet-clone,
.player-clone-shell.view-betting .source-bet-layout,
.player-clone-shell.view-betting .source-bet-left,
.player-clone-shell.view-betting .source-slip-right {
  max-width: 100%;
  min-width: 0;
}

.player-clone-shell.view-betting .player-clone-content {
  overflow: hidden;
}

.player-clone-shell.view-betting .player-clone-panel {
  min-width: 0;
  overflow: hidden;
}

.player-clone-shell.view-betting .source-table-wrap,
.player-clone-shell.view-betting .source-slip-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.player-clone-shell.view-betting .source-bet-table,
.player-clone-shell.view-betting .source-slip-table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.player-clone-shell.view-betting .source-rate-box select,
.player-clone-shell.view-betting .source-bet-table input,
.player-clone-shell.view-betting .source-slip-table input,
.player-clone-shell.view-betting .source-note input {
  max-width: 100%;
}

.player-clone-shell.view-betting .player-topbar {
  flex-wrap: wrap;
}

.player-clone-shell.view-betting .player-topbar > span,
.player-clone-shell.view-betting .player-result-badge strong {
  white-space: normal;
  overflow-wrap: anywhere;
}

.player-clone-shell.view-betting .player-result-badge strong {
  max-width: 100%;
  text-align: center;
}

.player-clone-shell.view-betting .source-draw-nav select {
  width: min(100%, 220px);
  min-width: 0;
}

.player-clone-shell.view-betting .player-menu button,
.player-clone-shell.view-betting .player-menu button strong,
.player-clone-shell.view-betting .source-slip-tabs button,
.player-clone-shell.view-betting .source-bet-table th,
.player-clone-shell.view-betting .source-bet-table td,
.player-clone-shell.view-betting .source-bet-table a,
.player-clone-shell.view-betting .source-bet-table button,
.player-clone-shell.view-betting .source-slip-table th,
.player-clone-shell.view-betting .source-slip-table td,
.player-clone-shell.view-betting .source-actions button {
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
  .player-clone-shell.view-betting .player-menu {
    grid-template-columns: repeat(5, minmax(112px, 1fr));
    overflow: visible;
  }

  .player-clone-shell.view-betting .player-menu button {
    min-height: 72px;
    gap: 5px;
    padding: 8px 6px;
  }

  .player-clone-shell.view-betting .player-menu button span {
    font-size: 20px;
  }

  .player-clone-shell.view-betting .player-menu button strong {
    font-size: 12px;
    line-height: 1.25;
  }

  .player-clone-shell.view-betting .source-bet-layout {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .player-clone-shell.view-betting .source-slip-right {
    order: 2;
  }
}

@media (max-width: 760px) {
  .player-clone-shell.view-betting .player-topbar {
    justify-content: flex-start;
    overflow: visible;
  }

  .player-clone-shell.view-betting .player-topbar > span {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 8px;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
  }

  .player-clone-shell.view-betting .player-result-badge {
    min-width: 78px;
  }

  .player-clone-shell.view-betting .player-result-badge strong {
    max-width: 100%;
    font-size: 14px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .player-clone-shell.view-betting .player-topbar-clock {
    flex-basis: 100%;
  }
}

@media (max-width: 860px) {
  .player-clone-shell.view-betting .source-bet-layout,
  .player-clone-shell.view-mobile .source-bet-layout {
    grid-template-columns: 1fr;
  }

  .player-clone-shell.view-betting .source-slip-right,
  .player-clone-shell.view-mobile .source-slip-right {
    order: 2;
  }
}

@media (max-width: 720px) {
  .player-clone-shell.view-betting .source-rate-box,
  .player-clone-shell.view-mobile .source-rate-box {
    padding: 16px;
  }

  .player-clone-shell.view-betting .source-check-grid,
  .player-clone-shell.view-mobile .source-check-grid {
    grid-template-columns: 1fr;
    font-size: 14px;
  }

  .player-clone-shell.view-betting .source-bet-table th,
  .player-clone-shell.view-betting .source-bet-table td,
  .player-clone-shell.view-betting .source-slip-table th,
  .player-clone-shell.view-betting .source-slip-table td,
  .player-clone-shell.view-mobile .source-bet-table th,
  .player-clone-shell.view-mobile .source-bet-table td,
  .player-clone-shell.view-mobile .source-slip-table th,
  .player-clone-shell.view-mobile .source-slip-table td {
    padding-left: 3px;
    padding-right: 3px;
  }

  .player-clone-shell.view-betting .source-bet-table th:first-child,
  .player-clone-shell.view-betting .source-bet-table td:first-child,
  .player-clone-shell.view-mobile .source-bet-table th:first-child,
  .player-clone-shell.view-mobile .source-bet-table td:first-child {
    width: 26%;
  }

  .player-clone-shell.view-betting .source-slip-tabs,
  .player-clone-shell.view-mobile .source-slip-tabs {
    overflow: hidden;
    flex-wrap: wrap;
  }

  .player-clone-shell.view-betting .source-slip-tabs button,
  .player-clone-shell.view-mobile .source-slip-tabs button {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    font-size: 12px;
    white-space: normal;
  }
}

@media (max-width: 640px) {
  .player-clone-shell.view-betting .player-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .player-clone-shell.view-betting .player-menu button {
    min-height: 68px;
    padding: 8px 6px;
  }

  .player-clone-shell.view-betting .player-menu button span {
    font-size: 19px;
  }

  .player-clone-shell.view-betting .player-menu button strong {
    font-size: 12px;
  }

  .player-clone-shell.view-betting .source-rate-box {
    padding: 14px;
  }

  .player-clone-shell.view-betting .source-bet-table th,
  .player-clone-shell.view-betting .source-slip-table th {
    font-size: 11px;
  }

  .player-clone-shell.view-betting .source-bet-table td,
  .player-clone-shell.view-betting .source-bet-table a,
  .player-clone-shell.view-betting .source-bet-table button {
    font-size: 11px;
  }

  .player-clone-shell.view-betting .source-bet-table input {
    min-height: 28px;
  }

  .player-clone-shell.view-betting .source-actions {
    flex-wrap: wrap;
  }

  .import-mode-grid {
    grid-template-columns: 1fr 1fr;
  }

  .player-clone-shell.view-betting .source-door-grid {
    grid-template-columns: 1fr 1fr;
  }

  .player-clone-shell.view-betting .source-door-grid button {
    grid-column: 1 / -1;
  }

  .player-clone-shell.view-betting .source-fixed-grid {
    grid-template-columns: 1fr 1fr;
  }

  .source-fixed-grid {
    grid-template-columns: 1fr 1fr;
  }

  .player-clone-shell.view-betting .source-fixed-digit,
  .player-clone-shell.view-betting .source-fixed-grid button,
  .source-fixed-digit,
  .source-fixed-grid button {
    grid-column: 1 / -1;
  }

  .player-clone-shell.view-betting .source-quick-amounts {
    grid-template-columns: 1fr;
  }

  .player-clone-shell.view-betting .source-quick-add {
    width: 100%;
  }
}

@media (max-width: 420px) {
  .player-clone-shell.view-betting .player-paper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .player-clone-shell.view-betting .source-check-grid label,
  .player-clone-shell.view-betting .source-rate-box label {
    align-items: flex-start;
  }

  .player-clone-shell.view-betting .source-slip-tabs button {
    flex-basis: 100%;
  }
}

.player-finance-card {
  background: #fff;
}

.player-finance-title {
  margin: 0 0 10px;
  padding-left: 12px;
  border-left: 4px solid #ffad00;
  color: #111827;
  font-size: 22px;
  line-height: 1.25;
}

.player-finance-filter {
  margin: 0 0 18px;
  border: 1px solid #1f8177;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}

.player-finance-filter-head {
  padding: 8px 12px;
  background: #1f8177;
  color: #fff;
  font-weight: 900;
}

.player-finance-filter-body {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px 16px;
  align-items: center;
  padding: 28px 42px 32px;
}

.player-finance-filter label {
  min-width: 0;
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: #111827;
  font-weight: 700;
  line-height: 1.35;
}

.player-finance-filter input[type="radio"] {
  flex: 0 0 auto;
  width: 15px;
  min-height: 15px;
}

.player-finance-filter input[type="date"],
.player-finance-filter select {
  width: 100%;
  max-width: 220px;
  min-height: 32px;
  padding: 4px 8px;
  border: 1px solid #d7dce2;
  border-radius: 4px;
  background: #fff;
  color: #111827;
  font: inherit;
}

.player-finance-month {
  grid-column: span 2;
}

.player-finance-date-field,
.player-finance-type-field {
  display: grid;
  grid-template-columns: auto minmax(0, 180px);
  gap: 8px;
}

.player-finance-search {
  width: max-content;
  min-height: 40px;
  padding: 8px 18px;
  border: 0;
  border-radius: 4px;
  background: #172434;
  color: #fff;
  font-weight: 900;
  white-space: nowrap;
}

.player-finance-table-wrap {
  max-width: 100%;
  overflow-x: auto;
}

.player-finance-empty {
  display: grid;
  place-items: center;
  min-height: 96px;
  border: 1px solid #d8dce4;
  background: #f6f8fb;
  color: #64748b;
  font-weight: 800;
  text-align: center;
}

.player-finance-table {
  min-width: 640px;
}

.player-finance-card .player-finance-table th {
  background: #1f8177;
  color: #fff;
  text-align: center;
}

.player-finance-card .player-finance-table td:nth-child(3),
.player-finance-card .player-finance-table td:nth-child(4),
.player-finance-card .player-finance-table td:nth-child(5) {
  text-align: right;
}

.player-finance-card .player-finance-table tfoot td {
  font-weight: 900;
}

.finance-row-out td {
  background: #f3dddd;
}

.finance-row-in td {
  background: #dfefd9;
}

.finance-out {
  color: #ff2b25;
  font-weight: 900;
}

.finance-in {
  color: #004dff;
  font-weight: 900;
}

.player-clone-shell .account-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}

.player-clone-shell .account-profile-card,
.player-clone-shell .account-password-card,
.player-clone-shell .account-language-card {
  min-width: 0;
  overflow: hidden;
}

.player-clone-shell .user-password-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  gap: 8px;
  align-items: end;
}

.player-clone-shell .user-password-grid label,
.player-clone-shell .user-password-grid input {
  min-width: 0;
}

.player-clone-shell .user-password-grid button {
  white-space: nowrap;
}

.player-rule-card {
  margin-top: 12px;
  background: #fff;
}

.player-rule-tab {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  margin-bottom: 8px;
  padding: 8px 12px;
  border-radius: 4px;
  background: #1f8177;
  color: #fff;
  font-weight: 900;
}

.player-rule-card h3 {
  margin: 0 0 2px;
  padding: 0 0 4px 10px;
  border-left: 4px solid #ffad00;
  color: #111827;
  font-size: 22px;
  line-height: 1.25;
}

.player-rule-card h3 span {
  color: #ff5a00;
}

.player-rule-table-wrap {
  margin-top: 0;
  max-width: 100%;
  overflow-x: auto;
}

.player-rule-table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  background: #fff;
}

.player-rule-table th,
.player-rule-table td {
  border: 1px solid #8f969b;
  padding: 8px 10px;
  color: #111827;
}

.player-rule-table th {
  background: #1f8177;
  color: #fff;
  text-align: center;
  font-weight: 900;
}

.player-rule-table td:first-child {
  text-align: left;
}

.player-rule-table td:not(:first-child) {
  text-align: center;
  font-weight: 700;
}

.player-rule-note {
  margin: 10px 0 0;
  color: #64748b;
  font-size: 13px;
}

.player-cancel-card {
  max-width: 1180px;
  margin: 0 auto;
  padding: 12px;
  border: 1px solid #d4d8dd;
  background: #fff;
  color: #111827;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.1);
}

.player-cancel-card h3 {
  margin: 0 0 8px;
  padding: 0;
  border-left: 0;
  color: #1f2937;
  font-size: 21px;
  line-height: 1.25;
}

.player-cancel-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-bottom: 0;
}

.player-cancel-tabs button {
  min-height: 30px;
  padding: 5px 14px;
  border: 0;
  border-radius: 3px 3px 0 0;
  background: #2f2f2f;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

.player-cancel-tabs button.active {
  background: #1f8177;
}

.player-cancel-filter {
  margin-bottom: 12px;
  border: 1px solid #1f8177;
  border-radius: 2px;
  background: #fff;
  overflow: visible;
}

.player-cancel-filter-head {
  padding: 7px 12px;
  background: #1f8177;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.player-cancel-filter-body {
  padding: 12px 14px 14px;
}

.player-cancel-rules {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px 28px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e5e7eb;
}

.player-cancel-rules div {
  display: grid;
  gap: 4px;
}

.player-cancel-rules b,
.player-cancel-filter-grid label {
  color: #ff5a00;
}

.player-cancel-rules span,
.player-cancel-hint {
  color: #4b5563;
  font-weight: 700;
}

.player-cancel-hint {
  margin: 10px 0 12px;
}

.player-cancel-filter-grid {
  display: grid;
  grid-template-columns: minmax(190px, 1.35fr) minmax(120px, 0.7fr) minmax(160px, 1fr) minmax(120px, 0.72fr) minmax(150px, 0.9fr) auto;
  gap: 9px 10px;
  align-items: end;
}

.player-cancel-filter-grid label {
  display: grid;
  gap: 3px;
  font-size: 13px;
  font-weight: 900;
}

.player-cancel-filter-grid input,
.player-cancel-filter-grid select {
  width: 100%;
  min-height: 32px;
  padding: 5px 8px;
  border: 1px solid #d8dde6;
  border-radius: 4px;
  background: #fff;
  color: #111827;
}

.player-cancel-filter-grid input[readonly] {
  background: #f4f4f4;
}

.player-cancel-date-pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 6px;
  align-items: center;
}

.player-cancel-date-range {
  position: relative;
  min-width: 0;
}

.player-cancel-date-trigger {
  width: 100%;
  min-height: 32px;
  padding: 5px 9px;
  border: 1px solid #d8dde6;
  border-radius: 4px;
  background: #fff;
  color: #111827;
  font-weight: 800;
  text-align: left;
}

.player-cancel-date-menu {
  position: absolute;
  z-index: 15;
  top: calc(100% + 4px);
  left: 0;
  width: min(372px, calc(100vw - 36px));
  padding: 9px;
  border: 1px solid #b8c3cf;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.18);
}

.player-cancel-date-presets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 9px;
}

.player-cancel-date-presets button,
.player-cancel-date-actions button {
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid #d8dde6;
  border-radius: 3px;
  background: #f7faf9;
  color: #1f2937;
  font-size: 12px;
  font-weight: 900;
}

.player-cancel-date-presets button.active,
.player-cancel-date-actions button:first-child {
  border-color: #1f8177;
  background: #1f8177;
  color: #fff;
}

.player-cancel-date-custom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}

.player-cancel-date-actions {
  display: flex;
  grid-column: 1 / -1;
  gap: 8px;
  justify-content: flex-end;
}

.player-cancel-search {
  width: 72px;
  min-height: 32px;
  padding: 5px 14px;
  border: 0;
  border-radius: 4px;
  background: #172434;
  color: #fff;
  font-weight: 900;
}

.player-cancel-empty {
  display: grid;
  place-items: center;
  min-height: 96px;
  border: 1px solid #d8dce4;
  background: #f6f8fb;
  color: #64748b;
  font-weight: 800;
  text-align: center;
}

.player-cancel-table-wrap {
  border: 1px solid #8f969b;
  border-top: 0;
  max-width: 100%;
  overflow: visible;
  overflow-x: visible;
}

.player-cancel-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: collapse;
  background: #fff;
}

.player-cancel-table th:nth-child(1) { width: 36px; }
.player-cancel-table th:nth-child(2) { width: 9%; }
.player-cancel-table th:nth-child(3) { width: 10%; }
.player-cancel-table th:nth-child(4) { width: 9%; }
.player-cancel-table th:nth-child(5) { width: 11%; }
.player-cancel-table th:nth-child(6) { width: 9%; }
.player-cancel-table th:nth-child(7) { width: 7%; }
.player-cancel-table th:nth-child(8) { width: 7%; }
.player-cancel-table th:nth-child(9) { width: 9%; }
.player-cancel-table th:nth-child(10) { width: 11%; }
.player-cancel-table th:nth-child(11) { width: 8%; }
.player-cancel-table th:nth-child(12) { width: 9%; }
.player-cancel-table th:nth-child(13) { width: 10%; }

.player-cancel-table th,
.player-cancel-table td {
  border: 1px solid #8f969b;
  padding: 5px 6px;
  color: #111827;
  font-size: 12px;
  vertical-align: middle;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.player-cancel-table th {
  background: #1f8177;
  color: #fff;
  text-align: center;
  font-weight: 900;
}

.player-clone-shell.view-cancelSlip .player-breadcrumb,
.player-clone-shell.view-cancelSlip .agent-breadcrumb,
.agent-clone-page:has(.player-cancel-card) .agent-breadcrumb,
.agent-clone-page:has(.player-cancel-card) .agent-items-breadcrumb {
  display: none;
}

.agent-clone-page:has(.player-cancel-card) > h1 {
  display: none;
}

.player-cancel-table td:nth-child(11) {
  text-align: right;
}

.player-cancel-cell-stack {
  display: grid;
  gap: 3px;
  min-width: 0;
  line-height: 1.35;
}

.player-cancel-cell-stack strong {
  min-width: 0;
  font-size: 13px;
}

.player-cancel-cell-stack span {
  min-width: 0;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.player-cancel-amount-note strong {
  font-size: 14px;
}

.player-cancel-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: center;
}

.player-cancel-action {
  min-height: 32px;
  padding: 6px 12px;
  border: 0;
  border-radius: 4px;
  background: #df4e43;
  color: #fff;
  font-weight: 900;
}

.player-cancel-view {
  min-height: 30px;
  padding: 5px 10px;
  border: 0;
  border-radius: 4px;
  background: #132238;
  color: #fff;
  font-weight: 900;
}

.player-cancel-locked {
  color: #9ca3af;
  font-weight: 800;
}

.player-cancel-detail {
  max-width: 100%;
  margin-top: 16px;
  padding: 12px;
  border: 1px solid #cbd5e1;
  background: #f8fafc;
  overflow: hidden;
}

.player-cancel-detail-head {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  align-items: center;
  margin-bottom: 8px;
  font-weight: 900;
}

.player-cancel-detail-note {
  margin-bottom: 10px;
  color: #475569;
  font-weight: 800;
}

.player-cancel-detail .source-slip-table-wrap {
  max-width: 100%;
  overflow-x: auto;
}

.player-cancel-detail .source-slip-table {
  min-width: 640px;
}

.player-cancel-detail-actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.player-cancel-rebet {
  border: 0;
  background: #1f2937;
  color: #fff;
  font-weight: 900;
  padding: 8px 14px;
  cursor: pointer;
}

.player-cancel-rebet:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.player-filter-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  align-items: center;
  margin: 14px 0 20px;
  padding: 16px;
  border: 1px solid #d9dde3;
  background: #f6f8fb;
}

.player-filter-box label {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.player-filter-box input[type="radio"] {
  width: 15px;
  min-height: 15px;
}

.player-filter-box input[type="date"],
.player-filter-box select {
  width: auto;
  min-height: 34px;
}

.player-empty-card {
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 320px;
  background: #f5f7fa;
  color: #697586;
}

.player-empty-card h3 {
  margin: 0;
  color: #1f2937;
}

.player-latest-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  margin: 14px 0 18px;
  padding: 12px 16px;
  border: 1px solid #d8dce4;
  border-left: 5px solid #ffad00;
  background: #fffaf0;
  color: #1f2937;
  font-size: 15px;
}

.player-latest-strip strong {
  color: #111827;
  font-size: 16px;
}

.player-latest-strip span {
  color: #687386;
}

.player-latest-strip b {
  color: #1f8177;
}

@media (max-width: 1100px) {
  .player-topbar {
    justify-content: flex-start;
  }

  .player-paper {
    overflow-x: hidden;
  }

  .player-menu {
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
    overflow: visible;
  }

  .player-menu button strong {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.25;
  }
}

@media (max-width: 760px) {
  .player-clone-hero {
    min-height: 208px;
    padding: 24px 10px 0;
  }

  .player-clone-inner {
    width: min(100% - 20px, 1456px);
  }

  .player-paper {
    margin-top: -122px;
    padding: 14px 14px 48px;
  }

  .player-clone-hero h1 {
    margin-bottom: 22px;
    font-size: 27px;
  }

  .player-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  .player-menu button {
    min-height: 76px;
    padding: 8px 6px;
  }

  .player-menu button span {
    font-size: 22px;
  }

  .player-menu button strong {
    font-size: 13px;
  }

  .player-clone-content {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 12px;
    padding: 0;
  }

  .player-summary {
    grid-template-columns: 1fr;
    grid-column: auto;
  }

  .player-clone-panel {
    grid-column: auto;
  }

  .player-bet-clone .bet-layout {
    grid-template-columns: 1fr;
  }

  .player-clone-shell .account-grid,
  .player-clone-shell .user-password-grid {
    grid-template-columns: 1fr;
  }

  .player-clone-shell .user-password-grid button {
    width: 100%;
  }

  .player-announcement,
  .player-empty-card,
  .player-results-card,
  .player-finance-card {
    padding: 22px 16px;
    font-size: 15px;
  }

  .player-filter-box {
    display: grid;
    grid-template-columns: 1fr;
  }

  .player-filter-box input[type="date"],
  .player-filter-box select,
  .player-filter-box button {
    width: 100%;
  }

  .player-rule-card {
    padding: 18px 12px;
  }

  .player-rule-card h3 {
    font-size: 19px;
  }

  .player-rule-table-wrap {
    overflow-x: visible;
  }

  .player-rule-table {
    min-width: 0;
  }

  .player-rule-table thead {
    display: none;
  }

  .player-rule-table tbody,
  .player-rule-table tr,
  .player-rule-table td {
    display: block;
    width: 100%;
  }

  .player-rule-table tr {
    margin-bottom: 10px;
    border: 1px solid #8eb9b4;
  }

  .player-rule-table td {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    border: 0;
    border-bottom: 1px solid #e0e7eb;
    text-align: right;
  }

  .player-rule-table td::before {
    content: attr(data-label);
    flex: 0 0 48%;
    color: #475569;
    font-weight: 900;
    text-align: left;
  }

  .player-cancel-card h3 {
    font-size: 21px;
  }

  .player-cancel-filter-body {
    padding: 12px;
  }

  .player-cancel-rules,
  .player-cancel-filter-grid {
    grid-template-columns: 1fr;
  }

  .player-cancel-date-pair {
    grid-template-columns: 1fr;
  }

  .player-cancel-search {
    width: 100%;
  }

  .player-cancel-date-menu {
    position: fixed;
    top: auto;
    right: 12px;
    bottom: 18px;
    left: 12px;
    width: auto;
    max-height: calc(100vh - 36px);
    overflow-y: auto;
  }

  .player-cancel-date-presets,
  .player-cancel-date-custom {
    grid-template-columns: 1fr;
  }

  .player-cancel-table-wrap {
    border: 0;
    overflow: visible;
    overflow-x: visible;
  }

  .player-cancel-table {
    min-width: 0;
  }

  .player-cancel-table thead {
    display: none;
  }

  .player-cancel-table tbody,
  .player-cancel-table tr,
  .player-cancel-table td {
    display: block;
    width: 100%;
  }

  .player-cancel-table tr {
    margin-bottom: 10px;
    border: 1px solid #8eb9b4;
  }

  .player-cancel-table td {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    border: 0;
    border-bottom: 1px solid #e0e7eb;
    text-align: right;
  }

  .player-cancel-table td::before {
    content: attr(data-label);
    flex: 0 0 44%;
    color: #475569;
    font-weight: 900;
    text-align: left;
  }
}

@media (max-width: 980px) {
  .player-finance-filter-body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 22px;
  }

  .player-finance-month,
  .player-finance-date-field,
  .player-finance-type-field {
    grid-column: span 2;
  }
}

@media (max-width: 700px) {
  .player-finance-card {
    padding: 18px 12px;
  }

  .player-finance-filter-body {
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .player-finance-month,
  .player-finance-date-field,
  .player-finance-type-field {
    grid-column: auto;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .player-finance-filter input[type="date"],
  .player-finance-filter select,
  .player-finance-search {
    max-width: none;
    width: 100%;
  }

  .player-finance-table-wrap {
    overflow-x: visible;
  }

  .player-finance-table {
    min-width: 0;
  }

  .player-finance-table thead {
    display: none;
  }

  .player-finance-table tbody,
  .player-finance-table tfoot,
  .player-finance-table tr,
  .player-finance-table td {
    display: block;
    width: 100%;
  }

  .player-finance-card .player-finance-table tr {
    margin-bottom: 10px;
    border: 1px solid #8eb9b4;
  }

  .player-finance-card .player-finance-table td {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    border: 0;
    border-bottom: 1px solid #e0e7eb;
    text-align: right;
  }

  .player-finance-card .player-finance-table td::before {
    content: attr(data-label);
    flex: 0 0 42%;
    color: #475569;
    font-weight: 900;
    text-align: left;
  }
}

.agent-clone-shell {
  --agent-sidebar-width: 236px;
  --agent-content-width: 1420px;
  --agent-green: #1f8177;
  --agent-green-dark: #176b63;
  --agent-line: #d9e0e4;
  min-height: 100vh;
  display: grid;
  grid-template-columns: var(--agent-sidebar-width) minmax(0, 1fr);
  background: #fff;
  color: #393939;
  font-family: Tahoma, "Segoe UI", sans-serif;
}

.agent-clone-sidebar {
  position: sticky;
  top: 0;
  min-height: 100vh;
  overflow: visible;
  background: linear-gradient(180deg, #243443 0, #202d3a 42%, #1d2935 100%);
  color: #91a8b6;
}

.agent-clone-iconbar {
  --agent-icon-table: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='1.5'/%3E%3Cpath d='M3 9h18M3 14h18M9 4v16M15 4v16'/%3E%3C/g%3E%3C/svg%3E");
  --agent-icon-members: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='6' r='2'/%3E%3Ccircle cx='6' cy='13' r='2'/%3E%3Ccircle cx='18' cy='13' r='2'/%3E%3Cpath d='M12 8.5v3M8 13h8M4 19c.5-2.2 1.8-3.3 4-3.3s3.5 1.1 4 3.3M12 19c.5-2.2 1.8-3.3 4-3.3s3.5 1.1 4 3.3'/%3E%3C/g%3E%3C/svg%3E");
  --agent-icon-reports: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16M6 20V11M12 20V5M18 20v-7'/%3E%3Cpath d='M9 8h6M10 5h4M16 10l2 2 2-2'/%3E%3C/g%3E%3C/svg%3E");
  --agent-icon-finance: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='1.5'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M6 9h2M16 15h2M7 6l2-2h8l2 2'/%3E%3C/g%3E%3C/svg%3E");
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 48px;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: #1b2733;
  color: #91a8b6;
  text-align: center;
  font-size: 24px;
}

.agent-clone-iconbar span {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: #9eb2c0;
  font-size: 0;
}

.agent-clone-iconbar > span:not(.agent-top-icon) {
  display: none;
}

.agent-top-icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.agent-clone-iconbar span:not(.agent-top-icon)::before {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background: currentColor;
  -webkit-mask: var(--agent-icon-table) center / contain no-repeat;
  mask: var(--agent-icon-table) center / contain no-repeat;
}

.agent-clone-iconbar span:nth-child(2)::before {
  -webkit-mask-image: var(--agent-icon-members);
  mask-image: var(--agent-icon-members);
}

.agent-clone-iconbar span:nth-child(3)::before {
  -webkit-mask-image: var(--agent-icon-reports);
  mask-image: var(--agent-icon-reports);
}

.agent-clone-iconbar span:nth-child(4)::before {
  -webkit-mask-image: var(--agent-icon-finance);
  mask-image: var(--agent-icon-finance);
}

.agent-clone-profile {
  display: grid;
  justify-items: center;
  gap: 3px;
  padding: 170px 12px 26px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.agent-clone-profile-line {
  width: 42px;
  height: 2px;
  margin-bottom: 6px;
  background: #fff;
}

.agent-clone-profile strong {
  color: #91c1dc;
  font-size: 18px;
  font-weight: 500;
}

.agent-sidebar-logout {
  display: block;
  width: calc(100% - 24px);
  min-height: 34px;
  margin: -14px 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 4px;
  background: #18232e;
  color: #fff;
  font: 700 14px Tahoma, "Segoe UI", sans-serif;
  cursor: pointer;
}

.agent-sidebar-logout:hover {
  background: #0f8b7f;
  border-color: #0f8b7f;
}

.agent-clone-menu {
  display: grid;
  gap: 0;
  padding: 4px 0 10px;
  border-top: 6px solid rgba(0, 0, 0, 0.08);
}

.agent-menu-title,
.agent-submenu button {
  width: 100%;
  min-height: 36px;
  border: 0;
  border-radius: 0;
  background: #22303d;
  color: #91a8b6;
  font: 700 14px/1.25 Tahoma, "Segoe UI", sans-serif;
  text-align: left;
  cursor: pointer;
}

.agent-menu-title {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 18px;
  gap: 0;
  align-items: center;
  padding: 0 12px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.035);
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.agent-menu-title span {
  display: grid;
  height: 36px;
  place-items: center;
  color: #a9bbc8;
  font-size: 15px;
}

.agent-menu-title > span:not(.agent-menu-icon) {
  display: none;
}

.agent-menu-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.agent-menu-title strong {
  overflow: hidden;
  color: inherit;
  font-size: inherit;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agent-menu-title b {
  color: #a9bbc8;
  font-size: 13px;
  line-height: 1;
  text-align: right;
  transition: transform 220ms ease;
}

.agent-menu-title.active {
  background: #1d2731;
  color: #fff;
}

.agent-menu-group.open .agent-menu-title b {
  transform: rotate(180deg);
}

.agent-menu-title:hover,
.agent-menu-group.open .agent-menu-title {
  background: #1f2c38;
  color: #fff;
}

.agent-submenu {
  display: grid;
  gap: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  background: #22303d;
  opacity: 0;
  transform: translateY(-4px);
  visibility: hidden;
  transition:
    max-height 260ms cubic-bezier(0.22, 1, 0.36, 1),
    padding 260ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 180ms ease,
    transform 220ms ease,
    visibility 0s linear 260ms;
  will-change: max-height, opacity, transform;
}

.agent-menu-group.open .agent-submenu {
  max-height: 520px;
  padding: 2px 0 6px;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  transition:
    max-height 260ms cubic-bezier(0.22, 1, 0.36, 1),
    padding 260ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 180ms ease 40ms,
    transform 220ms ease,
    visibility 0s;
}

.agent-submenu button,
.agent-submenu a {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 0 10px 0 46px;
  border-left: 4px solid transparent;
  background: #22303d;
  color: #91a8b6;
  font-weight: 700;
  white-space: normal;
  text-decoration: none;
}

.agent-submenu button:hover,
.agent-submenu a:hover {
  background: #1f2b36;
  color: #dbe8ef;
}

.agent-submenu button.active,
.agent-submenu a.active {
  border-left-color: #f4aa1f;
  background: #18232e;
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .agent-menu-title b,
  .agent-submenu {
    transition: none;
  }
}

.agent-clone-main {
  min-width: 0;
}

.agent-clone-topbar {
  position: sticky;
  top: 0;
  z-index: 4;
  display: flex;
  justify-content: flex-end;
  min-height: 38px;
  border-bottom: 1px solid #d8dee8;
  background: #fff;
  color: #647888;
  font-size: 13px;
}

.agent-clone-topbar span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 9px;
  border-left: 1px solid #d8dee8;
}

.agent-clone-topbar span:first-child {
  color: #111;
  font-weight: 800;
}

.agent-clone-topbar > span:nth-child(2),
.agent-clone-topbar > span:nth-child(3) {
  display: none;
}

.agent-clone-topbar .agent-topbar-game-control {
  gap: 4px;
  padding: 0 8px;
  color: #111;
  font-weight: 800;
}

.agent-topbar-game-control b {
  color: #647888;
  font-weight: 900;
}

.agent-topbar-game-control label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  margin: 0;
  color: #111;
  font-weight: 800;
}

.agent-topbar-game-control strong {
  color: #111;
  font-weight: 800;
}

.agent-topbar-game-control select {
  max-width: 168px;
  min-height: 24px;
  padding: 1px 22px 1px 7px;
  border: 1px solid #cfd8df;
  border-radius: 3px;
  background: #fff;
  color: #263746;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
}

.agent-clone-topbar .agent-topbar-draw-control {
  gap: 4px;
  padding: 0 8px;
}

.agent-topbar-draw-control b {
  color: #647888;
  font-weight: 900;
}

.agent-topbar-draw-control label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  margin: 0;
  color: #647888;
  font-weight: 700;
}

.agent-topbar-draw-control select {
  max-width: 168px;
  min-height: 24px;
  padding: 1px 22px 1px 7px;
  border: 1px solid #cfd8df;
  border-radius: 3px;
  background: #fff;
  color: #506a7d;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
}

.agent-clone-topbar .agent-yeekee-date-control,
.agent-clone-topbar .agent-yeekee-round-control {
  position: relative;
  gap: 4px;
  padding: 0 8px;
}

.agent-yeekee-date-control label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  color: #263746;
  font-weight: 800;
}

.agent-yeekee-date-control input {
  min-height: 24px;
  max-width: 134px;
  padding: 1px 6px;
  border: 1px solid #cfd8df;
  border-radius: 3px;
  color: #263746;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
}

.agent-yeekee-round-control > button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 26px;
  padding: 2px 9px;
  border: 1px solid #cfd8df;
  border-radius: 3px;
  background: #fff;
  color: #263746;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.agent-yeekee-round-control > button small {
  color: #70899a;
  font-size: 11px;
  font-weight: 800;
}

.agent-yeekee-round-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: repeat(8, minmax(52px, 1fr));
  gap: 5px;
  width: min(640px, calc(100vw - 24px));
  max-height: min(520px, calc(100vh - 88px));
  overflow: auto;
  padding: 10px;
  border: 1px solid #cfd8df;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(25, 42, 58, 0.18);
}

.agent-yeekee-round-menu button {
  min-height: 42px;
  padding: 5px 4px;
  border: 1px solid #d8dee8;
  border-radius: 4px;
  background: #f8fafc;
  color: #263746;
  font: inherit;
  cursor: pointer;
}

.agent-yeekee-round-menu button strong,
.agent-yeekee-round-menu button span {
  display: block;
  line-height: 1.15;
}

.agent-yeekee-round-menu button strong {
  font-size: 14px;
}

.agent-yeekee-round-menu button span {
  min-height: 0;
  padding: 0;
  border-left: 0;
  color: #70899a;
  font-size: 10px;
  font-weight: 800;
}

.agent-yeekee-round-menu button.active {
  border-color: #f4aa1f;
  background: #fff4da;
  color: #111;
}

.agent-yeekee-round-menu p {
  grid-column: 1 / -1;
  margin: 0;
  color: #70899a;
  font-weight: 800;
}

.agent-clone-page {
  display: grid;
  align-content: start;
  justify-items: center;
  gap: 0;
  min-height: calc(100vh - 38px);
  padding: 18px clamp(14px, 3.2vw, 112px) 60px;
  background:
    linear-gradient(180deg, #ffa900 0, #ffa900 198px, #fff 198px, #fff 100%);
}

.agent-clone-page h1 {
  width: min(100%, var(--agent-content-width));
  margin: 0 0 22px;
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.25;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

.agent-clone-page h1.agent-title-with-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}

.agent-clone-page h1.agent-title-with-controls > span:first-child {
  white-space: nowrap;
}

.agent-widget {
  width: min(100%, var(--agent-content-width));
  margin: 0 0 18px;
  overflow: hidden;
  border: 1px solid var(--agent-green-dark);
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(22, 42, 54, 0.08);
}

.agent-widget.agent-widget-narrow {
  width: min(100%, var(--agent-content-width));
}

.agent-widget header {
  display: flow-root;
  min-height: 38px;
  padding: 8px 14px;
  background: linear-gradient(90deg, var(--agent-green-dark), #2a958b);
  color: #fff;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.3;
}

.agent-widget-body {
  padding: clamp(20px, 3vw, 34px) clamp(18px, 3vw, 30px);
  border-bottom: 8px solid var(--agent-green-dark);
  background: #fff;
  color: #393939;
  font-size: 16px;
}

.agent-widget-body,
.agent-widget-body p,
.agent-widget-body td {
  color: #21313c;
}

.agent-widget-body .muted,
.agent-widget-body small {
  color: #64748b;
}

.agent-widget-body .text-success,
.agent-widget-body .agent-status-open {
  color: #007a4d;
}

.agent-widget-body .text-danger,
.agent-widget-body .agent-danger {
  color: #c22525;
}

.agent-stock-result-widget {
  width: min(100%, 980px);
}

.agent-stock-result-grid {
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  align-items: start;
}

.agent-stock-result-grid label {
  grid-template-columns: 96px minmax(0, 1fr);
}

.stock-result-saved {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.stock-result-number-card {
  display: grid;
  gap: 6px;
  padding: 14px;
  border: 1px solid #d6e7e4;
  border-radius: 6px;
  background: #f6fbfa;
  text-align: center;
}

.stock-result-number-card span {
  color: #55706d;
  font-size: 13px;
  font-weight: 700;
}

.stock-result-number-card strong {
  color: #0f615b;
  font-size: clamp(24px, 4vw, 34px);
  line-height: 1;
}

.stock-result-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: 10px;
  margin: 0;
}

.stock-result-meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #e4efed;
  border-radius: 6px;
  background: #fbfdfd;
}

.stock-result-meta dt {
  margin-bottom: 4px;
  color: #60747a;
  font-size: 12px;
  font-weight: 800;
}

.stock-result-meta dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: #1f3337;
  font-weight: 700;
}

.stock-result-table-wrap {
  overflow-x: auto;
}

.stock-result-table {
  min-width: 720px;
}

.agent-maintenance-widget {
  width: min(100%, 860px);
}

.agent-maintenance {
  display: grid;
  place-items: center;
  min-height: 220px;
  gap: 10px;
  border: 1px dashed #b8c5cc;
  border-radius: 6px;
  background: #f7fafb;
  text-align: center;
}

.agent-maintenance strong {
  color: #17776e;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.15;
}

.agent-maintenance span {
  color: #5f6c78;
  font-size: 15px;
  font-weight: 700;
}

.agent-demo-tools {
  display: grid;
  gap: 16px;
}

.agent-demo-widget,
.agent-demo-list-widget {
  width: min(100%, 1180px);
}

.agent-demo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.agent-demo-form {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #d8e1e4;
  border-radius: 4px;
  background: #f9fbfb;
}

.agent-demo-form h3 {
  margin: 0 0 4px;
  color: #0f2b35;
  font-size: 17px;
  font-weight: 900;
}

.agent-demo-form label {
  display: grid;
  gap: 5px;
  color: #24313c;
  font-size: 12px;
  font-weight: 800;
}

.agent-demo-form input,
.agent-demo-form select {
  width: 100%;
  min-height: 34px;
  padding: 6px 8px;
  border: 1px solid #cfd8df;
  border-radius: 4px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 13px;
}

.agent-demo-two {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.agent-demo-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 4px;
}

.agent-demo-actions button {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 4px;
  font-weight: 900;
}

.agent-demo-table {
  min-width: 0;
  table-layout: fixed;
}

.agent-demo-table th,
.agent-demo-table td {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  vertical-align: top;
}

.agent-demo-table th:nth-child(1),
.agent-demo-table td:nth-child(1) {
  width: 15%;
}

.agent-demo-table th:nth-child(2),
.agent-demo-table td:nth-child(2) {
  width: 15%;
}

.agent-demo-table th:nth-child(4),
.agent-demo-table td:nth-child(4) {
  width: 10%;
}

.agent-demo-table th:nth-child(7),
.agent-demo-table td:nth-child(7) {
  width: 25%;
}

.agent-winning-context {
  width: min(100%, var(--agent-content-width, 1180px));
  margin: -8px 0 40px;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
}

.agent-winning-context::first-letter {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.agent-winning-context em {
  font-size: 12px;
  font-style: italic;
  font-weight: 800;
}

.agent-winning-widget {
  width: min(100%, var(--agent-content-width, 1440px));
  padding: 20px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 18px 34px rgba(28, 42, 52, 0.16);
}

.agent-winning-widget > header {
  display: none;
}

.agent-winning-widget .agent-widget-body {
  padding: 0;
  border-bottom: 0;
}

.agent-winning-widget .agent-table-wrap {
  overflow-x: auto;
  border: 0;
  box-shadow: none;
}

.agent-winning-table {
  width: 100%;
  min-width: 1340px;
  border-collapse: collapse;
  font-size: 12px;
}

.agent-winning-table th {
  height: 41px;
  padding: 8px 6px;
  border: 1px solid #707b7c;
  background: #19776d;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
  white-space: nowrap;
}

.agent-winning-table td {
  height: 37px;
  padding: 6px 6px;
  border: 1px solid #8d8d8d;
  background: #fff;
  color: #111827;
  line-height: 1.2;
  white-space: nowrap;
  vertical-align: middle;
}

.agent-winning-table tfoot td {
  height: 41px;
  background: #fff;
  font-size: 14px;
  font-weight: 900;
}

.agent-winning-table td:nth-child(2),
.agent-winning-table td:nth-child(4),
.agent-winning-table td:nth-child(8),
.agent-winning-table td:nth-child(17) {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.agent-winning-table td:nth-child(1),
.agent-winning-table td:nth-child(3),
.agent-winning-table td:nth-child(9) {
  text-align: center;
}

.agent-winning-table a,
.agent-winning-table td:nth-child(2) {
  color: #0069ff;
  font-weight: 800;
}

.agent-net-report-card {
  width: min(100%, 1296px);
  margin: 0 auto;
  padding: 18px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 18px 34px rgba(28, 42, 52, 0.16);
}

.agent-net-alert {
  margin-bottom: 18px;
  padding: 22px 26px;
  border: 1px solid #c9d3df;
  border-radius: 4px;
  background: #f6f8fb;
  color: #0f172a;
  font-weight: 800;
}

.agent-net-filter-box {
  border-radius: 4px;
  border-bottom: 9px solid #19776d;
  background: #fff;
  box-shadow: inset 0 0 0 1px #19776d;
}

.agent-net-filter-box h3 {
  margin: 0;
  padding: 9px 10px;
  border-radius: 4px 4px 0 0;
  background: #19776d;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.agent-net-filter-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
  min-height: 264px;
  padding: 42px 38px 28px;
  color: #111827;
  font-size: 13px;
  font-weight: 700;
}

.agent-net-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

.agent-net-filter-body label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  white-space: nowrap;
}

.agent-net-filter-body input,
.agent-net-filter-body select {
  min-height: 28px;
  border: 1px solid #d7dce2;
  border-radius: 4px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 13px;
}

.agent-net-filter-body input[type="radio"] {
  min-height: auto;
}

.agent-net-filter-body input[readonly] {
  width: 98px;
  padding: 4px 6px;
}

.agent-net-filter-body input[type="date"] {
  width: 132px;
  padding: 4px 6px;
  font-weight: 800;
}

.agent-net-filter-body input[type="month"] {
  width: 152px;
  padding: 4px 6px;
  font-weight: 800;
}

.agent-net-filter-body select {
  width: 166px;
  padding: 4px 8px;
}

.agent-net-filter-body select:disabled {
  opacity: 1;
  color: #111827;
  font-weight: 800;
}

.agent-net-calendar {
  width: 36px;
  height: 30px;
  border: 0;
  border-radius: 0;
  background: #e6e8eb;
  color: #1f2937;
  font-weight: 900;
}

.agent-net-game-label {
  margin-top: 12px;
}

.agent-net-game-row {
  margin-top: 8px;
}

.agent-net-pick {
  width: 58px;
  min-height: 34px;
  margin-top: 12px;
  border: 0;
  border-radius: 4px;
  background: #ffb24a;
  color: #fff;
  font-weight: 900;
}

.agent-net-search {
  width: 80px;
  min-height: 36px;
  margin-top: 10px;
  border: 0;
  border-radius: 4px;
  background: #172231;
  color: #fff;
  font-weight: 900;
}

.agent-net-summary-title {
  margin: 10px 0 10px;
  color: #1f2937;
  font-size: 16px;
  font-weight: 900;
}

.agent-net-summary-title span {
  color: #ff5a00;
}

.agent-net-total-title {
  margin: 44px 0 8px;
  padding-left: 10px;
  border-left: 3px solid #ffa900;
  color: #111827;
  font-size: 20px;
  font-weight: 900;
}

.agent-net-table-wrap {
  overflow-x: auto;
}

.agent-net-table {
  width: 100%;
  min-width: 1216px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
}

.agent-net-table th,
.agent-net-table td {
  padding: 8px 7px;
  border: 1px solid #8b8b8b;
}

.agent-net-table th {
  background: #19776d;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
}

.agent-net-table td {
  height: 37px;
  background: #fff;
  color: #111827;
  vertical-align: middle;
}

.agent-net-table .agent-num {
  text-align: right;
  white-space: nowrap;
}

.agent-net-table .agent-link-button {
  color: #0069ff;
  font-weight: 900;
}

.agent-net-show-name {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin: 4px 0 0;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.agent-net-show-name input {
  width: 12px;
  min-height: 12px;
  margin: 0;
}

.agent-net-total-wrap .agent-total-row td:nth-child(3) {
  background: #d7e9fb;
  color: #004dff;
}

.agent-net-total-wrap .agent-total-row td:nth-child(n + 4) {
  background: #fffbe1;
}

.agent-pending-widget {
  width: min(100%, var(--agent-content-width, 1296px));
  padding: 18px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 18px 34px rgba(28, 42, 52, 0.16);
}

.agent-pending-widget > header {
  display: none;
}

.agent-pending-widget .agent-widget-body {
  padding: 0;
  border-bottom: 0;
}

.agent-pending-note {
  margin-bottom: 22px;
  padding: 20px 26px;
  border: 1px solid #c9d3df;
  border-radius: 4px;
  background: #f6f8fb;
  color: #0f172a;
  font-weight: 800;
}

.agent-pending-note strong {
  font-weight: 900;
}

.agent-pending-table-wrap,
.agent-pending-total-wrap {
  width: 100%;
}

.agent-pending-table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
}

.agent-pending-table th,
.agent-pending-table td {
  border: 1px solid #8b8b8b;
}

.agent-pending-table th {
  height: 36px;
  padding: 7px 6px;
  background: #19776d;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.15;
}

.agent-pending-table td {
  height: 36px;
  padding: 7px 6px;
  background: #fff;
  color: #111827;
  vertical-align: middle;
}

.agent-pending-col-no {
  width: 42px;
}

.agent-pending-col-user {
  width: 112px;
}

.agent-pending-col-level {
  width: 96px;
}

.agent-pending-col-total {
  width: 96px;
}

.agent-pending-col-money {
  width: auto;
}

.agent-pending-table th:nth-child(1),
.agent-pending-table td:nth-child(1) {
  width: 42px;
  text-align: center;
}

.agent-pending-table th:nth-child(2),
.agent-pending-table td:nth-child(2) {
  width: 112px;
}

.agent-pending-table th:nth-child(3),
.agent-pending-table td:nth-child(3) {
  width: 96px;
}

.agent-pending-table th:nth-child(4),
.agent-pending-table td:nth-child(4) {
  width: 96px;
}

.agent-pending-table td:nth-child(2) {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.agent-pending-table .agent-num {
  text-align: right;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.2;
}

.agent-pending-total-stake {
  background: #dcecf9 !important;
  color: #005cff !important;
  font-weight: 900;
}

.agent-pending-scope {
  background: #fffde6 !important;
}

.agent-pending-show-name {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.agent-pending-show-name input {
  width: 12px;
  min-height: 12px;
  margin: 0;
}

.agent-pending-total-title {
  margin: 44px 0 8px;
  padding-left: 10px;
  border-left: 3px solid #ffa900;
  color: #111827;
  font-size: 20px;
  font-weight: 900;
}

.agent-pending-summary-table {
  max-width: 974px;
}

.agent-pending-summary-table .agent-total-row td {
  min-height: 36px;
  font-weight: 900;
}

.agent-receive-rules-page {
  display: grid;
  gap: 16px;
}

.agent-receive-widget,
.agent-receive-form-widget {
  width: min(100%, var(--agent-content-width, 1296px));
}

.agent-receive-filterbar {
  margin-bottom: 12px;
}

.agent-receive-filterbar input,
.agent-receive-filterbar select {
  min-height: 30px;
}

.agent-receive-refresh {
  margin: 0 0 10px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  text-align: right;
}

.agent-receive-risk-table {
  min-width: 1180px;
  table-layout: fixed;
}

.agent-receive-risk-table th,
.agent-receive-risk-table td,
.agent-receive-rule-table th,
.agent-receive-rule-table td {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.agent-receive-risk-table .agent-num {
  text-align: right;
}

.agent-receive-status-warning td {
  background: #fff8dd;
}

.agent-receive-status-full td {
  background: #ffe5e5;
}

.agent-receive-status-blocked td {
  background: #eef0f2;
  color: #4b5563;
}

.agent-receive-status-open td {
  background: #fff;
}

.agent-receive-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  padding: 3px 7px;
  border-radius: 3px;
  background: #19776d;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.agent-receive-status-warning .agent-receive-pill {
  background: #c88700;
}

.agent-receive-status-full .agent-receive-pill {
  background: #c22525;
}

.agent-receive-status-blocked .agent-receive-pill {
  background: #6b7280;
}

.agent-receive-rule-forms {
  width: min(100%, var(--agent-content-width, 1296px));
}

.agent-receive-form {
  display: grid;
  gap: 10px;
}

.agent-receive-form .agent-action-row {
  margin-top: 2px;
}

.agent-receive-page-header {
  display: grid;
  gap: 8px;
  width: min(100%, var(--agent-content-width));
  margin: -6px 0 14px;
  padding: 10px 12px;
  border: 1px solid #d4dfdc;
  border-left: 4px solid #f59f25;
  border-radius: 2px;
  background: #fff;
}

.agent-receive-page-header .agent-items-title-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 8px 12px;
}

.agent-receive-page-header .agent-items-breadcrumb {
  color: #243633;
}

.agent-receive-page-header .agent-items-breadcrumb b {
  color: #7b8d89;
}

.agent-receive-page-header .agent-link-button,
.agent-receive-page-header .agent-items-breadcrumb .agent-link-button {
  min-height: 30px;
  padding: 4px 9px;
  border: 1px solid #bfd0cc;
  border-radius: 3px;
  background: #f6faf9;
  color: #0d6f5c;
}

.agent-receive-page-header .agent-items-lookups {
  align-items: center;
  gap: 6px;
}

.agent-receive-page-header .agent-items-lookups label {
  color: #243633;
}

.agent-receive-page-header .agent-items-lookups input {
  min-width: 180px;
  min-height: 30px;
  border-color: #bfd0cc;
}

.agent-receive-page-header .agent-items-context {
  width: auto;
  margin: 0;
  color: #324944;
  font-size: 14px;
  line-height: 1.4;
}

.agent-receive-page-header .agent-items-context span {
  color: #6a7b77;
  font-size: 12px;
}

.agent-receive-widget > header {
  border-left: 4px solid #f59f25;
}

.agent-widget.agent-receive-time-widget {
  border-color: #ccd7d4;
  border-radius: 2px;
  box-shadow: none;
}

.agent-receive-time-widget > header {
  min-height: auto;
  padding: 9px 12px;
  border-bottom: 1px solid #d7e2df;
  background: #fff;
  color: #243633;
  font-size: 16px;
  font-weight: 900;
}

.agent-receive-time-widget .agent-widget-body {
  padding: 10px 12px 12px;
  border-bottom: 0;
}

.agent-receive-time-widget .agent-demo-form {
  gap: 8px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
}

.agent-receive-time-table {
  overflow: hidden;
  border: 1px solid #7f9d99;
  border-radius: 2px;
  background: #fff;
}

.agent-receive-time-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
}

.agent-receive-time-panel {
  display: grid;
  grid-template-rows: auto auto auto 1fr auto;
  min-width: 0;
  border-right: 1px solid #7f9d99;
  background: #fff;
}

.agent-receive-time-panel:last-child {
  border-right: 0;
}

.agent-receive-time-head {
  min-width: 0;
  padding: 7px 10px;
  border-bottom: 1px solid #7f9d99;
  background: #0c725b;
  color: #fff;
  text-align: center;
}

.agent-receive-time-head h4 {
  margin: 0;
  color: inherit;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.3;
}

.agent-receive-time-head h4 span {
  margin-left: 6px;
  color: #ffb13b;
  white-space: nowrap;
}

.agent-receive-time-toggle-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 34px;
  padding: 7px 12px;
  border-bottom: 1px solid #d1dedb;
}

.agent-receive-company-toggle {
  display: inline-flex;
  width: auto;
  grid-template-columns: none;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: #233f3b;
  font-size: 13px;
  font-weight: 900;
}

.agent-receive-company-toggle input[type="checkbox"] {
  width: 14px;
  min-height: 14px;
  margin: 0;
}

.agent-receive-time-control {
  display: flex;
  grid-template-columns: none;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 46px;
  margin: 0;
  padding: 8px 10px;
  border-bottom: 1px solid #d1dedb;
  color: #2f4a46;
  font-size: 13px;
  font-weight: 900;
}

.agent-receive-time-control input[type="hidden"] {
  display: none;
}

.agent-receive-time-control .agent-receive-mini-input {
  flex: 0 0 62px;
  width: 62px;
  min-width: 0;
  min-height: 28px;
  padding: 3px 5px;
  text-align: center;
  font-weight: 900;
}

.agent-receive-time-control-close .agent-receive-mini-input {
  flex-basis: 54px;
  width: 54px;
}

.agent-receive-time-control span {
  color: #546c68;
  font-size: 12px;
}

.agent-receive-time-compare-grid {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 76px;
  padding: 10px 12px;
  border-bottom: 1px solid #d1dedb;
}

.agent-receive-time-compare {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 4px 8px;
  color: #3f5f5a;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.35;
}

.agent-receive-time-compare.is-mine,
.agent-receive-time-compare.is-mine strong {
  color: #176eb2;
}

.agent-receive-time-compare strong {
  color: #2c4642;
  font-weight: 900;
}

.agent-receive-time-panel .agent-note {
  margin: 0;
  padding: 0 12px 8px;
  font-size: 11px;
}

.agent-receive-time-save-row {
  display: flex;
  justify-content: center;
  padding: 0 12px 10px;
}

.agent-receive-time-save {
  width: min(132px, 100%);
  min-height: 30px;
  padding: 5px 14px;
  background: #1d2f2c;
  font-size: 13px;
}

.agent-receive-time-panel input:disabled {
  background: #e7eceb;
  color: #60706e;
  -webkit-text-fill-color: #60706e;
}

.agent-receive-time-separator {
  margin: 0 -2px;
}

.agent-receive-limit-widget > header:empty,
.agent-receive-number-widget > header:empty {
  display: none;
}

.agent-widget.agent-receive-limit-widget,
.agent-widget.agent-receive-number-widget {
  border-color: #7f9d99;
  border-radius: 2px;
  box-shadow: none;
}

.agent-receive-limit-widget .agent-widget-body,
.agent-receive-number-widget .agent-widget-body {
  padding: 12px;
  border-bottom: 0;
}

.agent-receive-section-title {
  margin: 0 0 5px;
  padding-left: 9px;
  border-left: 4px solid #f59f25;
}

.agent-receive-section-title h3 {
  margin: 0;
  color: #223936;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.35;
}

.agent-receive-section-title h3 span {
  color: #e67f13;
}

.agent-receive-helper {
  margin: 0 0 9px;
  color: #4b5f5b;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.agent-receive-table-wrap {
  border-top: 1px solid #7f9d99;
}

.agent-receive-table {
  min-width: 940px;
  table-layout: fixed;
}

.agent-receive-limit-widget .agent-receive-table-wrap {
  border: 1px solid #7f9d99;
}

.agent-receive-limit-widget .agent-receive-table {
  width: 100%;
  min-width: 0;
}

.agent-receive-table th,
.agent-receive-table td {
  border-color: #7f9d99;
  padding: 7px 6px;
  text-align: center;
  vertical-align: middle;
}

.agent-receive-table th {
  background: #0c725b;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

.agent-receive-table th:first-child,
.agent-receive-table td:first-child {
  width: 78px;
}

.agent-receive-table th:last-child,
.agent-receive-table td:last-child {
  width: 96px;
}

.agent-receive-zero-cell {
  color: #334a46;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.agent-receive-table input,
.agent-receive-number-table input,
.agent-receive-number-table select {
  width: 100%;
  min-height: 34px;
  border: 1px solid #9fb5b2;
  border-radius: 4px;
  padding: 6px 8px;
  font: inherit;
}

.agent-receive-table input {
  min-height: 30px;
  padding: 4px 6px;
  text-align: center;
  font-size: 13px;
  font-weight: 900;
}

.agent-receive-table small {
  display: block;
  margin-top: 4px;
  color: #516561;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
}

.agent-receive-save-cell {
  background: #f7faf9;
}

.agent-receive-lottery-table-wrap {
  width: fit-content;
  min-width: 0;
  max-width: none;
  overflow-x: visible;
}

.agent-receive-lottery-table {
  width: 1024px;
  min-width: 1024px;
  max-width: none;
  table-layout: fixed;
}

.agent-receive-lottery-table th:first-child,
.agent-receive-lottery-table td:first-child {
  width: 170px;
}

.agent-receive-lottery-table th:nth-last-child(2),
.agent-receive-lottery-table td:nth-last-child(2) {
  width: 92px;
}

.agent-receive-lottery-table th:last-child,
.agent-receive-lottery-table td:last-child {
  width: 40px;
}

.agent-receive-lottery-table input[type="number"] {
  width: 100%;
  min-width: 0;
  text-align: right;
}

.agent-receive-lottery-table input[type="checkbox"] {
  width: 16px;
  min-height: 16px;
  margin: 2px auto;
}

.agent-member-table.agent-receive-lottery-table tbody tr.agent-receive-lottery-group td {
  background: #b8dfd7;
  color: #183f39;
  font-weight: 900;
  letter-spacing: 0;
  text-align: center;
}

.agent-receive-lottery-bulk-row td {
  background: #fff7e8;
  border-bottom: 2px solid #f0a935;
}

.agent-receive-lottery-bulk-row strong {
  color: #c77700;
}

.agent-receive-lottery-kind,
.agent-receive-lottery-table td:first-child {
  text-align: left;
}

.agent-receive-lottery-kind strong {
  color: #193c38;
}

.agent-receive-lottery-save-row td {
  background: #f8fbfa;
}

.agent-receive-lottery-save-row .agent-save {
  width: 100%;
  min-width: 96px;
}

.agent-receive-row-save,
.agent-receive-add-save {
  min-height: 30px;
  padding: 5px 12px;
  border-radius: 3px;
  background: #1d2f2c;
  font-size: 13px;
}

.agent-receive-number-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(104px, 1fr));
  gap: 6px;
  margin-top: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.agent-receive-number-box {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #7f9d99;
  border-radius: 2px;
  background: #fff;
}

.agent-receive-number-box-head {
  min-height: 34px;
  padding: 7px 7px;
  background: #0c725b;
  color: #fff;
}

.agent-receive-number-box-head label {
  display: inline-flex;
  grid-template-columns: none;
  align-items: center;
  gap: 5px;
  margin: 0;
  color: inherit;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
  white-space: nowrap;
}

.agent-receive-number-box-head input[type="checkbox"] {
  width: 13px;
  min-height: 13px;
  margin: 0;
  accent-color: #f59f25;
}

.agent-receive-number-box-body {
  display: grid;
  gap: 5px;
  padding: 8px 7px;
  background: #fff;
}

.agent-receive-number-box-body input {
  width: 100%;
  min-height: 28px;
  padding: 4px 6px;
  border: 1px solid #9fb5b2;
  border-radius: 3px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  text-align: center;
}

.agent-receive-number-box-body span {
  color: #324944;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}

.agent-receive-number-box-foot {
  display: grid;
  gap: 3px;
  min-height: 30px;
  padding: 6px;
  border-top: 1px solid #d1dedb;
  background: #f2f5f4;
  color: #667773;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
}

.agent-receive-number-box-foot span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agent-receive-number-table {
  margin-top: 12px;
}

.agent-receive-number-table th,
.agent-receive-number-table td {
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .agent-pending-table th,
  .agent-pending-table td {
    padding: 6px 4px;
    font-size: 12px;
  }

  .agent-pending-table .agent-num {
    font-size: 12px;
  }
}

@media (max-width: 900px) {
  .agent-pending-table th,
  .agent-pending-table td {
    padding: 5px 3px;
    font-size: 11px;
  }

  .agent-pending-show-name {
    font-size: 10px;
  }
}

.agent-pending-summary-table .agent-total-row td:first-child {
  text-align: left;
}

@media (max-width: 900px) {
  .agent-demo-grid,
  .agent-demo-two,
  .agent-receive-time-grid {
    grid-template-columns: 1fr;
  }

  .agent-receive-number-grid {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
    overflow-x: visible;
  }

  .agent-receive-limit-widget .agent-receive-table {
    min-width: 940px;
  }

  .agent-receive-time-panel {
    border-right: 0;
    border-bottom: 1px solid #7f9d99;
  }

  .agent-receive-time-panel:last-child {
    border-bottom: 0;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .agent-receive-number-grid {
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    overflow-x: visible;
  }
}

@media (max-width: 430px) {
  .agent-receive-number-grid {
    grid-template-columns: 1fr;
  }
}

.agent-online-card {
  width: min(100%, var(--agent-content-width));
  margin-top: 14px;
  padding: 18px 16px 16px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 18px 34px rgba(28, 42, 52, 0.18);
}

.agent-online-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 4px;
  margin: 0;
}

.agent-online-tabs button {
  min-height: 40px;
  padding: 8px 15px;
  border: 0;
  border-radius: 4px 4px 0 0;
  background: #252830;
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

.agent-online-tabs button.active {
  background: var(--agent-green);
}

.agent-online-table-wrap {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.agent-online-table {
  min-width: 860px;
  table-layout: fixed;
}

.agent-online-table th,
.agent-online-table td {
  height: 31px;
  padding: 6px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.agent-online-table th:nth-child(1),
.agent-online-table td:nth-child(1) {
  width: 44px;
}

.agent-online-table th:nth-child(2),
.agent-online-table td:nth-child(2) {
  width: 15%;
}

.agent-online-table th:nth-child(3),
.agent-online-table td:nth-child(3) {
  width: 16%;
}

.agent-online-table th:nth-child(4),
.agent-online-table td:nth-child(4) {
  width: 13%;
}

.agent-online-table th:nth-child(5),
.agent-online-table td:nth-child(5),
.agent-online-table th:nth-child(6),
.agent-online-table td:nth-child(6) {
  width: 21%;
}

.agent-online-table th:nth-child(7),
.agent-online-table td:nth-child(7) {
  width: 14%;
}

.agent-online-empty {
  color: #5f6c78;
  text-align: center;
  font-weight: 700;
}

.agent-page-general {
  --agent-content-width: min(1280px, calc(100vw - var(--agent-sidebar-width) - 56px));
  justify-items: stretch;
  grid-template-columns: minmax(0, var(--agent-content-width));
  justify-content: center;
  padding-top: 18px;
  background:
    linear-gradient(180deg, #ffa300 0, #ffa300 150px, #fff 150px, #fff 100%);
}

.agent-page-general h1.agent-title-with-controls {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  gap: 8px 12px;
  width: min(100%, var(--agent-content-width));
  min-height: 36px;
  margin: 0 0 28px;
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.15;
  text-shadow: none;
}

.agent-page-general h1.agent-title-with-controls > span:first-child {
  white-space: nowrap;
}

.agent-general-title-toolbar {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
}

.agent-general-title-toolbar .agent-items-breadcrumb {
  flex: 0 1 auto;
  min-width: 0;
  gap: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.agent-general-title-toolbar .agent-items-breadcrumb .agent-link-button,
.agent-general-title-toolbar .agent-items-breadcrumb b {
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.agent-general-title-toolbar .agent-items-lookups {
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
}

.agent-general-title-toolbar .agent-items-lookups label {
  display: block;
}

.agent-general-title-toolbar .agent-items-lookups input {
  width: 136px;
  min-width: 0;
  min-height: 22px;
  padding: 2px 7px;
  border: 1px solid #d5dce5;
  border-radius: 3px;
  background: #fff;
  color: #25313d;
  font-size: 11px;
}

.agent-general-card {
  display: grid;
  gap: 0;
  width: min(100%, var(--agent-content-width));
  margin: 0 0 18px;
  padding: 15px 15px 22px;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0 18px 34px rgba(28, 42, 52, 0.18);
}

.agent-general-card *,
.agent-general-card *::before,
.agent-general-card *::after {
  box-sizing: border-box;
}

.agent-general-card .agent-note {
  width: 100%;
  margin: 0 0 18px;
  padding: 16px 22px;
  border: 1px solid #cfd6df;
  border-radius: 3px;
  background: #f7f8fb;
  color: #111827;
  font-size: 12px;
  font-weight: 800;
}

.agent-general-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}

.agent-general-card .agent-page-tabs {
  width: auto;
  margin: 0;
}

.agent-general-card .agent-page-tabs button {
  min-height: 30px;
  padding: 0 8px;
  border: 0;
  border-radius: 3px 3px 0 0;
  background: #1f2933;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.agent-general-card .agent-page-tabs button.active {
  background: #19776d;
}

.agent-general-card .agent-filterbar {
  width: auto;
  margin: 0 10px 4px 0;
  gap: 8px;
  justify-content: flex-end;
  color: #111827;
  font-size: 11px;
  font-weight: 800;
}

.agent-general-card .agent-filterbar label {
  gap: 4px;
}

.agent-general-card .agent-filterbar select {
  min-width: 0;
  width: 123px;
  min-height: 24px;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 11px;
}

.agent-general-card .agent-widget {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.agent-general-card .agent-widget > header {
  display: none;
}

.agent-general-card .agent-widget-body {
  min-width: 0;
  max-width: 100%;
  padding: 0;
  border-bottom: 0;
}

.agent-general-card .agent-table-wrap {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.agent-general-card .agent-member-table {
  width: 1080px;
  min-width: 1080px;
  max-width: none;
  table-layout: fixed;
  font-size: 11px;
}

.agent-general-card .agent-member-table th {
  padding: 7px 6px;
  border-color: #7f8c8d;
  background: #19776d;
  color: #fff;
}

.agent-general-card .agent-member-table td {
  height: 36px;
  padding: 4px 5px;
  border-color: #8f8f8f;
  color: #111827;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agent-general-card .agent-member-table input,
.agent-general-card .agent-member-table select {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 24px;
  border-radius: 3px;
  font-size: 11px;
}

.agent-general-card .agent-member-table .agent-mini-save {
  width: 100%;
  min-width: 0;
  min-height: 24px;
  padding: 0 5px;
  overflow: hidden;
  font-size: 11px;
  line-height: 1;
  text-overflow: ellipsis;
}

.agent-general-card .agent-member-table th:nth-child(1),
.agent-general-card .agent-member-table td:nth-child(1) {
  width: 28px;
  text-align: center;
}

.agent-general-card .agent-member-table th:nth-child(2),
.agent-general-card .agent-member-table td:nth-child(2) {
  width: 82px;
}

.agent-general-card .agent-member-table td:nth-child(2) {
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-word;
}

.agent-general-card .agent-member-table th:nth-child(3),
.agent-general-card .agent-member-table td:nth-child(3) {
  width: 70px;
}

.agent-general-card .agent-member-table th:nth-child(4),
.agent-general-card .agent-member-table td:nth-child(4),
.agent-general-card .agent-member-table th:nth-child(5),
.agent-general-card .agent-member-table td:nth-child(5) {
  width: 170px;
}

.agent-general-card .agent-member-table th:nth-child(6),
.agent-general-card .agent-member-table td:nth-child(6) {
  width: 70px;
}

.agent-general-card .agent-member-table th:nth-child(7),
.agent-general-card .agent-member-table td:nth-child(7) {
  width: 64px;
}

.agent-general-card .agent-member-table th:nth-child(8),
.agent-general-card .agent-member-table td:nth-child(8) {
  width: 82px;
  text-align: right;
}

.agent-general-card .agent-member-table th:nth-child(9),
.agent-general-card .agent-member-table td:nth-child(9),
.agent-general-card .agent-member-table th:nth-child(10),
.agent-general-card .agent-member-table td:nth-child(10) {
  width: 104px;
  text-align: center;
}

.agent-general-card .agent-member-table th:nth-child(11),
.agent-general-card .agent-member-table td:nth-child(11) {
  width: 230px;
}

.agent-general-card .agent-member-table td:nth-child(8) {
  font-variant-numeric: tabular-nums;
}

.agent-general-card .agent-member-table td:nth-child(9),
.agent-general-card .agent-member-table td:nth-child(10),
.agent-general-card .agent-member-table td:nth-child(11) {
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-word;
}

.agent-general-card .agent-share-table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  table-layout: fixed;
  font-size: 12px;
}

.agent-general-card .agent-share-table th:nth-child(1),
.agent-general-card .agent-share-table td:nth-child(1) {
  width: 3%;
}

.agent-general-card .agent-share-table th:nth-child(2),
.agent-general-card .agent-share-table td:nth-child(2) {
  width: 8%;
}

.agent-general-card .agent-share-table th:nth-child(3),
.agent-general-card .agent-share-table td:nth-child(3) {
  width: 8%;
}

.agent-general-card .agent-share-table th:nth-child(4),
.agent-general-card .agent-share-table td:nth-child(4) {
  width: 16%;
}

.agent-general-card .agent-share-table th:nth-child(5),
.agent-general-card .agent-share-table td:nth-child(5) {
  width: 8%;
}

.agent-general-card .agent-share-table th:nth-child(6),
.agent-general-card .agent-share-table td:nth-child(6) {
  width: 20%;
  text-align: left;
}

.agent-general-card .agent-share-table th:nth-child(7),
.agent-general-card .agent-share-table td:nth-child(7) {
  width: 28%;
  text-align: left;
  white-space: normal;
}

.agent-general-card .agent-share-table th:nth-child(8),
.agent-general-card .agent-share-table td:nth-child(8) {
  width: 9%;
  text-align: center;
}

.agent-general-card .agent-share-table th {
  height: 41px;
  padding: 8px 6px;
  font-size: 13px;
  line-height: 1.15;
  vertical-align: middle;
}

.agent-general-card .agent-share-table td {
  height: 48px;
  padding: 7px 4px;
  overflow: hidden;
  background: #fff;
  font-size: 12px;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.agent-general-card .agent-share-table tbody tr:nth-child(even) td {
  background: #fbfcfc;
}

.agent-general-card .agent-share-table .agent-compact-select {
  width: auto;
  min-width: 0;
  max-width: 100%;
  height: 31px;
  min-height: 31px;
  padding: 4px 20px 4px 6px;
  border: 1px solid #d8dde3;
  border-radius: 4px;
  background-color: #fff;
  color: #111827;
  font-size: clamp(10px, 0.78vw, 12px);
}

.agent-general-card .agent-share-table td:nth-child(5) .agent-compact-select,
.agent-general-card .agent-share-table td:nth-child(6) .agent-compact-select {
  width: min(76px, 100%);
}

.agent-general-card .agent-share-table .agent-inline-check {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  color: #111827;
  font-size: clamp(10px, 0.78vw, 13px);
  font-weight: 700;
  white-space: nowrap;
}

.agent-general-card .agent-share-table .agent-inline-check input {
  width: 13px;
  min-height: 13px;
  margin: 0 4px 0 0;
  vertical-align: middle;
}

.agent-general-card .agent-share-table td:nth-child(7) {
  display: table-cell;
  padding-left: 6px;
  line-height: 1.9;
}

.agent-general-card .agent-share-table td:nth-child(7) .agent-compact-select {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

.agent-general-card .agent-share-table td:nth-child(7) .agent-compact-select:first-child {
  width: min(144px, 42%);
}

.agent-general-card .agent-share-table td:nth-child(7) .agent-compact-select:last-of-type {
  width: min(170px, 48%);
}

.agent-general-card .agent-share-table td:nth-child(7) .agent-inline-note {
  display: inline-flex;
  margin: 0 4px;
  color: #111827;
  font-size: clamp(10px, 0.78vw, 13px);
  font-weight: 700;
  vertical-align: middle;
}

.agent-general-card .agent-share-table td:nth-child(7) .agent-inline-note + .agent-compact-select {
  display: inline-block;
  width: min(170px, 48%);
  margin-top: 0;
  vertical-align: middle;
}

.agent-general-card .agent-share-table td:nth-child(8) {
  white-space: nowrap;
}

.agent-general-card .agent-share-table .agent-mini-save {
  display: inline-grid;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  place-items: center;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 4px;
  background: #1d7c72;
  color: #fff;
  font-size: 0;
  line-height: 1;
}

.agent-general-card .agent-share-table .agent-mini-save::before {
  content: "✓";
  font-size: 19px;
  font-weight: 900;
  line-height: 1;
}

@media (max-width: 980px) {
  .agent-page-general {
    --agent-content-width: max(0px, calc(100vw - var(--agent-sidebar-width) - 24px));
  }
}

.agent-page-online {
  --agent-content-width: min(1200px, calc(100vw - 340px));
}

@media (max-width: 900px) {
  .agent-page-online {
    --agent-content-width: 100%;
  }
}

.agent-page-commission {
  justify-items: stretch;
  grid-template-columns: minmax(0, var(--agent-content-width));
  justify-content: center;
  gap: 0;
  padding-top: 18px;
  background:
    linear-gradient(180deg, #ffa300 0, #ffa300 152px, #fff 152px, #fff 100%);
}

.agent-page-commission h1 {
  display: flex;
  align-items: center;
  width: min(100%, var(--agent-content-width));
  justify-self: start;
  min-height: 48px;
  margin: 0 0 34px;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.15;
  text-shadow: none;
}

.agent-page-commission h1.agent-title-with-controls {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  align-items: start;
  gap: 2px 12px;
}

.agent-page-commission h1.agent-title-with-controls > span:first-child {
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  white-space: nowrap;
}

.agent-commission-title-toolbar {
  display: contents;
}

.agent-commission-title-toolbar .agent-items-breadcrumb {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  gap: 4px;
  align-self: center;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.35;
}

.agent-commission-title-toolbar .agent-items-breadcrumb .agent-link-button {
  max-width: 118px;
  min-height: 0;
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agent-commission-title-toolbar .agent-items-breadcrumb b {
  color: #fff;
  font-size: 12px;
}

.agent-commission-title-toolbar .agent-items-lookups {
  grid-column: 3;
  grid-row: 1;
  flex-wrap: nowrap;
  gap: 6px;
  align-items: start;
}

.agent-commission-title-toolbar .agent-items-lookups label {
  display: block;
}

.agent-commission-title-toolbar .agent-items-lookups input {
  width: 184px;
  min-width: 0;
  min-height: 29px;
  padding: 4px 8px;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 3px;
  background: #fff;
  color: #26323f;
  font-size: 12px;
}

.agent-commission-title-toolbar .agent-items-lookups label:first-child input {
  border: 2px solid #111827;
  box-shadow: inset 0 0 0 1px #fff;
}

.agent-commission-header-context {
  grid-column: 1 / span 2;
  grid-row: 2;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.25;
}

.agent-commission-header-context em {
  font-style: italic;
  font-weight: 800;
}

.agent-commission-card {
  display: grid;
  gap: 0;
  width: min(100%, var(--agent-content-width));
  margin: 0 0 18px;
  padding: 14px 14px 22px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(18, 26, 36, 0.14);
}

.agent-commission-card .agent-note {
  width: 100%;
  margin: 0 0 16px;
  padding: 16px 22px;
  border: 1px solid #cfd6df;
  border-radius: 3px;
  background: #f7f8fb;
  color: #0f172a;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

.agent-commission-check {
  min-height: 22px;
  margin-bottom: 4px;
  color: #111827;
  font-size: 12px;
}

.agent-commission-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 10px;
  min-height: 29px;
}

.agent-commission-controls .agent-page-tabs {
  width: auto;
  margin: 0;
}

.agent-commission-controls .agent-page-tabs button {
  min-height: 31px;
  padding: 0 10px;
  border: 0;
  border-radius: 3px 3px 0 0;
  background: #202a34;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.agent-commission-controls .agent-page-tabs button.active {
  background: #147c77;
}

.agent-commission-filterbar {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  align-items: center;
  justify-content: flex-end;
  color: #111827;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

.agent-commission-filterbar label {
  display: inline-flex;
  gap: 2px;
  align-items: center;
  white-space: nowrap;
}

.agent-commission-filterbar select {
  width: 80px;
  min-width: 0;
  height: 23px;
  min-height: 23px;
  padding: 1px 5px;
  border: 1px solid #cfd6df;
  border-radius: 3px;
  background: #fff;
  color: #111827;
  font-size: 11px;
  line-height: 1.1;
}

.agent-commission-filterbar label:first-child select {
  width: 106px;
}

.agent-commission-filterbar label:last-child select {
  width: 155px;
}

.agent-commission-card .agent-profile-tabs {
  gap: 4px;
  width: 100%;
  margin: 0;
  padding: 7px 7px 8px;
  border-top: 1px solid #dfe4e6;
  background: #ededed;
}

.agent-commission-card .agent-profile-tabs button {
  min-height: 33px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: #2f3133;
  color: #fff45c;
  font-size: 15px;
  font-weight: 900;
}

.agent-commission-card .agent-profile-tabs button.active {
  background: #267e72;
  color: #fff;
}

.agent-commission-widget {
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.agent-commission-widget header {
  min-height: 39px;
  padding: 10px 10px;
  background: #19776d;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
}

.agent-commission-widget .agent-widget-body {
  padding: 0;
  border-bottom: 0;
}

.agent-commission-widget .agent-limit-group-label {
  display: inline-grid;
  min-height: 25px;
  margin: 0 0 6px 6px;
  padding: 4px 11px;
  border-radius: 999px;
  background: #4a4f54;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.agent-commission-widget .agent-table-wrap {
  overflow: visible;
  border: 1px solid #8b8b8b;
  border-top: 0;
  box-shadow: none;
}

.agent-commission-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  font-size: 12px;
}

.agent-commission-col-no {
  width: 2.2%;
}

.agent-commission-col-user {
  width: 18%;
}

.agent-commission-col-level {
  width: 9%;
}

.agent-commission-col-check {
  width: 2.2%;
}

.agent-commission-col-rate {
  width: 8.325%;
}

.agent-commission-table th {
  padding: 6px 4px;
  border-color: #8b8b8b;
  background: #19776d;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
}

.agent-commission-table th:first-child {
  width: auto;
}

.agent-commission-table td {
  height: 34px;
  padding: 5px 5px;
  border-color: #8b8b8b;
  color: #0f172a;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.agent-commission-table td:nth-child(2) {
  color: #0069cc;
  font-weight: 800;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.agent-commission-table td:nth-child(3) {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.agent-commission-drill {
  display: inline;
  max-width: 100%;
  overflow: visible;
  color: #0069cc;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.agent-commission-table .agent-empty-row {
  height: 58px;
  color: #64748b;
  text-align: center;
  font-weight: 800;
}

.agent-commission-table td:nth-child(4) {
  text-align: center;
}

.agent-commission-table input:not([type="checkbox"]) {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 22px;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 12px;
  box-sizing: border-box;
}

.agent-commission-table [data-agent-commission-bulk] {
  height: 30px;
  border: 1px solid #d6dee5;
  background: #fff;
  color: #111827;
}

.agent-commission-table [data-agent-commission-value] {
  min-height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
  color: #0f172a;
  text-overflow: ellipsis;
}

.agent-commission-table input[type="checkbox"] {
  width: 14px;
  height: 14px;
  min-height: 14px;
  margin: 0;
}

.agent-commission-table input:disabled {
  opacity: 1;
  background: #fff;
}

.agent-commission-table th small,
.agent-commission-table thead small {
  display: block;
  margin-top: 4px;
  color: #fff !important;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.16);
}

.agent-commission-table .agent-mini-save {
  min-width: 48px;
  min-height: 30px;
  padding: 0 10px;
  border: 0;
  border-radius: 3px;
  background: #111827;
  font-size: 13px;
  font-weight: 900;
}

.agent-commission-table .agent-cancel {
  background: #1d3340;
}

@media (max-width: 1180px) {
  .agent-commission-table {
    font-size: 11px;
  }

  .agent-commission-col-no {
    width: 2%;
  }

  .agent-commission-col-user {
    width: 18%;
  }

  .agent-commission-col-level {
    width: 9%;
  }

  .agent-commission-col-check {
    width: 2%;
  }

  .agent-commission-col-rate {
    width: 8.25%;
  }

  .agent-commission-table th {
    padding: 4px 3px;
    font-size: 13px;
  }

  .agent-commission-table td {
    padding: 5px 4px;
    font-size: 11px;
  }

  .agent-commission-table small {
    font-size: 11px;
  }

  .agent-commission-table .agent-mini-save {
    min-width: 0;
    padding: 0 6px;
    font-size: 12px;
  }
}

@media (max-width: 820px) {
  .agent-commission-card {
    padding-right: 8px;
    padding-left: 8px;
  }

  .agent-commission-table {
    font-size: 10px;
  }

  .agent-commission-table th {
    padding: 3px 2px;
    font-size: 11px;
  }

  .agent-commission-table td {
    height: 36px;
    padding: 4px 3px;
    font-size: 10px;
  }

  .agent-commission-table input:not([type="checkbox"]) {
    min-height: 20px;
    padding-right: 3px;
    padding-left: 3px;
    font-size: 10px;
  }

  .agent-commission-table input[type="checkbox"] {
    width: 11px;
    min-height: 11px;
  }
}

.owner-risk-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.owner-risk-kpi {
  display: grid;
  gap: 6px;
  min-height: 132px;
  padding: 16px;
  border: 1px solid #cfdadd;
  border-left: 5px solid #1f8177;
  background: #f8fbfa;
}

.owner-risk-kpi span,
.owner-risk-scenario-head span {
  color: #64727f;
  font-size: 13px;
  font-weight: 700;
}

.owner-risk-kpi strong {
  color: #102b35;
  font-size: 30px;
  line-height: 1.1;
}

.owner-risk-kpi em {
  color: #425261;
  font-style: normal;
  font-weight: 800;
}

.owner-risk-kpi small {
  color: #687887;
  line-height: 1.45;
}

.owner-risk-kpi.warn {
  border-left-color: #f2b705;
  background: #fffaf0;
}

.owner-risk-kpi.high {
  border-left-color: #e47c24;
  background: #fff6ed;
}

.owner-risk-kpi.danger {
  border-left-color: #c93434;
  background: #fff1f1;
}

.owner-risk-explain {
  display: grid;
  gap: 4px;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid #d8e1e4;
  background: #f5f8f9;
}

.agent-risk-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px 12px;
  margin-bottom: 16px;
}

.agent-risk-filters label {
  display: grid;
  gap: 4px;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
}

.agent-risk-filters select {
  min-width: 150px;
  min-height: 32px;
  border: 1px solid #cfd8df;
  border-radius: 4px;
  background: #fff;
  color: #102033;
  font: inherit;
  font-size: 13px;
}

.agent-risk-refresh {
  align-self: center;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.agent-risk-table {
  min-width: 1080px;
  table-layout: auto;
}

.agent-risk-table th,
.agent-risk-table td {
  white-space: nowrap;
  vertical-align: middle;
}

.agent-risk-table small {
  color: #64748b;
  font-weight: 700;
}

.agent-risk-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 240px;
}

.agent-risk-actions button {
  min-height: 28px;
  border: 0;
  border-radius: 3px;
  padding: 4px 8px;
  background: #172434;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.agent-risk-actions button:disabled {
  opacity: 0.45;
}

.agent-risk-command-form {
  display: inline-flex;
  margin: 0;
}

.owner-risk-scenario-head {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.owner-risk-scenario-head > div {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid #d4dfdf;
  background: #f9fbfb;
}

.owner-risk-scenario-head strong {
  color: #0d3340;
  font-size: 22px;
}

.owner-risk-pill {
  display: inline-block;
  min-width: 70px;
  padding: 4px 8px;
  border-radius: 3px;
  background: #dff3ef;
  color: #146f63;
  font-weight: 800;
  text-align: center;
}

.owner-risk-pill.warn {
  background: #fff0bd;
  color: #8a6200;
}

.owner-risk-pill.high {
  background: #ffe0c2;
  color: #9b4d00;
}

.owner-risk-pill.danger {
  background: #ffd1d1;
  color: #9c1f1f;
}

.agent-form-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr) minmax(160px, 0.65fr);
  gap: 18px 28px;
  align-items: center;
}

.agent-form-grid label,
.agent-share-row label {
  display: grid;
  grid-template-columns: 92px minmax(0, 230px);
  gap: 12px;
  align-items: center;
}

.agent-form-grid label > span {
  text-align: right;
}

.agent-form-grid input,
.agent-form-grid textarea,
.agent-form-grid select,
.agent-share-row select,
.agent-copy select {
  min-height: 34px;
  border: 1px solid #dfe4e6;
  border-radius: 4px;
  background: #fff;
  color: #333;
  font-size: 14px;
}

.agent-form-grid textarea {
  min-height: 140px;
  padding: 8px 10px;
  resize: vertical;
}

.agent-form-wide {
  grid-column: 1 / -1;
}

.agent-form-grid input:disabled {
  background: #f5f5f5;
}

.agent-prefix {
  display: grid;
  grid-template-columns: max-content minmax(120px, 1fr);
}

.agent-prefix b {
  display: grid;
  padding: 0 12px;
  min-height: 34px;
  place-items: center;
  border: 1px solid #e7e5e4;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  background: #f2f5f4;
  color: #166f66;
  font-weight: 700;
  white-space: nowrap;
}

.agent-prefix input {
  border-radius: 0 4px 4px 0;
}

.agent-hint {
  margin: 0;
  color: #333;
  font-size: 13px;
  line-height: 1.5;
}

.agent-hint a {
  color: #004dff;
  font-weight: 800;
}

.agent-share-row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 36px;
  align-items: center;
  justify-content: center;
  min-height: 42px;
}

.agent-share-row label {
  grid-template-columns: auto 150px;
}

.agent-inline-hint {
  color: #5f6f7a;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.agent-checkbox {
  display: inline-flex !important;
  grid-template-columns: none !important;
  gap: 6px !important;
  width: auto;
}

.agent-checkbox input {
  width: 13px;
  min-height: 13px;
}

.agent-checkbox b {
  display: inline-grid;
  width: 14px;
  height: 14px;
  place-items: center;
  border-radius: 999px;
  background: #0064ff;
  color: #fff;
  font-size: 11px;
}

.agent-copy {
  float: right;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  max-width: 100%;
  white-space: nowrap;
}

.agent-copy select {
  width: 92px;
  min-height: 30px;
}

.agent-tab {
  display: inline-grid;
  min-height: 42px;
  margin: -4px 0 0;
  padding: 9px 14px;
  place-items: center;
  border-radius: 4px 4px 0 0;
  background: #1e7b70;
  color: #fff;
  font-weight: 800;
}

.agent-table-wrap {
  width: 100%;
  overflow: auto;
  border: 1px solid #7f9d99;
  border-top: 0;
  background: #fff;
  scrollbar-width: thin;
  scrollbar-color: #8aa7a3 #eef4f3;
}

.agent-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  color: #393939;
  font-size: 14px;
}

.agent-table th {
  border: 1px solid #5d837e;
  background: var(--agent-green);
  color: #fff;
  text-align: center;
  font-size: 15px;
  line-height: 1.25;
  padding: 7px 8px;
}

.agent-table td {
  border: 1px solid #8c9b99;
  padding: 6px 8px;
  vertical-align: middle;
  line-height: 1.3;
}

.agent-table tbody tr:nth-child(even) td {
  background: #fbfdfd;
}

.agent-table tbody tr:hover td {
  background: #edf7f6;
}

.agent-table tfoot th,
.agent-table tfoot td {
  padding: 8px;
  border: 1px solid #819697;
  background: #eaf3f1;
  color: #12323a;
  font-weight: 800;
  text-align: right;
}

.agent-shop-clearance-table th,
.agent-shop-clearance-table td {
  white-space: nowrap;
}

.agent-shop-clearance-table .agent-row-cleared td {
  background: #f1f7f3;
  color: #58706c;
}

.agent-btn-mini {
  min-width: 64px;
  padding: 6px 10px;
  border: 0;
  border-radius: 4px;
  background: #187d73;
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
}

.agent-btn-mini:hover {
  background: #12645c;
}

.agent-table td:first-child {
  text-align: center;
}

.agent-overall-matrix {
  min-width: 900px;
}

.agent-overall-matrix .agent-row-label-head {
  min-width: 120px;
  background: #176f65;
}

.agent-overall-matrix .agent-row-label {
  border: 1px solid #8c9b99;
  background: #f0f7f6;
  color: #1d3734;
  font-size: 14px;
  font-weight: 800;
  text-align: left;
  white-space: nowrap;
}

.agent-overall-controls {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
}

.agent-overall-controls label {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: #111827;
  font-weight: 700;
}

.agent-overall-controls select {
  min-height: 30px;
  border: 1px solid #d8dde6;
  border-radius: 4px;
  background: #fff;
  color: #111827;
}

.agent-refresh-button {
  min-height: 30px;
  padding: 4px 16px;
  border: 0;
  border-radius: 4px;
  background: #172434;
  color: #fff;
  font-weight: 900;
}

.agent-refresh-text {
  color: #111827;
  font-weight: 700;
}

.agent-overall-help {
  margin-bottom: 18px;
  padding: 22px 28px;
  border: 1px solid #cfd8e3;
  border-radius: 4px;
  background: #f3f5f8;
  color: #111827;
  line-height: 1.7;
}

.agent-overall-tab {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  margin-top: 4px;
  padding: 8px 12px;
  border-radius: 4px 4px 0 0;
  background: var(--agent-green);
  color: #fff;
  font-weight: 900;
}

.agent-overall-clone-table {
  min-width: 1180px;
}

.agent-overall-clone-table th,
.agent-overall-clone-table td {
  text-align: right;
  vertical-align: middle;
}

.agent-overall-clone-table thead th {
  text-align: center;
}

.agent-overall-clone-table .agent-row-label {
  text-align: left;
}

.agent-overall-clone-table .agent-blue-row td {
  background: #fbf9df;
  color: #0057ff;
  font-weight: 800;
}

.agent-overall-clone-table .agent-orange-row td {
  background: #fff0d4;
  color: #ff1f1f;
}

.agent-overall-clone-table input {
  width: 100%;
  max-width: 140px;
  min-height: 28px;
  text-align: right;
}

.agent-save-fight {
  float: right;
  min-height: 28px;
  margin-left: 8px;
  padding: 4px 12px;
  border: 0;
  border-radius: 4px;
  background: #172434;
  color: #fff;
  font-weight: 900;
}

.agent-number-index {
  text-align: center !important;
}

.agent-number-cell {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.agent-number-cell b {
  color: #0057ff;
}

.agent-number-cell em {
  color: #ff1f1f;
  font-style: normal;
}

.agent-table input {
  display: inline-block;
  width: min(145px, 58%);
  min-height: 24px;
  padding: 0 5px;
  border: 1px solid #e7e5e4;
  border-radius: 3px;
  background: #fff;
  color: #d68400;
  font-size: 13px;
}

.agent-table input:not([type="checkbox"]) {
  min-width: 72px;
}

.agent-share-table {
  min-width: 1180px;
}

.agent-help-dot {
  display: inline-flex;
  width: 15px;
  height: 15px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #0d6efd;
  color: #fff;
  font-size: 11px;
  line-height: 1;
}

.agent-inline-check,
.agent-inline-note {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 4px;
  white-space: nowrap;
}

.agent-inline-check input {
  width: 14px;
  min-height: 14px;
}

.agent-payout-head {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
  margin-bottom: 14px;
}

.agent-payout-head button {
  min-height: 32px;
  border: 0;
  border-radius: 4px;
  background: #1e7b70;
  color: #fff;
  font-weight: 800;
}

.agent-payout-table {
  min-width: 1250px;
}

.agent-payout-table input[type="checkbox"] {
  width: 16px;
  min-height: 16px;
}

.agent-payout-table input:not([type="checkbox"]) {
  width: 78px;
}

.agent-payout-table .agent-profile-name {
  min-width: 96px;
  color: #e46f00;
  font-weight: 800;
  line-height: 1.35;
  vertical-align: middle;
}

.agent-payout-table .agent-profile-name span {
  color: #111827;
  font-weight: 700;
}

.agent-payout-table .agent-rate-label {
  min-width: 92px;
  color: #111827;
  font-weight: 800;
  text-align: left;
  white-space: nowrap;
}

.agent-action-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

.agent-save {
  min-height: 34px;
  border: 1px solid #1d7068;
  border-radius: 4px;
  background: #1e7b70;
  color: #fff;
}

.agent-finance-note {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
  padding: 12px 14px;
  border: 1px solid #cbd6df;
  background: #f6f9fb;
  color: #123;
}

.agent-finance-note span {
  color: #536575;
}

.text-success {
  color: #0c7a53;
  font-weight: 700;
}

.text-danger {
  color: #c73a2f;
  font-weight: 700;
}

.agent-limit-group-label {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 14px;
  margin: 0 0 6px;
  border-radius: 999px;
  background: #555;
  color: #fff;
  font-weight: 800;
}

.agent-clone-page:has(.agent-limit-card) {
  --agent-content-width: min(1152px, calc(100vw - var(--agent-sidebar-width) - 132px));
  padding-top: 20px;
  background:
    linear-gradient(180deg, #ff9800 0, #ffb600 190px, #fff 190px, #fff 100%);
}

.agent-clone-page:has(.agent-limit-card) h1 {
  margin-bottom: 34px;
  font-size: 24px;
  font-weight: 800;
}

.agent-clone-page:has(.agent-limit-card) .agent-breadcrumb {
  margin: -6px 0 28px;
}

.agent-limit-card {
  box-sizing: border-box;
  width: min(100%, var(--agent-content-width));
  padding: 16px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.16);
}

.agent-limit-card .agent-note {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 16px;
  padding: 18px 24px;
  border: 1px solid #cfd6df;
  border-radius: 4px;
  background: #f4f5f8;
  color: #111827;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
}

.agent-limit-card .agent-filterbar {
  width: 100%;
  margin: 0 0 6px;
  gap: 8px 10px;
  justify-content: flex-end;
  color: #111827;
  font-size: 12px;
}

.agent-limit-card .agent-filterbar label {
  color: #111827;
}

.agent-limit-card .agent-filterbar .agent-checkbox {
  margin-right: auto;
}

.agent-limit-card .agent-filterbar select {
  min-width: 80px;
  min-height: 26px;
  padding: 2px 22px 2px 6px;
  border-radius: 3px;
  font-size: 12px;
}

.agent-limit-card .agent-filterbar label:last-child select {
  min-width: 160px;
}

.agent-limit-card .agent-page-tabs {
  width: 100%;
  margin: 0 0 -1px;
  padding-left: 0;
}

.agent-limit-card .agent-page-tabs button {
  min-height: 33px;
  padding: 0 12px;
  border-color: #2f3337;
  background: #2f3337;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

.agent-limit-card .agent-page-tabs button.active {
  border-color: #18786f;
  background: #18786f;
}

.agent-limit-card .agent-widget {
  width: 100%;
  margin: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.agent-limit-card .agent-widget header {
  display: none;
}

.agent-limit-card .agent-widget-body {
  padding: 0;
  border-bottom: 0;
}

.agent-limit-card .agent-limit-group-label {
  min-height: 28px;
  margin: 7px 0 5px 6px;
  padding: 0 13px;
  border-radius: 999px;
  background: #565c62;
  font-size: 13px;
}

.agent-limit-card .agent-table-wrap {
  overflow-x: auto;
  border: 1px solid #858f93;
  border-top: 0;
  box-shadow: none;
}

.agent-limit-card .agent-limit-table {
  min-width: 860px;
  table-layout: fixed;
  font-size: 12px;
}

.agent-limit-card .agent-limit-table th {
  padding: 6px 4px;
  border-color: #6d8c89;
  background: #19776d;
  font-size: 13px;
  font-weight: 900;
}

.agent-limit-card .agent-limit-table td {
  padding: 6px 5px;
  border-color: #8b8b8b;
  font-size: 12px;
  line-height: 1.25;
}

.agent-limit-card .agent-limit-table td:nth-child(1) {
  width: 44px;
  text-align: center;
  white-space: nowrap;
}

.agent-limit-card .agent-limit-table td:nth-child(2) {
  width: 128px;
  max-width: 128px;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

.agent-limit-card .agent-limit-table td:nth-child(2) a,
.agent-limit-card .agent-limit-table td:nth-child(2) button,
.agent-limit-card .agent-limit-table td:nth-child(2) span,
.agent-limit-card .agent-limit-table td:nth-child(2) .agent-muted-name {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.agent-limit-card .agent-limit-table .agent-limit-name {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin-left: calc(var(--agent-limit-depth, 0) * 14px);
}

.agent-limit-card .agent-limit-table button.agent-limit-name {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0f766e;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.agent-limit-card .agent-limit-table button.agent-limit-name:hover,
.agent-limit-card .agent-limit-table button.agent-limit-name:focus-visible {
  color: #0b4f4a;
  text-decoration: underline;
}

.agent-limit-card .agent-limit-table .agent-limit-drill-row {
  cursor: pointer;
}

.agent-limit-card .agent-limit-table td:nth-child(3) {
  width: 78px;
  max-width: 78px;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

.agent-limit-card .agent-limit-table td:nth-child(4) {
  width: 38px;
  max-width: 38px;
  padding-right: 3px;
  padding-left: 3px;
  text-align: center;
}

.agent-limit-card .agent-limit-table input[type="checkbox"] {
  width: 14px;
  min-width: 14px;
  max-width: 14px;
  height: 14px;
  min-height: 14px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.agent-limit-card .agent-limit-table td:nth-child(n+5) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agent-limit-card .agent-limit-table input[type="text"],
.agent-limit-card .agent-limit-table input:not([type]) {
  min-height: 25px;
  border-radius: 3px;
  font-size: 12px;
}

.agent-limit-card .agent-limit-table th input {
  min-width: 0;
  height: 25px;
  margin: 4px 0 5px;
}

.agent-limit-breadcrumb { flex-wrap: wrap; gap: 8px; }
.agent-limit-breadcrumb form { display: flex; gap: 4px; max-width: 100%; min-width: 0; }
.agent-limit-breadcrumb input, .agent-limit-breadcrumb select { width: 180px; max-width: 100%; min-width: 0; }
.agent-limit-card .agent-limit-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; margin-top: 8px; }
.agent-limit-card .agent-limit-toolbar .agent-filterbar { margin: 0; padding: 0; width: auto; }
.agent-limit-card .agent-limit-toolbar .agent-page-tabs { width: auto; margin: 0; }
.agent-clone-page:has(.agent-limit-card) .agent-limit-breadcrumb { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.agent-clone-page:has(.agent-limit-card) .agent-limit-breadcrumb input,
.agent-clone-page:has(.agent-limit-card) .agent-limit-breadcrumb select {
  background: #fff; color: #182a32; width: 180px; flex: 0 0 180px; min-width: 180px;
}
.agent-clone-page:has(.agent-limit-card) .agent-limit-breadcrumb > button { width: auto; flex: 0 0 auto; }
.agent-limit-card .agent-limit-group-label { display: block; border-radius: 0; margin: 0; background: #ddd; color: #333; padding: 6px 10px; }
.agent-limit-card { box-shadow: none; border-radius: 3px; }
.agent-limit-card .agent-limit-table .agent-limit-name { margin-left: 0; }
.agent-limit-card .agent-limit-bound {
  padding: 1px 4px; min-height: 22px; border: 0; border-radius: 3px;
  background: #e4f3ee; color: #124f49; font-size: 12px; text-decoration: underline;
  max-width: 100%; white-space: normal; overflow-wrap: anywhere; font-size: 11px;
}
.agent-limit-card .agent-limit-table td:nth-child(n+5) { text-align: left; }
.agent-limit-card .agent-limit-table th input { width: 100%; }

.agent-limit-card .agent-limit-table small {
  display: inline-block;
  margin-top: 2px;
  padding: 1px 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  color: #134e4a;
  font-size: 12px;
  font-weight: 900;
  text-shadow: none;
}

.agent-limit-table th input {
  width: 100%;
  min-width: 70px;
  margin: 4px 0 3px;
}

.agent-limit-table small {
  display: block;
  color: #fff;
  font-size: 13px;
}

.agent-muted-name {
  color: #6b7280;
  font-weight: 500;
}

.agent-status-closed {
  color: #b91c1c;
  font-weight: 800;
}

.agent-status-warn {
  color: #b36a00;
  font-weight: 800;
}

.agent-alias-table {
  min-width: 1320px;
}

.agent-alias-help {
  margin: 18px 0;
  padding: 14px 16px;
  border: 1px solid #cfd8dc;
  background: #f4f6f8;
  line-height: 1.6;
}

.agent-alias-permission-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
}

.agent-alias-permission-grid label {
  display: grid;
  grid-template-columns: 170px minmax(150px, 1fr);
  gap: 6px 12px;
  align-items: start;
}

.agent-alias-permission-grid small {
  grid-column: 2;
  color: #65727a;
  line-height: 1.45;
}

.agent-alias-section-title {
  margin: 22px 0 6px;
  font-size: 18px;
}

.agent-alias-lottery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 14px;
  margin-top: 12px;
}

.agent-alias-lottery-grid label {
  display: flex;
  gap: 8px;
  align-items: center;
}

.agent-alias-lottery-grid small {
  color: #7a858a;
}

.agent-action-row-left {
  justify-content: flex-start;
  width: min(100%, var(--agent-content-width));
  margin-bottom: 12px;
}

.agent-mini-save.agent-cancel {
  background: #111827;
  border-color: #111827;
}

.agent-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  width: min(100%, var(--agent-content-width));
  margin: -8px 0 14px;
  color: #fff;
}

.agent-breadcrumb span {
  font-weight: 800;
}

.agent-breadcrumb select {
  width: 190px;
  min-height: 34px;
  border: 1px solid #d8dee8;
  border-radius: 4px;
  background: #fff;
  color: #333;
}

.agent-note {
  width: min(100%, var(--agent-content-width));
  margin: 0 0 12px;
  color: #334155;
  line-height: 1.55;
  text-shadow: none;
}

.agent-page-tabs,
.agent-profile-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  width: min(100%, var(--agent-content-width));
  margin: 0 0 12px;
}

.agent-page-tabs button,
.agent-profile-tabs button {
  min-height: 36px;
  border: 1px solid #1d7068;
  border-radius: 0;
  background: #fff;
  color: #1e7b70;
  font-weight: 800;
}

.agent-page-tabs button.active,
.agent-profile-tabs button.active {
  background: #1e7b70;
  color: #fff;
}

.agent-group-tabs {
  align-items: stretch;
}

.agent-group-tabs button {
  min-height: 38px;
  font-size: 13px;
}

.agent-filterbar {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  width: min(100%, var(--agent-content-width));
  margin: 0 0 12px;
  color: #fff;
}

.agent-filterbar label {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.agent-filterbar select {
  min-width: 170px;
  min-height: 34px;
  border: 1px solid #d8dee8;
  border-radius: 4px;
  background: #fff;
  color: #333;
}

.agent-overall-result-toggle {
  display: inline-flex;
  overflow: hidden;
  min-height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
}

.agent-overall-result-toggle button {
  min-width: 94px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.45);
  padding: 0 12px;
  background: #fff;
  color: #1a2734;
  font-weight: 900;
  cursor: pointer;
}

.agent-overall-result-toggle button:last-child {
  border-right: 0;
}

.agent-overall-result-toggle button.active {
  background: #192636;
  color: #fff;
}

.agent-overall-result-toggle button:disabled {
  background: #e5e8ed;
  color: #7c8794;
  cursor: not-allowed;
}

.agent-items-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 18px;
  width: min(100%, var(--agent-content-width));
  margin: 8px 0 14px;
}

.agent-items-title-toolbar {
  display: inline-flex;
  width: auto;
  margin: 0;
  justify-content: flex-start;
  gap: 6px;
  font-size: 14px;
}

.agent-items-title-toolbar .agent-items-lookups {
  gap: 4px;
}

.agent-items-title-toolbar .agent-items-lookups label {
  flex-direction: row;
}

.agent-items-title-toolbar .agent-items-lookups input {
  min-width: 180px;
  min-height: 30px;
  font-size: 13px;
}

.agent-items-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  font-weight: 700;
  color: #fff;
}

.agent-items-lookups {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 8px;
}

.agent-items-lookups label,
.agent-items-rate-filter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-weight: 700;
}

.agent-items-lookups label {
  flex-direction: column;
  align-items: flex-start;
}

.agent-items-lookups input,
.agent-items-rate-filter select {
  min-width: 180px;
  min-height: 34px;
  border: 1px solid #d8dee8;
  border-radius: 4px;
  padding: 5px 8px;
  background: #fff;
  color: #102f2c;
}

.agent-link-button {
  border: 0;
  background: transparent;
  color: #005baa;
  font: inherit;
  font-weight: 700;
  padding: 0;
  cursor: pointer;
  text-align: inherit;
}

.agent-items-breadcrumb .agent-link-button {
  color: #fff;
}

.agent-link-button:hover {
  text-decoration: underline;
}

.agent-editbar {
  margin-bottom: 10px;
  color: #1e7b70;
  font-weight: 800;
  text-align: right;
}

.agent-member-table {
  min-width: 1060px;
}

.agent-member-table.agent-receive-lottery-table {
  min-width: 1024px;
}

.agent-table-wrap.agent-receive-lottery-table-wrap {
  overflow: visible !important;
}

.agent-clone-shell:has(.agent-receive-lottery-table),
.agent-clone-main:has(.agent-receive-lottery-table),
.agent-clone-page:has(.agent-receive-lottery-table) {
  overflow-x: visible;
}

.agent-clone-page:has(.agent-receive-lottery-table) .agent-widget,
.agent-clone-page:has(.agent-receive-lottery-table) .agent-widget-body {
  min-width: 0;
  max-width: 100%;
}

.agent-items-member-breakdown {
  min-width: 1240px;
  table-layout: auto;
}

.agent-take-list-page {
  width: min(100%, 1060px);
  min-width: 0;
  max-width: 100%;
  margin: 0 auto;
}

.agent-take-list-header {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 12px 18px;
  width: 100%;
  margin: 0 0 10px;
}

.agent-take-list-header h2 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 23px;
  line-height: 1.25;
}

.agent-take-list-breadcrumb {
  width: auto;
  margin: 0;
}

.agent-take-list-breadcrumb .agent-link-button.active {
  text-decoration: underline;
}

.agent-take-list-lookups {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.agent-take-list-lookups label {
  display: grid;
  gap: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.agent-take-list-lookups input {
  min-width: 180px;
  min-height: 30px;
  padding: 5px 8px;
}

.agent-take-list-context {
  margin: 0 0 8px;
  color: #fff;
  font-weight: 800;
}

.agent-take-list-context span {
  color: rgba(255, 255, 255, 0.82);
  font-size: 12px;
}

.agent-take-list-card {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 12px;
  border: 1px solid #d8dee8;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12);
}

.agent-take-list-tab {
  width: max-content;
  min-width: 96px;
  margin-bottom: 8px;
  padding: 6px 14px;
  border-radius: 3px 3px 0 0;
  text-align: center;
}

.agent-take-list-table-wrap {
  width: 100%;
  min-width: 100%;
  overflow: visible;
}

.agent-take-list-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

.agent-take-list-table .agent-take-col-index {
  width: 3.6%;
}

.agent-take-list-table .agent-take-col-user {
  width: 22%;
}

.agent-take-list-table .agent-take-col-level {
  width: 8.4%;
}

.agent-take-list-table .agent-take-col-received {
  width: 6.2%;
}

.agent-take-list-table .agent-take-col-number {
  width: 6.45%;
}

.agent-take-list-table .agent-take-col-view {
  width: 8.2%;
}

.agent-take-list-table th,
.agent-take-list-table td {
  padding: 6px 4px;
  font-size: 11.5px;
  white-space: nowrap;
}

.agent-take-list-table td {
  overflow: hidden;
  text-overflow: ellipsis;
}

.agent-take-list-table td:nth-child(2) {
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
}

.agent-take-list-user {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #0b6fc6;
  font-weight: 900;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agent-take-list-table td:nth-child(2) .agent-muted-name {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #64748b;
  font-size: 11px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agent-take-list-table td:nth-child(n+4):not(:last-child) {
  text-align: right;
}

.agent-take-list-group th {
  padding: 8px 10px;
  background: #e6f4ef;
  color: #155f56;
  text-align: left;
}

.agent-take-list-view {
  color: #0b6fc6;
  white-space: nowrap;
}

@media (min-width: 761px) {
  body.desktop-mode:has(.agent-take-list-page),
  body.desktop-mode:has(.agent-take-list-page) #app {
    min-width: 0;
    overflow-x: hidden;
  }

  body.desktop-mode:has(.agent-take-list-page) .agent-clone-shell {
    width: 100%;
    min-width: 0;
  }

  body.desktop-mode:has(.agent-take-list-page) .agent-clone-main {
    min-width: 0;
    background: #fff;
  }

  body.desktop-mode:has(.agent-take-list-page) .agent-clone-page {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .agent-take-list-table th,
  .agent-take-list-table td {
    padding: 5px 3px;
    font-size: 11px;
  }
}

@media (max-width: 900px) {
  .agent-take-list-page {
    width: 100%;
    min-width: 0;
  }

  .agent-take-list-header,
  .agent-take-list-lookups {
    display: grid;
    justify-content: stretch;
  }

  .agent-take-list-lookups input {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 760px) {
  .agent-take-list-card {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 10px;
  }

  .agent-take-list-table-wrap {
    width: 100%;
    min-width: 0;
  }

  .agent-take-list-table,
  .agent-take-list-table thead,
  .agent-take-list-table tbody,
  .agent-take-list-table tr,
  .agent-take-list-table th,
  .agent-take-list-table td {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .agent-take-list-table thead tr:last-child {
    display: none;
  }

  .agent-take-list-group th {
    display: block;
    width: 100%;
  }

  .agent-take-list-table tbody tr {
    margin-bottom: 10px;
    border: 1px solid #d4e4df;
    background: #fff;
  }

  .agent-take-list-table td {
    display: grid;
    grid-template-columns: minmax(94px, 38%) minmax(0, 1fr);
    gap: 10px;
    border: 0;
    border-bottom: 1px solid #e2e8f0;
    padding: 7px 8px;
    white-space: normal;
    text-align: right;
    overflow-wrap: anywhere;
  }

  .agent-take-list-table td::before {
    content: attr(data-label);
    color: #475569;
    font-weight: 900;
    text-align: left;
  }

  .agent-take-list-table td:last-child {
    border-bottom: 0;
  }

  .agent-take-list-table td:nth-child(n+4):not(:last-child) {
    text-align: right;
  }

  .agent-take-list-user,
  .agent-take-list-table td:nth-child(2) .agent-muted-name {
    text-align: right;
  }
}

.agent-items-member-breakdown th {
  white-space: nowrap;
}

.agent-items-member-breakdown thead tr:first-child th {
  background: #1f8177;
}

.agent-items-member-breakdown thead tr:nth-child(2) th {
  background: #1c746b;
}

.agent-items-member-breakdown td {
  text-align: right;
  white-space: nowrap;
}

.agent-items-member-breakdown td:nth-child(1),
.agent-items-member-breakdown td:nth-child(2) {
  text-align: left;
}

.agent-items-member-breakdown td:nth-child(3),
.agent-items-member-breakdown .agent-total-row td {
  font-weight: 800;
}

.agent-items-member-breakdown .agent-total-row td {
  background: #eaf3f1;
  color: #102f2c;
}

.agent-items-member-breakdown .agent-total-row td:first-child {
  text-align: right;
}

.agent-items-member-breakdown .agent-type-group-row td {
  background: #c9e4df;
  color: #102f2c;
  font-weight: 800;
  text-align: center;
}

.agent-items-member-breakdown a {
  color: #005baa;
  text-decoration: none;
}

.agent-items-member-widget {
  margin-top: 12px;
  border: 0;
  border-radius: 4px;
  background: #f7f7f7;
  box-shadow: 0 18px 28px rgba(24, 42, 48, 0.16);
}

.agent-items-member-widget > header {
  display: none;
}

.agent-items-member-widget .agent-widget-body {
  padding: 24px 20px 40px;
  border-bottom: 0;
  background: #f7f7f7;
}

.agent-items-context {
  width: min(100%, var(--agent-content-width));
  margin: -18px 0 38px;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}

.agent-items-context span {
  font-size: 13px;
  font-style: italic;
  font-weight: 600;
}

.agent-items-member-widget .agent-page-tabs {
  width: 100%;
  margin: 0 0 0;
  gap: 4px;
}

.agent-items-member-widget .agent-page-tabs button {
  min-height: 40px;
  padding: 8px 12px;
  border: 0;
  border-radius: 4px 4px 0 0;
  background: #1f2430;
  color: #fff;
  font-size: 14px;
}

.agent-items-member-widget .agent-page-tabs button.active {
  background: #187b73;
  color: #fff;
}

.agent-items-member-widget .agent-table-wrap {
  border: 0;
  background: transparent;
}

.agent-items-member-widget .agent-table {
  width: auto;
  min-width: 1080px;
  background: #fff;
  font-size: 14px;
}

.agent-items-member-widget .agent-items-member-breakdown th {
  padding: 9px 8px;
  border-color: #7a908f;
  background: #1d7b72;
  color: #fff;
  font-weight: 800;
}

.agent-items-member-widget .agent-items-member-breakdown thead tr:nth-child(2) th {
  background: #176d66;
}

.agent-items-member-widget .agent-items-member-breakdown td {
  padding: 9px 8px;
  border-color: #8d8d8d;
  background: #fff;
}

.agent-items-member-widget .agent-items-member-breakdown tbody tr:nth-child(even) td,
.agent-items-member-widget .agent-items-member-breakdown tbody tr:hover td {
  background: #fff;
}

.agent-items-member-widget .agent-items-member-breakdown .agent-total-row td {
  background: #fff;
  color: #111;
}

.agent-items-member-widget .agent-items-member-breakdown .agent-total-row td:nth-child(3),
.agent-items-member-widget .agent-items-member-breakdown .agent-total-row td:nth-child(6) {
  background: #d7e9fb;
}

.agent-items-member-widget .agent-items-member-breakdown .agent-total-row td:nth-child(7),
.agent-items-member-widget .agent-items-member-breakdown .agent-total-row td:nth-child(8),
.agent-items-member-widget .agent-items-member-breakdown .agent-total-row td:nth-child(9) {
  background: #fff0d2;
}

.agent-items-member-widget .agent-items-member-breakdown .agent-type-group-row td {
  background: #d7e9fb;
  color: #13313a;
}

.agent-items-member-widget .agent-link-button,
.agent-items-member-widget .text-primary {
  color: #004dff;
}

.agent-items-member-widget .text-danger {
  color: #ff1919;
}

.agent-items-member-widget .text-success {
  color: #004dff;
}

.agent-items-member-widget .agent-inline-check {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-top: 3px;
  color: #fff;
  font-size: 13px;
}

.agent-items-member-widget .agent-inline-check input {
  width: 13px;
  min-height: 13px;
  margin: 0;
}

.agent-result-latest-card {
  width: min(1130px, calc(100% - 32px));
  margin: 36px auto 0;
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12);
}

.agent-result-latest-title {
  margin: 0;
  padding-left: 10px;
  border-left: 3px solid #f4aa1f;
  color: #20252d;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.4;
}

.agent-result-latest-title span {
  color: #ff5a00;
}

.agent-result-latest-table-wrap {
  margin-top: 0;
}

.agent-result-latest-table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
}

.agent-result-round-col {
  width: 24%;
}

.agent-result-prize-col {
  width: 14%;
}

.agent-result-short-col {
  width: 12%;
}

.agent-result-lower-col {
  width: 26%;
}

.agent-result-latest-table th,
.agent-result-latest-table td {
  padding: 9px 8px;
  border: 1px solid #8b8b8b;
}

.agent-result-latest-table th {
  background: #19776d;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 900;
}

.agent-result-latest-table td {
  background: #fff;
  color: #111827;
}

.agent-result-latest-table td:first-child {
  width: 28%;
  text-align: left;
}

.agent-result-latest-table .agent-result-number {
  color: #005ecf;
  font-weight: 900;
  text-align: center;
}

.agent-result-lower3 {
  word-spacing: 3px;
}

.agent-result-empty {
  text-align: center;
  font-weight: 700;
}

.agent-winloss-detail-toggle {
  display: inline-flex;
  margin: 8px 0 10px;
  color: #111827;
  font-weight: 700;
}

.agent-winloss-detail {
  display: grid;
  gap: 2px;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  color: #334155;
  text-align: left;
}

.agent-items-member-widget .agent-items-rate-filter {
  justify-content: flex-start;
  width: 100%;
  margin: 10px 0 12px;
  color: #334155;
}

.agent-items-member-widget .agent-items-rate-filter select {
  min-height: 30px;
  border-color: #b8c0c8;
  border-radius: 4px;
  font-size: 13px;
}

.agent-member-detail-head {
  margin: 0 0 10px;
  color: #20252d;
  font-weight: 800;
}

.agent-member-detail-breakdown {
  min-width: 1320px;
}

.agent-member-detail-breakdown th,
.agent-member-detail-breakdown td {
  white-space: nowrap;
}

.agent-member-detail-breakdown td {
  text-align: right;
}

.agent-member-detail-breakdown td:nth-child(2),
.agent-member-detail-breakdown td:nth-child(5),
.agent-member-detail-breakdown td:nth-child(6),
.agent-member-detail-breakdown td:nth-child(7),
.agent-member-detail-breakdown td:nth-child(8),
.agent-member-detail-breakdown td:last-child {
  text-align: left;
}

.agent-member-detail-breakdown tfoot td {
  background: #fff;
  font-weight: 800;
}

.agent-wide-member-table {
  min-width: 1160px;
}

.agent-wide-member-table.agent-commission-table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.agent-member-table a,
.agent-wide-member-table a {
  color: #096aa9;
  font-weight: 800;
}

.agent-member-table input,
.agent-member-table select,
.agent-wide-member-table input,
.agent-wide-member-table select {
  width: 100%;
  min-height: 28px;
}

.agent-compact-select {
  min-width: 120px;
}

.agent-mini-save {
  min-height: 28px;
  border: 1px solid #1d7068;
  border-radius: 3px;
  background: #1e7b70;
  color: #fff;
  font-size: 13px;
}

.agent-table small {
  color: #64748b;
  font-size: 12px;
  font-weight: 500;
}

.agent-status-open {
  color: #19754a;
  font-weight: 800;
}

.agent-danger {
  color: #b22d2d;
}

.agent-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.agent-summary-grid div {
  display: grid;
  gap: 6px;
  min-height: 78px;
  align-content: center;
  padding: 14px 16px;
  border: 1px solid #d7e2e0;
  border-left: 5px solid var(--agent-green);
  background: #f7fbfa;
}

.agent-summary-grid span {
  color: #687c7a;
  font-size: 13px;
}

.agent-summary-grid strong {
  color: #20312f;
  font-size: 24px;
}

.agent-page-dashboard {
  justify-items: center;
  padding: 18px clamp(16px, 4vw, 96px) 48px;
  background:
    linear-gradient(180deg, #ff9d00 0, #ffb400 194px, #fff 194px, #fff 100%);
}

.agent-page-dashboard h1 {
  width: min(100%, 1152px);
  margin: 0 0 28px;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 0;
  text-shadow: none;
}

.agent-dashboard-home {
  width: min(100%, 1152px);
}

.agent-dashboard-panel {
  display: grid;
  gap: 22px;
  padding: 16px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(35, 48, 64, 0.12);
}

.agent-dashboard-note {
  display: grid;
  gap: 10px;
  padding: 16px 24px;
  border: 1px solid #cbd3dc;
  border-radius: 3px;
  background: #f5f6f8;
  color: #0f172a;
  font-size: 14px;
  line-height: 1.55;
}

.agent-dashboard-note strong {
  font-size: 15px;
  font-weight: 900;
}

.agent-dashboard-note strong::before {
  content: "!";
  display: inline-grid;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  place-items: center;
  border-radius: 50%;
  background: #111827;
  color: #fff;
  font-size: 11px;
  line-height: 1;
}

.agent-dashboard-note b {
  color: #004bff;
}

.agent-page-dashboard .agent-widget {
  width: 100%;
  margin: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.agent-page-dashboard .agent-widget header {
  min-height: 28px;
  padding: 0 0 0 10px;
  border-left: 3px solid #ffa300;
  background: transparent;
  color: #111827;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.25;
}

.agent-page-dashboard .agent-widget-body {
  padding: 8px 0 0;
  border-bottom: 0;
  background: transparent;
  font-size: 14px;
}

.agent-page-dashboard .agent-table-wrap {
  border: 1px solid #8d989f;
  border-top: 0;
  background: #fff;
}

.agent-page-dashboard .agent-table {
  min-width: 720px;
  font-size: 12px;
}

.agent-page-dashboard .agent-table th {
  padding: 8px 6px;
  border-color: #5b7f7c;
  background: #1e7c72;
  font-size: 12px;
}

.agent-page-dashboard .agent-table td {
  padding: 7px 6px;
  border-color: #8e969c;
  color: #111827;
  line-height: 1.3;
}

.agent-dashboard-member-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  background: #fff;
}

.agent-dashboard-member-grid > div {
  position: relative;
  flex: 0 1 224px;
  min-width: 190px;
  max-width: 224px;
  min-height: 74px;
  padding: 14px 14px 12px 48px;
  border: 1px solid #d2d6dc;
  border-right: 0;
  color: #111827;
}

.agent-dashboard-member-grid > div:last-child {
  border-right: 1px solid #d2d6dc;
}

.agent-dashboard-member-grid > div::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 16px;
  width: 22px;
  height: 22px;
  background: #9bb4cb;
  -webkit-mask: var(--agent-icon-members) center / contain no-repeat;
  mask: var(--agent-icon-members) center / contain no-repeat;
}

.agent-dashboard-member-grid span {
  display: block;
  margin-bottom: 6px;
  color: #111827;
  font-weight: 900;
  text-align: right;
  line-height: 1.25;
}

.agent-dashboard-member-grid strong {
  display: block;
  color: #ff5b00;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}

.agent-real-overall-widget > header {
  display: none;
}

.agent-real-overall-widget .agent-widget-body {
  padding: 22px 24px;
}

.agent-real-help {
  margin-bottom: 18px;
  padding: 18px 22px;
  border: 1px solid #d4d8de;
  border-radius: 3px;
  background: #f4f5f8;
  color: #17202c;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.65;
}

.agent-real-help strong:first-child {
  color: #c33c3c;
}

.agent-real-hit {
  color: #086d64;
}

.agent-real-refresh {
  min-height: 30px;
  border: 0;
  border-radius: 4px;
  padding: 4px 14px;
  background: #182535;
  color: #fff;
  font-weight: 900;
}

.agent-real-refresh-text {
  align-self: center;
  color: #26323f;
  font-weight: 700;
}

.agent-real-tab {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  margin: 0;
  border-radius: 6px 6px 0 0;
  padding: 0 16px;
  background: #208279;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
}

.agent-real-table-wrap {
  width: 100%;
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}

.agent-real-overall-table {
  width: 100%;
  min-width: 1260px;
  border-collapse: collapse;
  table-layout: fixed;
  font-variant-numeric: tabular-nums;
}

.agent-real-overall-table th,
.agent-real-overall-table td {
  box-sizing: border-box;
  min-width: 0;
  border: 1px solid #7f878c;
  padding: 7px 6px;
  background: #fff;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

.agent-real-overall-table thead th {
  background: #207a70;
  color: #fff;
  text-align: center;
  font-size: clamp(12px, 1.1vw, 16px);
}

.agent-real-overall-table tbody th {
  width: 150px;
  min-width: 0;
  color: #20252d;
  font-weight: 900;
  text-align: left;
}

.agent-real-buy td {
  background: #ffe69a;
}

.agent-real-commission td,
.agent-real-payout td {
  background: #fff0d5;
}

.agent-real-receive td {
  background: #fffde9;
}

.agent-real-summary-row th {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.agent-real-summary-row th b {
  min-width: 0;
  max-width: none;
  flex: 1 1 auto;
  text-align: right;
  font-weight: 900;
  color: #20252d;
  font-size: clamp(9px, 0.85vw, 13px);
  line-height: 1.15;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

.agent-real-summary-row th b.text-primary {
  color: #0059ff;
}

.agent-real-summary-row th b.text-danger {
  color: #e53935;
}

.agent-real-fight-row th {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.agent-real-fight-row th span {
  min-width: 0;
}

.agent-real-fight-row input {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 30px;
  box-sizing: border-box;
  border: 1px solid #d8dde6;
  border-radius: 3px;
  padding: 3px 6px;
  text-align: right;
}

.agent-real-save {
  min-height: 28px;
  border: 0;
  border-radius: 4px;
  padding: 3px 12px;
  background: #172434;
  color: #fff;
  font-weight: 900;
}

.agent-real-overall-table a {
  float: left;
  width: 32%;
  min-width: 0;
  color: #005ee8;
  font-weight: 900;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  font-size: clamp(10px, 0.95vw, 14px);
  line-height: 1.15;
}

.agent-real-overall-table td.agent-real-full a,
.agent-real-overall-table td.agent-real-full b {
  color: #c62828;
}

.agent-real-overall-table td.agent-real-winning {
  background: #dff3d9;
}

.agent-real-overall-table b {
  float: right;
  width: 68%;
  min-width: 0;
  overflow: hidden;
  text-align: right;
  color: #20252d;
  font-size: clamp(10px, 0.9vw, 14px);
  line-height: 1.15;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

.agent-real-overall-table b.text-danger {
  color: #e53935;
}

.agent-real-pagination {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 10px;
}

.agent-real-pagination button {
  min-width: 32px;
  min-height: 30px;
  border: 1px solid #aeb8bf;
  border-radius: 3px;
  background: #fff;
  color: #172434;
  font-weight: 800;
  cursor: pointer;
}

.agent-real-pagination button.active {
  border-color: #172434;
  background: #172434;
  color: #fff;
}

.agent-doc-list {
  display: grid;
  gap: 10px;
}

.agent-doc-list div {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid #d7e2e0;
  background: #f8fbfb;
}

.agent-doc-list strong {
  color: var(--agent-green-dark);
}

.agent-doc-list span {
  color: #526563;
}

.agent-form-grid-compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.agent-clone-logout {
  display: none;
}

@media (max-width: 980px) {
  .agent-clone-shell {
    width: 100%;
    min-width: 0;
    grid-template-columns: 1fr;
  }

  .agent-clone-main,
  .agent-clone-page {
    width: 100%;
    min-width: 0;
  }

  .agent-clone-page {
    --agent-content-width: calc(100vw - 28px);
    padding-right: 14px;
    padding-left: 14px;
    justify-items: stretch;
  }

  .agent-page-dashboard,
  .agent-page-general,
  .agent-page-online,
  .agent-page-commission {
    --agent-content-width: calc(100vw - 28px);
  }

  .agent-clone-page h1,
  .agent-dashboard-home,
  .agent-widget,
  .agent-widget.agent-widget-narrow,
  .agent-breadcrumb,
  .agent-note,
  .agent-page-tabs,
  .agent-profile-tabs,
  .agent-filterbar,
  .agent-general-card,
  .agent-limit-card,
  .agent-net-report-card,
  .agent-online-card,
  .agent-winning-widget,
  .agent-real-overall-widget {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    justify-self: stretch;
    box-sizing: border-box;
  }

  .agent-general-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .agent-widget,
  .agent-dashboard-panel,
  .agent-general-card,
  .agent-limit-card,
  .agent-net-report-card,
  .agent-online-card,
  .agent-winning-widget {
    overflow: hidden;
  }

  .agent-table-wrap,
  .agent-pending-table-wrap,
  .agent-pending-total-wrap,
  .agent-online-table-wrap,
  .agent-net-table-wrap,
  .agent-winning-widget .agent-table-wrap,
  .agent-general-card .agent-table-wrap,
  .agent-commission-widget .agent-table-wrap,
  .agent-items-member-widget .agent-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }

  .agent-table,
  .agent-pending-table,
  .agent-online-table,
  .agent-net-table,
  .agent-winning-table,
  .agent-general-card .agent-member-table,
  .agent-items-member-widget .agent-table,
  .agent-wide-member-table {
    max-width: none;
  }

  .agent-clone-shell:has(.agent-limit-card) {
    min-width: 0;
    width: 100%;
  }

  .agent-clone-shell:has(.agent-limit-card) .agent-clone-main {
    min-width: 0;
    width: 100%;
  }

  .agent-clone-page:has(.agent-limit-card) {
    --agent-content-width: calc(100vw - 28px);
    padding-right: 14px;
    padding-left: 14px;
    justify-items: stretch;
  }

  .agent-clone-page:has(.agent-limit-card) h1,
  .agent-clone-page:has(.agent-limit-card) .agent-breadcrumb,
  .agent-clone-page:has(.agent-limit-card) .agent-limit-card {
    justify-self: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .agent-clone-page:has(.agent-limit-card) .agent-breadcrumb {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) minmax(0, 1fr);
  }

  .agent-clone-page:has(.agent-limit-card) .agent-breadcrumb select {
    width: 100%;
    min-width: 0;
  }

  .agent-clone-sidebar {
    position: static;
    width: 100%;
    min-width: 0;
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .agent-clone-iconbar {
    height: 42px;
  }

  .agent-clone-profile {
    grid-template-columns: auto auto;
    justify-content: center;
    gap: 4px 12px;
    padding: 16px 12px;
    font-size: 13px;
  }

  .agent-clone-profile-line {
    display: none;
  }

  .agent-clone-profile strong {
    grid-row: span 2;
    align-self: center;
    padding-right: 12px;
    border-right: 1px solid rgba(255, 255, 255, 0.16);
  }

  .agent-clone-topbar {
    position: static;
    justify-content: flex-start;
    width: 100%;
    max-width: 100vw;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  .agent-clone-topbar span {
    flex: 0 0 auto;
  }

  .agent-clone-topbar .agent-topbar-game-control,
  .agent-clone-topbar .agent-topbar-draw-control,
  .agent-clone-topbar .agent-yeekee-date-control,
  .agent-clone-topbar .agent-yeekee-round-control {
    flex: 0 0 auto;
  }

  .agent-topbar-game-control select,
  .agent-topbar-draw-control select,
  .agent-yeekee-date-control input {
    max-width: min(168px, 48vw);
  }

  .agent-widget,
  .agent-widget.agent-widget-narrow,
  .agent-breadcrumb,
  .agent-note,
  .agent-page-tabs,
  .agent-profile-tabs,
  .agent-filterbar {
    width: 100%;
  }

  .agent-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agent-form-grid-compact,
  .agent-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .owner-risk-kpi-grid,
  .owner-risk-scenario-head {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agent-form-grid .agent-hint {
    grid-column: span 2;
  }

  .agent-submenu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agent-submenu button {
    min-height: 38px;
    padding-right: 10px;
    overflow-wrap: anywhere;
  }

  body.desktop-mode:has(.agent-receive-lottery-table),
  body.desktop-mode:has(.agent-receive-lottery-table) #app {
    min-width: 1200px;
    overflow-x: auto;
  }

  .agent-clone-shell:has(.agent-receive-lottery-table) {
    width: 1200px;
    min-width: 1200px;
  }

  .agent-clone-page:has(.agent-receive-lottery-table),
  .agent-clone-page:has(.agent-receive-lottery-table) .agent-widget {
    overflow-x: visible;
  }

  .agent-clone-page:has(.agent-receive-lottery-table) .agent-widget {
    width: 100%;
    max-width: 100%;
  }

  .agent-receive-lottery-table-wrap {
    width: fit-content;
    max-width: none;
    overflow: visible !important;
  }
}

@media (max-width: 720px) {
  .agent-clone-page {
    --agent-content-width: calc(100vw - 20px);
    padding: 16px 10px 54px;
  }

  .agent-page-dashboard,
  .agent-page-general,
  .agent-page-online,
  .agent-page-commission,
  .agent-clone-page:has(.agent-limit-card) {
    --agent-content-width: calc(100vw - 20px);
  }

  .agent-clone-page h1 {
    width: 100%;
    min-width: 0;
    margin-bottom: 16px;
    font-size: 23px;
    overflow-wrap: anywhere;
  }

  .agent-clone-page h1.agent-title-with-controls,
  .agent-page-general h1.agent-title-with-controls,
  .agent-page-commission h1.agent-title-with-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .agent-clone-page h1.agent-title-with-controls > span:first-child,
  .agent-page-general h1.agent-title-with-controls > span:first-child,
  .agent-page-commission h1.agent-title-with-controls > span:first-child {
    min-width: 0;
    white-space: normal;
  }

  .agent-general-title-toolbar,
  .agent-commission-title-toolbar,
  .agent-items-title-toolbar,
  .agent-items-toolbar,
  .agent-items-lookups,
  .agent-general-title-toolbar .agent-items-lookups,
  .agent-commission-title-toolbar .agent-items-lookups {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    min-width: 0;
  }

  .agent-items-lookups label,
  .agent-items-rate-filter,
  .agent-general-title-toolbar .agent-items-lookups label,
  .agent-commission-title-toolbar .agent-items-lookups label {
    width: 100%;
    min-width: 0;
  }

  .agent-items-lookups input,
  .agent-items-rate-filter select,
  .agent-general-title-toolbar .agent-items-lookups input,
  .agent-commission-title-toolbar .agent-items-lookups input {
    width: 100%;
    min-width: 0;
  }

  .agent-clone-profile {
    grid-template-columns: 1fr 1fr;
    text-align: left;
  }

  .agent-clone-profile strong {
    grid-column: 1 / -1;
    grid-row: auto;
    justify-self: center;
    padding: 0;
    border-right: 0;
  }

  .agent-menu-title {
    min-height: 40px;
  }

  .agent-submenu {
    grid-template-columns: 1fr;
  }

  .agent-widget {
    margin-bottom: 14px;
    border-radius: 3px;
  }

  .agent-widget header {
    padding: 9px 10px;
    font-size: 15px;
  }

  .agent-widget-body {
    padding: 16px 12px;
    font-size: 14px;
  }

  .agent-dashboard-panel {
    gap: 16px;
    padding: 12px;
  }

  .agent-dashboard-note {
    padding: 14px 12px;
  }

  .agent-dashboard-member-grid {
    display: grid;
    grid-template-columns: 1fr;
  }

  .agent-dashboard-member-grid > div,
  .agent-dashboard-member-grid > div:last-child {
    max-width: none;
    min-width: 0;
    border-right: 1px solid #d2d6dc;
  }

  .agent-dashboard-member-grid span {
    text-align: left;
  }

  .agent-form-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .agent-form-grid-compact,
  .agent-summary-grid {
    grid-template-columns: 1fr;
  }

  .owner-risk-kpi-grid,
  .owner-risk-scenario-head {
    grid-template-columns: 1fr;
  }

  .agent-form-grid .agent-hint {
    grid-column: auto;
  }

  .agent-form-grid label,
  .agent-share-row label {
    grid-template-columns: minmax(82px, auto) minmax(0, 1fr);
    gap: 9px;
  }

  .agent-share-row {
    justify-content: flex-start;
    gap: 14px 18px;
  }

  .agent-share-row > span {
    width: 100%;
    font-weight: 800;
  }

  .agent-copy {
    float: none;
    display: flex;
    margin-top: 8px;
    white-space: normal;
  }

  .agent-copy select {
    flex: 0 0 120px;
  }

  .agent-breadcrumb,
  .agent-filterbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .agent-breadcrumb select,
  .agent-filterbar select {
    width: 100%;
    min-width: 0;
  }

  .agent-page-tabs,
  .agent-profile-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
  }

  .agent-page-tabs button,
  .agent-profile-tabs button {
    flex: 0 0 auto;
    min-height: 38px;
    font-size: 13px;
    white-space: nowrap;
  }

  .agent-table {
    font-size: 13px;
  }

  .agent-table th,
  .agent-table td {
    padding: 6px;
  }

  .agent-table input,
  .agent-table select,
  .agent-widget input,
  .agent-widget select,
  .agent-widget textarea {
    max-width: 100%;
  }

  .agent-payout-head {
    gap: 8px;
  }

  .agent-action-row,
  .agent-editbar {
    justify-content: stretch;
    text-align: left;
  }

  .agent-save {
    width: 100%;
  }
}

@media (max-width: 440px) {
  .agent-clone-topbar span {
    padding: 0 10px;
    font-size: 13px;
  }

  .agent-clone-profile {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .agent-form-grid label,
  .agent-share-row label {
    grid-template-columns: 1fr;
  }

  .agent-form-grid label > span {
    text-align: left;
  }

  .agent-share-row label {
    width: 100%;
  }

  .agent-checkbox {
    align-items: flex-start;
  }
}

@media (max-width: 920px) {
  .login-shell,
  .app-shell,
  .bet-layout,
  .grid.cols-2,
  .grid.cols-3,
  .owner-stat-grid {
    grid-template-columns: 1fr;
  }

  .login-copy {
    display: none;
  }

  .sidebar {
    position: sticky;
    top: 0;
    z-index: 2;
  }

  .nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .discount-breakdown-row {
    grid-template-columns: 1fr;
  }

  .slip-item-card,
  .slip-item-metrics {
    grid-template-columns: 1fr;
  }

  .main {
    padding: 16px;
  }

  .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .slip-summary-card {
    position: static;
  }

  .bulk-table {
    min-width: 560px;
  }
}

@media (max-width: 560px) {
  body {
    background: #eef3f7;
  }

  .login-panel {
    padding: 28px 20px;
  }

  .app-shell {
    display: block;
  }

  .sidebar {
    gap: 10px;
    padding: 10px 12px;
    box-shadow: 0 10px 24px rgba(14, 22, 33, 0.18);
  }

  .brand {
    font-size: 15px;
  }

  .mark {
    width: 30px;
    height: 30px;
    border-radius: 5px;
  }

  .sidebar > div:nth-child(2) {
    font-size: 14px;
  }

  .side-note {
    display: none;
  }

  .language-toggle {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nav {
    display: flex;
    gap: 8px;
    margin: 0 -12px;
    padding: 2px 12px 8px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .nav::-webkit-scrollbar {
    display: none;
  }

  .nav button {
    width: auto;
    min-width: max-content;
    min-height: 40px;
    border: 1px solid #314155;
    border-radius: 999px;
    padding: 0 14px;
    background: #172231;
    text-align: center;
  }

  .nav button.active {
    background: #ffffff;
    border-color: #ffffff;
    color: #121a24;
  }

  #logout {
    min-height: 40px;
  }

  .main {
    padding: 12px;
  }

  .topbar,
  .toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .topbar {
    gap: 8px;
    margin-bottom: 12px;
  }

  .topbar h1 {
    font-size: 26px;
    line-height: 1.12;
  }

  .topbar .muted {
    display: none;
  }

  .topbar #refresh {
    align-self: end;
    min-height: 36px;
  }

  .card {
    padding: 12px;
    border-radius: 10px;
    box-shadow: 0 8px 18px rgba(32, 44, 60, 0.08);
  }

  input,
  select,
  textarea {
    min-height: 46px;
    font-size: 16px;
  }

  button {
    min-height: 44px;
    font-size: 16px;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .view-finance .uid-panel {
    grid-template-columns: 1fr;
  }

  .grid {
    gap: 10px;
  }

  .stat strong {
    font-size: 22px;
  }

  .bet-layout {
    gap: 12px;
    padding-bottom: 14px;
  }

  .bet-layout > .card:first-child {
    border-color: #cdd9e7;
  }

  .bet-context {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 10px 0;
  }

  .bet-context > div {
    padding: 9px;
  }

  .bet-context strong {
    font-size: 16px;
  }

  .desktop-quick-form {
    display: none;
  }

  .mobile-slip-form {
    display: grid;
    gap: 10px;
  }

  .mobile-selector-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .mobile-selector-row label {
    min-width: 0;
  }

  .mobile-mode-box {
    grid-column: 1 / -1;
  }

  .mobile-selector-row select {
    width: 100%;
    min-height: 48px;
    font-weight: 700;
  }

  .mobile-ticket-box {
    display: grid;
    gap: 0;
    overflow: hidden;
    border: 2px solid #8b98a8;
    background: #fff;
  }

  .mobile-ticket-box label {
    margin: 0;
  }

  .mobile-number-box input {
    width: 100%;
    min-height: 76px;
    border: 0;
    border-bottom: 1px solid #8b98a8;
    border-radius: 0;
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    letter-spacing: 0;
  }

  .mobile-amount-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mobile-amount-grid label {
    display: grid;
    gap: 6px;
    padding: 8px;
    border-right: 1px solid #8b98a8;
    border-bottom: 1px solid #8b98a8;
    color: #405168;
    font-weight: 800;
    text-align: center;
  }

  .mobile-amount-grid label:last-child {
    border-right: 0;
  }

  .mobile-amount-grid input {
    width: 100%;
    min-height: 54px;
    border: 1px solid #d4dde8;
    font-size: 22px;
    font-weight: 800;
    text-align: center;
  }

  .mobile-amount-grid .is-closed {
    background: #eef1f4;
    color: #87919d;
  }

  .mobile-amount-grid .is-closed input {
    background: #d7dce2;
    color: #87919d;
  }

  .mobile-reverse-options {
    padding: 8px;
    border-bottom: 1px solid #8b98a8;
  }

  .mobile-reverse-options .check-row {
    justify-content: center;
    min-height: 42px;
    border: 1px solid #d4dde8;
    border-radius: 10px;
    background: #f3f7fb;
  }

  .mobile-note-box {
    display: grid;
    gap: 6px;
    padding: 8px;
    border-bottom: 1px solid #8b98a8;
    color: #405168;
    font-weight: 700;
  }

  .mobile-note-box input {
    min-height: 50px;
    border: 1px solid #d4dde8;
  }

  .mobile-ticket-footer {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    background: #f3f7fb;
  }

  .mobile-ticket-footer strong {
    display: block;
    font-size: 28px;
    line-height: 1.1;
  }

  .mobile-ticket-footer .primary {
    min-height: 54px;
    padding: 0 18px;
    font-weight: 900;
  }

  .mobile-entry-hint {
    text-align: center;
  }

  #betForm .grid {
    gap: 10px;
  }

  .check-row {
    min-height: 44px;
    padding: 8px 0;
  }

  .reverse-options {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .quick-pad.mobile-only,
  .quick-pad {
    display: grid;
    margin-top: 10px;
  }

  .quick-pad button {
    height: 58px;
    border-radius: 10px;
    font-size: 22px;
  }

  .number-tape {
    display: grid;
    max-height: 190px;
    overflow: auto;
  }

  .number-chip {
    justify-content: space-between;
    width: 100%;
    min-height: 44px;
    padding: 8px 8px 8px 10px;
  }

  .number-chip button {
    min-width: 40px;
    min-height: 36px;
    padding: 0;
  }

  .slip-summary-card {
    position: sticky;
    bottom: 0;
    z-index: 3;
    margin: 0 -12px -12px;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -12px 28px rgba(32, 44, 60, 0.18);
  }

  .slip-summary-card h2 {
    font-size: 20px;
  }

  .summary-grid {
    gap: 7px 10px;
    padding: 8px 0;
  }

  .summary-grid strong {
    white-space: nowrap;
  }

  #submitSlip {
    width: 100%;
    min-height: 50px;
    font-weight: 800;
  }

  .discount-breakdown {
    padding: 8px;
  }

  .discount-breakdown-row {
    gap: 3px;
    font-size: 13px;
  }

  .import-panel {
    padding: 10px;
  }

  .import-panel textarea {
    min-height: 150px;
    font-size: 15px;
  }

  .file-button {
    min-height: 44px;
  }

  .table-wrap {
    margin: 0 -2px;
  }

  table {
    min-width: 680px;
  }

  .bulk-table {
    min-width: 620px;
  }

  .bulk-table input {
    min-height: 52px;
    font-size: 18px;
  }

  .history-actions {
    display: grid;
  }
}

@media (max-width: 560px) {
  .history-table-wrap {
    display: none;
  }

  .history-mobile-list {
    display: grid;
    gap: 12px;
  }

  .history-slip-card {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background: #242b39;
    color: #edf2f8;
    box-shadow: 0 10px 24px rgba(8, 12, 20, 0.18);
  }

  .history-slip-head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
  }

  .history-slip-head > div {
    display: grid;
    min-width: 0;
    gap: 3px;
  }

  .history-slip-head strong,
  .history-slip-draw {
    overflow-wrap: anywhere;
    color: #fff;
    font-size: 17px;
    line-height: 1.25;
  }

  .history-slip-draw {
    padding: 10px;
    border-radius: 12px;
    background: #1b2230;
    color: #cbd6e4;
    font-size: 14px;
  }

  .history-slip-card .pill {
    flex: 0 0 auto;
    border: 1px solid rgba(242, 201, 76, 0.25);
    background: rgba(242, 201, 76, 0.14);
    color: #f2c94c;
  }

  .history-slip-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .history-slip-metrics div {
    display: grid;
    gap: 4px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    background: #1b2230;
  }

  .history-slip-metrics span,
  .history-slip-meta {
    color: #8f9cad;
    font-size: 12px;
  }

  .history-slip-metrics strong {
    color: #f2c94c;
    font-size: 16px;
  }

  .history-slip-card .slip-details {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    background: #1b2230;
    padding: 0;
  }

  .history-slip-card .slip-details summary {
    min-height: 46px;
    padding: 12px;
    color: #f4f7fb;
    font-size: 16px;
    font-weight: 900;
  }

  .history-slip-card .slip-items-grid {
    gap: 8px;
    padding: 0 10px 10px;
  }

  .history-slip-card .slip-item-card {
    border-color: rgba(255, 255, 255, 0.08);
    background: #242b39;
  }

  .history-slip-card .slip-item-card strong {
    color: #fff;
  }

  .history-slip-card .slip-item-metrics {
    grid-template-columns: 1fr;
  }

  .history-slip-card .history-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .history-slip-card .history-actions button {
    min-height: 44px;
    border-radius: 12px;
  }

  .player-home {
    gap: 12px;
  }

  .player-home .announcement-card,
  .player-home .latest-result-notice-card,
  .player-home .risk-number-notice-card,
  .payout-rules-card {
    border-radius: 16px;
  }

  .latest-result-notice-card {
    border-color: rgba(242, 201, 76, 0.26);
    background: #242b39;
    color: #edf2f8;
  }

  .latest-result-notice-card h2 {
    color: #fff;
    font-size: 22px;
  }

  .latest-result-mini-grid {
    gap: 8px;
  }

  .latest-result-mini-grid div {
    border-color: rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: #1b2230;
  }

  .latest-result-mini-grid span {
    color: #9aa5b5;
  }

  .latest-result-mini-grid strong {
    color: #f2c94c;
    font-size: 24px;
  }

  .latest-winning-card {
    display: grid;
    gap: 12px;
    margin-bottom: 12px;
    border-color: rgba(46, 204, 113, 0.22);
    border-radius: 16px;
    background: #242b39;
    color: #edf2f8;
  }

  .latest-winning-card h2 {
    color: #fff;
    font-size: 20px;
  }

  .latest-winning-list {
    display: grid;
    gap: 8px;
  }

  .latest-winning-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4px 10px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    background: #1b2230;
  }

  .latest-winning-row strong {
    color: #fff;
  }

  .latest-winning-row span {
    color: #9aa5b5;
    font-size: 12px;
  }

  .latest-winning-row b {
    grid-row: 1 / span 2;
    grid-column: 2;
    align-self: center;
    color: #2ecc71;
  }

  .player-home .risk-number-notice-card {
    border-color: rgba(242, 201, 76, 0.26);
    background: #242b39;
  }

  .payout-rules-card .toolbar {
    flex-direction: row;
    align-items: center;
  }

  .payout-rules-card h2 {
    font-size: 22px;
  }

  .payout-rule-list {
    gap: 9px;
  }

  .payout-rule-row {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 12px;
    border-color: rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: #1b2230;
  }

  .payout-rule-row > strong {
    color: #fff;
    font-size: 17px;
  }

  .payout-rule-row > div {
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #242b39;
  }

  .payout-rule-row span,
  .payout-rule-row small {
    color: #9aa5b5;
    font-size: 13px;
  }

  .payout-rule-row b {
    color: #f2c94c;
  }

  .game-select-section {
    display: grid;
    gap: 12px;
  }

  .game-card-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .game-select-card {
    min-height: 104px;
    padding: 16px;
    border-color: rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: linear-gradient(180deg, #2a3140, #222938);
    color: #edf2f8;
    box-shadow: 0 12px 24px rgba(8, 12, 20, 0.18);
  }

  .game-select-mark {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background: linear-gradient(135deg, #f2c94c, #e3aa25);
    color: #171b22;
    font-size: 18px;
  }

  .game-select-card strong {
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
  }

  .game-select-card small {
    color: #9aa5b5;
    font-size: 13px;
  }

  .game-select-arrow {
    color: #f2c94c;
    font-size: 34px;
  }
}

@media (max-width: 560px) {
  .app-shell.view-betting {
    min-height: 100vh;
    background: #07101d;
  }

  .view-betting .sidebar {
    position: sticky;
    top: 0;
    z-index: 10;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px 10px;
    padding: calc(8px + env(safe-area-inset-top)) 10px 8px;
    border-bottom: 1px solid rgba(212, 168, 83, 0.22);
    background: rgba(9, 17, 30, 0.98);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
  }

  .view-betting .brand {
    gap: 8px;
    font-size: 14px;
  }

  .view-betting .mark {
    width: 26px;
    height: 26px;
    border-radius: 7px;
  }

  .view-betting .sidebar > div:nth-child(2) {
    justify-self: end;
    max-width: 150px;
    overflow: hidden;
    text-align: right;
    font-size: 13px;
  }

  .view-betting .sidebar > div:nth-child(2) strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .view-betting .side-note {
    display: none;
  }

  .view-betting .language-toggle {
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .view-betting .language-toggle button {
    min-height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: #111b2a;
    color: #d8e3ef;
    font-size: 14px;
  }

  .view-betting .language-toggle button.active {
    background: linear-gradient(135deg, #c89d44, #f2c45b);
    border-color: #f2c45b;
    color: #111827;
  }

  .view-betting .nav {
    grid-column: 1 / -1;
    margin: 0 -10px;
    padding: 0 10px 2px;
    gap: 8px;
  }

  .view-betting .nav button {
    min-height: 34px;
    padding: 0 12px;
    border-color: rgba(255, 255, 255, 0.11);
    background: #101a28;
    color: #aebed0;
    font-size: 13px;
  }

  .view-betting .nav button.active {
    background: #edf4fb;
    border-color: #edf4fb;
    color: #0d1522;
  }

  .view-betting #logout {
    display: none;
  }

  .view-betting .main {
    padding: 10px 10px calc(18px + env(safe-area-inset-bottom));
    background:
      radial-gradient(circle at 20% 0%, rgba(23, 127, 117, 0.22), transparent 30%),
      linear-gradient(180deg, #0a1524 0%, #07101d 100%);
  }

  .view-betting .topbar {
    display: none;
  }

  .view-betting .alert {
    margin-bottom: 8px;
    border-color: rgba(242, 196, 91, 0.35);
    background: rgba(242, 196, 91, 0.13);
    color: #f8e4ad;
  }

  .view-betting .bet-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding-bottom: 0;
  }

  .view-betting .bet-layout > .card {
    border: 1px solid rgba(152, 173, 198, 0.17);
    border-radius: 14px;
    background: rgba(12, 24, 40, 0.94);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);
  }

  .view-betting .bet-layout > .card:first-child > .toolbar:first-child {
    display: none;
  }

  .view-betting .bet-context {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 0 10px;
  }

  .view-betting .bet-context > div {
    border-color: rgba(96, 129, 162, 0.28);
    background: linear-gradient(180deg, #101d2e, #0b1625);
    color: #d9e7f5;
  }

  .view-betting .bet-context span,
  .view-betting .bet-context .muted {
    color: #8fa3bb;
  }

  .view-betting .bet-context strong {
    color: #f7c95f;
  }

  .view-betting .mobile-slip-form {
    gap: 8px;
  }

  .view-betting .mobile-selector-row {
    gap: 8px;
  }

  .view-betting .mobile-selector-row label,
  .view-betting .mobile-note-box,
  .view-betting .mobile-amount-grid label {
    color: #9fb1c6;
    font-size: 13px;
    font-weight: 700;
  }

  .view-betting .mobile-selector-row select,
  .view-betting .mobile-note-box input {
    min-height: 46px;
    border: 1px solid rgba(152, 173, 198, 0.24);
    border-radius: 10px;
    background: #0e1b2c;
    color: #f4f7fb;
    font-weight: 800;
  }

  .view-betting .mobile-ticket-box {
    border: 1px solid rgba(242, 196, 91, 0.42);
    border-radius: 16px;
    background: #0b1726;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

  .view-betting .mobile-number-box {
    padding: 8px;
    color: #9fb1c6;
    font-size: 13px;
    font-weight: 800;
  }

  .view-betting .mobile-number-box input {
    min-height: 66px;
    margin-top: 6px;
    border: 1px solid rgba(242, 196, 91, 0.34);
    border-radius: 14px;
    background: #06111f;
    color: #f7c95f;
    font-size: 36px;
    font-weight: 900;
  }

  .view-betting .mobile-amount-grid {
    gap: 8px;
    padding: 0 8px 8px;
  }

  .view-betting .mobile-amount-grid label {
    gap: 6px;
    min-width: 0;
    padding: 8px 7px;
    border: 1px solid rgba(152, 173, 198, 0.22);
    border-radius: 12px;
    background: #0f1d2f;
  }

  .view-betting .mobile-amount-grid input {
    min-height: 46px;
    border-color: rgba(152, 173, 198, 0.22);
    border-radius: 10px;
    background: #071322;
    color: #ecf4ff;
    font-size: 21px;
  }

  .view-betting .mobile-amount-grid .is-closed {
    border-color: rgba(102, 116, 134, 0.2);
    background: #17202b;
    color: #6f8093;
  }

  .view-betting .mobile-amount-grid .is-closed input {
    background: #202b38;
    color: #6f8093;
  }

  .view-betting .mobile-reverse-options {
    gap: 8px;
    padding: 0 8px 8px;
    border-bottom: 0;
  }

  .view-betting .mobile-reverse-options .check-row {
    justify-content: center;
    border-color: rgba(152, 173, 198, 0.22);
    background: #0f1d2f;
    color: #d9e5f2;
    font-weight: 900;
  }

  .view-betting .mobile-reverse-options input {
    width: 18px;
    height: 18px;
  }

  .view-betting .mobile-note-box {
    padding: 0 8px 8px;
    border-bottom: 0;
  }

  .view-betting .mobile-ticket-footer {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 8px;
    border-top: 1px solid rgba(152, 173, 198, 0.14);
    background: linear-gradient(180deg, rgba(16, 29, 46, 0.72), rgba(8, 18, 31, 0.92));
  }

  .view-betting .mobile-ticket-footer > div {
    display: grid;
    gap: 2px;
  }

  .view-betting .mobile-ticket-footer strong {
    color: #f7c95f;
    font-size: 26px;
  }

  .view-betting .mobile-ticket-footer .primary,
  .view-betting #submitSlip {
    min-height: 48px;
    padding: 0 14px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #0f8f81, #16b19f);
    color: #fff;
    font-weight: 900;
    box-shadow: 0 10px 22px rgba(15, 143, 129, 0.26);
  }

  .view-betting .mobile-entry-hint {
    margin: 0;
    color: #8194aa;
    font-size: 12px;
  }

  .view-betting .slip-summary-card {
    position: static;
    margin: 0;
    border-radius: 14px;
    background: rgba(238, 244, 251, 0.98);
    box-shadow: none;
  }

  .view-betting .slip-summary-card .toolbar {
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }

  .view-betting .slip-summary-card h2 {
    font-size: 18px;
  }

  .view-betting .number-tape {
    max-height: none;
    gap: 7px;
    overflow: visible;
  }

  .view-betting .number-chip {
    min-height: 42px;
    border-color: #d6e0eb;
    border-radius: 10px;
    background: #fff;
    color: #132033;
    font-size: 14px;
  }

  .view-betting .summary-grid {
    padding: 8px 0;
    font-size: 14px;
  }

  .view-betting .slip-summary-card .toolbar:last-child {
    display: grid;
    grid-template-columns: 1fr;
  }

  .view-betting .slip-summary-card .toolbar:last-child .muted {
    text-align: center;
    font-size: 13px;
  }
}

@media (max-width: 560px) {
  body {
    background: #1f2532;
  }

  .app-shell {
    display: block;
    min-height: 100vh;
    padding-bottom: calc(74px + env(safe-area-inset-bottom));
    background: #1f2532;
    color: #edf2f8;
  }

  .app-shell .sidebar,
  .app-shell.view-betting .sidebar {
    display: none;
  }

  .mobile-market-header {
    position: sticky;
    top: 0;
    z-index: 20;
    display: block;
    padding: calc(8px + env(safe-area-inset-top)) 12px 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(31, 37, 50, 0.98);
    box-shadow: 0 10px 26px rgba(9, 13, 22, 0.25);
  }

  .mobile-market-top {
    display: none;
  }

  .mobile-search-pill {
    display: none;
  }

  .mobile-search-pill span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-search-mark {
    width: 15px;
    height: 15px;
    border: 2px solid #697486;
    border-radius: 999px;
    position: relative;
    flex: 0 0 auto;
  }

  .mobile-search-mark::after {
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 7px;
    height: 2px;
    background: #697486;
    border-radius: 999px;
    content: "";
    transform: rotate(45deg);
  }

  .mobile-small-action {
    min-width: 44px;
    min-height: 44px;
    border: 0;
    border-radius: 10px;
    background: #2a3140;
    color: #f2c94c;
    font-size: 13px;
    font-weight: 900;
  }

  .mobile-account-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 42px;
    color: #edf2f8;
  }

  .mobile-account-strip div {
    display: grid;
    min-width: 0;
  }

  .mobile-account-strip strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-account-strip span {
    color: #8f9cad;
    font-size: 12px;
  }

  .mobile-account-strip > strong {
    color: #f2c94c;
    font-size: 20px;
    text-align: right;
  }

  .main {
    padding: 14px 14px 0;
    background: #1f2532;
  }

  .topbar {
    display: none;
  }

  .card,
  .stat {
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: #242b39;
    color: #edf2f8;
    box-shadow: none;
  }

  .card h2,
  .card h3,
  .section h2,
  .stat strong {
    color: #fff;
  }

  .card p,
  .card label,
  .card td {
    color: #d7e0ec;
  }

  .muted {
    color: #8f9cad;
  }

  .alert {
    border-color: rgba(242, 201, 76, 0.32);
    background: rgba(242, 201, 76, 0.12);
    color: #ffe28a;
  }

  .alert.error {
    border-color: rgba(246, 70, 93, 0.35);
    background: rgba(246, 70, 93, 0.12);
    color: #ff9aaa;
  }

  input,
  select,
  textarea {
    border-color: rgba(255, 255, 255, 0.1);
    background: #1b2230;
    color: #f4f7fb;
  }

  input::placeholder,
  textarea::placeholder {
    color: #667286;
  }

  button,
  .file-button {
    border-color: rgba(255, 255, 255, 0.1);
    background: #2a3140;
    color: #edf2f8;
  }

  button.primary,
  .primary {
    background: #f2c94c;
    border-color: #f2c94c;
    color: #151a22;
    font-weight: 900;
  }

  table {
    min-width: 0;
    color: #edf2f8;
  }

  th {
    background: #2a3140;
    color: #9aa5b5;
  }

  td,
  th {
    border-color: rgba(255, 255, 255, 0.07);
  }

  .table-wrap {
    border-radius: 12px;
  }

  .mobile-bottom-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(54px, 1fr));
    gap: 8px;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(31, 37, 50, 0.98);
    box-shadow: 0 -12px 24px rgba(9, 13, 22, 0.28);
  }

  .mobile-bottom-nav button {
    display: grid;
    gap: 3px;
    place-items: center;
    min-width: 0;
    min-height: 56px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: #262d3b;
    color: #7f8b9e;
    font-size: 12px;
  }

  .mobile-bottom-nav button span {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 999px;
    color: #8f9cad;
    font-size: 13px;
    font-weight: 900;
  }

  .mobile-bottom-nav button strong {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 800;
  }

  .mobile-bottom-nav button.active {
    color: #fff;
    border-color: rgba(242, 201, 76, 0.42);
    background: linear-gradient(180deg, #323747, #252b39);
    box-shadow: inset 0 0 0 1px rgba(242, 201, 76, 0.1), 0 8px 18px rgba(0, 0, 0, 0.22);
  }

  .mobile-bottom-nav button.active span {
    background: rgba(242, 201, 76, 0.16);
    color: #f2c94c;
  }

  .view-betting .main {
    padding: 12px 10px 0;
  }

  .view-betting .bet-layout > .card,
  .view-betting .slip-summary-card {
    background: #242b39;
  }

  .view-betting .slip-summary-card {
    color: #edf2f8;
  }

  .view-betting .number-chip {
    border-color: rgba(255, 255, 255, 0.08);
    background: #1b2230;
    color: #edf2f8;
  }

  .view-betting .draft-edit-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
  }

  .view-betting .draft-edit-main strong {
    color: #fff;
    font-size: 15px;
    line-height: 1.3;
  }

  .view-betting .draft-edit-main label {
    grid-template-columns: auto minmax(92px, 1fr);
    color: #9aa5b5;
    font-size: 13px;
  }

  .view-betting .draft-edit-main input {
    min-height: 42px;
    border-radius: 10px;
    color: #f2c94c;
    font-size: 18px;
    font-weight: 900;
    text-align: right;
  }

  .view-betting .draft-edit-row > button {
    min-width: 46px;
    min-height: 46px;
    border-radius: 12px;
  }

  .view-betting .slip-summary-card hr {
    border-color: rgba(255, 255, 255, 0.08);
  }
}

@media (max-width: 560px) {
  .view-finance .main {
    padding: 12px 10px 0;
  }

  .finance-section {
    display: grid;
    gap: 12px;
    padding-bottom: 18px;
  }

  .account-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .account-profile-card,
  .account-password-card {
    padding: 16px;
    border-radius: 18px;
    background: #242b39;
  }

  .account-profile-card h2,
  .account-password-card h2 {
    margin-bottom: 12px;
    font-size: 24px;
  }

  .view-finance .uid-panel {
    grid-template-columns: 1fr;
    gap: 9px;
    padding: 14px;
    border-color: rgba(242, 201, 76, 0.22);
    border-radius: 16px;
    background: #1b2230;
  }

  .view-finance .uid-panel span {
    color: #8f9cad;
    font-size: 13px;
  }

  .view-finance .uid-panel strong {
    overflow-wrap: anywhere;
    color: #f2c94c;
    font-size: 22px;
    letter-spacing: 0.04em;
  }

  .view-finance .uid-panel button {
    width: 100%;
    min-height: 46px;
    border-radius: 12px;
    background: #2a3140;
    color: #edf2f8;
    font-weight: 900;
  }

  .view-finance .summary-grid {
    grid-template-columns: 1fr;
    gap: 4px;
    margin-top: 12px;
  }

  .view-finance .summary-grid span {
    color: #8f9cad;
    font-size: 13px;
  }

  .view-finance .summary-grid strong {
    margin-bottom: 8px;
    color: #edf2f8;
    font-size: 18px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .view-finance .user-password-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .view-finance .user-password-grid label {
    display: grid;
    gap: 6px;
    color: #c8d2df;
  }

  .view-finance .user-password-grid input {
    min-height: 48px;
    border-radius: 12px;
    background: #1b2230;
    font-size: 16px;
  }

  .view-finance .user-password-grid button {
    width: 100%;
    min-height: 48px;
    border-radius: 12px;
  }

  .finance-section > .stat {
    display: none;
  }
}

.player-clone-shell.view-betting .player-paper,
.player-clone-shell.view-mobile .player-paper,
.player-clone-shell.view-roundSummary .player-paper,
.player-clone-shell.view-results .player-paper,
.player-clone-shell.view-info .player-paper,
.player-clone-shell.view-finance .player-paper,
.player-clone-shell.view-cancelSlip .player-paper {
  position: relative;
  display: block;
}

.player-clone-shell .player-summary table,
.player-clone-shell .player-game-table table,
.player-clone-shell .player-results-card table,
.player-clone-shell .player-finance-card table {
  min-width: 0;
}

.player-clone-shell .player-results-card .player-results-combined-table {
  min-width: 560px;
}

@media (max-width: 900px) {
  body.player-desktop-mode:has(.player-clone-shell.view-results) {
    min-width: 0;
    overflow-x: hidden;
  }

  body.player-desktop-mode:has(.player-clone-shell.view-results) #app,
  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-clone-shell,
  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-topbar,
  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-clone-main {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-clone-inner {
    width: calc(100% - 20px) !important;
    min-width: 0;
  }

  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-paper {
    padding: 12px 12px 56px !important;
  }

  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-clone-content {
    grid-template-columns: 1fr !important;
  }

  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-summary,
  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-clone-panel {
    grid-column: auto !important;
    max-width: 100% !important;
    min-width: 0;
  }
}

.player-clone-shell .player-clone-panel {
  position: relative;
  z-index: 0;
}

.player-clone-shell.view-betting .bet-layout,
.player-clone-shell.view-mobile .bet-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.86fr);
  gap: 14px;
  padding: 0;
}

.player-clone-shell.view-betting .bet-layout > .card,
.player-clone-shell.view-mobile .bet-layout > .card,
.player-clone-shell.view-betting .slip-summary-card,
.player-clone-shell.view-mobile .slip-summary-card {
  border: 1px solid var(--line);
  border-radius: 4px;
  background: #fff;
  color: var(--ink);
  box-shadow: none;
}

@media (max-width: 760px) {
  .player-stock-games-head {
    display: grid;
    align-items: start;
  }

  .player-stock-games-head span {
    text-align: left;
  }

  .player-stock-games-table,
  .player-stock-games-table thead,
  .player-stock-games-table tbody,
  .player-stock-games-table tr,
  .player-stock-games-table th,
  .player-stock-games-table td {
    display: block;
    width: 100%;
  }

  .player-stock-games-table {
    table-layout: auto;
  }

  .player-stock-games-table thead {
    display: none;
  }

  .player-stock-games-table tr {
    padding: 10px 12px;
    border-bottom: 1px solid #d1d7de;
  }

  .player-stock-games-table td {
    display: grid;
    grid-template-columns: minmax(104px, 38%) minmax(0, 1fr);
    gap: 10px;
    border: 0;
    padding: 5px 0;
    overflow-wrap: anywhere;
  }

  .player-stock-games-table td::before {
    content: attr(data-label);
    color: #64748b;
    font-weight: 700;
  }

  .stock-status-pill {
    white-space: normal;
  }

  .player-results-head,
  .player-results-filter-row {
    display: grid;
  }

  .player-results-tabs,
  .player-results-date-form {
    justify-content: stretch;
  }

  .player-results-tabs button,
  .player-results-date-form button,
  .player-results-date-form label {
    width: 100%;
  }

  .player-yeekee-result-row,
  .player-yeekee-result-numbers,
  .player-yeekee-result-proof,
  .player-stock-result-row,
  .player-stock-result-numbers,
  .player-stock-result-proof {
    grid-template-columns: 1fr;
  }

  .player-clone-shell.view-betting .bet-layout,
  .player-clone-shell.view-mobile .bet-layout {
    grid-template-columns: 1fr;
  }
}

/* iOS/LINE browser input contrast guard. */
.login-panel input,
.login-panel select,
.login-panel textarea,
.player-clone-shell input:not([type="checkbox"]):not([type="radio"]),
.player-clone-shell select,
.player-clone-shell textarea {
  background-color: #ffffff;
  color: #111827;
  -webkit-text-fill-color: #111827;
  caret-color: #111827;
  color-scheme: light;
}

.login-panel input:focus,
.login-panel select:focus,
.login-panel textarea:focus,
.player-clone-shell input:not([type="checkbox"]):not([type="radio"]):focus,
.player-clone-shell select:focus,
.player-clone-shell textarea:focus {
  background-color: #ffffff;
  color: #111827;
  -webkit-text-fill-color: #111827;
  caret-color: #111827;
}

.login-panel input::placeholder,
.login-panel textarea::placeholder,
.player-clone-shell input::placeholder,
.player-clone-shell textarea::placeholder {
  color: #64748b;
  -webkit-text-fill-color: #64748b;
  opacity: 1;
}

.source-door-grid input,
.player-clone-shell.view-betting .source-door-grid input,
.player-clone-shell.view-mobile .source-door-grid input {
  background-color: #ffffff;
  color: #111827;
  -webkit-text-fill-color: #111827;
  caret-color: #111827;
}

.player-clone-shell .source-fixed-grid input:disabled {
  border-color: #cbd5e1;
  background-color: #e5e7eb;
  color: #64748b;
  -webkit-text-fill-color: #64748b;
  cursor: not-allowed;
}

/* Mobile contrast guard: keep player text readable on white cards in in-app browsers. */
.player-clone-shell .player-summary-card,
.player-clone-shell .player-summary-card table,
.player-clone-shell .player-summary-card th,
.player-clone-shell .player-summary-card td {
  color: #111827;
}

.player-clone-shell .player-summary-card td:first-child {
  color: #374151;
}

.player-clone-shell .player-summary-card td:last-child {
  color: #020617;
}

.player-clone-shell .payout-rules-card,
.player-clone-shell .player-rule-card {
  color: #111827;
}

.player-clone-shell .payout-rule-row > div {
  color: #111827;
}

.player-clone-shell .payout-rule-row span,
.player-clone-shell .payout-rule-row small,
.player-clone-shell .payout-rule-row b {
  color: #111827;
}

.player-clone-shell .player-rule-table td,
.player-clone-shell .player-rule-table td::before {
  color: #111827;
}

@media (max-width: 760px) {
  .player-clone-shell .player-summary-card th,
  .player-clone-shell .player-summary-card td,
  .player-clone-shell .payout-rule-row span,
  .player-clone-shell .payout-rule-row small,
  .player-clone-shell .payout-rule-row b,
  .player-clone-shell .player-rule-table td,
  .player-clone-shell .player-rule-table td::before {
    color: #111827;
    opacity: 1;
    text-shadow: none;
  }

  .player-clone-shell .payout-rule-row > strong {
    color: #ffffff;
  }
}

/* Player portal on phones should behave like a scaled desktop page. */
body.player-desktop-mode {
  min-width: 1200px;
  overflow-x: auto;
  background: #eef0f3;
}

body.player-desktop-mode #app,
body.player-desktop-mode .player-clone-shell,
body.player-desktop-mode .player-topbar,
body.player-desktop-mode .player-clone-main {
  min-width: 1200px;
}

body.player-desktop-mode .player-clone-inner {
  width: min(100% - 40px, 1456px) !important;
  min-width: 1120px;
}

body.player-desktop-mode .player-paper {
  margin-top: -128px !important;
  padding: 18px 20px 74px !important;
  border-radius: 6px !important;
}

body.player-desktop-mode .player-menu {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(88px, 1fr)) !important;
  overflow: hidden !important;
}

body.player-desktop-mode .player-menu button {
  min-height: 62px !important;
  gap: 4px !important;
  padding: 0 9px !important;
}

body.player-desktop-mode .player-menu button span {
  font-size: 20px !important;
}

body.player-desktop-mode .player-menu button strong {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body.player-desktop-mode .player-clone-content {
  display: grid !important;
  grid-template-columns: 250px minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: start !important;
}

body.player-desktop-mode .player-summary {
  display: grid !important;
  grid-column: 1 !important;
}

body.player-desktop-mode .player-clone-panel {
  grid-column: 2 !important;
  min-width: 0 !important;
  max-width: none !important;
}

body.player-desktop-mode.view-betting .bet-layout,
body.player-desktop-mode .player-clone-shell.view-betting .bet-layout,
body.player-desktop-mode .player-clone-shell.view-mobile .bet-layout,
body.player-desktop-mode .player-clone-shell.view-betting .source-bet-layout,
body.player-desktop-mode .player-clone-shell.view-mobile .source-bet-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.86fr) !important;
  gap: 14px !important;
}

body.player-desktop-mode .player-clone-shell.view-betting .source-bet-table,
body.player-desktop-mode .player-clone-shell.view-mobile .source-bet-table,
body.player-desktop-mode .player-clone-shell.view-betting .source-slip-table,
body.player-desktop-mode .player-clone-shell.view-mobile .source-slip-table {
  width: 100% !important;
  max-width: none !important;
}

@media (max-width: 760px) {
  body.player-desktop-mode:has(.player-clone-shell.view-betting),
  body.player-desktop-mode:has(.player-clone-shell.view-results),
  body.player-desktop-mode:has(.player-clone-shell.view-games) {
    min-width: 0;
    overflow-x: hidden;
  }

  body.player-desktop-mode:has(.player-clone-shell.view-betting) #app,
  body.player-desktop-mode:has(.player-clone-shell.view-betting) .player-clone-shell,
  body.player-desktop-mode:has(.player-clone-shell.view-betting) .player-topbar,
  body.player-desktop-mode:has(.player-clone-shell.view-betting) .player-clone-main,
  body.player-desktop-mode:has(.player-clone-shell.view-results) #app,
  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-clone-shell,
  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-topbar,
  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-clone-main,
  body.player-desktop-mode:has(.player-clone-shell.view-games) #app,
  body.player-desktop-mode:has(.player-clone-shell.view-games) .player-clone-shell,
  body.player-desktop-mode:has(.player-clone-shell.view-games) .player-topbar,
  body.player-desktop-mode:has(.player-clone-shell.view-games) .player-clone-main {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body.player-desktop-mode:has(.player-clone-shell.view-betting) .player-clone-inner,
  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-clone-inner,
  body.player-desktop-mode:has(.player-clone-shell.view-games) .player-clone-inner {
    width: calc(100% - 20px) !important;
    min-width: 0;
  }

  body.player-desktop-mode:has(.player-clone-shell.view-betting) .player-paper,
  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-paper,
  body.player-desktop-mode:has(.player-clone-shell.view-games) .player-paper {
    padding: 12px 12px 56px !important;
  }

  body.player-desktop-mode:has(.player-clone-shell.view-betting) .player-menu,
  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-menu,
  body.player-desktop-mode:has(.player-clone-shell.view-games) .player-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  body.player-desktop-mode:has(.player-clone-shell.view-betting) .player-clone-content,
  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-clone-content,
  body.player-desktop-mode:has(.player-clone-shell.view-games) .player-clone-content {
    grid-template-columns: 1fr !important;
  }

  body.player-desktop-mode .player-clone-shell.view-betting .source-bet-layout,
  body.player-desktop-mode .player-clone-shell.view-mobile .source-bet-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.player-desktop-mode .player-clone-shell.view-betting .source-bet-left,
  body.player-desktop-mode .player-clone-shell.view-betting .source-slip-right,
  body.player-desktop-mode .player-clone-shell.view-mobile .source-bet-left,
  body.player-desktop-mode .player-clone-shell.view-mobile .source-slip-right {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body.player-desktop-mode:has(.player-clone-shell.view-betting) .player-summary,
  body.player-desktop-mode:has(.player-clone-shell.view-betting) .player-clone-panel,
  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-summary,
  body.player-desktop-mode:has(.player-clone-shell.view-results) .player-clone-panel,
  body.player-desktop-mode:has(.player-clone-shell.view-games) .player-summary,
  body.player-desktop-mode:has(.player-clone-shell.view-games) .player-clone-panel {
    grid-column: auto !important;
    max-width: 100% !important;
  }
}

.player-clone-shell.view-betting .source-bet-table input.is-closed,
.player-clone-shell.view-betting .source-bet-table input:disabled {
  background: #e1e1e1;
  border-color: #c7c7c7;
  color: #64748b;
  cursor: not-allowed;
  opacity: 1;
}

.agent-empty-panel {
  min-height: 180px;
  display: grid;
  place-items: center;
  gap: 8px;
  padding: 44px 24px;
  border: 1px dashed #9fb5b3;
  background: #f7fbfb;
  color: #14313a;
  text-align: center;
}

.agent-empty-panel strong {
  font-size: 20px;
}

.agent-empty-panel p {
  margin: 0;
  color: #5b6876;
}

.yeekee-page {
  display: grid;
  gap: 14px;
  color: #13263a;
}

.yeekee-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: end;
  padding: 16px;
  border-radius: 8px;
  background: linear-gradient(135deg, #0f766e, #245c8a);
  color: #fff;
}

.yeekee-header h2,
.yeekee-header p {
  margin: 0;
}

.yeekee-header label {
  display: grid;
  gap: 6px;
  min-width: 170px;
  font-weight: 800;
}

.yeekee-kicker {
  display: inline-block;
  margin-bottom: 4px;
  color: #ccfbf1;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
}

.yeekee-layout {
  display: grid;
  grid-template-columns: minmax(230px, 0.32fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.yeekee-side,
.yeekee-main {
  display: grid;
  gap: 14px;
}

.yeekee-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid #d9e5e8;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}

.yeekee-card h3,
.yeekee-card h4,
.yeekee-card p {
  margin: 0;
}

.yeekee-rules ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 20px;
}

.yeekee-rules small {
  color: #64748b;
  font-weight: 800;
}

.yeekee-summary div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  border-bottom: 1px solid #edf2f7;
}

.yeekee-summary span {
  color: #64748b;
}

.yeekee-section-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.yeekee-section-head p,
.yeekee-section-head span {
  margin: 0;
  color: #64748b;
  font-weight: 800;
}

.yeekee-round-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  max-height: 430px;
  overflow: auto;
  padding: 2px 4px 2px 0;
}

.yeekee-round-card {
  display: grid;
  grid-template-rows: auto auto auto 1fr auto;
  gap: 5px;
  min-width: 0;
  min-height: 132px;
  overflow: hidden;
  padding: 12px 12px 10px;
  border: 1px solid #0d5f55;
  border-radius: 8px;
  background: linear-gradient(180deg, #168170 0, #0f6258 100%);
  color: #fff;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.yeekee-round-card.open {
  border-color: #39d0ab;
  background: linear-gradient(180deg, #168a73 0, #0b6558 100%);
  cursor: pointer;
}

.yeekee-round-card.closed {
  border-color: #7d9a94;
  background: linear-gradient(180deg, #3c6c64 0, #294e49 100%);
  opacity: 0.78;
  cursor: default;
}

.yeekee-round-card.resulted {
  border-color: #8fa7a1;
  background: linear-gradient(180deg, #4c6762 0, #344a47 100%);
  opacity: 0.72;
  cursor: default;
}

.yeekee-round-card.active {
  outline: 3px solid rgba(251, 146, 60, 0.28);
  border-color: #f59e0b;
  box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.4), 0 10px 22px rgba(15, 23, 42, 0.18);
}

.yeekee-round-card.open:hover,
.yeekee-round-card.open:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.18);
}

.yeekee-round-card strong {
  overflow: hidden;
  color: #fff;
  font-size: 19px;
  font-weight: 900;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.yeekee-round-card span,
.yeekee-round-card em {
  overflow: hidden;
  font-size: 11px;
  font-style: normal;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.yeekee-round-card span {
  color: #f6a23b;
  font-weight: 900;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
}

.yeekee-round-card b {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.88);
  font-size: 12px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.yeekee-round-card small {
  display: block;
  align-self: end;
  min-width: 0;
  overflow: hidden;
  margin: 4px -6px -4px;
  padding: 7px 8px;
  border-radius: 5px;
  background: #eef7f4;
  color: #0e514a;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.yeekee-round-card.scheduled small::before {
  content: "เปิดใน ";
}

.yeekee-round-card.open small::before {
  content: "ปิดรับใน ";
}

.yeekee-round-card.closed small::before {
  content: "รอผล ";
}

.yeekee-round-card.shooting small::before {
  content: "รอผล ";
}

.yeekee-round-card.resulted small {
  background: #e5e7eb;
  color: #475569;
}

.yeekee-round-card em {
  color: rgba(255, 255, 255, 0.75);
  font-weight: 800;
}

.yeekee-shot-form {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.yeekee-shot-form label {
  display: grid;
  gap: 6px;
  color: #334155;
  font-weight: 900;
}

.yeekee-shot-form small {
  grid-column: 1 / -1;
  color: #64748b;
}

.yeekee-readiness {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.yeekee-readiness div {
  display: grid;
  gap: 3px;
  padding: 10px;
  border-radius: 8px;
  background: #f1f5f9;
}

.yeekee-readiness span {
  color: #64748b;
  font-size: 12px;
}

.yeekee-shot-list {
  display: grid;
  gap: 8px;
}

.yeekee-shot-row {
  display: grid;
  grid-template-columns: 48px 72px minmax(0, 1fr) minmax(130px, auto);
  gap: 8px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
}

.yeekee-shot-row.mine {
  border-color: #14b8a6;
  background: #f0fdfa;
}

.yeekee-shot-row strong {
  font-family: Consolas, monospace;
  letter-spacing: 0;
}

.yeekee-chooser-header {
  display: none;
  gap: 10px;
}

.yeekee-chooser-header p {
  display: none;
}

.yeekee-chooser-stack {
  display: grid;
  gap: 10px;
}

.yeekee-chooser-stack .yeekee-rules {
  background: #f8fbfa;
}

.yeekee-chooser-stack .yeekee-rules-expanded {
  display: block;
  padding: 18px 24px;
  border-color: #cbd5df;
  background: #f5f7fa;
  color: #020617;
  font-weight: 700;
}

.yeekee-rules-expanded .yeekee-rules-section + .yeekee-rules-section {
  margin-top: 22px;
}

.yeekee-card.yeekee-rules-expanded h3 {
  margin: 0 0 4px;
  color: #020617;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
}

.yeekee-chooser-stack .yeekee-rules ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.yeekee-chooser-stack .yeekee-rules-expanded ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  margin: 0;
  padding-left: 18px;
}

.yeekee-card.yeekee-rules-expanded li,
.yeekee-card.yeekee-rules-expanded p {
  color: #020617;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}

.yeekee-rule-example {
  margin-top: 6px;
  padding-left: 18px;
}

.yeekee-rule-example p {
  margin: 0;
  line-height: 1.5;
}

.yeekee-rule-highlight {
  font-weight: 900;
}

.yeekee-rule-highlight.success {
  color: #16a34a;
}

.yeekee-rule-highlight.danger {
  color: #ef4444;
}

.yeekee-rule-highlight.info {
  color: #0284c7;
}

.yeekee-rules-note {
  margin: 26px 0 0;
}

.yeekee-chooser-stack .yeekee-rules p,
.yeekee-chooser-stack .yeekee-rules small {
  color: #52645f;
}

.yeekee-chooser-stack .yeekee-rules-expanded p {
  color: #020617;
}

.yeekee-play-page {
  display: grid;
  gap: 10px;
  color: #111827;
}

.yeekee-play-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid #cad7d3;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
}

.yeekee-play-header h2,
.yeekee-play-header p {
  margin: 0;
}

.yeekee-play-header span {
  color: #0f766e;
  font-size: 11px;
  font-weight: 900;
}

.yeekee-play-header h2 {
  font-size: 20px;
  line-height: 1.2;
}

.yeekee-play-header p {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.yeekee-play-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.yeekee-play-layout .source-bet-left,
.yeekee-play-side {
  min-width: 0;
}

.yeekee-play-side {
  display: grid;
  gap: 8px;
}

.yeekee-shoot-panel {
  display: grid;
  gap: 8px;
}

.yeekee-play-tabs {
  margin: 0;
}

.yeekee-play-tabs button {
  min-height: 30px;
  padding: 5px 6px;
  font-size: 11px;
  line-height: 1.2;
  text-overflow: clip;
  white-space: normal;
}

.yeekee-source-panel {
  min-width: 0;
  overflow: hidden;
}

.yeekee-source-panel .source-draw-nav {
  grid-template-columns: 30px minmax(0, 1fr) 30px;
}

.yeekee-source-panel .source-draw-filter {
  grid-template-columns: minmax(0, 1fr);
}

.yeekee-fixed-draw {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.yeekee-source-panel .source-import-panel {
  min-width: 0;
}

.yeekee-source-panel .source-slip-table-wrap {
  max-width: 100%;
  overflow: hidden;
}

.yeekee-source-panel .source-slip-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

.yeekee-source-panel .source-slip-table th,
.yeekee-source-panel .source-slip-table td {
  padding: 5px 3px;
  font-size: 12px;
  line-height: 1.25;
  overflow: hidden;
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
}

.yeekee-source-panel .source-submitted-slip-table th:nth-child(1) { width: 23%; }
.yeekee-source-panel .source-submitted-slip-table th:nth-child(2) { width: 21%; }
.yeekee-source-panel .source-submitted-slip-table th:nth-child(3) { width: 17%; }
.yeekee-source-panel .source-submitted-slip-table th:nth-child(4) { width: 15%; }
.yeekee-source-panel .source-submitted-slip-table th:nth-child(5) { width: 14%; }
.yeekee-source-panel .source-submitted-slip-table th:nth-child(6) { width: 10%; }

.yeekee-source-panel .source-summary-table th:nth-child(1) { width: 15%; }
.yeekee-source-panel .source-summary-table th:nth-child(2) { width: 35%; }
.yeekee-source-panel .source-summary-table th:nth-child(3),
.yeekee-source-panel .source-summary-table th:nth-child(4),
.yeekee-source-panel .source-summary-table th:nth-child(5) { width: 16.66%; }

.yeekee-source-panel .source-submitted-slip-table td:nth-child(1),
.yeekee-source-panel .source-submitted-slip-table td:nth-child(4),
.yeekee-source-panel .source-submitted-slip-table td:nth-child(5),
.yeekee-source-panel .source-submitted-slip-table td:nth-child(6) {
  font-size: 11px;
}

.yeekee-source-panel .source-slip-table tfoot td {
  font-size: 12px;
}

.yeekee-play-layout .source-rate-box {
  gap: 7px;
  min-height: 118px;
  padding: 12px 16px;
}

.yeekee-play-layout .source-rate-box label {
  gap: 6px;
  font-size: 13px;
}

.yeekee-play-layout .source-check-grid {
  gap: 3px 12px;
  margin: 10px 0 8px;
  font-size: 12px;
}

.yeekee-play-layout .source-table-title {
  margin-bottom: 3px;
  font-size: 13px;
}

.yeekee-play-layout .source-table-wrap {
  overflow-x: visible;
  overflow-y: visible;
}

.yeekee-play-layout .source-bet-table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  table-layout: fixed;
}

.yeekee-play-layout .source-bet-table th {
  padding: 4px 2px;
  font-size: 10px;
  line-height: 1.2;
}

.yeekee-play-layout .source-bet-table td {
  padding: 2px 1px;
}

.yeekee-play-layout .source-bet-table input {
  min-height: 23px;
  padding: 2px 3px;
  font-size: 11px;
}

.yeekee-play-layout .source-row-no {
  left: -19px;
  width: 16px;
  font-size: 11px;
}

.yeekee-play-layout .source-dash-row td {
  height: 23px;
  font-size: 14px;
}

.yeekee-play-layout .source-bet-table th:first-child,
.yeekee-play-layout .source-bet-table td:first-child {
  width: 25%;
}

.yeekee-play-layout .source-bet-table th:nth-child(2),
.yeekee-play-layout .source-bet-table td:nth-child(2),
.yeekee-play-layout .source-bet-table th:nth-child(3),
.yeekee-play-layout .source-bet-table td:nth-child(3),
.yeekee-play-layout .source-bet-table th:nth-child(4),
.yeekee-play-layout .source-bet-table td:nth-child(4) {
  width: 22%;
}

.yeekee-play-layout .source-bet-table th:last-child,
.yeekee-play-layout .source-bet-table td:last-child {
  width: 9%;
  min-width: 0;
}

.yeekee-play-layout .source-delete {
  max-width: 24px;
  min-height: 22px;
  font-size: 14px;
}

.yeekee-play-layout .source-add-row {
  min-height: 30px;
  padding-inline: 2px;
  font-size: 10px;
}

.yeekee-play-layout .source-note {
  margin-bottom: 6px;
  font-size: 12px;
}

.yeekee-play-layout .source-total {
  margin: 3px 0;
  font-size: 17px;
}

.yeekee-play-layout .source-total small {
  font-size: 12px;
}

.yeekee-play-layout .source-submit,
.yeekee-play-layout .source-reset {
  min-height: 28px;
  padding: 4px 8px;
  font-size: 12px;
}

.yeekee-play-side .yeekee-card {
  gap: 6px;
  padding: 8px;
}

.yeekee-play-side .yeekee-section-head {
  gap: 8px;
}

.yeekee-play-side .yeekee-card h3 {
  font-size: 14px;
  line-height: 1.2;
}

.yeekee-shoot-reference {
  gap: 10px;
  padding: 0 0 10px !important;
  overflow: hidden;
  border: 1px solid #d1d5db;
  background: #fff;
}

.yeekee-shoot-title-bar {
  display: grid;
  min-height: 34px;
  place-items: center;
  padding: 6px 10px;
  background: #e5e7eb;
  color: #111827;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
}

.yeekee-shoot-reference .yeekee-play-times {
  padding: 0 12px;
}

.yeekee-shoot-reference .yeekee-play-times div {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: center;
  padding: 2px 0;
  background: transparent;
  color: #0f766e;
  text-align: center;
}

.yeekee-shoot-reference .yeekee-play-times span,
.yeekee-shoot-reference .yeekee-play-times small {
  color: #0f766e;
  font-size: 12px;
  font-weight: 900;
}

.yeekee-shoot-reference .yeekee-live-total {
  justify-items: center;
  padding: 4px 12px 8px;
  border: 0;
  background: transparent;
  text-align: center;
}

.yeekee-shoot-reference .yeekee-live-total span {
  color: #111827;
  font-size: 13px;
}

.yeekee-shoot-reference .yeekee-live-total strong {
  color: #0f172a;
  font-size: 48px;
  line-height: 0.95;
}

.yeekee-shoot-reference .yeekee-live-total small {
  color: #64748b;
  font-size: 11px;
}

.yeekee-shoot-reference .yeekee-shot-form {
  grid-template-columns: 1fr;
  padding: 0 12px;
}

.yeekee-shoot-reference .yeekee-shot-form label {
  font-size: 12px;
}

.yeekee-shoot-reference .yeekee-shot-form input,
.yeekee-shoot-reference .yeekee-shot-form .primary {
  width: 100%;
  min-height: 38px;
}

.yeekee-shoot-reference .yeekee-shot-form .primary {
  background: #1f2937;
  color: #fff;
}

.yeekee-shoot-reference .yeekee-shot-form small {
  text-align: center;
}

.yeekee-play-times {
  display: grid;
  gap: 5px;
}

.yeekee-play-times div {
  display: grid;
  grid-template-columns: minmax(72px, 0.62fr) minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 5px 6px;
  border-radius: 5px;
  background: #f8fafc;
  font-size: 11px;
}

.yeekee-play-times span {
  color: #475569;
  font-weight: 900;
}

.yeekee-play-times strong,
.yeekee-play-times small {
  color: #0f172a;
  font-weight: 900;
}

.yeekee-live-total {
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid #b7d7cd;
  border-radius: 6px;
  background: #e8f7f2;
}

.yeekee-live-total span,
.yeekee-result-main span,
.yeekee-result-grid span,
.yeekee-result-waiting {
  color: #315b55;
  font-size: 12px;
  font-weight: 900;
}

.yeekee-live-total strong {
  color: #0b635a;
  font-size: 24px;
  line-height: 1;
}

.yeekee-play-side .yeekee-readiness {
  gap: 5px;
}

.yeekee-play-side .yeekee-readiness div {
  padding: 5px;
  border-radius: 5px;
}

.yeekee-play-side .yeekee-readiness span {
  font-size: 9px;
  line-height: 1.25;
}

.yeekee-play-side .yeekee-readiness strong {
  font-size: 12px;
  line-height: 1.2;
}

.yeekee-play-side .yeekee-shot-form {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
}

.yeekee-play-side .yeekee-shot-form label {
  gap: 4px;
  font-size: 12px;
}

.yeekee-play-side .yeekee-shot-form input,
.yeekee-play-side .yeekee-shot-form .primary {
  min-height: 32px;
  padding: 5px 8px;
}

.yeekee-play-side .yeekee-shot-form small {
  font-size: 11px;
  line-height: 1.35;
}

.yeekee-play-side .yeekee-shoot-reference .yeekee-shot-form {
  grid-template-columns: 1fr;
}

.yeekee-play-side .yeekee-shoot-reference .yeekee-shot-form small {
  text-align: center;
}

.yeekee-live-total small {
  color: #4f6f68;
  font-weight: 800;
}

.yeekee-result-board {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid #d7b24a;
  border-radius: 6px;
  background: #fff8df;
}

.yeekee-result-main {
  display: grid;
  gap: 2px;
  text-align: center;
}

.yeekee-result-main strong {
  color: #7a4a00;
  font-family: Consolas, monospace;
  font-size: 34px;
  line-height: 1;
  letter-spacing: 0;
}

.yeekee-result-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.yeekee-result-grid div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.75);
}

.yeekee-result-grid strong {
  overflow: hidden;
  color: #111827;
  font-family: Consolas, monospace;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.yeekee-result-waiting {
  padding: 10px;
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
  background: #f8fafc;
}

.yeekee-play-side .yeekee-shot-row {
  grid-template-columns: 38px 64px minmax(0, 1fr);
  font-size: 11px;
}

.yeekee-play-side .yeekee-shot-row time {
  grid-column: 2 / -1;
}

.yeekee-shot-table-wrap {
  overflow-x: auto;
}

.yeekee-shot-table {
  width: 100%;
  min-width: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
}

.yeekee-shot-table th,
.yeekee-shot-table td {
  padding: 7px 6px;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
  white-space: nowrap;
}

.yeekee-shot-table th {
  background: #0f766e;
  color: #fff;
  font-weight: 900;
}

.yeekee-shot-table td {
  color: #334155;
}

.yeekee-shot-table .yeekee-shot-empty {
  padding: 14px 8px;
  color: #64748b;
  text-align: center;
}

.yeekee-shot-table strong {
  color: #0f172a;
  font-family: Consolas, monospace;
  letter-spacing: 0;
}

.yeekee-shot-table tr.mine td {
  background: #f0fdfa;
}

.yeekee-shot-table tr.selected td {
  background: #fff3c4;
  color: #7a4a00;
  font-weight: 900;
}

@media (max-width: 980px) {
  .yeekee-play-layout,
  .yeekee-play-header {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1240px) {
  body.player-desktop-mode:has(.yeekee-play-page) {
    min-width: 0;
    overflow-x: hidden;
  }

  body.player-desktop-mode:has(.yeekee-play-page) #app,
  body.player-desktop-mode:has(.yeekee-play-page) .player-clone-shell,
  body.player-desktop-mode:has(.yeekee-play-page) .player-topbar,
  body.player-desktop-mode:has(.yeekee-play-page) .player-clone-main {
    min-width: 0;
    width: 100%;
  }

  body.player-desktop-mode:has(.yeekee-play-page) .player-clone-inner {
    min-width: 0;
    width: min(100% - 24px, 1456px) !important;
  }

  body.player-desktop-mode:has(.yeekee-play-page) .player-paper {
    padding: 16px 16px 72px !important;
  }

  body.player-desktop-mode:has(.yeekee-play-page) .player-menu {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  body.player-desktop-mode:has(.yeekee-play-page) .player-clone-content {
    grid-template-columns: 230px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .yeekee-play-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

@media (max-width: 980px) {
  .yeekee-play-layout {
    grid-template-columns: 1fr;
  }
}

.yeekee-shot-row small,
.yeekee-shot-row time {
  overflow: hidden;
  color: #64748b;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 980px) {
  body.player-desktop-mode:has(.yeekee-page) {
    min-width: 0;
    overflow-x: hidden;
  }

  body.player-desktop-mode:has(.yeekee-play-page) {
    min-width: 0;
    overflow-x: hidden;
  }

  body.player-desktop-mode:has(.yeekee-page) #app,
  body.player-desktop-mode:has(.yeekee-page) .player-clone-shell,
  body.player-desktop-mode:has(.yeekee-page) .player-topbar,
  body.player-desktop-mode:has(.yeekee-page) .player-clone-main,
  body.player-desktop-mode:has(.yeekee-play-page) #app,
  body.player-desktop-mode:has(.yeekee-play-page) .player-clone-shell,
  body.player-desktop-mode:has(.yeekee-play-page) .player-topbar,
  body.player-desktop-mode:has(.yeekee-play-page) .player-clone-main {
    min-width: 0;
    width: 100%;
  }

  body.player-desktop-mode:has(.yeekee-page) .player-clone-inner,
  body.player-desktop-mode:has(.yeekee-play-page) .player-clone-inner {
    min-width: 0;
    width: min(100% - 24px, 1456px) !important;
  }

  body.player-desktop-mode:has(.yeekee-page) .player-paper,
  body.player-desktop-mode:has(.yeekee-play-page) .player-paper {
    padding: 16px 16px 72px !important;
  }

  body.player-desktop-mode:has(.yeekee-page) .player-menu,
  body.player-desktop-mode:has(.yeekee-play-page) .player-menu {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  body.player-desktop-mode:has(.yeekee-page) .player-clone-content,
  body.player-desktop-mode:has(.yeekee-play-page) .player-clone-content {
    grid-template-columns: 1fr !important;
  }

  body.player-desktop-mode:has(.yeekee-page) .player-summary,
  body.player-desktop-mode:has(.yeekee-page) .player-clone-panel,
  body.player-desktop-mode:has(.yeekee-play-page) .player-summary,
  body.player-desktop-mode:has(.yeekee-play-page) .player-clone-panel {
    grid-column: 1 !important;
  }

  .yeekee-layout {
    grid-template-columns: 1fr;
  }

  .yeekee-round-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .yeekee-header {
    align-items: stretch;
    flex-direction: column;
  }

  .yeekee-readiness {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  body.player-desktop-mode:has(.yeekee-page) .player-menu,
  body.player-desktop-mode:has(.yeekee-play-page) .player-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .yeekee-round-grid {
    grid-template-columns: 1fr;
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }

  .yeekee-round-card {
    min-height: 118px;
  }

  .yeekee-shot-form,
  .yeekee-shot-row {
    grid-template-columns: 1fr;
  }
}

.yeekee-page {
  max-width: 1180px;
  margin: 0 auto;
  gap: 0;
}

.yeekee-container {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #cad7d3;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.yeekee-header {
  align-items: center;
  padding: 8px 10px;
  border: 1px solid #dbe5e2;
  border-radius: 5px;
  background: #f8fbfa;
  color: #14342f;
}

.yeekee-header h2 {
  font-size: 18px;
  line-height: 1.15;
}

.yeekee-header p {
  font-size: 12px;
  color: #65756f;
}

.yeekee-header label {
  min-width: 142px;
  gap: 4px;
  font-size: 12px;
}

.yeekee-header input {
  min-height: 32px;
  padding: 5px 8px;
}

.yeekee-kicker {
  margin-bottom: 1px;
  color: #0f766e;
  font-size: 10px;
}

.yeekee-layout {
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 10px;
}

.yeekee-side,
.yeekee-main {
  gap: 10px;
}

.yeekee-card {
  gap: 8px;
  padding: 10px;
  border-color: #d7e2df;
  border-radius: 5px;
  box-shadow: none;
}

.yeekee-card h3 {
  font-size: 15px;
  line-height: 1.2;
}

.yeekee-card h4 {
  font-size: 13px;
}

.yeekee-card p,
.yeekee-card li,
.yeekee-card small {
  font-size: 12px;
  line-height: 1.35;
}

.yeekee-rules ul {
  gap: 4px;
  padding-left: 16px;
}

.yeekee-summary div {
  padding: 4px 0;
  font-size: 12px;
}

.yeekee-section-head {
  gap: 8px;
  align-items: start;
}

.yeekee-section-head p,
.yeekee-section-head span {
  font-size: 12px;
}

.yeekee-round-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px 18px;
  align-items: stretch;
  max-height: none;
  overflow: visible;
  padding: 0;
}

.yeekee-round-card {
  grid-template-rows: auto auto 1fr;
  justify-items: stretch;
  min-height: 80px;
  padding: 9px 11px 7px;
  gap: 4px;
  border-radius: 5px;
  background: #1b786f;
  text-align: center;
}

.yeekee-round-card strong {
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
}

.yeekee-round-card span,
.yeekee-round-card em {
  font-size: 11px;
}

.yeekee-round-card small {
  align-self: end;
  margin: 5px 0 0;
  padding: 4px 6px;
  border-radius: 0;
  background: #f2f2f2;
  color: #111827;
  font-size: 12px;
}

.yeekee-detail {
  align-content: start;
}

.yeekee-side .yeekee-shot-form {
  grid-template-columns: 1fr auto;
  gap: 6px;
}

.yeekee-side .yeekee-shot-form label {
  gap: 4px;
  font-size: 12px;
}

.yeekee-side .yeekee-shot-form input {
  min-height: 34px;
  padding: 6px 8px;
}

.yeekee-side .yeekee-shot-form .primary {
  min-height: 34px;
  padding: 6px 10px;
}

.yeekee-side .yeekee-readiness {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.yeekee-readiness div {
  padding: 7px;
  border-radius: 5px;
}

.yeekee-readiness span {
  font-size: 10px;
}

.yeekee-readiness strong {
  font-size: 12px;
}

.yeekee-shot-list {
  gap: 6px;
}

.yeekee-side .yeekee-shot-row {
  grid-template-columns: 34px 58px minmax(0, 1fr);
  gap: 5px;
  padding: 6px;
  border-radius: 5px;
  font-size: 11px;
}

.yeekee-side .yeekee-shot-row time {
  grid-column: 2 / -1;
}

@media (max-width: 980px) {
  .yeekee-page {
    max-width: 100%;
  }

  .yeekee-layout {
    grid-template-columns: 1fr;
  }

  .yeekee-round-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .yeekee-side .yeekee-shot-row {
    grid-template-columns: 42px 70px minmax(0, 1fr) minmax(120px, auto);
  }

  .yeekee-side .yeekee-shot-row time {
    grid-column: auto;
  }
}

@media (max-width: 620px) {
  .yeekee-chooser-stack .yeekee-rules ul {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .yeekee-container {
    padding: 8px;
  }

  .yeekee-header {
    align-items: stretch;
    flex-direction: column;
  }

  .yeekee-round-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .yeekee-side .yeekee-shot-form,
  .yeekee-side .yeekee-shot-row {
    grid-template-columns: 1fr;
  }

  .yeekee-side .yeekee-shot-row time {
    grid-column: auto;
  }
}

@media (min-width: 761px) and (max-width: 980px) {
  body.desktop-mode:has(.agent-take-list-page),
  body.desktop-mode:has(.agent-take-list-page) #app {
    min-width: 0;
    overflow-x: hidden;
  }

  body.desktop-mode:has(.agent-take-list-page) .agent-clone-shell {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: var(--agent-sidebar-width) minmax(0, 1fr);
  }

  body.desktop-mode:has(.agent-take-list-page) .agent-clone-sidebar {
    position: sticky;
    width: var(--agent-sidebar-width);
    min-width: var(--agent-sidebar-width);
  }

  body.desktop-mode:has(.agent-take-list-page) .agent-clone-main,
  body.desktop-mode:has(.agent-take-list-page) .agent-clone-page {
    width: 100%;
    min-width: 0;
  }

  body.desktop-mode:has(.agent-take-list-page) .agent-clone-topbar {
    max-width: none;
    overflow-x: visible;
  }

  body.desktop-mode:has(.agent-take-list-page) .agent-take-list-card,
  body.desktop-mode:has(.agent-take-list-page) .agent-take-list-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow: visible !important;
  }
}

/* Member settings use one page scrollbar, with widths suited to each tab. */
body.desktop-mode:has(.agent-general-card) {
  min-width: 0;
  overflow-x: auto;
}

body.desktop-mode:has(.agent-general-card) #app,
.agent-clone-shell:has(.agent-general-card),
.agent-clone-main:has(.agent-general-card) {
  min-width: 0;
  overflow: visible;
}

.agent-clone-page:has(.agent-general-card) {
  --agent-content-width: 1200px;
  width: 100%;
  min-width: 1000px;
  grid-template-columns: minmax(0, 1200px);
  justify-content: center;
  padding-right: 24px;
  padding-left: 24px;
}

.agent-clone-page:has(.agent-password-table) { min-width: 640px; }
.agent-clone-page:has(.agent-share-table) { min-width: 1080px; }

.agent-general-card,
.agent-general-card .agent-widget,
.agent-general-card .agent-widget-body,
.agent-general-card .agent-table-wrap {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}

.agent-general-card { grid-template-columns: minmax(0, 1fr); }
.agent-general-toolbar { flex-wrap: wrap; gap: 8px; }
.agent-general-card .agent-filterbar { margin-right: 0; }
.agent-general-card .agent-filterbar label:first-child select { width: 78px; }
.agent-general-card .agent-filterbar label:last-child select { width: 168px; }

.agent-general-card .agent-member-table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.agent-general-card .agent-general-info-table :is(th, td):nth-child(1) { width: 3%; }
.agent-general-card .agent-general-info-table :is(th, td):nth-child(2) { width: 9%; }
.agent-general-card .agent-general-info-table :is(th, td):nth-child(3) { width: 6%; }
.agent-general-card .agent-general-info-table :is(th, td):nth-child(4) { width: 11%; }
.agent-general-card .agent-general-info-table :is(th, td):nth-child(5) { width: 10%; }
.agent-general-card .agent-general-info-table :is(th, td):nth-child(6) { width: 7%; }
.agent-general-card .agent-general-info-table :is(th, td):nth-child(7) { width: 6%; }
.agent-general-card .agent-general-info-table :is(th, td):nth-child(8) { width: 8%; }
.agent-general-card .agent-general-info-table :is(th, td):nth-child(9),
.agent-general-card .agent-general-info-table :is(th, td):nth-child(10) { width: 9%; }
.agent-general-card .agent-general-info-table :is(th, td):nth-child(11) { width: 12%; }

.agent-general-card .agent-password-table :is(th, td):nth-child(1) { width: 4%; }
.agent-general-card .agent-password-table :is(th, td):nth-child(2) { width: 17%; }
.agent-general-card .agent-password-table :is(th, td):nth-child(3) { width: 12%; }
.agent-general-card .agent-password-table :is(th, td):nth-child(4) { width: 26%; }
.agent-general-card .agent-password-table :is(th, td):nth-child(5) { width: 29%; }
.agent-general-card .agent-password-table :is(th, td):nth-child(6) { width: 12%; }

.agent-general-card .agent-member-table :is(th, td) {
  white-space: normal;
  overflow-wrap: anywhere;
}

.agent-general-card .agent-member-table td { height: 44px; }
.agent-general-card .agent-general-info-table .agent-mini-save + .agent-mini-save {
  margin-top: 4px;
}
.agent-general-card > .alert {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.agent-general-card [data-general-retry] {
  min-height: 28px;
  margin: 4px;
  padding: 4px 8px;
}
.agent-general-card tr[data-member-status="suspended"] td { background: #fff3c4; }
.agent-general-card tr[data-member-status="locked"] td { background: #ffe1df; }
.agent-general-card .agent-share-gov-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}
.agent-general-card .agent-share-contract-pending td:nth-child(7) .agent-share-gov-controls .agent-compact-select {
  display: block;
  flex: 1 1 180px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  font-size: 12px;
}
.agent-general-card :is(input, select) { background-color: #fff; color: #111827; }
.agent-general-card .agent-member-table :is(button, input, select):disabled {
  background-color: #e5e7eb;
  color: #626b72;
  cursor: not-allowed;
}
.agent-general-card :is(button, input, select):focus-visible {
  outline: 2px solid #d58b00;
  outline-offset: 2px;
}

@media (max-width: 980px) {
  .agent-clone-page:has(.agent-general-card) { padding-right: 14px; padding-left: 14px; }
  .agent-clone-main:has(.agent-general-card) .agent-clone-topbar {
    max-width: none;
    flex-wrap: wrap;
    overflow: visible;
    white-space: normal;
  }
}

/* Availability tables share one page scrollbar, including the optional matrix. */
body.desktop-mode:has(.agent-availability-card) {
  min-width: 0;
  overflow-x: auto;
}

body.desktop-mode:has(.agent-availability-card) #app,
.agent-clone-shell:has(.agent-availability-card),
.agent-clone-main:has(.agent-availability-card) {
  min-width: 0;
  overflow: visible;
}

.agent-clone-page:has(.agent-availability-card) {
  --agent-content-width: 1200px;
  width: 100%;
  min-width: 568px;
  grid-template-columns: minmax(0, 1200px);
  justify-content: center;
  padding-right: 24px;
  padding-left: 24px;
}

.agent-clone-page:has(.agent-availability-card.matrix-visible) {
  min-width: 1080px;
}

.agent-availability-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  width: 100%;
  min-width: 0;
  margin-bottom: 18px;
  padding: 14px 14px 22px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(18, 26, 36, 0.14);
}

.agent-availability-card .agent-note {
  width: 100%;
  margin: 0 0 14px;
  padding: 12px 16px;
  border: 1px solid #d8dee8;
  border-radius: 3px;
  background: #f5f6f8;
  font-size: 12px;
  line-height: 1.5;
}

.agent-availability-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin: 0 0 10px;
  font-size: 12px;
}

.agent-availability-toolbar,
.agent-availability-modes,
.agent-availability-catalog-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

.agent-availability-toolbar {
  justify-content: space-between;
  align-items: end;
  gap: 8px;
  font-size: 12px;
}

.agent-availability-toolbar > label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.agent-availability-modes {
  margin-right: auto;
}

.agent-availability-modes button {
  min-height: 32px;
  padding: 6px 10px;
  border: 0;
  border-radius: 3px 3px 0 0;
  background: #303335;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.agent-availability-modes button.active,
.agent-availability-catalog-tabs button.active {
  background: #19776d;
  color: #fff;
}

.agent-availability-catalog-tabs {
  padding: 7px;
  background: #ededed;
}

.agent-availability-catalog-tabs:empty {
  display: none;
}

.agent-availability-card .agent-availability-matrix {
  margin-bottom: 14px;
}

.agent-availability-catalog-tabs button {
  max-width: 100%;
  min-height: 30px;
  padding: 5px 10px;
  border: 0;
  border-radius: 999px;
  background: #303335;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  white-space: normal;
  overflow-wrap: anywhere;
}

.agent-availability-catalog-tabs button.active {
  background: #19776d;
}

.agent-availability-card button:disabled,
.agent-availability-card select:disabled {
  opacity: 1;
  background: #e1e4e6;
  color: #626b72;
  cursor: not-allowed;
}

.agent-availability-card .agent-widget,
.agent-availability-card .agent-widget-body,
.agent-availability-card .agent-table-wrap,
.agent-availability-matrix {
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  border-radius: 0;
  box-shadow: none;
}

.agent-availability-card .agent-widget header {
  min-height: 34px;
  padding: 8px;
  background: #19776d;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.agent-availability-card .agent-availability-table,
table.agent-availability-matrix,
.agent-availability-matrix table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 12px;
}

.agent-availability-col-no { width: 34px; }
.agent-availability-col-user { width: 28%; }
.agent-availability-col-level { width: 16%; }
.agent-availability-col-check { width: 34px; }

.agent-availability-card th,
.agent-availability-card td {
  padding: 6px;
  border: 1px solid #a2abaa;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
}

.agent-availability-card th {
  background: #19776d;
  color: #fff;
  font-size: 12px;
}

.agent-availability-card td {
  height: 36px;
  color: #26323f;
}

.agent-availability-card .agent-link-button {
  max-width: 100%;
  min-height: 0;
  padding: 0;
  color: #096aa9;
  font-size: 12px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.agent-availability-card input[type="checkbox"] {
  width: 14px;
  height: 14px;
  min-height: 14px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.agent-availability-card select {
  width: auto;
  min-width: 0;
  max-width: 100%;
  min-height: 28px;
  padding: 3px 6px;
  border: 1px solid #cfd6df;
  background: #fff;
  color: #26323f;
  color-scheme: light;
  font-size: 12px;
}

.agent-availability-card .agent-mini-save {
  min-height: 28px;
  padding: 4px 9px;
  font-size: 12px;
}

.agent-availability-table thead button {
  min-height: 28px;
  padding: 4px 8px;
  font-size: 12px;
}

.agent-availability-table th select {
  display: block;
  margin: 4px auto 0;
}

.agent-availability-table td:nth-child(2) small {
  display: block;
  margin-top: 3px;
  color: #626b72;
}

.agent-availability-status {
  display: block;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}

.agent-availability-status[data-state="open"] { color: #176a43; }
.agent-availability-status[data-state="closed"] { color: #a72c28; }
.agent-availability-status[data-state="inherited"] { color: #775614; }

.agent-availability-card td[data-inherited-closed="true"] {
  background: #f3f0e7;
}

.agent-availability-effective,
.agent-availability-inherited {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}

.agent-availability-inherited {
  color: #775614;
}

.agent-availability-card .agent-availability-own {
  width: 100%;
}

.agent-availability-card tr[data-status="suspended"] td { background: #fff3c4; }
.agent-availability-card tr[data-status="locked"] td { background: #ffe1df; }

.agent-availability-card button:focus-visible,
.agent-availability-card input:focus-visible,
.agent-availability-card select:focus-visible {
  outline: 2px solid #d58b00;
  outline-offset: 2px;
}

@media (max-width: 980px) {
  .agent-clone-page:has(.agent-availability-card) {
    padding-right: 14px;
    padding-left: 14px;
  }

  .agent-clone-main:has(.agent-availability-card) .agent-clone-topbar {
    max-width: none;
    flex-wrap: wrap;
    overflow: visible;
    white-space: normal;
  }
}

/* Commission tables use the page as their only horizontal scroll owner. */
body.desktop-mode:has(.agent-page-commission) {
  min-width: 0;
  overflow-x: auto;
}

body.desktop-mode:has(.agent-page-commission) #app {
  min-width: 0;
  overflow: visible;
}

.agent-clone-shell:has(.agent-page-commission),
.agent-clone-main:has(.agent-page-commission) {
  min-width: 0;
  overflow: visible;
}

.agent-clone-page.agent-page-commission {
  --agent-content-width: 1200px;
  width: 100%;
  min-width: 808px;
  grid-template-columns: minmax(0, 1200px);
  padding-right: 24px;
  padding-left: 24px;
}

.agent-page-commission h1.agent-title-with-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-bottom: 24px;
}

.agent-commission-title-toolbar .agent-items-lookups {
  display: flex;
  flex-wrap: wrap;
  width: auto;
}

.agent-page-commission .agent-commission-title-toolbar {
  display: contents;
}

.agent-commission-title-toolbar .agent-items-lookups label {
  width: auto;
}

.agent-commission-title-toolbar .agent-items-lookups input {
  width: 170px;
}

.agent-commission-title-toolbar .agent-items-lookups label:first-child input {
  border: 1px solid #cfd6df;
  box-shadow: none;
}

.agent-commission-header-context {
  flex-basis: 100%;
  font-size: 12px;
  font-weight: 600;
}

.agent-page-commission .agent-commission-card {
  width: 100%;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  padding: 14px 14px 22px;
  overflow: visible;
}

.agent-commission-card .agent-note {
  padding: 12px 16px;
  font-weight: 500;
}

.agent-commission-card .agent-profile-tabs {
  flex-wrap: wrap;
}

.agent-commission-card .agent-profile-tabs button {
  min-height: 30px;
  padding: 0 10px;
  font-size: 13px;
}

.agent-commission-group-tabs {
  display: flex;
  flex-wrap: wrap;
  padding: 6px;
  border-top: 1px solid #ddd;
  background: #ededed;
}

.agent-commission-group-tabs .agent-limit-group-label {
  margin: 0;
  padding: 4px 11px;
  border-radius: 999px;
  background: #4a4f54;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.agent-page-commission .agent-commission-widget,
.agent-page-commission .agent-widget-body,
.agent-page-commission .agent-table-wrap {
  width: 100%;
  max-width: none;
  min-width: 0;
  overflow: visible;
}

.agent-commission-widget header {
  min-height: 34px;
  padding: 8px;
  font-size: 14px;
}

.agent-commission-card .agent-commission-col-no { width: 3%; }
.agent-commission-card .agent-commission-col-user { width: 18%; }
.agent-commission-card .agent-commission-col-level { width: 8%; }
.agent-commission-card .agent-commission-col-check { width: 3%; }
.agent-commission-card .agent-commission-col-rate { width: 8.5%; }

.agent-commission-card .agent-commission-table th,
.agent-commission-card .agent-commission-table td {
  padding: 5px 4px;
  font-size: 12px;
  vertical-align: middle;
}

.agent-commission-card .agent-commission-table input:not([type="checkbox"]) {
  width: 100%;
  min-width: 0;
  min-height: 26px;
  padding: 2px 3px;
  font-size: 12px;
}

.agent-commission-card .agent-commission-table input[type="checkbox"] {
  display: block;
  width: 14px;
  height: 14px;
  min-height: 14px;
  margin: 0 auto;
  padding: 0;
  vertical-align: middle;
}

.agent-commission-card .agent-commission-table .agent-commission-drill {
  min-height: 0;
  padding: 0;
  font-size: 12px;
}

.agent-commission-card .agent-commission-table tbody small {
  display: block;
  color: #526170;
  white-space: normal;
  overflow-wrap: anywhere;
  text-shadow: none;
  font-weight: 400;
}

.agent-commission-table .agent-commission-cap {
  min-height: 20px;
  padding: 0 2px;
  border: 0;
  border-radius: 2px;
  background: transparent;
  color: inherit;
  font-size: inherit;
  text-decoration: underline;
}

.agent-commission-card button:focus-visible,
.agent-commission-card input:focus-visible,
.agent-commission-card select:focus-visible {
  outline: 2px solid #d58b00;
  outline-offset: 2px;
}

.agent-commission-table tr[data-status="suspended"] td { background: #fff3c4; }
.agent-commission-table tr[data-status="locked"] td { background: #ffe1df; }

@media (max-width: 980px) {
  .agent-clone-page.agent-page-commission {
    min-width: 788px;
    padding-right: 14px;
    padding-left: 14px;
  }

  .agent-clone-main:has(.agent-page-commission) .agent-clone-topbar {
    max-width: none;
    flex-wrap: wrap;
    overflow: visible;
    white-space: normal;
  }
}

/* Only the overlay menu scrolls when it exceeds the available viewport height. */
:is(.player-topbar, .agent-clone-topbar)[data-topbar-games] > .topbar-game-picker {
  display: inline-flex;
  align-items: stretch;
  gap: 0;
  min-width: 0;
  padding: 0;
  border: 0;
  background: #fff;
}

.topbar-game-picker .player-topbar-game-lead,
.topbar-game-picker .player-topbar-game-button {
  min-height: 36px;
  padding: 0 10px;
  border: 0;
  border-radius: 0;
  cursor: pointer;
}

.topbar-game-picker .player-topbar-game-button span,
.topbar-game-picker .player-topbar-game-lead span {
  display: inline;
  min-height: 0;
  padding: 0;
  border: 0;
  color: inherit;
}

:is(.player-topbar, .agent-clone-topbar)[data-topbar-games].topbar-game-menu-open {
  z-index: 100;
}

[data-topbar-games] > .topbar-game-menu-slot {
  position: fixed;
  z-index: 101;
  top: var(--topbar-menu-top, 36px);
  left: var(--topbar-menu-left, 8px);
  width: var(--topbar-menu-width, min(810px, calc(100vw - 16px)));
  min-width: 0;
  max-width: calc(100vw - 16px);
  margin: 0;
  padding: 0;
}

[data-topbar-games] .player-game-mega {
  position: static;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  max-height: var(--topbar-menu-max-height, calc(100dvh - 52px));
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid #bdb7af;
  background: #fff;
  box-shadow: 0 3px 8px rgba(28, 25, 23, 0.18);
  box-sizing: border-box;
}

[data-topbar-games] [hidden] { display: none !important; }

[data-topbar-games] .player-game-mega-table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  font-size: 12px;
  table-layout: fixed;
}

[data-topbar-games] .player-game-mega-title {
  height: 30px;
  padding: 6px 8px;
  border: 0;
  background: #44403c;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

[data-topbar-games] .player-game-mega-cell {
  height: 26px;
  padding: 0;
  border: 0;
  background: #fff;
}

[data-topbar-games] .player-game-mega-cell-empty { border: 0; background: #fff; }

[data-topbar-games] .player-game-mega-option {
  min-height: 26px;
  height: 100%;
  padding: 4px 8px;
  border-radius: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
}

[data-topbar-games] .player-game-mega-option.active,
[data-topbar-games] .player-game-mega-option:not(:disabled):hover {
  background: #078b96;
  color: #fff;
}

[data-topbar-games] .player-game-mega-option:disabled,
[data-topbar-games] .player-game-mega-option[aria-disabled="true"] {
  opacity: 1;
  background: #f0f1f2;
  color: #72777c;
  cursor: not-allowed;
}

[data-topbar-games="player"] .player-game-mega-title {
  height: 28px;
  padding: 5px 8px;
  background: #504d48;
}
[data-topbar-games="player"] .player-game-mega-cell { height: 22px; background: #fff; }
[data-topbar-games="player"] .player-game-mega-option {
  min-height: 22px;
  padding: 3px 8px;
  font-size: 11px;
  background: #fff;
  color: #24343a;
}
[data-topbar-games="player"] .player-game-mega-option.active,
[data-topbar-games="player"] .player-game-mega-option:not(:disabled):hover {
  background: #e9edef;
  color: #24343a;
}
[data-topbar-games="player"] .player-game-mega-option.is-playable:not(:disabled) {
  background: #078b96;
  color: #fff;
}
[data-topbar-games="player"] .player-game-mega-option.active { box-shadow: inset 0 -2px #34454b; }
[data-topbar-games="player"] .player-game-mega-option:focus-visible { outline: 2px solid #b66b00; outline-offset: -2px; }
[data-topbar-games="player"] .player-game-mega-option:disabled { background: #f0f1f2; color: #626970; }

[data-topbar-games="player"] .player-game-reference { font-family: Tahoma, "Segoe UI", sans-serif; }
[data-topbar-games="player"] .player-game-reference col:nth-child(1) { width: 18.75%; }
[data-topbar-games="player"] .player-game-reference col:nth-child(2) { width: 27.34375%; }
[data-topbar-games="player"] .player-game-reference col:nth-child(3) { width: 13.28125%; }
[data-topbar-games="player"] .player-game-reference col:nth-child(4),
[data-topbar-games="player"] .player-game-reference col:nth-child(5) { width: 14.0625%; }
[data-topbar-games="player"] .player-game-reference col:nth-child(6) { width: 12.5%; }
[data-topbar-games="player"] .player-game-reference .player-game-mega-title {
  height: 29px;
  padding: 5px 8px;
  font-size: 11px;
  box-sizing: border-box;
}
[data-topbar-games="player"] .player-game-reference .player-game-mega-cell { height: 21px; }
[data-topbar-games="player"] .player-game-reference .player-game-mega-option {
  min-height: 21px;
  padding: 3px 4px;
  line-height: 15px;
  font-size: 11px;
  box-sizing: border-box;
}
[data-topbar-games="player"] .player-game-reference .player-game-mega-option:disabled { background: #fff; color: #435058; }

.agent-general-card .agent-share-table [data-account-overflow] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-width: 0;
  max-width: 100%;
  margin-top: 5px;
}
.agent-general-card .agent-share-table [data-account-overflow] .agent-inline-check {
  margin: 0;
  font-size: 12px;
  white-space: normal;
}
.agent-general-card .agent-share-table [data-account-overflow] input[type="checkbox"] {
  width: 14px;
  height: 14px;
  min-height: 14px;
  flex: 0 0 14px;
}
.agent-general-card .agent-share-table [data-account-overflow] [data-overflow-retry] {
  width: auto;
  padding: 0 7px;
  font-size: 12px;
  background: #eef4f2;
  color: #21574e;
}
.agent-general-card .agent-share-table [data-account-overflow] [data-overflow-retry]::before { content: none; }
.agent-general-card .agent-share-table [data-account-overflow] [data-overflow-retry][hidden] { display: none !important; }
.agent-general-card .agent-share-table [data-account-overflow] [role="status"] {
  flex: 1 1 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  color: #52645e;
  font-size: 11px;
  line-height: 1.4;
}

[data-capacity-root] {
  min-width: 0;
  max-width: 100%;
  color: #253d37;
  background: #fff;
}

[data-capacity-root] :is(input, select) {
  min-width: 0;
  max-width: 100%;
  background: #fff;
  color: #253d37;
  border: 1px solid #9fb5b2;
}

[data-capacity-root] :is(input, select):disabled {
  background: #edf0ef;
  color: #687771;
}

[data-capacity-root] .agent-receive-table {
  width: 100%;
  min-width: 1080px;
}

[data-capacity-root] .agent-receive-table :is(th, td):first-child { width: 176px; }
[data-capacity-root] .agent-receive-table :is(th, td):last-child { width: auto; }
[data-capacity-root] .agent-receive-table th[colspan] { width: auto; }
[data-capacity-root] .agent-receive-table td:first-child { white-space: normal; overflow-wrap: anywhere; }
[data-capacity-root] .agent-receive-table td > label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 5px;
  white-space: nowrap;
  font-size: 12px;
}

[data-capacity-root] .agent-receive-table input[type="checkbox"] {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  padding: 0;
  margin: 0 4px 0 0;
  vertical-align: middle;
  accent-color: #0c725b;
  flex: 0 0 14px;
}

[data-capacity-root] [data-capacity-number] {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 8px;
  margin-bottom: 12px;
}
[data-capacity-root] [data-capacity-number] > label { display: grid; gap: 4px; flex: 1 1 170px; min-width: 0; }
[data-capacity-root] > button { margin: 8px 6px 8px 0; }

@media (max-width: 980px) {
  .agent-clone-page:has([data-capacity-root]) {
    --agent-content-width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }
  .agent-clone-page [data-capacity-root] { width: 100%; }
}

[data-capacity-root]:is(.receive-capacity-defaults, .receive-capacity-bytype) {
  box-sizing: border-box;
  padding: 16px;
}
[data-capacity-root] .agent-subtabs > span.active {
  display: inline-block;
  padding: 7px 10px;
  background: #1d7068;
  color: #fff;
  border-radius: 3px 3px 0 0;
  font-size: 13px;
  font-weight: 600;
}
[data-capacity-root]:is(.receive-capacity-defaults, .receive-capacity-bytype) h3 {
  margin: 24px 0 12px;
  padding-left: 10px;
  border-left: 3px solid #efa800;
  font-size: 18px;
  font-weight: 600;
}
[data-capacity-root] [data-capacity-error]:empty { display: none; }
[data-capacity-root] .agent-receive-table th {
  background: #1d7068;
  color: #fff;
  height: 38px;
  font-weight: 600;
}
[data-capacity-root] .agent-receive-table td {
  padding: 6px 4px;
  height: 44px;
  background: #fff;
}
[data-capacity-root] .agent-receive-table input:not([type="checkbox"]) {
  height: 30px;
  min-height: 30px;
  font-weight: 400;
  text-align: right;
  border-color: #d8dfdc;
}
[data-capacity-root] .agent-receive-table .receive-capacity-group th {
  height: 34px;
  padding: 6px;
  background: #c3e1dd;
  color: #253d37;
  text-align: center;
}
[data-capacity-root] .agent-receive-table .receive-capacity-bulk-row th {
  background: #fff;
  color: #c95100;
}
[data-capacity-root].receive-capacity-bytype .agent-receive-table { min-width: 1160px; }
[data-capacity-root].receive-capacity-bytype .agent-receive-table :is(th, td):first-child { width: 210px; }
[data-capacity-root].receive-capacity-bytype .agent-receive-table :is(th, td):nth-last-child(2) { width: 98px; }
[data-capacity-root].receive-capacity-bytype .agent-receive-table :is(th, td):last-child { width: 32px; }
[data-capacity-root].receive-capacity-defaults .agent-receive-table :is(th, td):first-child { width: 110px; }
[data-capacity-root].receive-capacity-defaults .agent-receive-table :is(th, td):last-child { width: 74px; }
[data-capacity-root] :is([data-capacity-row-save], [data-capacity-save]) {
  padding: 5px 7px;
  min-height: 30px;
  font-size: 12px;
  white-space: normal;
  background: #253039;
  color: #fff;
  border: 1px solid #253039;
  border-radius: 3px;
}
[data-capacity-root] button:disabled { opacity: .55; cursor: not-allowed; }
[data-capacity-root] .receive-capacity-overrides {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  min-width: 0;
}
[data-capacity-root] .receive-capacity-type-panel {
  min-width: 0;
  border: 1px solid #8aa6a1;
  background: #1d7068;
  color: #fff;
}
[data-capacity-root] .receive-capacity-type-panel h4 {
  margin: 0;
  padding: 7px 5px;
  border-bottom: 1px solid #8aa6a1;
  font-size: 13px;
  overflow-wrap: anywhere;
}
[data-capacity-root] .receive-capacity-type-panel [data-capacity-number] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  margin: 0;
  padding: 7px;
  text-align: center;
}
[data-capacity-root] .receive-capacity-type-panel [data-capacity-number] > label {
  display: grid;
  flex: none;
  gap: 3px;
  font-size: 11px;
  color: #fff;
}
[data-capacity-root] .receive-capacity-type-panel input:not([type="hidden"]) {
  width: 100%;
  height: 30px;
  min-height: 30px;
  padding: 3px;
  text-align: center;
}
[data-capacity-root] .receive-capacity-type-panel button {
  align-self: center;
  min-height: 28px;
  padding: 4px 7px;
  font-size: 12px;
  border: 1px solid #253039;
  border-radius: 3px;
  background: #253039;
  color: #fff;
}
[data-capacity-root] .receive-capacity-rule-list {
  margin: 0;
  padding: 0;
  min-height: 26px;
  list-style: none;
  background: #fff;
  color: #253d37;
}
[data-capacity-root] .receive-capacity-rule-list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 5px;
  border-top: 1px solid #c3d3ce;
  overflow-wrap: anywhere;
  font-size: 12px;
}
[data-capacity-root] .receive-capacity-rule-list li span { min-width: 0; }
@media (max-width: 980px) {
  [data-capacity-root] .receive-capacity-overrides { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  [data-capacity-root] .receive-capacity-overrides { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

body:has(.receive-reference-page),
body:has(.receive-reference-page) #app,
.agent-clone-shell:has(.receive-reference-page) { min-width: 0; }
.agent-clone-page:has(.receive-reference-page) { --agent-content-width: 1296px; grid-template-columns: minmax(0, 1fr); }
.agent-clone-page:has(.receive-reference-page) > h1 { width: min(100%, 1296px); }
.receive-reference-page {
  width: min(100%, 1296px);
  min-width: 0;
  color: #102536;
  font-family: "Segoe UI", Tahoma, sans-serif;
  font-weight: 400;
}
.receive-reference-context { margin: -4px 0 34px; color: #fff; }
.receive-reference-context p { margin: 0; font-size: 14px; }
.receive-reference-context small { font-size: 12px; font-style: italic; }
.receive-reference-content { padding: 18px; background: #fff; min-width: 0; }
.receive-reference-notice { margin: 0 0 44px; padding: 16px 26px; border: 1px solid #cfd4df; border-radius: 4px; background: #f3f3f8; font-size: 14px; line-height: 1.6; }
.receive-reference-notice strong { font-size: 16px; }
.receive-reference-notice p { margin: 6px 0 0; }
.receive-reference-time summary,
.receive-reference-content [data-capacity-root] h3 {
  margin: 0;
  padding: 3px 0 3px 10px;
  border-left: 3px solid #ffb300;
  color: #102536;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
}
.receive-reference-time summary { list-style: none; cursor: pointer; }
.receive-reference-time summary::-webkit-details-marker { display: none; }
.receive-reference-time summary span,
.receive-reference-content [data-capacity-root] h3 span { color: #ff7800; }
.receive-reference-time summary b { color: #0000ff; font-weight: inherit; }
.receive-reference-time .agent-receive-form { display: block; padding: 0; border: 0; background: #fff; }
.receive-reference-time .agent-receive-time-table { border-color: #888; border-radius: 0; }
.receive-reference-time .agent-receive-time-panel { grid-template-rows: 36px 36px 36px 46px 41px; border-color: #888; }
.receive-reference-time .agent-receive-time-head { padding: 9px 4px; background: #216f68; border-color: #888; }
.receive-reference-time .agent-receive-time-panel:first-child .agent-receive-time-head { text-align: left; }
.receive-reference-time .agent-receive-time-toggle-row { padding: 5px 4px; border-color: #888; }
.receive-reference-time .agent-receive-company-toggle { display: inline-flex; flex-direction: row; gap: 4px; font-weight: 400; }
.receive-reference-time .agent-receive-company-toggle input { width: 12px; height: 12px; min-height: 12px; }
.receive-reference-time .agent-receive-time-control { justify-content: flex-start; gap: 4px; padding: 5px 4px 0; min-height: 0; border: 0; font-weight: 400; }
.receive-reference-time .agent-receive-time-control span { color: #102536; }
.receive-reference-time .agent-receive-mini-input { flex: 0 0 43px; width: 43px; height: 27px; min-height: 27px; padding: 2px; border: 1px solid #ddd; border-radius: 3px; font-size: 12px; font-weight: 400; }
.receive-reference-time select:disabled { color: #777; background: #f1f1f1; opacity: 1; }
.receive-reference-time .agent-receive-time-compare-grid { gap: 2px; min-height: 0; padding: 4px 4px 8px; border: 0; }
.receive-reference-time .agent-receive-time-compare { gap: 3px; color: #102536; font-size: 12px; font-weight: 400; }
.receive-reference-time .agent-receive-time-compare strong { font-weight: 400; }
.receive-reference-time .agent-receive-time-compare.is-mine strong { color: #0000ff; }
.receive-reference-time .agent-receive-time-save-row { align-items: center; padding: 6px; border-top: 1px solid #888; }
.receive-reference-time .agent-receive-time-save { width: auto; height: 27px; min-height: 27px; padding: 3px 8px; border: 1px solid #26313b; border-radius: 3px; background: #26313b; color: #fff; font-size: 12px; }
.receive-reference-content [data-capacity-root] { width: 100%; border: 0; padding: 0; background: #fff; }
.receive-reference-content .receive-capacity-status { margin: 8px 0 0; color: #69747b; font-size: 11px; }
.receive-policy-setup { margin: 12px 0; padding: 12px; border-left: 3px solid #216f68; background: #f3f5f6; overflow-wrap: anywhere; }
.receive-policy-setup h4 { margin: 0 0 8px; font-size: 14px; }
.receive-policy-setup p { margin: 6px 0; font-size: 13px; line-height: 1.5; }
.receive-policy-setup code { white-space: normal; overflow-wrap: anywhere; }
.receive-policy-setup button { max-width: 100%; white-space: normal; }
.receive-reference-content [data-capacity-error]:empty { display: none; }
.receive-reference-content .agent-subtabs { margin: 24px 0 42px; padding: 0; border: 0; }
.receive-reference-content .agent-subtabs .active { display: inline-block; padding: 9px 8px; border: 0; border-radius: 3px 3px 0 0; background: #216f68; color: #fff; font-size: 13px; }
.receive-reference-description { margin: 2px 0 8px; font-size: 14px; line-height: 1.5; }
.receive-reference-description em { color: #e34136; font-style: normal; }
.receive-reference-content .agent-table-wrap { margin: 0; border: 0; border-radius: 0; }
.receive-reference-content .agent-receive-table { width: 100%; min-width: 780px; table-layout: fixed; border-collapse: collapse; }
.receive-reference-content .agent-receive-table :is(th,td) { height: 39px; padding: 3px; border: 1px solid #888; font-size: 12px; text-align: center; background: #fff; }
.receive-reference-content .agent-receive-table th { height: 36px; background: #216f68; color: #fff; font-size: 13px; }
.receive-reference-content [data-capacity-root].receive-capacity-defaults .agent-receive-table :is(th,td):first-child { width: 8%; }
.receive-reference-content [data-capacity-root].receive-capacity-defaults .agent-receive-table :is(th,td):last-child { width: 56px; }
.receive-reference-content [data-capacity-value] { width: 100%; height: 27px; min-height: 27px; padding: 3px 5px; border: 1px solid #ddd; border-radius: 3px; font-size: 12px; text-align: right; font-weight: 400; }
.receive-reference-content [data-capacity-row-save] { min-height: 27px; height: 27px; padding: 3px 7px; }
.receive-reference-content [data-capacity-root] .receive-reference-number-title { margin-top: 44px; }
.receive-reference-content .receive-capacity-overrides { grid-template-columns: repeat(8, 104px); gap: 12px; max-width: 100%; overflow-x: auto; align-items: start; }
.receive-reference-content .receive-capacity-type-panel { border-color: #888; background: #216f68; }
.receive-reference-content .receive-capacity-type-panel h4 { display: flex; align-items: center; gap: 6px; padding: 7px 5px; font-size: 13px; font-weight: 600; white-space: nowrap; }
.receive-reference-content .receive-capacity-type-panel input[type="checkbox"] { width: 12px; height: 12px; min-height: 12px; margin: 0; padding: 0; flex: 0 0 12px; }
.receive-reference-content .receive-capacity-type-panel [data-capacity-number] { display: grid; grid-template-columns: 16px 1fr; gap: 4px; padding: 4px 9px 6px 4px; align-items: center; }
.receive-reference-content [data-capacity-number] input[name="number"] { grid-column: 2; width: 34px; justify-self: center; }
.receive-reference-content [data-capacity-number] > span { grid-column: 2; text-align: center; line-height: 16px; }
.receive-reference-content [data-capacity-number] input[name="capacity"] { grid-column: 2; }
.receive-reference-content [data-capacity-number] > button { grid-column: 2; justify-self: center; background: #fff; color: #26313b; border-color: #ddd; min-height: 25px; padding: 2px 7px; }
.receive-reference-content .receive-capacity-type-panel input:not([type="hidden"]):not([type="checkbox"]) { height: 27px; min-height: 27px; border: 1px solid #ddd; border-radius: 3px; background: #fff; color: #102536; }
.receive-reference-content .receive-capacity-rule-list li { padding: 4px; min-height: 28px; font-size: 12px; }
.receive-reference-content .receive-capacity-rule-list li label { display: flex; align-items: center; gap: 3px; font-weight: 400; }
.receive-reference-content [hidden] { display: none !important; }
@media (max-width: 700px) {
  .receive-reference-content { padding: 12px; }
  .receive-reference-context { margin-bottom: 24px; }
  .receive-reference-notice { padding: 12px; margin-bottom: 28px; }
  .receive-reference-time .agent-receive-time-grid { grid-template-columns: 1fr; }
  .receive-reference-time .agent-receive-time-panel { border-right: 0; }
  .receive-reference-time .agent-receive-time-panel + .agent-receive-time-panel { border-top: 1px solid #888; }
  .receive-reference-content .receive-capacity-overrides { grid-template-columns: repeat(2,minmax(0,1fr)); overflow: visible; gap: 10px; }
  .receive-reference-content [data-capacity-number] input[name="capacity"] { max-width: 80px; justify-self: center; }
}

body:has(.receive-bytype-page),
body:has(.receive-bytype-page) #app,
.agent-clone-shell:has(.receive-bytype-page) { min-width: 0; }
.agent-clone-page:has(.receive-bytype-page) { --agent-content-width: 1296px; grid-template-columns: minmax(0, 1fr); }
.agent-clone-page:has(.receive-bytype-page) > h1 { width: min(100%, 1296px); margin-bottom: 34px; }
.receive-bytype-page { width: min(100%, 1296px); min-width: 0; font-family: "Segoe UI", Tahoma, sans-serif; }
.receive-bytype-page [data-capacity-root] { width: 100%; min-width: 0; padding: 18px; background: #fff; border: 0; color: #102536; }
.receive-bytype-notice { margin: 0 0 44px; padding: 16px 26px; border: 1px solid #cfd4df; border-radius: 4px; background: #f3f3f8; font-size: 14px; line-height: 1.8; font-weight: 400; }
.receive-bytype-notice em { color: #e34136; font-style: normal; }
.receive-bytype-reference > h3 { margin: 0 0 10px; padding: 3px 0 3px 10px; border-left: 3px solid #ffb300; font-size: 18px; font-weight: 500; line-height: 1.4; }
.receive-bytype-reference .agent-subtabs { margin: 0; padding: 0; border: 0; }
.receive-bytype-reference .agent-subtabs .active { display: inline-block; padding: 9px 8px; border: 0; border-radius: 3px 3px 0 0; background: #216f68; color: #fff; font-size: 13px; }
.receive-bytype-reference [data-capacity-error]:empty { display: none; }
.receive-bytype-reference .agent-table-wrap { margin: 0; border: 0; border-radius: 0; overflow-x: auto; }
.receive-bytype-page [data-capacity-root].receive-capacity-bytype .agent-receive-table { width: 100%; min-width: 1000px; table-layout: fixed; border-collapse: collapse; }
.receive-bytype-page [data-capacity-root].receive-capacity-bytype .agent-receive-table :is(th,td) { width: auto; padding: 3px; border: 1px solid #999; font-size: 12px; line-height: 1.4; font-weight: 400; text-align: left; background: #fff; }
.receive-bytype-page .receive-bytype-name { width: 17.5%; }
.receive-bytype-page :is(.receive-bytype-value,.receive-bytype-action) { width: 8.25%; }
.receive-bytype-page [data-capacity-root].receive-capacity-bytype .agent-receive-table thead th { height: 36px; background: #216f68; color: #fff; text-align: center; font-size: 13px; font-weight: 600; }
.receive-bytype-page [data-capacity-root].receive-capacity-bytype .agent-receive-table .receive-capacity-group th { height: 33px; padding: 6px 3px; background: #c4e2df; text-align: center; font-weight: 600; }
.receive-bytype-page [data-capacity-root].receive-capacity-bytype .agent-receive-table :is(.receive-capacity-row,.receive-capacity-bulk-row) > :is(td,th) { height: 43px; }
.receive-bytype-page [data-capacity-root].receive-capacity-bytype .agent-receive-table .receive-capacity-bulk-row > th { color: #ff7800; text-align: center; font-size: 14px; font-weight: 600; }
.receive-bytype-page [data-capacity-root] :is([data-capacity-value],[data-capacity-bulk]) { width: 100%; min-width: 0; height: 27px; min-height: 27px; padding: 3px 5px; border: 1px solid #ddd; border-radius: 3px; text-align: right; font-size: 12px; font-weight: 400; background: #fff; color: #102536; }
.receive-bytype-page [data-capacity-root] input[type="checkbox"] { width: 12px; height: 12px; min-height: 12px; margin: 0; padding: 0; vertical-align: middle; accent-color: #087cff; }
.receive-bytype-page [data-capacity-root] :is([data-capacity-row-save],[data-capacity-save]) { width: auto; min-height: 27px; padding: 3px 8px; border: 1px solid #26313b; border-radius: 3px; font-size: 12px; font-weight: 600; line-height: 1.4; background: #26313b; color: #fff; }
.receive-bytype-page [data-capacity-root].receive-capacity-bytype .agent-receive-table tfoot td { height: 43px; text-align: center; }
.receive-bytype-reference .receive-capacity-status { margin: 8px 0 0; color: #69747b; font-size: 11px; }
.receive-bytype-reference [hidden] { display: none !important; }
@media (max-width: 700px) {
  .receive-bytype-page [data-capacity-root] { padding: 12px; }
  .receive-bytype-notice { padding: 12px; margin-bottom: 28px; }
}

[data-topbar-games] button:focus-visible {
  outline: 2px solid #ce8600;
  outline-offset: -2px;
}

@media (max-width: 620px) {
  [data-topbar-games] .player-game-mega-table {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [data-topbar-games] .player-game-mega-table :is(tbody, tr) { display: contents; }
  [data-topbar-games] .player-game-mega-title { display: block; grid-column: 1 / -1; }
  [data-topbar-games] .player-game-mega-cell { display: block; height: auto; min-width: 0; }
  [data-topbar-games] .player-game-mega-cell-empty { display: none; }
  [data-topbar-games] .player-game-mega-option { min-height: 40px; }
  [data-topbar-games="player"] .player-game-mega-option { min-height: 40px; }
  [data-topbar-games="player"] .player-game-reference colgroup { display: none; }
  [data-topbar-games="player"] .player-game-reference .player-game-mega-cell { height: auto; }
  [data-topbar-games="player"] .player-game-reference .player-game-mega-option { min-height: 40px; font-size: 11px; }
}