/* ONLIVE presentation only. Public width remains measured from the header row. */
/* Brand action buttons only; error text and warning badges retain their semantics. */
body .platform-ui[data-theme] :is(.nvBtn.danger,.opsBtn.danger,.uiBtnDanger):not(:disabled) {
  background:#f5b800;
  border-color:#f5b800;
  color:#191919;
}
body .platform-ui[data-theme] :is(.nvBtn.danger,.opsBtn.danger,.uiBtnDanger):not(:disabled):hover {
  background:#dfa700;
  border-color:#dfa700;
  color:#191919;
}
body .platform-ui[data-theme] :is(.nvBtn.danger,.opsBtn.danger,.uiBtnDanger):not(:disabled):active {
  background:#c99700;
  border-color:#c99700;
  color:#191919;
}
body .platform-ui[data-theme] :is(.nvBtn.danger,.opsBtn.danger,.uiBtnDanger):not(:disabled):focus-visible {
  outline:2px solid #f5b800;
  outline-offset:2px;
}
body .platform-ui.original-public .communityBoard .boardHead--search .canonicalBoardSearch {
  flex:0 1 310px;
  width:310px;
  max-width:100%;
  min-width:0;
}
body .platform-ui.original-public .communityListPage .boardListActions {
  flex:0 1 auto;
  width:auto;
  max-width:100%;
  flex-wrap:wrap;
  justify-content:flex-end;
}
@media(max-width:760px) {
  body .platform-ui.original-public .communityBoard .boardHead--search .canonicalBoardSearch {
    flex:0 1 310px;
    width:min(310px,100%);
    margin-left:0;
  }
  body .platform-ui.original-public .communityListPage .boardListActions {
    flex:1 1 100%;
    width:100%;
    justify-content:flex-start;
  }
}
.platform-ui.original-public .attGuideCard > ul.attGuideBody {
  margin:12px 0 0;
  padding:0;
  gap:8px;
  list-style:none;
  line-height:1.65;
}
.platform-ui.original-public .attGuideCard > .attGuideBody > li {
  display:grid;
  grid-template-columns:6px minmax(0,1fr);
  column-gap:8px;
  align-items:start;
  padding:0;
}
.platform-ui.original-public .attGuideCard > .attGuideBody > li::before {
  content:"";
  width:4px;
  height:4px;
  margin-top:calc(.825em - 2px);
  border-radius:50%;
  background:currentColor;
}
.platform-ui.original-public .onliveBoardControls {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  min-width:0;
}
.platform-ui.original-public .onliveBoardFilters {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}
.platform-ui.original-public .onliveBoardControls .canonicalBoardSearch {
  flex:0 1 310px;
  width:310px;
  min-width:0;
  margin-left:auto;
}
.platform-ui.original-public .communityBoard--canonical .boardFilter select {
  height:40px;
  min-height:40px;
  font-size:12px;
  transition:border-color .18s ease;
}
.platform-ui.original-public .communityBoard--canonical .boardFilter select:hover,
.platform-ui.original-public .communityBoard--canonical .boardFilter select:focus-visible {
  border-color:var(--accent);
}
.platform-ui.original-public .communityBoard--canonical .boardFilter select:focus-visible {
  outline:2px solid var(--accent-primary-soft);
  outline-offset:2px;
}
.platform-ui.original-public .canonicalBoardSearch input::placeholder {
  font-size:inherit;
}
@media(max-width:760px) {
  .platform-ui.original-public .onliveBoardControls .canonicalBoardSearch {
    flex:1 1 100%;
    width:100%;
    margin-left:0;
  }
  .platform-ui.original-public .onliveBoardFilters {
    width:100%;
  }
  .platform-ui.original-public .onliveBoardFilters .boardFilter {
    flex:1;
  }
  .platform-ui.original-public .onliveBoardFilters select {
    width:100%;
    max-width:none;
    min-width:0;
  }
}
.platform-ui[data-theme="dark"] {
  color-scheme:dark;
  --onlive-shadow-color:#000;
  --shadow:0 8px 24px rgb(0 0 0 / 18%);
  --card-light-shadow:var(--card-dark-shadow);
  --watch-mint-focus:var(--ctrl-focus);
}
.platform-ui.original-public[data-theme] .pageHero {
  min-height:108px;
  display:flex;
  align-items:center;
  padding:22px 24px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  box-shadow:none;
}
.platform-ui.original-public[data-theme] .pageHero::before,
.platform-ui.original-public[data-theme] .pageHero::after {
  content:none;
}
.platform-ui.original-public[data-theme] .pageHeroCopy {
  padding:0;
  max-width:none;
}
.platform-ui.original-public[data-theme] .pageHero h1 {
  margin:0;
  padding:0;
  font-size:26px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:-.035em;
  color:var(--text);
}
.platform-ui.original-public[data-theme] .pageHero h1::before {
  content:"";
  display:inline-block;
  width:4px;
  height:.8em;
  margin-right:10px;
  border-radius:2px;
  background:var(--accent);
  vertical-align:baseline;
}
.platform-ui.original-public[data-theme] .pageHeroDesc {
  margin-top:8px;
  max-width:none;
  font-size:13px;
  line-height:1.65;
  color:var(--text-secondary);
  word-break:keep-all;
  overflow-wrap:anywhere;
}
.platform-ui.original-public .pageHeroExtras {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px;
  color:var(--muted);
}
@media(max-width:640px) {
  .platform-ui.original-public[data-theme] .pageHero {
    min-height:108px;
    padding:20px 18px;
  }
  .platform-ui.original-public[data-theme] .pageHero h1 { font-size:22px; }
}
.platform-ui.original-public .bcPage.pageWrap {
  margin-top:0;
}
@media(max-width:991.98px) {
  .platform-ui.original-public .bcPage.pageWrap {
    margin-top:24px;
  }
}
/* Component-local palettes use the shared live/header tokens in dark mode. */
body .platform-ui[data-theme="dark"] .userCardPanel {
  --uc-bg:var(--onlive-surface);
  --uc-bg2:var(--onlive-soft);
  --uc-border:var(--onlive-line);
  --uc-glow:var(--ctrl-bg-hover);
  background:linear-gradient(180deg,var(--uc-bg) 0%,var(--uc-bg2) 100%);
}
body .platform-ui[data-theme="dark"] :is(.userCardStats,.userCardBadges .statusBadge) {
  background:var(--soft);
}
body .platform-ui[data-theme="dark"] :is(.floatChat.is-mobile .floatChatPanel.sheet,.slipDock .slipSheet) {
  --surface:var(--onlive-surface);
  --surface-card:var(--onlive-surface);
  --surface-soft:var(--onlive-soft);
  --surface-elevated:var(--onlive-soft);
  --header-bg:var(--onlive-surface);
  --soft:var(--onlive-soft);
  --text:var(--onlive-text);
  --text-primary:var(--onlive-text);
  --text-secondary:var(--onlive-secondary);
  --text-muted:var(--onlive-muted);
  --muted:var(--onlive-muted);
  --navy:var(--onlive-text);
  background:var(--surface);
}
body .platform-ui[data-theme="dark"] :is(.slipDock .slipFab,.slipDock .slipSheetHead .iconButton) {
  background:var(--surface);
}
body .platform-ui[data-theme="dark"] :is(.partnerDeposit,.chatNotice) {
  background:var(--soft);
  border-color:var(--line);
}
body .platform-ui[data-theme="dark"] .rkTop {
  --rk-aura:var(--ctrl-bg-hover);
  background:linear-gradient(145deg,var(--surface),var(--soft));
  border-color:var(--line);
}
body .platform-ui[data-theme="dark"] .attSideRow:is(.top1,.top2,.top3) {
  background:var(--soft);
}
body .platform-ui[data-theme="dark"] .attSideRow:is(.top1,.top2,.top3):hover {
  background:var(--ctrl-bg-hover);
}
body .platform-ui[data-theme="dark"] :is(.statusBadge--official,.statusBadge--current,.statusBadge--recommend,.statusBadge--processing) {
  background:var(--accent-primary-soft);
  border-color:var(--ctrl-border-active);
  color:var(--accent-primary);
}
body .platform-ui[data-theme="dark"] :is(.statusBadge--pending,.statusBadge--read) {
  background:var(--soft);
  border-color:var(--line);
  color:var(--text-secondary);
}
body .platform-ui[data-theme="dark"] .boardTable thead th {
  background:var(--soft);
}
.platform-ui.original-public[data-theme="dark"] :is(.bcPlayer,.bcStage,.bcPlayers) {
  background:var(--bg);
}
.platform-ui.original-public .shopDesk.is-gift .shopCatalog {
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.platform-ui.original-public :is(img,video,iframe) { max-width:100%; }
.platform-ui.original-public :is(.pageWrap,.pageBody,.shopMain,.shopBody,.bcShell) {
  min-width:0;
  overflow-wrap:anywhere;
}
body .platform-ui[data-theme="dark"] .opsApp {
  --admin-bg:var(--bg);
  --admin-text:var(--text);
  --admin-soft:var(--soft);
  --admin-muted:var(--muted);
  --admin-side:var(--bg);
  --admin-top:var(--bg);
  --admin-surface:var(--surface);
  --admin-surface-muted:var(--soft);
  --admin-surface-2:var(--soft);
  --admin-border:var(--line);
  --admin-field:var(--soft);
  --admin-field-line:var(--line);
  --admin-table-head:var(--soft);
  --admin-nav:var(--text-secondary);
  --admin-nav-hover:var(--ctrl-bg-hover);
  --admin-text-muted:var(--muted);
  --admin-primary:var(--accent-primary);
  --admin-primary-hover:var(--accent-primary-hover);
  --admin-link:var(--accent);
  --admin-info:var(--text-secondary);
  --admin-info-bg:var(--soft);
  --admin-overlay:rgb(0 0 0 / 55%);
  --admin-shadow-modal:0 16px 40px rgb(0 0 0 / 24%);
}
body .platform-ui[data-theme="dark"] :is(.svc-page,.svc-admin) {
  --svc-brand:var(--accent);
  --svc-surface:var(--surface);
  --svc-soft:var(--soft);
  --svc-border:var(--line);
  --svc-text:var(--text);
  --svc-muted:var(--muted);
  color-scheme:dark;
}
@media(max-width:1100px) {
  .platform-ui.original-public .shopDesk.is-gift .shopCatalog {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:480px) {
  .platform-ui.original-public .shopDesk.is-gift .shopCatalog {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
.platform-ui.original-public .bc-channel-nav .hd-service {
  grid-template-columns:32px minmax(0,1fr);
}
.platform-ui.original-public .bc-channel-copy {
  grid-template-columns:minmax(max-content,1fr) max-content;
  grid-template-rows:14px 18px;
  align-items:center;
  column-gap:8px;
  row-gap:2px;
}
.platform-ui.original-public :is(.bc-channel-live-line,.bc-channel-detail-line) {
  display:contents;
}
.platform-ui.original-public :is(.bc-channel-live-line,.bc-channel-detail-line) > * {
  align-self:center;
}
.platform-ui.original-public .bc-channel-current {
  width:14px;
  height:14px;
}
.platform-ui.original-public .bc-channel-current > svg {
  display:block;
}
.platform-ui.original-public .bc-channel-live-line > small,
.platform-ui.original-public .bc-channel-detail-line > .bc-channel-title {
  grid-column:1;
  justify-self:start;
  min-width:0;
  white-space:nowrap;
}
.platform-ui.original-public .bc-channel-live-line > small,
.platform-ui.original-public .bc-channel-live-line > .bc-channel-current {
  grid-row:1;
}
.platform-ui.original-public .bc-channel-detail-line > * {
  grid-row:2;
}
.platform-ui.original-public .bc-channel-live-line > .bc-channel-current,
.platform-ui.original-public .bc-channel-detail-line > [data-current-visitors] {
  grid-column:2;
  justify-self:end;
}

.platform-ui.original-public[data-theme="dark"] .profileTools .onliveProfileLogout {
  background:var(--ctrl-bg);
  border-color:var(--ctrl-border);
  color:#fff;
}
.platform-ui.original-public[data-theme="dark"] .profileTools .onliveProfileLogout:hover {
  background:var(--ctrl-bg-hover);
  border-color:var(--ctrl-border-hover);
  color:#fff;
}
.onlive-profile-slot {
  display:inline-flex;
  width:32px;
  height:32px;
  flex:0 0 32px;
}
body #site-header .onlive-profile-link {
  --asol-icon-box:32px;
  flex-shrink:0;
  text-decoration:none;
}
.platform-ui.original-public .profileTools .onliveProfileLogout svg,
.platform-ui.original-public[data-theme="light"] .profileToolLinks .uiBtn svg {
  color:var(--site-brand,#be123c);
}
body #site-header .onlive-profile-link:is([aria-current="page"],:active,:focus,:focus-visible) {
  border-color:color-mix(in srgb,var(--publish_starter_text,#1e293b) 22%,transparent);
  box-shadow:none;
}
body #site-header .onlive-profile-link:focus-visible {
  outline:2px solid var(--publish_starter_text,#1e293b);
  outline-offset:2px;
}
.onlive-mobile-auth-slot { display:none; }
body #site-header .asol_header_actions > [data-onlive-mobile-toggle] { display:none; }
@media(max-width:991.98px) {
  body #site-header .asol_header_row {
    display:grid !important;
    grid-template-columns:max-content minmax(0,1fr);
    column-gap:8px;
    align-items:center;
  }
  body #site-header .asol_header_start { display:none !important; }
  body #site-header .asol_logo { margin:0 !important; }
  body #site-header .asol_logo .onlive-logo { position:relative; gap:0; }
  body #site-header .asol_logo .onlive-logo-dots {
    position:absolute;
    left:50%;
    bottom:calc(100% + 4px);
    transform:translateX(-50%);
  }
  body #site-header .asol_header_actions {
    min-width:0;
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:4px;
  }
  body #site-header .asol_header_actions [data-onlive-mobile-toggle] {
    order:1;
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    flex:0 0 32px;
  }
  body #site-header .onlive-theme-toggle { order:2; }
  body #site-header .onlive-profile-slot { order:3; }
  body #site-header :is([data-onlive-mobile-toggle],.onlive-theme-toggle,.onlive-profile-link) {
    display:grid;
    place-items:center;
    box-sizing:border-box;
    width:32px;
    height:32px;
    padding:0;
    line-height:1;
  }
  body #site-header :is([data-onlive-mobile-toggle],.onlive-theme-toggle,.onlive-profile-link) svg {
    width:18px;
    height:18px;
    margin:0;
  }
  body #site-header .onlive-header-auth { order:4; margin:0; }
  body #site-header .asol_header_actions > .onlive-btn-login { order:4; }
  body #site-header .asol_header_actions > a[aria-label="가입하기"] { order:5; }
  body #site-header:not([data-onlive-authenticated="true"]) .onlive-profile-slot { display:none; }
  body #site-header[data-onlive-authenticated="true"] .asol_header_actions > .asol_cta_btn { display:none; }
  body #site-header[data-onlive-authenticated="true"] .onlive-mobile-auth-slot { display:inline-flex; order:4; }
  body #site-header .onlive-mobile-auth-slot form { margin:0; }
}
.platform-ui.original-public .profileStatsPanel[data-predictions="false"] .profileStats {
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:760px) {
  .platform-ui.original-public .shopDesk.is-gift .shopCatalog {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .platform-ui.original-public .shopDesk.is-gift .shopProduct {
    min-width:0;
    min-height:0;
    grid-template-rows:100px minmax(0,1fr);
    padding:8px;
  }
  .platform-ui.original-public .shopDesk.is-gift .giftProductMedia {
    height:100px;
  }
  .platform-ui.original-public .shopDesk.is-gift .shopProductBody b {
    overflow-wrap:anywhere;
  }
  .platform-ui.original-public .profileStatsPanel[data-predictions="false"] .profileStats {
    grid-template-columns:1fr;
  }
}
@media(max-width:480px) {
  .platform-ui.original-public .shopDesk.is-gift .shopProductMain {
    padding:10px 0 0;
    gap:8px;
  }
  .platform-ui.original-public .shopDesk.is-gift .shopProductBody b {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    white-space:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    height:34px;
    line-height:17px;
  }
  .platform-ui.original-public .shopDesk.is-gift .shopProductBody :is(small,strong) {
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .platform-ui.original-public .shopDesk.is-gift .shopProduct .shopThumb img {
    object-fit:contain;
    padding:8px;
  }
  .platform-ui.original-public .shopDesk.is-gift .shopBuy,
  .platform-ui.original-public .shopDesk.is-gift .shopBuy .primaryBtn {
    width:100%;
    min-width:0;
  }
}

/* The signup celebration always uses CAT TV black, independently of site theme. */
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] {
  background:rgb(0 0 0 / 65%);
  padding:20px;
}
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeModal {
  position:relative;
  max-height:calc(100dvh - 40px);
  overflow-y:auto;
  background:#191919;
  color:#fff;
  border-color:#3a3a3a;
  box-shadow:0 22px 70px rgb(0 0 0 / 55%),0 3px 12px rgb(0 0 0 / 30%);
}
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeTitle,
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeMemberText strong { color:#fff; }
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeDescription,
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeMemberText span { color:#d1d1d6; }
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeEyebrow { color:#f5b800; }
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeFooter { color:#b8b8bf; }
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeMark,
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeMemberIcon {
  background:#292619;
  border-color:#665326;
  color:#f5b800;
}
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeMark svg { color:#f5b800; stroke:#f5b800; }
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeMark::after { border-color:#665326; }
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeMember { background:#242424; border-color:#3a3a3a; }
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeMemberText { min-width:0; overflow-wrap:anywhere; }
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeButton {
  background:#f5b800;
  color:#191919;
}
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeButton:hover { background:#dba500; color:#191919; }
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] .signupWelcomeClose {
  position:absolute;
  top:12px;
  right:12px;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  padding:0;
  border:1px solid #484848;
  border-radius:50%;
  background:#242424;
  color:#fff;
  cursor:pointer;
}
.platform-ui .signupWelcomeOverlay[data-cattv-welcome] :is(.signupWelcomeClose,.signupWelcomeButton):focus-visible {
  outline:2px solid #f5b800;
  outline-offset:3px;
}