:root {
  --bg-dark: #060309;
  --bg-panel: #110918;
  --bg-card: #160c1f;
  --bg-card-hover: #1f112b;
  --primary: #e11d48;
  --neon-rose: #ff2a85;
  --primary-glow: rgba(255, 42, 133, 0.42);
  --accent-gold: #d4af37;
  --accent-gold-light: #f5e6b3;
  --purple-vip: #9333ea;
  --emerald-live: #10b981;
  --text-main: #faf7f5;
  --text-muted: #b5a8bd;
  --border-subtle: rgba(245, 230, 179, 0.13);
  --border-gold: rgba(212, 175, 55, 0.48);
  --border-rose: rgba(255, 42, 133, 0.45);
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 9999px;
  --shadow-luxury: 0 24px 60px rgba(0, 0, 0, 0.88), 0 0 32px rgba(225, 29, 72, 0.15);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: var(--bg-dark);
  background-image:
    radial-gradient(circle at 10% 8%, rgba(225, 29, 72, 0.2) 0%, transparent 36%),
    radial-gradient(circle at 90% 15%, rgba(147, 51, 234, 0.16) 0%, transparent 38%),
    radial-gradient(circle at 50% 85%, rgba(212, 175, 55, 0.09) 0%, transparent 45%);
  color: var(--text-main);
  line-height: 1.55;
  min-height: 100vh;
  overflow-x: hidden;
}

h1, h2, h3, .serif-heading, .op-name {
  font-family: 'Playfair Display', Georgia, serif;
}

/* Top Bar & Role Switcher */
.top-bar {
  background: linear-gradient(90deg, #0d0513, #27091f, #0d0513);
  border-bottom: 1px solid var(--border-subtle);
  padding: 8px 24px;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.role-switcher {
  display: inline-flex;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid var(--border-gold);
  border-radius: var(--radius-full);
  padding: 3px;
  gap: 4px;
}

.role-btn {
  background: transparent;
  border: none;
  color: var(--text-muted);
  padding: 5px 14px;
  border-radius: var(--radius-full);
  font-size: 0.78rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
}

.role-btn.active {
  background: linear-gradient(135deg, var(--primary), var(--neon-rose));
  color: #fff;
  box-shadow: 0 0 14px var(--primary-glow);
}

.top-numbers {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.top-num-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border-subtle);
  padding: 3px 11px;
  border-radius: var(--radius-full);
  color: var(--accent-gold-light);
  font-size: 0.76rem;
  font-weight: 600;
}

/* Navbar */
.navbar {
  position: sticky;
  top: 0;
  z-index: 150;
  background: rgba(6, 3, 9, 0.92);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--border-subtle);
  padding: 14px 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}

.brand-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #ff2a85, #be123c 65%, #4c0519 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  box-shadow: 0 0 20px var(--primary-glow);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.brand-text h1 {
  font-size: 1.5rem;
  background: linear-gradient(90deg, #fff, var(--accent-gold-light), var(--neon-rose));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.brand-text span {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 0.66rem;
  color: var(--accent-gold);
  letter-spacing: 2.2px;
  text-transform: uppercase;
}

.user-panel {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.wallet-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(212, 175, 55, 0.14);
  border: 1px solid var(--border-gold);
  padding: 6px 14px;
  border-radius: var(--radius-full);
  font-size: 0.84rem;
}

.vip-badge {
  background: linear-gradient(135deg, #f5e6b3, #d4af37);
  color: #09040e;
  font-size: 0.68rem;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: var(--radius-full);
  text-transform: uppercase;
}

/* Buttons */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 18px;
  border-radius: var(--radius-full);
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.22s ease;
  text-decoration: none;
  color: #fff;
}

.btn-primary {
  background: linear-gradient(135deg, var(--neon-rose), var(--primary));
  box-shadow: 0 5px 18px var(--primary-glow);
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 42, 133, 0.65);
}

.btn-gold {
  background: linear-gradient(135deg, #f5e6b3 0%, #d4af37 55%, #a17c17 100%);
  color: #09040d;
  box-shadow: 0 5px 18px rgba(212, 175, 55, 0.32);
}

.btn-gold:hover {
  transform: translateY(-2px);
  filter: brightness(1.07);
}

.btn-webrtc {
  background: linear-gradient(135deg, #10b981, #047857);
  box-shadow: 0 5px 16px rgba(16, 185, 129, 0.35);
}

.btn-webrtc:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(16, 185, 129, 0.55);
}

.btn-outline {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--border-gold);
  color: var(--accent-gold-light);
}

.btn-outline:hover {
  background: rgba(212, 175, 55, 0.14);
}

.container {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 22px;
}

/* Live Stories Strip (Hooked Loop) */
.stories-strip {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding: 20px 4px 12px;
  scrollbar-width: thin;
}

.story-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 84px;
  cursor: pointer;
  transition: transform 0.2s;
}

.story-item:hover {
  transform: translateY(-3px);
}

.story-ring {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  padding: 3px;
  background: linear-gradient(135deg, var(--neon-rose), var(--accent-gold), var(--purple-vip));
  position: relative;
  box-shadow: 0 0 16px rgba(255, 42, 133, 0.35);
}

.story-ring img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center top;
  border: 2px solid var(--bg-dark);
}

.story-live-tag {
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--primary);
  color: #fff;
  font-size: 0.6rem;
  font-weight: 800;
  padding: 1px 6px;
  border-radius: 4px;
  text-transform: uppercase;
}

.story-name {
  font-size: 0.76rem;
  font-weight: 600;
  color: var(--text-main);
  white-space: nowrap;
}

/* Hero Banner */
.hero-compact {
  background: linear-gradient(145deg, rgba(28, 12, 38, 0.9), rgba(12, 6, 18, 0.95));
  border: 1px solid var(--border-gold);
  border-radius: var(--radius-lg);
  padding: 28px 32px;
  margin: 14px 0 28px;
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 28px;
  align-items: center;
  box-shadow: var(--shadow-luxury);
}

