/* RV_VIDEO_ACCOUNT_STUDIO_REBUILD_V38_20260527 */
:root{
  --rvv38-bg:#00050b;
  --rvv38-panel:rgba(255,255,255,.075);
  --rvv38-panel2:rgba(255,255,255,.045);
  --rvv38-line:rgba(255,255,255,.13);
  --rvv38-muted:rgba(255,255,255,.68);
  --rvv38-soft:rgba(255,255,255,.09);
  --rvv38-red:#e5092f;
  --rvv38-red2:#ff3b5c;
  --rvv38-green:#38f29d;
  --rvv38-blue:#2f7cff;
}

.rvv38-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 84% 4%,rgba(229,9,47,.24),transparent 34%),
    radial-gradient(circle at 8% 18%,rgba(47,124,255,.14),transparent 28%),
    linear-gradient(180deg,#00050b 0%,#030711 48%,#00050b 100%);
  color:#fff;
  padding:116px clamp(16px,4vw,72px) 90px;
}

.rvv38-wrap{max-width:1760px;margin:0 auto}
.rvv38-hero{
  position:relative;
  overflow:hidden;
  border:1px solid var(--rvv38-line);
  border-radius:30px;
  background:
    linear-gradient(90deg,rgba(0,5,11,.98),rgba(0,5,11,.82),rgba(229,9,47,.18)),
    radial-gradient(circle at 84% 12%,rgba(255,255,255,.14),transparent 34%);
  box-shadow:0 36px 100px rgba(0,0,0,.46);
  padding:clamp(24px,3.6vw,52px);
}

.rvv38-hero::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-130px;
  bottom:-180px;
  border-radius:50%;
  background:rgba(229,9,47,.20);
  filter:blur(18px);
}

.rvv38-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:end;
}

