/* ============================================================ */

/* ── Design Tokens (shared with style.css) ───────────────── */
:root {
  /* Brand */
  --clr-brand:        #6366F1;
  --clr-brand-dark:   #4F46E5;
  --clr-brand-darker: #4338CA;
  --grad-brand:       linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
  --grad-brand-soft:  linear-gradient(135deg, #EEF2FF 0%, #F5F3FF 100%);

  /* Neutral scale */
  --clr-bg:           #F8FAFC;
  --clr-surface:      #FFFFFF;
  --clr-border:       #E2E8F0;
  --clr-border-soft:  rgba(226, 232, 240, 0.7);

  /* Text */
  --clr-text:         #0F172A;
  --clr-text-muted:   #64748B;
  --clr-text-subtle:  #94A3B8;

  /* Header */
  --nav-height:       75px;
  --nav-bg:           rgba(255, 255, 255, 0.96);
  --nav-blur:         12px;
  --nav-shadow:       0 1px 0 rgba(15, 23, 42, 0.06);
  --nav-shadow-scroll:0 4px 24px rgba(15, 23, 42, 0.10);
  --nav-max-width:    1000px;
  --nav-px:           20px;

  /* Drawer */
  --drawer-width:     320px;
  --drawer-bg:        #FFFFFF;

  /* Shadows */
  --shadow-xs:  0 1px 2px  rgba(15, 23, 42, 0.05);
  --shadow-sm:  0 4px 12px rgba(15, 23, 42, 0.08);
  --shadow-md:  0 8px 28px rgba(15, 23, 42, 0.12);
  --shadow-lg:  0 20px 60px rgba(15, 23, 42, 0.18);

  /* Radius */
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  20px;
  --radius-full:9999px;

  /* Animation */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast:   120ms;
  --dur-base:   200ms;
  --dur-slow:   320ms;

  /* Typography */
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Short aliases (페이지별 twig 공용) ──────────────────── */
  /* 각 페이지 twig에서 var(--border), var(--bg) 등 짧은 이름으로 참조할 수 있도록 */
  /* 실제 값은 위의 clr-* 토큰을 따름 — 한 곳만 수정하면 전체 반영 */
  --border:           var(--clr-border);
  --bg:               var(--clr-bg);
  --primary:          var(--clr-brand);
  --text:             var(--clr-text);
  --muted:            var(--clr-text-muted);
  --primary-gradient: var(--grad-brand);
}

/* ============================================================ */
.site-header *,
.mobile-drawer * {
  box-sizing: border-box;
}

/* Remove Bootstrap's default navbar styles for our header */
.site-header ul,
.mobile-drawer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-header button {
  font-family: var(--font-sans);
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  outline: none;
}

.site-header button:focus-visible,
.site-header a:focus-visible,
.mobile-drawer button:focus-visible,
.mobile-drawer a:focus-visible {
  outline: 2px solid var(--clr-brand);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

/* ============================================================ */
body {
  padding-top: var(--nav-height);
  font-family: var(--font-sans);
}

/* Prevent scroll when drawer is open */
body.drawer-is-open {
  overflow: hidden;
}

/* Main content — breathing room below fixed header */
main#mainContent {
  padding-top: 20px;
}

/* ============================================================ */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 900;
  height: var(--nav-height);
  background: var(--nav-bg);
  backdrop-filter: blur(var(--nav-blur));
  -webkit-backdrop-filter: blur(var(--nav-blur));
  border-bottom: 1px solid var(--clr-border-soft);
  box-shadow: var(--nav-shadow);
  transition:
    box-shadow var(--dur-base) var(--ease-in-out),
    border-color var(--dur-base) var(--ease-in-out);
}

/* Elevated state on scroll */
.site-header.is-scrolled {
  box-shadow: var(--nav-shadow-scroll);
  border-bottom-color: var(--clr-border);
}

/* Inner flex container */
.site-header__inner {
  display: flex;
  align-items: center;
  gap: 0;
  height: 100%;
  max-width: var(--nav-max-width);
  margin: 0 auto;
  padding: 0 var(--nav-px);
}

/* ============================================================ */
.site-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
}

.site-logo img {
  display: block;
  height: 44px;
  width: auto;
  object-fit: contain;
}

/* ============================================================ */
.primary-nav {
  display: flex;
  align-items: center;
  justify-content: center; /* 메뉴 중앙 정렬 */
  flex: 1;
  min-width: 0;
}

.primary-nav__list {
  display: flex;
  align-items: center;
  gap: 2px;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  padding: 5px 6px;
}

.primary-nav__item {
  position: relative;
}

/* Base link & button style */
.primary-nav__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 40px;
  padding: 0 18px;
  border-radius: var(--radius-md);
  color: var(--clr-text-muted);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background: transparent;
  border: none;
  font-family: var(--font-sans);
  position: relative;
  transition:
    color var(--dur-fast) var(--ease-in-out),
    background var(--dur-fast) var(--ease-in-out);
}

.primary-nav__link i {
  font-size: 13px;
  opacity: 0.7;
  transition: opacity var(--dur-fast) var(--ease-in-out);
}

/* Hover */
.primary-nav__link:hover,
.primary-nav__trigger:hover {
  color: var(--clr-brand);
  background: rgba(99, 102, 241, 0.06);
  text-decoration: none;
}

.primary-nav__link:hover i {
  opacity: 1;
}

/* Active state */
.primary-nav__link.is-active {
  color: var(--clr-brand);
  background: rgba(99, 102, 241, 0.08);
  font-weight: 600;
}

.primary-nav__link.is-active i {
  opacity: 1;
}

/* Active underline accent */
.primary-nav__link.is-active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 12px;
  right: 12px;
  height: 2px;
  background: var(--grad-brand);
  border-radius: var(--radius-full);
}

/* Ensure button triggers inherit full padding (Bootstrap override) */
.primary-nav__trigger {
  padding: 0 18px !important;
}

/* Chevron on dropdown triggers */
.primary-nav__caret {
  font-size: 10px !important;
  opacity: 0.5;
  transition: transform var(--dur-base) var(--ease-out) !important;
}

[aria-expanded="true"] .primary-nav__caret {
  transform: rotate(180deg);
  opacity: 0.8;
}

/* ============================================================ */
.nav-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 200px;
  background: #ffffff;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.12);
  padding: 6px;
  z-index: 1050;

  /* Hidden state */
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px) scale(0.97);
  transform-origin: top left;
  transition:
    opacity var(--dur-base) var(--ease-out),
    visibility var(--dur-base) var(--ease-out),
    transform var(--dur-base) var(--ease-out);
  pointer-events: none;
}

.nav-dropdown--right {
  left: auto;
  right: 0;
  transform-origin: top right;
}

/* Open state — toggled by JS via data-open attribute */
.nav-dropdown[data-open] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

/* Dropdown items */
.nav-dropdown__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  color: var(--clr-text-muted);
  font-size: 13.5px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition:
    color var(--dur-fast) var(--ease-in-out),
    background var(--dur-fast) var(--ease-in-out);
  width: 100%;
  background: none;
  border: none;
  font-family: var(--font-sans);
}

.nav-dropdown__item i {
  width: 16px;
  text-align: center;
  font-size: 13px;
  opacity: 0.75;
  color: var(--clr-brand);
  flex-shrink: 0;
  transition: opacity var(--dur-fast) var(--ease-in-out);
}

.nav-dropdown__item:hover {
  color: var(--clr-brand);
  background: rgba(99, 102, 241, 0.06);
  text-decoration: none;
}

.nav-dropdown__item:hover i {
  opacity: 1;
}

.nav-dropdown__item.is-active {
  color: var(--clr-brand);
  background: rgba(99, 102, 241, 0.08);
  font-weight: 600;
}

.nav-dropdown__badge {
  margin-left: auto;
  font-size: 11px;
  font-weight: 700;
  color: var(--clr-brand);
  background: rgba(99, 102, 241, 0.1);
  padding: 2px 8px;
  border-radius: var(--radius-full);
}

.nav-dropdown__divider {
  height: 1px;
  background: var(--clr-border);
  margin: 4px 6px;
}

/* ============================================================ */
.header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: 0;
}

/* Guide link */
.header-actions__guide {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: var(--radius-full);
  color: var(--clr-text-muted);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid var(--clr-border);
  background: var(--clr-surface);
  transition:
    color var(--dur-fast) var(--ease-in-out),
    border-color var(--dur-fast) var(--ease-in-out),
    background var(--dur-fast) var(--ease-in-out);
}

.header-actions__guide i {
  font-size: 12px;
}

.header-actions__guide:hover {
  color: var(--clr-brand);
  border-color: rgba(99, 102, 241, 0.4);
  background: rgba(99, 102, 241, 0.04);
  text-decoration: none;
}

/* Balance pill */
.balance-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  border-radius: 9999px;
  background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%) !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.30);
  transition:
    transform var(--dur-fast, 120ms) var(--ease-out, ease),
    box-shadow var(--dur-fast, 120ms) var(--ease-out, ease);
}

.balance-pill i {
  font-size: 12px;
  opacity: 0.85;
}

.balance-pill:hover {
  text-decoration: none !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(99, 102, 241, 0.38);
}

/* Small variant (mobile) */
.balance-pill--sm {
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(99, 102, 241, 0.25);
}

/* Icon-only button (currency switcher) */
.icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition:
    color var(--dur-fast) var(--ease-in-out),
    background var(--dur-fast) var(--ease-in-out);
}

.icon-btn--ghost {
  color: var(--clr-text-muted);
  background: transparent;
  border: 1px solid var(--clr-border);
}

.icon-btn--ghost:hover {
  color: var(--clr-brand);
  background: rgba(99, 102, 241, 0.06);
  border-color: rgba(99, 102, 241, 0.3);
}

/* Generic dropdown wrapper */
.header-menu-wrap {
  position: relative;
}

/* User menu trigger */
.user-menu-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px 4px 4px;
  border-radius: var(--radius-full);
  border: 1px solid var(--clr-border);
  background: var(--clr-surface);
  cursor: pointer;
  transition:
    border-color var(--dur-fast) var(--ease-in-out),
    box-shadow var(--dur-fast) var(--ease-in-out);
}

.user-menu-trigger:hover {
  border-color: rgba(99, 102, 241, 0.4);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.08);
}

.user-avatar {
  width: 30px;
  height: 30px;
  border-radius: var(--radius-full);
  background: var(--grad-brand-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-brand);
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
}

.user-menu-trigger__caret {
  font-size: 10px;
  color: var(--clr-text-subtle);
  transition: transform var(--dur-base) var(--ease-out);
}

[aria-expanded="true"] .user-menu-trigger__caret {
  transform: rotate(180deg);
}

/* Guest header actions */
.header-guest-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.guest-nav-link {
  display: inline-flex;
  align-items: center;
  padding: 7px 14px;
  border-radius: var(--radius-full);
  color: var(--clr-text-muted);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  border: none;
  font-family: var(--font-sans);
  transition:
    color var(--dur-fast) var(--ease-in-out),
    background var(--dur-fast) var(--ease-in-out);
}

.guest-nav-link:hover {
  color: var(--clr-brand);
  background: rgba(99, 102, 241, 0.06);
  text-decoration: none;
}

/* Primary CTA button (header) */
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: var(--radius-full);
  background: var(--grad-brand);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.28);
  transition:
    transform var(--dur-fast) var(--ease-out),
    box-shadow var(--dur-fast) var(--ease-out);
}

.btn-primary:hover {
  text-decoration: none;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.38);
}

/* ============================================================ */
.hamburger {
  display: none;   /* hidden on desktop */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  border: 1px solid var(--clr-border);
  background: var(--clr-surface);
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
  transition: border-color var(--dur-fast) var(--ease-in-out);
}

.hamburger:hover {
  border-color: rgba(99, 102, 241, 0.4);
}

.hamburger__bar {
  display: block;
  width: 18px;
  height: 1.5px;
  border-radius: var(--radius-full);
  background: var(--clr-text-muted);
  transform-origin: center;
  transition:
    transform var(--dur-base) var(--ease-out),
    opacity var(--dur-fast) var(--ease-in-out),
    background var(--dur-fast) var(--ease-in-out);
}

/* Active (X) state */
.hamburger.is-active .hamburger__bar:nth-child(1) {
  transform: translateY(6.5px) rotate(45deg);
}
.hamburger.is-active .hamburger__bar:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.hamburger.is-active .hamburger__bar:nth-child(3) {
  transform: translateY(-6.5px) rotate(-45deg);
}
.hamburger.is-active .hamburger__bar {
  background: var(--clr-brand);
}

/* Mobile-right cluster */
.mobile-header-right {
  display: none;  /* hidden on desktop */
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

/* ============================================================ */
.mobile-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 950;
  pointer-events: none;
}

/* Visible when aria-hidden is absent */
.mobile-drawer:not([aria-hidden]) {
  pointer-events: auto;
}

/* Backdrop */
.mobile-drawer__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  opacity: 0;
  transition: opacity var(--dur-slow) var(--ease-out);
}

.mobile-drawer:not([aria-hidden]) .mobile-drawer__backdrop {
  opacity: 1;
}

/* Panel */
.mobile-drawer__panel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(var(--drawer-width), 85vw);
  background: var(--drawer-bg);
  box-shadow: var(--shadow-lg);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  transform: translateX(-100%);
  transition: transform var(--dur-slow) var(--ease-out);
  display: flex;
  flex-direction: column;
}

.mobile-drawer:not([aria-hidden]) .mobile-drawer__panel {
  transform: translateX(0);
}

/* Drawer header */
.mobile-drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--clr-border);
  flex-shrink: 0;
  position: sticky;
  top: 0;
  background: var(--drawer-bg);
  z-index: 1;
}

.mobile-drawer__logo {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.mobile-drawer__logo img {
  height: 30px;
  width: auto;
  display: block;
}

.mobile-drawer__close {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-md);
  border: 1px solid var(--clr-border);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-text-muted);
  font-size: 15px;
  cursor: pointer;
  background: var(--clr-surface);
  transition:
    color var(--dur-fast) var(--ease-in-out),
    border-color var(--dur-fast) var(--ease-in-out);
}

.mobile-drawer__close:hover {
  color: var(--clr-brand);
  border-color: rgba(99, 102, 241, 0.4);
}

/* ============================================================ */
.drawer-balance {
  margin: 16px;
  padding: 18px;
  border-radius: var(--radius-lg);
  background: var(--grad-brand);
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.drawer-balance__label {
  font-size: 12px;
  font-weight: 500;
  opacity: 0.8;
  display: flex;
  align-items: center;
  gap: 6px;
}

.drawer-balance__label i {
  font-size: 11px;
}

.drawer-balance__amount {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.5px;
  line-height: 1.2;
}

.drawer-balance__cta {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  align-self: flex-start;
  border: 1px solid rgba(255, 255, 255, 0.3);
  transition: background var(--dur-fast) var(--ease-in-out);
}

.drawer-balance__cta:hover {
  background: rgba(255, 255, 255, 0.32);
  text-decoration: none;
  color: #fff;
}

.drawer-balance__cta i {
  font-size: 11px;
}

/* ============================================================ */
.mobile-nav {
  flex: 1;
  overflow-y: auto;
  padding: 8px 0 24px;
}

.mobile-nav__list {
  padding: 4px 12px;
}

.mobile-nav__divider {
  height: 1px;
  background: var(--clr-border);
  margin: 8px 20px;
}

/* Base link */
.mobile-nav__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 12px;
  border-radius: var(--radius-md);
  color: var(--clr-text);
  font-size: 14.5px;
  font-weight: 500;
  text-decoration: none;
  width: 100%;
  background: none;
  border: none;
  font-family: var(--font-sans);
  cursor: pointer;
  text-align: left;
  transition:
    color var(--dur-fast) var(--ease-in-out),
    background var(--dur-fast) var(--ease-in-out);
}

.mobile-nav__link i:first-child {
  width: 20px;
  text-align: center;
  font-size: 15px;
  color: var(--clr-text-subtle);
  flex-shrink: 0;
  transition: color var(--dur-fast) var(--ease-in-out);
}

.mobile-nav__link:hover {
  color: var(--clr-brand);
  background: rgba(99, 102, 241, 0.06);
  text-decoration: none;
}

.mobile-nav__link:hover i:first-child {
  color: var(--clr-brand);
}

/* Accordion variant */
.mobile-nav__link--accordion {
  justify-content: space-between;
}

.mobile-nav__link-main {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mobile-nav__arrow {
  font-size: 11px;
  color: var(--clr-text-subtle);
  transition: transform var(--dur-base) var(--ease-out);
  margin-left: auto;
  flex-shrink: 0;
}

.mobile-nav__link--accordion.is-open .mobile-nav__arrow {
  transform: rotate(180deg);
}

/* Sub-menu — 들여쓰기 + 좌측 계층 표시선 */
.mobile-nav__sub {
  margin: 2px 0 6px 32px; /* 좌측 32px 들여쓰기 */
  padding: 4px 0;
  border-left: 2px solid #E2E8F0; /* 계층 구조 표시선 */
  list-style: none;
}

.mobile-nav__sub-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px 9px 16px;
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  color: var(--clr-text-muted);
  font-size: 13.5px;
  font-weight: 500;
  text-decoration: none;
  transition:
    color var(--dur-fast) var(--ease-in-out),
    background var(--dur-fast) var(--ease-in-out);
}

.mobile-nav__sub-link::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #CBD5E1;
  flex-shrink: 0;
  transition: background var(--dur-fast) var(--ease-in-out);
}

.mobile-nav__sub-link:hover {
  color: var(--clr-brand);
  background: rgba(99, 102, 241, 0.06);
  text-decoration: none;
}

.mobile-nav__sub-link:hover::before {
  background: var(--clr-brand);
}

/* Guide link accent */
.mobile-nav__link--guide {
  color: var(--clr-brand);
}

.mobile-nav__link--guide i:first-child {
  color: var(--clr-brand);
  opacity: 0.8;
}

.mobile-nav__external {
  margin-left: auto;
  font-size: 10px;
  opacity: 0.5;
}

/* Account links (logout etc) */
.mobile-nav__link--account {
  color: var(--clr-text-muted);
}

/* ============================================================ */

/* ── Large tablet → Desktop: full nav visible ── */
@media (min-width: 769px) {

  /* Show desktop elements */
  .primary-nav     { display: flex; }
  .header-actions  { display: flex; }

  /* Hide mobile-only elements */
  .mobile-header-right { display: none !important; }
  .hamburger           { display: none !important; }
  .mobile-drawer       { display: none !important; }
}

/* ── Tablet & Mobile: collapse nav ── */
@media (max-width: 768px) {

  /* Hide desktop-only elements */
  .primary-nav     { display: none !important; }
  .header-actions  { display: none !important; }
  .header-guest-actions { display: none !important; }

  /* Show mobile elements */
  .mobile-header-right { display: flex !important; }

  /* Guest mobile: show hamburger only */
  .hamburger--guest {
    display: inline-flex !important;
    margin-left: auto;
  }

  /* Header inner: logo + mobile-header-right only */
  .site-header__inner {
    padding: 0 16px;
    gap: 0;
  }

  /* Drawer always accessible on mobile */
  .mobile-drawer { display: block; }

  /* Hamburger visible */
  .hamburger {
    display: inline-flex;
  }
}

/* ── Small mobile: tighten spacing ── */
@media (max-width: 400px) {
  .site-header__inner { padding: 0 12px; }
  .balance-pill--sm   { padding: 5px 8px; font-size: 11px; }
  .mobile-drawer__panel { width: 92vw; }
}

/* ── Very large screens: always cap nav width at 1000px ── */
@media (min-width: 1000px) {
  .site-header__inner { max-width: 1000px; }
}

/* ============================================================ */
@media (prefers-reduced-motion: reduce) {
  .mobile-drawer__panel,
  .mobile-drawer__backdrop,
  .nav-dropdown,
  .hamburger__bar,
  .primary-nav__link,
  .primary-nav__link::after,
  .balance-pill,
  .mobile-nav__arrow {
    transition: none !important;
    animation: none !important;
  }
}

/* ============================================================ */
@media print {
  .site-header,
  .mobile-drawer {
    display: none !important;
  }

  body {
    padding-top: 0 !important;
  }
}

/* ============================================================ */