.hero-compact h2 {
  font-size: 2.35rem;
  line-height: 1.15;
  margin-bottom: 10px;
}

.hero-compact .highlight {
  color: var(--neon-rose);
  font-style: italic;
}

/* Gender Macro Tabs (Donne, Trans, Uomini) */
.macro-gender-tabs {
  display: flex;
  gap: 12px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.gender-tab {
  flex: 1;
  min-width: 160px;
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: 14px 18px;
  color: var(--text-main);
  font-size: 1rem;
  font-weight: 800;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.25s;
}

.gender-tab:hover {
  border-color: var(--neon-rose);
  transform: translateY(-2px);
}

.gender-tab.active {
  background: linear-gradient(135deg, rgba(255, 42, 133, 0.28), rgba(147, 51, 234, 0.28));
  border-color: var(--neon-rose);
  box-shadow: 0 8px 25px rgba(255, 42, 133, 0.25);
}

/* Filter Bar */
.filter-bar {
  background: var(--bg-panel);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: 14px 18px;
  margin-bottom: 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.chips-group {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.chip {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--border-subtle);
  color: var(--text-muted);
  padding: 6px 14px;
  border-radius: var(--radius-full);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

.chip.active {
  background: var(--accent-gold);
  color: #09040e;
  border-color: var(--accent-gold-light);
}

/* Operators Grid (Amateur Realistic Sexy Cards - NO Free Voice Preview) */
.operators-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(305px, 1fr));
  gap: 24px;
  margin-bottom: 56px;
}

.operator-card {
  background: linear-gradient(180deg, #170d21 0%, #0c0612 100%);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  position: relative;
}

.operator-card:hover {
  transform: translateY(-6px);
  border-color: var(--neon-rose);
  box-shadow: var(--shadow-luxury);
}

.op-visual {
  height: 375px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 18px;
  background: #12081b;
}

.op-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform 0.6s ease;
}

.operator-card:hover .op-photo {
  transform: scale(1.06);
}

.op-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    #0e0715 2%,
    rgba(14, 7, 21, 0.76) 28%,
    rgba(0, 0, 0, 0.08) 65%,
    rgba(0, 0, 0, 0.45) 100%
  );
  z-index: 1;
}

.op-top-badges {
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 11px;
  border-radius: var(--radius-full);
  font-size: 0.72rem;
  font-weight: 800;
  backdrop-filter: blur(10px);
}

.status-badge.online {
  background: rgba(6, 78, 59, 0.85);
  border: 1px solid var(--emerald-live);
  color: #a7f3d0;
}

.status-badge.busy {
  background: rgba(136, 19, 55, 0.85);
  border: 1px solid var(--neon-rose);
  color: #fecdd3;
}

.status-badge.offline {
  background: rgba(31, 41, 55, 0.85);
  border: 1px solid #6b7280;
  color: #d1d5db;
}

