/*
 * Lion2 / Brutalist Signal detail surfaces.
 * Coverage: P0-05, P1-05, P1-06, P1-07, P1-10, P1-13, P2-06B, P2-10, P2-13.
 * This layer deliberately styles existing DOM only; route, API and administrator data contracts stay intact.
 */

body.lion2-skin #ajax-content :is(
  .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend,
  .w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event,
  .w_attendance, .w_free, .w_customer, .w_tournament_ranking,
  .w_mybet, .w_result, .w_memo, .w_myinfo
) {
  --detail-accent: #ffd400;
  --detail-accent-ink: #101214;
  --detail-bg: #101417;
  --detail-panel: #171c20;
  --detail-panel-2: #20262a;
  --detail-line: #4d565b;
  --detail-line-strong: #899196;
  --detail-text: #f1f2ee;
  --detail-muted: #aab0b3;
  --detail-danger: #ff5b4d;
  --detail-success: #63d79a;
  box-sizing: border-box;
  min-width: 0;
  color: var(--detail-text);
  font-size: 14px;
  line-height: 1.55;
}

body.lion2-skin #ajax-content :is(.w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event, .w_attendance, .w_free, .w_customer, .w_tournament_ranking) {
  --detail-accent: #ffd400;
}

body.lion2-skin #ajax-content :is(.w_mybet, .w_result, .w_memo, .w_myinfo) {
  --detail-accent: #ffd400;
}

body.lion2-skin #ajax-content :is(
  .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend,
  .w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event,
  .w_attendance, .w_free, .w_customer, .w_tournament_ranking,
  .w_mybet, .w_result, .w_memo, .w_myinfo
) *,
body.lion2-skin #ajax-content :is(
  .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend,
  .w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event,
  .w_attendance, .w_free, .w_customer, .w_tournament_ranking,
  .w_mybet, .w_result, .w_memo, .w_myinfo
) *::before,
body.lion2-skin #ajax-content :is(
  .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend,
  .w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event,
  .w_attendance, .w_free, .w_customer, .w_tournament_ranking,
  .w_mybet, .w_result, .w_memo, .w_myinfo
) *::after { box-sizing: border-box; }

body.lion2-skin #ajax-content :is(
  .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend,
  .w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event,
  .w_attendance, .w_free, .w_customer, .w_tournament_ranking,
  .w_mybet, .w_result, .w_memo, .w_myinfo
) :is(button, [role="button"], a, input, select, textarea):focus-visible {
  outline: 3px solid var(--detail-accent) !important;
  outline-offset: 2px;
}

body.lion2-skin #ajax-content :is(
  .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend,
  .w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event,
  .w_attendance, .w_free, .w_customer, .w_tournament_ranking,
  .w_mybet, .w_result, .w_memo, .w_myinfo
) :is(input, select, textarea) {
  min-height: 42px;
  border: 1px solid var(--detail-line-strong) !important;
  border-radius: 0 !important;
  background: #0c1012 !important;
  color: var(--detail-text) !important;
  font: inherit;
}

body.lion2-skin #ajax-content :is(
  .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend,
  .w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event,
  .w_attendance, .w_free, .w_customer, .w_tournament_ranking,
  .w_mybet, .w_result, .w_memo, .w_myinfo
) :is(input, textarea)::placeholder { color: #80898e; opacity: 1; }

body.lion2-skin #ajax-content :is(
  .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend,
  .w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event,
  .w_attendance, .w_free, .w_customer, .w_tournament_ranking,
  .w_mybet, .w_result, .w_memo, .w_myinfo
) :is(.rectBox, .content-sub-title, .board-layout-scope, .board-detail-card, .notice-card,
  .quiz-card, .quiz-view-card, .attendance-header-card, .attendance-info-card,
  .attendance-calendar-card, .ranking-event-card, .ranking-view-card, .ranking-rank-section,
  .mybet-section-card, .mybet-results-card, .result-filters, .match-card,
  .myinfo-work-panel, .recommend-hero-card, .recommend-table-card) {
  border-radius: 0 !important;
  border-color: var(--detail-line) !important;
  background-color: var(--detail-panel) !important;
  box-shadow: 5px 5px 0 #080a0b !important;
}

body.lion2-skin #ajax-content :is(
  .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend,
  .w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event,
  .w_attendance, .w_free, .w_customer, .w_tournament_ranking,
  .w_mybet, .w_result, .w_memo, .w_myinfo
) :is(.loading-area, .ranking-loading, .quiz-loading, .empty, .empty-state,
  .ranking-empty, .quiz-empty, .memo-empty, .result-empty, .notice-empty) {
  display: grid;
  min-height: 180px;
  place-items: center;
  padding: 28px 18px;
  border: 1px dashed var(--detail-line-strong) !important;
  background: #101518 !important;
  color: var(--detail-muted) !important;
  font-size: 14px !important;
  text-align: center;
}

