/*
 * VELVET ROOM — CHANNEL OWNER CONTROLS + SETTINGS POLISH V1
 *
 * Owner Channel:
 * - private persona moon row at top
 * - flat owner management strip before composer/posts
 *
 * Settings:
 * - product settings, not a navigation dashboard
 * - flat grouped rows with separators
 * - minimal card containment
 */

:root{
  --vr-polish-accent:var(--vr-shell-accent,#c667ff);
  --vr-polish-accent-rgb:var(--vr-shell-accent-rgb,198,103,255);
  --vr-polish-line:rgba(255,255,255,.10);
  --vr-polish-muted:rgba(255,255,255,.58);
}

/* ============================================================
   OWNER CHANNEL — PRIVATE MODE SWITCHER
   ============================================================ */

#vrOwnerPersonaRow{
  width:100%;
  min-height:58px;
  padding:0 18px;
  display:flex;
  align-items:center;
  gap:2px;
  overflow-x:auto;
  scrollbar-width:none;
  border-bottom:1px solid var(--vr-polish-line);
  background:#050507;
}

#vrOwnerPersonaRow::-webkit-scrollbar{display:none}

#vrOwnerPersonaRow .vrOwnerPersonaLabel{
  flex:0 0 auto;
  margin-right:8px;
  color:rgba(255,255,255,.38);
  font-size:9px;
  font-weight:850;
  letter-spacing:.15em;
  text-transform:uppercase;
}

#vrOwnerPersonaRow button{
  appearance:none;
  position:relative;
  flex:1 0 92px;
  min-width:92px;
  height:58px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:rgba(255,255,255,.58);
  font:800 12px/1 system-ui,-apple-system,sans-serif;
  cursor:pointer;
}

#vrOwnerPersonaRow button .vrPersonaMoon{
  width:21px;
  height:21px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:17px;
  filter:saturate(.88);
}

#vrOwnerPersonaRow button.is-active{
  color:#fff;
  border-bottom-color:var(--vr-polish-accent);
}

#vrOwnerPersonaRow button.is-active .vrPersonaMoon{
  filter:none;
  box-shadow:0 0 16px rgba(var(--vr-polish-accent-rgb),.38);
}

/* ============================================================
   OWNER CHANNEL — MANAGEMENT BAR
   ============================================================ */

#vrChannelOwnerManagement{
  width:100%;
  padding:14px 18px 13px;
  border-bottom:1px solid var(--vr-polish-line);
  background:#050507;
}

#vrChannelOwnerManagement .vrOwnerManageTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
}

#vrChannelOwnerManagement .vrOwnerManageTitle{
  color:#fff;
  font-size:14px;
  font-weight:900;
  letter-spacing:-.01em;
}

#vrChannelOwnerManagement .vrOwnerManageHint{
  color:var(--vr-polish-muted);
  font-size:10px;
  white-space:nowrap;
}

#vrChannelOwnerManagement .vrOwnerManageActions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--vr-polish-line);
  border-bottom:1px solid var(--vr-polish-line);
}

#vrChannelOwnerManagement .vrOwnerManageAction{
  min-width:0;
  min-height:66px;
  padding:9px 6px;
  border:0;
  border-right:1px solid var(--vr-polish-line);
  background:transparent;
  color:#fff;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-family:system-ui,-apple-system,sans-serif;
  text-align:center;
  cursor:pointer;
}

#vrChannelOwnerManagement .vrOwnerManageAction:last-child{
  border-right:0;
}

#vrChannelOwnerManagement .vrOwnerManageIcon{
  color:var(--vr-polish-accent);
  font-size:20px;
  line-height:1;
}

#vrChannelOwnerManagement .vrOwnerManageText{
  font-size:10px;
  font-weight:850;
  line-height:1.18;
}

#vrChannelOwnerManagement .vrOwnerManageAction:active{
  background:rgba(var(--vr-polish-accent-rgb),.08);
}

