/* ═══════════════════════════════════════════════════════════════
   Mr. Jhole — unified inner-page theme
   Same design language as Login · Home · Pasal · Radar:
   navy dark mode, Nepal skyline footer, calm cards, navy hero banners.
   Applies only to <body class="mj-themed">.
═══════════════════════════════════════════════════════════════ */

/* ── Tokens ── */
body.mj-themed { --mj-line: #E5E9F0; --mj-sub: #F8F9FC; --mj-card: #FFFFFF; --mj-warn: #E58A00; }
[data-theme="dark"] body.mj-themed {
  --primary: #F23A5C;  --maroon: #F23A5C;  --radar: #F23A5C;  --primary-hover: #D92D4D;  --card-price-color: #FF7C99;
  --bg-main: #061329;  --bg: #061329;
  --bg-card: #0D2044;  --white: #0D2044;
  --bg-elevated: #0A1A38;  --bg-sidebar: #081A38;
  --bg-input: rgba(255,255,255,.06);
  --text: #F4F7FF;  --text-secondary: #B6C3DE;  --text-muted: #8798BB;  --text-faint: #4C5D82;
  --border: rgba(135,152,187,.16);  --border-strong: #29416B;  --border-card: rgba(135,152,187,.18);
  --glass: rgba(13,32,68,.82);  --glass-strong: rgba(8,26,56,.95);  --glass-nav: rgba(8,26,56,.96);
  --primary-soft: rgba(255,32,93,.12);
  --mj-line: rgba(135,152,187,.18); --mj-sub: rgba(255,255,255,.05); --mj-card: #0D2044; --mj-warn: #FFB23E;
  background-color: #061329;
  background-image:
    radial-gradient(ellipse 70% 55% at 12% 0%, rgba(255,32,93,.14) 0%, transparent 65%),
    radial-gradient(ellipse 60% 50% at 95% 10%, rgba(64,110,255,.16) 0%, transparent 65%);
}
body.mj-themed :focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
[data-theme="dark"] body.mj-themed :focus-visible { outline-color: #FF4D83; }
body.mj-themed { overflow-x: clip; }

/* ── Nepal skyline footer (identical to Login / Home / Pasal / Radar) ── */
body.mj-themed .app { position: relative; z-index: 1; }
body.mj-themed::after {
  content: ''; position: fixed; left: 0; right: 0; bottom: 0; height: 240px;
  background: url('/images/login/skyline.jpg') center bottom / cover no-repeat;
  opacity: .16; pointer-events: none; z-index: 0;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 70%);
          mask-image: linear-gradient(180deg, transparent 0%, #000 70%);
}
[data-theme="dark"] body.mj-themed::after { opacity: .5; }
@media (max-width: 860px) { body.mj-themed::after { height: 140px; } }

/* ── Right-rail widgets + vault: one card language ── */
body.mj-themed .widget {
  background: var(--mj-card); border: 1px solid var(--mj-line); border-radius: 16px;
  box-shadow: 0 3px 12px rgba(25,29,41,.045);
}
body.mj-themed .right .vault-card { padding: 20px 22px; background: linear-gradient(135deg, #B80F2D 0%, #8F0D28 58%, #3A101D 100%); }
body.mj-themed .right .vault-rs, body.mj-themed .right .vault-progress-label, body.mj-themed .right .vault-dual-label { color: #F8CDD3; }

/* ── Navy skyline hero banners (profile covers, business, vault, guff hub) ── */
body.mj-themed .pub-banner,
body.mj-themed .profile-banner,
body.mj-themed .biz-hero,
body.mj-themed .vault-hero,
body.mj-themed .hub-header,
body.mj-themed .upgrade-hero {
  background:
    linear-gradient(90deg, rgba(8,26,56,.92) 0%, rgba(8,26,56,.62) 50%, rgba(8,26,56,.2) 100%),
    url('/images/login/skyline.jpg') 70% 86% / 135% auto no-repeat;
  background-color: #10223D;
  border: 1px solid rgba(135,152,187,.18);
  box-shadow: 0 8px 28px rgba(8,26,56,.22);
}
body.mj-themed .pub-banner::before, body.mj-themed .pub-banner::after,
body.mj-themed .biz-hero::before, body.mj-themed .biz-hero::after,
body.mj-themed .hub-header::after { display: none; }
body.mj-themed .biz-hero { border-radius: 16px; margin: 12px 16px 0; }
body.mj-themed .pub-banner, body.mj-themed .profile-banner { border-radius: 16px; margin: 12px 16px 0; }
body.mj-themed .vault-hero { border-radius: 16px; }

/* Avatars on those banners: brand red, clean ring */
body.mj-themed .profile-avatar-big, body.mj-themed .pub-avatar { background: linear-gradient(135deg, #E11D38, #A00D25); }

/* ── Back / title bars ── */
body.mj-themed .back-btn, body.mj-themed .bar-btn, body.mj-themed .topbar-share-btn { min-width: 40px; min-height: 40px; border: 1px solid var(--mj-line); background: var(--mj-card); box-shadow: none; }
body.mj-themed .bar-title { letter-spacing: -.02em; }

/* ── Primary buttons: flat brand red (no 3D bottom border) ── */
body.mj-themed .btn-primary, body.mj-themed .btn-book, body.mj-themed .btn-msg { border-bottom-width: 0; }

/* ── Mobile bottom-nav clearance + comfortable gutters ── */
@media (max-width: 860px) {
  body.mj-themed .main { padding-bottom: calc(var(--bottom-nav-height, 64px) + 24px); }
}
@media (prefers-reduced-motion: reduce) { body.mj-themed * { transition: none !important; animation: none !important; } }

/* ═══════════════════════════════════════════════════════════════
   CHIYA GUFF — hub + rooms + chat, restyled to the shared system
═══════════════════════════════════════════════════════════════ */
body.mj-themed .guff-container { gap: 14px; }
body.mj-themed .guff-sidebar, body.mj-themed .guff-main { background: var(--mj-card) !important; border: 1px solid var(--mj-line) !important; border-radius: 16px !important; box-shadow: 0 3px 12px rgba(25,29,41,.045) !important; overflow: hidden; }

/* Hub header = navy skyline banner (same as Pasal / Radar) */
body.mj-themed .hub-header {
  background:
    linear-gradient(90deg, rgba(8,26,56,.92) 0%, rgba(8,26,56,.62) 48%, rgba(8,26,56,.2) 100%),
    url('/images/login/skyline.jpg') 70% 86% / 135% auto no-repeat !important;
  background-color: #10223D !important;
  position: relative !important; top: auto !important;
  margin: 14px 18px 0; padding: 22px 24px !important; border-radius: 16px !important;
  border: 1px solid rgba(135,152,187,.18) !important; box-shadow: 0 8px 28px rgba(8,26,56,.22);
}
body.mj-themed .hub-header::before, body.mj-themed .hub-header::after { display: none !important; }
body.mj-themed .hub-icon { background: rgba(255,255,255,.10) !important; border: 1px solid rgba(255,255,255,.18) !important; filter: none !important; }
body.mj-themed .hub-community-pill { background: var(--primary) !important; color: #fff !important; border-color: transparent !important; }
body.mj-themed .wallet-card { background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.16) !important; box-shadow: none !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: 14px !important; }
body.mj-themed .hub-stats-bar { margin: 12px 18px 0; border-radius: 14px !important; background: var(--mj-card) !important; border: 1px solid var(--mj-line) !important; box-shadow: none !important; }
body.mj-themed .hub-stat-value { color: var(--text) !important; }
body.mj-themed .hub-stat-label { color: var(--text-muted) !important; }
body.mj-themed .hub-stat-icon { color: var(--primary) !important; }
[data-theme="dark"] body.mj-themed .hub-stat-icon { color: #FF6B8B !important; }
body.mj-themed #hub-content { padding: 18px 18px 60px !important; }
body.mj-themed .hub-ambient-orb-1, body.mj-themed .hub-ambient-orb-2 { display: none; }

/* Room list */
body.mj-themed .room-item { border-radius: 12px !important; }
body.mj-themed .room-item.active { background: var(--primary-soft) !important; box-shadow: inset 3px 0 0 var(--primary); }
[data-theme="dark"] body.mj-themed .room-item.active { box-shadow: inset 3px 0 0 #FF4D83; }
body.mj-themed .room-item.active .room-name { color: var(--primary) !important; }
[data-theme="dark"] body.mj-themed .room-item.active .room-name { color: #FF8FA9 !important; }
body.mj-themed .guff-room-search input, body.mj-themed .room-search-input { background: var(--mj-sub) !important; border: 1px solid var(--mj-line) !important; color: var(--text) !important; border-radius: 12px !important; min-height: 44px; }
body.mj-themed .room-list-label { color: var(--text-muted) !important; }

/* Chat header / messages / composer */
body.mj-themed .chat-header { background: var(--mj-card) !important; border-bottom: 1px solid var(--mj-line) !important; }
body.mj-themed .chat-header-info h3 { color: var(--text) !important; }
body.mj-themed .chat-header-info p { color: var(--text-muted) !important; }
body.mj-themed .chat-messages { background: transparent !important; }
body.mj-themed .msg-group:not(.me) .msg-bubble { background: var(--mj-card) !important; border: 1px solid var(--mj-line) !important; color: var(--text) !important; box-shadow: 0 1px 2px rgba(25,29,41,.04); border-radius: 16px 16px 16px 4px; }
body.mj-themed .msg-group.me .msg-bubble { background: var(--primary-soft) !important; border: 1px solid rgba(216,35,42,.22) !important; color: var(--text) !important; box-shadow: none !important; border-radius: 16px 16px 4px 16px; }
[data-theme="dark"] body.mj-themed .msg-group.me .msg-bubble { background: rgba(255,32,93,.18) !important; border-color: rgba(255,77,131,.35) !important; }
body.mj-themed .msg-group.me .msg-content, body.mj-themed .msg-group .msg-content { color: var(--text) !important; }
body.mj-themed .msg-group.me .msg-avatar { background: linear-gradient(135deg, #E11D38, #A00D25); }
body.mj-themed .msg-user { color: var(--text-muted); }
body.mj-themed .msg-system { background: var(--primary-soft) !important; border: 1px solid rgba(216,35,42,.15) !important; color: var(--text-secondary) !important; border-radius: 999px !important; }
body.mj-themed .chat-input-area { background: transparent !important; border-top: none !important; padding: 10px 16px 14px !important; }
body.mj-themed .chat-form { background: var(--mj-card) !important; border: 1px solid var(--mj-line) !important; border-radius: 999px !important; box-shadow: 0 3px 12px rgba(25,29,41,.06) !important; }
body.mj-themed .chat-form:focus-within { border-color: var(--primary) !important; box-shadow: 0 0 0 3px rgba(216,35,42,.12) !important; }
body.mj-themed .chat-input { background: transparent !important; color: var(--text) !important; border: none !important; outline: none !important; box-shadow: none !important; min-height: 44px; }
body.mj-themed .chat-input::placeholder { color: var(--text-muted) !important; }
body.mj-themed .chat-btn { min-width: 40px; min-height: 40px; }
body.mj-themed .chat-rules { color: var(--text-muted) !important; }
@media (max-width: 860px) { body.mj-themed .hub-header { margin: 10px 12px 0; padding: 18px 16px !important; } body.mj-themed .hub-stats-bar { margin: 10px 12px 0; } body.mj-themed #hub-content { padding: 14px 12px 60px !important; } }

/* Guff — dark-mode overrides beat the legacy Discord-grey rules */
[data-theme="dark"] body.mj-themed .guff-main,
[data-theme="dark"] body.mj-themed .guff-main.social-hub,
[data-theme="dark"] body.mj-themed #chat-window,
[data-theme="dark"] body.mj-themed .guff-sidebar { background: var(--mj-card) !important; }
[data-theme="dark"] body.mj-themed .chat-header { background: var(--mj-card) !important; border-bottom: 1px solid var(--mj-line) !important; box-shadow: none !important; }
[data-theme="dark"] body.mj-themed .chat-header-info h3 { color: var(--text) !important; }
[data-theme="dark"] body.mj-themed .chat-header-info p { color: var(--text-muted) !important; }
[data-theme="dark"] body.mj-themed .guff-sidebar h2, [data-theme="dark"] body.mj-themed .guff-sidebar h1, [data-theme="dark"] body.mj-themed .guff-sidebar .guff-title, [data-theme="dark"] body.mj-themed .guff-sidebar-head * { color: var(--text) !important; }
[data-theme="dark"] body.mj-themed .room-name { color: var(--text) !important; }
[data-theme="dark"] body.mj-themed .room-last-msg, [data-theme="dark"] body.mj-themed .room-last-time { color: var(--text-muted) !important; }
body.mj-themed .hub-empty, body.mj-themed .hub-section .club-grid > .hub-empty { background: var(--mj-sub) !important; border: 1px dashed var(--border-strong) !important; border-radius: 16px !important; }
body.mj-themed .hub-empty-title { color: var(--text) !important; }
body.mj-themed .hub-empty-desc { color: var(--text-muted) !important; }
body.mj-themed #stat-pts-val, body.mj-themed .hub-stat-value { color: var(--text) !important; opacity: 1 !important; }
body.mj-themed .guff-room-search input, body.mj-themed .room-search-input { background: transparent !important; border: none !important; box-shadow: none !important; min-height: 40px; }
body.mj-themed .guff-room-search, body.mj-themed .room-search-wrap { background: var(--mj-sub) !important; border: 1px solid var(--mj-line) !important; border-radius: 12px !important; }
[data-theme="dark"] body.mj-themed .chat-messages { background: transparent !important; }
[data-theme="dark"] body.mj-themed .msg-group:not(.me) .msg-bubble, [data-theme="dark"] body.mj-themed .msg-listing-card, [data-theme="dark"] body.mj-themed .msg-link-card { background: #12264A !important; border-color: var(--mj-line) !important; color: var(--text) !important; }
[data-theme="dark"] body.mj-themed .chat-form { background: #0A1A38 !important; }
[data-theme="dark"] body.mj-themed .chat-rules { color: var(--text-muted) !important; }

/* Guff chat — ID-level overrides (legacy inline rules use #chat-window) */
body.mj-themed .guff-container.room-open #chat-window { background: var(--mj-card) !important; border: 1px solid var(--mj-line) !important; border-radius: 16px !important; box-shadow: 0 3px 12px rgba(25,29,41,.045); height: calc(100vh - 28px) !important; }
body.mj-themed #chat-window .chat-header { background: var(--mj-card) !important; border-bottom: 1px solid var(--mj-line) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body.mj-themed #chat-window .chat-header-info h3 { color: var(--text) !important; }
body.mj-themed #chat-window .chat-header-info p { color: var(--text-muted) !important; }
body.mj-themed #chat-window #chat-messages { background: transparent !important; }
body.mj-themed #chat-window .msg-group:not(.me) .msg-bubble { background: var(--mj-card) !important; color: var(--text) !important; border: 1px solid var(--mj-line) !important; box-shadow: 0 1px 2px rgba(25,29,41,.04) !important; border-radius: 16px 16px 16px 4px !important; }
body.mj-themed #chat-window .msg-group.me .msg-bubble { background: var(--primary-soft) !important; color: var(--text) !important; border: 1px solid rgba(216,35,42,.22) !important; box-shadow: none !important; border-radius: 16px 16px 4px 16px !important; }
[data-theme="dark"] body.mj-themed #chat-window .msg-group:not(.me) .msg-bubble { background: #12264A !important; }
[data-theme="dark"] body.mj-themed #chat-window .msg-group.me .msg-bubble { background: rgba(255,32,93,.20) !important; border-color: rgba(255,77,131,.38) !important; }
body.mj-themed #chat-window .msg-group.me .msg-avatar { background: linear-gradient(135deg, #E11D38, #A00D25) !important; }
body.mj-themed #chat-window .msg-user { color: var(--text-muted) !important; }
body.mj-themed #chat-window .msg-system { background: var(--primary-soft) !important; color: var(--text-secondary) !important; border: 1px solid rgba(216,35,42,.15) !important; font-style: normal !important; }
body.mj-themed #chat-window .snippets-bar { background: var(--primary-soft) !important; border-bottom: 1px solid var(--mj-line) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body.mj-themed #chat-window .snippets-bar-header span { color: var(--primary) !important; }
[data-theme="dark"] body.mj-themed #chat-window .snippets-bar-header span { color: #FF8FA9 !important; }
body.mj-themed #chat-window .chat-input-area { background: transparent !important; }
body.mj-themed #chat-window .chat-form { background: var(--mj-card) !important; border: 1px solid var(--mj-line) !important; border-radius: 999px !important; }
[data-theme="dark"] body.mj-themed #chat-window .chat-form { background: #0A1A38 !important; }
@media (max-width: 860px) { body.mj-themed .guff-container.room-open #chat-window { height: calc(100vh - 80px) !important; border-radius: 0 !important; } }

/* ── Radar detail / business: dark-safe surfaces + readable prices ── */
body.mj-themed #owner-controls { background: var(--primary-soft) !important; border-radius: 16px !important; }
body.mj-themed .price-now, body.mj-themed .biz-hero-name { letter-spacing: -.02em; }
[data-theme="dark"] body.mj-themed .price-now { color: #FF6B8B; }
[data-theme="dark"] body.mj-themed .appt-block, [data-theme="dark"] body.mj-themed .offer-content > * { border-color: var(--mj-line); }
[data-theme="dark"] body.mj-themed .offer-content { color: var(--text); }

/* ── Hard-coded white panels → theme surfaces (public profile, notifications, profile) ── */
body.mj-themed .pub-info, body.mj-themed .pub-tabs { background: var(--mj-card) !important; border-color: var(--mj-line) !important; }
body.mj-themed .pub-info { margin: 0 16px; border-radius: 0 0 16px 16px; border: 1px solid var(--mj-line); border-top: none; }
body.mj-themed .pub-tabs { margin: 12px 16px 0; border-radius: 16px 16px 0 0; }
body.mj-themed .pub-banner { height: 190px; margin-bottom: 0; border-radius: 16px 16px 0 0; }
body.mj-themed .notif-card { background: var(--mj-card) !important; border: 1px solid var(--mj-line) !important; border-radius: 16px !important; box-shadow: 0 3px 12px rgba(25,29,41,.045); }
body.mj-themed .notif-item { background: transparent !important; }
body.mj-themed .notif-item + .notif-item, body.mj-themed .notif-date-head + .notif-item { border-color: var(--mj-line) !important; }
[data-theme="dark"] body.mj-themed .notif-item:hover { background: rgba(255,255,255,.04) !important; }

/* Shared right-rail cards (Top Jholes / Topics / About) */
body.mj-themed .side-card { background: var(--mj-card) !important; border: 1px solid var(--mj-line) !important; border-radius: 16px !important; box-shadow: 0 3px 12px rgba(25,29,41,.045) !important; }

/* Guff on phones: the room list IS the home screen (legacy behaviour) — keep the hub from layering over it */
@media (max-width: 600px) {
  body.mj-themed .guff-container:not(.room-open) .guff-main { display: none !important; }
  body.mj-themed .guff-container .guff-sidebar { border-radius: 0 !important; border: none !important; }
}

/* Mobile Guff banner + modals / sheets: same card language */
body.mj-themed .sidebar-hero-banner {
  background: linear-gradient(90deg, rgba(8,26,56,.94) 0%, rgba(8,26,56,.7) 60%, rgba(8,26,56,.35) 100%), url('/images/login/skyline.jpg') 70% 86% / 160% auto no-repeat !important;
  background-color: #10223D !important; border: 1px solid rgba(135,152,187,.18) !important; box-shadow: 0 6px 18px rgba(8,26,56,.2) !important;
}
body.mj-themed .modal-content, body.mj-themed .rp-modal, body.mj-themed .chat-drawer { background: var(--mj-card) !important; color: var(--text); border: 1px solid var(--mj-line); border-radius: 20px; }
body.mj-themed .modal-header, body.mj-themed .modal-footer { border-color: var(--mj-line) !important; }
body.mj-themed .form-input, body.mj-themed .form-select, body.mj-themed .form-textarea { background: var(--mj-sub); border-color: var(--mj-line); color: var(--text); min-height: 44px; }
body.mj-themed .rp-modal h3, body.mj-themed .modal-header h2, body.mj-themed .modal-header h3 { color: var(--text); }

/* ── Radar detail photo: centred, blurred own-colour backdrop (Facebook style) ── */
body.mj-themed .offer-hero { background: var(--mj-sub); min-height: 180px; display: flex; align-items: center; justify-content: center; }
body.mj-themed .offer-hero-bg { position: absolute; inset: -40px; z-index: 0; background-size: cover; background-position: center; filter: blur(30px) saturate(1.25) brightness(.78); transform: scale(1.08); pointer-events: none; }
body.mj-themed .offer-hero-img { position: relative; z-index: 1; width: auto; max-width: 100%; height: auto; max-height: 420px; object-fit: contain; margin: 0 auto; }
body.mj-themed .offer-hero .discount-badge { z-index: 2; }

/* ═══ Dark-mode contrast fixes (from the automated audit) ═══ */
[data-theme="dark"] body.mj-themed .side-card-action { color: #FF8FA9 !important; }
[data-theme="dark"] body.mj-themed .side-tag { color: #D6E0FF !important; background: rgba(255,255,255,.07) !important; }
[data-theme="dark"] body.mj-themed .btn-outline, [data-theme="dark"] body.mj-themed .btn-radar.outline { color: #FF8FA9; border-color: rgba(255,143,169,.5); background: transparent; }
[data-theme="dark"] body.mj-themed .tab-item.active, [data-theme="dark"] body.mj-themed .pub-tab.active { color: #FF8FA9; border-color: #FF4D83; }
[data-theme="dark"] body.mj-themed #owner-controls { background: rgba(255,32,93,.12) !important; }
[data-theme="dark"] body.mj-themed #owner-controls .appt-title, [data-theme="dark"] body.mj-themed #owner-controls .appt-sub { color: #FF8FA9 !important; }
[data-theme="dark"] body.mj-themed .hustle-digit-display { color: #FF8FA9; }

/* Guff chat: dark-safe status + listing-card type labels */
[data-theme="dark"] body.mj-themed #live-badge { color: var(--text-secondary) !important; }
[data-theme="dark"] body.mj-themed .mlc-type.pasal { color: #FF8FA9 !important; }
[data-theme="dark"] body.mj-themed .mlc-type.boli { color: #C4B5FD !important; }
[data-theme="dark"] body.mj-themed .mlc-type.radar { color: #5CD4EE !important; }

/* ── Business page: align stats / actions / tabs / content with the inset hero card ── */
body.mj-themed .quick-stats { margin: 12px 16px 0; border: 1px solid var(--border-strong); border-radius: 14px; overflow: hidden; }
body.mj-themed .contact-strip { background: transparent; border-bottom: 0; padding: 14px 16px; }
body.mj-themed .tab-bar { padding: 9px 16px; }
body.mj-themed .page-body { padding-left: 16px; padding-right: 16px; }

/* ═══ Guff hub polish ═══
   One surface per panel (no black frame behind the navy cards), 3-up stat strip,
   compact club cards and an honest empty sidebar. */
[data-theme="dark"] body.mj-themed .guff-container { background: transparent !important; gap: 14px; }
body.mj-themed .guff-container { gap: 14px; }
body.mj-themed .guff-sidebar, body.mj-themed .guff-main { border-right: 1px solid var(--mj-line) !important; }
[data-theme="dark"] body.mj-themed .sidebar-header { background: transparent !important; }
[data-theme="dark"] body.mj-themed .hub-stats-bar { background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-bottom: 0 !important; gap: 12px; padding: 0 24px; }
[data-theme="dark"] body.mj-themed .hub-stat { background: var(--mj-sub); border: 1px solid var(--mj-line); border-radius: 14px; }
body.mj-themed .hub-stat + .hub-stat::before { display: none !important; }
body.mj-themed .club-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
body.mj-themed .club-card { flex-direction: row; align-items: center; gap: 14px; min-height: 0; padding: 14px 16px; border-radius: 14px; }
body.mj-themed .club-card .club-icon { flex-shrink: 0; }
body.mj-themed .club-card .club-info { min-width: 0; }
body.mj-themed .room-list:empty::after { content: 'No rooms nearby yet — start one and neighbours will find it.'; display: block; padding: 24px 18px; text-align: center; font-size: .82rem; color: var(--text-muted); }