/* Finance: existing labels, inputs, presets and administrator-provided payment methods. */
body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(.payment_method, .receive-type-cards) {
  display: grid;
  gap: 12px;
  min-width: 0;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .forColumn {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .forColumn > .col {
  display: flex !important;
  min-width: 0;
  flex-direction: column;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .forColumn > .col.m3 {
  grid-column: 1 / -1;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .forColumn > .col > .rectBox {
  min-width: 0;
  flex: 1 1 auto;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .payment_method > .row {
  display: grid !important;
  grid-template-columns: minmax(128px, 176px) minmax(0, 1fr);
  align-items: center;
  min-height: 52px;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid var(--detail-line) !important;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .payment_method > .row > .l1 {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border-right: 1px solid var(--detail-line);
  background: #232a2e !important;
  color: var(--detail-text) !important;
  font-weight: 800;
  letter-spacing: .02em;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(.input-info, .input-cont, .input-btn-cont, .payment_method .l2) {
  min-width: 0;
  padding: 8px 12px !important;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(.input-btn-cont, .amount-buttons, .finance-preset-buttons) {
  display: grid !important;
  grid-template-columns: minmax(160px, 1fr) repeat(4, minmax(72px, auto));
  gap: 7px;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(
  .amount_button, .all_amount_button, .reset_button, .finance-action-button,
  #deposit_proc, #withdraw_proc, .btnReds
) {
  min-height: 42px !important;
  padding: 8px 14px !important;
  border: 1px solid #090a0a !important;
  border-radius: 0 !important;
  background: var(--detail-accent) !important;
  color: var(--detail-accent-ink) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(.finance-action-button, #deposit_proc, #withdraw_proc) {
  min-width: 176px;
  min-height: 48px !important;
  letter-spacing: .06em;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(.amount_button, .all_amount_button, .reset_button):hover {
  filter: brightness(1.12);
  transform: translate(-1px, -1px);
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(dl, .deposit-notice, .withdraw-notice) {
  margin: 16px 0;
  border: 1px solid var(--detail-line) !important;
  background: #111619 !important;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(dt, dd) {
  margin: 0;
  padding: 10px 14px;
  color: var(--detail-muted) !important;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) dt {
  border-bottom: 3px solid var(--detail-accent);
  color: var(--detail-text) !important;
  font-weight: 900;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(.wd-card, .wd-status-box) {
  overflow: hidden;
  border: 1px solid var(--detail-line) !important;
  border-radius: 0 !important;
  background: var(--detail-panel) !important;
}

body.lion2-skin #ajax-content .w_withdraw .wd-card-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--detail-line);
}

body.lion2-skin #ajax-content .w_withdraw .wd-card-cell { min-width: 0; padding: 12px; background: var(--detail-panel); }
body.lion2-skin #ajax-content .w_withdraw .wd-label { color: var(--detail-muted) !important; font-size: 12px !important; }
body.lion2-skin #ajax-content .w_withdraw .wd-value { overflow-wrap: anywhere; color: var(--detail-text) !important; font-size: 15px !important; font-weight: 800; }
body.lion2-skin #ajax-content .w_withdraw .wd-progress-track { min-height: 12px; border: 1px solid var(--detail-line); background: #080b0d !important; }
body.lion2-skin #ajax-content .w_withdraw .wd-progress-fill { background: var(--detail-accent) !important; }

/* Shared financial ledgers. */
body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend) :is(.list_history, table) {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  color: var(--detail-text) !important;
  font-size: 13px !important;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend) :is(.list_history, table) th {
  height: 40px;
  padding: 8px 10px !important;
  border: 1px solid var(--detail-line) !important;
  background: #272e32 !important;
  color: var(--detail-text) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .03em;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend) :is(.list_history, table) td {
  min-height: 44px;
  padding: 10px !important;
  border: 1px solid #353d42 !important;
  background: #12171a !important;
  color: var(--detail-text) !important;
  overflow-wrap: anywhere;
}

body.lion2-skin #ajax-content .w_point :is(.point-treasury, .point-ledger),
body.lion2-skin #ajax-content .w_coupon :is(.coupon-shell, .couponwrap, .coupon-history-card),
body.lion2-skin #ajax-content .w_recommend :is(.recommend-shell, .recommend-code-panel, .recommend-milestone-grid) {
  min-width: 0;
  border-color: var(--detail-line) !important;
  border-radius: 0 !important;
  background: var(--detail-panel) !important;
  color: var(--detail-text) !important;
}

body.lion2-skin #ajax-content :is(.w_point, .w_coupon, .w_recommend) :is(button, .button, .btn, .copy-button) {
  min-height: 42px;
  border-radius: 0 !important;
}

body.lion2-skin #ajax-content .w_recommend .recommend-milestone-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
body.lion2-skin #ajax-content .w_recommend :is(.recommend-row, .recommend-table-head) { min-height: 44px; border-color: var(--detail-line) !important; }
body.lion2-skin #ajax-content .w_recommend .recommend-code-hint { margin-top: 4px; color: var(--detail-muted); font-size: 12px; line-height: 1.5; }

/* Claim routes intentionally retain preview/claim JS. Only their existing alert is skinned. */
body.lion2-skin:is(
  [data-lion-page="payback"], [data-lion-page="payback2"], [data-lion-page="payback-weekly"],
  [data-lion-page="time-range-deposit"], [data-lion-page="day-deposit-amount"],
  [data-lion-page="day-deposit-cnt"], [data-lion-page="withdraw-event"],
  [data-lion-page="attendance-deposit"], [data-lion-page="referral-event"]
) :is(.sweet-alert, .swal2-popup) {
  width: min(92vw, 480px) !important;
  padding: 24px !important;
  border: 2px solid #ffd400 !important;
  border-radius: 0 !important;
  background: #161b1e !important;
  color: #f1f2ee !important;
  box-shadow: 10px 10px 0 #050606 !important;
}

body.lion2-skin:is(
  [data-lion-page="payback"], [data-lion-page="payback2"], [data-lion-page="payback-weekly"],
  [data-lion-page="time-range-deposit"], [data-lion-page="day-deposit-amount"],
  [data-lion-page="day-deposit-cnt"], [data-lion-page="withdraw-event"],
  [data-lion-page="attendance-deposit"], [data-lion-page="referral-event"]
) :is(.sweet-alert, .swal2-popup) :is(button, .confirm, .cancel) { min-height: 44px !important; border-radius: 0 !important; }

/* Board lists and actual administrator article imagery. */
body.lion2-skin #ajax-content :is(.w_notice, .w_event) .board-layout-scope { padding: clamp(10px, 2vw, 22px); }
body.lion2-skin #ajax-content .w_notice .notice-card-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
body.lion2-skin #ajax-content .w_notice .notice-card { overflow: hidden; min-width: 0; border: 1px solid var(--detail-line) !important; }
body.lion2-skin #ajax-content .w_notice .notice-card-thumb { overflow: hidden; aspect-ratio: 4 / 3; background: #090c0e !important; }
body.lion2-skin #ajax-content .w_notice .notice-card-thumb--skin-art { aspect-ratio: 16 / 7; }
body.lion2-skin #ajax-content .w_notice .notice-card-image,
body.lion2-skin #ajax-content :is(.w_notice, .w_event) .board-detail-body img,
body.lion2-skin #ajax-content .w_event .event-image { display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; }
body.lion2-skin #ajax-content .w_notice .notice-card-image { height: 100%; object-fit: contain; }
body.lion2-skin #ajax-content .w_notice .notice-card-image.lion2-board-art { object-fit: cover; }
body.lion2-skin #ajax-content .w_notice .notice-card-body { min-width: 0; padding: 14px !important; }
body.lion2-skin #ajax-content .w_notice .notice-card-title { color: var(--detail-text) !important; font-size: 15px !important; font-weight: 900; overflow-wrap: anywhere; }
body.lion2-skin #ajax-content .w_notice .notice-card-summary { color: var(--detail-muted) !important; font-size: 13px !important; }

body.lion2-skin #ajax-content .w_event .evwrap { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(0, 1.6fr); gap: 14px; }
body.lion2-skin #ajax-content .w_event :is(#event_list, #event_view) { min-width: 0; }
body.lion2-skin #ajax-content .w_event #event_list .event_detail { min-height: 64px; border: 1px solid var(--detail-line) !important; border-radius: 0 !important; background: var(--detail-panel) !important; }
body.lion2-skin #ajax-content .w_event .event-title { color: var(--detail-text) !important; font-size: 14px !important; font-weight: 800; }
body.lion2-skin #ajax-content .w_event .event-num { color: var(--detail-accent) !important; font-weight: 900; }

body.lion2-skin #ajax-content :is(.w_notice, .w_event) :is(.notice-detail-wrap, .board-detail-shell) { min-width: 0; }
body.lion2-skin #ajax-content :is(.w_notice, .w_event) .board-detail-header { padding: 16px !important; border-bottom: 3px solid var(--detail-accent) !important; background: #242b2f !important; }
body.lion2-skin #ajax-content :is(.w_notice, .w_event) .board-detail-title { color: var(--detail-text) !important; font-size: clamp(18px, 2vw, 25px) !important; line-height: 1.3; overflow-wrap: anywhere; }
body.lion2-skin #ajax-content :is(.w_notice, .w_event) .board-detail-meta { display: flex; flex-wrap: wrap; gap: 8px 12px; color: var(--detail-muted) !important; font-size: 12px !important; }
body.lion2-skin #ajax-content :is(.w_notice, .w_event) .board-detail-body { min-width: 0; padding: clamp(14px, 3vw, 28px) !important; color: var(--detail-text) !important; font-size: 14px !important; line-height: 1.75; overflow-wrap: anywhere; }
body.lion2-skin #ajax-content :is(.w_notice, .w_event) .board-detail-back { min-width: 80px; min-height: 42px; border-radius: 0 !important; }

/* Rules / FAQ disclosure: preserve native hidden and aria-expanded contracts. */
body.lion2-skin #ajax-content :is(.w_rule, .w_questions) .bbsl_item_container { margin-bottom: 8px; border: 1px solid var(--detail-line) !important; background: var(--detail-panel) !important; }
body.lion2-skin #ajax-content :is(.w_rule, .w_questions) :is(.rule_detail, .questions_detail) { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; width: 100%; min-height: 48px; padding: 9px 12px !important; border: 0 !important; border-radius: 0 !important; background: #20272b !important; color: var(--detail-text) !important; text-align: left; }
body.lion2-skin #ajax-content :is(.w_rule, .w_questions) :is(.rule_detail, .questions_detail)[aria-expanded="true"] { box-shadow: inset 5px 0 0 var(--detail-accent); }
body.lion2-skin #ajax-content :is(.w_rule, .w_questions) .bbsl_detail_wrap { padding: 16px !important; border-top: 1px solid var(--detail-line) !important; background: #101518 !important; color: var(--detail-text) !important; overflow-wrap: anywhere; }
body.lion2-skin #ajax-content :is(.w_rule, .w_questions) .bbsl_detail_wrap[hidden] { display: none !important; }
body.lion2-skin #ajax-content :is(.w_rule, .w_questions) .bbsl_detail_wrap.is-open { display: block !important; }
body.lion2-skin #ajax-content .w_rule .signal-content-unavailable { display: grid; gap: 0; width: min(100%, 960px); margin: 12px auto !important; border: 1px solid var(--detail-line); background: #090b0c; }
body.lion2-skin #ajax-content .w_rule .signal-content-unavailable img { display: block; width: 100%; height: auto; aspect-ratio: 8 / 3; object-fit: cover; }
body.lion2-skin #ajax-content .w_rule .signal-content-unavailable figcaption { padding: 12px 14px; border-top: 3px solid var(--detail-accent); color: var(--detail-muted); font-size: 13px; line-height: 1.6; text-align: left; }

/* Community list/write forms. */
body.lion2-skin #ajax-content :is(.w_free, .w_customer) :is(.boardinput, .bbsl_wrap) { overflow: hidden; border: 1px solid var(--detail-line) !important; border-radius: 0 !important; background: var(--detail-panel) !important; }
body.lion2-skin #ajax-content :is(.w_free, .w_customer) .boardinput { display: grid; gap: 12px; padding: 16px !important; }
body.lion2-skin #ajax-content :is(.w_free, .w_customer) .boardinput textarea { min-height: 180px; resize: vertical; }
body.lion2-skin #ajax-content :is(.w_free, .w_customer) :is(.list_history, table) { width: 100%; border-collapse: collapse; font-size: 13px !important; }
body.lion2-skin #ajax-content :is(.w_free, .w_customer) th { height: 40px; padding: 8px !important; background: #272e32 !important; color: var(--detail-text) !important; }
body.lion2-skin #ajax-content :is(.w_free, .w_customer) td { min-height: 44px; padding: 10px 8px !important; border-bottom: 1px solid var(--detail-line) !important; background: #12171a !important; color: var(--detail-text) !important; overflow-wrap: anywhere; }
body.lion2-skin #ajax-content :is(.w_free, .w_customer) :is(button, .btn, .btnReds, .customer-delete-action) { min-height: 42px; padding: 8px 14px !important; border-radius: 0 !important; }
body.lion2-skin #ajax-content .w_customer .customer-subject-trigger {
  appearance: none;
  width: 100%;
  min-height: 42px;
  padding: 4px 0 !important;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
body.lion2-skin #ajax-content .w_customer #customer_list > tr[data-customer-id],
body.lion2-skin #ajax-content .w_free tr[class^="free_subject_"] { cursor: default !important; }

/* Quiz, attendance and ranking retain all dynamic records and images. */
body.lion2-skin #ajax-content .w_quiz_event .quiz-cards,
body.lion2-skin #ajax-content .w_tournament_ranking .ranking-event-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
body.lion2-skin #ajax-content :is(.w_quiz_event, .w_tournament_ranking) :is(.quiz-card, .ranking-event-card) { overflow: hidden; min-width: 0; border: 1px solid var(--detail-line) !important; }
body.lion2-skin #ajax-content :is(.w_quiz_event, .w_tournament_ranking) :is(.quiz-card-image, .ranking-event-image, .quiz-view-image, .ranking-view-image) { display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; background: #090c0e; }
body.lion2-skin #ajax-content :is(.w_quiz_event, .w_tournament_ranking) :is(.quiz-card-info, .ranking-event-info, .quiz-view-content, .ranking-view-content) { min-width: 0; padding: 14px !important; }
body.lion2-skin #ajax-content :is(.w_quiz_event, .w_tournament_ranking) :is(.quiz-card-title, .ranking-event-title, .quiz-view-title, .ranking-view-title) { color: var(--detail-text) !important; font-size: 16px !important; line-height: 1.4; overflow-wrap: anywhere; }
body.lion2-skin #ajax-content :is(.w_quiz_event, .w_tournament_ranking) :is(.quiz-view-back, .ranking-view-back, .quiz-submit, button) { min-height: 42px; border-radius: 0 !important; }
body.lion2-skin #ajax-content .w_quiz_event .quiz-option { min-height: 44px; padding: 10px 12px !important; border: 1px solid var(--detail-line) !important; background: #12171a !important; }
body.lion2-skin #ajax-content .w_tournament_ranking :is(.ranking-type-tabs, .ranking-status-menu) { display: flex; flex-wrap: wrap; gap: 8px; }
body.lion2-skin #ajax-content .w_tournament_ranking :is(.ranking-type-tabs button, .ranking-status-menu button, .ranking-status-menu a) { min-height: 42px; padding: 8px 14px !important; border-radius: 0 !important; }

body.lion2-skin #ajax-content .w_attendance .attendance-shell { display: grid; gap: 14px; }
body.lion2-skin #ajax-content .w_attendance .attendance-actions { justify-content: flex-end; margin-bottom: 8px; }
body.lion2-skin #ajax-content .w_attendance #attendance_check_in_btn { min-width: 160px; }
body.lion2-skin #ajax-content .w_attendance :is(.attendance-header-card, .attendance-info-card, .attendance-calendar-card) { padding: clamp(12px, 2vw, 20px) !important; border: 1px solid var(--detail-line) !important; }
body.lion2-skin #ajax-content .w_attendance .attendance-nav { display: flex; align-items: center; justify-content: center; gap: 12px; }
body.lion2-skin #ajax-content .w_attendance :is(.att.prev, .att.next) {
  min-width: 44px;
  min-height: 44px;
  border: 1px solid var(--detail-accent) !important;
  border-radius: 0 !important;
  background: #111619 !important;
  color: var(--detail-accent) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
body.lion2-skin #ajax-content .w_attendance :is(.att.prev, .att.next):is(:hover, :focus-visible) {
  background: var(--detail-accent) !important;
  color: var(--detail-accent-ink) !important;
}
body.lion2-skin #ajax-content .w_attendance :is(.calendartop, .wd14, .bg-attendance-week-blue2, .bg-attendance-blue2, .bg-attendance-none-blue2) { min-height: 44px; border-color: var(--detail-line) !important; background-color: #151b1e !important; color: var(--detail-text) !important; }
body.lion2-skin #ajax-content .w_attendance :is(.text-blue2, .text-blue22) { color: var(--detail-accent) !important; }

/* Account history, result cards, memo and profile forms. */
body.lion2-skin #ajax-content .w_mybet :is(.mybet-category-tabs, .mybet-subtabs, .mybet-bulk-actions),
body.lion2-skin #ajax-content .w_result :is(.sport-tabs, .date-filter, .filter-controls) { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
body.lion2-skin #ajax-content :is(.w_mybet, .w_result) :is(.mybet-category-tabs a, .mybet-subtabs a, .sport-tab, .date-btn, .detail-toggle) { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 8px 14px !important; border: 1px solid var(--detail-line) !important; border-radius: 0 !important; background: #171d20 !important; color: var(--detail-text) !important; font-size: 13px !important; }
body.lion2-skin #ajax-content :is(.w_mybet, .w_result) :is(.on, .active) { border-color: var(--detail-accent) !important; box-shadow: inset 0 -4px 0 var(--detail-accent); }
body.lion2-skin #ajax-content .w_mybet :is(.mybet-shell, .mybet-results-card) { min-width: 0; }
body.lion2-skin #ajax-content .w_mybet :is(.betting_title, .betting_content, .match-result) { min-height: 44px; color: var(--detail-text) !important; font-size: 13px !important; }
body.lion2-skin #ajax-content .w_result .result-filters { display: grid; gap: 12px; padding: 14px !important; }
body.lion2-skin #ajax-content .w_result .result-list { display: grid; gap: 14px; }
body.lion2-skin #ajax-content .w_result .match-card { overflow: hidden; min-width: 0; padding: 14px !important; border: 1px solid var(--detail-line) !important; }
body.lion2-skin #ajax-content .w_result :is(.match-header, .match-score, .quick-stats, .stats-grid) { min-width: 0; gap: 10px; }
body.lion2-skin #ajax-content .w_result :is(.team-name, .league-name, .stat-name, .stat-val) { color: var(--detail-text) !important; font-size: 13px !important; overflow-wrap: anywhere; }
body.lion2-skin #ajax-content .w_result .score-table { width: 100%; border-collapse: collapse; font-size: 12px !important; }
body.lion2-skin #ajax-content .w_result .score-table :is(th, td) { min-width: 42px; height: 42px; padding: 7px !important; border: 1px solid var(--detail-line) !important; color: var(--detail-text) !important; }

body.lion2-skin #ajax-content .w_memo :is(.memo-row, .memo-item) { min-height: 48px; border-color: var(--detail-line) !important; background: var(--detail-panel) !important; color: var(--detail-text) !important; }
body.lion2-skin #ajax-content .w_memo :is(.memotitle, .memo_delete, #all_memo_del_btn, #all_read_btn) { min-height: 42px; border-radius: 0 !important; font-size: 13px !important; }
body.lion2-skin #ajax-content .w_memo :is(.memo_content, .memo-subject, .memo-date, .memo-status) { min-width: 0; color: var(--detail-text) !important; font-size: 13px !important; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }

body.lion2-skin #ajax-content .w_myinfo :is(.myinfo-overview, .myinfo-profile-grid, .myinfo-security-grid) { min-width: 0; gap: 14px; }
body.lion2-skin #ajax-content .w_myinfo :is(.myinfo-work-panel, .myinfo-guide) { min-width: 0; padding: clamp(14px, 2vw, 22px) !important; border: 1px solid var(--detail-line) !important; }
body.lion2-skin #ajax-content .w_myinfo :is(.form-row, .myinfo-field) { display: grid; grid-template-columns: minmax(120px, 170px) minmax(0, 1fr); align-items: center; gap: 12px; min-height: 52px; }
body.lion2-skin #ajax-content .w_myinfo :is(#btn_passchg_proc, #btn_pay_passchg_proc, button) { min-height: 44px; padding: 9px 16px !important; border-radius: 0 !important; }

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend, .w_free, .w_customer, .w_mybet, .w_result, .w_memo) :is(.el-pagination, .pagination-area, .mybet-pagination) { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-block: 18px; }
body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend, .w_free, .w_customer, .w_mybet, .w_result, .w_memo) :is(.el-pagination, .pagination-area, .mybet-pagination) :is(button, a, li) { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; min-height: 38px; border-radius: 0 !important; font-size: 13px !important; }

@media (max-width: 980px) {
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .payment_method > .row { grid-template-columns: 140px minmax(0, 1fr); }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(.input-btn-cont, .amount-buttons, .finance-preset-buttons) { grid-template-columns: minmax(150px, 1fr) repeat(3, minmax(70px, auto)); }
  body.lion2-skin #ajax-content .w_event .evwrap { grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); }
  body.lion2-skin #ajax-content .w_recommend .recommend-milestone-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
  body.lion2-skin #ajax-content :is(
    .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend,
    .w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event,
    .w_attendance, .w_free, .w_customer, .w_tournament_ranking,
    .w_mybet, .w_result, .w_memo, .w_myinfo
  ) { padding-inline: 10px !important; font-size: 14px; }

  body.lion2-skin #ajax-content :is(
    .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend,
    .w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event,
    .w_attendance, .w_free, .w_customer, .w_tournament_ranking,
    .w_mybet, .w_result, .w_memo, .w_myinfo
  ) :is(button, [role="button"], input:not([type="checkbox"]):not([type="radio"]), select) { min-height: 44px; }

  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .forColumn { grid-template-columns: 1fr; }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .forColumn > .col.m3 { grid-column: auto; }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .payment_method { gap: 0; }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .payment_method > .row { grid-template-columns: 1fr; }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .payment_method > .row > .l1 { min-height: 42px; border-right: 0; border-bottom: 1px solid var(--detail-line); }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .payment_method > :is(
    .deposit-balance-row, #deposit-method-tabs-row, #deposit-account-row, #deposit-sender-row
  ) { grid-template-columns: 96px minmax(0, 1fr); }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .payment_method > :is(
    .deposit-balance-row, #deposit-method-tabs-row, #deposit-account-row, #deposit-sender-row
  ) > .l1 { min-height: 0; border-right: 1px solid var(--detail-line); border-bottom: 0; }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(.input-btn-cont, .amount-buttons, .finance-preset-buttons) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(.amount-buttons, .finance-preset-buttons) > :first-child { grid-column: 1 / -1; }
  body.lion2-skin #ajax-content .w_withdraw .wd-card-row { grid-template-columns: 1fr; }
  body.lion2-skin #ajax-content .w_recommend .recommend-milestone-grid { grid-template-columns: 1fr; }
  body.lion2-skin #ajax-content .w_event .evwrap { grid-template-columns: 1fr; }
  body.lion2-skin #ajax-content :is(.w_notice, .w_event) .board-detail-back { min-width: 88px; min-height: 44px; }
  body.lion2-skin #ajax-content :is(.w_rule, .w_questions) :is(.rule_detail, .questions_detail) { grid-template-columns: 42px minmax(0, 1fr) auto; min-height: 48px; }
  body.lion2-skin #ajax-content :is(.w_quiz_event, .w_tournament_ranking) :is(.quiz-cards, .ranking-event-cards) { grid-template-columns: 1fr; }
  body.lion2-skin #ajax-content .w_result :is(.match-score, .quick-stats, .stats-grid) { overflow-x: auto; overscroll-behavior-inline: contain; }
  body.lion2-skin #ajax-content .w_result .score-table { min-width: 560px; }
  body.lion2-skin #ajax-content .w_myinfo :is(.form-row, .myinfo-field) { grid-template-columns: 1fr; gap: 6px; }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend, .w_free, .w_customer) :is(.table-wrap, .list_history_wrap, .history-list, .coupon-history-card, .recommend-table-card) { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend, .w_free, .w_customer, .w_mybet, .w_result, .w_memo) :is(.el-pagination, .pagination-area, .mybet-pagination) :is(button, a, li) { min-width: 44px; min-height: 44px; }
}

@media (max-width: 420px) {
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(.input-btn-cont, .amount-buttons, .finance-preset-buttons) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .input-btn-cont > :is(.amount_button, .all_amount_button, .reset_button) { width: 100% !important; min-width: 0; min-height: 44px !important; height: 44px !important; padding-inline: 6px !important; }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(.finance-action-button, #deposit_proc, #withdraw_proc) { width: 100%; min-width: 0; min-height: 50px !important; }
  body.lion2-skin #ajax-content :is(.w_notice, .w_event) .board-detail-header { padding: 12px !important; }
  body.lion2-skin #ajax-content :is(.w_notice, .w_event) .board-detail-body { padding: 14px 12px !important; }
  body.lion2-skin #ajax-content :is(.w_rule, .w_questions) :is(.rule_detail, .questions_detail) { grid-template-columns: 34px minmax(0, 1fr); }
  body.lion2-skin #ajax-content :is(.w_rule, .w_questions) :is(.rule_detail, .questions_detail) .--extra { grid-column: 2; }
  body.lion2-skin #ajax-content .w_result .match-card { padding: 10px !important; }
  body.lion2-skin #ajax-content .w_attendance :is(.attendance-header-card, .attendance-info-card, .attendance-calendar-card) { padding: 9px !important; }
}

@media (max-width: 360px) {
  body.lion2-skin #ajax-content :is(
    .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend,
    .w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event,
    .w_attendance, .w_free, .w_customer, .w_tournament_ranking,
    .w_mybet, .w_result, .w_memo, .w_myinfo
  ) { padding-inline: 8px !important; }
  body.lion2-skin #ajax-content .w_notice .notice-card-list { grid-template-columns: minmax(0, 1fr); }
  body.lion2-skin #ajax-content :is(.w_mybet, .w_result) :is(.mybet-category-tabs a, .mybet-subtabs a, .sport-tab, .date-btn) { flex: 1 1 calc(50% - 4px); padding-inline: 8px !important; }
}

/* Representative board chrome: keep administrator media/content, replace legacy Lion brown surfaces. */
body.lion2-skin #ajax-content :is(.w_notice, .w_event, .w_questions, .w_rule, .w_free, .w_customer) {
  background: #0b0f11 !important;
}

body.lion2-skin #ajax-content :is(.w_notice, .w_event) :is(
  #notice_list_wrap, .notice-detail-wrap, #event_list, #event_view, .board-detail-card
) {
  border-color: var(--detail-line) !important;
  background: #101518 !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 4%) !important;
}

body.lion2-skin #ajax-content :is(.w_notice, .w_event) :is(.notice-card, .event_detail) {
  border: 1px solid var(--detail-line) !important;
  border-radius: 0 !important;
  background: var(--detail-panel) !important;
  box-shadow: 4px 4px 0 #080a0b !important;
}

body.lion2-skin #ajax-content :is(.w_notice, .w_event) :is(.notice-card, .event_detail):is(:hover, :focus-visible, .is-active, [aria-current="true"]) {
  border-color: var(--detail-accent) !important;
  box-shadow: 4px 4px 0 color-mix(in srgb, var(--detail-accent) 38%, #080a0b) !important;
}

body.lion2-skin #ajax-content :is(.w_notice, .w_event) :is(.notice-card-thumb, .notice-card-fallback) {
  border-bottom: 1px solid var(--detail-line) !important;
  background: #090d0f !important;
}