.fav-btn {
  background: rgba(0, 0, 0, 0.65);
  border: 1px solid var(--border-subtle);
  color: #fff;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

.fav-btn.active {
  background: rgba(255, 42, 133, 0.25);
  border-color: var(--neon-rose);
  color: var(--neon-rose);
}

.scarcity-ribbon {
  position: absolute;
  top: 52px;
  left: 12px;
  z-index: 3;
  background: rgba(225, 29, 72, 0.88);
  backdrop-filter: blur(6px);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.op-header-info {
  position: relative;
  z-index: 3;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.op-name {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
}

.op-meta {
  font-size: 0.78rem;
  color: var(--accent-gold-light);
}

.op-body {
  padding: 14px 18px 18px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.op-story-bubble {
  background: rgba(255, 42, 133, 0.1);
  border-left: 3px solid var(--neon-rose);
  padding: 7px 10px;
  border-radius: 0 8px 8px 0;
  font-size: 0.8rem;
  color: #ffdbe9;
  font-style: italic;
}

.op-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.op-tag {
  font-size: 0.7rem;
  padding: 3px 9px;
  border-radius: var(--radius-full);
  background: rgba(212, 175, 55, 0.1);
  border: 1px solid rgba(212, 175, 55, 0.3);
  color: var(--accent-gold-light);
}

.op-rates-row {
  display: flex;
  justify-content: space-between;
  font-size: 0.76rem;
  color: var(--text-muted);
  background: rgba(0, 0, 0, 0.4);
  padding: 7px 11px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.op-actions-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: auto;
}

.op-actions-grid .btn {
  padding: 9px 10px;
  font-size: 0.8rem;
}

.btn-span-2 {
  grid-column: span 2;
}

/* Multimedia Chat Modal & PPV Blurred Media */
.chat-modal-box {
  max-width: 680px;
  width: 100%;
  height: 86vh;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  background: #100818;
  border: 1px solid var(--border-gold);
  border-radius: var(--radius-lg);
}

.chat-header {
  padding: 14px 20px;
  background: linear-gradient(90deg, #1b0c28, #2a0d23);
  border-bottom: 1px solid var(--border-subtle);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chat-messages-area {
  flex: 1;
  overflow-y: auto;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: radial-gradient(circle at center, #160b21 0%, #09040d 100%);
}

.chat-bubble {
  max-width: 78%;
  padding: 11px 15px;
  border-radius: 16px;
  font-size: 0.88rem;
  position: relative;
}

.chat-bubble.operator {
  align-self: flex-start;
  background: #231233;
  border: 1px solid rgba(245, 230, 179, 0.18);
  border-bottom-left-radius: 4px;
}

.chat-bubble.user {
  align-self: flex-end;
  background: linear-gradient(135deg, #be123c, #881337);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom-right-radius: 4px;
}

.chat-bubble.gift {
  align-self: center;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.25), rgba(255, 42, 133, 0.25));
  border: 1px solid var(--accent-gold);
  text-align: center;
  font-weight: 700;
  color: var(--accent-gold-light);
}

.ppv-media-wrap {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 8px;
  max-width: 280px;
  border: 1px solid var(--border-gold);
}

.ppv-media-wrap img, .ppv-media-wrap video {
  width: 100%;
  display: block;
  max-height: 300px;
  object-fit: cover;
}

.ppv-media-wrap.locked img, .ppv-media-wrap.locked video {
  filter: blur(22px) brightness(0.65);
  transform: scale(1.08);
}

.ppv-unlock-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(0, 0, 0, 0.45);
  padding: 14px;
  text-align: center;
}

.chat-gifts-strip {
  padding: 8px 14px;
  background: rgba(0, 0, 0, 0.55);
  border-top: 1px solid var(--border-subtle);
  display: flex;
  gap: 8px;
  overflow-x: auto;
  align-items: center;
}

.gift-chip {
  background: rgba(212, 175, 55, 0.12);
  border: 1px solid var(--border-gold);
  color: var(--accent-gold-light);
  padding: 5px 11px;
  border-radius: var(--radius-full);
  font-size: 0.76rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: transform 0.15s;
}

.gift-chip:hover {
  transform: scale(1.05);
  background: rgba(212, 175, 55, 0.28);
}

.chat-input-bar {
  padding: 12px 16px;
  background: #140a1d;
  border-top: 1px solid var(--border-subtle);
  display: flex;
  gap: 8px;
  align-items: center;
}

/* Dashboards (Operator & Admin) */
.dashboard-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 24px;
  padding: 28px 0 60px;
}

.dash-sidebar {
  background: var(--bg-panel);
  border: 1px solid var(--border-gold);
  border-radius: var(--radius-lg);
  padding: 20px;
  height: fit-content;
}

.dash-card {
  background: var(--bg-panel);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  padding: 22px;
  margin-bottom: 22px;
}

.kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

.kpi-box {
  background: linear-gradient(145deg, #1b0e28, #100818);
  border: 1px solid var(--border-gold);
  border-radius: var(--radius-md);
  padding: 18px;
}

.kpi-box small {
  color: var(--text-muted);
  font-size: 0.78rem;
  text-transform: uppercase;
}

.kpi-box .kpi-val {
  font-family: 'Playfair Display', serif;
  font-size: 1.85rem;
  font-weight: 800;
  color: var(--accent-gold-light);
  margin-top: 4px;
}

/* Tables */
.data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}

.data-table th, .data-table td {
  padding: 11px 12px;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.data-table th {
  color: var(--accent-gold-light);
  font-size: 0.76rem;
  text-transform: uppercase;
}

/* Modals */
.modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(4, 2, 8, 0.9);
  backdrop-filter: blur(14px);
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

.modal-backdrop.active {
  display: flex;
}

.modal-box {
  background: linear-gradient(165deg, #1a0e26, #0d0714);
  border: 1px solid var(--border-gold);
  border-radius: var(--radius-lg);
  max-width: 540px;
  width: 100%;
  padding: 26px;
  position: relative;
  box-shadow: var(--shadow-luxury);
  max-height: 92vh;
  overflow-y: auto;
}

.modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid var(--border-subtle);
  color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
}

.form-group {
  margin-bottom: 13px;
}

.form-group label {
  display: block;
  font-size: 0.8rem;
  color: var(--accent-gold-light);
  margin-bottom: 4px;
}

.form-control {
  width: 100%;
  padding: 10px 13px;
  border-radius: 10px;
  border: 1px solid var(--border-subtle);
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 0.88rem;
}

.pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--emerald-live);
  display: inline-block;
  animation: pulse 1.6s infinite;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
  70% { box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
  100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

@media (max-width: 920px) {
  .hero-compact, .dashboard-layout {
    grid-template-columns: 1fr;
  }
}

/* Pink Voltage — public style 13, 2026-10-19. */
:root{--bg-dark:#110810;--bg-panel:#190c17;--bg-card:#21101d;--bg-card-hover:#341129;--primary:#f241b6;--neon-rose:#ff69cc;--primary-glow:#ff24b33b;--accent-gold:#e9f89c;--accent-gold-light:#f0fac0;--purple-vip:#bd54db;--emerald-live:#95cbac;--text-main:#fff1fb;--text-muted:#cba7c3;--border-subtle:#7841634a;--border-gold:#e9f89c66;--border-rose:#ff60c77a;--radius-sm:3px;--radius-md:3px;--radius-lg:5px;--shadow-luxury:0 20px 60px #0006;color-scheme:dark}
html{scroll-padding-top:28px}body{font-family:Arial,'Segoe UI',sans-serif;background:#110810;overflow-x:clip}h1,h2,h3,.serif-heading,.op-name{font-family:Arial,'Segoe UI',sans-serif}h2,h3{font-weight:800;letter-spacing:-.045em}button,input,select,textarea{font-family:inherit}a{color:inherit}button,a,input,select,textarea{touch-action:manipulation}:focus-visible{outline:2px solid #e9f89c;outline-offset:4px}::selection{background:#ff3cb0;color:#130713}
.top-bar{background:#24101f;padding:9px max(28px,calc((100vw - 1380px)/2));border-top:3px solid #ff3eb5;border-bottom:1px solid #63304d;gap:9px}.top-bar>div:first-child{width:100%;justify-content:space-between}.top-bar>div:first-child>span{font-size:9px!important;background:#ff3eb5!important;color:#230d1c!important;border-radius:0!important}.role-switcher{border:0;background:none;padding:0;border-radius:0;gap:5px;flex-wrap:wrap;justify-content:flex-end}.role-btn{font-size:10px;border-radius:0;padding:6px 10px;color:#e5bfdb;line-height:1.4}.role-btn.active{background:#f241b6;color:#1a0714;box-shadow:none}.role-switcher .role-btn[onclick*="app.html"]{background:transparent!important;border:1px solid #874e75!important;color:#e9c4dc!important}.top-numbers{gap:12px}.top-num-pill{background:#25101f;border-color:#784163;font-size:10px;border-radius:2px;color:#e4b9d5}
.navbar{position:relative;background:#110810;backdrop-filter:none;max-width:1380px;width:calc(100% - 112px);margin:auto;padding:24px 0;min-height:98px;border-bottom:1px solid #7a3d696b;gap:25px}.brand{gap:0;flex-shrink:0}.brand-icon{display:none}.brand-text .brand-title{font:800 27px/.95 Arial,sans-serif;letter-spacing:-1.5px;display:block;color:#fff1fb}.brand-text>span:not(.brand-title){display:block;font:700 6px Arial,sans-serif;letter-spacing:.16em;color:#ec8dce;margin-top:8px}.user-panel{gap:12px;flex-wrap:wrap;justify-content:flex-end}.user-panel>.btn{font-size:10px;min-height:38px;padding:9px 12px}.user-panel #guestActions .btn{font-size:10px;padding:9px 14px}.wallet-pill{border-radius:3px;border-color:#a15987;background:#311128;color:#f2cce4;font-size:11px}.vip-badge{background:#e9f89c;color:#1a1b0b;border-radius:2px;border:0;font:700 8px Arial,sans-serif;letter-spacing:.1em}.btn{border-radius:0;font-size:12px;min-height:42px;padding:11px 17px;box-shadow:none;font-weight:650;letter-spacing:0}.btn-primary{background:#f241b6;border:1px solid #f241b6;color:#1a0714;box-shadow:0 0 24px #ff24b320}.btn-primary:hover{background:#ff7bd3;color:#1a0714;box-shadow:0 0 30px #ff24b342;transform:none}.btn-gold{background:#e9f89c;border:1px solid #e9f89c;color:#191c0b}.btn-gold:hover{background:#f2ffc2;color:#191c0b;box-shadow:none;transform:none}.btn-webrtc{background:#32152b;color:#f4d5e9;border:1px solid #a86294}.btn-webrtc:hover{background:#4b1b3d;color:#fff;box-shadow:none;transform:none}.btn-outline{background:transparent;color:#ffd7f1;border-color:#b6579b}.btn-outline:hover{background:#401032;color:#fff;border-color:#ff8bd9}.container{max-width:1380px;width:calc(100% - 112px);padding:0;margin:0 auto}.form-control{border-color:#744562;background:#190b16;color:#fff1fb;border-radius:2px;min-width:0}.form-control:focus{border-color:#ef70c3;box-shadow:0 0 0 2px #ff4eb71a}.form-control::placeholder{color:#b28ea6}.pulse-dot{animation:none;box-shadow:none}
.pv-hero{position:relative;isolation:isolate;padding:48px 0 40px;min-height:670px}.pv-hero:before{content:'';position:absolute;inset:0 -45px;z-index:-2;background:radial-gradient(ellipse at 75% 48%,#b41c902e,transparent 55%)}.pv-eyebrow{font-size:9px;letter-spacing:.2em;color:#e598ce;text-transform:uppercase;display:flex;align-items:center;gap:10px}.pv-eyebrow>span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #f652c0;color:#ffc9ee;box-shadow:0 0 18px #ff25bb38}.pv-hero h1{position:relative;z-index:2;font:900 clamp(90px,10.8vw,156px)/.86 Arial,sans-serif;letter-spacing:-.08em;text-transform:uppercase;margin:28px 0 0;pointer-events:none}.pv-hero h1>span{display:block}.pv-hero .pv-outline{color:transparent;-webkit-text-stroke:1.3px #ff86db;text-shadow:0 0 25px #ff28be50;margin-left:10%}.pv-hero .pv-neon{color:#ffe4f6;text-shadow:0 0 2px #fff,0 0 12px #ff3fca,0 0 34px #e700ad,0 0 75px #c8009370;margin-left:24%;margin-top:7px;white-space:nowrap}.pv-image{position:absolute;z-index:-1;right:0;top:40px;width:48%;height:530px;clip-path:polygon(11% 0,100% 0,89% 100%,0 100%);background:#b22e87}.pv-image img{height:100%;width:100%;object-fit:cover;object-position:50% 26%;filter:saturate(.5) brightness(.7)}.pv-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#3b1035b3,transparent 50%),linear-gradient(110deg,#f725c146,#bd1f8140)}.pv-edge{position:absolute;right:0;top:40px;width:43%;height:530px;border-right:2px solid #ff83df;transform:skew(-6deg);z-index:-1;box-shadow:8px 0 25px -10px #ff32c1;pointer-events:none}.pv-under{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:40px;align-items:end}.pv-copy{max-width:315px;font-size:12px;color:#caa8c3}.pv-cta{display:inline-flex;gap:46px;padding:14px 21px;font-size:11px;min-height:51px;margin-top:23px;text-decoration:none}.pv-access{display:block;color:#dba6ca;border:0;background:none;padding:0;border-bottom:1px solid #a4558780;font-size:9px;margin-top:17px;cursor:pointer}.pv-sticker{position:absolute;right:21px;bottom:61px;width:113px;height:113px;background:#e9f89c;color:#15130a;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font:900 18px/1.1 Arial,sans-serif;letter-spacing:-.7px;transform:rotate(10deg);box-shadow:0 0 0 7px #10101860}.pv-sticker span{display:block;font:8px 'Segoe UI',sans-serif;letter-spacing:.17em;margin-top:8px}.pv-note{font:italic 23px/1.3 Georgia,serif;color:#edbbdd;padding-left:36px;margin-bottom:20px;max-width:260px}.pv-ticker{display:flex;align-items:center;justify-content:center;gap:45px;padding:19px 20px;border-block:1px solid #ff47bf6b;background:#261023;color:#ff8fdf;overflow:hidden;white-space:nowrap;font-size:11px;font-weight:600;letter-spacing:.21em;text-transform:uppercase}.pv-ticker b{font-size:21px;font-weight:300;color:#e8f58f}.pv-section-heading{padding-top:70px;display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:25px}.pv-section-heading h2{font:800 58px/.98 Arial,sans-serif;letter-spacing:-3px;text-transform:uppercase;margin-top:18px}.pv-section-heading h2 em{color:#ff69cc;font-style:normal}.pv-section-heading>p{font-size:11px;color:#b58aa9;max-width:245px;line-height:1.8}.pv-catalog-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#b995ae;font-size:10px;border-bottom:1px solid #6a34554d;padding-bottom:16px}.pv-phone-details{margin:10px 0 45px;border:1px solid #78416355;padding:18px 22px;background:#190c17;font-size:12px}.pv-phone-details summary{cursor:pointer;color:#edc4e0}.pv-phone-details .top-numbers{margin-top:15px}
.stories-strip{padding:23px 0 28px;margin:0;gap:22px;border:0;background:none}.story-ring{border-color:#f666c3;padding:3px;background:none;box-shadow:0 0 17px #ff36b71a}.story-live-tag{background:#f241b6;color:#160b13;border-radius:1px;font-size:7px}.story-name{font-size:10px;color:#e3bed7}.macro-gender-tabs{background:none;border:0;border-bottom:1px solid #71415d;padding:0 0 17px;gap:10px;margin:0 0 18px}.gender-tab{border:1px solid #63324f;background:#1a0c17;border-radius:2px;font-size:12px;min-height:45px;padding:12px 17px;color:#eac7dd}.gender-tab.active{background:#f241b6;border-color:#f241b6;color:#1a0714;box-shadow:none}.gender-tab:hover{transform:none;background:#441535}.gender-tab.active:hover{background:#ff74ce}.filter-bar{border:0;padding:0;background:none;margin-bottom:26px}.chip{border:1px solid #76435f;background:#1b0c18;border-radius:2px;font-size:10px;padding:8px 11px;color:#d8b2cd}.chip.active{background:#58203f;border-color:#d764a8;color:#ffe3f5;box-shadow:none}#searchInput{border-radius:2px!important;font-size:11px}.operators-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 22px;align-items:start}.operator-card{border:1px solid #7b3b6055;border-radius:2px;background:#1b0b18;box-shadow:none;min-width:0}.operator-card:hover{transform:translateY(-3px);border-color:#ce63a4;box-shadow:0 0 25px #dd26a41a}.op-visual{height:auto;aspect-ratio:3/3.8;border-radius:0}.op-photo{filter:saturate(.55) brightness(.84)}.operator-card:hover .op-photo{transform:scale(1.025)}.op-top-badges{top:11px;left:10px;right:10px}.status-badge{font-size:8px;border-radius:2px;padding:4px 7px}.status-badge.online{background:#243224e8;border:1px solid #8cc4a26e;color:#c7edcd}.status-badge.busy{background:#452036e8;border:1px solid #f17bb86e;color:#ffd6ec}.fav-btn{width:29px;height:29px;background:#230c20bb;border-color:#aa6494;font-size:13px}.fav-btn.active{background:#a52e7d;color:#fff}.scarcity-ribbon{font-size:8px;background:#5d204bbb;border-top:1px solid #ac5c8e;border-bottom:1px solid #ac5c8e;box-shadow:none;padding:5px 9px}.op-header-info{padding:13px 12px}.op-name{font:750 24px/1.05 Arial,sans-serif;letter-spacing:-.8px;overflow-wrap:anywhere}.op-meta{font-size:9px;color:#ebc8df}.op-body{padding:16px 13px}.op-story-bubble{font-family:Georgia,serif;font-size:11px;color:#d9adc9;border-color:#a351844f;background:#33152a6b}.op-tag{background:#281020;border:1px solid #78405b44;color:#d7adca;font-size:8px;border-radius:2px}.op-rates-row{border-color:#70384f55;font-size:9px}.op-rates-row strong{font-size:12px;color:#e8f1b4}.op-actions-grid{gap:7px}.op-actions-grid .btn{font-size:9px;padding:9px 6px;min-height:36px;white-space:normal}.dash-card,.dash-sidebar,.kpi-box,.modal-box{background:#1b0c18;border-color:#78416366;border-radius:3px;box-shadow:none}.dash-card h2,.dash-card h3{line-height:1.16}.kpi-box .kpi-val{font-family:Arial,sans-serif;font-weight:800;color:#f5c4e5}.dashboard-layout{gap:23px}.data-table{font-size:12px}.data-table th{color:#e99acc;background:#291022}.data-table td{border-color:#63324f55}.chat-modal-box{background:#190b17;border-color:#8c4674;border-radius:3px}.chat-header{background:#2b1025;border-bottom:1px solid #8e4671}.chat-messages-area{background:#110810}.chat-bubble.operator{background:#34152d;border:1px solid #713858;color:#f8e4f2}.chat-bubble.user{background:#90285f;border:1px solid #cb5695;color:#fff2fa}.chat-input-bar{background:#210e1c;border-top:1px solid #784163}.chat-gifts-strip{background:#190b17;border-color:#78416355}.gift-chip{background:#281022;border-color:#784163;color:#edbfdc;border-radius:2px}.modal-backdrop{background:#08040bdc;backdrop-filter:blur(7px)}.modal-box{border:1px solid #aa558b}.modal-close{background:#35122b;color:#f0c5e1}.modal-box .form-group label{color:#ebc6de}.ppv-unlock-overlay{background:#170b19c9}.chat-bubble.gift{color:#e9f89c;background:#242819}.btn-span-2{grid-column:span 2}
/* Keep inline dashboard layouts usable at narrow widths without changing their controls. */
@media(max-width:1100px){.navbar,.container{width:calc(100% - 70px)}.pv-hero h1{font-size:clamp(78px,10.8vw,110px)}.pv-hero .pv-neon{margin-left:16%}.pv-image,.pv-edge{height:490px}.pv-hero{min-height:630px}.pv-under{gap:35px;margin-top:32px}.pv-note{padding-left:0;font-size:20px;max-width:200px}.pv-sticker{bottom:46px;width:95px;height:95px;font-size:16px}.operators-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.user-panel>.btn:first-child{display:none}.role-btn{font-size:9px}.top-bar{padding-inline:24px}}
@media(max-width:920px){.navbar{flex-direction:row;align-items:center}.top-bar{justify-content:flex-start}.role-switcher{justify-content:flex-start}.user-panel{justify-content:flex-end}.operators-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout{grid-template-columns:1fr}.macro-gender-tabs{flex-wrap:wrap}.gender-tab{flex:1 1 calc(50% - 10px)}.filter-bar{align-items:stretch}.filter-bar>div:last-child{min-width:0!important;flex:1 1 100%}.pv-section-heading h2{font-size:48px}.pv-hero .pv-neon{margin-left:10%}}
@media(max-width:760px){.navbar,.container{width:calc(100% - 40px)}.top-bar{padding:8px 20px}.top-bar>div:first-child{gap:8px!important}.role-switcher{width:100%;gap:5px}.role-btn{font-size:8px;padding:6px 8px}.navbar{padding-block:20px;min-height:85px;gap:14px}.brand-text .brand-title{font-size:24px}.brand-text>span:not(.brand-title){font-size:5.5px;letter-spacing:.1em}.user-panel #guestActions .btn{font-size:9px;min-height:34px;padding:8px 11px}.user-panel #guestActions .btn-gold{display:none}.user-panel #loggedActions{gap:7px!important}.wallet-pill{font-size:9px;padding:6px}.user-panel #loggedActions>.btn{font-size:9px;padding:7px 9px;min-height:30px}.pv-hero{padding-top:33px;min-height:880px;overflow:hidden}.pv-hero:before{inset:0}.pv-eyebrow{font-size:8px;letter-spacing:.15em}.pv-hero h1{font-size:clamp(65px,16.3vw,116px);letter-spacing:-.07em;margin-top:27px;line-height:.9}.pv-hero .pv-outline{margin-left:5%}.pv-hero .pv-neon{font-size:clamp(37px,12vw,88px);letter-spacing:-.06em;line-height:1;margin-left:4%;margin-top:12px}.pv-image{top:150px;right:-2px;width:84%;height:420px;clip-path:polygon(13% 0,100% 0,87% 100%,0 100%)}.pv-edge{top:150px;width:76%;height:420px;right:19px}.pv-image img{object-position:50% 25%}.pv-under{display:block;margin-top:340px}.pv-copy{font-size:12px;max-width:310px}.pv-note{display:none}.pv-sticker{bottom:300px;right:0;width:90px;height:90px;font-size:15px}.pv-sticker span{font-size:7px}.pv-cta{font-size:10px;min-height:49px;gap:38px;margin-top:20px}.pv-ticker{gap:21px;font-size:8px;padding-block:16px;letter-spacing:.14em}.pv-ticker .pv-extra{display:none}.pv-ticker b{font-size:16px}.pv-section-heading{display:block;padding-top:47px}.pv-section-heading h2{font-size:45px;letter-spacing:-2.5px}.pv-section-heading>p{margin-top:20px;font-size:11px}.pv-catalog-meta{font-size:8px;gap:10px}.stories-strip{gap:17px}.story-ring{width:59px;height:59px}.story-name{font-size:9px}.story-live-tag{font-size:6px}.gender-tab{font-size:10px;padding:11px 8px}.gender-tab span{font-size:9px!important}.chips-group{gap:6px;flex-wrap:wrap}.chip{font-size:9px;padding:7px 9px}.operators-grid{gap:20px 12px}.op-name{font-size:22px}.op-visual{aspect-ratio:3/4.2}.op-header-info{padding:11px 8px}.op-meta{font-size:8px}.op-body{padding:13px 10px}.op-top-badges{top:8px;left:6px;right:6px}.status-badge{font-size:6px;padding:4px}.fav-btn{width:25px;height:25px;font-size:11px}.scarcity-ribbon{font-size:7px;line-height:1.4;padding:4px 6px}.op-tags{gap:4px}.op-tag{font-size:7px;padding:3px 4px}.op-story-bubble{font-size:10px;line-height:1.5;padding:9px}.op-rates-row{gap:5px;flex-wrap:wrap}.op-rates-row strong{font-size:11px}.op-actions-grid{grid-template-columns:1fr;gap:6px}.op-actions-grid .btn{font-size:9px;min-height:34px}.btn-span-2{grid-column:auto}.dash-card{padding:22px!important;min-width:0}.dash-card [style*="grid-template-columns:1fr 1fr"],.dash-card [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}.dash-card h2{font-size:26px!important}.dash-card h3{font-size:22px!important}#packagesGrid{grid-template-columns:minmax(0,1fr)!important}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-box{min-width:0}.kpi-val{font-size:26px!important;overflow-wrap:anywhere}.modal-box{padding:22px 18px;max-width:calc(100vw - 24px)}.chat-modal-box{max-width:calc(100vw - 16px)}.pv-phone-details{padding:15px}.top-num-pill{font-size:9px;flex-wrap:wrap}.data-table{min-width:550px}.dash-card:has(.data-table){overflow-x:auto}.dashboard-layout>div,.dashboard-layout>aside{min-width:0}.pv-phone-details summary{font-size:11px}}
@media(max-width:360px){.pv-hero{min-height:840px}.pv-hero h1{font-size:57px}.pv-image,.pv-edge{height:380px;top:140px}.pv-under{margin-top:325px}.pv-sticker{bottom:285px;right:3px;width:80px;height:80px;font-size:13px}.pv-eyebrow{font-size:7px}.pv-section-heading h2{font-size:37px}.navbar{gap:8px}.brand-text .brand-title{font-size:22px}.brand-text>span:not(.brand-title){font-size:5px}.role-btn{font-size:7.5px;padding:6px 7px}.op-name{font-size:19px}.op-meta{font-size:7px}.op-body{padding:11px 8px}.status-badge{font-size:5px}.fav-btn{width:22px;height:22px}.operators-grid{gap:16px 10px}.op-story-bubble{font-size:9px}.op-tag{font-size:6px}.pv-catalog-meta>span:last-child{display:none}.modal-box{padding:19px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Final device checks: readable card controls and compact booking summaries. */
.brand-text .brand-title { text-transform:none; color:#fff1fb; margin-top:0; letter-spacing:-1.5px; }
.op-top-badges { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; align-items:start; }
.op-top-badges > div { justify-content:space-between; min-width:0; }
.op-top-badges > div > span { font-size:9px!important; padding:5px 7px!important; border-radius:2px!important; }
.op-top-badges .status-badge { justify-self:start; gap:5px; font-size:8px; }
.op-top-badges .fav-btn { flex-shrink:0; }
.scarcity-ribbon { top:82px; }
#clientBookingsList > div > div { min-width:0; }
#clientBookingsList > div > div > div { min-width:0; overflow-wrap:anywhere; }
#clientBookingsList > div > div > div > div:first-child { flex-wrap:wrap; gap:5px; }
@media(max-width:760px) {
 .navbar { flex-wrap:wrap; gap:15px; }
 .navbar .brand { flex-basis:100%; }
 .user-panel { width:100%; justify-content:flex-start; }
 .user-panel #loggedActions { flex-wrap:wrap; }
 .brand-text .brand-title { font-size:26px; }
 .brand-text > span:not(.brand-title) { font-size:6px; }
 .op-top-badges > div > span { font-size:8px!important; }
}
@media(max-width:600px) {
 .operators-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 .op-visual { aspect-ratio:4/4.2; }
 .op-top-badges { top:13px; left:13px; right:13px; }
 .op-top-badges .status-badge { font-size:9px; padding:5px 7px; }
 .op-top-badges > div > span { font-size:10px!important; }
 .fav-btn { width:32px; height:32px; font-size:15px; }
 .scarcity-ribbon { font-size:9px; top:91px; }
 .op-header-info { padding:17px 14px; }
 .op-name { font-size:29px; overflow-wrap:normal; }
 .op-meta { font-size:11px; }
 .op-body { padding:18px 16px; }
 .op-story-bubble { font-size:13px; padding:12px; }
 .op-tag { font-size:9px; padding:5px 7px; }
 .op-rates-row { font-size:11px; }
 .op-rates-row strong { font-size:13px; }
 .op-actions-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .op-actions-grid .btn { font-size:11px; min-height:44px; }
 .op-actions-grid .btn-span-2 { grid-column:span 2; }
 #clientBookingsList > div > div { flex-wrap:wrap; }
 #clientBookingsList > div > div > div { flex-basis:100%!important; }
}
@media(max-width:600px) {
 #clientBookingsList > div { grid-template-columns:minmax(0,1fr)!important; }
 .op-visual { padding:0; }
}

/* Pink Voltage / master control room */
[hidden]{display:none!important}
.master-eyebrow{color:#ed91ca;font:700 10px/1.5 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}
.master-help{font-size:12px;line-height:1.75;color:#cba7c3;margin:12px 0 20px;max-width:760px}
.master-access-card{width:min(100%,590px);margin:32px auto 64px;padding:42px;border:1px solid #93476f;border-top:3px solid #ff3eb5;background:radial-gradient(ellipse at right top,#66234f50,transparent 60%),#1b0c18;box-shadow:0 0 45px #ff3eb510}
.master-access-card h2{font:850 clamp(32px,5vw,54px)/1.02 Arial,sans-serif;letter-spacing:-.06em}
.master-access-card h2 span{color:#ff75cb}
.master-access-card label,.master-persona-modal label,.master-form-grid>label{display:block;font-size:11px;line-height:1.6;color:#e9c1dc;font-weight:600}
.master-access-card .form-control,.master-persona-modal .form-control,.master-form-grid .form-control{margin-top:7px;min-width:0}
.master-password-row{display:flex;gap:8px;align-items:stretch;margin-bottom:15px}
.master-password-row input{flex:1;width:0}
.master-password-row .btn{margin-top:7px;min-width:75px}
.master-form-feedback{min-height:1.5em;font-size:12px;line-height:1.6;color:#e9f89c;margin:14px 0;overflow-wrap:anywhere}
.master-form-feedback.is-error{color:#ffb2d8}
.master-refresh{background:none;border:0;border-bottom:1px solid #6d3656;color:#cf9abb;font:11px/1.6 Arial,sans-serif;padding:5px 0;cursor:pointer}
.master-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.master-actions .btn{font-size:10px;min-height:34px;padding:7px 11px}
#masterWorkspace>div[style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#masterWorkspace .dash-card{min-width:0}
#masterWorkspace h2{font-size:clamp(28px,3.6vw,48px);letter-spacing:-.055em}
.master-commerce-card h3{font:800 clamp(25px,3vw,37px)/1.1 Arial,sans-serif;letter-spacing:-.05em}
.master-commerce-card h4{font-size:16px;letter-spacing:-.025em;margin:29px 0 14px}
.master-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.master-form-grid>label{min-width:0}
.master-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.master-tier-field{padding:18px;background:#281020;border:1px solid #86375e;min-width:0}
.master-tier-field>span{display:block;color:#ff8ad5;font-size:18px;font-weight:800;letter-spacing:-.5px}
.master-tier-field small{display:block;color:#bc8eaa;font-size:9px;margin:5px 0 14px}
.master-tier-field>div{display:flex;gap:9px;align-items:center}
.master-tier-field input{width:0;flex:1;min-width:0}
.master-tier-field b{font-size:11px;color:#e9f89c}
.master-gift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.master-gift-field{display:flex;gap:11px;align-items:center;border:1px solid #68314e;padding:12px;background:#1c0d19;min-width:0}
.master-gift-field>span{font-size:22px;flex-shrink:0}
.master-gift-field label{min-width:0;flex:1;font-size:9px;color:#bb8da9}
.master-gift-field .form-control{font-size:12px;padding:8px;min-width:0;margin-top:4px}
.master-gift-field strong{font-size:12px;color:#e9f89c;white-space:nowrap}
.master-definition{border-left:2px solid #e9f89c;background:#e9f89c08;padding:18px 20px;margin:24px 0 8px;font-size:12px;line-height:1.75;color:#c5a6bb}
.master-definition>strong{color:#edf4c7;font-size:13px}
.master-definition p{margin-top:7px}
.master-persona-modal{max-width:680px;max-height:90dvh;overflow-y:auto;padding:32px}
.master-persona-modal h3{font:800 31px/1.1 Arial,sans-serif;letter-spacing:-1.1px;margin-bottom:24px}
.master-persona-modal form>label{margin-top:17px}
.master-persona-modal .master-form-grid{gap:14px}
.master-persona-modal textarea{resize:vertical}
.master-transaction{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #70375055;padding:13px 0;font-size:11px;line-height:1.6}
.master-transaction div{min-width:0;overflow-wrap:anywhere}
.master-transaction small{display:block;color:#ae7e9b}
.master-transaction strong{white-space:nowrap;color:#e6edaf}
.master-application-owner{font-size:11px;margin-bottom:9px;max-width:250px}
.operator-presence-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;max-width:650px}
.operator-presence-form>label{grid-column:1/-1;font-size:12px;color:#e2b8d1}
#opImageTierSelect{width:auto;max-width:100%;min-width:150px;padding:8px 11px}
#opKpiGrid .kpi-val{font-size:24px;line-height:1.3;overflow-wrap:anywhere}
#masterWorkspace .kpi-val{font-size:27px;line-height:1.3;overflow-wrap:anywhere}
@media(max-width:760px){.master-access-card{padding:27px 20px;margin-top:20px}.master-form-grid{gap:15px}.master-gift-grid{grid-template-columns:minmax(0,1fr)}.master-tier-grid{gap:8px}.master-tier-field{padding:14px 10px}.master-tier-field>span{font-size:15px}.master-tier-field small{font-size:8px}.master-tier-field>div{gap:5px}.master-tier-field input{padding:9px 5px;font-size:13px}#masterWorkspace>div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}.master-persona-modal{padding:25px 18px}.master-persona-modal .master-form-grid{grid-template-columns:minmax(0,1fr)}.master-definition{padding:14px}.operator-presence-form{grid-template-columns:minmax(0,1fr)}.master-commerce-card .master-form-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.master-access-card{padding:23px 16px}.master-password-row{gap:5px}.master-password-row .btn{min-width:61px;padding-inline:8px}.master-tier-grid{grid-template-columns:minmax(0,1fr)}.master-tier-field small{font-size:9px}.master-persona-modal h3{font-size:27px}}

/* Style 13 restored: retain the current brand and recently added sections. */
body.pink-voltage .navbar .brand{min-width:0}
body.pink-voltage .brand-text{min-width:0}
body.pink-voltage .brand-text .brand-title{font-size:clamp(24px,2.4vw,30px);line-height:1.05;letter-spacing:-1.35px;overflow-wrap:anywhere}
body.pink-voltage .brand-text .brand-title>span{display:inline;vertical-align:top;position:relative;top:1px;margin-left:4px;color:#e9f89c;font:700 13px/1 Arial,sans-serif;letter-spacing:0}
body.pink-voltage .pv-hero::before{inset:0}
body.pink-voltage #cassettoShopSection .dash-card{background:linear-gradient(135deg,#2b1224,#170c16)!important;border-color:#78416366!important}
body.pink-voltage #cassettoShopSection h2{letter-spacing:-.045em}
body.pink-voltage #cassettoShopSection .vip-badge{white-space:normal;line-height:1.6}
@media(max-width:760px){body.pink-voltage #cassettoShopSection .dash-card{padding:20px 16px!important}body.pink-voltage #cassettoShopSection h2{font-size:30px!important}}

/* White navigation makes the demo dashboard controls easy to identify. */
body.pink-voltage .top-bar{background:#fff;color:#24212b;border-top-color:#fff;border-bottom:1px solid #d9d5dd;box-shadow:0 3px 14px #00000012}
body.pink-voltage .top-bar>div:first-child>span{background:#f4f2f5!important;color:#49424e!important;border:1px solid #ded9e2;border-radius:4px!important}
body.pink-voltage .top-bar .role-btn{background:#fff!important;color:#24212b!important;border:1px solid #d9d5dd!important;border-radius:5px;font-weight:700}
body.pink-voltage .top-bar .role-btn:hover{background:#f3f0f5!important;border-color:#aaa0b1!important}
body.pink-voltage .top-bar .role-btn.active{background:#f2e8ef!important;color:#6e174d!important;border-color:#d3b5c8!important;box-shadow:inset 0 -2px 0 #a02e76}
body.pink-voltage .top-bar .role-btn:focus-visible{outline:2px solid #83245f;outline-offset:3px}