@charset "UTF-8";
/* ==========================================================================
   NAPOLI 회원 화면 테마 · 2026-11-11
   - 회원 틀(user_dashboard)·로그인·가입이 pompeii.css 뒤 **마지막**에 싣는다(Solution::sports() false 일 때만).
   - 색 값 바꾸기는 /root/staging/napoli-recolor.sh(기존 파일의 색만) · 여기는 배치와 새 부품.
   - 계획 docs/설계/2026-11-11-napoli-redesign-plan.md · 되돌리기 /root/staging/mv-before-design-20261111.ROLLBACK.md
   ⛔ JS 가 찾는 id/class(#user-balance-text·.user-balance·.hdr-balance·.js-mini-points·#rightCart·.active)를 지우거나 이름을 바꾸지 말 것(숨김은 CSS 로만).
   ========================================================================== */
:root {
  --nap-bg: #091424;          /* 본문 바탕 rgb(9,20,36) */
  --nap-deep: #020822;        /* 머리줄·바닥줄 rgb(2,8,34) */
  --nap-card: #0E1C33;
  --nap-raise: #142744;
  --nap-line: #1F3658;
  --nap-blue: #1593E6;        /* 회원가입 단추 파랑 */
  --nap-blue-hot: #3AAEF5;
  --nap-blue-deep: #0B74C4;
  --nap-sky: #4FC3FF;
  --nap-text: #E8EEF8;
  --nap-dim: #9DAAC0;
  --nap-top-h: 64px;
  --nap-tab-h: 64px;
  --pom-font-brand: "Pretendard", "Roboto", sans-serif;   /* 로마 비문 글꼴 대신 */
  --pom-grad-gold: linear-gradient(135deg, #FFFFFF 0%, #A9DCFF 55%, #4FC3FF 100%);
  --pom-grad-lava: linear-gradient(135deg, #3AAEF5 0%, #1593E6 50%, #0B74C4 100%);
}
html, body { background: var(--nap-bg) !important; color: var(--nap-text); }
body::before { display: none !important; }
.main-wrapper .page-wrapper { background: var(--nap-bg) !important; }

/* ---------- 로고 ---------- */
.nap-logo { display: inline-flex; align-items: center; line-height: 1; }
/* [11-12] 사장님 금색 NAPOLI 글자 로고(logo.webp 480x134 · 바탕 뺀 것) */
.nap-logo__img { height: 38px; width: auto; display: block; filter: drop-shadow(0 2px 6px rgba(0,0,0,.5)); }
@media (max-width: 767.98px) { .nap-logo__img { height: 32px; } }
/* 옆줄 머리의 옛 표식 그림 → 나폴리 표식 */
.pom-brand__mark { width: 1.5em !important; height: 1.5em !important; background-image: url('crown.webp') center / contain no-repeat !important; filter: none !important; }

/* ---------- 머리줄 공통 ---------- */
.navbar { background: var(--nap-deep) !important; border-bottom: 1px solid rgba(21,147,230,.28) !important; box-shadow: 0 2px 14px rgba(0,0,0,.45) !important; }
.nap-top { display: none; }

/* ---------- PC·태블릿(768 이상): 한 줄 머리줄 · 옆줄은 서랍 · 오른쪽 칸 숨김 ---------- */
@media (min-width: 768px) {
  html:root { --hdr-h: var(--nap-top-h); }
  .navbar { left: 0 !important; width: 100% !important; height: var(--nap-top-h) !important; padding: 0 !important; }
  .navbar > .sidebar-toggler, .navbar .hdr-bar { display: none !important; }
  .main-wrapper .page-wrapper { width: 100% !important; margin-left: 0 !important; }
  body .page-wrapper .page-content { margin-top: var(--nap-top-h) !important; min-height: calc(100vh - var(--nap-top-h)) !important; }

  .nap-top { display: flex; align-items: center; gap: 22px; width: 100%; max-width: 1440px; height: 100%; margin: 0 auto; padding: 0 28px; }
  .nap-top__brand { flex: 0 0 auto; text-decoration: none; }
  .nap-top__burger { flex: 0 0 auto; width: 40px; height: 40px; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; border: 0; border-radius: 8px; background: transparent; cursor: pointer; }
  .nap-top__burger span { display: block; width: 20px; height: 2px; border-radius: 2px; background: #fff; }
  .nap-top__burger:hover { background: rgba(255,255,255,.06); }
  .nap-top__menu { display: flex; align-items: center; gap: 4px; flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; list-style: none; }
  .nap-top__menu > li > a, .nap-more summary { display: inline-flex; align-items: center; height: 40px; padding: 0 12px; border-radius: 8px; color: #fff !important; font-size: 15px; font-weight: 700; white-space: nowrap; text-decoration: none; cursor: pointer; }
  .nap-top__menu > li > a:hover, .nap-more summary:hover { background: rgba(255,255,255,.06); }
  .nap-top__menu > li > a.is-active { color: var(--nap-sky) !important; box-shadow: inset 0 -2px 0 var(--nap-sky); border-radius: 0; }
  .nap-more { position: relative; }
  .nap-more summary { list-style: none; }
  .nap-more summary::-webkit-details-marker { display: none; }
  .nap-more summary::after { content: ""; margin-left: 6px; border: 4px solid transparent; border-top-color: #fff; transform: translateY(2px); }
  .nap-more__list { position: absolute; top: calc(100% + 8px); left: 0; z-index: 1002; min-width: 180px; padding: 6px; display: grid; gap: 2px; background: var(--nap-card); border: 1px solid var(--nap-line); border-radius: 10px; box-shadow: 0 14px 30px rgba(0,0,0,.5); }
  .nap-more__list a { padding: 9px 12px; border-radius: 6px; color: var(--nap-text) !important; font-size: 14px; text-decoration: none; white-space: nowrap; }
  .nap-more__list a:hover, .nap-more__list a.is-active { background: rgba(21,147,230,.16); color: #fff !important; }
  .nap-top__me { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; margin-left: auto; }
  .nap-top__me a { text-decoration: none; }
  .nap-me__id { display: inline-flex; align-items: center; gap: 6px; color: #fff !important; font-size: 14px; }
  .nap-me__lv { padding: 2px 7px; border-radius: 5px; background: rgba(21,147,230,.18); border: 1px solid rgba(79,195,255,.45); color: var(--nap-sky); font-size: 11px; font-weight: 800; }
  .nap-me__money, .nap-me__pt { display: inline-flex; align-items: baseline; gap: 4px; color: #fff !important; font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums; }
  .nap-me__pt b { color: var(--nap-sky); }
  .nap-me__k { color: var(--nap-dim); font-size: 12px; font-weight: 600; }
  .nap-top__login { color: #fff !important; font-size: 15px; font-weight: 700; padding: 0 6px; }

  /* 옆줄 → 서랍(햄버거로 열고 바깥·Esc 로 닫음) */
  .sidebar { margin-left: 0 !important; visibility: visible !important; width: 300px !important; transform: translateX(-102%); transition: transform .2s ease !important; z-index: 1001 !important; box-shadow: 8px 0 30px rgba(0,0,0,.5); }
  body.nap-drawer .sidebar { transform: none; }
  .sidebar .sidebar-header { width: 300px !important; }
  .nap-drawer-bd { display: none; position: fixed; inset: 0; z-index: 1000; background: rgba(2,8,34,.62); }
  body.nap-drawer .nap-drawer-bd { display: block; }

  /* 오른쪽 회원 카드 칸은 머리줄로 옮겼다(DOM 은 그대로 · betting.js 훅 보존) */
  #rightCart { display: none !important; }
  .page-content > .row.g-0 > .col-md-10.col-xl-10 { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; margin-right: 0 !important; }
  .page-content > .row.g-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .page-content > .row.g-0 > .col-md-10.col-xl-10 > .sports_list { max-width: 1440px; margin-left: auto; margin-right: auto; padding: 0 28px; }
  .page-content > .row.g-0 > .col-md-10.col-xl-10 > .sports_list:has(> .nap-home) { max-width: none; padding: 0; }
  .nap-home > :not(.nap-hero):not(.nap-strip) { max-width: 1440px; margin-left: auto; margin-right: auto; }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .nap-top { gap: 10px; padding: 0 14px; }
  .nap-top__menu > li > a, .nap-more summary { padding: 0 8px; font-size: 14px; }
  .nap-me__id, .nap-me__k { display: none !important; }
  .nap-logo__img { height: 32px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .nap-top__menu > li:nth-child(n+4):not(.nap-more) { display: none; }   /* 입금·출금·포인트는 더보기와 서랍에 있음 */
}
/* 더보기 목록: 768~991 에서 숨긴 칸도 찾게 서랍·탭과 같은 곳으로 안내 */

/* ---------- 휴대폰(768 미만) 머리 · 회원 지갑 색 ---------- */
@media (max-width: 767.98px) {
  .navbar { height: 60px; }
  .navbar .mhw { --mhw-gold: #4FC3FF; --mhw-gold2: #1593E6; background: rgba(21,147,230,.10) !important; border-color: rgba(79,195,255,.38) !important; }
  .navbar .mhw-lv { color: #fff !important; background: linear-gradient(180deg, #3AAEF5, #0B74C4) !important; box-shadow: none !important; }
  .navbar .mhw-bal { color: #fff !important; }
  /* 스포츠 배팅카트 단추(주황 둥근 단추)는 나폴리에 필요 없음 · 회원 정보는 머리 지갑과 아래 탭에 있음 */
  .settings-sidebar .settings-sidebar-toggler { display: none !important; }
}

/* ---------- 휴대폰 아래 고정 탭 ---------- */
.nap-tab, .nap-tab-space { display: none; }
@media (max-width: 767.98px) {
  .nap-tab-space { display: block; height: calc(var(--nap-tab-h) + 14px + env(safe-area-inset-bottom, 0px)); }
  .nap-tab { display: grid; grid-template-columns: repeat(5, 1fr); align-items: end; position: fixed; left: 0; right: 0; bottom: 0; z-index: 990;
             height: calc(var(--nap-tab-h) + env(safe-area-inset-bottom, 0px)); padding: 0 4px env(safe-area-inset-bottom, 0px);
             background: var(--nap-deep); border-top: 1px solid rgba(21,147,230,.3); box-shadow: 0 -6px 18px rgba(0,0,0,.45); }
  .nap-tab a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; height: var(--nap-tab-h); color: #DCE6F5 !important; font-size: 12px; font-weight: 700; text-decoration: none; }
  .nap-tab a svg { width: 21px; height: 21px; }
  .nap-tab a.is-active { color: var(--nap-sky) !important; }
  .nap-tab__ball { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin-top: -26px; border-radius: 50%;
                   background: linear-gradient(180deg, #3AAEF5, #1287D8); border: 4px solid var(--nap-deep); box-shadow: 0 4px 14px rgba(21,147,230,.55); color: #fff; }
  .nap-tab__ball svg { width: 22px !important; height: 22px !important; }
  .nap-tab a.nap-tab__home { justify-content: flex-end; padding-bottom: 8px; gap: 2px; }
  .nap-tab a.nap-tab__home.is-active { color: #fff !important; }
}

/* ---------- 단추 ---------- */
.nap-btn { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 20px; border-radius: 6px; background: var(--nap-blue); color: #fff !important; font-size: 14px; font-weight: 800; text-decoration: none !important; border: 1px solid var(--nap-blue); white-space: nowrap; transition: background .15s; }
.nap-btn:hover { background: var(--nap-blue-hot); border-color: var(--nap-blue-hot); }
.nap-btn--line { background: transparent; border-color: rgba(255,255,255,.28); height: 34px; padding: 0 12px; font-size: 13px; }
.nap-btn--line:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.5); }
.nap-btn--lg { height: 48px; padding: 0 28px; font-size: 16px; }
.btn-primary, .btn-warning { --bs-btn-color: #fff; }

/* ---------- 홈 ---------- */
.nap-home { padding: 0 0 24px; color: var(--nap-text); }
.nap-hero { position: relative; overflow: hidden; display: flex; align-items: center; min-height: 380px; padding: 40px clamp(20px, 7vw, 120px);
            background: var(--nap-hero-art) right center / cover no-repeat, radial-gradient(70% 120% at 75% 50%, rgba(21,147,230,.30), transparent 70%), linear-gradient(90deg, #01061A 0%, #04103A 55%, #071A52 100%);
            border-bottom: 1px solid rgba(21,147,230,.45); box-shadow: inset 0 0 0 1px rgba(21,147,230,.18); }
.nap-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(1,6,26,.88) 0%, rgba(1,6,26,.55) 38%, rgba(1,6,26,0) 70%); }
.nap-hero__txt { position: relative; z-index: 1; max-width: 560px; }
.nap-hero__t { margin: 0 0 14px; color: #fff; font-size: clamp(26px, 3.2vw, 40px); font-weight: 900; line-height: 1.3; letter-spacing: -.02em; text-shadow: 0 2px 12px rgba(0,0,0,.55); }
.nap-hero__t span { color: #fff; }
.nap-hero__t::first-line { color: var(--nap-sky); }
.nap-hero__d { margin: 0 0 24px; color: #D6E2F3; font-size: 16px; }
.nap-strip { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 10px clamp(16px, 3vw, 36px); background: #0C1A34; border-bottom: 1px solid var(--nap-line); color: #DCE6F5; font-size: 14px; font-weight: 600; }
.nap-strip svg { width: 18px; height: 18px; color: var(--nap-sky); flex: 0 0 auto; }
.nap-strip a, .nap-strip span { color: #DCE6F5 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; text-decoration: none; }
.nap-sec { margin: 36px 0 16px; padding: 0 clamp(16px, 2.5vw, 36px); color: #fff; font-size: 26px; font-weight: 800; letter-spacing: -.02em; }
.nap-sec--sm { margin: 0 !important; padding: 0 !important; font-size: 20px; }
.nap-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 0 clamp(16px, 2.5vw, 36px); }
.nap-card { position: relative; display: block; overflow: hidden; border-radius: 12px; background: var(--nap-card); border: 1px solid var(--nap-line); text-decoration: none !important; transition: transform .2s, border-color .2s, box-shadow .2s; }
.nap-card:hover { transform: translateY(-4px); border-color: var(--nap-blue); box-shadow: 0 12px 26px rgba(0,0,0,.45), 0 0 0 1px rgba(21,147,230,.4); }
.nap-card__art { display: block; aspect-ratio: 3 / 4; background-size: cover; background-position: center; }
.nap-card__name { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 2px; padding: 26px 16px 14px; color: #fff; font-size: 18px; font-weight: 800; background: linear-gradient(180deg, transparent, rgba(2,8,34,.92) 55%); }
.nap-card__name small { color: var(--nap-sky); font-size: 11px; font-weight: 700; letter-spacing: .14em; }
.nap-card:focus-visible, .nap-btn:focus-visible, .nap-tab a:focus-visible, .nap-top a:focus-visible, .nap-top button:focus-visible { outline: 2px solid var(--nap-sky); outline-offset: 2px; }
.nap-boards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 36px; padding: 0 clamp(16px, 2.5vw, 36px); }
.nap-board { background: var(--nap-card); border: 1px solid var(--nap-line); border-radius: 12px; overflow: hidden; }
.nap-board header { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--nap-line); }
.nap-board header a { color: var(--nap-dim) !important; font-size: 13px; text-decoration: none; }
.nap-board ul { margin: 0; padding: 6px 0; list-style: none; }
.nap-board li a { display: flex; align-items: center; gap: 10px; padding: 11px 18px; color: var(--nap-text) !important; font-size: 14px; text-decoration: none; }
.nap-board li a:hover { background: rgba(21,147,230,.08); }
.nap-board__t { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nap-board time { color: var(--nap-dim); font-size: 12px; flex: 0 0 auto; }
.nap-board__empty { padding: 26px 18px; text-align: center; color: var(--nap-dim); font-size: 14px; }
.nap-tag { flex: 0 0 auto; padding: 2px 8px; border-radius: 4px; background: rgba(21,147,230,.18); color: var(--nap-sky); font-size: 11px; font-weight: 800; }
.nap-tag--ev { background: rgba(124,200,255,.12); color: #A9DCFF; }
@media (max-width: 991.98px) { .nap-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767.98px) {
  .nap-hero { min-height: 200px; padding: 22px 18px; background-size: cover, auto, auto; background-position: 70% center, center, center; }
  .nap-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(1,6,26,.88) 0%, rgba(1,6,26,.55) 60%, rgba(1,6,26,.15) 100%); }
  .nap-hero__t { font-size: 22px; margin-bottom: 8px; }
  .nap-hero__d { font-size: 13px; margin-bottom: 14px; }
  .nap-btn--lg { height: 40px; padding: 0 18px; font-size: 14px; }
  .nap-sec { margin: 26px 0 12px; padding: 0 14px; font-size: 20px; }
  .nap-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0 14px; }
  .nap-card__name { font-size: 15px; padding: 20px 12px 10px; }
  .nap-boards { grid-template-columns: 1fr; padding: 0 14px; margin-top: 26px; gap: 12px; }
}

/* ---------- 로그인(auth/login · pom-gate) ---------- */
body.settings-sidebar-dark { background: radial-gradient(80% 60% at 70% 0%, rgba(21,147,230,.18), transparent 60%), var(--nap-bg) !important; }
.pom-gate { border-color: var(--nap-line) !important; background: var(--nap-card) !important; }
.pom-gate__hero { background: url('login.webp') center 40% / cover no-repeat, radial-gradient(70% 90% at 70% 60%, rgba(21,147,230,.35), transparent 70%), linear-gradient(150deg, #01061A 0%, #04103A 60%, #071A52 100%) !important; }
.pom-gate__hero::before { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(100deg, rgba(1,6,26,.92) 0%, rgba(1,6,26,.70) 45%, rgba(1,6,26,.25) 100%); }
.pom-gate__peak { display: none !important; }
.pom-gate__mark { display: block !important; width: min(320px, 74vw) !important; height: auto !important; aspect-ratio: 480 / 134; background: url('logo.webp') left center / contain no-repeat !important; filter: drop-shadow(0 6px 18px rgba(0,0,0,.55)) !important; }
/* 글자는 로고 그림이 보여 주므로 화면에서만 숨김(읽기 프로그램용 h1 은 남김) */
.pom-gate__word { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
.pom-gate__credit { display: none !important; }

/* ---------- 가입(auth/register · register_anonymous · pompeii-admin.css 를 덮음) ---------- */
.main-wrapper .page-wrapper.full-page { background: transparent !important; }
body .page-wrapper.full-page .page-content { margin-top: 0 !important; min-height: 100vh !important; }
.auth-page .card { background: var(--nap-card) !important; border: 1px solid var(--nap-line) !important; }
.auth-page .auth-form-wrapper { background: var(--nap-card) !important; }
.auth-page .auth-side-wrapper { background: linear-gradient(rgba(1,6,26,.45), rgba(1,6,26,.65)), url('login.webp') center 40% / cover no-repeat, linear-gradient(150deg, #01061A 0%, #04103A 60%, #071A52 100%) !important; }
.auth-page .form-label { color: #DCE6F5 !important; }
.auth-page .form-label.text-primary { color: var(--nap-sky) !important; }
.auth-page .form-control::placeholder { color: #73839E !important; }
.auth-page .btn-primary { background: var(--nap-blue) !important; border-color: var(--nap-blue) !important; color: #fff !important; box-shadow: none !important; }
.auth-page .btn-primary:hover { background: var(--nap-blue-hot) !important; border-color: var(--nap-blue-hot) !important; }
.auth-page .noble-ui-logo { color: #fff !important; }
.auth-page a:not(.btn):not(.noble-ui-logo) { color: var(--nap-sky) !important; }

/* ---------- 알림창(swal_theme 의 사이트 색) ---------- */
html:root { --sw-acc: #4FC3FF; --sw-on: #031326; --sw-panel: #0E1C33; --sw-text: #E8EEF8; --sw-mute: #9DAAC0; }
.main-wrapper:has(.auth-page), .page-wrapper.full-page .page-content:has(.auth-page) { background: transparent !important; }
.auth-page .text-muted { color: var(--nap-dim) !important; }
.auth-page .text-primary { color: var(--nap-sky) !important; }

/* ---------- 서랍(옆줄) 메뉴 · 2판 11-11: 옛 3칸 작은 격자 → 2칸 큰 칸(머리줄 더보기와 같은 색) ---------- */
.sidebar .sidebar-header .sidebar-brand .nap-logo { vertical-align: middle; }
html:root body .sidebar .sbx > li.nav-item.col-4 { flex: 0 0 50% !important; width: 50% !important; max-width: 50% !important; }
html:root body .sidebar .sbx .nav-item > .nav-link.sub-grid-btn {
  justify-content: flex-start !important; gap: 8px; height: 46px !important; padding: 0 14px !important;
  background: var(--nap-card) !important; border: 1px solid var(--nap-line) !important; border-radius: 10px !important;
  color: var(--nap-text) !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: -.01em;
}
html:root body .sidebar .sbx .nav-item > .nav-link.sub-grid-btn::after { content: ""; margin-left: auto; width: 6px; height: 6px; border-top: 2px solid var(--nap-dim); border-right: 2px solid var(--nap-dim); transform: rotate(45deg); }
html:root body .sidebar .sbx .nav-item > .nav-link.sub-grid-btn:hover { border-color: rgba(79,195,255,.55) !important; background: var(--nap-raise) !important; color: #fff !important; }
html:root body .sidebar .sbx .nav-item > .nav-link.sub-grid-btn.is-cur { background: rgba(21,147,230,.18) !important; border-color: var(--nap-blue) !important; color: #fff !important; }
html:root body .sidebar .sbx .nav-item > .nav-link.sub-grid-btn.is-cur::after { border-color: var(--nap-sky); }
html:root body .sidebar .sbx > li.sbx-logout { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin-top: 6px; }
html:root body .sidebar .sbx > li.sbx-logout > .nav-link.sub-grid-btn { justify-content: center !important; background: transparent !important; color: var(--nap-dim) !important; }
html:root body .sidebar .sbx > li.sbx-logout > .nav-link.sub-grid-btn::after { display: none; }

/* ---------- 휴대폰 머리: 햄버거 오른쪽 세로줄 없앰 · 로고를 햄버거 곁으로 ---------- */
@media (max-width: 767.98px) {
  .navbar > .sidebar-toggler { border-right: 0 !important; width: 48px !important; }
  .navbar .d-md-none > a.ms-3 { margin-left: 2px !important; }
}

/* ---------- 남은 옛 색: 슬롯 '게임 없음' 같은 노랑 경고 칸 · 미니 배팅바 배당 숫자 ---------- */
.page-content .alert-warning { color: #A9DCFF !important; background: rgba(21,147,230,.10) !important; border-color: rgba(79,195,255,.30) !important; }
.mqb-rate { color: var(--nap-sky) !important; }