.rvv38-kicker{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(229,9,47,.42);
  background:rgba(229,9,47,.18);
  color:#ffd2d9;
  font-size:.74rem;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.rvv38-title{
  margin:16px 0 0;
  color:#fff;
  font-size:clamp(2.8rem,6.2vw,6.8rem);
  line-height:.88;
  letter-spacing:-.09em;
  font-weight:950;
  text-shadow:0 24px 72px rgba(0,0,0,.46);
}

.rvv38-copy{
  max-width:920px;
  margin:18px 0 0;
  color:var(--rvv38-muted);
  font-size:clamp(.98rem,1.25vw,1.15rem);
  line-height:1.62;
  font-weight:760;
}

.rvv38-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.rvv38-btn{
  min-height:46px;
  padding:0 16px;
  border-radius:10px;
  border:1px solid var(--rvv38-line);
  background:rgba(255,255,255,.10);
  color:#fff!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none!important;
  font-size:.88rem;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}

.rvv38-btn.primary{background:#fff;border-color:#fff;color:#050910!important}
.rvv38-btn.red{background:var(--rvv38-red);border-color:var(--rvv38-red);color:#fff!important}
.rvv38-btn.danger{background:rgba(229,9,47,.15);border-color:rgba(229,9,47,.36);color:#ffd2d9!important}

.rvv38-tabs{
  margin:18px 0 30px;
  display:flex;
  gap:10px;
  overflow-x:auto;
  scrollbar-width:none;
}

.rvv38-tabs::-webkit-scrollbar{display:none}

.rvv38-tabs a{
  min-height:40px;
  padding:0 15px;
  border-radius:999px;
  border:1px solid var(--rvv38-line);
  background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.76)!important;
  display:inline-flex;
  align-items:center;
  text-decoration:none!important;
  font-size:.78rem;
  font-weight:950;
  white-space:nowrap;
}

.rvv38-tabs a.active,
.rvv38-tabs a:hover{background:#fff;border-color:#fff;color:#050910!important}

.rvv38-grid{display:grid;gap:18px}
.rvv38-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rvv38-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rvv38-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.rvv38-grid.auto{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.rvv38-grid.auto-wide{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}

.rvv38-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--rvv38-line);
  border-radius:22px;
  background:linear-gradient(180deg,var(--rvv38-panel),var(--rvv38-panel2));
  color:#fff;
  box-shadow:0 24px 72px rgba(0,0,0,.30);
}

.rvv38-card.pad{padding:22px}
.rvv38-card h2,.rvv38-card h3{color:#fff;margin:0}
.rvv38-card p{color:var(--rvv38-muted)}

.rvv38-stat{
  border:1px solid var(--rvv38-line);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  padding:18px;
}

.rvv38-stat span{
  display:block;
  color:rgba(255,255,255,.56);
  font-size:.73rem;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.rvv38-stat strong{
  display:block;
  margin-top:9px;
  color:#fff;
  font-size:clamp(1.7rem,3vw,2.6rem);
  line-height:1;
  letter-spacing:-.05em;
  font-weight:950;
}

.rvv38-stat em{
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.56);
  font-style:normal;
  font-size:.84rem;
  font-weight:750;
}

.rvv38-section{margin-top:34px}
.rvv38-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}

.rvv38-section-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.75rem,2.6vw,3rem);
  line-height:1;
  letter-spacing:-.06em;
  font-weight:950;
}

.rvv38-section-head p{
  margin:8px 0 0;
  color:rgba(255,255,255,.62);
  font-weight:760;
}

.rvv38-tile{
  display:block;
  overflow:hidden;
  color:#fff!important;
  text-decoration:none!important;
  border:1px solid var(--rvv38-line);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}

.rvv38-tile:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.28);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055))}
.rvv38-art{position:relative;aspect-ratio:16/9;background:#101722;overflow:hidden}
.rvv38-art img{width:100%;height:100%;object-fit:cover;display:block}
.rvv38-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72))}
.rvv38-badge{
  position:absolute;
  z-index:2;
  top:12px;
  left:12px;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(0,0,0,.58);
  color:#fff;
  display:inline-flex;
  align-items:center;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.rvv38-tile-body{padding:16px}
.rvv38-tile-body h3{margin:0;color:#fff;font-size:1.08rem;line-height:1.14;font-weight:950}
.rvv38-meta{margin-top:7px;color:rgba(255,255,255,.56);font-size:.82rem;font-weight:850}
.rvv38-desc{margin:10px 0 0;color:rgba(255,255,255,.66);font-size:.88rem;line-height:1.38;font-weight:720;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.rvv38-empty{
  border:1px dashed rgba(255,255,255,.18);
  border-radius:20px;
  background:rgba(255,255,255,.045);
  padding:26px;
  color:rgba(255,255,255,.76);
  font-weight:850;
  line-height:1.55;
}

/* Forms */
.rvv38-form{display:grid;gap:16px}
.rvv38-field{display:grid;gap:7px}
.rvv38-field span{color:rgba(255,255,255,.70);font-size:.82rem;font-weight:900}
.rvv38-field input,.rvv38-field select,.rvv38-field textarea{
  width:100%;
  min-height:46px;
  border-radius:12px;
  border:1px solid var(--rvv38-line);
  background:rgba(0,0,0,.28);
  color:#fff;
  padding:0 13px;
  font-weight:850;
  outline:none;
}
.rvv38-field textarea{padding:13px;min-height:110px}
.rvv38-field input:focus,.rvv38-field select:focus,.rvv38-field textarea:focus{border-color:rgba(255,255,255,.38);box-shadow:0 0 0 4px rgba(229,9,47,.18)}
.rvv38-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}

/* Profiles */
.rvv38-profile-card{
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:270px;
}
.rvv38-avatar{
  width:98px;
  height:98px;
  border-radius:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--profile-color,var(--rvv38-red));
  color:#fff;
  font-size:2.65rem;
  font-weight:950;
  box-shadow:0 22px 52px rgba(0,0,0,.34);
}
.rvv38-profile-card.is-current{outline:3px solid rgba(56,242,157,.46)}
.rvv38-chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 9px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:rgba(255,255,255,.78);
  font-size:.7rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Scoped improvements for older studio subpages that still use existing view classes */
body.rvv38-studio{
  background:#00050b!important;
  color:#fff!important;
}

body.rvv38-studio .rv-surface,
body.rvv38-studio .rv-panel,
body.rvv38-studio .vcf-form-card,
body.rvv38-studio .vcf-sidebar-card,
body.rvv38-studio .vcedit-form-card,
body.rvv38-studio .vprog-card,
body.rvv38-studio .vta-card{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.04))!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:0 24px 72px rgba(0,0,0,.30)!important;
}