/* ── 1. Base / Reset ──────────────────────────────────────── */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding-top: 75px !important; /* = --nav-height, fixed header offset — Bootstrap 덮어쓰기 */
  background-color: var(--clr-bg, #F8FAFC);
  color: var(--clr-text, #0F172A);
  font-family: var(--font-sans, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Global link color — brand */
a {
  color: var(--clr-brand, #6366F1);
}

a:hover {
  color: var(--clr-brand-dark, #4F46E5);
}

img {
  max-width: 100%;
  height: auto;
}

/* Responsive table container */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--radius-md, 12px);
}

/* ── 2. Typography ────────────────────────────────────────── */

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-sans, 'Inter', sans-serif);
  font-weight: 700;
  line-height: 1.3;
  color: var(--clr-text, #0F172A);
  margin-top: 0;
}

.text-muted { color: var(--clr-text-muted, #64748B); }
.text-brand { color: var(--clr-brand, #6366F1); }
.fw-700  { font-weight: 700; }
.fw-800  { font-weight: 800; }

/* ── 3. Layout helpers ────────────────────────────────────── */

/* Max-width content wrappers */
.content-wrap {
  max-width: 1000px;
  margin-inline: auto;
  padding-inline: clamp(12px, 3vw, 32px);
}

/* Bootstrap override: default container cap */
.container {
  max-width: 1060px;
}

/* ── 4. Buttons ───────────────────────────────────────────── */

/* Base reset on top of Bootstrap */
.btn {
  font-family: var(--font-sans, 'Inter', sans-serif);
  font-weight: 600;
  border-radius: 10px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    background var(--dur-fast, 120ms),
    box-shadow var(--dur-fast, 120ms),
    transform  var(--dur-fast, 120ms);
}

/* Primary */
.btn-primary,
.btn-primary:visited {
  background: var(--grad-brand, linear-gradient(135deg, #6366F1, #4F46E5));
  border: none;
  color: #fff;
  box-shadow: 0 4px 14px rgba(99, 102, 241, 0.20);
}

.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(135deg, #5558E8, #4338CA);
  color: #fff;
  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.30);
  transform: translateY(-1px);
}

.btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.20);
}

/* Default */
.btn-default {
  background: #fff;
  border: 1px solid var(--clr-border, #E2E8F0);
  color: var(--clr-text, #0F172A);
}

.btn-default:hover {
  border-color: var(--clr-brand, #6366F1);
  color: var(--clr-brand, #6366F1);
  background: rgba(99, 102, 241, 0.04);
}

/* Info (secondary action) */
.btn-info {
  background: #EEF2FF;
  border: 1px solid #E0E7FF;
  color: var(--clr-brand-dark, #4F46E5);
  font-weight: 600;
}

.btn-info:hover,
.btn-info:focus {
  background: #E0E7FF;
  color: var(--clr-brand-darker, #4338CA);
  border-color: rgba(99, 102, 241, 0.4);
}

.btn-link {
  color: var(--clr-brand, #6366F1);
  padding: 0;
  background: none;
  border: none;
}

.btn-link:hover {
  color: var(--clr-brand-dark, #4F46E5);
}

/* ── 5. Forms ─────────────────────────────────────────────── */

.form-control {
  border-radius: 10px;
  border: 1px solid var(--clr-border, #E2E8F0);
  color: var(--clr-text, #0F172A);
  font-family: var(--font-sans, 'Inter', sans-serif);
  font-size: 14px;
  padding: 9px 14px;
  background-color: #fff;
  transition:
    border-color var(--dur-fast, 120ms),
    box-shadow   var(--dur-fast, 120ms);
  box-shadow: none;
}

.form-control:focus {
  outline: none;
  border-color: rgba(99, 102, 241, 0.55);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.14);
}

.form-control::placeholder {
  color: var(--clr-text-subtle, #94A3B8);
}

/* Labels */
.control-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--clr-text, #0F172A);
  margin-bottom: 6px;
  display: block;
}

/* Panel / Well cards — Bootstrap override */
.panel,
.well {
  background: #fff;
  border: 1px solid var(--clr-border, #E2E8F0);
  border-radius: 16px;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
}

.panel-heading {
  background: transparent;
  border-bottom: 1px solid var(--clr-border, #E2E8F0);
  border-radius: 16px 16px 0 0;
  padding: 14px 20px;
  font-weight: 700;
  font-size: 15px;
}

.panel-body {
  padding: 20px;
}

/* ── 6. Page Header Block ─────────────────────────────────── */

.page-header-block {
  max-width: 1000px;
  margin: 0 auto 20px;
  padding-inline: 0;
}

.page-header-inner {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 22px 28px;
  background: var(--grad-brand-soft, linear-gradient(135deg, #EEF2FF, #F5F3FF));
  border-radius: 16px;
  border: 1px solid rgba(99, 102, 241, 0.12);
}

.page-header-inner .header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(99, 102, 241, 0.15);
  font-size: 22px;
  color: var(--clr-brand, #6366F1);
  flex-shrink: 0;
}

.page-header-inner .header-text h1 {
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  color: #111827;
  line-height: 1.25;
}

.page-header-inner .header-text p {
  margin: 5px 0 0;
  font-size: 13px;
  color: #6B7280;
  line-height: 1.5;
}

/* ── 7. Filter Bar & Nav Pills ────────────────────────────── */

.page-filter-bar {
  max-width: 1000px;
  margin: 0 auto 20px;
  padding: 10px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  background: #fff;
  border-radius: 14px;
  border: 1px solid var(--clr-border, #E2E8F0);
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
}

.page-filter-bar .filter-nav-pills {
  flex: 1;
  min-width: 0;
}

.page-filter-bar .search-box-wrapper {
  flex-shrink: 0;
  width: auto;
}

/* Nav pills */
.filter-nav-pills {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.filter-nav-pills li { margin: 0; }

.filter-nav-pills li a {
  display: block;
  padding: 7px 14px;
  background: #fff;
  color: #4B5563;
  text-decoration: none;
  border-radius: var(--radius-full, 9999px);
  font-size: 13px;
  font-weight: 600;
  border: 1.5px solid #D1D5DB;
  transition:
    background var(--dur-fast, 120ms),
    border-color var(--dur-fast, 120ms),
    color var(--dur-fast, 120ms);
}

.filter-nav-pills li a:hover {
  background: #EEF2FF;
  border-color: var(--clr-brand, #6366F1);
  color: var(--clr-brand, #6366F1);
  text-decoration: none;
}

.filter-nav-pills li.active a {
  background: var(--grad-brand, linear-gradient(135deg, #6366F1, #4F46E5));
  color: #fff;
  border-color: transparent;
  box-shadow: 0 3px 10px rgba(99, 102, 241, 0.32);
}

/* Search box */
.search-box-wrapper {
  display: flex;
  width: 220px;
}

.search-input {
  flex: 1;
  padding: 9px 14px;
  border: 1.5px solid #D1D5DB;
  border-right: none;
  border-radius: 10px 0 0 10px;
  font-size: 13px;
  font-family: var(--font-sans, 'Inter', sans-serif);
  color: var(--clr-text, #0F172A);
  background: #fff;
  outline: none;
  transition:
    border-color var(--dur-fast, 120ms),
    box-shadow   var(--dur-fast, 120ms);
}

.search-input:focus {
  border-color: var(--clr-brand, #6366F1);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12);
}

.search-input::placeholder {
  color: var(--clr-text-subtle, #94A3B8);
}

.search-button {
  width: 40px;
  background: var(--grad-brand, linear-gradient(135deg, #6366F1, #4F46E5));
  color: #fff;
  border: none;
  border-radius: 0 10px 10px 0;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: opacity var(--dur-fast, 120ms);
}

.search-button:hover  { opacity: 0.88; }
.search-button:active { opacity: 0.75; }

/* ── 8. Status Badges ─────────────────────────────────────── */

.status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: var(--radius-full, 9999px);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  white-space: nowrap;
  border: none;
  line-height: 1.2;
  min-width: 56px;
}

/* Semantic colors */
.status-badge.completed,
.status-badge.active      { background: #DCFCE7; color: #15803D; }
.status-badge.pending     { background: #FEF3C7; color: #B45309; }
.status-badge.inprogress  { background: #EEF2FF; color: #4338CA; }
.status-badge.processing  { background: #F5F3FF; color: #7C3AED; }
.status-badge.partial     { background: #FFF7ED; color: #C2410C; }
.status-badge.paused      { background: #FEF3C7; color: #92400E; }
.status-badge.expired,
.status-badge.cancelled,
.status-badge.canceled    { background: #F1F5F9; color: #64748B; }
.status-badge.error,
.status-badge.fail,
.status-badge.rejected    { background: #FEF2F2; color: #B91C1C; }
.status-badge.refunded    { background: #F0F9FF; color: #0369A1; }

/* ── 9. Data Table ────────────────────────────────────────── */

/* Container */
.pc-table-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 20px;
  background: #fff;
  border-radius: 16px;
  border: 1px solid var(--clr-border, #E2E8F0);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.07);
  overflow: hidden;
}

.pc-table-container .table-responsive {
  border-radius: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  border: none;
}

/* Generic data table */
.data-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  margin: 0;
}

.data-table thead tr {
  background: #F8FAFC;
  border-bottom: 2px solid var(--clr-border, #E2E8F0);
}

.data-table th {
  padding: 18px 16px;
  text-align: center;
  font-weight: 700;
  color: #374151;
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  white-space: nowrap;
  border: none;
}

.data-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #F1F5F9;
  border-top: none;
  border-left: none;
  border-right: none;
  font-size: 13px;
  vertical-align: middle;
  text-align: center;
}

/* 서비스/링크 컬럼 — 모든 테이블에서 좌측 정렬 */
.pc-service-column {
  text-align: left !important;
}

.data-table tbody tr:last-child td {
  border-bottom: none;
}

.data-table tbody tr:nth-child(even) {
  background: #FAFBFF;
}

.data-table tbody tr:hover {
  background: #EEF2FF;
  transition: background var(--dur-fast, 120ms);
}

/* Service table specifics */
#service-table {
  font-size: 12.5px;
}

#service-table thead th {
  font-size: 11px;
  padding: 12px;
  color: #374151;
  background: #F8FAFC;
  border-bottom: 1px solid var(--clr-border, #E2E8F0);
  border-top: none;
  border-left: none;
  border-right: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

#service-table thead th.width-service-name {
  text-align: left;
}

#service-table tbody td {
  padding: 10px 12px;
  vertical-align: middle;
  border-top: 1px solid var(--clr-border, #E2E8F0);
  border-left: none;
  border-right: none;
  text-align: center;
  white-space: nowrap;
}

#service-table tbody td.service-name {
  text-align: left;
  white-space: normal;
}

/* Category header rows - left align */
#service-table tr.category-header-row td {
  background: #F8FAFC;
  color: #101828;
  font-weight: 800;
  border-top: 1px solid var(--clr-border, #E2E8F0);
  border-bottom: 1px solid var(--clr-border, #E2E8F0);
  border-left: none;
  border-right: none;
  padding: 12px;
  text-align: left;
  white-space: normal;
}

#service-table tr.category-header-row strong {
  font-size: 12px;
}

#service-table tbody tr.service-row:hover {
  background: #F5F6FF;
}

#service-table .service-name {
  font-weight: 700;
  color: #101828;
}

#service-table .btn.btn-sm {
  padding: 5px 10px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 12px;
}

/* ── 10. Service Link Components ──────────────────────────── */

.service-link-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.svc-title {
  font-weight: 600;
  color: var(--clr-text, #0F172A);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.svc-link {
  color: var(--clr-brand, #6366F1);
  text-decoration: none;
  font-size: 12px;
  word-break: break-all;
  line-height: 1.4;
}

.svc-link:hover {
  text-decoration: underline;
  color: var(--clr-brand-dark, #4F46E5);
}

.order-link {
  color: var(--clr-brand, #6366F1);
  text-decoration: none;
  font-weight: 700;
}

.order-link:hover {
  text-decoration: underline;
  color: var(--clr-brand-dark, #4F46E5);
}

/* ── 11. Empty State ──────────────────────────────────────── */

.empty-state-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 24px;
  color: #9CA3AF;
  text-align: center;
}

.empty-state-box .empty-icon  { font-size: 38px; opacity: 0.35; }
.empty-state-box .empty-title { font-size: 15px; font-weight: 600; color: #4B5563; }
.empty-state-box .empty-sub   { font-size: 13px; color: #9CA3AF; margin-top: -4px; }

/* ── 12. Catalog (services page) ──────────────────────────── */

.inblog-catalog {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 clamp(12px, 3vw, 24px);
}

/* Hero / search card */


.catalog-hero__inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}





.catalog-controls {
  margin-top: 14px;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
  padding-top: 14px;
}

/* Catalog search */


.catalog-search i {
  color: var(--clr-brand, #6366F1);
  font-size: 14px;
}

.catalog-search .form-control {
  border: none;
  box-shadow: none;
  padding: 0;
  height: auto;
  font-size: 13px;
  line-height: 1.2;
  background: transparent;
}

.catalog-search .form-control:focus {
  box-shadow: none;
  outline: none;
  border-color: transparent;
}

#catalogSearchClear {
  padding: 0 4px;
  font-size: 12px;
  font-weight: 800;
  color: var(--clr-brand, #6366F1);
  text-decoration: none;
  opacity: 0.8;
  cursor: pointer;
  background: none;
  border: none;
  line-height: 1;
}

#catalogSearchClear:hover { opacity: 1; }

/* Filter section title */
.catalog-filter-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--clr-text-muted, #64748B);
  margin: 12px 0 8px 2px;
  letter-spacing: 0.2px;
}

/* Section divider */
.section-divider {
  height: 1px;
  background: var(--clr-border, #E2E8F0);
  margin: 14px 0;
}

/* ── 13. Platform Tabs ────────────────────────────────────── */

.platform-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.platform-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 12px;
  border-radius: var(--radius-full, 9999px);
  border: 1px solid var(--clr-border, #E2E8F0);
  background: #fff;
  color: #344054;
  font-weight: 700;
  font-size: 12.5px;
  line-height: 1;
  cursor: pointer;
  font-family: var(--font-sans, 'Inter', sans-serif);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
  transition:
    border-color var(--dur-fast, 120ms),
    box-shadow   var(--dur-fast, 120ms),
    transform    var(--dur-fast, 120ms),
    background   var(--dur-fast, 120ms),
    color        var(--dur-fast, 120ms);
}

.platform-tab:hover {
  transform: translateY(-1px);
  border-color: rgba(99, 102, 241, 0.3);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.09);
}

.platform-tab.active {
  background: var(--grad-brand, linear-gradient(135deg, #6366F1, #4F46E5));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 4px 14px rgba(99, 102, 241, 0.30);
}

.platform-tab.active .tab-txt,
.platform-tab.active .tab-ico,
.platform-tab.active .tab-ico i {
  color: #fff;
}

.platform-tab .tab-ico {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.platform-tab .tab-ico i { font-size: 15px; }

/* TikTok dark icon */
.platform-tab[data-platform="tiktok"] .tab-ico i { color: #111827; }
.platform-tab[data-platform="tiktok"].active .tab-ico i { color: #fff; }

/* Naver badge */
.naver-badge {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #EEF2FF;
  color: var(--clr-brand-dark, #4F46E5);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: -1px;
  line-height: 1;
}

.platform-tab.active .naver-badge {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

/* ── 14. Group Chips ──────────────────────────────────────── */

.catalog-groups {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.group-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 14px;
  border: 1px solid var(--clr-border, #E2E8F0);
  background: #fff;
  border-radius: var(--radius-full, 9999px);
  font-size: 12px;
  font-weight: 700;
  color: #344054;
  cursor: pointer;
  font-family: var(--font-sans, 'Inter', sans-serif);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
  transition:
    border-color var(--dur-fast, 120ms),
    box-shadow   var(--dur-fast, 120ms),
    transform    var(--dur-fast, 120ms),
    background   var(--dur-fast, 120ms),
    color        var(--dur-fast, 120ms);
}

.group-chip:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.09);
  border-color: rgba(99, 102, 241, 0.3);
}

.group-chip.is-active {
  background: var(--grad-brand, linear-gradient(135deg, #6366F1, #4F46E5));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 4px 14px rgba(99, 102, 241, 0.30);
}

/* ── 15. Mobile Service Cards ─────────────────────────────── */

.mobile-service-cards {
  display: none;
  margin-top: 14px;
}







/* Card header: name + ID badge */
.ms-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}



/* Meta info as pill badges */
.ms-meta {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}



.ms-meta span b {
  color: #1E293B;
  font-weight: 700;
}

/* Highlight price badge */


.ms-meta span.ms-price b {
  color: var(--clr-brand-dark, #4F46E5);
}

/* Actions row */
.ms-actions {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #F1F5F9;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.ms-actions .btn-desc {
  flex: 0 0 auto;
  background: transparent;
  border: 1.5px solid #CBD5E1;
  color: #475569;
  border-radius: 8px;
  font-weight: 700;
  font-size: 12.5px;
  padding: 7px 14px;
  transition: border-color var(--dur-fast, 120ms), color var(--dur-fast, 120ms);
}

.ms-actions .btn-desc:hover {
  border-color: var(--clr-brand, #6366F1);
  color: var(--clr-brand, #6366F1);
}

.ms-actions .btn-order {
  flex: 1;
  background: var(--grad-brand, linear-gradient(135deg, #6366F1, #4F46E5));
  border: none;
  color: #fff;
  border-radius: 8px;
  font-weight: 700;
  font-size: 13px;
  padding: 7px 12px;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.25);
  transition: box-shadow var(--dur-fast, 120ms), transform var(--dur-fast, 120ms);
}

.ms-actions .btn-order:hover {
  box-shadow: 0 6px 18px rgba(99, 102, 241, 0.35);
  transform: translateY(-1px);
  color: #fff;
}

/* Description expanded area */
.ms-desc {
  margin-top: 10px;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  padding: 12px 14px;
}

.ms-desc__title {
  font-size: 12px;
  font-weight: 700;
  color: var(--clr-brand, #6366F1);
  margin-bottom: 6px;
}

.ms-desc__body {
  font-size: 12.5px;
  color: #475569;
  line-height: 1.6;
}

/* ── 16. New Order Page ───────────────────────────────────── */

.neworder-filter {
  margin: 14px 0 16px;
  padding: 16px;
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 16px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
}

/* When inside an order card body */
.order-card__body .neworder-filter {
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0 0 14px;
  background: transparent;
}

.order-card__body .platform-tabs,
.order-card__body .catalog-groups {
  padding: 12px;
  background: #fff;
  border: 1px solid var(--clr-border, #E2E8F0);
  border-radius: 14px;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
}

.order-card__body .catalog-groups { margin-top: 10px; }

.order-card__body .form-group { margin-bottom: 14px; }

.neworder-filter .title {
  font-weight: 800;
  font-size: 13px;
  color: var(--clr-text, #0F172A);
}

/* SEO hidden links */
.seo-hidden-link {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

a[href*="instagram"][href*="landing"],
a[href*="tiktok"][href*="landing"],
a[href*="youtube"][href*="landing"] {
  display: none;
}

/* ── 17. Responsive ───────────────────────────────────────── */

/* Tablet & below */
@media (max-width: 767px) {

  /* Cards: show, PC table: hide */
  .pc-table-container  { display: none; }
  #service-table       { display: none; }
  .mobile-service-cards{ display: block; }

  /* Filter bar */
  .page-filter-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px;
  }

  .page-filter-bar .search-box-wrapper { width: 100%; }
  .search-input  { padding: 8px 12px; font-size: 12px; }

  /* Filter pills */
  .filter-nav-pills { gap: 5px; }
  .filter-nav-pills li a { padding: 6px 12px; font-size: 12px; }

  /* AUTH UI V3.3 fold-in 2026-07-15: is-auth 공유 filter-bar 모바일 규칙(orders/refill/subscriptions/drip-feed) */
  html body.is-auth .page-filter-bar {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
  }
  html body.is-auth .page-filter-bar .filter-nav-pills {
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    flex-wrap: nowrap;
    gap: 7px;
    margin: 0;
    padding: 0 2px 3px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  html body.is-auth .page-filter-bar .filter-nav-pills::-webkit-scrollbar { display: none; }
  html body.is-auth .page-filter-bar .filter-nav-pills > li {
    flex: 0 0 auto;
    float: none;
    margin: 0;
    scroll-snap-align: start;
  }
  html body.is-auth .page-filter-bar .filter-nav-pills > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 7px 14px;
    white-space: nowrap;
  }
  html body.is-auth .page-filter-bar .search-box-wrapper {
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    height: 44px;
    margin: 0;
    box-sizing: border-box;
  }
  html body.is-auth .page-filter-bar .search-input {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
    height: 44px;
    box-sizing: border-box;
  }
  html body.is-auth .page-filter-bar .search-button {
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    height: 44px;
    margin: 0;
    box-sizing: border-box;
  }

  /* Page header */
  .page-header-inner {
    padding: 16px 18px;
    gap: 14px;
  }

  .page-header-inner .header-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    font-size: 19px;
  }

  .page-header-inner .header-text h1 { font-size: 17px; }
  .page-header-inner .header-text p  { font-size: 12px; }

  /* Catalog */
  
  .catalog-title { font-size: 20px; }
}

/* Small mobile */
@media (max-width: 480px) {
  .ms-actions {
    flex-direction: row;
    justify-content: space-between;
  }
  .ms-actions .btn {
    flex: 1;
    font-size: 13px;
    padding: 9px 8px;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .btn,
  .platform-tab,
  .group-chip,
  .balance-pill,
  .ms-card {
    transition: none;
  }
}

/* Print */
@media print {
  body {
    padding-top: 0;
    background: white;
  }

  .panel, .well {
    box-shadow: none;
    border: 1px solid #ddd;
  }
}
.pagination-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 24px;
	margin-bottom: 24px;
}

.pagination-wrapper .pagination {
	margin: 0;
}

/* Inblog SEO landing template wrapper - 2026-06-09 */
.inblog-seo-template-container {
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.inblog-seo-template-shell {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.inblog-seo-template-shell *,
.inblog-seo-template-shell *::before,
.inblog-seo-template-shell *::after {
  box-sizing: border-box;
}
.inblog-seo-template-shell img,
.inblog-seo-template-shell video,
.inblog-seo-template-shell iframe {
  max-width: 100%;
}
@media (max-width: 767px) {
  .inblog-seo-template-container {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* ============================================================ */
:root {
  --clr-brand:        #4F46E5;
  --clr-brand-dark:   #4338CA;
  --clr-brand-soft:   #EEF2FF;
  --clr-brand-softer: #F5F7FF;
  --grad-brand:       linear-gradient(135deg, #5B5FEF 0%, #4338CA 100%);
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.09);
}

/* calmer surface system */
.panel,
.well,
.neworder-filter,
.page-filter-bar,
.catalog-hero,
.order-card,
.ms-card {
  border-color: var(--clr-border, #E2E8F0) !important;
  box-shadow: var(--shadow-xs) !important;
}

.panel:hover,
.well:hover,
.ms-card:hover,
.order-card:hover,
.platform-tab:hover,
.group-chip:hover {
  transform: none !important;
  box-shadow: var(--shadow-sm) !important;
}

/* CTA keeps brand confidence; secondary selections become less "AI-gradient everywhere" */
.btn-primary,
.ms-actions .btn-order,
.order-actions .btn-primary,
.footer-right-group .btn-primary {
  background: var(--grad-brand) !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(79, 70, 229, 0.18) !important;
}

.btn-primary:hover,
.ms-actions .btn-order:hover,
.order-actions .btn-primary:hover,
.footer-right-group .btn-primary:hover {
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.22) !important;
}

.platform-tab.active,
.group-chip.is-active,
.filter-nav-pills li.active a {
  background: #4F46E5 !important;
  border-color: #4F46E5 !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(79, 70, 229, 0.18) !important;
}

.platform-tab,
.group-chip,
.filter-nav-pills li a {
  box-shadow: none !important;
}

.platform-tab:hover,
.group-chip:hover,
.filter-nav-pills li a:hover {
  background: var(--clr-brand-softer, #F5F7FF) !important;
  border-color: #C7D2FE !important;
  color: var(--clr-brand-dark, #4338CA) !important;
}

.platform-tab.active:hover,
.group-chip.is-active:hover,
.filter-nav-pills li.active a:hover {
  background: #4F46E5 !important;
  color: #fff !important;
}

/* mobile catalog card: cleaner marketplace card, less template shine */




.ms-name {
  font-weight: 800;
  font-size: 14px;
  color: var(--clr-text, #0F172A);
  line-height: 1.35;
  flex: 1;
  letter-spacing: -0.01em;
}





/* form focus: modern but not neon */
.form-control:focus {
  border-color: #A5B4FC !important;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.10) !important;
}

/* page headers: keep soft, reduce startup-template gradient impression */
.page-header-inner {
  background: #FFFFFF !important;
  border-color: var(--clr-border, #E2E8F0) !important;
  box-shadow: var(--shadow-xs) !important;
}

.page-header-inner .header-icon {
  background: var(--clr-brand-softer, #F5F7FF) !important;
  box-shadow: none !important;
}

/* ============================================================ */
.catalog-hero {
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.055);
  padding: 18px;
  margin-bottom: 14px;
  border-color: #E5E7EB;
}
.catalog-title {
  margin: 0;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.55px;
  color: #0F172A;
}
.catalog-subtitle {
  margin: 6px 0 0;
  color: #475569;
  font-size: 13px;
  font-weight: 600;
}
.catalog-search {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #FBFAF7;
  border: 1px solid var(--clr-border, #E2E8F0);
  border-radius: 12px;
  padding: 8px 12px;
  box-shadow: none;
  border-color: #E5E7EB;
}
.platform-tab,
.group-chip {
  border-radius: 12px;
  box-shadow: none;
  transform: none !important;
}
.platform-tab:hover,
.group-chip:hover {
  transform: none !important;
  box-shadow: none;
  background:#F8FAFC;
  border-color:#C7D2FE;
}
.platform-tab.active,
.group-chip.is-active {
  background:#4F46E5;
  border-color:#4F46E5;
  box-shadow:none;
}
.ms-category {
  background: #F8FAFC !important;
  border: 1px solid var(--clr-border, #E2E8F0) !important;
  border-left: 3px solid var(--clr-brand, #4F46E5) !important;
  border-radius: 12px;
  box-shadow: none !important;
  padding: 10px 14px;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0 !important;
  margin: 14px 0 8px;
  color: #334155 !important;
  text-transform: none !important;
  border-color: #E5E7EB;
  border-left-color: #4F46E5;
}
.ms-card {
  background: #fff;
  border: 1px solid #E2E8F0;
  border-left: 4px solid var(--clr-brand, #6366F1);
  border-radius: 14px !important;
  box-shadow: none;
  padding: 14px 16px;
  margin-bottom: 10px;
  transition: box-shadow var(--dur-fast, 120ms),
    transform var(--dur-fast, 120ms),
    border-color var(--dur-fast, 120ms);
  border-left-width: 3px !important;
  border-color: #E5E7EB;
  border-left-color: #4F46E5;
}
.ms-card:hover {
  box-shadow: none;
  transform: none;
  border-left-color: #4338CA;
}
.ms-meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  padding: 3px 10px;
  font-size: 11.5px;
  font-weight: 600;
  color: #475569;
  white-space: nowrap;
  border-color: #E2E8F0 !important;
}
.ms-meta span.ms-price {
  background: #EEF2FF !important;
  border-color: #C7D2FE !important;
  color: #4338CA !important;
}
.ms-actions .btn-desc,
.ms-actions .btn-order {
  border-radius:10px;
  box-shadow:none;
  transform:none !important;
}
.ms-actions .btn-order:hover,
.ms-actions .btn-desc:hover {
  transform:none !important;
  box-shadow:none;
}
#service-table .btn,
.catalog-hero .btn {
  border-radius:10px;
  box-shadow:none !important;
}
#service-table .btn:hover,
.catalog-hero .btn:hover {
  transform:none !important;
  box-shadow:none !important;
}
.service-description-row td {
  background:#FBFAF7 !important;
  border-top:1px solid #E5E7EB;
}
@media (max-width: 767px){
  .catalog-hero {
  padding: 16px;
}
  .platform-tab, .group-chip { border-radius: 10px; }
  .ms-card { border-radius: 14px; padding: 14px 15px; }
}

/* ============================================================ */
:root {
  --inblog-shell-max: 1000px;
  --inblog-guide-max: 840px;
  --inblog-card-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
  --inblog-card-shadow-hover: 0 4px 12px rgba(15, 23, 42, 0.07);
  --inblog-soft-surface: #F8FAFC;
}

/* Core logged-in pages should share the new-order/services 1000px axis. */
body.is-auth.page-orders > .container-fluid,
body.is-auth.page-addfunds > .container-fluid,
body.is-auth.page-tickets > .container,
body.is-auth.page-tickets > .container-fluid {
  width: 100%;
  max-width: var(--inblog-shell-max);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* Guide/FAQ-style pages: keep a calmer readable axis. */
body.is-auth.page-guidelines .inblog-seo-template-container,
body.is-auth.page-faq > .container,
body.is-auth.page-refill-guide > .container {
  width: 100%;
  max-width: var(--inblog-guide-max);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* Reduce repeated AI/SaaS effect: solid selected states, lighter surfaces. */
.filter-nav-pills li.active a,
.platform-tab.active,
.group-chip.active,
.category-chip.active,
.filter-btn.active {
  background: var(--clr-brand, #6366F1) !important;
  border-color: var(--clr-brand, #6366F1) !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}

.filter-nav-pills li a:hover,
.platform-tab:hover,
.group-chip:hover,
.category-chip:hover,
.filter-btn:hover {
  transform: none !important;
  box-shadow: none !important;
}

.page-header-inner {
  background: #fff !important;
  border: 1px solid var(--clr-border, #E2E8F0) !important;
  box-shadow: var(--inblog-card-shadow) !important;
}

.page-header-inner .header-icon {
  background: #EEF2FF !important;
  border: 1px solid rgba(99, 102, 241, 0.16) !important;
  box-shadow: none !important;
}

.page-filter-bar,
.pc-table-container,
.catalog-hero,
.catalog-panel,
.ms-card,
.order-card,
.fund-card,
.ticket-card,
.well {
  box-shadow: var(--inblog-card-shadow) !important;
}

.pc-table-container:hover,
.catalog-panel:hover,
.ms-card:hover,
.order-card:hover,
.fund-card:hover,
.ticket-card:hover {
  box-shadow: var(--inblog-card-shadow-hover) !important;
  transform: none !important;
}

.search-button,
.btn-primary,
.order-actions .btn-primary,
.footer-right-group .btn-primary {
  background: var(--clr-brand, #6366F1) !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  body.is-auth.page-orders > .container-fluid,
  body.is-auth.page-addfunds > .container-fluid,
  body.is-auth.page-tickets > .container,
  body.is-auth.page-tickets > .container-fluid,
  body.is-auth.page-guidelines .inblog-seo-template-container,
  body.is-auth.page-faq > .container,
  body.is-auth.page-refill-guide > .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-header-inner {
    padding: 18px 18px !important;
    border-radius: 14px !important;
  }
}

/* INBLOG Live Design Unification Pass 2026-06-10 — main-child width correction */
body.is-auth.page-orders main > .container-fluid,
body.is-auth.page-addfunds main > .container-fluid,
body.is-auth.page-tickets main > .container,
body.is-auth.page-tickets main > .container-fluid {
  width: 100%;
  max-width: var(--inblog-shell-max);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

body.is-auth.page-faq main > .container,
body.is-auth.page-refill-guide main > .container {
  width: 100%;
  max-width: var(--inblog-guide-max);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  body.is-auth.page-orders main > .container-fluid,
  body.is-auth.page-addfunds main > .container-fluid,
  body.is-auth.page-tickets main > .container,
  body.is-auth.page-tickets main > .container-fluid,
  body.is-auth.page-faq main > .container,
  body.is-auth.page-refill-guide main > .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* INBLOG Live Design Unification Pass 2026-06-10 — content/SEO page axis */
/* Platform hubs and SEO discovery landings follow the core 1000px commerce axis. */
body.is-auth.page-instagram .inblog-seo-template-container,
body.is-auth.page-tiktok .inblog-seo-template-container,
body.is-auth.page-youtube .inblog-seo-template-container,
body.is-auth.page-instagram-followers .inblog-seo-template-container,
body.is-auth.page-instagram-likes .inblog-seo-template-container,
body.is-auth.page-instagram-views .inblog-seo-template-container,
body.is-auth.page-youtube-subscribers .inblog-seo-template-container,
body.is-auth.page-tiktok-followers .inblog-seo-template-container {
  max-width: var(--inblog-shell-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Legacy Page template wrappers: remove narrow Bootstrap col offset for selected SEO/docs pages. */
body.is-auth.page-youtube-views main > .container,
body.is-auth.page-tiktok-views main > .container {
  max-width: var(--inblog-shell-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.is-auth.page-youtube-views main > .container > .row > .col-md-8,
body.is-auth.page-tiktok-views main > .container > .row > .col-md-8 {
  width: 100% !important;
  margin-left: 0 !important;
  float: none !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

body.is-auth.page-youtube-views .well,
body.is-auth.page-tiktok-views .well {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Docs/FAQ pages use the calmer 840px reading axis, but should not collapse to 530px. */
body.is-auth.page-faq main > .container > .row > .col-md-8,
body.is-auth.page-refill-guide main > .container > .row > .col-md-8 {
  width: 100% !important;
  margin-left: 0 !important;
  float: none !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

body.is-auth.page-faq .well,
body.is-auth.page-refill-guide .well {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Keep guidelines explicitly on the 840px guide axis. */
body.is-auth.page-guidelines .inblog-seo-template-container {
  max-width: var(--inblog-guide-max) !important;
}

@media (max-width: 767px) {
  body.is-auth.page-instagram .inblog-seo-template-container,
  body.is-auth.page-tiktok .inblog-seo-template-container,
  body.is-auth.page-youtube .inblog-seo-template-container,
  body.is-auth.page-instagram-followers .inblog-seo-template-container,
  body.is-auth.page-instagram-likes .inblog-seo-template-container,
  body.is-auth.page-instagram-views .inblog-seo-template-container,
  body.is-auth.page-youtube-subscribers .inblog-seo-template-container,
  body.is-auth.page-tiktok-followers .inblog-seo-template-container,
  body.is-auth.page-youtube-views main > .container,
  body.is-auth.page-tiktok-views main > .container {
    max-width: 100% !important;
  }
}

/* INBLOG Live Design Unification Pass 2026-06-10 — addfunds/tickets refinement */
/* Add funds: calm the payment flow while preserving its clear step-by-step behavior. */
body.is-auth.page-addfunds .af-wrap {
  max-width: var(--inblog-shell-max, 1000px) !important;
}
body.is-auth.page-addfunds .af-header {
  background: #fff !important;
  border: 1px solid var(--clr-border, #E2E8F0) !important;
  box-shadow: var(--inblog-card-shadow, 0 1px 3px rgba(15, 23, 42, 0.05)) !important;
  color: var(--clr-text, #0F172A) !important;
}
body.is-auth.page-addfunds .af-header__icon {
  background: #EEF2FF !important;
  border: 1px solid rgba(99, 102, 241, 0.16) !important;
}
body.is-auth.page-addfunds .af-header__info h2,
body.is-auth.page-addfunds .af-header__balance-amt {
  color: var(--clr-text, #0F172A) !important;
}
body.is-auth.page-addfunds .af-header__info p,
body.is-auth.page-addfunds .af-header__balance-label {
  color: var(--clr-text-muted, #64748B) !important;
}

body.is-auth.page-addfunds .af-step-item.is-done .af-step-dot,
body.is-auth.page-addfunds .af-step-item.is-done:not(:last-child)::after {
  background: #10B981 !important;
}
body.is-auth.page-addfunds .af-card,
body.is-auth.page-addfunds .af-notice,
body.is-auth.page-addfunds .af-account-box,
body.is-auth.page-addfunds .af-success {
  box-shadow: var(--inblog-card-shadow, 0 1px 3px rgba(15, 23, 42, 0.05)) !important;
}



/* Tickets: widen the actual form, make it feel like a support center not a raw panel form. */
body.is-auth.page-tickets main > .container > .row > .col-md-8 {
  width: 100% !important;
  max-width: var(--inblog-guide-max, 840px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
body.is-auth.page-tickets .well {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid var(--clr-border, #E2E8F0) !important;
  border-radius: 16px !important;
  box-shadow: var(--inblog-card-shadow, 0 1px 3px rgba(15, 23, 42, 0.05)) !important;
}
body.is-auth.page-tickets .form-control {
  border-color: #CBD5E1 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body.is-auth.page-tickets .form-control:focus {
  border-color: var(--clr-brand, #6366F1) !important;
  box-shadow: 0 0 0 3px rgba(99,102,241,.10) !important;
}

body.is-auth.page-tickets .ticket-support-hero__icon {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: #EEF2FF;
  color: var(--clr-brand-dark, #4F46E5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  flex-shrink: 0;
}




@media (max-width: 767px) {
  
  
}

/* INBLOG tickets FAQ/Kakao refinement 2026-06-10 */

body.is-auth.page-tickets .ticket-support-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
body.is-auth.page-tickets .ticket-support-hero__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
}


body.is-auth.page-tickets .ticket-form-note {
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  color: #64748B;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
@media (max-width: 767px) {
  
  body.is-auth.page-tickets .ticket-support-hero__actions a {
    width: 100%;
  }
}

/* INBLOG tickets board two-column refinement 2026-06-10 */
body.is-auth.page-tickets .ticket-board-container {
  max-width: var(--inblog-shell-max, 1000px) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}





body.is-auth.page-tickets .ticket-urgent-copy {
  margin-top: 10px !important;
  color: #475569 !important;
  font-weight: 700;
}






@media (min-width: 768px) {
  
}
@media (max-width: 767px) {
  body.is-auth.page-tickets .ticket-board-container {
    max-width: 100% !important;
  }
  
  
  
}

/* INBLOG tickets board ratio correction 2026-06-10 */




/* INBLOG tickets form | board layout 2026-06-10 */

body.is-auth.page-tickets .ticket-page-head {
  width: 970px;
  max-width: 100%;
  margin: 0 auto 20px;
  padding: 22px 24px;
  background: #fff;
  border: 1px solid var(--auth-line) !important;
  border-radius: var(--auth-radius) !important;
  box-shadow: none !important;
  display: flex;
  align-items: flex-start !important;
  justify-content: space-between;
  gap: 18px;
}
body.is-auth.page-tickets .ticket-page-head__eyebrow {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 4px 9px;
  border-radius: 999px;
  background: #EEF2FF;
  color: var(--clr-brand-dark, #4F46E5);
  font-size: 12px;
  font-weight: 800;
}
body.is-auth.page-tickets .ticket-page-head h1 {
  margin: 0 0 7px;
  font-size: 24px !important;
  line-height: 1.28;
  font-weight: 900;
  color: var(--auth-text) !important;
}
body.is-auth.page-tickets .ticket-page-head p {
  margin: 0;
  color: var(--clr-text-muted, #64748B);
  font-size: 14px !important;
  line-height: 1.65 !important;
}
body.is-auth.page-tickets .ticket-page-head .ticket-urgent-copy {
  margin-top: 6px !important;
  color: #475569 !important;
  font-weight: 700;
}
body.is-auth.page-tickets .ticket-page-head__cta {
  flex: 0 0 auto;
}

body.is-auth.page-tickets .ticket-section-title {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 900;
  color: #0F172A;
  letter-spacing: -0.01em;
}








@media (max-width: 767px) {
  body.is-auth.page-tickets .ticket-page-head,
  body.is-auth.page-tickets .ticket-workspace-grid {
    width: 360px;
    max-width: calc(100vw - 30px);
  }
  body.is-auth.page-tickets .ticket-page-head {
    display: block;
    padding: 18px;
  }
  body.is-auth.page-tickets .ticket-page-head__cta {
    width: 100%;
    margin-top: 12px;
  }
  
  
}

/* INBLOG tickets final content refinement 2026-06-10 */

body.is-auth.page-tickets .ticket-section-pill {
  display: inline-flex;
  align-items: center;
  margin: 0 0 10px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #EEF2FF;
  color: var(--clr-brand-dark, #4F46E5);
  font-size: 12px;
  font-weight: 900;
}
body.is-auth.page-tickets .ticket-check-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
body.is-auth.page-tickets .ticket-check-list li {
  position: relative;
  padding-left: 28px;
  color: #475569;
  font-size: 13px;
  line-height: 1.65;
}
body.is-auth.page-tickets .ticket-check-list li::before {
  content: counter(list-item);
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #EEF2FF;
  color: var(--clr-brand-dark, #4F46E5);
  font-size: 11px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* INBLOG tickets support v6 grid/title fix 2026-06-10 */







/* INBLOG tickets recent table compact fix 2026-06-10 */





@media (max-width: 767px) {
  
}

/* INBLOG tickets wire v2 containment fix 2026-06-10 */
body.is-auth.page-tickets .ticket-wire-v2 {
  max-width: var(--inblog-shell-max, 1000px) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.is-auth.page-tickets .ticket-wire-v2 .ticket-main-grid {
  width: 970px !important;
  max-width: 100% !important;
  margin: 0 auto 22px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .85fr) !important;
  gap: 20px !important;
  align-items: start !important;
}
body.is-auth.page-tickets .ticket-wire-v2 .ticket-write-card,
body.is-auth.page-tickets .ticket-wire-v2 .ticket-check-box,
body.is-auth.page-tickets .ticket-wire-v2 .ticket-recent-wide {
  border: 1px solid var(--clr-border, #E2E8F0) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: var(--inblog-card-shadow, 0 1px 3px rgba(15, 23, 42, 0.05)) !important;
  box-sizing: border-box !important;
}
body.is-auth.page-tickets .ticket-wire-v2 .ticket-check-box {
  padding: 24px !important;
  width: 100% !important;
}
body.is-auth.page-tickets .ticket-wire-v2 .ticket-check-card {
  width: 100% !important;
}
body.is-auth.page-tickets .ticket-wire-v2 .ticket-recent-section {
  width: 970px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}
body.is-auth.page-tickets .ticket-wire-v2 .ticket-recent-wide {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 24px !important;
  overflow: hidden !important;
}
body.is-auth.page-tickets .ticket-wire-v2 .ticket-history-search {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
  box-sizing: border-box !important;
}
body.is-auth.page-tickets .ticket-wire-v2 .ticket-history-search .input-group {
  width: 100% !important;
  display: table !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
}
body.is-auth.page-tickets .ticket-wire-v2 .ticket-history-search .input-group .form-control {
  width: 100% !important;
  min-width: 0 !important;
}
body.is-auth.page-tickets .ticket-wire-v2 .ticket-history-search .input-group-btn {
  width: 56px !important;
}
body.is-auth.page-tickets .ticket-wire-v2 .ticket-history-search .btn {
  width: 56px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-radius: 0 10px 10px 0 !important;
}
body.is-auth.page-tickets .ticket-wire-v2 .ticket-history-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 14px !important;
  background: #fff !important;
}
body.is-auth.page-tickets .ticket-wire-v2 table.ticket-history-table {
  width: 100% !important;
  min-width: 720px !important;
  margin: 0 !important;
  table-layout: auto !important;
}
body.is-auth.page-tickets .ticket-wire-v2 table.ticket-history-table th,
body.is-auth.page-tickets .ticket-wire-v2 table.ticket-history-table td {
  white-space: nowrap !important;
  word-break: keep-all !important;
  padding: 14px 18px !important;
  vertical-align: middle !important;
}
@media (max-width: 767px) {
  body.is-auth.page-tickets .ticket-wire-v2 .ticket-main-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  body.is-auth.page-tickets .ticket-wire-v2 .ticket-recent-wide {
    padding: 16px !important;
  }
  body.is-auth.page-tickets .ticket-wire-v2 table.ticket-history-table {
    min-width: 640px !important;
  }
}

/* INBLOG tickets help links + mobile order polish 2026-06-11 */

body.is-auth.page-tickets .ticket-wire-v2 .ticket-help-links {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin-top: 16px !important;
}

body.is-auth.page-tickets .ticket-wire-v2 .ticket-help-links a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 10px 12px 10px 38px !important;
  border: 1px solid rgba(99, 102, 241, .18) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFF 100%) !important;
  color: var(--clr-brand-darker, #4338CA) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .035) !important;
  transition: background .16s ease, border-color .16s ease, transform .16s ease !important;
}

body.is-auth.page-tickets .ticket-wire-v2 .ticket-help-links a::before {
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #EEF2FF !important;
  color: var(--clr-brand-dark, #4F46E5) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

body.is-auth.page-tickets .ticket-wire-v2 .ticket-help-links a:nth-child(1)::before { content: '?'; }
body.is-auth.page-tickets .ticket-wire-v2 .ticket-help-links a:nth-child(2)::before { content: '✓'; }
body.is-auth.page-tickets .ticket-wire-v2 .ticket-help-links a:nth-child(3)::before { content: '↻'; }

body.is-auth.page-tickets .ticket-wire-v2 .ticket-help-links a::after {
  content: '›' !important;
  color: #94A3B8 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

body.is-auth.page-tickets .ticket-wire-v2 .ticket-help-links a:hover {
  background: #EEF2FF !important;
  border-color: rgba(99, 102, 241, .34) !important;
  transform: translateY(-1px) !important;
}

body.is-auth.page-tickets .ticket-wire-v2 .ticket-history-search .btn:hover {
  background: #EEF2FF !important;
  color: var(--clr-brand-dark, #4F46E5) !important;
}

@media (max-width: 767px) {
  body.is-auth.page-tickets .ticket-wire-v2 .ticket-check-card {
    order: -1 !important;
  }

  body.is-auth.page-tickets .ticket-wire-v2 .ticket-write-panel {
    order: 1 !important;
  }

  body.is-auth.page-tickets .ticket-wire-v2 .ticket-help-links {
    gap: 7px !important;
    margin-top: 14px !important;
  }

  body.is-auth.page-tickets .ticket-wire-v2 .ticket-help-links a {
    min-height: 40px !important;
    padding: 9px 11px 9px 36px !important;
  }
}

/* INBLOG commerce shell/radius/nav polish 2026-06-11 */

:root {
  --inblog-commerce-max: var(--inblog-shell-max, 1000px);
  --inblog-commerce-radius: 16px;
  --inblog-commerce-border: var(--clr-border, #E2E8F0);
  --inblog-commerce-card-shadow: var(--inblog-card-shadow, 0 1px 3px rgba(15, 23, 42, 0.05));
}

body.is-auth.page-refill main > .container-fluid {
  width: 100% !important;
  max-width: var(--inblog-commerce-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

body.is-auth.page-orders table.orders-table,
body.is-auth.page-refill table.refill-table,
body.is-auth.page-services table.data-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid var(--inblog-commerce-border) !important;
  border-radius: var(--inblog-commerce-radius) !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: var(--inblog-commerce-card-shadow) !important;
}

body.is-auth.page-orders table.orders-table thead th:first-child,
body.is-auth.page-refill table.refill-table thead th:first-child,
body.is-auth.page-services table.data-table thead th:first-child {
  border-top-left-radius: calc(var(--inblog-commerce-radius) - 1px) !important;
}

body.is-auth.page-orders table.orders-table thead th:last-child,
body.is-auth.page-refill table.refill-table thead th:last-child,
body.is-auth.page-services table.data-table thead th:last-child {
  border-top-right-radius: calc(var(--inblog-commerce-radius) - 1px) !important;
}

body.is-auth.page-orders table.orders-table tbody tr:last-child td:first-child,
body.is-auth.page-refill table.refill-table tbody tr:last-child td:first-child,
body.is-auth.page-services table.data-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: calc(var(--inblog-commerce-radius) - 1px) !important;
}

body.is-auth.page-orders table.orders-table tbody tr:last-child td:last-child,
body.is-auth.page-refill table.refill-table tbody tr:last-child td:last-child,
body.is-auth.page-services table.data-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: calc(var(--inblog-commerce-radius) - 1px) !important;
}

.primary-nav__list {
  border-radius: 14px !important;
  background: rgba(248, 250, 252, .92) !important;
  border-color: var(--inblog-commerce-border) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .035) !important;
}

.primary-nav__link {
  border-radius: 12px !important;
}

.nav-dropdown {
  border-radius: 16px !important;
  border-color: var(--inblog-commerce-border) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .12) !important;
}

.nav-dropdown__item {
  border-radius: 12px !important;
}

.nav-dropdown__item:hover,
.nav-dropdown__item.is-active {
  background: #EEF2FF !important;
  color: var(--clr-brand-dark, #4F46E5) !important;
}

@media (max-width: 767px) {
  body.is-auth.page-refill main > .container-fluid,
  body.is-auth.page-orders main > .container-fluid,
  body.is-auth.page-services main > .container-fluid {
    max-width: calc(100vw - 30px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.is-auth.page-orders table.orders-table,
  body.is-auth.page-refill table.refill-table,
  body.is-auth.page-services table.data-table {
    border-radius: 14px !important;
  }
}

/* Mobile filter rows: keep horizontal scrolling but hide the native scrollbar for a cleaner card look. */
@media (max-width: 767px) {
  body.is-auth .filter-nav-pills {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  body.is-auth .filter-nav-pills::-webkit-scrollbar {
    display: none !important;
  }
}

/* INBLOG header gutter + refunds width alignment 2026-06-11 */

html {
  scrollbar-gutter: stable !important;
  overflow-y: scroll !important;
}

body.is-auth.page-orders-refunds main > .container {
  width: 100% !important;
  max-width: var(--inblog-commerce-max, var(--inblog-shell-max, 1000px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

body.is-auth.page-orders-refunds table.data-table,
body.is-auth.page-orders-refunds table.table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid var(--inblog-commerce-border, var(--clr-border, #E2E8F0)) !important;
  border-radius: var(--inblog-commerce-radius, 16px) !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: var(--inblog-commerce-card-shadow, 0 1px 3px rgba(15, 23, 42, 0.05)) !important;
}

@media (max-width: 767px) {
  body.is-auth.page-orders-refunds main > .container {
    max-width: calc(100vw - 30px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.is-auth.page-orders-refunds table.data-table,
  body.is-auth.page-orders-refunds table.table {
    border-radius: 14px !important;
  }
}

/* INBLOG subscriptions/drip/refunds table + search unification 2026-06-11 */

/* Subscriptions and drip-feed used full-width main containers; align them to the orders/refill commerce shell. */
body.is-auth.page-subscriptions main > .container-fluid,
body.is-auth.page-drip-feed main > .container-fluid {
  width: 100% !important;
  max-width: var(--inblog-commerce-max, var(--inblog-shell-max, 1000px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}

body.is-auth.page-subscriptions table.subscriptions-table,
body.is-auth.page-drip-feed table.dripfeed-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid var(--inblog-commerce-border, var(--clr-border, #E2E8F0)) !important;
  border-radius: var(--inblog-commerce-radius, 16px) !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: var(--inblog-commerce-card-shadow, 0 1px 3px rgba(15,23,42,.05)) !important;
}

/* Refund history is a legacy Bootstrap layout; make it read like the newer commerce pages. */
body.is-auth.page-orders-refunds main > .container > .row,
body.is-auth.page-orders-refunds main > .container > .row > [class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.is-auth.page-orders-refunds .alert.alert-info {
  width: 970px !important;
  max-width: 100% !important;
  margin: 0 auto 20px !important;
  padding: 14px 18px !important;
  border: 1px solid var(--clr-border, #E2E8F0) !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: var(--clr-text-muted, #64748B) !important;
  box-shadow: var(--inblog-commerce-card-shadow, 0 1px 3px rgba(15,23,42,.05)) !important;
}

body.is-auth.page-orders-refunds .nav.nav-pills {
  width: 970px !important;
  max-width: 100% !important;
  margin: 0 auto 20px !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  background: #fff !important;
  border: 1px solid var(--clr-border, #E2E8F0) !important;
  border-radius: 14px !important;
  box-shadow: var(--inblog-commerce-card-shadow, 0 1px 3px rgba(15,23,42,.05)) !important;
}

body.is-auth.page-orders-refunds .nav.nav-pills > li {
  float: none !important;
  margin: 0 !important;
}

body.is-auth.page-orders-refunds .nav.nav-pills > li > a {
  display: block !important;
  padding: 7px 14px !important;
  background: #fff !important;
  color: #4B5563 !important;
  border-radius: 9999px !important;
  border: 1.5px solid #D1D5DB !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
}

body.is-auth.page-orders-refunds .nav.nav-pills > li > a:hover {
  background: #F5F7FF !important;
  border-color: #C7D2FE !important;
  color: var(--clr-brand-dark, #4338CA) !important;
}

body.is-auth.page-orders-refunds .nav.nav-pills > li.active > a,
body.is-auth.page-orders-refunds .nav.nav-pills > li.active > a:hover {
  background: var(--clr-brand, #4F46E5) !important;
  border-color: var(--clr-brand, #4F46E5) !important;
  color: #fff !important;
  box-shadow: none !important;
}

body.is-auth.page-orders-refunds .nav.nav-pills > li.search {
  margin-left: auto !important;
  width: 220px !important;
  max-width: 100% !important;
}

body.is-auth.page-orders-refunds .well.well-float {
  width: 970px !important;
  max-width: 100% !important;
  margin: 0 auto 20px !important;
  padding: 0 !important;
  border: 1px solid var(--inblog-commerce-border, var(--clr-border, #E2E8F0)) !important;
  border-radius: var(--inblog-commerce-radius, 16px) !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: var(--inblog-commerce-card-shadow, 0 1px 3px rgba(15,23,42,.05)) !important;
}

body.is-auth.page-orders-refunds .well.well-float .table {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.is-auth.page-orders-refunds .well.well-float .table thead tr {
  background: #F8FAFC !important;
  border-bottom: 2px solid var(--clr-border, #E2E8F0) !important;
}

body.is-auth.page-orders-refunds .well.well-float .table th,
body.is-auth.page-orders-refunds .well.well-float .table td {
  padding: 14px 16px !important;
  text-align: center !important;
  vertical-align: middle !important;
  border-top: 0 !important;
  border-bottom: 1px solid #F1F5F9 !important;
  font-size: 13px !important;
}

body.is-auth.page-orders-refunds .well.well-float .table th {
  color: #374151 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

/* Normalize legacy Bootstrap input-group search buttons to the shared violet search-button look. */

/* fold-in 2026-07-15: AUTH UI V3.x tickets 층을 기본층 인접으로 병합/이동 (값 동일, copy 7 백업) */
html body.is-auth.page-tickets .ticket-write-card, html body.is-auth.page-tickets .ticket-check-card, html body.is-auth.page-tickets .ticket-recent-wide{ border-color:var(--auth-line)!important; border-radius:var(--auth-radius)!important; box-shadow:none!important; }
@media(max-width:767px){
html body.is-auth.page-tickets .ticket-board-container,
  html body.is-auth.page-tickets .ticket-wire-v2{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin-left:12px!important;
    margin-right:12px!important;
    padding-left:0!important;
    padding-right:0!important;
  }
html body.is-auth.page-tickets .ticket-wire-v2 .ticket-page-head,
  html body.is-auth.page-tickets .ticket-wire-v2 .ticket-main-grid,
  html body.is-auth.page-tickets .ticket-wire-v2 .ticket-recent-section{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
html body.is-auth.page-tickets .ticket-wire-v2 .ticket-main-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
  }
html body.is-auth.page-tickets .ticket-wire-v2 .ticket-check-card{order:1!important}
html body.is-auth.page-tickets .ticket-wire-v2 .ticket-write-panel{order:2!important}
html body.is-auth.page-tickets .ticket-wire-v2 .ticket-page-head,
  html body.is-auth.page-tickets .ticket-wire-v2 .ticket-write-card,
  html body.is-auth.page-tickets .ticket-wire-v2 .ticket-check-box,
  html body.is-auth.page-tickets .ticket-wire-v2 .ticket-recent-wide{
    width:100%!important;
    max-width:none!important;
    padding:18px 16px!important;
    border-radius:13px!important;
  }
}

body.is-auth.page-orders-refunds #history-search .input-group,
body.is-auth.page-tickets .ticket-wire-v2 .ticket-history-search .input-group,
body.is-auth.page-tickets .ticket-history-search .input-group {
  display: flex !important;
  table-layout: auto !important;
  width: 100% !important;
  align-items: stretch !important;
  border-collapse: separate !important;
}

body.is-auth.page-orders-refunds #history-search .form-control,
body.is-auth.page-tickets .ticket-wire-v2 .ticket-history-search .input-group .form-control,
body.is-auth.page-tickets .ticket-history-search .input-group .form-control {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 41px !important;
  min-height: 41px !important;
  border: 1px solid #D1D5DB !important;
  border-right: 0 !important;
  border-radius: 10px 0 0 10px !important;
  box-shadow: none !important;
  padding: 9px 14px !important;
}

body.is-auth.page-orders-refunds #history-search .input-group-btn,
body.is-auth.page-tickets .ticket-wire-v2 .ticket-history-search .input-group-btn,
body.is-auth.page-tickets .ticket-history-search .input-group-btn {
  display: flex !important;
  width: 40px !important;
  flex: 0 0 40px !important;
}

body.is-auth.page-orders-refunds #history-search button.btn,
body.is-auth.page-tickets .ticket-wire-v2 .ticket-history-search .input-group-btn button.btn,
body.is-auth.page-tickets .ticket-history-search .input-group-btn button.btn {
  width: 40px !important;
  height: 41px !important;
  min-height: 41px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 10px 10px 0 !important;
  background: var(--clr-brand, #4F46E5) !important;
  background-color: var(--clr-brand, #4F46E5) !important;
  background-image: linear-gradient(var(--clr-brand, #4F46E5), var(--clr-brand, #4F46E5)) !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 999px var(--clr-brand, #4F46E5) !important;
}

body.is-auth.page-orders-refunds #history-search button.btn:hover,
body.is-auth.page-tickets .ticket-wire-v2 .ticket-history-search .input-group-btn button.btn:hover,
body.is-auth.page-tickets .ticket-history-search .input-group-btn button.btn:hover {
  background: var(--clr-brand-dark, #4338CA) !important;
  background-color: var(--clr-brand-dark, #4338CA) !important;
  color: #fff !important;
}

@media (max-width: 767px) {
  body.is-auth.page-subscriptions main > .container-fluid,
  body.is-auth.page-drip-feed main > .container-fluid,
  body.is-auth.page-orders-refunds main > .container {
    max-width: calc(100vw - 30px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.is-auth.page-orders-refunds .alert.alert-info,
  body.is-auth.page-orders-refunds .nav.nav-pills,
  body.is-auth.page-orders-refunds .well.well-float {
    width: 100% !important;
    border-radius: 14px !important;
  }

  body.is-auth.page-orders-refunds .nav.nav-pills > li.search {
    width: 100% !important;
    margin-left: 0 !important;
  }

  body.is-auth.page-orders-refunds .well.well-float {
    overflow-x: auto !important;
  }

  body.is-auth.page-orders-refunds .well.well-float .table {
    min-width: 560px !important;
  }
}

/* INBLOG addfunds micro polish proposal 2026-06-11 */

body.is-auth.page-addfunds .af-card__title,
body.is-auth.page-addfunds .af-section-title {
  color: var(--clr-text, #0F172A) !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
}

body.is-auth.page-addfunds .af-card .control-label,
body.is-auth.page-addfunds .af-card label,
body.is-auth.page-addfunds .af-form label {
  color: #334155 !important;
  font-weight: 800 !important;
}

body.is-auth.page-addfunds .af-step-item.is-active .af-step-dot {
  background: var(--clr-brand, #4F46E5) !important;
  border-color: var(--clr-brand, #4F46E5) !important;
  box-shadow: 0 0 0 4px rgba(79, 70, 229, .12) !important;
  color: #fff !important;
}

body.is-auth.page-addfunds .af-step-item.is-active .af-step-label,
body.is-auth.page-addfunds .af-step-item.is-active .af-step-title,
body.is-auth.page-addfunds .af-step-item.is-active .af-step-text {
  color: var(--clr-brand-dark, #4338CA) !important;
  font-weight: 900 !important;
}

body.is-auth.page-addfunds .af-step-item.is-done .af-step-dot {
  background: #10B981 !important;
  border-color: #10B981 !important;
  color: #fff !important;
}



@media (max-width: 767px) {
  body.is-auth.page-addfunds .af-notice {
    padding: 15px 16px !important;
  }

  body.is-auth.page-addfunds .af-notice p,
  body.is-auth.page-addfunds .af-notice li {
    line-height: 1.55 !important;
  }

  /* Move the shared floating chat button up only on the add-funds page. */
  
}

/* INBLOG addfunds contrast + history column polish 2026-06-11 */

body.is-auth.page-addfunds .af-steps {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

body.is-auth.page-addfunds .af-step-item:not(.is-active):not(.is-done) .af-step-dot {
  color: #64748B !important;
  border-color: #CBD5E1 !important;
  background: #FFFFFF !important;
}

body.is-auth.page-addfunds .af-step-item:not(.is-active):not(.is-done) .af-step-label,
body.is-auth.page-addfunds .af-step-item:not(.is-active):not(.is-done) .af-step-title,
body.is-auth.page-addfunds .af-step-item:not(.is-active):not(.is-done) .af-step-text {
  color: #64748B !important;
  font-weight: 800 !important;
}

body.is-auth.page-addfunds .af-step-item:not(:last-child)::after {
  background: #CBD5E1 !important;
}

body.is-auth.page-addfunds .af-step-item.is-active:not(:last-child)::after,
body.is-auth.page-addfunds .af-step-item.is-done:not(:last-child)::after {
  background: var(--clr-brand, #4F46E5) !important;
}

body.is-auth.page-addfunds .af-notice {
  background: #FFFFFF !important;
  border-color: #C7D2FE !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .07) !important;
}

body.is-auth.page-addfunds .af-notice__title {
  color: var(--clr-brand-darker, #4338CA) !important;
  font-weight: 950 !important;
}

body.is-auth.page-addfunds .af-notice__item,
body.is-auth.page-addfunds .af-notice__item span,
body.is-auth.page-addfunds .af-notice__item strong {
  color: #334155 !important;
}

body.is-auth.page-addfunds .af-notice__item {
  font-weight: 700 !important;
}

body.is-auth.page-addfunds .af-notice__item strong {
  font-weight: 900 !important;
}

body.is-auth.page-addfunds .af-notice__icon {
  color: var(--clr-brand-dark, #4F46E5) !important;
}

/* Recent charge history: keep date format intact, only tighten ID/date columns. */
body.is-auth.page-addfunds .af-history table {
  table-layout: auto !important;
}

body.is-auth.page-addfunds .af-history table th:nth-child(1),
body.is-auth.page-addfunds .af-history table td:nth-child(1) {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  white-space: nowrap !important;
}

body.is-auth.page-addfunds .af-history table th:nth-child(2),
body.is-auth.page-addfunds .af-history table td:nth-child(2) {
  width: 168px !important;
  min-width: 168px !important;
  max-width: 168px !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  body.is-auth.page-addfunds .af-history table th:nth-child(1),
  body.is-auth.page-addfunds .af-history table td:nth-child(1) {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.is-auth.page-addfunds .af-history table th:nth-child(2),
  body.is-auth.page-addfunds .af-history table td:nth-child(2) {
    width: 162px !important;
    min-width: 162px !important;
    max-width: 162px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* INBLOG addfunds deposit-name hint emphasis 2026-06-11 */



body.is-auth.page-addfunds .af-hint strong {
  color: #0F172A !important;
  font-weight: 900 !important;
}

body.is-auth.page-addfunds .af-hint .af-hint-primary {
  color: #1E40AF !important;
  font-weight: 900 !important;
}

body.is-auth.page-addfunds .af-hint .af-hint-warning {
  color: #B45309 !important;
  font-weight: 850 !important;
}

/* INBLOG addfunds final compact polish 2026-06-11 */

body.is-auth.page-addfunds .af-divider {
  display: none !important;
}

body.is-auth.page-addfunds .af-hint {
  margin-top: 8px !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}

body.is-auth.page-addfunds .af-hint strong,
body.is-auth.page-addfunds .af-hint .af-hint-primary,
body.is-auth.page-addfunds .af-hint .af-hint-warning {
  font-weight: 500 !important;
}

body.is-auth.page-addfunds .af-hint .af-hint-primary {
  color: #1E40AF !important;
}

body.is-auth.page-addfunds .af-hint .af-hint-warning {
  color: #92400E !important;
}

body.is-auth.page-addfunds .af-history h4 {
  color: #334155 !important;
  font-weight: 850 !important;
  letter-spacing: -0.01em !important;
}

@media (max-width: 767px) {
  body.is-auth.page-addfunds .chat-yellow-btn {
  bottom: calc(env(safe-area-inset-bottom, 0px) + 72px) !important;
}
}

/* INBLOG addfunds amount-to-depositor spacing 2026-06-11 */

body.is-auth.page-addfunds label[for="depositor-name"] {
  margin-top: 14px !important;
}

/* INBLOG home platform polish 2026-06-12 — underline + compact block spacing */
body.is-auth.page-home .category-filter-grid .filter-btn,
body.is-auth.page-home .category-filter-grid .filter-btn:link,
body.is-auth.page-home .category-filter-grid .filter-btn:visited,
body.is-auth.page-home .category-filter-grid .filter-btn:hover,
body.is-auth.page-home .category-filter-grid .filter-btn:focus,
body.is-auth.page-home .category-filter-grid .filter-btn:active,
body.is-auth.page-home .category-filter-grid .filter-btn.active,
body.is-auth.page-home .category-filter-grid .filter-btn *,
body.is-auth.page-home .category-filter-grid .filter-btn:hover *,
body.is-auth.page-home .category-filter-grid .filter-btn:focus *,
body.is-auth.page-home .category-filter-grid .filter-btn:active * {
  text-decoration: none !important;
  text-decoration-line: none !important;
}

body.is-auth.page-home .category-filter-grid {
  margin-top: -2px !important;
  margin-bottom: 16px !important;
}

body.is-auth.page-home #order-form .form-group {
  margin-bottom: 18px;
}

/* INBLOG home card gap alignment 2026-06-12 — unify hero/order/sidebar box rhythm */
body.is-auth.page-home .no-top-banner {
  margin-bottom: 16px !important;
}

/* INBLOG home box rhythm 2026-06-12 — 16px visual gaps */
body.is-auth.page-home .no-top-banner {
  margin: 0 0 16px !important;
}

body.is-auth.page-home .no-layout-row {
  margin-left: -8px !important;
  margin-right: -8px !important;
  margin-bottom: 16px !important;
}

body.is-auth.page-home .no-layout-row > [class*="col-"] {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

body.is-auth.page-home .latest-news-section,
body.is-auth.page-home .guidelines-wrapper {
  margin-bottom: 16px !important;
}

/* INBLOG mobile service description breathing room 2026-06-12 */
@media (max-width: 767px) {
  body.is-auth.page-home main > .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.is-auth.page-home .well {
    padding: 16px !important;
  }

  body.is-auth.page-home #service_description .panel-body.border-solid.border-rounded {
    padding: 12px !important;
  }

  body.is-auth.page-home #service_description .panel-body > div {
    width: 100% !important;
    max-width: none !important;
  }

  body.is-auth.page-home #service_description .panel-body > div > div {
    padding: 10px 11px !important;
  }

  body.is-auth.page-home #service_description details summary {
    padding: 11px !important;
  }
}

/* ========================================================= */
.ib-root-only{display:none!important}
body.is-guest.page-home .ib-root-only{display:block!important}
body.is-guest.page-home .ib-generic-page{display:none!important}
body.is-guest.page-home { background:#fff; color:#141425; }
body.is-guest.page-home main { overflow:hidden; }
body.is-guest.page-home .ib-home { --ib-ink:#151527; --ib-muted:#676779; --ib-line:#e9e8f0; --ib-soft:#f7f7fb; --ib-purple:#6657ed; --ib-purple-dark:#4e42d2; --ib-pink:#ef5d88; font-family:Inter,"Noto Sans KR",sans-serif; color:var(--ib-ink); letter-spacing:-.02em; }
body.is-guest.page-home .ib-home *,body.is-guest.page-home .ib-home *:before,body.is-guest.page-home .ib-home *:after{box-sizing:border-box}
body.is-guest.page-home .ib-shell{width:min(1160px,calc(100% - 48px));margin:0 auto}
body.is-guest.page-home .ib-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:24px;color:var(--ib-purple);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
body.is-guest.page-home .ib-kicker span{width:7px;height:7px;border-radius:99px;background:var(--ib-pink);box-shadow:0 0 0 5px rgba(239,93,136,.1)}
body.is-guest.page-home .ib-overline{margin-bottom:20px;color:var(--ib-purple);font-size:12px;font-weight:900;letter-spacing:.15em}
body.is-guest.page-home .ib-hero{position:relative;min-height:650px;padding:82px 0 94px;background:radial-gradient(circle at 79% 28%,#eae7ff 0,#f7f6ff 27%,rgba(255,255,255,0) 51%),linear-gradient(180deg,#fff 0,#fdfdff 100%)}
body.is-guest.page-home .ib-hero__grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:70px;align-items:center}
body.is-guest.page-home .ib-hero__copy{position:relative;z-index:4}
body.is-guest.page-home .ib-hero h1{margin:0;font-size:clamp(44px,4.1vw,64px);font-weight:800;line-height:1.17;letter-spacing:-.065em;color:var(--ib-ink)}
body.is-guest.page-home .ib-hero h1 em{font-style:normal;color:var(--ib-purple)}
body.is-guest.page-home .ib-hero__lead{margin:28px 0 34px;color:var(--ib-muted);font-size:17px;line-height:1.8}
body.is-guest.page-home .ib-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
body.is-guest.page-home .ib-btn{min-height:52px;padding:0 24px;border:1px solid transparent;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:14px;font-weight:800;line-height:1;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
body.is-guest.page-home .ib-btn:hover{transform:translateY(-2px)}
body.is-guest.page-home .ib-btn--primary{background:var(--ib-purple);color:#fff!important;box-shadow:0 14px 30px rgba(102,87,237,.22)}
body.is-guest.page-home .ib-btn--primary:hover{background:var(--ib-purple-dark);box-shadow:0 17px 34px rgba(78,66,210,.28)}
body.is-guest.page-home .ib-btn--soft{border-color:var(--ib-line);background:#fff;color:#3d3d50!important;box-shadow:0 8px 20px rgba(32,28,66,.05)}
body.is-guest.page-home .ib-btn--soft:hover{background:#f9f8ff;border-color:#d8d4fb}
body.is-guest.page-home .ib-trust{margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:22px;list-style:none;color:#626274;font-size:12px;font-weight:700}
body.is-guest.page-home .ib-trust li{display:flex;align-items:center;gap:7px}
body.is-guest.page-home .ib-trust i{width:18px;height:18px;border-radius:99px;display:grid;place-items:center;background:#eeecff;color:var(--ib-purple);font-size:8px}
body.is-guest.page-home .ib-hero__visual{position:relative;min-height:500px;display:grid;place-items:center}
body.is-guest.page-home .ib-orb{position:absolute;border-radius:50%;pointer-events:none}
body.is-guest.page-home .ib-orb--one{width:390px;height:390px;background:#e8e5ff;left:50%;top:50%;transform:translate(-50%,-50%)}
body.is-guest.page-home .ib-orb--two{width:215px;height:215px;right:-25px;top:25px;background:#ffdfeb;opacity:.58}

body.is-guest.page-home .ib-ui-card__top{padding-bottom:18px;border-bottom:1px solid #ecebf3;display:flex;align-items:center;justify-content:space-between}
body.is-guest.page-home .ib-ui-card__top strong{font-size:18px;font-weight:850;letter-spacing:-.04em}
body.is-guest.page-home .ib-ui-card__top span{padding:7px 10px;border-radius:99px;background:#efedff;color:var(--ib-purple);font-size:9px;font-weight:800;letter-spacing:0}
body.is-guest.page-home .ib-ui-card__top span i{margin-right:4px;font-size:6px}
body.is-guest.page-home .ib-ui-label{margin:18px 0 9px;color:#858596;font-size:10px;font-weight:800;letter-spacing:.04em}
body.is-guest.page-home .ib-ui-tabs{display:flex;gap:8px}
body.is-guest.page-home .ib-ui-tabs b,body.is-guest.page-home .ib-ui-tabs span{padding:10px 12px;border:1px solid #e8e7ef;border-radius:9px;color:#696979;background:#fff;font-size:9px;font-weight:700;white-space:nowrap}
body.is-guest.page-home .ib-ui-tabs b{border-color:var(--ib-purple);background:var(--ib-purple);color:#fff}
body.is-guest.page-home .ib-ui-select{height:46px;padding:0 15px;border:1px solid #dedde8;border-radius:10px;display:flex;align-items:center;justify-content:space-between;color:#353547;font-size:11px;font-weight:750}
body.is-guest.page-home .ib-ui-select i{color:#89899a;font-size:9px}






body.is-guest.page-home .ib-ui-progress{height:5px;margin:18px 0;overflow:hidden;border-radius:99px;background:#ecebf2}
body.is-guest.page-home .ib-ui-progress span{display:block;width:74%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ib-purple),#a173f1)}
body.is-guest.page-home .ib-ui-submit{padding:14px;border-radius:10px;text-align:center;background:var(--ib-purple);color:#fff;font-size:11px;font-weight:800}
body.is-guest.page-home .ib-login-card{position:relative;z-index:2;width:min(100%,455px);padding:30px;border:1px solid rgba(255,255,255,.92);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 34px 80px rgba(51,43,111,.17);backdrop-filter:blur(14px);text-align:left}
body.is-guest.page-home .ib-login-card__head{margin-bottom:24px;display:flex;align-items:center;gap:14px}
body.is-guest.page-home .ib-login-icon{flex:0 0 48px;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#efedff,#e5e1ff);color:var(--ib-purple);font-size:16px}
body.is-guest.page-home .ib-login-card__head>div{display:flex;flex-direction:column}
body.is-guest.page-home .ib-login-card__head small{margin-bottom:4px;color:var(--ib-purple);font-size:8px;font-weight:900;letter-spacing:.14em}
body.is-guest.page-home .ib-login-card__head h2{margin:0;color:var(--ib-ink);font-size:22px;font-weight:850;line-height:1.3;letter-spacing:-.045em}
body.is-guest.page-home .ib-login-card__head p{margin:4px 0 0;color:#858596;font-size:10px}
body.is-guest.page-home .ib-login-field{margin-top:14px}
body.is-guest.page-home .ib-login-field>label,body.is-guest.page-home .ib-login-label-row label{margin:0 0 7px;color:#404052;font-size:10px;font-weight:800}
body.is-guest.page-home .ib-login-label-row{display:flex;align-items:center;justify-content:space-between}
body.is-guest.page-home .ib-login-label-row a{margin-bottom:7px;color:var(--ib-purple)!important;font-size:9px;font-weight:700;text-decoration:none!important}
body.is-guest.page-home .ib-login-field>div:not(.ib-login-label-row){position:relative;height:48px;border:1px solid #dedde8;border-radius:11px;display:flex;align-items:center;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}
body.is-guest.page-home .ib-login-field>div:not(.ib-login-label-row):focus-within{border-color:#968cf2;box-shadow:0 0 0 4px rgba(102,87,237,.1)}
body.is-guest.page-home .ib-login-field>div>i{position:absolute;left:14px;color:#9a9aaa;font-size:12px}
body.is-guest.page-home .ib-login-field input{width:100%;height:100%;padding:0 14px 0 39px;border:0!important;outline:0!important;background:transparent!important;color:#29293a;font-size:11px;box-shadow:none!important}
body.is-guest.page-home .ib-login-field input::placeholder{color:#aaaab7}
body.is-guest.page-home .ib-login-remember{margin:13px 0 15px;display:flex;align-items:center;gap:7px;color:#6f6f80;font-size:9px;font-weight:600;cursor:pointer}
body.is-guest.page-home .ib-login-remember input{margin:0;accent-color:var(--ib-purple)}
body.is-guest.page-home .ib-login-submit{width:100%;height:48px;padding:0 17px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:18px;background:var(--ib-purple);color:#fff;font-size:11px;font-weight:850;box-shadow:0 12px 25px rgba(102,87,237,.21);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
body.is-guest.page-home .ib-login-submit:hover{background:var(--ib-purple-dark);transform:translateY(-1px);box-shadow:0 14px 29px rgba(78,66,210,.27)}
body.is-guest.page-home .ib-login-signup{margin:17px 0 0;text-align:center;color:#858596;font-size:9px}
body.is-guest.page-home .ib-login-signup a{color:var(--ib-purple)!important;font-weight:800;text-decoration:none!important}





body.is-guest.page-home .ib-float-card--top{right:-18px;top:70px}
body.is-guest.page-home .ib-float-card--bottom{left:-25px;bottom:70px}
body.is-guest.page-home .ib-channel-bar{padding:31px 0;border-top:1px solid #efeff4;border-bottom:1px solid #efeff4;background:#fff;text-align:center}
body.is-guest.page-home .ib-channel-bar p{margin:0 0 20px;color:#9a9aa8;font-size:10px;font-weight:700;letter-spacing:.06em}
body.is-guest.page-home .ib-channel-list{display:flex;align-items:center;justify-content:space-between;color:#737382;font-size:15px;font-weight:800;letter-spacing:0}
body.is-guest.page-home .ib-channel-list span{display:flex;align-items:center;gap:8px}
body.is-guest.page-home .ib-channel-list i{font-size:18px;color:#878795}
body.is-guest.page-home .ib-naver{color:#16aa61!important}.ib-naver b{color:#737382}
body.is-guest.page-home .ib-section{padding:118px 0}
body.is-guest.page-home .ib-section-head h2,body.is-guest.page-home .ib-final-cta h2{margin:0;color:var(--ib-ink);font-size:clamp(34px,3.6vw,48px);font-weight:800;line-height:1.26;letter-spacing:-.06em}
body.is-guest.page-home .ib-section-head>p{margin:19px 0 0;color:var(--ib-muted);font-size:15px;line-height:1.75}
body.is-guest.page-home .ib-text-link{margin-top:30px;display:inline-flex;align-items:center;gap:12px;color:var(--ib-purple)!important;font-size:13px;font-weight:800;text-decoration:none!important}
body.is-guest.page-home .ib-platforms__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:78px;align-items:center}
body.is-guest.page-home .ib-platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
body.is-guest.page-home .ib-platform-card{position:relative;min-height:172px;padding:23px;border:1px solid var(--ib-line);border-radius:19px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background:#fff;color:var(--ib-ink)!important;text-decoration:none!important;box-shadow:0 1px 0 rgba(28,25,55,.02);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
body.is-guest.page-home .ib-platform-card:hover{transform:translateY(-4px);border-color:#cbc6f9;box-shadow:0 18px 42px rgba(38,33,76,.09)}
body.is-guest.page-home .ib-platform-card>i{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#efedff;color:var(--ib-purple);font-size:18px;font-style:normal}
body.is-guest.page-home .ib-platform-card span{display:flex;flex-direction:column;gap:5px}
body.is-guest.page-home .ib-platform-card b{font-size:17px;font-weight:800}
body.is-guest.page-home .ib-platform-card small{color:#777788;font-size:10px}
body.is-guest.page-home .ib-platform-card em{position:absolute;right:22px;top:23px;color:#9d9dac;font-size:15px;font-style:normal}
body.is-guest.page-home .ib-platform-card--naver>i{background:#e8f8ef;color:#1aaa61;font-weight:900}
body.is-guest.page-home .ib-platform-card--youtube>i{background:#fff0f1;color:#ef4141}
body.is-guest.page-home .ib-platform-card--tiktok>i{background:#f2f2f4;color:#20202a}
body.is-guest.page-home .ib-why{max-width:none;background:#f7f7fb}
body.is-guest.page-home .ib-why__grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}
body.is-guest.page-home .ib-feature-list article{padding:30px 0;border-bottom:1px solid #dedde7;display:grid;grid-template-columns:50px 1fr;gap:16px}
body.is-guest.page-home .ib-feature-list article:first-child{padding-top:0}
body.is-guest.page-home .ib-feature-list article>span{color:var(--ib-purple);font-size:12px;font-weight:900;letter-spacing:.05em}
body.is-guest.page-home .ib-feature-list h3{margin:0 0 9px;color:var(--ib-ink);font-size:19px;font-weight:800;letter-spacing:-.035em}
body.is-guest.page-home .ib-feature-list p{margin:0;color:var(--ib-muted);font-size:13px;line-height:1.75}
body.is-guest.page-home .ib-section-head--center{text-align:center}
body.is-guest.page-home .ib-steps{margin-top:52px;display:grid;grid-template-columns:repeat(3,1fr)}
body.is-guest.page-home .ib-steps article{position:relative;min-height:260px;padding:34px;border:1px solid var(--ib-line);background:#fff}
body.is-guest.page-home .ib-steps article:first-child{border-radius:19px 0 0 19px}
body.is-guest.page-home .ib-steps article:last-child{border-radius:0 19px 19px 0}
body.is-guest.page-home .ib-steps article+article{border-left:0}
body.is-guest.page-home .ib-steps article>span{position:absolute;right:28px;top:25px;color:#d4d1f6;font-size:12px;font-weight:900}
body.is-guest.page-home .ib-steps article>i{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;background:#efedff;color:var(--ib-purple);font-size:16px}
body.is-guest.page-home .ib-steps h3{margin:38px 0 12px;color:var(--ib-ink);font-size:19px;font-weight:800}
body.is-guest.page-home .ib-steps p{margin:0;color:var(--ib-muted);font-size:13px;line-height:1.7}
body.is-guest.page-home .ib-final-cta{padding:20px 0 102px;background:#fff}
body.is-guest.page-home .ib-final-cta__inner{position:relative;overflow:hidden;min-height:290px;padding:62px 68px;border-radius:27px;display:flex;align-items:center;justify-content:space-between;gap:50px;background:linear-gradient(118deg,#4b3fcf,#7364ee 66%,#9b70ed);color:#fff;box-shadow:0 24px 60px rgba(74,62,198,.18)}
body.is-guest.page-home .ib-final-cta__inner:after{content:"";position:absolute;right:11%;top:-180px;width:390px;height:390px;border:1px solid rgba(255,255,255,.15);border-radius:50%}
body.is-guest.page-home .ib-final-cta .ib-overline{color:#dcd8ff}
body.is-guest.page-home .ib-final-cta h2{color:#fff;font-size:39px}
body.is-guest.page-home .ib-final-cta p{margin:18px 0 0;color:#dedbff;font-size:13px}
body.is-guest.page-home .ib-final-cta__actions{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px}
body.is-guest.page-home .ib-btn--white{min-width:235px;background:#fff;color:var(--ib-purple)!important;box-shadow:0 12px 30px rgba(43,32,129,.2)}
body.is-guest.page-home .ib-final-cta__actions>a:last-child{color:#edeaff!important;font-size:11px;font-weight:700;text-decoration:none!important}
body.is-guest.page-home #service-catalog{scroll-margin-top:82px;padding-top:66px}
body.is-guest.page-home #service-catalog .catalog-hero{margin-top:0}
body.is-guest.page-home #service-catalog .catalog-title{font-size:34px;letter-spacing:-.045em}
body.is-guest.page-home #service-catalog .catalog-hero__inner{align-items:flex-end}
body.is-guest.page-home #service-catalog .catalog-hero__actions{display:none}

@media (max-width:991px){
 body.is-guest.page-home .ib-hero{padding:70px 0 80px}
 body.is-guest.page-home .ib-hero__grid{grid-template-columns:1fr;gap:54px;text-align:center}
 body.is-guest.page-home .ib-hero__actions,body.is-guest.page-home .ib-trust{justify-content:center}
 body.is-guest.page-home .ib-hero__visual{min-height:450px}
 body.is-guest.page-home .ib-platforms__grid,body.is-guest.page-home .ib-why__grid{grid-template-columns:1fr;gap:58px}
 body.is-guest.page-home .ib-channel-list{flex-wrap:wrap;justify-content:center;gap:25px 42px}
 body.is-guest.page-home .ib-final-cta__inner{padding:55px 44px}
}
@media (max-width:767px){
 body.is-guest.page-home .ib-shell{width:min(100% - 36px,1160px)}
 body.is-guest.page-home .ib-hero{min-height:auto;padding:54px 0 66px}
 body.is-guest.page-home .ib-kicker{margin-bottom:19px;font-size:10px}
 body.is-guest.page-home .ib-hero h1{font-size:39px;line-height:1.19}
 body.is-guest.page-home .ib-hero__lead{margin:23px 0 28px;font-size:15px;line-height:1.75}
 body.is-guest.page-home .ib-hero__lead br{display:none}
 body.is-guest.page-home .ib-hero__actions{flex-direction:column}
 body.is-guest.page-home .ib-hero__actions .ib-btn{width:100%}
 body.is-guest.page-home .ib-trust{gap:10px 14px;font-size:10px}
 body.is-guest.page-home .ib-hero__visual{min-height:380px}
 body.is-guest.page-home .ib-login-card{padding:22px;border-radius:19px}
 
 body.is-guest.page-home .ib-float-card--top{right:-10px;top:25px}
 body.is-guest.page-home .ib-float-card--bottom{left:-8px;bottom:22px}
 body.is-guest.page-home .ib-channel-bar{padding:27px 0}
 body.is-guest.page-home .ib-channel-list{gap:18px 26px;font-size:12px}
 body.is-guest.page-home .ib-channel-list i{font-size:15px}
 body.is-guest.page-home .ib-section{padding:78px 0}
 body.is-guest.page-home .ib-section-head h2{font-size:34px}
 body.is-guest.page-home .ib-platform-grid{grid-template-columns:1fr}
 body.is-guest.page-home .ib-platform-card{min-height:145px}
 body.is-guest.page-home .ib-steps{grid-template-columns:1fr}
 body.is-guest.page-home .ib-steps article{min-height:205px}
 body.is-guest.page-home .ib-steps article:first-child{border-radius:17px 17px 0 0}
 body.is-guest.page-home .ib-steps article:last-child{border-radius:0 0 17px 17px}
 body.is-guest.page-home .ib-steps article+article{border-left:1px solid var(--ib-line);border-top:0}
 body.is-guest.page-home .ib-final-cta{padding:0 0 72px}
 body.is-guest.page-home .ib-final-cta__inner{min-height:0;padding:44px 27px;display:block;text-align:center}
 body.is-guest.page-home .ib-final-cta h2{font-size:31px}
 body.is-guest.page-home .ib-final-cta__actions{margin-top:28px}
 body.is-guest.page-home .ib-btn--white{width:100%;min-width:0}
 body.is-guest.page-home #service-catalog{padding-top:48px}
 body.is-guest.page-home #service-catalog .catalog-title{font-size:29px}
}
@media (prefers-reduced-motion:reduce){body.is-guest.page-home .ib-home *{scroll-behavior:auto!important;transition:none!important}}

/* INBLOG PREMIUM AUTH 2026 — guest signin/signup only */
body.is-guest.page-signin,body.is-guest.page-signup{background:#f8f8fc}
body.is-guest.page-signin main,body.is-guest.page-signup main{min-height:calc(100vh - 72px)}
.ib-auth{--a-purple:#6657ed;--a-purple-dark:#4e42d2;--a-ink:#171729;--a-muted:#737384;min-height:calc(100vh - 72px);padding:42px 24px 64px;display:flex;align-items:center;font-family:Inter,"Noto Sans KR",sans-serif;color:var(--a-ink);background:radial-gradient(circle at 18% 25%,rgba(139,126,244,.18),transparent 33%),#f8f8fc}
.ib-auth *{box-sizing:border-box}.ib-auth__shell{width:min(1080px,100%);margin:0 auto;border:1px solid #e7e6ee;border-radius:27px;display:grid;grid-template-columns:.88fr 1.12fr;overflow:hidden;background:#fff;box-shadow:0 30px 85px rgba(42,36,89,.12)}
.ib-auth__story{position:relative;min-height:610px;padding:38px 42px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,#4c40cf,#7768ef 70%,#966feb)}
.ib-auth__story:before,.ib-auth__story:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%}.ib-auth__story:before{width:340px;height:340px;right:-170px;top:-100px}.ib-auth__story:after{width:210px;height:210px;left:-110px;bottom:-95px}
.ib-auth__back{position:relative;z-index:2;display:inline-flex;align-items:center;gap:9px;color:#e9e6ff!important;font-size:11px;font-weight:700;text-decoration:none!important}.ib-auth__story-copy{position:relative;z-index:2}.ib-auth__eyebrow{display:block;margin-bottom:18px;color:#dcd8ff;font-size:9px;font-weight:900;letter-spacing:.15em}.ib-auth__story h1{margin:0;color:#fff;font-size:36px;font-weight:800;line-height:1.28;letter-spacing:-.06em}.ib-auth__story h1 em{color:#ffd8e6;font-style:normal}.ib-auth__story p{margin:19px 0 25px;color:#e0ddff;font-size:12px;line-height:1.75}.ib-auth__story ul{margin:0;padding:0;display:grid;gap:12px;list-style:none;color:#f5f4ff;font-size:11px;font-weight:650}.ib-auth__story li{display:flex;align-items:center;gap:9px}.ib-auth__story li i{width:19px;height:19px;border-radius:99px;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:7px}.ib-auth__channels{position:relative;z-index:2;display:flex;gap:9px}.ib-auth__channels span{width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:13px}.ib-auth__naver{font-size:11px!important;font-weight:900}
.ib-auth__panel{padding:52px 62px;display:flex;align-items:center;justify-content:center}.ib-auth__card{width:100%;max-width:420px}.ib-auth__card--signup{max-width:460px}.ib-auth__card-head{margin-bottom:28px;display:flex;align-items:center;gap:14px}.ib-auth__icon{flex:0 0 49px;width:49px;height:49px;border-radius:15px;display:grid;place-items:center;background:#efedff;color:var(--a-purple);font-size:15px}.ib-auth__card-head>div{display:flex;flex-direction:column}.ib-auth__card-head small{margin-bottom:4px;color:var(--a-purple);font-size:8px;font-weight:900;letter-spacing:.14em}.ib-auth__card-head h2{margin:0;color:var(--a-ink);font-size:23px;font-weight:850;line-height:1.3;letter-spacing:-.045em}.ib-auth__card-head p{margin:4px 0 0;color:#8a8a9a;font-size:10px}
.ib-auth__field{margin-top:15px}.ib-auth__field>label,.ib-auth__label-row label{margin:0 0 7px;color:#414153;font-size:10px;font-weight:800}.ib-auth__label-row{display:flex;align-items:center;justify-content:space-between}.ib-auth__label-row a{margin-bottom:7px;color:var(--a-purple)!important;font-size:9px;font-weight:700;text-decoration:none!important}.ib-auth__field>div:not(.ib-auth__label-row){position:relative;height:49px;border:1px solid #dedde8;border-radius:11px;display:flex;align-items:center;background:#fff;transition:.2s ease}.ib-auth__field>div:not(.ib-auth__label-row):focus-within{border-color:#958af2;box-shadow:0 0 0 4px rgba(102,87,237,.1)}.ib-auth__field>div>i{position:absolute;left:15px;color:#9b9baa;font-size:11px}.ib-auth__field input{width:100%;height:100%;padding:0 14px 0 40px;border:0!important;outline:0!important;background:transparent!important;color:#2b2b3b;font-size:11px;box-shadow:none!important}.ib-auth__remember,.ib-auth__terms{margin:14px 0 16px;display:flex;align-items:flex-start;gap:8px;color:#6f6f80;font-size:9px;font-weight:600;line-height:1.55;cursor:pointer}.ib-auth__remember input,.ib-auth__terms input{margin:1px 0 0;accent-color:var(--a-purple)}.ib-auth__terms a{color:var(--a-purple)!important;font-weight:800}.ib-auth__submit{width:100%;height:49px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:18px;background:var(--a-purple);color:#fff;font-size:11px;font-weight:850;box-shadow:0 12px 26px rgba(102,87,237,.22);transition:.2s ease}.ib-auth__submit:hover{background:var(--a-purple-dark);transform:translateY(-1px)}.ib-auth__switch{margin:19px 0 0;text-align:center;color:#888898;font-size:9px}.ib-auth__switch a{color:var(--a-purple)!important;font-weight:800;text-decoration:none!important}.ib-auth__google{margin-top:14px;display:flex;justify-content:center}.ib-auth__captcha{margin:12px 0}.ib-auth__notice{margin-top:18px;padding:13px;border-radius:10px;background:#f7f7fb;color:#6d6d7e;font-size:10px;line-height:1.6}.ib-auth .alert{border-radius:10px;font-size:11px}.ib-auth__signup-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
@media(max-width:900px){.ib-auth__shell{grid-template-columns:1fr}.ib-auth__story{min-height:360px;padding:34px}.ib-auth__story-copy{margin:45px 0}.ib-auth__panel{padding:48px 36px}.ib-auth__card{max-width:500px}}
@media(max-width:600px){.ib-auth{padding:18px 14px 45px;align-items:flex-start}.ib-auth__shell{border-radius:20px}.ib-auth__story{min-height:310px;padding:26px 24px}.ib-auth__story-copy{margin:34px 0 22px}.ib-auth__story h1{font-size:31px}.ib-auth__story p{font-size:11px}.ib-auth__panel{padding:34px 22px 38px}.ib-auth__card-head{align-items:flex-start}.ib-auth__card-head h2{font-size:21px}.ib-auth__signup-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ib-auth *{transition:none!important}}

/* ============================================================ */
body.is-guest.page-home .ib-proof{
  position:relative; z-index:4; margin-top:-34px; padding:0 0 34px;
}
body.is-guest.page-home .ib-proof__grid{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px;
  padding:18px; border:1px solid rgba(226,232,240,.9); border-radius:22px;
  background:rgba(255,255,255,.96); box-shadow:0 20px 55px rgba(15,23,42,.10);
  backdrop-filter:blur(18px);
}
body.is-guest.page-home .ib-proof article{
  display:flex; align-items:center; gap:13px; min-width:0; padding:12px 14px;
  border-right:1px solid #eef2f7;
}
body.is-guest.page-home .ib-proof article:last-child{border-right:0}
body.is-guest.page-home .ib-proof article>i{
  display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px;
  border-radius:13px; color:#5b4ff7; background:#f0efff; font-size:16px;
}
body.is-guest.page-home .ib-proof strong,
body.is-guest.page-home .ib-proof span{display:block}
body.is-guest.page-home .ib-proof strong{font-size:14px;color:#111827;letter-spacing:-.02em}
body.is-guest.page-home .ib-proof span{margin-top:3px;font-size:11.5px;line-height:1.45;color:#7b8496}

body.is-guest.page-home .ib-section-head--split{
  display:flex; align-items:flex-end; justify-content:space-between; gap:28px;
  max-width:none; margin-bottom:30px;
}
body.is-guest.page-home .ib-section-head--split h2{margin-bottom:8px}
body.is-guest.page-home .ib-popular{padding-top:102px;background:#f8fafc}
body.is-guest.page-home .ib-popular-grid{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;
}
body.is-guest.page-home .ib-service-card{
  position:relative; display:flex; min-height:258px; flex-direction:column;
  padding:25px; overflow:hidden; border:1px solid #e8ebf2; border-radius:22px;
  background:#fff; color:#111827; box-shadow:0 8px 28px rgba(15,23,42,.045);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
body.is-guest.page-home .ib-service-card:before{
  content:""; position:absolute; right:-50px; top:-50px; width:140px; height:140px;
  border-radius:50%; background:var(--card-soft,#f2f1ff); opacity:.75;
}
body.is-guest.page-home .ib-service-card:hover{
  transform:translateY(-6px); border-color:#cbc7ff; color:#111827;
  box-shadow:0 20px 48px rgba(55,48,163,.12);
}
body.is-guest.page-home .ib-service-card__icon{
  position:relative; z-index:1; display:grid; place-items:center; width:50px; height:50px;
  border-radius:15px; color:var(--card-color,#6255ee); background:var(--card-soft,#f2f1ff);
  font-size:21px;
}
body.is-guest.page-home .ib-service-card__letter{font-size:20px;font-style:normal;font-weight:900}
body.is-guest.page-home .ib-service-card small{
  margin-top:22px; color:var(--card-color,#6255ee); font-size:10px; font-weight:800; letter-spacing:.12em;
}
body.is-guest.page-home .ib-service-card h3{margin:7px 0 8px;font-size:21px;font-weight:800;letter-spacing:-.04em}
body.is-guest.page-home .ib-service-card p{margin:0;color:#778095;font-size:13px;line-height:1.65}
body.is-guest.page-home .ib-service-card em{
  display:flex; align-items:center; gap:8px; margin-top:auto; padding-top:18px;
  color:#2b3040; font-size:12px; font-style:normal; font-weight:750;
}
body.is-guest.page-home .ib-service-card--instagram{--card-color:#e24b8e;--card-soft:#fff0f7}
body.is-guest.page-home .ib-service-card--heart{--card-color:#f05266;--card-soft:#fff1f3}
body.is-guest.page-home .ib-service-card--youtube{--card-color:#ef3131;--card-soft:#fff0f0}
body.is-guest.page-home .ib-service-card--tiktok{--card-color:#111827;--card-soft:#f0f2f5}
body.is-guest.page-home .ib-service-card--naver{--card-color:#08a84f;--card-soft:#edfff5}
body.is-guest.page-home .ib-service-card--insight{--card-color:#3c71e8;--card-soft:#edf4ff}

body.is-guest.page-home .ib-transparency{padding:88px 0;background:#f8fafc}
body.is-guest.page-home .ib-transparency__inner{
  position:relative; display:grid; grid-template-columns:.92fr 1.08fr; gap:64px; align-items:center;
  overflow:hidden; padding:62px; border-radius:30px;
  background:radial-gradient(circle at 88% 8%,rgba(116,92,255,.34),transparent 34%),linear-gradient(135deg,#10172c 0%,#151d38 55%,#171335 100%);
  box-shadow:0 30px 70px rgba(15,23,42,.18);
}
body.is-guest.page-home .ib-transparency__copy{position:relative;z-index:1}
body.is-guest.page-home .ib-transparency .ib-overline{color:#a99fff}
body.is-guest.page-home .ib-transparency h2{
  margin:12px 0 17px;color:#fff;font-size:clamp(32px,3.2vw,47px);line-height:1.13;letter-spacing:-.055em;
}
body.is-guest.page-home .ib-transparency__copy>p{margin:0;color:#aeb7cb;font-size:14px;line-height:1.8}
body.is-guest.page-home .ib-transparency__actions{display:flex;align-items:center;gap:20px;margin-top:28px}
body.is-guest.page-home .ib-transparency .ib-text-link{color:#fff}
body.is-guest.page-home .ib-transparency__panel{
  position:relative;z-index:1;padding:18px;border:1px solid rgba(255,255,255,.13);
  border-radius:22px;background:rgba(255,255,255,.08);box-shadow:0 24px 45px rgba(0,0,0,.22);backdrop-filter:blur(16px);
}
body.is-guest.page-home .ib-mini-browser{
  display:flex;align-items:center;gap:6px;padding:0 4px 14px;color:#8791a9;font-size:10px;
}
body.is-guest.page-home .ib-mini-browser span{width:7px;height:7px;border-radius:50%;background:#ff6b75}
body.is-guest.page-home .ib-mini-browser span:nth-child(2){background:#f5c451}
body.is-guest.page-home .ib-mini-browser span:nth-child(3){background:#47c98a}
body.is-guest.page-home .ib-mini-browser b{margin-left:7px;font-size:10px;font-weight:600}
body.is-guest.page-home .ib-transparency__panel ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}
body.is-guest.page-home .ib-transparency__panel li{
  display:flex;align-items:center;gap:13px;padding:14px;border:1px solid rgba(255,255,255,.08);
  border-radius:14px;background:rgba(255,255,255,.07);
}
body.is-guest.page-home .ib-transparency__panel li>i{
  display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(143,126,255,.18);color:#c3baff;
}
body.is-guest.page-home .ib-transparency__panel strong,
body.is-guest.page-home .ib-transparency__panel small{display:block}
body.is-guest.page-home .ib-transparency__panel strong{color:#fff;font-size:13px}
body.is-guest.page-home .ib-transparency__panel small{margin-top:3px;color:#929db5;font-size:11px}

body.is-guest.page-home .ib-faq{background:#fff}
body.is-guest.page-home .ib-faq__grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:start}
body.is-guest.page-home .ib-faq__list{display:grid;gap:10px}
body.is-guest.page-home .ib-faq details{border:1px solid #e6e9f0;border-radius:16px;background:#fff;transition:border-color .2s,box-shadow .2s}
body.is-guest.page-home .ib-faq details[open]{border-color:#d6d1ff;box-shadow:0 12px 30px rgba(79,70,229,.08)}
body.is-guest.page-home .ib-faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 21px;
  color:#1c2230;font-size:14px;font-weight:750;letter-spacing:-.02em;cursor:pointer;list-style:none;
}
body.is-guest.page-home .ib-faq summary::-webkit-details-marker{display:none}
body.is-guest.page-home .ib-faq summary i{color:#7d73ee;font-size:11px;transition:transform .2s}
body.is-guest.page-home .ib-faq details[open] summary i{transform:rotate(45deg)}
body.is-guest.page-home .ib-faq details p{margin:0;padding:0 21px 20px;color:#737d90;font-size:13px;line-height:1.75}

@media (max-width:1020px){
  body.is-guest.page-home .ib-proof__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.is-guest.page-home .ib-proof article:nth-child(2){border-right:0}
  body.is-guest.page-home .ib-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.is-guest.page-home .ib-transparency__inner{gap:38px;padding:44px}
  body.is-guest.page-home .ib-faq__grid{grid-template-columns:1fr;gap:34px}
}
@media (max-width:680px){
  body.is-guest.page-home .ib-proof{margin-top:-18px;padding-bottom:12px}
  body.is-guest.page-home .ib-proof__grid{grid-template-columns:1fr;padding:12px;border-radius:18px}
  body.is-guest.page-home .ib-proof article{border-right:0;border-bottom:1px solid #eef2f7;padding:10px}
  body.is-guest.page-home .ib-proof article:last-child{border-bottom:0}
  body.is-guest.page-home .ib-section-head--split{align-items:flex-start;flex-direction:column;margin-bottom:22px}
  body.is-guest.page-home .ib-popular{padding-top:72px}
  body.is-guest.page-home .ib-popular-grid{grid-template-columns:1fr}
  body.is-guest.page-home .ib-service-card{min-height:225px;padding:22px}
  body.is-guest.page-home .ib-transparency{padding:58px 0}
  body.is-guest.page-home .ib-transparency__inner{grid-template-columns:1fr;gap:32px;padding:28px 20px;border-radius:22px}
  body.is-guest.page-home .ib-transparency h2{font-size:31px}
  body.is-guest.page-home .ib-transparency__actions{align-items:flex-start;flex-direction:column}
  body.is-guest.page-home .ib-faq__grid{gap:25px}
  body.is-guest.page-home .ib-faq summary{padding:17px;font-size:13px}
  body.is-guest.page-home .ib-faq details p{padding:0 17px 17px}
}

/* Guest home tone bridge + mobile simplification */
body.is-guest.page-home .ib-transparency__panel,
body.is-guest.page-home .ib-final-cta__inner{
  background:linear-gradient(135deg,#10172c 0%,#171335 58%,#21194a 100%);
}
body.is-guest.page-home .ib-final-cta__inner{
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 70px rgba(16,23,44,.18);
}
body.is-guest.page-home footer,
body.is-guest.page-home .footer,
body.is-guest.page-home .site-footer{
  background:#0d1429;
  border-top-color:rgba(255,255,255,.08);
}
@media (max-width:680px){
  
  body.is-guest.page-home .ib-channel-bar p{display:none!important}
  body.is-guest.page-home .ib-channel-list{
    width:100%;overflow-x:auto;justify-content:flex-start;gap:22px;
    padding-bottom:3px;scrollbar-width:none
  }
  body.is-guest.page-home .ib-channel-list::-webkit-scrollbar{display:none}
  body.is-guest.page-home .ib-popular__grid{grid-template-columns:1fr}
  body.is-guest.page-home .ib-service-card{min-height:0}
  body.is-guest.page-home .ib-proof__grid{grid-template-columns:1fr}
  body.is-guest.page-home .ib-proof article{min-height:0}
  body.is-guest.page-home .ib-faq__grid{grid-template-columns:1fr}
  body.is-guest.page-home .ib-transparency__panel{padding:34px 22px}
}

/* ═══════════════════════════════════════════════════════════════ */
body.is-guest.page-home .ib-home{
  font-size:16px;
  line-height:1.65;
  color:#17172a;
}
body.is-guest.page-home .ib-shell{max-width:1180px}
body.is-guest.page-home .ib-hero{
  padding:64px 0 70px;
  min-height:auto;
}
body.is-guest.page-home .ib-hero__grid{
  grid-template-columns:minmax(0,1fr) 450px;
  gap:64px;
  align-items:center;
}
body.is-guest.page-home .ib-hero__copy h1{
  font-size:clamp(52px,4.2vw,62px);
  line-height:1.08;
  letter-spacing:-.055em;
  margin:18px 0 24px;
}
body.is-guest.page-home .ib-hero__copy h1 span,
body.is-guest.page-home .ib-hero__copy h1 em{
  display:block;
  white-space:nowrap;
}
body.is-guest.page-home .ib-kicker{font-size:14px;letter-spacing:.02em}
body.is-guest.page-home .ib-hero__lead{
  font-size:18px;
  line-height:1.7;
  margin-bottom:28px;
}
body.is-guest.page-home .ib-hero__actions{gap:12px;margin-bottom:25px}
body.is-guest.page-home .ib-btn{min-height:52px;padding:0 24px;font-size:16px}
body.is-guest.page-home .ib-trust{gap:22px;font-size:14px}
body.is-guest.page-home .ib-hero__visual{min-width:0}
body.is-guest.page-home .ib-login-card{
  width:100%;
  padding:28px 30px 24px;
  border-radius:24px;
  box-shadow:0 22px 60px rgba(37,31,96,.13);
}
body.is-guest.page-home .ib-login-card__head{margin-bottom:24px}
body.is-guest.page-home .ib-login-card__head h2{font-size:27px;letter-spacing:-.035em}
body.is-guest.page-home .ib-login-card__head p{font-size:14px}
body.is-guest.page-home .ib-login-field{margin-bottom:15px}
body.is-guest.page-home .ib-login-field label,
body.is-guest.page-home .ib-login-label-row a{font-size:14px}
body.is-guest.page-home .ib-login-field>div:last-child{min-height:52px}
body.is-guest.page-home .ib-login-field input{font-size:16px}
body.is-guest.page-home .ib-login-remember{font-size:14px;margin:2px 0 16px}
body.is-guest.page-home .ib-login-submit{min-height:50px;font-size:16px}
body.is-guest.page-home .ib-login-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:13px 0 10px;
  color:#a09db1;
  font-size:12px;
}
body.is-guest.page-home .ib-login-divider:before,
body.is-guest.page-home .ib-login-divider:after{
  content:"";
  height:1px;
  flex:1;
  background:#eceaf4;
}
body.is-guest.page-home .ib-login-submit:focus-visible,
body.is-guest.page-home .ib-btn:focus-visible,
body.is-guest.page-home a:focus-visible{
  outline:3px solid rgba(98,78,238,.3);
  outline-offset:3px;
}
body.is-guest.page-home .ib-login-signup{font-size:13px;margin-top:10px}

/* Combined platform + trust area */
body.is-guest.page-home .ib-confidence{
  padding:0 0 58px;
  background:#fff;
}
body.is-guest.page-home .ib-confidence__inner{
  overflow:hidden;
  border:1px solid #e8e6f0;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 46px rgba(28,24,67,.08);
}
body.is-guest.page-home .ib-confidence .ib-channel-list{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:center;
  gap:18px;
  padding:19px 28px;
  border-bottom:1px solid #eeecf4;
  color:#6d6a7c;
  font-size:15px;
  font-weight:800;
}
body.is-guest.page-home .ib-confidence .ib-channel-list span{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
body.is-guest.page-home .ib-confidence .ib-proof__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  padding:0;
}
body.is-guest.page-home .ib-confidence .ib-proof__grid article{
  min-height:112px;
  padding:23px 22px;
  display:flex;
  align-items:center;
  gap:13px;
  border-right:1px solid #eeecf4;
}
body.is-guest.page-home .ib-confidence .ib-proof__grid article:last-child{border-right:0}
body.is-guest.page-home .ib-confidence .ib-proof__grid article>i{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#f1efff;
  color:#6250e8;
}
body.is-guest.page-home .ib-confidence .ib-proof__grid strong{display:block;font-size:15px;line-height:1.35}
body.is-guest.page-home .ib-confidence .ib-proof__grid span{display:block;margin-top:4px;font-size:13.5px;line-height:1.45;color:#888595}
body.is-guest.page-home .ib-confidence .ib-proof__grid a{color:inherit;text-decoration:none}
body.is-guest.page-home .ib-confidence .ib-proof__grid a:hover{color:#5e4ce5}

/* Compact section rhythm with larger supporting type */
body.is-guest.page-home .ib-platforms{padding:76px 0}
body.is-guest.page-home .ib-popular{padding:76px 0 82px}
body.is-guest.page-home .ib-transparency{padding:74px 0}
body.is-guest.page-home .ib-process{padding:76px 0}
body.is-guest.page-home .ib-faq{padding:76px 0}
body.is-guest.page-home .ib-final-cta{padding:48px 0 72px}
body.is-guest.page-home .ib-section-head h2,
body.is-guest.page-home .ib-transparency__copy h2,
body.is-guest.page-home .ib-final-cta h2{
  font-size:clamp(38px,3.3vw,50px);
  line-height:1.16;
  letter-spacing:-.045em;
}
body.is-guest.page-home .ib-section-head p,
body.is-guest.page-home .ib-transparency__copy>p,
body.is-guest.page-home .ib-final-cta p{
  font-size:16.5px;
  line-height:1.7;
}
body.is-guest.page-home .ib-overline{font-size:13px;letter-spacing:.12em}
body.is-guest.page-home .ib-text-link{font-size:15px}
body.is-guest.page-home .ib-platforms__grid{gap:62px}
body.is-guest.page-home .ib-platform-grid{gap:16px}
body.is-guest.page-home .ib-platform-card{
  min-height:142px;
  padding:23px;
  border-radius:18px;
}
body.is-guest.page-home .ib-platform-card b{font-size:19px}
body.is-guest.page-home .ib-platform-card small{font-size:13.5px;line-height:1.5}
body.is-guest.page-home .ib-section-head--split{margin-bottom:34px}
body.is-guest.page-home .ib-popular-grid{gap:18px}
body.is-guest.page-home .ib-service-card{
  min-height:268px;
  padding:27px;
  border-radius:20px;
}
body.is-guest.page-home .ib-service-card h3{font-size:23px;margin:14px 0 9px}
body.is-guest.page-home .ib-service-card p{font-size:15px;line-height:1.6}
body.is-guest.page-home .ib-service-card em{font-size:14px}
body.is-guest.page-home .ib-transparency__inner{gap:62px}
body.is-guest.page-home .ib-transparency__panel{padding:34px;border-radius:22px}
body.is-guest.page-home .ib-transparency__panel strong{font-size:16px}
body.is-guest.page-home .ib-transparency__panel small{font-size:14px}
body.is-guest.page-home .ib-steps{gap:18px;margin-top:34px}
body.is-guest.page-home .ib-steps article{padding:28px 24px;min-height:238px}
body.is-guest.page-home .ib-steps h3{font-size:20px}
body.is-guest.page-home .ib-steps p{font-size:15px;line-height:1.6}
body.is-guest.page-home .ib-faq__grid{gap:62px}
body.is-guest.page-home .ib-faq details{padding:20px 0}
body.is-guest.page-home .ib-faq summary{font-size:16px;line-height:1.5}
body.is-guest.page-home .ib-faq details p{font-size:15px;line-height:1.7}
body.is-guest.page-home .ib-faq details p a{color:#5d4be0;font-weight:800}
body.is-guest.page-home .ib-final-cta__inner{padding:44px 50px;border-radius:24px}

/* Header readability without affecting the service catalogue layout */
body.inblog-theme-root-v2 .site-header nav a,
body.inblog-theme-root-v2 .site-header .nav-link{font-size:15px}

@media (max-width:1100px){
  body.is-guest.page-home .ib-hero__grid{grid-template-columns:minmax(0,1fr) 420px;gap:38px}
  body.is-guest.page-home .ib-hero__copy h1{font-size:48px}
  body.is-guest.page-home .ib-confidence .ib-proof__grid article{padding:20px 16px}
}

@media (max-width:900px){
  body.is-guest.page-home .ib-hero{padding:42px 0 58px}
  body.is-guest.page-home .ib-hero__grid{grid-template-columns:1fr;gap:34px}
  body.is-guest.page-home .ib-hero__copy{max-width:680px}
  body.is-guest.page-home .ib-hero__visual{width:min(100%,560px);margin:0 auto}
  body.is-guest.page-home .ib-confidence .ib-proof__grid{grid-template-columns:repeat(2,1fr)}
  body.is-guest.page-home .ib-confidence .ib-proof__grid article:nth-child(2){border-right:0}
  body.is-guest.page-home .ib-confidence .ib-proof__grid article:nth-child(-n+2){border-bottom:1px solid #eeecf4}
  body.is-guest.page-home .ib-platforms__grid,
  body.is-guest.page-home .ib-transparency__inner,
  body.is-guest.page-home .ib-faq__grid{gap:42px}
}

@media (max-width:680px){
  body.is-guest.page-home .ib-home{font-size:16px}
  body.is-guest.page-home .ib-hero{padding:28px 0 42px}
  body.is-guest.page-home .ib-hero__grid{gap:26px}
  body.is-guest.page-home .ib-kicker{font-size:12.5px}
  body.is-guest.page-home .ib-hero__copy h1{
    font-size:clamp(30px,8.7vw,35px);
    line-height:1.15;
    letter-spacing:-.05em;
    margin:13px 0 17px;
  }
  body.is-guest.page-home .ib-hero__copy h1 span,
  body.is-guest.page-home .ib-hero__copy h1 em{white-space:nowrap}
  body.is-guest.page-home .ib-hero__lead{font-size:16px;line-height:1.6;margin-bottom:19px}
  body.is-guest.page-home .ib-hero__lead br{display:none}
  body.is-guest.page-home .ib-hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:0}
  body.is-guest.page-home .ib-btn{min-height:48px;padding:0 10px;font-size:14px}
  body.is-guest.page-home .ib-trust{display:none}
  body.is-guest.page-home .ib-login-card{padding:22px 20px 20px;border-radius:20px}
  body.is-guest.page-home .ib-login-card__head{margin-bottom:20px}
  body.is-guest.page-home .ib-login-card__head h2{font-size:24px}
  body.is-guest.page-home .ib-login-field>div:last-child{min-height:50px}
  body.is-guest.page-home .ib-login-field input{font-size:16px}
  body.is-guest.page-home .ib-demo-note{font-size:11.5px}
  body.is-guest.page-home .ib-confidence{padding-bottom:52px}
  body.is-guest.page-home .ib-confidence__inner{border-radius:18px}
  body.is-guest.page-home .ib-confidence .ib-channel-list{
    display:flex;
    overflow-x:auto;
    justify-content:flex-start;
    gap:24px;
    padding:16px 18px;
    scrollbar-width:none;
  }
  body.is-guest.page-home .ib-confidence .ib-channel-list::-webkit-scrollbar{display:none}
  body.is-guest.page-home .ib-confidence .ib-proof__grid{grid-template-columns:1fr 1fr}
  body.is-guest.page-home .ib-confidence .ib-proof__grid article{
    min-height:128px;
    display:block;
    padding:17px;
    border-right:1px solid #eeecf4;
  }
  body.is-guest.page-home .ib-confidence .ib-proof__grid article:nth-child(2n){border-right:0}
  body.is-guest.page-home .ib-confidence .ib-proof__grid article>i{width:38px;height:38px;margin-bottom:11px}
  body.is-guest.page-home .ib-confidence .ib-proof__grid strong{font-size:14.5px}
  body.is-guest.page-home .ib-confidence .ib-proof__grid span{font-size:13px}
  body.is-guest.page-home .ib-platforms,
  body.is-guest.page-home .ib-popular,
  body.is-guest.page-home .ib-transparency,
  body.is-guest.page-home .ib-process,
  body.is-guest.page-home .ib-faq{padding:58px 0}
  body.is-guest.page-home .ib-final-cta{padding:28px 0 54px}
  body.is-guest.page-home .ib-section-head h2,
  body.is-guest.page-home .ib-transparency__copy h2,
  body.is-guest.page-home .ib-final-cta h2{font-size:32px;line-height:1.2}
  body.is-guest.page-home .ib-section-head p,
  body.is-guest.page-home .ib-transparency__copy>p,
  body.is-guest.page-home .ib-final-cta p{font-size:16px}
  body.is-guest.page-home .ib-platforms__grid{gap:30px}
  body.is-guest.page-home .ib-platform-grid{grid-template-columns:1fr 1fr;gap:10px}
  body.is-guest.page-home .ib-platform-card{min-height:112px;padding:17px}
  body.is-guest.page-home .ib-platform-card b{font-size:17px}
  body.is-guest.page-home .ib-platform-card small{display:none}
  body.is-guest.page-home .ib-section-head--split{margin-bottom:25px}
  body.is-guest.page-home .ib-popular-grid{grid-template-columns:1fr 1fr;gap:11px}
  body.is-guest.page-home .ib-service-card{min-height:216px;padding:19px 17px;border-radius:17px}
  body.is-guest.page-home .ib-service-card__icon{width:42px;height:42px}
  body.is-guest.page-home .ib-service-card h3{font-size:18px;margin:12px 0 7px}
  body.is-guest.page-home .ib-service-card p{font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  body.is-guest.page-home .ib-service-card em{font-size:13px}
  body.is-guest.page-home .ib-transparency__panel{padding:24px 19px}
  body.is-guest.page-home .ib-steps{grid-template-columns:1fr;gap:11px}
  body.is-guest.page-home .ib-steps article{min-height:0;padding:22px 20px}
  body.is-guest.page-home .ib-faq__grid{gap:28px}
  body.is-guest.page-home .ib-faq details{padding:17px 0}
  body.is-guest.page-home .ib-faq summary{font-size:15.5px}
  body.is-guest.page-home .ib-final-cta__inner{padding:31px 22px}
}

@media (max-width:370px){
  body.is-guest.page-home .ib-hero__copy h1{font-size:29px}
  body.is-guest.page-home .ib-hero__actions{grid-template-columns:1fr}
  body.is-guest.page-home .ib-popular-grid{grid-template-columns:1fr}
  body.is-guest.page-home .ib-service-card{min-height:0}
}

/* INBLOG COMPACT QA PATCH 2026 */
body.is-guest.page-home .ib-home h1,
body.is-guest.page-home .ib-home h2,
body.is-guest.page-home .ib-home h3,
body.is-guest.page-home .ib-home p,
body.is-guest.page-home .ib-home strong,
body.is-guest.page-home .ib-home small,
body.is-guest.page-home .ib-home span{
  word-break:keep-all;
}
body.is-guest.page-home .ib-confidence .ib-channel-list{flex-wrap:nowrap}
body.is-guest.page-home .ib-section-head--split{gap:20px}
body.is-guest.page-home .ib-section-head--split .ib-text-link{margin-top:0}

/* Public catalogue readability */
body.is-guest.page-services .catalog-title{
  font-size:clamp(28px,3vw,38px);
  line-height:1.2;
  letter-spacing:-.035em;
}
body.is-guest.page-services .catalog-subtitle{
  font-size:15.5px;
  line-height:1.65;
}
body.is-guest.page-services .platform-tab .tab-txt,
body.is-guest.page-services .catalog-filters button{
  font-size:14px;
}
body.is-guest.page-services .table th{font-size:13.5px}
body.is-guest.page-services .table td{font-size:14px;line-height:1.55}

@media (max-width:680px){
  body.is-guest.page-home .ib-section-head--split{gap:14px}
  body.is-guest.page-home .ib-section-head--split .ib-text-link{align-self:flex-start}
  body.is-guest.page-home .chat-yellow-btn{right:8px;bottom:8px;transform:scale(.9);transform-origin:bottom right}
  body.is-guest.page-services .catalog-title{font-size:27px}
  body.is-guest.page-services .catalog-subtitle{font-size:14.5px}
  body.is-guest.page-services .platform-tab .tab-txt,
  body.is-guest.page-services .catalog-filters button{font-size:13.5px}
}

/* INBLOG NARROW COMPACT PATCH 2026 */
@media (max-width:370px){
  body.is-guest.page-home .ib-hero__actions{grid-template-columns:1fr 1fr}
  body.is-guest.page-home .ib-popular-grid{grid-template-columns:1fr 1fr}
  body.is-guest.page-home .ib-service-card{min-height:216px;padding:17px 14px}
  body.is-guest.page-home .ib-service-card h3{font-size:17px}
  body.is-guest.page-home .ib-service-card p{font-size:13px}
}

/* INBLOG USER FEEDBACK PATCH 1 */
body.is-guest.page-home .ib-hero__actions{
  display:flex;
  grid-template-columns:none;
}
body.is-guest.page-home .ib-hero__actions .ib-btn--primary{min-width:190px}
body.is-guest.page-home .ib-login-options{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:2px 0 16px;
}
body.is-guest.page-home .ib-login-options .ib-login-remember{margin:0}
body.is-guest.page-home .ib-reset-link{
  color:#6250df;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}
body.is-guest.page-home .ib-reset-link:hover{text-decoration:underline}
body.is-guest.page-home .ib-login-actions-row{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:10px;
}
body.is-guest.page-home .ib-login-actions-row .ib-login-submit{
  width:100%;
  min-width:0;
  min-height:50px;
  margin:0;
  padding:0 12px;
  white-space:nowrap;
}
@media (max-width:680px){
  body.is-guest.page-home .ib-hero__actions{display:flex;grid-template-columns:none}
  body.is-guest.page-home .ib-hero__actions .ib-btn--primary{min-width:0;padding:0 22px}
  body.is-guest.page-home .ib-login-actions-row{
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
    gap:8px;
  }
  body.is-guest.page-home .ib-login-actions-row .ib-login-submit{
    min-height:48px;
    padding:0 7px;
    font-size:13.5px;
  }
  body.is-guest.page-home .ib-reset-link{font-size:13.5px}
}

/* INBLOG USER FEEDBACK PATCH 2 */
body.is-guest.page-home .ib-home a,
body.is-guest.page-home .ib-home a:hover,
body.is-guest.page-home .ib-home a:focus,
body.is-guest.page-home .ib-home a *,
body.is-guest.page-home .ib-home a:hover *{
  text-decoration:none!important;
}
body.is-guest.page-home .ib-hero{
  padding:56px 0 60px;
  background:linear-gradient(135deg,#ffffff 0%,#faf9ff 50%,#f2efff 100%);
}
body.is-guest.page-home .ib-hero__actions{
  display:flex;
  align-items:stretch;
  gap:10px;
  flex-wrap:nowrap;
}
body.is-guest.page-home .ib-login-submit{width:100%}

/* Flat confidence cards: no nested-table appearance */
body.is-guest.page-home .ib-confidence{
  padding:30px 0 52px;
  background:#f5f6fa;
}
body.is-guest.page-home .ib-confidence__inner{
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.is-guest.page-home .ib-confidence .ib-channel-list{
  padding:0 12px 20px;
  border:0;
  background:transparent;
}
body.is-guest.page-home .ib-confidence .ib-proof__grid{gap:12px}
body.is-guest.page-home .ib-confidence .ib-proof__grid article,
body.is-guest.page-home .ib-confidence .ib-proof__grid article:nth-child(n){
  min-height:108px;
  padding:21px 20px;
  border:1px solid #e5e6ef!important;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(35,31,74,.045);
}

/* Clear section rhythm and alternating backgrounds */
body.is-guest.page-home .ib-platforms{padding:62px 0;background:#fff}
body.is-guest.page-home .ib-transparency{padding:62px 0;background:linear-gradient(135deg,#11182f 0%,#151d3b 58%,#262052 100%)}
body.is-guest.page-home .ib-popular{padding:62px 0 66px;background:#f5f7fb}
body.is-guest.page-home .ib-process{padding:62px 0;background:#fff}
body.is-guest.page-home .ib-faq{padding:62px 0;background:#f6f7fc}
body.is-guest.page-home .ib-final-cta{padding:38px 0 60px;background:#f6f7fc}
body.is-guest.page-home .ib-transparency__actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
body.is-guest.page-home .ib-btn--outline-light{
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.07);
  color:#fff;
}
body.is-guest.page-home .ib-btn--outline-light:hover{
  border-color:rgba(255,255,255,.52);
  background:rgba(255,255,255,.14);
  color:#fff;
}

/* Company footer content added from General settings */
.inblog-company-footer{
  margin:0;
  padding:34px 24px;
  background:#0f1429;
  color:#aeb5cc;
  font-size:14px;
  line-height:1.7;
}
.inblog-company-footer__inner{
  width:min(100%,1180px);
  margin:0 auto;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
}
.inblog-company-footer__brand{
  margin-bottom:8px;
  color:#fff;
  font-size:18px;
  font-weight:900;
  letter-spacing:-.02em;
}
.inblog-company-footer__info{
  display:flex;
  flex-wrap:wrap;
  gap:4px 18px;
}
.inblog-company-footer__info span{white-space:nowrap}
.inblog-company-footer__info a{color:#d7dcf0;text-decoration:none}
.inblog-company-footer__info a:hover{color:#fff;text-decoration:none}
.inblog-company-footer__copyright{
  color:#858da7;
  text-align:right;
  white-space:nowrap;
}

@media (max-width:680px){
  body.is-guest.page-home .ib-hero{padding:28px 0 40px}
  body.is-guest.page-home .ib-hero__actions{display:grid;grid-template-columns:1fr 1.18fr;gap:8px}
  body.is-guest.page-home .ib-confidence{padding:24px 0 42px}
  body.is-guest.page-home .ib-confidence .ib-channel-list{padding:0 2px 16px}
  body.is-guest.page-home .ib-confidence .ib-proof__grid{gap:9px}
  body.is-guest.page-home .ib-confidence .ib-proof__grid article,
  body.is-guest.page-home .ib-confidence .ib-proof__grid article:nth-child(n){
    min-height:124px;
    padding:16px;
    border:1px solid #e5e6ef!important;
    border-radius:14px;
  }
  body.is-guest.page-home .ib-platforms,
  body.is-guest.page-home .ib-transparency,
  body.is-guest.page-home .ib-popular,
  body.is-guest.page-home .ib-process,
  body.is-guest.page-home .ib-faq{padding:46px 0}
  body.is-guest.page-home .ib-final-cta{padding:24px 0 46px}
  body.is-guest.page-home .ib-transparency__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  body.is-guest.page-home .ib-transparency__actions .ib-btn{width:100%;padding:0 9px;font-size:13.5px}
  .inblog-company-footer{padding:28px 20px;font-size:13px}
  .inblog-company-footer__inner{display:block}
  .inblog-company-footer__copyright{margin-top:16px;text-align:left;white-space:normal}
}

/* INBLOG USER FEEDBACK PATCH 3 */
@media (max-width:680px){
  body.is-guest.page-home .ib-hero__actions{grid-template-columns:1fr 1.1fr}
  body.is-guest.page-home .ib-hero__actions .ib-btn{
    padding:0 8px;
    font-size:13px;
    white-space:nowrap;
  }
  body.inblog-theme-root-v2 .chat-yellow-btn{
    width:42px;
    height:42px;
    padding:0;
    justify-content:center;
    border-radius:50%;
    transform:none;
  }
  body.inblog-theme-root-v2 .chat-yellow-btn span{display:none}
}

/* INBLOG USER FEEDBACK PATCH 4 */
body.is-guest.page-home main{padding-top:0}
body.is-guest.page-home .ib-hero{padding:38px 0 44px}

/* Compact platform cards: icon + title in one row */
body.is-guest.page-home .ib-platform-card{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  column-gap:13px;
  row-gap:3px;
  align-items:center;
  min-height:118px;
  padding:20px;
}
body.is-guest.page-home .ib-platform-card>i{
  grid-column:1;
  grid-row:1 / 3;
  margin:0;
}
body.is-guest.page-home .ib-platform-card>span{
  grid-column:2;
  grid-row:1 / 3;
  min-width:0;
}
body.is-guest.page-home .ib-platform-card>span b{margin:0 0 3px}
body.is-guest.page-home .ib-platform-card>em{
  grid-column:3;
  grid-row:1;
  align-self:start;
}

/* Compact popular cards: overline + title beside the icon */
body.is-guest.page-home .ib-service-card{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  grid-template-rows:auto auto auto auto;
  column-gap:14px;
  align-items:center;
  min-height:232px;
  padding:23px;
}
body.is-guest.page-home .ib-service-card>.ib-service-card__icon{
  grid-column:1;
  grid-row:1 / 3;
  margin:0;
}
body.is-guest.page-home .ib-service-card>small{
  grid-column:2;
  grid-row:1;
  align-self:end;
}
body.is-guest.page-home .ib-service-card>h3{
  grid-column:2;
  grid-row:2;
  align-self:start;
  margin:2px 0 0;
}
body.is-guest.page-home .ib-service-card>p{
  grid-column:1 / 3;
  grid-row:3;
  margin:16px 0 13px;
}
body.is-guest.page-home .ib-service-card>em{
  grid-column:1 / 3;
  grid-row:4;
}

/* Compact process cards: title beside icon */
body.is-guest.page-home .ib-steps article{
  position:relative;
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:14px;
  align-items:center;
  min-height:196px;
  padding:24px;
}
body.is-guest.page-home .ib-steps article>span{
  position:absolute;
  top:18px;
  right:18px;
}
body.is-guest.page-home .ib-steps article>i{
  grid-column:1;
  grid-row:1;
  margin:0;
}
body.is-guest.page-home .ib-steps article>h3{
  grid-column:2;
  grid-row:1;
  margin:0;
}
body.is-guest.page-home .ib-steps article>p{
  grid-column:1 / 3;
  grid-row:2;
  margin:16px 0 0;
}

/* Login-following trust strip: one clear component, no duplicate platform row */
body.is-guest.page-home .ib-confidence{
  padding:18px 0 34px;
  background:#f5f6fa;
}
body.is-guest.page-home .ib-confidence .ib-channel-list{display:none!important}
body.is-guest.page-home .ib-confidence .ib-proof__grid{
  gap:0;
  overflow:hidden;
  border:1px solid #e2e3ed;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 30px rgba(35,31,74,.055);
}
body.is-guest.page-home .ib-confidence .ib-proof__grid article,
body.is-guest.page-home .ib-confidence .ib-proof__grid article:nth-child(n){
  min-height:90px;
  padding:17px 18px;
  border:0!important;
  border-right:1px solid #e8e8f0!important;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.is-guest.page-home .ib-confidence .ib-proof__grid article:last-child{border-right:0!important}

/* Softer OPEN CATALOG palette */
body.is-guest.page-home .ib-transparency{
  background:linear-gradient(135deg,#f3f1ff 0%,#eeecfb 55%,#e9e8f7 100%);
}
body.is-guest.page-home .ib-transparency__copy h2{color:#17172a}
body.is-guest.page-home .ib-transparency__copy>p{color:#626277}
body.is-guest.page-home .ib-transparency .ib-overline{color:#6553df}
body.is-guest.page-home .ib-transparency__panel{
  border:1px solid #dcd8f0;
  background:#fff!important;
  box-shadow:0 18px 45px rgba(65,53,130,.10);
}
body.is-guest.page-home .ib-mini-browser{
  border-color:#e5e2f2;
  background:#f7f6fc;
  color:#77738d;
}
body.is-guest.page-home .ib-transparency__panel li{
  border-color:#e6e3f1;
  background:#f8f7fd;
}
body.is-guest.page-home .ib-transparency__panel li i{
  background:#ece9ff;
  color:#6553df;
}
body.is-guest.page-home .ib-transparency__panel strong{color:#242238}
body.is-guest.page-home .ib-transparency__panel small{color:#7a778c}
body.is-guest.page-home .ib-btn--outline-light{
  border-color:#c9c3eb;
  background:#fff;
  color:#5746d5;
}
body.is-guest.page-home .ib-btn--outline-light:hover{
  border-color:#a99fe2;
  background:#f8f6ff;
  color:#4938ca;
}

/* Tighter section rhythm */
body.is-guest.page-home .ib-platforms{padding:44px 0}
body.is-guest.page-home .ib-transparency{padding:48px 0}
body.is-guest.page-home .ib-popular{padding:48px 0 52px}
body.is-guest.page-home .ib-process{padding:48px 0}
body.is-guest.page-home .ib-faq{padding:48px 0}
body.is-guest.page-home .ib-final-cta{padding:24px 0 42px}
body.is-guest.page-home .ib-platforms__grid{gap:40px}
body.is-guest.page-home .ib-section-head--split{margin-bottom:24px}
body.is-guest.page-home .ib-transparency__inner,
body.is-guest.page-home .ib-faq__grid{gap:44px}
body.is-guest.page-home .ib-steps{margin-top:26px}

/* Copyright on two lines */
.inblog-company-footer__copyright span{display:block}

@media (max-width:680px){
  body.is-guest.page-home .ib-hero{padding:16px 0 32px}
  body.is-guest.page-home .ib-confidence{padding:12px 0 28px}
  body.is-guest.page-home .ib-confidence .ib-proof__grid{grid-template-columns:1fr 1fr;border-radius:16px}
  body.is-guest.page-home .ib-confidence .ib-proof__grid article,
  body.is-guest.page-home .ib-confidence .ib-proof__grid article:nth-child(n){
    min-height:112px;
    padding:15px;
    border:0!important;
  }
  body.is-guest.page-home .ib-confidence .ib-proof__grid article:nth-child(odd){border-right:1px solid #e8e8f0!important}
  body.is-guest.page-home .ib-confidence .ib-proof__grid article:nth-child(-n+2){border-bottom:1px solid #e8e8f0!important}
  body.is-guest.page-home .ib-platforms,
  body.is-guest.page-home .ib-transparency,
  body.is-guest.page-home .ib-popular,
  body.is-guest.page-home .ib-process,
  body.is-guest.page-home .ib-faq{padding:38px 0}
  body.is-guest.page-home .ib-final-cta{padding:18px 0 36px}
  body.is-guest.page-home .ib-platforms__grid{gap:24px}
  body.is-guest.page-home .ib-platform-card{min-height:94px;padding:14px;grid-template-columns:40px minmax(0,1fr) auto;column-gap:10px}
  body.is-guest.page-home .ib-service-card{min-height:190px;padding:16px 14px;grid-template-columns:42px minmax(0,1fr);column-gap:10px}
  body.is-guest.page-home .ib-service-card>p{margin:12px 0 10px}
  body.is-guest.page-home .ib-steps article{min-height:0;padding:19px;grid-template-columns:42px minmax(0,1fr);column-gap:11px}
  body.is-guest.page-home .ib-steps article>p{margin-top:12px}
  body.is-guest.page-home .ib-transparency__inner,
  body.is-guest.page-home .ib-faq__grid{gap:28px}
}

/* INBLOG USER FEEDBACK PATCH 5 */
body.is-guest.page-home main{padding-top:0!important}
body.is-guest.page-home .ib-hero{padding:32px 0 38px}
body.is-guest.page-home .ib-platforms{padding:40px 0}
body.is-guest.page-home .ib-transparency{padding:42px 0}
body.is-guest.page-home .ib-popular{padding:42px 0 46px}
body.is-guest.page-home .ib-process{padding:42px 0}
body.is-guest.page-home .ib-faq{padding:42px 0}
body.is-guest.page-home .ib-final-cta{padding:20px 0 36px}
body.is-guest.page-home .ib-transparency__inner{padding:0!important}
body.is-guest.page-home .ib-transparency__panel li{
  min-height:82px;
  padding:11px 13px;
}

@media (max-width:680px){
  body.is-guest.page-home .ib-hero{padding:14px 0 28px}
  body.is-guest.page-home .ib-confidence .ib-proof__grid article,
  body.is-guest.page-home .ib-confidence .ib-proof__grid article:nth-child(n){
    display:flex!important;
    align-items:center;
    gap:10px;
    min-height:94px;
    padding:13px;
  }
  body.is-guest.page-home .ib-confidence .ib-proof__grid article>i{margin:0;flex:0 0 38px}
  body.is-guest.page-home .ib-platforms,
  body.is-guest.page-home .ib-transparency,
  body.is-guest.page-home .ib-popular,
  body.is-guest.page-home .ib-process,
  body.is-guest.page-home .ib-faq{padding:34px 0}
  body.is-guest.page-home .ib-final-cta{padding:14px 0 30px}
  body.is-guest.page-home .ib-transparency__inner{gap:20px;padding:0!important}
  body.is-guest.page-home .ib-transparency__panel{padding:18px 15px}
  body.is-guest.page-home .ib-transparency__panel ul{gap:7px}
  body.is-guest.page-home .ib-transparency__panel li{min-height:76px;padding:9px 10px}
  body.is-guest.page-home .ib-service-card{min-height:176px}
  body.is-guest.page-home .ib-service-card>p{-webkit-line-clamp:2}
}

/* INBLOG USER FEEDBACK PATCH 6 */
body.is-guest.page-home .ib-transparency__inner{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* INBLOG USER FEEDBACK PATCH 7 */
/* Unified neutral-lavender color system */
body.is-guest.page-home .ib-hero{background:linear-gradient(135deg,#ffffff 0%,#fbfaff 55%,#f4f1ff 100%)}
body.is-guest.page-home .ib-confidence{background:#f5f3fb}
body.is-guest.page-home .ib-platforms{background:#ffffff}
body.is-guest.page-home .ib-transparency{background:linear-gradient(135deg,#f5f3fc 0%,#f0eef9 100%)}
body.is-guest.page-home .ib-popular{background:#ffffff}
body.is-guest.page-home .ib-process{background:#f6f4fb}
body.is-guest.page-home .ib-faq{background:#ffffff}
body.is-guest.page-home .ib-final-cta{background:#f3f1fa}
body.is-guest.page-home .ib-final-cta__inner{background:linear-gradient(135deg,#17172f 0%,#211b48 100%)}

/* Platform: icon centered against both title and description rows */
body.is-guest.page-home .ib-platform-card>i{
  align-self:center!important;
  justify-self:start;
}
body.is-guest.page-home .ib-platform-card>span{
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  align-self:center;
  gap:4px;
  min-height:46px;
  transform:none!important;
}
body.is-guest.page-home .ib-platform-card>span b,
body.is-guest.page-home .ib-platform-card>span small{
  position:static!important;
  display:block;
  margin:0!important;
  transform:none!important;
}
body.is-guest.page-home .ib-platform-card>span b{line-height:1.25}
body.is-guest.page-home .ib-platform-card>span small{line-height:1.4}

/* Popular: icon centered against overline + title as a single two-line group */
body.is-guest.page-home .ib-service-card>.ib-service-card__icon{
  align-self:center!important;
  justify-self:start;
}
body.is-guest.page-home .ib-service-card>small{
  align-self:end!important;
  margin:0 0 4px!important;
  line-height:1.1;
}
body.is-guest.page-home .ib-service-card>h3{
  align-self:start!important;
  margin:0!important;
  line-height:1.22;
}

/* Process title alignment */
body.is-guest.page-home .ib-steps article>i{align-self:center!important}
body.is-guest.page-home .ib-steps article>h3{align-self:center!important;line-height:1.3}

/* Rounded mini browser bar and clean card edges */
body.is-guest.page-home .ib-transparency__panel{overflow:hidden}
body.is-guest.page-home .ib-mini-browser{
  overflow:hidden;
  margin-bottom:10px;
  border:1px solid #dfdced!important;
  border-radius:12px!important;
  background:#f7f6fc!important;
}
body.is-guest.page-home .ib-transparency__panel ul{margin-top:0}
body.is-guest.page-home .ib-transparency__panel li{border-radius:12px!important}

/* Footer and preceding link area use the same palette family */
.inblog-footer-seo-links{
  max-width:none;
  margin:0;
  padding:22px 20px;
  border-top:1px solid #dedbe9;
  background:#f3f1fa;
}
.inblog-company-footer{background:#17172f;color:#adb0c3}
.inblog-company-footer__inner{
  display:block;
  width:min(100%,1180px);
  margin:0 auto;
}
.inblog-company-footer__brand{margin-bottom:7px;color:#fff}
.inblog-company-footer__info{
  display:flex;
  flex-wrap:wrap;
  gap:2px 18px;
}
.inblog-company-footer__copyright{
  margin-top:7px;
  color:#8f93a8;
  text-align:left;
  white-space:normal;
}
.inblog-company-footer__copyright span{display:inline}

@media (max-width:680px){
  body.is-guest.page-home .ib-platform-card>span{min-height:40px;gap:2px}
  body.is-guest.page-home .ib-service-card>small{margin-bottom:3px!important}
  .inblog-footer-seo-links{padding:18px 16px}
  .inblog-company-footer__info{display:block}
  .inblog-company-footer__info span{display:block;white-space:normal}
}

/* INBLOG USER FEEDBACK PATCH 8 */
body.inblog-theme-root-v2 .inblog-company-footer{background:#17172f!important}

/* INBLOG USER FEEDBACK PATCH 9 */
/* Three continuous visual zones instead of alternating section stripes */
body.is-guest.page-home .ib-hero,
body.is-guest.page-home .ib-confidence,
body.is-guest.page-home .ib-platforms{
  background:#fbfaff;
}
body.is-guest.page-home .ib-hero{
  background:linear-gradient(135deg,#ffffff 0%,#fbfaff 64%,#f6f3ff 100%);
}
body.is-guest.page-home .ib-confidence{
  border-top:1px solid rgba(91,74,165,.05);
  border-bottom:1px solid rgba(91,74,165,.05);
}
body.is-guest.page-home .ib-transparency,
body.is-guest.page-home .ib-popular,
body.is-guest.page-home .ib-process{
  background:#f3f1fa;
}
body.is-guest.page-home .ib-transparency{
  border-top:1px solid rgba(91,74,165,.08);
  background:linear-gradient(180deg,#f3f1fa 0%,#f1eff8 100%);
}
body.is-guest.page-home .ib-faq{
  border-top:1px solid rgba(91,74,165,.07);
  background:#fbfaff;
}
body.is-guest.page-home .ib-final-cta{
  background:linear-gradient(180deg,#fbfaff 0%,#f3f1fa 100%);
}
.inblog-footer-seo-links{background:#f3f1fa}

/* Larger, truly centered browser address bar */
body.is-guest.page-home .ib-mini-browser{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 58px;
}
body.is-guest.page-home .ib-mini-browser span{
  position:absolute;
  top:50%;
  width:8px;
  height:8px;
  margin:0;
  transform:translateY(-50%);
}
body.is-guest.page-home .ib-mini-browser span:nth-child(1){left:16px}
body.is-guest.page-home .ib-mini-browser span:nth-child(2){left:30px}
body.is-guest.page-home .ib-mini-browser span:nth-child(3){left:44px}
body.is-guest.page-home .ib-mini-browser b{
  display:block;
  width:100%;
  margin:0;
  color:#6f6b82;
  font-size:13.5px;
  font-weight:800;
  line-height:1;
  text-align:center;
  white-space:nowrap;
}

@media (max-width:680px){
  body.is-guest.page-home .ib-mini-browser{
    min-height:42px;
    padding:0 48px;
  }
  body.is-guest.page-home .ib-mini-browser span{width:7px;height:7px}
  body.is-guest.page-home .ib-mini-browser span:nth-child(1){left:13px}
  body.is-guest.page-home .ib-mini-browser span:nth-child(2){left:25px}
  body.is-guest.page-home .ib-mini-browser span:nth-child(3){left:37px}
  body.is-guest.page-home .ib-mini-browser b{font-size:12.5px}
}

/* INBLOG USER FEEDBACK PATCH 10 */
/* URL follows the traffic-light icons */
body.is-guest.page-home .ib-mini-browser{
  justify-content:flex-start;
  gap:6px;
  padding:0 16px;
}
body.is-guest.page-home .ib-mini-browser span,
body.is-guest.page-home .ib-mini-browser span:nth-child(1),
body.is-guest.page-home .ib-mini-browser span:nth-child(2),
body.is-guest.page-home .ib-mini-browser span:nth-child(3){
  position:static;
  left:auto;
  top:auto;
  flex:0 0 8px;
  transform:none;
}
body.is-guest.page-home .ib-mini-browser b{
  width:auto;
  margin:0 0 0 4px;
  text-align:left;
}

/* Subtle inset dividers inside each large visual zone */
body.is-guest.page-home .ib-platforms,
body.is-guest.page-home .ib-popular,
body.is-guest.page-home .ib-process{
  position:relative;
}
body.is-guest.page-home .ib-platforms:before,
body.is-guest.page-home .ib-popular:before,
body.is-guest.page-home .ib-process:before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(calc(100% - 72px),1180px);
  height:1px;
  background:rgba(76,64,133,.10);
  transform:translateX(-50%);
}

/* Kicker-to-headline spacing */
body.is-guest.page-home .ib-hero__copy h1{margin-top:10px}

@media (max-width:680px){
  body.is-guest.page-home .ib-mini-browser{gap:5px;padding:0 13px}
  body.is-guest.page-home .ib-mini-browser span,
  body.is-guest.page-home .ib-mini-browser span:nth-child(1),
  body.is-guest.page-home .ib-mini-browser span:nth-child(2),
  body.is-guest.page-home .ib-mini-browser span:nth-child(3){flex-basis:7px}
  body.is-guest.page-home .ib-mini-browser b{margin-left:3px}
  body.is-guest.page-home .ib-transparency__panel ul{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  body.is-guest.page-home .ib-transparency__panel li{
    display:flex!important;
    align-items:center;
    min-height:72px;
    padding:10px;
    gap:9px;
  }
  body.is-guest.page-home .ib-transparency__panel li i{flex:0 0 36px;width:36px;height:36px}
  body.is-guest.page-home .ib-transparency__panel li strong{font-size:14px;line-height:1.3}
  body.is-guest.page-home .ib-transparency__panel li small{display:none}
  body.is-guest.page-home .ib-hero__copy h1{margin-top:6px}
  body.is-guest.page-home .ib-platforms:before,
  body.is-guest.page-home .ib-popular:before,
  body.is-guest.page-home .ib-process:before{width:calc(100% - 36px)}
}

/* INBLOG USER FEEDBACK PATCH 11 — HERO KICKER GAP */
body.is-guest.page-home .ib-kicker{margin-bottom:0}

/* INBLOG USER FEEDBACK PATCH 12 — MOBILE CARD SYSTEM + CHANNEL STRIP */
body.is-guest.page-home .ib-hero h1{margin-top:16px!important}

/* confidence strip: balanced spacing + six supported-channel labels */
body.is-guest.page-home .ib-confidence{padding-top:26px;padding-bottom:26px}
body.is-guest.page-home .ib-confidence__inner{display:flex;flex-direction:column;gap:18px}
body.is-guest.page-home .ib-channel-list{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:center;
  gap:12px;
  margin:0;
}
body.is-guest.page-home .ib-channel-list>span,
body.is-guest.page-home .ib-channel-list::after{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  line-height:1.2;
  white-space:nowrap;
}
body.is-guest.page-home .ib-channel-list::after{
  content:"•••  ETC";
  color:#76798b;
  font-size:14px;
  font-weight:800;
  letter-spacing:.02em;
}
body.is-guest.page-home .ib-proof__grid{margin:0}

/* popular-card ornament stays visible but always behind content */
body.is-guest.page-home .ib-service-card{
  overflow:hidden;
  isolation:isolate;
}
body.is-guest.page-home .ib-service-card::before{
  z-index:0;
  pointer-events:none;
}
body.is-guest.page-home .ib-service-card>*{
  position:relative;
  z-index:1;
}

/* mini browser: larger traffic-light icons and stronger address */
body.is-guest.page-home .ib-mini-browser{
  display:flex;
  align-items:center;
  gap:7px;
}
body.is-guest.page-home .ib-mini-browser>span{
  width:10px;
  height:10px;
  flex:0 0 10px;
}
body.is-guest.page-home .ib-mini-browser>b{
  margin-left:4px;
  font-size:13px;
  line-height:1;
  display:flex;
  align-items:center;
}

@media(max-width:767px){
  body.is-guest.page-home .ib-hero h1{margin-top:14px!important}

  body.is-guest.page-home .ib-confidence{
    padding-top:20px;
    padding-bottom:20px;
  }
  body.is-guest.page-home .ib-confidence__inner{gap:14px}
  body.is-guest.page-home .ib-channel-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px 6px;
  }
  body.is-guest.page-home .ib-channel-list>span,
  body.is-guest.page-home .ib-channel-list::after{
    min-height:24px;
    gap:5px;
    font-size:11px;
  }
  body.is-guest.page-home .ib-channel-list::after{
    font-size:11px;
    letter-spacing:0;
  }
  body.is-guest.page-home .ib-proof__grid article{
    min-width:0;
    min-height:94px;
    padding:15px 12px;
    align-items:center;
  }

  /* 2x2 platform cards: icon + title / description */
  body.is-guest.page-home .ib-platform-card{
    position:relative;
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    grid-template-rows:36px auto;
    column-gap:8px;
    row-gap:9px;
    align-items:center;
    min-width:0;
    min-height:132px;
    padding:14px 13px;
  }
  body.is-guest.page-home .ib-platform-card>i{
    grid-column:1;
    grid-row:1;
    width:36px;
    height:36px;
    margin:0;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  body.is-guest.page-home .ib-platform-card>span{display:contents}
  body.is-guest.page-home .ib-platform-card>span>b{
    grid-column:2;
    grid-row:1;
    min-width:0;
    padding-right:14px;
    font-size:15px;
    line-height:1.2;
    white-space:nowrap;
    word-break:keep-all;
  }
  body.is-guest.page-home .ib-platform-card>span>small{
    grid-column:1 / -1;
    grid-row:2;
    align-self:start;
    min-width:0;
    margin:0;
    font-size:13px;
    line-height:1.45;
    word-break:keep-all;
    overflow-wrap:normal;
  }
  body.is-guest.page-home .ib-platform-card>em{
    position:absolute;
    top:15px;
    right:12px;
    margin:0;
    font-size:13px;
    line-height:1;
  }

  /* decorative circle remains as a restrained background layer */
  body.is-guest.page-home .ib-service-card::before{
    width:112px;
    height:112px;
    top:-42px;
    right:-44px;
    opacity:.62;
  }
  body.is-guest.page-home .ib-service-card small,
  body.is-guest.page-home .ib-service-card h3,
  body.is-guest.page-home .ib-service-card p{
    word-break:keep-all;
    overflow-wrap:normal;
  }
  body.is-guest.page-home .ib-service-card em{white-space:nowrap}

  body.is-guest.page-home .ib-mini-browser{gap:6px}
  body.is-guest.page-home .ib-mini-browser>span{
    width:9px;
    height:9px;
    flex-basis:9px;
  }
  body.is-guest.page-home .ib-mini-browser>b{
    margin-left:3px;
    font-size:12px;
  }
}

@media(max-width:374px){
  body.is-guest.page-home .ib-platform-card{
    min-height:136px;
    padding-left:11px;
    padding-right:11px;
    grid-template-columns:34px minmax(0,1fr);
    column-gap:7px;
  }
  body.is-guest.page-home .ib-platform-card>i{width:34px;height:34px}
  body.is-guest.page-home .ib-platform-card>span>b{font-size:14px;padding-right:12px}
  body.is-guest.page-home .ib-platform-card>span>small{font-size:12.5px}
}

/* INBLOG USER FEEDBACK PATCH 12B — FIX LEGACY PRIORITY */
body.is-guest.page-home .ib-channel-list{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
body.is-guest.page-home .ib-mini-browser>span{
  width:10px!important;
  height:10px!important;
  flex:0 0 10px!important;
}
@media(max-width:767px){
  body.is-guest.page-home .ib-channel-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.is-guest.page-home .ib-mini-browser>span{
    width:9px!important;
    height:9px!important;
    flex-basis:9px!important;
  }
}

/* INBLOG USER FEEDBACK PATCH 12C — RESTORE CHANNEL STRIP */
body.is-guest.page-home .ib-channel-list{
  display:grid!important;
  padding:0!important;
}

/* PATCH 12C SAVE MARK */

/* INBLOG USER FEEDBACK PATCH 12D — CHANNEL VISIBILITY PRIORITY */
html body.is-guest.page-home section.ib-confidence .ib-shell.ib-confidence__inner > .ib-channel-list{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
}

/* INBLOG USER FEEDBACK PATCH 13 — CHANNEL CARD + MOBILE PLATFORM STABILITY */
html body.is-guest.page-home section.ib-confidence .ib-channel-list{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e4e1ef!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfaff 100%)!important;
  box-shadow:0 10px 28px rgba(43,36,92,.08)!important;
}
html body.is-guest.page-home section.ib-confidence .ib-channel-list>span,
html body.is-guest.page-home section.ib-confidence .ib-channel-list::after{
  min-width:0!important;
  min-height:50px!important;
  padding:12px 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  color:#3f3c4e!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
  opacity:1!important;
}
html body.is-guest.page-home section.ib-confidence .ib-channel-list>span+span,
html body.is-guest.page-home section.ib-confidence .ib-channel-list::after{
  border-left:1px solid #ece9f4!important;
}
html body.is-guest.page-home section.ib-confidence .ib-channel-list i{
  font-size:17px!important;
  opacity:1!important;
}
html body.is-guest.page-home section.ib-confidence .ib-channel-list>span:nth-child(1) i{color:#d84d8e!important}
html body.is-guest.page-home section.ib-confidence .ib-channel-list>span:nth-child(2){color:#00a84f!important}
html body.is-guest.page-home section.ib-confidence .ib-channel-list>span:nth-child(2) b{color:#444252!important}
html body.is-guest.page-home section.ib-confidence .ib-channel-list>span:nth-child(3) i{color:#e94350!important}
html body.is-guest.page-home section.ib-confidence .ib-channel-list>span:nth-child(4) i{color:#171722!important}
html body.is-guest.page-home section.ib-confidence .ib-channel-list>span:nth-child(5) i{color:#2d2b37!important}
html body.is-guest.page-home section.ib-confidence .ib-channel-list::after{color:#6559d9!important}

@media(max-width:767px){
  html body.is-guest.page-home section.ib-confidence .ib-channel-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    border-radius:14px!important;
  }
  html body.is-guest.page-home section.ib-confidence .ib-channel-list>span,
  html body.is-guest.page-home section.ib-confidence .ib-channel-list::after{
    min-height:48px!important;
    padding:10px 5px!important;
    gap:5px!important;
    font-size:11.5px!important;
    white-space:nowrap!important;
  }
  html body.is-guest.page-home section.ib-confidence .ib-channel-list i{font-size:15px!important}
  html body.is-guest.page-home section.ib-confidence .ib-channel-list>span:nth-child(2),
  html body.is-guest.page-home section.ib-confidence .ib-channel-list>span:nth-child(3),
  html body.is-guest.page-home section.ib-confidence .ib-channel-list>span:nth-child(5),
  html body.is-guest.page-home section.ib-confidence .ib-channel-list::after{
    border-left:1px solid #ece9f4!important;
  }
  html body.is-guest.page-home section.ib-confidence .ib-channel-list>span:nth-child(4){
    border-left:0!important;
  }
  html body.is-guest.page-home section.ib-confidence .ib-channel-list>span:nth-child(-n+3){
    border-bottom:1px solid #ece9f4!important;
  }

  html body.is-guest.page-home section.ib-platforms .ib-platform-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:38px minmax(46px,auto)!important;
    column-gap:9px!important;
    row-gap:10px!important;
    align-items:center!important;
    min-width:0!important;
    min-height:126px!important;
    padding:13px 12px!important;
    overflow:hidden!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>i{
    grid-column:1!important;
    grid-row:1!important;
    width:38px!important;
    height:38px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>span{
    display:contents!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>span>b{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    min-width:0!important;
    margin:0!important;
    padding:0 15px 0 0!important;
    font-size:15px!important;
    line-height:1.2!important;
    letter-spacing:-.03em!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>span>small{
    grid-column:1 / -1!important;
    grid-row:2!important;
    align-self:start!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    font-size:12.5px!important;
    line-height:1.48!important;
    letter-spacing:-.02em!important;
    word-break:keep-all!important;
    overflow-wrap:break-word!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>em{
    position:absolute!important;
    top:17px!important;
    right:11px!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1!important;
  }
}

@media(max-width:374px){
  html body.is-guest.page-home section.ib-platforms .ib-platform-card{
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-rows:34px minmax(50px,auto)!important;
    column-gap:7px!important;
    min-height:128px!important;
    padding:12px 10px!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>i{
    width:34px!important;
    height:34px!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>span>b{
    padding-right:12px!important;
    font-size:14px!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>span>small{
    font-size:12px!important;
    line-height:1.45!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>em{
    top:15px!important;
    right:9px!important;
  }
}

/* INBLOG USER FEEDBACK PATCH 14 — THREADS ICON + COMPACT MOBILE CARDS */
html body.is-guest.page-home section.ib-confidence .ib-channel-list .fa-threads::before{
  content:"@"!important;
  display:inline-block!important;
  font-family:Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:-.12em!important;
  color:#2d2b37!important;
}

@media(max-width:767px){
  html body.is-guest.page-home section.ib-confidence .ib-channel-list .fa-threads::before{
    font-size:15px!important;
  }

  html body.is-guest.page-home section.ib-platforms .ib-platform-card{
    grid-template-columns:38px minmax(0,1fr) 12px!important;
    grid-template-rows:38px auto!important;
    column-gap:9px!important;
    row-gap:8px!important;
    align-items:center!important;
    align-content:center!important;
    min-height:108px!important;
    padding:12px!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>span>b{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    padding:0!important;
    text-align:left!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>span>small{
    grid-column:1 / -1!important;
    grid-row:2!important;
    align-self:start!important;
    justify-self:stretch!important;
    padding:0!important;
    text-align:center!important;
    line-height:1.42!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>em{
    position:static!important;
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    transform:none!important;
    line-height:1!important;
  }
}

@media(max-width:374px){
  html body.is-guest.page-home section.ib-platforms .ib-platform-card{
    grid-template-columns:34px minmax(0,1fr) 11px!important;
    grid-template-rows:34px auto!important;
    column-gap:7px!important;
    row-gap:8px!important;
    min-height:112px!important;
    padding:11px 10px!important;
  }
}

/* INBLOG USER FEEDBACK PATCH 15 — DESKTOP ARROW IN TITLE ROW */
@media(min-width:768px){
  html body.is-guest.page-home section.ib-platforms .ib-platform-card{
    grid-template-columns:46px minmax(0,1fr) 14px!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    align-items:center!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>span{
    display:contents!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>span>b{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    padding:0!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>span>small{
    grid-column:2 / -1!important;
    grid-row:2!important;
    align-self:start!important;
    padding:0!important;
  }
  html body.is-guest.page-home section.ib-platforms .ib-platform-card>em{
    position:static!important;
    grid-column:3!important;
    grid-row:1!important;
    align-self:end!important;
    justify-self:end!important;
    margin:0 0 1px 0!important;
    transform:none!important;
    line-height:1!important;
  }
}

/* ========================================================= */
html body.inblog-theme-root-v2.is-auth{
  --auth-shell:1120px;
  --auth-bg:#f6f7fb;
  --auth-card:#fff;
  --auth-soft:#f9fafd;
  --auth-line:#e3e6ef;
  --auth-line-strong:#d8dce8;
  --auth-text:#17182b;
  --auth-muted:#6f7487;
  --auth-primary:#5648e8;
  --auth-primary-dark:#4436d8;
  --auth-success:#1f9d63;
  --auth-warning:#dd8a16;
  --auth-danger:#d94b55;
  --auth-radius:14px;
  --auth-control-radius:10px;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:var(--auth-bg);
  color:var(--auth-text);
  font-size:15px;
  line-height:1.6;
}
html body.inblog-theme-root-v2.is-auth #mainContent{
  flex:1 0 auto;
  width:100%;
  padding-bottom:96px;
}
html body.inblog-theme-root-v2.is-auth .inblog-company-footer{flex:0 0 auto;width:100%}
html body.inblog-theme-root-v2.is-auth #mainContent>.container,
html body.inblog-theme-root-v2.is-auth #mainContent>.container-fluid,
html body.inblog-theme-root-v2.is-auth #mainContent>.af-wrap,
html body.inblog-theme-root-v2.is-auth #mainContent>.ro-wrap{
  width:calc(100% - 48px)!important;
  max-width:var(--auth-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body.inblog-theme-root-v2.is-auth input,
html body.inblog-theme-root-v2.is-auth select,
html body.inblog-theme-root-v2.is-auth textarea,
html body.inblog-theme-root-v2.is-auth button,
html body.inblog-theme-root-v2.is-auth .btn{font-size:14px}
html body.inblog-theme-root-v2.is-auth .form-control{
  min-height:44px;
  border-color:var(--auth-line);
  border-radius:var(--auth-control-radius);
  box-shadow:none;
}
html body.inblog-theme-root-v2.is-auth textarea.form-control{min-height:120px}
html body.inblog-theme-root-v2.is-auth .form-control:focus{
  border-color:var(--auth-primary);
  box-shadow:0 0 0 3px rgba(86,72,232,.12);
}
html body.inblog-theme-root-v2.is-auth .control-label,
html body.inblog-theme-root-v2.is-auth .af-label,
html body.inblog-theme-root-v2.is-auth label{font-size:14px;font-weight:600}
html body.inblog-theme-root-v2.is-auth .btn-primary{border-color:var(--auth-primary);background:var(--auth-primary)}
html body.inblog-theme-root-v2.is-auth .btn-primary:hover,
html body.inblog-theme-root-v2.is-auth .btn-primary:focus{border-color:var(--auth-primary-dark);background:var(--auth-primary-dark)}
html body.inblog-theme-root-v2.is-auth .panel,
html body.inblog-theme-root-v2.is-auth .well{border-color:var(--auth-line);box-shadow:none}
html body.inblog-theme-root-v2.is-auth .chat-yellow-btn{right:16px!important;bottom:16px!important}

/* SERVICES */
html body.is-auth.page-services .catalog-hero{
  border:1px solid var(--auth-line)!important;
  border-radius:var(--auth-radius)!important;
  background:var(--auth-card)!important;
  box-shadow:none!important;
}
html body.is-auth.page-services .catalog-title{color:var(--auth-text)!important;font-size:24px!important;line-height:1.3!important}
html body.is-auth.page-services .catalog-subtitle{color:var(--auth-muted)!important;font-size:15px!important}
html body.is-auth.page-services .catalog-search,
html body.is-auth.page-services .platform-tab{border-color:var(--auth-line)!important;box-shadow:none!important}
html body.is-auth.page-services .pc-table-container{
  border-color:var(--auth-line)!important;
  border-radius:var(--auth-radius)!important;
  box-shadow:none!important;
}
/* removed: favorites-col hide rule (colspan rows bug) */
html body.is-auth.page-services .ms-card{
  border:1px solid var(--auth-line)!important;
  border-radius:var(--auth-radius)!important;
  background:var(--auth-card)!important;
  box-shadow:none!important;
}
html body.is-auth.page-services .ms-category{
  border:1px solid var(--auth-line)!important;
  border-left:3px solid var(--auth-primary)!important;
  border-radius:10px!important;
  background:var(--auth-soft)!important;
  box-shadow:none!important;
}
html body.is-auth.page-services .ms-meta>*{border-color:var(--auth-line)!important;background:var(--auth-soft)!important}
html body.is-auth.page-services .btn-order{min-height:44px;border-radius:10px!important;background:var(--auth-primary)!important}
html body.is-auth.page-services .btn-desc{min-height:44px;border-color:var(--auth-line-strong)!important;border-radius:10px!important;background:#fff!important}
html body.is-auth.page-services .mobile-service-cards{padding-bottom:24px}

/* ADD FUNDS */
html body.is-auth.page-addfunds .af-header,
html body.is-auth.page-addfunds .af-notice,
html body.is-auth.page-addfunds .af-card,
html body.is-auth.page-addfunds .af-account-box,
html body.is-auth.page-addfunds .af-success{
  border-color:var(--auth-line)!important;
  border-radius:var(--auth-radius)!important;
  box-shadow:none!important;
}
html body.is-auth.page-addfunds .af-header__info h1,
html body.is-auth.page-addfunds .af-header__info h2{color:var(--auth-text)!important}
html body.is-auth.page-addfunds .af-notice__item{font-size:14px}

/* TICKETS */




/* ACCOUNT */
html body.is-auth.page-account #mainContent>.container>.row>.col-md-8{
  width:100%!important;
  max-width:920px;
  float:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body.is-auth.page-account .nav-pills>li.active>a,
html body.is-auth.page-account .nav-pills>li.active>a:hover,
html body.is-auth.page-account .nav-pills>li.active>a:focus{background:var(--auth-primary)!important}
html body.is-auth.page-account .well{
  border:1px solid var(--auth-line)!important;
  border-radius:var(--auth-radius)!important;
  background:var(--auth-card)!important;
}

/* REFUNDS */
html body.is-auth.page-orders-refunds #mainContent>.container>.row>.col-lg-8{
  width:100%!important;
  float:none!important;
  margin-left:0!important;
}
html body.is-auth.page-orders-refunds .well{
  border:1px solid var(--auth-line)!important;
  border-radius:var(--auth-radius)!important;
  background:var(--auth-card)!important;
  overflow:hidden;
}
html body.is-auth.page-orders-refunds .table{margin-bottom:0}

/* RECENT ORDERS */
html body.is-auth.page-recentorders .ro-card{border-color:var(--auth-line)!important;box-shadow:none!important}
html body.is-auth.page-recentorders .ro-card-accent{opacity:.75}
html body.is-auth.page-recentorders .ro-title{color:var(--auth-text)!important;font-size:24px!important}
html body.is-auth.page-recentorders .ro-subtitle{color:var(--auth-muted)!important;font-size:14px!important}

@media(max-width:767px){
  html body.inblog-theme-root-v2.is-auth #mainContent{padding-bottom:104px}
  html body.inblog-theme-root-v2.is-auth #mainContent>.container,
  html body.inblog-theme-root-v2.is-auth #mainContent>.container-fluid,
  html body.inblog-theme-root-v2.is-auth #mainContent>.af-wrap,
  html body.inblog-theme-root-v2.is-auth #mainContent>.ro-wrap{
    width:calc(100% - 32px)!important;
    max-width:none!important;
  }
  html body.inblog-theme-root-v2.is-auth .form-control{min-height:46px}

  html body.is-auth.page-services .catalog-hero{padding:18px 16px!important}
  html body.is-auth.page-services .catalog-title{font-size:21px!important}
  html body.is-auth.page-services .catalog-subtitle{font-size:14px!important;line-height:1.55!important}
  html body.is-auth.page-services .mobile-service-cards{margin-top:16px!important}
  html body.is-auth.page-services .ms-card{padding:16px!important}
  html body.is-auth.page-services .ms-name{font-size:15px!important;line-height:1.45!important}
  html body.is-auth.page-services .ms-category{margin-top:14px!important;margin-bottom:8px!important;padding:11px 13px!important}
html body.is-auth.page-addfunds .af-wrap table{width:100%!important;min-width:0!important;table-layout:fixed!important}
  html body.is-auth.page-addfunds .af-wrap table th:first-child,
  html body.is-auth.page-addfunds .af-wrap table td:first-child{display:none!important}
  html body.is-auth.page-addfunds .af-wrap table th,
  html body.is-auth.page-addfunds .af-wrap table td{
    padding-left:8px!important;
    padding-right:8px!important;
    white-space:normal!important;
    word-break:keep-all;
  }

  html body.is-auth.page-account #mainContent>.container>.row>.col-md-8{max-width:none}
  html body.is-auth.page-account .well{padding:18px 16px!important}

  html body.is-auth.page-orders-refunds .nav-pills{display:flex;flex-wrap:wrap;gap:8px}
  html body.is-auth.page-orders-refunds .nav-pills>li{float:none;margin:0!important}
  html body.is-auth.page-orders-refunds .table{table-layout:fixed;font-size:13px}
  html body.is-auth.page-orders-refunds .table th,
  html body.is-auth.page-orders-refunds .table td{padding:11px 8px!important;white-space:normal!important}

  html body.is-auth.page-recentorders .ro-header{padding-left:0!important;padding-right:0!important}
  html body.is-auth.page-recentorders .ro-card{border-radius:12px!important}
}

/* INBLOG AUTH UI V3.1 — MOBILE WIDTH + REFUNDS 2026-07-14 */
html body.is-auth.page-orders-refunds .refund-page-head{
  margin:0 0 16px!important;
  padding:24px 26px!important;
  border:1px solid var(--auth-line,#e2e5ee)!important;
  border-radius:var(--auth-radius,14px)!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body.is-auth.page-orders-refunds .refund-page-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  margin:0 0 8px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  background:#f0efff!important;
  color:var(--auth-primary,#5648e8)!important;
  font-size:12px!important;
  font-weight:800!important;
}
html body.is-auth.page-orders-refunds .refund-page-head h1{
  margin:0 0 5px!important;
  color:var(--auth-text,#15182b)!important;
  font-size:24px!important;
  line-height:1.3!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}
html body.is-auth.page-orders-refunds .refund-page-head p{
  margin:0!important;
  color:var(--auth-muted,#667085)!important;
  font-size:14px!important;
  line-height:1.65!important;
}
html body.is-auth.page-orders-refunds .alert,
html body.is-auth.page-orders-refunds .nav-pills,
html body.is-auth.page-orders-refunds .well{
  border-color:var(--auth-line,#e2e5ee)!important;
  box-shadow:none!important;
}
html body.is-auth.page-orders-refunds .well{
  overflow:hidden!important;
  border-radius:var(--auth-radius,14px)!important;
}
html body.is-auth.page-orders-refunds .table{margin-bottom:0!important}
html body.is-auth.page-orders-refunds .table thead th{
  background:#f8f9fc!important;
  color:#475467!important;
  font-size:13px!important;
  font-weight:800!important;
}
html body.is-auth.page-orders-refunds .table tbody tr:hover{background:#fafaff!important}

@media (max-width:767px){
  
  
  
  
  
  
  html body.is-auth.page-orders-refunds .refunds-page{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin-left:12px!important;
    margin-right:12px!important;
    padding:0!important;
  }
  html body.is-auth.page-orders-refunds .refunds-page>.row{margin:0!important}
  html body.is-auth.page-orders-refunds .refunds-page>.row>[class*=col-]{padding:0!important}
  html body.is-auth.page-orders-refunds .refund-page-head{padding:18px 16px!important}
  html body.is-auth.page-orders-refunds .refund-page-head h1{font-size:22px!important}
  html body.is-auth.page-orders-refunds .nav-pills{padding:12px!important}
  html body.is-auth.page-orders-refunds .nav-pills>li.search{width:100%!important;margin-top:4px!important}
  html body.is-auth.page-orders-refunds .well{overflow-x:auto!important}
  html body.is-auth.page-orders-refunds .table{min-width:520px!important}
}

/* INBLOG AUTH UI V3.2 — ACCOUNT + MOBILE COPY WRAP 2026-07-14 */
html body.is-auth.page-account .account-page-head{
  margin:0 0 14px!important;
  padding:22px 24px!important;
  border:1px solid var(--auth-line,#e2e5ee)!important;
  border-radius:var(--auth-radius,14px)!important;
  background:#fff!important;
}
html body.is-auth.page-account .account-page-kicker{
  display:inline-flex!important;
  margin:0 0 7px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  background:#f0efff!important;
  color:var(--auth-primary,#5648e8)!important;
  font-size:12px!important;
  font-weight:800!important;
}
html body.is-auth.page-account .account-page-head h1{
  margin:0 0 5px!important;
  color:var(--auth-text,#15182b)!important;
  font-size:24px!important;
  line-height:1.3!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}
html body.is-auth.page-account .account-page-head p{
  margin:0!important;
  color:var(--auth-muted,#667085)!important;
  font-size:14px!important;
}
@media(max-width:767px){
  html body.is-auth.page-home .no-top-banner h1{
    font-size:25px!important;
    line-height:1.35!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
  }
  html body.is-auth.page-account .account-page{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin-left:12px!important;
    margin-right:12px!important;
    padding:0!important;
  }
  html body.is-auth.page-account .account-page>.row{margin:0!important}
  html body.is-auth.page-account .account-page>.row>[class*=col-]{padding:0!important}
  html body.is-auth.page-account .account-page-head{padding:18px 16px!important}
  html body.is-auth.page-account .account-page-head h1{font-size:22px!important}
}

/* INBLOG AUTH UI V3.3 — MOBILE HISTORY CONTROLS 2026-07-14 (2026-07-15: 공유 filter-bar 규칙은 기본층으로 fold-in, page-orders 전용만 잔존) */
@media (max-width:767px){
  html body.is-auth.page-orders .order-card-list{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:12px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  html body.is-auth.page-orders .order-card{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:1px solid var(--auth-line,#e2e5ee)!important;
    border-radius:13px!important;
    box-shadow:none!important;
  }
}

/* ═══════════════════════════════════════════════════════════
   INBLOG AUTH UI V3.4 — SHARED HISTORY SHELL 2026-07-14
   Shared only: orders / subscriptions / drip-feed / refill.
   Intentionally excluded: refunds / recentorders / tickets.
═══════════════════════════════════════════════════════════ */

.inblog-theme-root-v2:is(
  .page-orders,
  .page-subscriptions,
  .page-drip-feed,
  .page-refill
) .pc-table-container {
  width: 100% !important;
  max-width: 1000px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* The outer container is the single visible table surface. */
.inblog-theme-root-v2:is(
  .page-orders,
  .page-subscriptions,
  .page-drip-feed,
  .page-refill
) .pc-table-container > .table-responsive,
.inblog-theme-root-v2:is(
  .page-orders,
  .page-subscriptions,
  .page-drip-feed,
  .page-refill
) .pc-table-container .data-table {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  .inblog-theme-root-v2:is(
    .page-orders,
    .page-subscriptions,
    .page-drip-feed,
    .page-refill
  ) :is(
    .page-header-block,
    .page-filter-bar,
    .pc-table-container
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  .inblog-theme-root-v2:is(
    .page-orders,
    .page-subscriptions,
    .page-drip-feed,
    .page-refill
  ) :is(
    .order-card-list,
    .subscription-card-list,
    .dripfeed-card-list,
    .refill-card-list
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 12px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  .inblog-theme-root-v2:is(
    .page-orders,
    .page-subscriptions,
    .page-drip-feed,
    .page-refill
  ) :is(
    .order-card,
    .subscription-card,
    .dripfeed-card,
    .refill-card
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid var(--auth-line, #e2e8f0) !important;
    border-radius: 13px !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   AUTH LAYOUT CORE
   1120px outer shell, 1000px content axis, 14px mobile gutter.
   Template structure and form behavior remain untouched.
═══════════════════════════════════════════════════════════════ */
html body.inblog-theme-root-v2.is-auth {
  --auth-shell-width: 1120px;
  --auth-content-width: 1000px;
  padding-bottom: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   INBLOG AUTH UI V3.7 — REMAINING STANDARD PAGE AXIS 2026-07-14
   Active standard pages only: affiliates + notifications.
   Empty, redirecting and state-dependent system pages stay untouched.
═══════════════════════════════════════════════════════════════ */
@media (min-width: 768px) {
  html body.inblog-theme-root-v2.is-auth.page-affiliates #mainContent > .container,
  html body.inblog-theme-root-v2.is-auth.page-notifications #mainContent > .container {
    width: 100% !important;
    max-width: 1030px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-affiliates #mainContent > .container > .row,
  html body.inblog-theme-root-v2.is-auth.page-notifications #mainContent > .container > .row,
  html body.inblog-theme-root-v2.is-auth.page-affiliates #mainContent > .container > .row > [class*="col-"],
  html body.inblog-theme-root-v2.is-auth.page-notifications #mainContent > .container > .row > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-affiliates #mainContent > .container > .row > [class*="col-"],
  html body.inblog-theme-root-v2.is-auth.page-notifications #mainContent > .container > .row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 767px) {
  html body.inblog-theme-root-v2.is-auth.page-affiliates #mainContent > .container,
  html body.inblog-theme-root-v2.is-auth.page-notifications #mainContent > .container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-affiliates #mainContent > .container > .row,
  html body.inblog-theme-root-v2.is-auth.page-notifications #mainContent > .container > .row,
  html body.inblog-theme-root-v2.is-auth.page-affiliates #mainContent > .container > .row > [class*="col-"],
  html body.inblog-theme-root-v2.is-auth.page-notifications #mainContent > .container > .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   INBLOG AUTH UI V3.9 — SHARED INTERACTION & CONTENT POLISH 2026-07-14
   Desktop hover keeps click support. Mobile remains click-only.
═══════════════════════════════════════════════════════════════ */

/* Defense in depth: the public demo form is removed from Twig as well. */
html body.is-guest.page-home .ib-hero-demo-form,
html body.is-guest.page-home .ib-demo-login {
  display: none !important;
}

html body.is-guest.page-home .ib-hero__actions {
  display: flex !important;
  grid-template-columns: none !important;
}

html body.is-guest.page-home .ib-hero__actions .ib-btn--primary {
  width: auto !important;
}

/* Desktop navigation: natural hover/focus opening without removing click. */
@media (min-width: 992px) {
  html body.inblog-theme-root-v2.is-auth .primary-nav__item:hover > .nav-dropdown,
  html body.inblog-theme-root-v2.is-auth .primary-nav__item:focus-within > .nav-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
  }

  html body.inblog-theme-root-v2.is-auth .primary-nav__item:hover > .primary-nav__trigger .primary-nav__caret,
  html body.inblog-theme-root-v2.is-auth .primary-nav__item:focus-within > .primary-nav__trigger .primary-nav__caret {
    transform: rotate(180deg) !important;
    opacity: 0.8 !important;
  }

  html body.inblog-theme-root-v2.is-auth .nav-dropdown::before {
    content: "";
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    height: 10px;
  }
}

/* Table headers: slightly more breathing room, still compact. */
html body.inblog-theme-root-v2.is-auth .pc-table-container .data-table > thead > tr > th,
html body.inblog-theme-root-v2.is-auth .table-responsive .table > thead > tr > th,
html body.inblog-theme-root-v2.is-auth table.orders-table > thead > tr > th,
html body.inblog-theme-root-v2.is-auth table.refill-table > thead > tr > th,
html body.inblog-theme-root-v2.is-auth #service-table > thead > tr > th {
  min-height: 48px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  vertical-align: middle !important;
  line-height: 1.4 !important;
}

/* Approved support/account family: shared surface and control rhythm. */
html body.inblog-theme-root-v2.is-auth.page-tickets #mainContent .panel,
html body.inblog-theme-root-v2.is-auth.page-tickets #mainContent .well,
html body.inblog-theme-root-v2.is-auth.page-account #mainContent .panel,
html body.inblog-theme-root-v2.is-auth.page-account #mainContent .well,
html body.inblog-theme-root-v2.is-auth.page-api #mainContent .panel,
html body.inblog-theme-root-v2.is-auth.page-api #mainContent .well,
html body.inblog-theme-root-v2.is-auth.page-affiliates #mainContent .panel,
html body.inblog-theme-root-v2.is-auth.page-affiliates #mainContent .well,
html body.inblog-theme-root-v2.is-auth.page-notifications #mainContent .panel,
html body.inblog-theme-root-v2.is-auth.page-notifications #mainContent .well {
  border-color: var(--auth-line, #E2E8F0) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.035) !important;
}

html body.inblog-theme-root-v2.is-auth.page-tickets #mainContent .panel-heading,
html body.inblog-theme-root-v2.is-auth.page-account #mainContent .panel-heading,
html body.inblog-theme-root-v2.is-auth.page-api #mainContent .panel-heading,
html body.inblog-theme-root-v2.is-auth.page-affiliates #mainContent .panel-heading,
html body.inblog-theme-root-v2.is-auth.page-notifications #mainContent .panel-heading {
  min-height: 50px !important;
  padding: 15px 18px !important;
  display: flex !important;
  align-items: center !important;
  color: #1E293B !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

html body.inblog-theme-root-v2.is-auth.page-tickets #mainContent .form-control,
html body.inblog-theme-root-v2.is-auth.page-account #mainContent .form-control,
html body.inblog-theme-root-v2.is-auth.page-api #mainContent .form-control,
html body.inblog-theme-root-v2.is-auth.page-affiliates #mainContent .form-control,
html body.inblog-theme-root-v2.is-auth.page-notifications #mainContent .form-control {
  min-height: 46px !important;
  border-color: #DCE3EC !important;
  border-radius: 11px !important;
  background: #FFFFFF !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

html body.inblog-theme-root-v2.is-auth.page-tickets #mainContent .form-control:focus,
html body.inblog-theme-root-v2.is-auth.page-account #mainContent .form-control:focus,
html body.inblog-theme-root-v2.is-auth.page-api #mainContent .form-control:focus,
html body.inblog-theme-root-v2.is-auth.page-affiliates #mainContent .form-control:focus,
html body.inblog-theme-root-v2.is-auth.page-notifications #mainContent .form-control:focus {
  border-color: var(--clr-brand, #6366F1) !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.11) !important;
}

@media (max-width: 767px) {
  html body.is-guest.page-home .ib-hero__actions .ib-btn--primary {
    width: 100% !important;
  }

  html body.inblog-theme-root-v2.is-auth .pc-table-container .data-table > thead > tr > th,
  html body.inblog-theme-root-v2.is-auth .table-responsive .table > thead > tr > th,
  html body.inblog-theme-root-v2.is-auth table.orders-table > thead > tr > th,
  html body.inblog-theme-root-v2.is-auth table.refill-table > thead > tr > th,
  html body.inblog-theme-root-v2.is-auth #service-table > thead > tr > th {
    min-height: 44px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-tickets #mainContent .panel-heading,
  html body.inblog-theme-root-v2.is-auth.page-account #mainContent .panel-heading,
  html body.inblog-theme-root-v2.is-auth.page-api #mainContent .panel-heading,
  html body.inblog-theme-root-v2.is-auth.page-affiliates #mainContent .panel-heading,
  html body.inblog-theme-root-v2.is-auth.page-notifications #mainContent .panel-heading {
    min-height: 48px !important;
    padding: 14px 15px !important;
  }
}

.inblog-theme-root-v2.page-services .inblog-catalog,
.inblog-theme-root-v2.page-services main > .container-fluid,
html body.inblog-theme-root-v2.is-auth.page-addfunds .af-wrap,
html body.inblog-theme-root-v2.is-auth.page-account .account-page,
html body.inblog-theme-root-v2.is-auth.page-tickets .ticket-board-container,
html body.inblog-theme-root-v2.is-auth.page-orders-refunds .refunds-page,
html body.inblog-theme-root-v2.is-auth.page-recentorders .ro-wrap {
  width: 100% !important;
  max-width: var(--auth-shell-width, 1120px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {
  .inblog-theme-root-v2.page-services .catalog-hero,
  .inblog-theme-root-v2.page-services .catalog-hero__inner,
  .inblog-theme-root-v2.page-services .catalog-controls,
  html body.inblog-theme-root-v2.is-auth.page-addfunds .af-header,
  html body.inblog-theme-root-v2.is-auth.page-addfunds .af-steps,
  html body.inblog-theme-root-v2.is-auth.page-addfunds .af-layout,
  html body.inblog-theme-root-v2.is-auth.page-addfunds .af-history-wide,
  html body.inblog-theme-root-v2.is-auth.page-tickets .ticket-page-head,
  html body.inblog-theme-root-v2.is-auth.page-tickets .ticket-main-grid,
  html body.inblog-theme-root-v2.is-auth.page-tickets .ticket-recent-section,
  html body.inblog-theme-root-v2.is-auth.page-recentorders .ro-header,
  html body.inblog-theme-root-v2.is-auth.page-recentorders .ro-card {
    width: 100% !important;
    max-width: var(--auth-content-width, 1000px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 767px) {
  html body.inblog-theme-root-v2.is-auth #mainContent > .container,
  html body.inblog-theme-root-v2.is-auth #mainContent > .container-fluid,
  html body.inblog-theme-root-v2.is-auth #mainContent > .af-wrap,
  html body.inblog-theme-root-v2.is-auth #mainContent > .ro-wrap,
  html body.inblog-theme-root-v2.is-auth #mainContent > .account-page,
  html body.inblog-theme-root-v2.is-auth #mainContent > .ticket-board-container,
  html body.inblog-theme-root-v2.is-auth #mainContent > .refunds-page,
  html body.inblog-theme-root-v2.is-auth #mainContent > .inblog-seo-template-container {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   HISTORY TOOLBAR
   Orders, subscriptions, drip-feed, refill and refund filters.
═══════════════════════════════════════════════════════════════ */
@media (min-width: 768px) {
  html body.inblog-theme-root-v2.is-auth .page-filter-bar,
  html body.inblog-theme-root-v2.is-auth .nav-pills {
    display: flex !important;
    align-items: center !important;
  }

  html body.inblog-theme-root-v2.is-auth .page-filter-bar .search,
  html body.inblog-theme-root-v2.is-auth .nav-pills > li.search {
    box-sizing: border-box !important;
    position: static !important;
    float: none !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    height: 41px !important;
    min-height: 41px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
  }

  html body.inblog-theme-root-v2.is-auth .page-filter-bar #history-search,
  html body.inblog-theme-root-v2.is-auth .nav-pills > li.search #history-search {
    display: flex !important;
    align-items: center !important;
    height: 41px !important;
    min-height: 41px !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  html body.inblog-theme-root-v2.is-auth .page-filter-bar .search-box-wrapper {
    display: flex !important;
    position: static !important;
    align-items: stretch !important;
    align-self: center !important;
    box-sizing: border-box !important;
    width: 220px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
  }
}

/* INBLOG AUTH UI V3.4 — DESKTOP HISTORY TOOLBAR CONTAINMENT 2026-07-14
   Keep status pills scrollable and the search form inside the shared content card. */
@media (min-width: 768px) {
  html body.inblog-theme-root-v2.is-auth .page-filter-bar {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }

  html body.inblog-theme-root-v2.is-auth .page-filter-bar .filter-nav-pills {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  html body.inblog-theme-root-v2.is-auth .page-filter-bar .filter-nav-pills::-webkit-scrollbar {
    display: none !important;
  }

  html body.inblog-theme-root-v2.is-auth .page-filter-bar .filter-nav-pills > li {
    flex: 0 0 auto !important;
    float: none !important;
  }

  html body.inblog-theme-root-v2.is-auth .page-filter-bar .search-box-wrapper {
    flex: 0 1 220px !important;
    width: 220px !important;
    min-width: 150px !important;
    max-width: 220px !important;
    margin-left: 0 !important;
  }

  html body.inblog-theme-root-v2.is-auth .page-filter-bar .search-input {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
  }

  html body.inblog-theme-root-v2.is-auth .page-filter-bar .search-button {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  html body.inblog-theme-root-v2.is-auth .page-filter-bar .search-box-wrapper {
    flex-basis: 180px !important;
    width: 180px !important;
    max-width: 180px !important;
    min-width: 140px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   PAGE EXCEPTIONS
   Required only for ticket-wire and legacy refund Bootstrap markup.
═══════════════════════════════════════════════════════════════ */
@media (min-width: 768px) {
  html body.inblog-theme-root-v2.is-auth.page-tickets .ticket-wire-v2 .ticket-main-grid,
  html body.inblog-theme-root-v2.is-auth.page-tickets .ticket-wire-v2 .ticket-recent-section {
    width: 100% !important;
    max-width: var(--auth-content-width, 1000px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-orders-refunds .refunds-page > .row {
    width: var(--auth-content-width, 1000px) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-orders-refunds .refunds-page .col-lg-8,
  html body.inblog-theme-root-v2.is-auth.page-orders-refunds .refunds-page > .col-lg-offset-2.col-lg-8 {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-orders-refunds .refund-page-head,
  html body.inblog-theme-root-v2.is-auth.page-orders-refunds .alert,
  html body.inblog-theme-root-v2.is-auth.page-orders-refunds .nav-pills,
  html body.inblog-theme-root-v2.is-auth.page-orders-refunds .well-float {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

html body.inblog-theme-root-v2.is-auth.page-orders-refunds .refunds-page > .row > .alert,
html body.inblog-theme-root-v2.is-auth.page-orders-refunds .refunds-page .alert.alert-info {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   AUTH TYPE + CONTROL RHYTHM
   Compact, readable shared sizing without changing page markup.
═══════════════════════════════════════════════════════════════ */
html body.inblog-theme-root-v2.is-auth .page-header-inner .header-text h1 {
  line-height: 1.3 !important;
  letter-spacing: -0.025em !important;
}

html body.inblog-theme-root-v2.is-auth .page-header-inner .header-text p {
  line-height: 1.55 !important;
}

@media (max-width: 767px) {
  html body.inblog-theme-root-v2.is-auth .page-header-inner .header-text h1 {
    font-size: 18px !important;
  }

  html body.inblog-theme-root-v2.is-auth .page-header-inner .header-text p {
    font-size: 13px !important;
  }

  html body.inblog-theme-root-v2.is-auth .filter-nav-pills > li > a {
    min-height: 38px !important;
    font-size: 13px !important;
  }

  html body.inblog-theme-root-v2.is-auth .page-filter-bar :is(
    input[type="text"],
    input[type="search"],
    .search-input
  ) {
    font-size: 16px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   AUTH PAGINATION
   Shared presentation; orders are safely segmented client-side.
═══════════════════════════════════════════════════════════════ */
html body.inblog-theme-root-v2.is-auth .pagination-wrapper {
  width: 100% !important;
  margin: 20px auto 24px !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
}

/* ═══════════════════════════════════════════════════════════════
   INBLOG AUTH UI V3.5 — HISTORY REGRESSION CONSOLIDATION 2026-07-14
   Shared: orders / subscriptions / drip-feed / refill.
   Refunds retain their legacy Bootstrap markup as an explicit exception.
═══════════════════════════════════════════════════════════════ */
html body.inblog-theme-root-v2.is-auth:is(
  .page-orders,
  .page-subscriptions,
  .page-drip-feed,
  .page-refill
) :is(.page-header-block, .page-filter-bar, .pc-table-container) {
  width: 100% !important;
  max-width: var(--auth-content-width, 1000px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Font Awesome compatibility fallback for the two history headers whose
   original refresh glyph is not rendered by the active icon bundle. */
html body.inblog-theme-root-v2.is-auth.page-subscriptions .page-header-block .header-icon > i,
html body.inblog-theme-root-v2.is-auth.page-drip-feed .page-header-block .header-icon > i {
  display: none !important;
}

html body.inblog-theme-root-v2.is-auth.page-subscriptions .page-header-block .header-icon::before,
html body.inblog-theme-root-v2.is-auth.page-drip-feed .page-header-block .header-icon::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--clr-brand-dark, #4F46E5) !important;
  font-family: inherit !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body.inblog-theme-root-v2.is-auth.page-subscriptions .page-header-block .header-icon::before {
  content: "↻";
}

html body.inblog-theme-root-v2.is-auth.page-drip-feed .page-header-block .header-icon::before {
  content: "↻";
}

/* Some legacy history templates output the pagination list without the
   wrapper used by orders. Scope the same component styling to those pages. */
html body.inblog-theme-root-v2.is-auth:is(
  .page-orders,
  .page-subscriptions,
  .page-drip-feed,
  .page-refill,
  .page-orders-refunds
) ul.pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: 100% !important;
  margin: 20px auto 24px !important;
  padding: 0 !important;
  float: none !important;
}

html body.inblog-theme-root-v2.is-auth:is(
  .page-orders,
  .page-subscriptions,
  .page-drip-feed,
  .page-refill,
  .page-orders-refunds
) ul.pagination > li {
  float: none !important;
  margin: 0 !important;
}

html body.inblog-theme-root-v2.is-auth:is(
  .page-orders,
  .page-subscriptions,
  .page-drip-feed,
  .page-refill,
  .page-orders-refunds
) ul.pagination > li > :is(a, span) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 11px !important;
  border: 1px solid var(--auth-line, #E2E8F0) !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body.inblog-theme-root-v2.is-auth:is(
  .page-orders,
  .page-subscriptions,
  .page-drip-feed,
  .page-refill,
  .page-orders-refunds
) ul.pagination > .active > :is(a, span) {
  border-color: transparent !important;
  background: var(--grad-brand, linear-gradient(135deg, #6366F1, #4F46E5)) !important;
  color: #FFFFFF !important;
  box-shadow: 0 5px 14px rgba(79, 70, 229, 0.2) !important;
}

@media (max-width: 767px) {
  html body.inblog-theme-root-v2.is-auth:is(
    .page-orders,
    .page-subscriptions,
    .page-drip-feed,
    .page-refill
  ) :is(
    .order-card,
    .subscription-card,
    .dripfeed-card,
    .refill-card
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.inblog-theme-root-v2.is-auth:is(
    .page-orders,
    .page-subscriptions,
    .page-drip-feed,
    .page-refill,
    .page-orders-refunds
  ) ul.pagination {
    flex-wrap: nowrap !important;
    margin-top: 16px !important;
  }

  html body.inblog-theme-root-v2.is-auth:is(
    .page-orders,
    .page-subscriptions,
    .page-drip-feed,
    .page-refill,
    .page-orders-refunds
  ) ul.pagination > li:not(.active):not(:first-child):not(:last-child) {
    display: none !important;
  }

  html body.inblog-theme-root-v2.is-auth:is(
    .page-orders,
    .page-subscriptions,
    .page-drip-feed,
    .page-refill,
    .page-orders-refunds
  ) ul.pagination > li > :is(a, span) {
    min-width: 42px !important;
    height: 42px !important;
    border-radius: 11px !important;
    font-size: 14px !important;
  }

  /* Refunds use a separate legacy row/column shell. Keep it isolated while
     matching the same mobile outer width and avoiding nested-card overflow. */
  html body.inblog-theme-root-v2.is-auth.page-orders-refunds .refunds-page > .row,
  html body.inblog-theme-root-v2.is-auth.page-orders-refunds .refunds-page .col-lg-8,
  html body.inblog-theme-root-v2.is-auth.page-orders-refunds .refund-page-head,
  html body.inblog-theme-root-v2.is-auth.page-orders-refunds .nav-pills,
  html body.inblog-theme-root-v2.is-auth.page-orders-refunds .well-float {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

html body.inblog-theme-root-v2.is-auth .pagination-wrapper .pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.inblog-theme-root-v2.is-auth .pagination-wrapper .pagination > li {
  float: none !important;
  margin: 0 !important;
}

html body.inblog-theme-root-v2.is-auth .pagination-wrapper .pagination > li > a,
html body.inblog-theme-root-v2.is-auth .pagination-wrapper .pagination > li > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 11px !important;
  border: 1px solid var(--auth-line, #E2E8F0) !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body.inblog-theme-root-v2.is-auth .pagination-wrapper .pagination > li > a:hover,
html body.inblog-theme-root-v2.is-auth .pagination-wrapper .pagination > li > a:focus {
  border-color: var(--clr-brand, #6366F1) !important;
  background: #EEF2FF !important;
  color: var(--clr-brand-dark, #4F46E5) !important;
}

html body.inblog-theme-root-v2.is-auth .pagination-wrapper .pagination > .active > a,
html body.inblog-theme-root-v2.is-auth .pagination-wrapper .pagination > .active > span {
  border-color: transparent !important;
  background: var(--grad-brand, linear-gradient(135deg, #6366F1, #4F46E5)) !important;
  color: #FFFFFF !important;
  box-shadow: 0 5px 14px rgba(79, 70, 229, 0.2) !important;
}

@media (max-width: 767px) {
  html body.inblog-theme-root-v2.is-auth .pagination-wrapper {
    margin-top: 16px !important;
    padding: 0 !important;
  }

  html body.inblog-theme-root-v2.is-auth .pagination-wrapper .pagination {
    flex-wrap: nowrap !important;
  }

  html body.inblog-theme-root-v2.is-auth .pagination-wrapper .pagination > li:not(.active):not(:first-child):not(:last-child) {
    display: none !important;
  }

  html body.inblog-theme-root-v2.is-auth .pagination-wrapper .pagination > li > a,
html body.inblog-theme-root-v2.is-auth .pagination-wrapper .pagination > li > span {
    min-width: 42px !important;
    height: 42px !important;
    border-radius: 11px !important;
    font-size: 14px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   INBLOG AUTH UI V3.6 — NEW ORDER CONTENT AXIS 2026-07-14
   PC visual content: 1000px. Mobile: one 12px gutter only.
   Form markup, controls, notices and order behavior stay untouched.
═══════════════════════════════════════════════════════════════ */
@media (min-width: 768px) {
  html body.inblog-theme-root-v2.is-auth.page-home #mainContent > .container,
  html body.inblog-theme-root-v2.is-auth.page-massorder #mainContent > .container,
  html body.inblog-theme-root-v2.is-auth.page-account #mainContent > .account-page,
  html body.inblog-theme-root-v2.is-auth.page-api #mainContent > .container {
    width: 100% !important;
    max-width: 1030px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-massorder #mainContent > .container > .row,
  html body.inblog-theme-root-v2.is-auth.page-massorder #mainContent > .container > .row > .col-md-8,
  html body.inblog-theme-root-v2.is-auth.page-account #mainContent > .account-page > .row,
  html body.inblog-theme-root-v2.is-auth.page-account #mainContent > .account-page > .row > .col-md-8,
  html body.inblog-theme-root-v2.is-auth.page-api #mainContent > .container > .row,
  html body.inblog-theme-root-v2.is-auth.page-api #mainContent > .container > .row > .col-lg-8 {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-massorder #mainContent > .container > .row {
    padding: 0 !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-massorder #mainContent > .container > .row > .col-md-8,
  html body.inblog-theme-root-v2.is-auth.page-account #mainContent > .account-page > .row > .col-md-8,
  html body.inblog-theme-root-v2.is-auth.page-api #mainContent > .container > .row > .col-lg-8 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 767px) {
  html body.inblog-theme-root-v2.is-auth.page-home #mainContent > .container,
  html body.inblog-theme-root-v2.is-auth.page-massorder #mainContent > .container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-services #mainContent > .container-fluid {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-addfunds #mainContent > .af-wrap {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-tickets #mainContent > .ticket-board-container,
  html body.inblog-theme-root-v2.is-auth.page-account #mainContent > .account-page {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-api #mainContent > .container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-massorder #mainContent > .container > .row,
  html body.inblog-theme-root-v2.is-auth.page-massorder #mainContent > .container > .row > .col-md-8,
  html body.inblog-theme-root-v2.is-auth.page-account #mainContent > .account-page > .row,
  html body.inblog-theme-root-v2.is-auth.page-account #mainContent > .account-page > .row > .col-md-8,
  html body.inblog-theme-root-v2.is-auth.page-api #mainContent > .container > .row,
  html body.inblog-theme-root-v2.is-auth.page-api #mainContent > .container > .row > .col-lg-8 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-api .well.api {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   INBLOG AUTH UI V3.8 — NEW ORDER FORM POLISH 2026-07-14
   Visual hierarchy only. PerfectPanel fields and order behavior stay intact.
═══════════════════════════════════════════════════════════════ */
html body.inblog-theme-root-v2.is-auth.page-home .no-top-banner {
  padding: 22px 28px !important;
  border: 1px solid var(--auth-line, #E2E8F0) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.035) !important;
}

html body.inblog-theme-root-v2.is-auth.page-home .no-top-banner h1 {
  margin: 0 0 5px !important;
  font-size: 29px !important;
  line-height: 1.28 !important;
  letter-spacing: -0.04em !important;
}

html body.inblog-theme-root-v2.is-auth.page-home .no-top-banner p {
  margin: 0 !important;
  color: #64748B !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

html body.inblog-theme-root-v2.is-auth.page-home .no-layout-row > .col-md-8 > .well,
html body.inblog-theme-root-v2.is-auth.page-home .latest-news-section,
html body.inblog-theme-root-v2.is-auth.page-home .guidelines-wrapper {
  border: 1px solid var(--auth-line, #E2E8F0) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.035) !important;
}

html body.inblog-theme-root-v2.is-auth.page-home .no-layout-row > .col-md-8 > .well {
  padding: 24px 28px !important;
}

html body.inblog-theme-root-v2.is-auth.page-home #order-form .form-group {
  margin-bottom: 16px !important;
}

html body.inblog-theme-root-v2.is-auth.page-home #order-form .order-section-title,
html body.inblog-theme-root-v2.is-auth.page-home #order-form .control-label {
  display: block !important;
  margin: 0 0 9px !important;
  color: #1E293B !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.015em !important;
}

html body.inblog-theme-root-v2.is-auth.page-home #order-form .control-label.hidden,
html body.inblog-theme-root-v2.is-auth.page-home #order-form .native-hidden-select {
  display: none !important;
}

html body.inblog-theme-root-v2.is-auth.page-home .category-filter-grid,
html body.inblog-theme-root-v2.is-auth.page-home .category-chip-grid {
  gap: 8px !important;
}

html body.inblog-theme-root-v2.is-auth.page-home .category-filter-grid .filter-btn,
html body.inblog-theme-root-v2.is-auth.page-home .category-chip-grid .category-chip {
  min-height: 42px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
}

html body.inblog-theme-root-v2.is-auth.page-home .service-accordion-toggle,
html body.inblog-theme-root-v2.is-auth.page-home #order-form .form-control {
  min-height: 48px !important;
  border: 1px solid #DCE3EC !important;
  border-radius: 11px !important;
  background: #FFFFFF !important;
  color: #172033 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
}

html body.inblog-theme-root-v2.is-auth.page-home .service-accordion-toggle {
  padding: 11px 44px 11px 15px !important;
}

html body.inblog-theme-root-v2.is-auth.page-home #order-form .form-control {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

html body.inblog-theme-root-v2.is-auth.page-home .service-accordion-toggle:focus,
html body.inblog-theme-root-v2.is-auth.page-home #order-form .form-control:focus {
  border-color: var(--clr-brand, #6366F1) !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.11) !important;
  outline: 0 !important;
}

html body.inblog-theme-root-v2.is-auth.page-home #service_description .panel-body.border-solid.border-rounded {
  padding: 14px !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
  background: #F8FAFC !important;
  color: #334155 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

html body.inblog-theme-root-v2.is-auth.page-home #service_description .panel-body > div > div {
  padding: 11px 13px !important;
  border-color: #E2E8F0 !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  color: #334155 !important;
  line-height: 1.65 !important;
}

html body.inblog-theme-root-v2.is-auth.page-home #service_description .panel-body > div > div:nth-of-type(2) {
  border-color: #F1DCE2 !important;
  background: #FFFAFB !important;
}

html body.inblog-theme-root-v2.is-auth.page-home #service_description details {
  margin-bottom: 7px !important;
  border-color: #E2E8F0 !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
}

html body.inblog-theme-root-v2.is-auth.page-home #service_description details summary {
  min-height: 44px !important;
  padding: 10px 12px !important;
  color: #334155 !important;
  font-size: 13.5px !important;
}

html body.inblog-theme-root-v2.is-auth.page-home #order-form .form-buttons {
  display: grid !important;
  grid-template-columns: minmax(145px, 0.42fr) minmax(190px, 1fr) !important;
  gap: 10px !important;
  margin-top: 4px !important;
}

html body.inblog-theme-root-v2.is-auth.page-home #order-form .form-buttons .btn {
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  border-radius: 11px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body.inblog-theme-root-v2.is-auth.page-home #order-form .form-buttons .btn-info {
  border: 1px solid #C7D2FE !important;
  background: #EEF2FF !important;
  color: var(--clr-brand-dark, #4F46E5) !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  html body.inblog-theme-root-v2.is-auth.page-home .no-top-banner {
    padding: 20px !important;
    border-radius: 14px !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-home .no-top-banner h1 {
    margin-bottom: 7px !important;
    font-size: 23px !important;
    line-height: 1.38 !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-home .no-top-banner p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-home .no-layout-row > .col-md-8 > .well {
    padding: 15px !important;
    border-radius: 14px !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-home #order-form .form-group {
    margin-bottom: 15px !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-home .category-filter-grid,
  html body.inblog-theme-root-v2.is-auth.page-home .category-chip-grid {
    gap: 7px !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-home .category-filter-grid .filter-btn,
  html body.inblog-theme-root-v2.is-auth.page-home .category-chip-grid .category-chip {
    min-height: 43px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 13px !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-home #service_description .panel-body.border-solid.border-rounded {
    padding: 10px !important;
    font-size: 14px !important;
    line-height: 1.68 !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-home #service_description .panel-body > div > div {
    padding: 11px !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-home #service_description details summary {
    padding: 11px 10px !important;
    font-size: 14px !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-home #order-form .form-buttons {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
    gap: 8px !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-home #order-form .form-buttons .btn {
    min-height: 48px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 14px !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   INBLOG AUTH UI V3.7 — TICKET HISTORY MOBILE CARDS 2026-07-14
   Visual-only: ticket links, search and submission behavior stay untouched.
═══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  html body.inblog-theme-root-v2.is-auth.page-tickets .ticket-history-table-wrap {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-tickets table.ticket-history-table,
  html body.inblog-theme-root-v2.is-auth.page-tickets table.ticket-history-table > tbody {
    display: block !important;
    width: 100% !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-tickets table.ticket-history-table > thead {
    display: none !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-tickets table.ticket-history-table > tbody {
    display: grid !important;
    gap: 10px !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-tickets table.ticket-history-table > tbody > tr {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid var(--auth-line, #E3E6EF) !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-tickets table.ticket-history-table > tbody > tr > td {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 11px 12px !important;
    border: 0 !important;
    color: var(--auth-text, #111827) !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-tickets table.ticket-history-table > tbody > tr > td + td {
    border-top: 1px solid var(--auth-line-soft, #EEF0F5) !important;
  }

  html body.inblog-theme-root-v2.is-auth.page-tickets table.ticket-history-table > tbody > tr > td::before {
    content: attr(data-label);
    color: var(--auth-muted, #667085);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
  }

  html body.inblog-theme-root-v2.is-auth.page-tickets table.ticket-history-table :is(a, span) {
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   INBLOG AUTH UI V3.8 — ACCOUNT SETTINGS 2026-07-14
   Visual-only: account form names, actions and security logic stay untouched.
═══════════════════════════════════════════════════════════════ */
html body.inblog-theme-root-v2.is-auth.page-account .account-page .nav-pills {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
}

html body.inblog-theme-root-v2.is-auth.page-account .account-page .nav-pills > li {
  float: none;
  margin: 0;
}

html body.inblog-theme-root-v2.is-auth.page-account .account-page .nav-pills > li > a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 10px;
  font-weight: 700;
}

html body.inblog-theme-root-v2.is-auth.page-account .account-page .well {
  margin-bottom: 16px;
  padding: 20px;
  border: 1px solid var(--auth-line, #E3E6EF);
  border-radius: 14px;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(17, 24, 39, .04);
}

html body.inblog-theme-root-v2.is-auth.page-account .account-page .form-group {
  margin-bottom: 14px;
}

html body.inblog-theme-root-v2.is-auth.page-account .account-page .control-label {
  margin-bottom: 7px;
  color: var(--auth-text, #111827);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}

html body.inblog-theme-root-v2.is-auth.page-account .account-page .form-control {
  min-height: 46px;
  border-radius: 10px;
}

html body.inblog-theme-root-v2.is-auth.page-account .account-page .btn-primary {
  min-height: 40px;
  padding: 9px 16px;
  border-radius: 10px;
  font-weight: 700;
}

html body.inblog-theme-root-v2.is-auth.page-account .account-page .well > p {
  margin-bottom: 12px;
  color: var(--auth-muted, #667085);
  line-height: 1.65;
}

@media (max-width: 767px) {
  html body.inblog-theme-root-v2.is-auth.page-account .account-page {
    padding-right: 12px;
    padding-left: 12px;
  }

  html body.inblog-theme-root-v2.is-auth.page-account .account-page > .row {
    margin-right: -12px;
    margin-left: -12px;
  }

  html body.inblog-theme-root-v2.is-auth.page-account .account-page > .row > [class*="col-"] {
    padding-right: 12px;
    padding-left: 12px;
  }

  html body.inblog-theme-root-v2.is-auth.page-account .account-page .well {
    margin-bottom: 12px;
    padding: 16px;
    border-radius: 12px;
  }

  html body.inblog-theme-root-v2.is-auth.page-account .account-page .nav-pills > li > a {
    min-height: 40px;
    padding: 9px 14px;
  }

  html body.inblog-theme-root-v2.is-auth.page-account .account-page .well .btn-primary {
    width: 100%;
  }
}


/* ===================== CLAUDE PATCH v1 (2026-07-15) =====================
   1) Pretendard 폰트  2) 랜딩 성능(backdrop-filter/대형 그림자)
   3) 상품명 배지      4) 모바일 서비스 카드 리디자인  5) 잔액 배지 통일
   롤백: 이 블록 전체 삭제 ("CLAUDE PATCH v1" 검색)
========================================================================= */
:root {
  --font-sans: 'Pretendard Variable', Pretendard, 'Inter', -apple-system,
    BlinkMacSystemFont, 'Segoe UI', 'Malgun Gothic', sans-serif;
}
body, button, input, select, textarea { font-family: var(--font-sans); }

body.is-guest.page-home [class*="ib-"] {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.is-guest.page-home .ib-mini-browser { background: rgba(23, 20, 60, .72) !important; }
body.is-guest.page-home .ib-ui-card__top,
body.is-guest.page-home .ib-login-card { box-shadow: 0 18px 44px rgba(51, 43, 111, .14) !important; }


.svc-badge {
  display: inline-block; vertical-align: 1px; margin-right: 6px;
  padding: 2px 8px; border-radius: 999px;
  font-size: 11px; font-weight: 700; line-height: 1.5; white-space: nowrap;
}
.svc-badge--event    { background: #FDF2F8; color: #DB2777; border: 1px solid #FBCFE8; }
.svc-badge--refill   { background: #ECFDF5; color: #059669; border: 1px solid #A7F3D0; }
.svc-badge--norefill { background: #F1F5F9; color: #64748B; border: 1px solid #E2E8F0; }
.svc-badge--price    { background: #EEF2FF; color: #4F46E5; border: 1px solid #C7D2FE; margin-right: 0; margin-left: 6px; }

.mobile-service-cards .ms-card {
  border: 1px solid #E2E8F0 !important; border-left: 1px solid #E2E8F0 !important;
  border-radius: 16px !important; padding: 16px !important; margin-bottom: 12px !important;
}
.mobile-service-cards .ms-name {
  font-size: 15px; font-weight: 700; line-height: 1.45; color: #0F172A;
}
.mobile-service-cards .ms-meta {
  display: grid !important; grid-template-columns: repeat(3, 1fr);
  gap: 8px; margin-top: 12px;
}
.mobile-service-cards .ms-meta span {
  display: flex !important; flex-direction: column; align-items: flex-start; gap: 2px;
  background: #F8FAFC; border: 1px solid #EEF2F7; border-radius: 10px;
  padding: 8px 10px; font-size: 12.5px; font-weight: 700; color: #0F172A;
  white-space: normal; min-width: 0; overflow-wrap: anywhere;
}
.mobile-service-cards .ms-meta span b {
  font-size: 10.5px; font-weight: 600; color: #94A3B8; order: -1;
}
.mobile-service-cards .ms-meta span.ms-price { background: #EEF2FF; border-color: #E0E7FF; color: #4F46E5; }
.mobile-service-cards .ms-meta span.ms-price b { color: #818CF8; }
.mobile-service-cards .ms-actions { display: flex; gap: 8px; margin-top: 12px; }
.mobile-service-cards .btn-order {
  flex: 1; min-height: 44px; border-radius: 12px !important; font-size: 14px;
}
.mobile-service-cards .btn-desc {
  min-height: 44px; border-radius: 12px !important; font-size: 13px; padding: 0 16px;
}
.mobile-service-cards .ms-category {
  position: sticky; top: calc(var(--nav-height, 64px) + 8px); z-index: 5;
  margin: 18px 0 10px;
  background: #EEF2FF !important; border: 1px solid #E0E7FF !important;
  border-left: 1px solid #E0E7FF !important; border-radius: 999px !important;
  padding: 9px 16px !important; font-size: 13px !important; font-weight: 700 !important;
  color: #4338CA !important; box-shadow: 0 2px 8px rgba(79, 70, 229, .08) !important;
}
#msTopBtn {
  position: fixed; left: 14px; bottom: 18px; z-index: 950;
  width: 44px; height: 44px; border-radius: 999px; border: none;
  background: #4F46E5; color: #fff; font-size: 18px; line-height: 44px;
  box-shadow: 0 6px 16px rgba(79, 70, 229, .35); cursor: pointer;
  opacity: 0; visibility: hidden; transition: opacity .2s;
}
#msTopBtn.is-visible { opacity: 1; visibility: visible; }

.balance-pill, .balance-pill--sm {
  background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%) !important;
  color: #fff !important;
}
/* ===================== /CLAUDE PATCH v1 ===================== */


/* CLAUDE PATCH v3 (2026-07-15): mobile tap target expand */
@media (max-width: 991px) {
  body .ib-reset-link,
  body .ib-text-link,
  body .ib-login-signup a,
  body .ib-final-cta__actions a,
  body .inblog-company-footer__info a {
    display: inline-flex !important;
    align-items: center;
    min-height: 44px;
    padding: 4px 8px;
    margin: -4px -8px;
  }
}
/* /CLAUDE PATCH v3 */

/* CLEANUP 2026-07-15: legacy 68 rules removed (ticket v3/v4/hero/side/recent, ib-ui-card, ib-ui-summary, ib-float-card) - all pages verified. Restore: theme copy 6 */

/* FOLD-IN 2026-07-15 2차: addfunds/orders/services 스코프 동일 셀렉터 중복 16그룹(21인스턴스) 병합. 랜딩(ib-*)은 스냅샷 불일치로 보류. 복원: copy 8 */