body.lion2-skin #ajax-content :is(.w_notice, .w_event) :is(.notice-card-body, .event-num, .event-title) {
  border-color: var(--detail-line) !important;
  background: #1a2023 !important;
  color: var(--detail-text) !important;
}

body.lion2-skin #ajax-content :is(.w_notice, .w_event) :is(.notice-card-type, .board-detail-badge, .event-num) {
  border-radius: 0 !important;
  background: var(--detail-accent) !important;
  color: #081012 !important;
  font-weight: 900 !important;
}

body.lion2-skin #ajax-content :is(.w_notice, .w_event) :is(.board-detail-header, .event-detail-title) {
  border-color: var(--detail-accent) !important;
  background: #20272a !important;
  color: var(--detail-text) !important;
}

body.lion2-skin #ajax-content :is(.w_questions, .w_rule) :is(.bbsl_wrap, .bbsl_item_container) {
  border-color: var(--detail-line) !important;
  background: var(--detail-panel) !important;
  box-shadow: none !important;
}

body.lion2-skin #ajax-content :is(.w_questions, .w_rule) :is(.--num, .--extra) {
  border-color: var(--detail-line) !important;
  border-radius: 0 !important;
  background: #252c2f !important;
  color: var(--detail-accent) !important;
}

body.lion2-skin #ajax-content :is(.w_free, .w_customer) :is(.list_history, .boardinput, .customer-empty-state) {
  border-color: var(--detail-line) !important;
  border-radius: 0 !important;
  background: var(--detail-panel) !important;
  box-shadow: none !important;
}