/* ============================================================
   SETTINGS — PROFESSIONAL PRODUCT SETTINGS
   ============================================================ */

body[data-vr-settings-polish="v1"]{
  background:
    radial-gradient(80% 28% at 50% -5%,rgba(var(--vr-polish-accent-rgb),.12),transparent 72%),
    #050507 !important;
}

body[data-vr-settings-polish="v1"] main{
  width:min(100%,760px);
  margin:0 auto;
  padding:22px 18px 120px !important;
  background:transparent !important;
}

body[data-vr-settings-polish="v1"] h1{
  margin:0 !important;
  color:#fff !important;
  font-size:28px !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
}

body[data-vr-settings-polish="v1"] [data-vr-settings-subtitle="1"]{
  margin:7px 0 28px !important;
  color:var(--vr-polish-muted) !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

body[data-vr-settings-polish="v1"] [data-vr-settings-group-title="1"]{
  margin:24px 0 7px !important;
  padding:0 2px 8px !important;
  border-bottom:1px solid var(--vr-polish-line) !important;
  color:rgba(255,255,255,.44) !important;
  font-size:10px !important;
  font-weight:850 !important;
  letter-spacing:.17em !important;
  text-transform:uppercase !important;
}

body[data-vr-settings-polish="v1"] [data-vr-settings-row="1"]{
  width:100% !important;
  min-height:72px !important;
  margin:0 !important;
  padding:11px 2px !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) 24px !important;
  align-items:center !important;
  gap:12px !important;
  border:0 !important;
  border-bottom:1px solid var(--vr-polish-line) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#fff !important;
  text-decoration:none !important;
}

body[data-vr-settings-polish="v1"] [data-vr-settings-row="1"] > *{
  min-width:0;
}

body[data-vr-settings-polish="v1"] [data-vr-settings-icon="1"]{
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:10px !important;
  background:rgba(var(--vr-polish-accent-rgb),.08) !important;
  color:var(--vr-polish-accent) !important;
  font-size:17px !important;
}

body[data-vr-settings-polish="v1"] [data-vr-settings-label="1"]{
  color:#fff !important;
  font-size:14px !important;
  font-weight:850 !important;
  line-height:1.18 !important;
}

body[data-vr-settings-polish="v1"] [data-vr-settings-desc="1"]{
  margin-top:4px !important;
  color:var(--vr-polish-muted) !important;
  font-size:11px !important;
  line-height:1.38 !important;
}

body[data-vr-settings-polish="v1"] [data-vr-settings-chevron="1"]{
  color:rgba(255,255,255,.28);
  font-size:18px;
  text-align:right;
}

body[data-vr-settings-polish="v1"] [data-vr-settings-maintenance="1"]{
  margin:26px 2px 0 !important;
  padding:13px 0 0 !important;
  border:0 !important;
  border-top:1px solid var(--vr-polish-line) !important;
  border-radius:0 !important;
  background:transparent !important;
  color:rgba(255,255,255,.38) !important;
  font-size:10px !important;
  line-height:1.45 !important;
}

/* old giant-card styling loses authority */
body[data-vr-settings-polish="v1"] main section,
body[data-vr-settings-polish="v1"] main .section,
body[data-vr-settings-polish="v1"] main .card,
body[data-vr-settings-polish="v1"] main .panel{
  box-shadow:none;
}

/* ============================================================
   PHONE TUNING
   ============================================================ */

@media(max-width:430px){
  #vrOwnerPersonaRow{
    padding-left:12px;
    padding-right:12px;
  }

  #vrOwnerPersonaRow .vrOwnerPersonaLabel{
    display:none;
  }

  #vrChannelOwnerManagement{
    padding-left:12px;
    padding-right:12px;
  }

  #vrChannelOwnerManagement .vrOwnerManageActions{
    grid-template-columns:repeat(4,minmax(72px,1fr));
  }

  #vrChannelOwnerManagement .vrOwnerManageHint{
    display:none;
  }

  body[data-vr-settings-polish="v1"] main{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}