body.rvv38-studio .rv-section-title,
body.rvv38-studio .rv-studio-title,
body.rvv38-studio .vcf-title,
body.rvv38-studio .vcedit-title,
body.rvv38-studio .vprog-title,
body.rvv38-studio .vta-title,
body.rvv38-studio .vtf-title,
body.rvv38-studio [class*="text-slate-950"],
body.rvv38-studio [class*="text-slate-900"],
body.rvv38-studio [class*="text-slate-800"]{color:#fff!important}

body.rvv38-studio [class*="text-slate-700"],
body.rvv38-studio [class*="text-slate-600"],
body.rvv38-studio [class*="text-slate-500"],
body.rvv38-studio .rv-studio-copy,
body.rvv38-studio .vcf-copy,
body.rvv38-studio .vcedit-copy,
body.rvv38-studio .vprog-copy,
body.rvv38-studio .vta-copy,
body.rvv38-studio .vtf-copy{color:rgba(255,255,255,.68)!important}

body.rvv38-studio input,
body.rvv38-studio select,
body.rvv38-studio textarea{
  background:rgba(0,0,0,.28)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#fff!important;
}

body.rvv38-studio table,
body.rvv38-studio thead,
body.rvv38-studio tbody,
body.rvv38-studio tr,
body.rvv38-studio td,
body.rvv38-studio th{
  background:transparent!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.10)!important;
}

body.rvv38-studio .rv-action-link,
body.rvv38-studio .rv-primary-link,
body.rvv38-studio .rv-join,
body.rvv38-studio .rv-tool{
  background:#fff!important;
  border-color:#fff!important;
  color:#050910!important;
}

/* Studio dashboard */
.rvstudio38{min-height:100vh;background:#00050b;color:#fff;padding:116px clamp(16px,4vw,72px) 90px}
.rvstudio38-wrap{max-width:1760px;margin:0 auto}
.rvstudio38-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 410px;
  gap:22px;
  align-items:stretch;
}
.rvstudio38-command{
  border:1px solid var(--rvv38-line);
  border-radius:30px;
  background:
    linear-gradient(90deg,rgba(0,5,11,.98),rgba(0,5,11,.82),rgba(229,9,47,.16)),
    radial-gradient(circle at 82% 14%,rgba(255,255,255,.14),transparent 34%);
  box-shadow:0 36px 100px rgba(0,0,0,.46);
  padding:clamp(24px,3.2vw,46px);
}
.rvstudio38-side{display:grid;gap:14px}
.rvstudio38-side-card{border:1px solid var(--rvv38-line);border-radius:24px;background:linear-gradient(180deg,var(--rvv38-panel),var(--rvv38-panel2));padding:20px}
.rvstudio38-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.rvstudio38-title-list{display:grid;gap:12px}
.rvstudio38-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--rvv38-line);border-radius:16px;background:rgba(255,255,255,.055);padding:14px}
.rvstudio38-title-row h3{margin:0;color:#fff;font-size:1rem}
.rvstudio38-title-row p{margin:5px 0 0;color:rgba(255,255,255,.56);font-size:.82rem;font-weight:760}
.rvstudio38-title-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

@media(max-width:1180px){
  .rvv38-hero-grid,
  .rvstudio38-hero{grid-template-columns:1fr}
  .rvv38-actions{justify-content:flex-start}
  .rvv38-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rvv38-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .rvv38-page,.rvstudio38{padding-top:96px}
  .rvv38-row,.rvv38-grid.cols-2,.rvv38-grid.cols-3,.rvv38-grid.cols-4{grid-template-columns:1fr}
  .rvv38-section-head{display:block}
  .rvv38-actions,.rvstudio38-actions,.rvstudio38-title-actions{display:grid;grid-template-columns:1fr}
  .rvv38-btn{width:100%}
}