body.lion2-skin #ajax-content .w_customer .customer-empty-icon {
  border-color: var(--detail-accent) !important;
  border-radius: 0 !important;
  background: var(--detail-accent) !important;
  color: #081012 !important;
  box-shadow: 3px 3px 0 #080a0b !important;
}

body.lion2-skin #ajax-content .w_free .free-empty-cell {
  padding: 0 !important;
  border: 0 !important;
}

body.lion2-skin #ajax-content .w_free .free-empty-state {
  display: grid;
  min-height: 230px;
  place-content: center;
  justify-items: center;
  gap: 10px;
  padding: 34px 20px;
  border: 1px dashed var(--detail-line);
  border-left: 5px solid var(--detail-accent);
  background:
    linear-gradient(90deg, rgb(85 217 232 / 5%) 1px, transparent 1px),
    linear-gradient(rgb(85 217 232 / 4%) 1px, transparent 1px),
    #0d1113;
  background-size: 28px 28px;
  color: var(--detail-text-muted);
  text-align: center;
}

body.lion2-skin #ajax-content .w_free .free-empty-state__signal {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border: 2px solid var(--detail-line);
  border-left: 7px solid var(--detail-accent);
  background: #111618;
  color: var(--detail-accent);
  font-size: 25px;
  box-shadow: 6px 6px 0 rgb(0 0 0 / 34%);
}

body.lion2-skin #ajax-content .w_free .free-empty-state strong {
  color: var(--detail-text);
  font-family: var(--signal-font-display);
  font-size: 18px;
}

/* Route fidelity pass. Several Lion1 page modules set a background image and
   a background color separately. A color-only override leaves the brown/blue
   gradient painted on top, so these final route-scoped shorthands clear that
   image layer while retaining every administrator image and data node. */
body.lion2-skin.lion-skin #ajax-content .page:is(.w_deposit, .w_withdraw) {
  background: #0b0f11 !important;
  color: var(--detail-text) !important;
  -webkit-text-fill-color: currentcolor;
}

body.lion2-skin.lion-skin #ajax-content .page:is(.w_deposit, .w_withdraw) :is(
  .rectBox, .payment_method, .payment_method > .row,
  .payment_method > .row > .l2, .stat_money, .wd-card, .wd-status-box,
  .receive-type-card, .receive-type-card .bonus-item, .input-info, .info-txt
) {
  border-color: var(--detail-line) !important;
  border-radius: 0 !important;
  background: var(--detail-panel) !important;
  color: var(--detail-text) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page:is(.w_deposit, .w_withdraw) .payment_method > .row > .l1 {
  border-color: var(--detail-line) !important;
  background: #252c2f !important;
  color: var(--detail-accent) !important;
  -webkit-text-fill-color: var(--detail-accent) !important;
  text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page:is(.w_deposit, .w_withdraw) :is(
  .content-sub-title, .list_history th
) {
  border-color: var(--detail-line) !important;
  background: #272e32 !important;
  color: var(--detail-text) !important;
  -webkit-text-fill-color: var(--detail-text) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page:is(.w_deposit, .w_withdraw) :is(
  .input-info, .info-txt, .payment_method dd, .receive-type-card .label,
  .receive-type-card .reason-tag, .game-contribution-info
) {
  color: var(--detail-muted) !important;
  -webkit-text-fill-color: var(--detail-muted) !important;
}

body.lion2-skin.lion-skin #ajax-content .page:is(.w_deposit, .w_withdraw) :is(
  #deposit_account_btn, #deposit_coin_btn, #withdraw_coin_btn
) {
  border-color: var(--detail-accent) !important;
  background: var(--detail-accent) !important;
  color: var(--detail-accent-ink) !important;
  -webkit-text-fill-color: var(--detail-accent-ink) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_quiz_event {
  background: #0b0f11 !important;
  color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_quiz_event .cpmenu {
  border: 1px solid var(--detail-line) !important;
  border-radius: 0 !important;
  background: #101518 !important;
  box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_quiz_event #quiz-event-list {
  border-color: var(--detail-line) !important;
  border-radius: 0 !important;
  background: #101518 !important;
  color: var(--detail-text) !important;
  box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_quiz_event .quiz-tab {
  border: 1px solid var(--detail-line) !important;
  border-radius: 0 !important;
  background: #171d20 !important;
  color: var(--detail-text) !important;
  -webkit-text-fill-color: var(--detail-text) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_quiz_event .quiz-tab.on {
  border-color: var(--detail-accent) !important;
  background: var(--detail-accent) !important;
  color: var(--detail-accent-ink) !important;
  -webkit-text-fill-color: var(--detail-accent-ink) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_quiz_event :is(
  .quiz-card, .quiz-view-info, .quiz-view-content
) {
  border-color: var(--detail-line) !important;
  border-radius: 0 !important;
  background: var(--detail-panel) !important;
  color: var(--detail-text) !important;
  box-shadow: 4px 4px 0 #080a0b !important;
  text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_quiz_event :is(
  .quiz-card-info, .quiz-view-header, .quiz-view-table
) {
  border-color: var(--detail-line) !important;
  background: #151b1e !important;
  color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_quiz_event :is(
  .quiz-card-badge.active, .quiz-view-badge.active, .quiz-card-voted-badge
) {
  border-color: var(--detail-accent) !important;
  border-radius: 0 !important;
  background: var(--detail-accent) !important;
  color: var(--detail-accent-ink) !important;
  -webkit-text-fill-color: var(--detail-accent-ink) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_quiz_event :is(
  .quiz-card-badge.ended, .quiz-view-badge.ended, .quiz-card-overlay
) {
  border-radius: 0 !important;
  background: rgb(20 25 28 / 92%) !important;
  color: var(--detail-muted) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_quiz_event :is(
  .quiz-card-period, .quiz-card-votes
) {
  color: var(--detail-muted) !important;
  -webkit-text-fill-color: var(--detail-muted) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_attendance {
  background: #0b0f11 !important;
  color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_attendance .attendance-shell {
  border-color: var(--detail-line) !important;
  background: #101518 !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_attendance :is(
  .attendance-header-card, .attendance-info-card, .attendance-calendar-card
) {
  border-color: var(--detail-line) !important;
  border-radius: 0 !important;
  background: var(--detail-panel) !important;
  color: var(--detail-text) !important;
  box-shadow: 4px 4px 0 #080a0b !important;
  text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_attendance :is(.att.prev, .att.next) {
  border: 1px solid var(--detail-accent) !important;
  border-radius: 0 !important;
  background-color: #20272a !important;
  box-shadow: none !important;
  filter: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_attendance .bg-attendance-week-blue2 {
  border-color: var(--detail-line) !important;
  border-radius: 0 !important;
  background: #252c2f !important;
  color: var(--detail-text) !important;
  box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_attendance .bg-attendance-blue2 {
  border-color: var(--detail-accent) !important;
  border-radius: 0 !important;
  background: #11191c !important;
  color: var(--detail-text) !important;
  box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_attendance .bg-attendance-none-blue2 {
  border-color: var(--detail-line-strong) !important;
  border-radius: 0 !important;
  background: #0d1215 !important;
  color: var(--detail-muted) !important;
  box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_mybet {
  background: #0b0f11 !important;
  color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_mybet :is(
  .mybet-section-card, .mybet-results-card, .mybet-mobile-order
) {
  border-color: var(--detail-line) !important;
  border-radius: 0 !important;
  background: #101518 !important;
  color: var(--detail-text) !important;
  box-shadow: 4px 4px 0 #080a0b !important;
  text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_mybet :is(
  .mybet-section-head, .mybet-mobile-order__header
) {
  border-color: var(--detail-line) !important;
  background: #252c2f !important;
  color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_mybet :is(
  .mybet-category-tabs, .mybet-subtabs
) {
  border-color: var(--detail-line) !important;
  border-radius: 0 !important;
  background: #101518 !important;
  box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_mybet .mybet-scroll-arrow {
  border-color: var(--detail-accent) !important;
  border-radius: 0 !important;
  background: #20272a !important;
  color: var(--detail-accent) !important;
  box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_mybet :is(
  .mybet-mobile-match, .mybet-mobile-simple-body, .mybet-mobile-adjustments
) {
  border-color: var(--detail-line) !important;
  background: #151b1e !important;
  color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_mybet .mybet-mobile-match:nth-child(even) {
  background: #111619 !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_mybet :is(
  .mybet-mobile-money, .mybet-mobile-order__actions
) {
  border-color: var(--detail-line) !important;
  background: #0d1215 !important;
  color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_mybet :is(
  .mybet-mobile-money > span, .mybet-mobile-adjustments,
  .mybet-mobile-match, .mybet-mobile-order__header
) {
  border-color: var(--detail-line) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_mybet :is(
  .mybet-mobile-order__header, .mybet-mobile-match, .mybet-mobile-money,
  .mybet-mobile-order__actions, .mybet-mobile-adjustments
) :is(span, small, strong, time) {
  text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_mybet .bet-kind-badge {
  border-color: var(--detail-line-strong) !important;
  border-radius: 0 !important;
  background: #283137 !important;
  color: var(--detail-text) !important;
  -webkit-text-fill-color: var(--detail-text) !important;
  box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_mybet .mybet-bulk-actions :is(.btn_blue, .btn_red) {
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_mybet .mybet-bulk-actions .btn_blue {
  border-color: var(--detail-accent) !important;
  background: #18251d !important;
  color: var(--detail-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_mybet .mybet-bulk-actions .btn_red {
  border-color: var(--detail-danger) !important;
  background: #2a1717 !important;
  color: #ffb4ae !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_result {
  background: #0b0f11 !important;
  color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_result :is(.result-filters, .match-card) {
  border-color: var(--detail-line) !important;
  border-radius: 0 !important;
  background: var(--detail-panel) !important;
  color: var(--detail-text) !important;
  box-shadow: 4px 4px 0 #080a0b !important;
  text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_result :is(
  .sport-tab, .date-btn, .detail-toggle, .page-btn
) {
  border-color: var(--detail-line) !important;
  border-radius: 0 !important;
  background: #20272a !important;
  color: var(--detail-text) !important;
  -webkit-text-fill-color: var(--detail-text) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_result :is(
  .sport-tab.active, .date-btn.active, .page-btn.active
) {
  border-color: var(--detail-accent) !important;
  background: var(--detail-accent) !important;
  color: var(--detail-accent-ink) !important;
  -webkit-text-fill-color: var(--detail-accent-ink) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_result :is(
  .match-header, .match-score, .score-box, .quick-stats, .stat-item, .detail-stats
) {
  border-color: var(--detail-line) !important;
  background: #111619 !important;
  color: var(--detail-text) !important;
  box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_result :is(
  .league-name, .match-time, .stat-name
) {
  color: var(--detail-muted) !important;
  -webkit-text-fill-color: var(--detail-muted) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_result .sport-badge {
  border-color: var(--detail-line-strong) !important;
  border-radius: 0 !important;
  background: #283137 !important;
  color: var(--detail-text) !important;
  -webkit-text-fill-color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_result .win-badge {
  border-color: var(--detail-accent) !important;
  border-radius: 0 !important;
  background: #18251d !important;
  color: var(--detail-accent) !important;
  -webkit-text-fill-color: var(--detail-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_result .team-name {
  color: var(--detail-text) !important;
  -webkit-text-fill-color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo .memo-overview {
  border-color: var(--detail-line) !important;
  border-radius: 0 !important;
  background: #101518 !important;
  color: var(--detail-text) !important;
  box-shadow: 4px 4px 0 #080a0b !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card {
  background: #0b0f11 !important;
  color: var(--detail-text) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card :is(
  .memo-item, .memo-row
) {
  border-color: var(--detail-line) !important;
  border-radius: 0 !important;
  background: var(--detail-panel) !important;
  color: var(--detail-text) !important;
  box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-row--unread {
  border-left: 4px solid var(--detail-accent) !important;
  background: #142019 !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo :is(#all_read_btn, #all_memo_del_btn),
body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-delete-button {
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #all_read_btn {
  border-color: var(--detail-accent) !important;
  background: #18251d !important;
  color: var(--detail-accent) !important;
  -webkit-text-fill-color: var(--detail-accent) !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #all_memo_del_btn,
body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-delete-button {
  border-color: var(--detail-danger) !important;
  background: #2a1717 !important;
  color: #ffb4ae !important;
  -webkit-text-fill-color: #ffb4ae !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-status-badge {
  border-color: var(--detail-line-strong) !important;
  border-radius: 0 !important;
  background: #20272a !important;
  color: var(--detail-text) !important;
  -webkit-text-fill-color: var(--detail-text) !important;
  box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content .page.w_memo :is(
  .el-pagination .active, .el-pagination [aria-current="page"]
) {
  border-color: var(--detail-accent) !important;
  background: var(--detail-accent) !important;
  color: var(--detail-accent-ink) !important;
}

body.lion2-skin.lion-skin #ajax-content #myinfo_page :is(
  .myinfo-overview, .myinfo-profile, .myinfo-work-panel
) {
  border-color: var(--detail-line) !important;
  border-radius: 0 !important;
  background: var(--detail-panel) !important;
  color: var(--detail-text) !important;
  box-shadow: 4px 4px 0 #080a0b !important;
  text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content #myinfo_page :is(
  .myinfo-assets, .myinfo-asset, .myinfo-profile-fields,
  .myinfo-profile-field, .myinfo-field, .myinfo-guide-list li
) {
  border-color: var(--detail-line) !important;
  background: #111619 !important;
  color: var(--detail-text) !important;
  box-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content #myinfo_page :is(
  .myinfo-title, .myinfo-asset-label, .myinfo-asset-value,
  .myinfo-profile-heading, .myinfo-panel-title, .myinfo-field-label,
  .myinfo-guide-list strong
) {
  color: var(--detail-accent) !important;
  -webkit-text-fill-color: var(--detail-accent) !important;
  text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content #myinfo_page :is(
  .myinfo-description, .myinfo-profile-field strong,
  .myinfo-panel-heading p, .myinfo-guide-list small
) {
  color: var(--detail-muted) !important;
  -webkit-text-fill-color: var(--detail-muted) !important;
}

body.lion2-skin.lion-skin #ajax-content #myinfo_page :is(
  .myinfo-primary-button, #btn_passchg_proc, #btn_pay_passchg_proc
) {
  border-color: var(--detail-accent) !important;
  border-radius: 0 !important;
  background: var(--detail-accent) !important;
  color: var(--detail-accent-ink) !important;
  -webkit-text-fill-color: var(--detail-accent-ink) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.lion2-skin.lion-skin #ajax-content #myinfo_page .myinfo-guide-list {
  border-color: var(--detail-line) !important;
  background: #111619 !important;
}

body.lion2-skin.lion-skin #ajax-content #myinfo_page :is(
  .myinfo-guide-icon, .myinfo-guide-arrow, .myinfo-section-icon
) {
  color: var(--detail-accent) !important;
  -webkit-text-fill-color: var(--detail-accent) !important;
}

body.lion2-skin #ajax-content .w_memo .signal-page-heading .memo-page-subtitle {
  display: none !important;
}

/* Mobile interaction and type contracts for finance, board and account workflows. */
@media (max-width: 768px) {
  body.lion2-skin #ajax-content :is(
    .w_deposit, .w_withdraw, .w_recommend, .w_notice, .w_event,
    .w_questions, .w_rule, .w_quiz_event, .w_attendance, .w_free,
    .w_customer, .w_mybet, .w_result, .w_memo, .w_myinfo
  ) :is(.signal-page-heading__family, .signal-page-heading__route) {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(
    .finance-action-button, .amount_button, .all_amount_button, .reset_button,
    #deposit_proc, #withdraw_proc, #deposit_del_btn, #withdraw_del_btn
  ) {
    min-height: 44px !important;
    height: auto !important;
    font-size: 14px !important;
  }

  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .input-btn-cont > :is(
    .amount_button, .all_amount_button, .reset_button
  ) {
    padding-inline: 2px !important;
    letter-spacing: -.02em;
  }

  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(
    .finance-action-button, .finance-action-button span, .wd-label,
    .wd-inline-label, .wd-inline-value, .wd-progress-text, .wd-stats
  ) {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.lion2-skin #ajax-content .w_deposit :is(
    .bonus-badge-info-inline, .bonus-badge-info-inline > span, .info-badge-small,
    .receive-type-card .special-badge, .receive-type-card .badge-text,
    .receive-type-card .reason-tag, .receive-type-card .special-name,
    .receive-type-card .label, .receive-type-card .value,
    .receive-type-card .display-text, .game-contribution-info .contribution-text
  ) {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.lion2-skin #ajax-content .w_deposit .bonus-badge-info-inline {
    gap: 8px 12px;
  }

  body.lion2-skin #ajax-content .w_deposit .receive-type-card .bonus-blocked-badge {
    position: static;
    flex-wrap: wrap;
    margin-bottom: 8px;
  }

  body.lion2-skin #ajax-content .w_deposit .receive-type-card .bonus-info {
    gap: 4px;
  }

  body.lion2-skin #ajax-content .w_deposit .receive-type-card :is(.withdraw-bonus-info, .game-contribution-info) {
    gap: 8px;
    overflow-wrap: anywhere;
  }

  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .list_history :is(th, td, span) {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.lion2-skin #ajax-content :is(.w_quiz_event, .w_attendance) :is(
    .quiz-tab, .quiz-card-votes span, .quiz-card-voted-badge,
    .attendance-info-label, .attendance-info-value, .attendance-info-copy
  ) {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.lion2-skin #ajax-content .w_quiz_event .quiz-tab {
    min-height: 44px !important;
    height: auto !important;
  }

  body.lion2-skin #ajax-content .w_attendance .attendance-info-card {
    align-items: flex-start;
    overflow: visible;
    white-space: normal;
    word-break: keep-all;
  }

  body.lion2-skin #ajax-content .w_attendance .attendance-calendar-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden !important;
    padding: 6px !important;
  }

  body.lion2-skin #ajax-content .w_attendance #date_list :is(.calendartop, .m-t-2) {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 2px !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 2px;
  }

  body.lion2-skin #ajax-content .w_attendance #date_list .calendartop {
    margin-top: 0;
  }

  body.lion2-skin #ajax-content .w_attendance #date_list :is(.calendartop, .m-t-2) > .wd14 {
    width: auto !important;
    min-width: 0 !important;
    height: auto;
  }

  body.lion2-skin #ajax-content .w_attendance .bg-attendance-week-blue2 {
    min-height: 34px;
    padding: 3px 1px;
    font-size: 14px;
    line-height: 1;
  }

  body.lion2-skin #ajax-content .w_attendance #date_list :is(
    .wd14.day, .bg-attendance-blue2, .bg-attendance-none-blue2
  ) {
    min-height: 58px;
  }

  body.lion2-skin #ajax-content .w_attendance #date_list :is(
    .bg-attendance-blue2, .bg-attendance-none-blue2
  ) {
    overflow: hidden;
    border-radius: 0 !important;
  }

  body.lion2-skin #ajax-content .w_attendance #date_list .bg-attendance-blue2 {
    border: 2px solid color-mix(in srgb, var(--detail-accent) 66%, var(--detail-line)) !important;
  }

  body.lion2-skin #ajax-content .w_attendance #date_list .bg-attendance-none-blue2 {
    border: 1px dashed var(--detail-line-strong) !important;
    opacity: .62;
  }

  body.lion2-skin #ajax-content .w_attendance #date_list .text-blue2 {
    top: 4px;
    right: 4px;
    font-size: 14px !important;
  }

  body.lion2-skin #ajax-content .w_attendance #date_list .text-blue22 {
    padding: 19px 2px 3px;
  }

  body.lion2-skin #ajax-content .w_attendance #date_list .text-blue22 img {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain;
  }

  body.lion2-skin #ajax-content .w_attendance .attendance-day-empty::before {
    width: 22px;
    height: 22px;
    border-radius: 0;
  }

  body.lion2-skin #ajax-content .w_mybet .mybet-scroll-nav.is-scrollable :is(.mybet-category-tabs, .mybet-subtabs) {
    padding-inline: 47px !important;
  }

  body.lion2-skin #ajax-content .w_mybet :is(.mybet-category-tabs a, .mybet-subtabs a) {
    min-height: 44px !important;
    height: 44px !important;
    font-size: 14px !important;
  }

  body.lion2-skin #ajax-content .w_mybet .mybet-scroll-arrow {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  body.lion2-skin #ajax-content .w_mybet .mybet-bulk-actions :is(a, button) {
    display: inline-flex;
    min-height: 44px !important;
    align-items: center;
    justify-content: center;
    padding: 8px 14px !important;
    font-size: 14px !important;
  }

  body.lion2-skin #ajax-content .w_mybet :is(
    .bet-kind-badge, .bet-badge, .mybet-mobile-order__header time,
    .mybet-mobile-match__meta, .mybet-mobile-match__league,
    .mybet-mobile-match__teams, .mybet-mobile-match__teams .vs,
    .mybet-mobile-match__market, .mybet-mobile-match__market span,
    .mybet-mobile-match__market small, .mybet-mobile-match__market strong,
    .mybet-mobile-adjustments, .mybet-mobile-adjustments span,
    .mybet-mobile-adjustments small, .mybet-mobile-money small
  ) {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.lion2-skin #ajax-content .w_mybet .mybet-mobile-match__market {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 12px !important;
  }

  body.lion2-skin #ajax-content .w_mybet .mybet-mobile-match__market > span:not(.bet-badge) {
    align-items: baseline;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.lion2-skin #ajax-content .w_mybet :is(.mybet-mobile-market-name, .mybet-mobile-market-pick) {
    overflow: visible;
    text-overflow: clip;
    white-space: normal !important;
  }

  body.lion2-skin #ajax-content .w_mybet .mybet-mobile-match__market .bet-badge {
    grid-column: 1 / -1;
    justify-self: end;
    min-height: 32px;
  }

  body.lion2-skin #ajax-content .w_mybet .mybet-mobile-adjustments {
    flex-wrap: wrap;
  }

  body.lion2-skin #ajax-content .w_mybet .mybet-mobile-order__actions :is(a, button, [role="button"], .atmosphere) {
    min-width: 44px;
    min-height: 44px !important;
    font-size: 14px !important;
  }

  body.lion2-skin #ajax-content .w_mybet .mybet-mobile-order__header {
    grid-template-columns: 44px minmax(62px, auto) minmax(71px, 1fr) auto;
    gap: 6px;
    padding-inline: 8px;
  }

  body.lion2-skin #ajax-content .w_mybet .mybet-mobile-order__header time {
    min-width: 71px;
    overflow: visible;
    text-overflow: clip;
  }

  body.lion2-skin #ajax-content .w_result :is(
    .sport-tab, .date-btn, .detail-toggle, .search-input, .page-btn
  ) {
    min-width: 44px !important;
    min-height: 44px !important;
    height: 44px !important;
    font-size: 14px !important;
  }

  body.lion2-skin #ajax-content .w_result :is(
    .sport-badge, .league-name, .match-time, .team-name, .win-badge,
    .draw-badge, .live-badge, .stat-item, .toggle-text
  ) {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  body.lion2-skin #ajax-content .w_result .quick-stats {
    flex-wrap: wrap;
    justify-content: center;
  }

  body.lion2-skin #ajax-content .w_result :is(.league-name, .team-name) {
    min-height: 19px;
  }

  body.lion2-skin #ajax-content .w_memo :is(
    .memo-overview__description, .memo-overview__description span,
    .memo-stat__label, .memo-toolbar-note, .memo-toolbar-action,
    .memotitle, .memo-status-badge, .memo_delete, .memo_delete span,
    .memo_content, .memo-date, .memo-subject, .memo-status
  ) {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.lion2-skin #ajax-content .w_memo :is(.memo-toolbar-action, .memotitle, .memo_delete) {
    min-height: 44px !important;
    height: auto !important;
  }

  body.lion2-skin #ajax-content .w_memo :is(.memo-overview__total, .memo-stat__value) {
    overflow: visible;
    padding-block: 2px;
    line-height: 1.15 !important;
  }

  body.lion2-skin #ajax-content #myinfo_page :is(
    .myinfo-description, .myinfo-asset-label, .myinfo-profile-field span,
    .myinfo-profile-field strong, .myinfo-panel-heading p,
    .myinfo-field-label, .myinfo-guide-list strong, .myinfo-guide-list small
  ) {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body.lion2-skin #ajax-content #myinfo_page .myinfo-profile-field {
    min-height: 44px;
    padding-block: 8px;
  }

  body.lion2-skin #ajax-content #myinfo_page .myinfo-asset-value {
    overflow: visible;
    padding-block: 2px;
    font-size: clamp(18px, 5vw, 22px) !important;
    line-height: 1.2 !important;
  }

  body.lion2-skin #ajax-content #myinfo_page .myinfo-profile-field--security strong {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }

  body.lion2-skin #ajax-content #myinfo_page .myinfo-field {
    min-height: 44px;
  }

  body.lion2-skin #ajax-content #myinfo_page .myinfo-form input {
    min-height: 44px !important;
    height: 44px !important;
    font-size: 14px !important;
  }

  body.lion2-skin #ajax-content #myinfo_page :is(.myinfo-primary-button, #btn_passchg_proc, #btn_pay_passchg_proc) {
    min-height: 44px !important;
    height: auto !important;
    font-size: 14px !important;
  }

  body.lion2-skin #ajax-content #myinfo_page .myinfo-guide-list li {
    min-height: 56px;
    padding-block: 8px;
  }

  body.lion2-skin #ajax-content .w_recommend :is(
    .recommend-description, .recommend-card-caption, .recommend-step-card p,
    .recommend-code-hint, .recommend-copy-button
  ) {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  body.lion2-skin #ajax-content .w_recommend .recommend-copy-button {
    min-height: 44px !important;
    height: auto !important;
  }

  body.lion2-skin #ajax-content :is(.w_notice, .w_event) .notice-card-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.lion2-skin #ajax-content :is(.w_notice, .w_event) .notice-card-title {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.lion2-skin #ajax-content :is(.w_notice, .w_event) :is(
    .notice-card, .event_detail, .board-detail-back, #x_button
  ) {
    min-height: 44px;
    font-size: 14px !important;
  }

  body.lion2-skin #ajax-content :is(.w_questions, .w_rule) :is(
    .questions_detail, .rule_detail, .bbsl_detail_wrap, .bbsl_detail_wrap p,
    .bbsl_detail_wrap span
  ) {
    min-height: 44px;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  body.lion2-skin #ajax-content :is(.w_free, .w_customer) :is(
    th, td, .signal-empty-cell, .customer-empty-state,
    .customer-empty-state > span, .btn_gray, .btn_lgr, .btn_blue, .btnRed
  ) {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.lion2-skin #ajax-content :is(.w_free, .w_customer) :is(
    #write_cotent, #write_panel_btn, #customer_account_btn,
    #write_btn, #free_attach_bet_btn, #customer_attach_bet_btn, #cancel_btn
  ) {
    min-height: 44px !important;
    height: auto !important;
  }

  /* Late legacy account modules use ID-weighted selectors; these route-scoped
     contracts intentionally add real page classes instead of a fake-ID hack. */
  body.lion2-skin.lion-skin #ajax-content .page.w_mybet :is(
    .mybet-category-tabs a, .mybet-subtabs a
  ) {
    min-height: 44px !important;
    height: 44px !important;
    font-size: 14px !important;
  }

  body.lion2-skin.lion-skin #ajax-content .page.w_result :is(
    .sport-tab, .date-btn, .detail-toggle, .search-input, .page-btn,
    .sport-badge, .league-name, .match-time, .team-name, .win-badge,
    .draw-badge, .live-badge, .stat-item, .toggle-text
  ) {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  body.lion2-skin.lion-skin #ajax-content .page.w_result .team-name {
    height: auto;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.lion2-skin.lion-skin #ajax-content .page.w_memo :is(
    .memo-toolbar-action, .memotitle, .memo_delete, .memo_delete span
  ) {
    min-height: 44px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  /* The memo fidelity layer loads late and uses component IDs. Match those
     component boundaries so its 12/13px and 30/38px mobile controls cannot
     override the shared interaction contract. */
  body.lion2-skin.lion-skin #ajax-content .page.w_memo :is(
    #all_read_btn, #all_memo_del_btn
  ) {
    min-height: 44px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card :is(
    .memo-subject-button, .memo-subject-button__text,
    .memo-delete-button, .memo-delete-button span
  ) {
    min-height: 44px !important;
    max-height: none !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-row__cell--date :is(
    strong, span
  ) {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.lion2-skin.lion-skin #ajax-content .page.w_memo #memo_list_card .memo-delete-button {
    height: auto !important;
    transform: none !important;
  }
}

@media (max-width: 360px) {
  body.lion2-skin #ajax-content .w_mybet .mybet-mobile-money > span {
    display: grid;
    gap: 3px;
    align-content: center;
    justify-content: stretch;
  }

  body.lion2-skin #ajax-content .w_mybet .mybet-mobile-money strong {
    width: 100%;
    letter-spacing: -.02em;
    text-align: left;
  }
}

@media (max-width: 480px) {
  body.lion2-skin #ajax-content .w_deposit .receive-type-cards {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .list_history {
    display: block !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .list_history tbody {
    display: grid !important;
    gap: 8px;
  }

  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .list_history > tbody > tr:first-child {
    display: none !important;
  }

  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .list_history .finance-history-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "number status"
      "amount amount"
      "requested confirmed";
    gap: 9px 12px;
    padding: 12px;
    border: 1px solid var(--detail-line) !important;
    background: var(--detail-panel) !important;
  }

  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .finance-history-row > td {
    display: flex !important;
    width: auto !important;
    min-width: 0;
    min-height: 28px !important;
    align-items: center;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: left !important;
  }

  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .finance-history-number { grid-area: number; gap: 6px; }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .finance-history-status { grid-area: status; justify-content: flex-end; }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .finance-history-amount { grid-area: amount; gap: 8px; padding-block: 8px !important; border-block: 1px solid var(--detail-line) !important; }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .finance-history-requested { grid-area: requested; }
  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .finance-history-confirmed { grid-area: confirmed; justify-content: flex-end; text-align: right !important; }

  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) :is(
    .finance-history-number, .finance-history-amount,
    .finance-history-requested, .finance-history-confirmed
  )::before {
    display: inline !important;
    content: attr(data-label) !important;
    color: var(--detail-muted);
    font-size: 14px;
    font-weight: 800;
  }

  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .finance-history-empty {
    display: block !important;
  }

  body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .finance-history-empty td {
    display: block !important;
    min-height: 88px !important;
    padding: 24px 12px !important;
    border: 1px dashed var(--detail-line) !important;
    background: var(--detail-panel) !important;
    text-align: center !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.lion2-skin #ajax-content :is(
    .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend,
    .w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event,
    .w_attendance, .w_free, .w_customer, .w_tournament_ranking,
    .w_mybet, .w_result, .w_memo, .w_myinfo
  ) *,
  body.lion2-skin #ajax-content :is(
    .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend,
    .w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event,
    .w_attendance, .w_free, .w_customer, .w_tournament_ranking,
    .w_mybet, .w_result, .w_memo, .w_myinfo
  ) *::before,
  body.lion2-skin #ajax-content :is(
    .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_recommend,
    .w_notice, .w_event, .w_rule, .w_questions, .w_quiz_event,
    .w_attendance, .w_free, .w_customer, .w_tournament_ranking,
    .w_mybet, .w_result, .w_memo, .w_myinfo
  ) *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Full-document audit guardrails. Operational data exposes compact badges and
   historical rows that are absent from empty-state snapshots, so keep those
   live values readable at every desktop and shell-boundary width. */
@media (min-width: 769px) {
  body.lion2-skin #ajax-content .w_deposit :is(
    .bonus-badge-info-inline, .bonus-badge-info-inline > span, .info-badge-small,
    .receive-type-card .special-badge, .receive-type-card .badge-text,
    .receive-type-card .reason-tag, .receive-type-card .special-name,
    .receive-type-card .label, .receive-type-card .value,
    .receive-type-card .display-text, .game-contribution-info .contribution-text,
    .finance-history-time
  ),
  body.lion2-skin #ajax-content .w_withdraw :is(
    .wd-inline-label, .wd-inline-value, .wd-progress-text
  ),
  body.lion2-skin #ajax-content .w_quiz_event :is(
    .quiz-card-votes span, .quiz-card-voted-badge
  ),
  body.lion2-skin #ajax-content .w_mybet :is(
    .bet-badge, .cancel_button, .mybet-adjustment-label, .bet-combo-badge
  ),
  body.lion2-skin.lion-skin #ajax-content .page.w_result .detail-toggle .toggle-text,
  body.lion2-skin.lion-skin #ajax-content .page.w_result :is(
    .sport-badge, .win-badge, .draw-badge, .stat-item
  ),
  body.lion2-skin.lion-skin #ajax-content .page.w_roulette .roulette-tab-count {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .input-btn-cont > :is(
  .amount_button, .all_amount_button, .reset_button
) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: 44px !important;
  padding-inline: 4px !important;
  white-space: nowrap;
}

body.lion2-skin #ajax-content :is(.w_deposit, .w_withdraw) .input-btn-cont {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

body.lion2-skin #ajax-content .w_mybet input[type="checkbox"][name="betNo"] {
  width: 44px !important;
  min-width: 44px;
  height: 44px !important;
  min-height: 44px;
  margin: 0 !important;
  accent-color: var(--detail-accent);
  cursor: pointer;
}

body.lion2-skin #ajax-content .w_mybet img[src*="/uploads/location/"] {
  width: 27px !important;
  height: 20px !important;
  object-fit: contain !important;
}

body.lion2-skin #ajax-content .w_memo .memo-stat__value,
body.lion2-skin #ajax-content .w_point .myPoint {
  height: auto !important;
  min-height: 1.2em;
  overflow: visible !important;
  padding-block: 3px;
  line-height: 1.2 !important;
}