:root{
  --rh-bg:#07090d;
  --rh-bg-2:#0d1017;

  --rh-panel:#11141c;
  --rh-panel-2:#171b24;

  --rh-text:#f4f7fb;
  --rh-muted:#9aa6bd;

  --rh-line:rgba(255,255,255,.08);
  --rh-line-soft:rgba(255,255,255,.05);

  --rh-red:#ff3b5c;
  --rh-red-2:#ff5b6e;

  --rh-red-glow:rgba(255,59,92,.18);

  --rh-green:#2ee68a;
  --rh-blue:#54d2ff;
  --rh-gold:#ffcf70;

  --rh-radius-xl:30px;
  --rh-radius-lg:22px;
  --rh-radius-md:16px;
  --rh-radius-sm:12px;

  --rh-shadow:
    0 24px 80px rgba(0,0,0,.42);

  --rh-sidebar-width:270px;
}

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

html,
body{
  width:100%;
  min-height:100%;
}

body{
  font-family:
    Inter,
    system-ui,
    sans-serif;

  background:
    radial-gradient(
      circle at top left,
      rgba(255,59,92,.08),
      transparent 24%
    ),

    radial-gradient(
      circle at top right,
      rgba(84,210,255,.05),
      transparent 22%
    ),

    linear-gradient(
      180deg,
      var(--rh-bg),
      var(--rh-bg-2)
    );

  color:var(--rh-text);

  overflow-x:hidden;
}

a{
  color:inherit;
  text-decoration:none;
}

button,
input,
textarea{
  font-family:inherit;
}

/*
========================================
LAYOUT
========================================
*/
.renova-app-shell{
  display:flex;
  min-height:100vh;
}

/*
========================================
SIDEBAR
========================================
*/
.renova-sidebar{
  width:var(--rh-sidebar-width);

  background:
    linear-gradient(
      180deg,
      rgba(17,20,28,.96),
      rgba(12,14,20,.98)
    );

  border-right:1px solid var(--rh-line);

  padding:24px 18px;

  position:sticky;
  top:0;

  height:100vh;

  display:flex;
  flex-direction:column;
  justify-content:space-between;

  backdrop-filter:blur(16px);
}

.renova-brand{
  display:flex;
  align-items:center;
  gap:12px;

  font-size:24px;
  font-weight:1000;

  letter-spacing:-1px;

  margin-bottom:26px;
}

.renova-brand span{
  color:var(--rh-red);
}

.renova-brand-mark{
  width:48px;
  height:48px;

  border-radius:18px;

  display:grid;
  place-items:center;

  background:
    linear-gradient(
      135deg,
      var(--rh-red),
      var(--rh-red-2)
    );

  box-shadow:
    0 0 30px var(--rh-red-glow);

  color:white;
  font-weight:1000;
}

/*
========================================
NAV
========================================
*/
.renova-nav{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.renova-nav a{
  min-height:54px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:0 16px;

  border-radius:16px;

  color:var(--rh-muted);

  font-weight:800;

  transition:.18s ease;

  border:1px solid transparent;
}

.renova-nav a:hover{
  background:rgba(255,255,255,.04);

  color:white;
}

.renova-nav a.active{
  background:
    linear-gradient(
      135deg,
      rgba(255,59,92,.18),
      rgba(255,59,92,.08)
    );

  color:white;

  border-color:
    rgba(255,59,92,.22);

  box-shadow:
    0 0 24px rgba(255,59,92,.10);
}

/*
========================================
SIDEBAR BOTTOM
========================================
*/
.renova-sidebar-bottom{
  display:grid;
  gap:14px;
}

.renova-premium-card{
  padding:16px;

  border-radius:20px;

  border:1px solid var(--rh-line);

  background:
    rgba(255,255,255,.03);
}

.renova-premium-card strong{
  display:block;

  margin-bottom:8px;

  font-size:15px;
}

.renova-premium-card span{
  color:var(--rh-muted);

  font-size:13px;

  line-height:1.5;
}

/*
========================================
MAIN
========================================
*/
.renova-main{
  flex:1;

  min-width:0;

  display:flex;
  flex-direction:column;
}

/*
========================================
TOPBAR
========================================
*/
.renova-topbar{
  min-height:86px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:18px;

  padding:18px 28px;

  border-bottom:1px solid var(--rh-line);

  background:
    rgba(10,12,17,.72);

  backdrop-filter:blur(14px);

  position:sticky;
  top:0;

  z-index:50;
}

.renova-search{
  width:100%;
  max-width:380px;

  height:48px;

  border:none;
  outline:none;

  border-radius:16px;

  padding:0 18px;

  color:white;

  background:
    rgba(255,255,255,.05);

  border:1px solid var(--rh-line);
}

.renova-search::placeholder{
  color:var(--rh-muted);
}

.renova-top-actions{
  display:flex;
  align-items:center;
  gap:14px;
}

/*
========================================
CONTENT
========================================
*/
.renova-content {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 28px;
}

/*
========================================
GLOBAL CARDS
========================================
*/
.renova-card{
  background:
    linear-gradient(
      180deg,
      rgba(20,24,34,.96),
      rgba(14,17,24,.98)
    );

  border:1px solid var(--rh-line);

  border-radius:var(--rh-radius-xl);

  box-shadow:var(--rh-shadow);
}

/*
========================================
BUTTONS
========================================
*/
.rh-btn{
  min-height:48px;

  padding:0 18px;

  border:none;

  border-radius:16px;

  font-weight:900;

  cursor:pointer;

  transition:.18s ease;
}

.rh-btn:hover{
  transform:translateY(-1px);
}

.rh-btn-primary{
  background:
    linear-gradient(
      135deg,
      var(--rh-red),
      var(--rh-red-2)
    );

  color:white;

  box-shadow:
    0 0 24px var(--rh-red-glow);
}

.rh-btn-secondary{
  background:
    rgba(255,255,255,.05);

  border:1px solid var(--rh-line);

  color:var(--rh-text);
}

/*
========================================
INPUTS
========================================
*/
.rh-input,
.rh-textarea{
  width:100%;

  border:none;
  outline:none;

  border-radius:16px;

  padding:14px 16px;

  background:
    rgba(255,255,255,.04);

  border:1px solid var(--rh-line);

  color:var(--rh-text);
}

.rh-textarea{
  resize:vertical;
  min-height:120px;
}

/*
========================================
CHIPS
========================================
*/
.rh-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;

  padding:10px 14px;

  border-radius:999px;

  background:
    rgba(255,255,255,.05);

  border:1px solid var(--rh-line);

  font-size:13px;
  font-weight:800;
}

/*
========================================
PROFILE
========================================
*/
.renova-profile{
  position:relative;
}

.renova-profile-btn{
  border:none;

  display:flex;
  align-items:center;
  gap:12px;

  background:
    rgba(255,255,255,.04);

  border:1px solid var(--rh-line);

  padding:8px 12px;

  border-radius:18px;

  color:white;

  cursor:pointer;
}

.renova-avatar{
  width:42px;
  height:42px;

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      var(--rh-red),
      var(--rh-red-2)
    );

  display:grid;
  place-items:center;

  font-weight:1000;
}

/*
========================================
DROPDOWN
========================================
*/
.renova-dropdown{
  position:absolute;

  top:calc(100% + 12px);
  right:0;

  width:220px;

  background:
    rgba(17,20,28,.98);

  border:1px solid var(--rh-line);

  border-radius:22px;

  padding:10px;

  display:none;

  box-shadow:
    0 24px 60px rgba(0,0,0,.45);

  z-index:200;
}

.renova-dropdown.show{
  display:grid;
}

.renova-dropdown a,
.renova-dropdown button{
  min-height:46px;

  border:none;

  background:transparent;

  color:white;

  display:flex;
  align-items:center;

  padding:0 14px;

  border-radius:14px;

  cursor:pointer;

  font-weight:700;
}

.renova-dropdown a:hover,
.renova-dropdown button:hover{
  background:
    rgba(255,255,255,.05);
}

/*
========================================
NOTIFICATIONS
========================================
*/
.renova-notifications{
  position:relative;
}

.renova-icon-btn{
  width:48px;
  height:48px;

  border:none;

  border-radius:16px;

  background:
    rgba(255,255,255,.05);

  border:1px solid var(--rh-line);

  color:white;

  cursor:pointer;

  position:relative;

  font-size:18px;
}

.renova-notification-dot{
  width:10px;
  height:10px;

  border-radius:50%;

  background:var(--rh-red);

  position:absolute;

  top:10px;
  right:10px;
}

.renova-notification-dot.hidden{
  display:none;
}

.renova-notifications-dropdown{
  position:absolute;

  top:calc(100% + 12px);
  right:0;

  width:360px;

  background:
    rgba(17,20,28,.98);

  border:1px solid var(--rh-line);

  border-radius:24px;

  display:none;

  overflow:hidden;

  box-shadow:
    0 24px 60px rgba(0,0,0,.42);

  z-index:300;
}

.renova-notifications-dropdown.show{
  display:block;
}

.renova-notifications-head{
  padding:18px;

  border-bottom:1px solid var(--rh-line);

  display:flex;
  justify-content:space-between;

  font-size:13px;
}

.renova-notifications-list{
  max-height:420px;
  overflow:auto;
}

.renova-notification-item{
  display:flex;
  gap:14px;

  padding:16px 18px;

  border-bottom:1px solid var(--rh-line-soft);
}

.renova-notification-item strong{
  display:block;

  margin-bottom:4px;
}

.renova-notification-item p{
  color:var(--rh-muted);

  font-size:13px;

  line-height:1.5;
}

.renova-notification-icon{
  width:42px;
  height:42px;

  border-radius:14px;

  background:
    rgba(255,255,255,.05);

  display:grid;
  place-items:center;

  flex-shrink:0;
}

/*
========================================
BADGES
========================================
*/
.renova-notification-badge{
  min-width:22px;
  height:22px;

  padding:0 7px;

  border-radius:999px;

  background:var(--rh-red);

  color:white;

  display:grid;
  place-items:center;

  font-size:11px;
  font-weight:1000;
}

.hidden{
  display:none !important;
}

/*
========================================
SCROLLBAR
========================================
*/
::-webkit-scrollbar{
  width:10px;
}

::-webkit-scrollbar-track{
  background:transparent;
}

::-webkit-scrollbar-thumb{
  background:
    rgba(255,255,255,.12);

  border-radius:999px;
}

::-webkit-scrollbar-thumb:hover{
  background:
    rgba(255,255,255,.22);
}

/*
========================================
RESPONSIVE
========================================
*/
@media(max-width:1100px){

  .renova-sidebar{
    width:90px;
  }

  .renova-brand span,
  .renova-nav a span,
  .renova-premium-card{
    display:none;
  }

}

@media(max-width:820px){

  .renova-app-shell{
    flex-direction:column;
  }

  .renova-sidebar{
    width:100%;
    height:auto;
    position:relative;
  }

  .renova-topbar{
    padding:18px;
  }

  .renova-content{
    padding:18px;
  }

  .renova-search{
    display:none;
  }

}

/*
========================================
LIGHT THEME SUPPORT
========================================
*/
html[data-theme="light"]{
  --rh-bg:#f4f7fb;
  --rh-bg-2:#ffffff;

  --rh-panel:#ffffff;
  --rh-panel-2:#f8fafc;

  --rh-text:#111827;
  --rh-muted:#667085;

  --rh-line:rgba(15,23,42,.10);
  --rh-line-soft:rgba(15,23,42,.06);

  --rh-red:#ff3b5c;
  --rh-red-2:#ff6b76;

  --rh-red-glow:rgba(255,59,92,.14);

  --rh-green:#10b981;
  --rh-blue:#0284c7;
  --rh-gold:#b7791f;

  --rh-shadow:
    0 20px 60px rgba(15,23,42,.10);
}

html[data-theme="light"] body{
  background:
    radial-gradient(
      circle at top left,
      rgba(255,59,92,.08),
      transparent 24%
    ),
    radial-gradient(
      circle at top right,
      rgba(2,132,199,.07),
      transparent 22%
    ),
    linear-gradient(
      180deg,
      var(--rh-bg),
      var(--rh-bg-2)
    );
}

html[data-theme="light"] .renova-sidebar{
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.94),
      rgba(248,250,252,.98)
    );
}

html[data-theme="light"] .renova-topbar{
  background:
    rgba(255,255,255,.78);
}

html[data-theme="light"] .renova-nav a:hover{
  background:
    rgba(15,23,42,.04);

  color:var(--rh-text);
}

html[data-theme="light"] .renova-nav a.active{
  color:var(--rh-red);
}

html[data-theme="light"] .renova-search,
html[data-theme="light"] .rh-input,
html[data-theme="light"] .rh-textarea,
html[data-theme="light"] .renova-profile-btn,
html[data-theme="light"] .renova-icon-btn,
html[data-theme="light"] .renova-premium-card,
html[data-theme="light"] .rh-chip{
  background:
    rgba(15,23,42,.04);

  color:var(--rh-text);
}

html[data-theme="light"] .renova-dropdown,
html[data-theme="light"] .renova-notifications-dropdown{
  background:
    rgba(255,255,255,.98);

  color:var(--rh-text);
}

html[data-theme="light"] .renova-dropdown a,
html[data-theme="light"] .renova-dropdown button{
  color:var(--rh-text);
}

html[data-theme="light"] .renova-dropdown a:hover,
html[data-theme="light"] .renova-dropdown button:hover{
  background:
    rgba(15,23,42,.05);
}

/*
========================================
LAYOUT UX POLISH
========================================
*/
.renova-brand{
  user-select:none;
}

.renova-brand:hover .renova-brand-mark{
  transform:
    translateY(-1px)
    scale(1.03);

  box-shadow:
    0 0 34px var(--rh-red-glow);
}

.renova-brand-mark{
  transition:
    transform .18s ease,
    box-shadow .18s ease;
}

.renova-nav a{
  position:relative;
}

.renova-nav a.active::before{
  content:"";

  position:absolute;

  left:8px;
  top:50%;

  width:4px;
  height:24px;

  border-radius:999px;

  background:
    linear-gradient(
      180deg,
      var(--rh-red),
      var(--rh-red-2)
    );

  transform:
    translateY(-50%);
}

.renova-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  min-height:44px;

  padding:0 14px;

  border-radius:999px;

  background:
    rgba(255,255,255,.05);

  border:
    1px solid
    var(--rh-line);

  color:var(--rh-text);

  font-size:13px;
  font-weight:900;

  white-space:nowrap;
}

html[data-theme="light"] .renova-chip{
  background:
    rgba(15,23,42,.04);
}

.renova-chip.premium{
  color:var(--rh-gold);

  border-color:
    rgba(255,207,112,.25);

  background:
    rgba(255,207,112,.09);

  box-shadow:
    0 0 18px
    rgba(255,207,112,.10);
}

.renova-profile-btn:hover,
.renova-icon-btn:hover,
.renova-chip:hover{
  transform:
    translateY(-1px);

  border-color:
    rgba(255,255,255,.16);
}

html[data-theme="light"] .renova-profile-btn:hover,
html[data-theme="light"] .renova-icon-btn:hover,
html[data-theme="light"] .renova-chip:hover{
  border-color:
    rgba(15,23,42,.16);
}

.renova-profile-btn,
.renova-icon-btn,
.renova-chip{
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.renova-avatar img{
  width:100%;
  height:100%;

  border-radius:inherit;

  object-fit:cover;

  display:block;
}

.renova-avatar.plus{
  box-shadow:
    0 0 18px rgba(84,210,255,.28);

  outline:
    2px solid
    rgba(84,210,255,.35);
}

.renova-avatar.founder{
  box-shadow:
    0 0 20px rgba(255,207,112,.32);

  outline:
    2px solid
    rgba(255,207,112,.40);
}

.renova-premium-card{
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease;
}

.renova-premium-card:hover{
  transform:translateY(-2px);

  border-color:
    rgba(255,255,255,.16);

  background:
    rgba(255,255,255,.05);
}

html[data-theme="light"] .renova-premium-card:hover{
  border-color:
    rgba(15,23,42,.14);

  background:
    rgba(15,23,42,.04);
}

/*
========================================
PREMIUM NAME / BADGES GLOBAL
========================================
*/
.rh-premium-name{
  display:inline-flex;
  align-items:center;
  gap:6px;

  font-weight:950;
}

.rh-premium-name.plus{
  color:#54d2ff;

  text-shadow:
    0 0 8px rgba(84,210,255,.55),
    0 0 18px rgba(84,210,255,.22);
}

.rh-premium-name.founder{
  color:#ffcf70;

  text-shadow:
    0 0 9px rgba(255,207,112,.65),
    0 0 22px rgba(255,207,112,.28);
}

.rh-premium-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:22px;

  padding:0 8px;

  border-radius:999px;

  font-size:10px;
  font-weight:1000;

  text-transform:uppercase;
}

.rh-premium-badge.plus{
  color:#001018;

  background:
    linear-gradient(
      135deg,
      #7be7ff,
      #168cff
    );
}

.rh-premium-badge.founder{
  color:#201506;

  background:
    linear-gradient(
      135deg,
      #ffe19d,
      #ffcf70
    );
}

/*
========================================
BETTER MOBILE UX
========================================
*/
@media(max-width:820px){

  .renova-sidebar{
    padding:14px;

    border-right:none;
    border-bottom:
      1px solid
      var(--rh-line);
  }

  .renova-sidebar-bottom{
    display:none;
  }

  .renova-brand{
    margin-bottom:14px;
  }

  .renova-nav{
    display:flex;
    flex-direction:row;

    overflow-x:auto;

    padding-bottom:4px;
  }

  .renova-nav a{
    flex:0 0 auto;

    min-height:46px;

    padding:0 14px;

    white-space:nowrap;
  }

  .renova-nav a.active::before{
    display:none;
  }

  .renova-topbar{
    align-items:flex-start;
    flex-direction:column;

    gap:12px;
  }

  .renova-top-actions{
    width:100%;
    justify-content:space-between;
  }

  .renova-notifications-dropdown,
  .renova-dropdown{
    right:auto;
    left:0;

    width:min(360px, calc(100vw - 36px));
  }
}

@media(max-width:520px){

  .renova-content{
    padding:14px;
  }

  .renova-topbar{
    padding:14px;
  }

  .renova-top-actions{
    gap:8px;
  }

  .renova-chip{
    min-height:40px;

    padding:0 11px;

    font-size:12px;
  }

  .renova-profile-btn{
    padding:7px 9px;
  }

  .renova-profile-btn > div:last-child{
    display:none;
  }

  .renova-avatar{
    width:40px;
    height:40px;
  }
}

/*
========================================
RENOVAHUB — UX RESTORE / SOBER SIDEBAR PATCH
NO BORRAR EL CSS ANTERIOR
Este bloque solo pisa estilos puntuales del layout.
========================================
*/

:root{
  --rh-sidebar-width:270px;
}

/* Sidebar fijo, sobrio, siempre abierto */
.renova-sidebar{
  width:var(--rh-sidebar-width);
  min-width:var(--rh-sidebar-width);
}

.renova-brand{
  margin-bottom:34px;
}

.renova-brand-text{
  color:var(--rh-text);
  font-size:23px;
  font-weight:1000;
  letter-spacing:-.9px;
}

.renova-brand-text span{
  color:var(--rh-red);
}

/* Navegación más seria */
.renova-nav a{
  min-height:52px;
  padding:0 15px;
  border-radius:16px;
  font-size:14px;
}

.renova-nav-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.renova-nav-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  flex-shrink:0;
  font-size:18px;
  color:var(--rh-muted);
}

.renova-nav-label{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.renova-nav a:hover .renova-nav-icon,
.renova-nav a.active .renova-nav-icon{
  color:var(--rh-text);
}

.renova-nav a.active::before{
  left:0;
  height:26px;
}

/* Topbar más limpia */
.renova-topbar{
  min-height:76px;
  padding:16px 26px;
}

.renova-page-title strong{
  display:block;
  font-size:20px;
  line-height:1.1;
}

.renova-page-title span{
  display:block;
  margin-top:5px;
  color:var(--rh-muted);
  font-size:12px;
}

.renova-search{
  height:44px;
  max-width:360px;
}

.renova-top-actions{
  gap:10px;
}

.renova-chip{
  min-height:42px;
  padding:0 13px;
  font-size:13px;
}

/* Perfil más compacto */
.renova-profile-btn{
  min-height:48px;
  padding:6px 10px;
  border-radius:16px;
}

.renova-profile-meta{
  text-align:left;
  max-width:150px;
}

.renova-profile-meta > div{
  font-size:13px;
  font-weight:950;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.renova-profile-meta span{
  display:block;
  margin-top:2px;
  color:var(--rh-muted);
  font-size:11px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.renova-avatar{
  width:38px;
  height:38px;
  font-size:13px;
}

/* Contenido centrado sin correrse raro */
.renova-content{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  padding:26px;
}

.renova-content .dashboard-shell{
  width:100%;
  max-width:100%;
  margin:0;
}

/* Premium cards más sobrias */
.renova-premium-card.plus{
  border-color:rgba(84,210,255,.22);
  background:rgba(84,210,255,.07);
}

.renova-premium-card.founder{
  border-color:rgba(255,207,112,.24);
  background:rgba(255,207,112,.07);
}

/* Cancelamos el sidebar mini de 90px: no lo queremos */
@media(max-width:1100px){
  .renova-sidebar{
    width:var(--rh-sidebar-width);
    min-width:var(--rh-sidebar-width);
  }

  .renova-brand span,
  .renova-nav a span,
  .renova-premium-card{
    display:initial;
  }

  .renova-nav-left{
    display:flex;
  }

  .renova-sidebar-bottom{
    display:grid;
  }

  .renova-search{
    max-width:280px;
  }
}

/* Mobile conserva navegación horizontal */
@media(max-width:820px){
  .renova-sidebar{
    width:100%;
    min-width:0;
  }

  .renova-sidebar-bottom{
    display:none;
  }

  .renova-topbar{
    padding:14px;
  }

  .renova-content{
    padding:14px;
  }
}

@media(max-width:520px){
  .renova-profile-meta{
    display:none;
  }
}

@media (max-width: 1280px) {
  .renova-content {
    padding: 22px;
  }

  .renova-sidebar {
    width: 230px;
  }

  .renova-topbar {
    padding: 16px 22px;
  }
}

@media (max-width: 1050px) {
  .renova-sidebar {
    width: 86px;
  }

  .renova-brand {
    justify-content: center;
  }

  .renova-brand > span,
  .renova-brand > div:not(.renova-brand-mark),
  .renova-premium-card {
    display: none;
  }

  .renova-nav a {
    justify-content: center;
    padding: 0;
  }
}

/* =========================
SIDEBAR RENOVATAR
========================= */

.renova-sidebar-renovatar {
  padding: 16px;
  border-radius: 22px;
  border: 1px solid var(--rh-line);
  background:
    radial-gradient(circle at top left, rgba(255,59,92,.14), transparent 38%),
    rgba(255,255,255,.035);
  display: grid;
  gap: 12px;
  overflow: hidden;
}

.renova-mini-renovatar-face {
  width: 92px;
  height: 92px;
  margin: 0 auto;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 32%, #ffd6cf 0 16%, transparent 17%),
    radial-gradient(circle at 42% 42%, #111 0 2%, transparent 3%),
    radial-gradient(circle at 58% 42%, #111 0 2%, transparent 3%),
    linear-gradient(145deg, #0f121a 0 45%, #ffecf0 46% 60%, #111 61%);
  border: 3px solid var(--rh-red);
  box-shadow: 0 16px 30px var(--rh-red-glow);
  animation: renovatarSidebarFloat 3.4s ease-in-out infinite;
}

.renova-mini-renovatar-info {
  text-align: center;
}

.renova-mini-renovatar-info strong {
  display: block;
  font-size: 15px;
  font-weight: 1000;
  margin-bottom: 4px;
}

.renova-mini-renovatar-info span {
  color: var(--rh-muted);
  font-size: 12px;
  font-weight: 800;
}

.renova-mini-renovatar-progress {
  height: 8px;
  margin-top: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  overflow: hidden;
}

.renova-mini-renovatar-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(135deg, var(--rh-red), var(--rh-red-2));
  box-shadow: 0 0 18px var(--rh-red-glow);
}

.renova-mini-renovatar-link {
  min-height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--rh-line);
  font-size: 12px;
  font-weight: 900;
  color: var(--rh-text);
}

.renova-mini-renovatar-link:hover {
  background: rgba(255,59,92,.12);
  color: white;
}

@keyframes renovatarSidebarFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}

@media(max-width:1100px) {
  .renova-sidebar-renovatar {
    display: none;
  }
}

/* =========================
PUBLIC PROFILE — PREMIUM HERO
========================= */

.public-profile-page {
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
}

.public-profile-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 18px;
  align-items: stretch;
}

.public-profile-left,
.public-profile-center,
.public-profile-right,
.public-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--rh-line);
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(20,24,34,.94), rgba(12,14,20,.98));
  box-shadow: var(--rh-shadow);
}

.public-profile-left {
  grid-column: 1;
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 30px;
  padding: 34px;
  text-align: left;
  min-height: 390px;
}

.public-avatar-wrap {
  width: 190px;
  height: 190px;
}

.public-avatar,
.public-avatar-fallback {
  width: 190px;
  height: 190px;
  border-radius: 38px;
  object-fit: cover;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 35% 20%, rgba(255,255,255,.9), transparent 19%),
    linear-gradient(145deg, var(--rh-red), #10131c 66%);
  border: 3px solid rgba(255,59,92,.75);
  box-shadow:
    0 22px 54px rgba(255,59,92,.18),
    0 0 32px rgba(255,59,92,.14);
  font-size: 60px;
  font-weight: 1000;
}

.public-profile-left h1 {
  font-size: 36px;
  letter-spacing: -1.2px;
  margin: 14px 0 6px;
}

.public-profile-left p {
  color: var(--rh-muted);
  font-weight: 800;
}

.public-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 18px;
}

.public-profile-center {
  grid-column: 1;
  margin-top: -228px;
  margin-left: 290px;
  padding: 0 34px 34px;
  box-shadow: none;
  border: none;
  background: transparent;
  overflow: visible;
}

.public-kicker {
  color: var(--rh-red);
  font-size: 13px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 12px;
}

.public-profile-center h2 {
  font-size: 42px;
  line-height: 1;
  letter-spacing: -1.5px;
  margin-bottom: 18px;
  max-width: 620px;
}

.public-profile-center p {
  color: var(--rh-muted);
  line-height: 1.7;
  max-width: 680px;
}

.public-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 24px 0;
}

.public-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 12px;
}

.public-stats div {
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--rh-line);
  background: rgba(255,255,255,.035);
}

.public-stats strong {
  display: block;
  font-size: 26px;
  font-weight: 1000;
  margin-bottom: 4px;
}

.public-stats span {
  color: var(--rh-muted);
  font-size: 12px;
  font-weight: 800;
}

.public-profile-right {
  grid-column: 2;
  grid-row: 1 / span 2;
  padding: 24px;
}

.public-renovatar-card {
  height: 100%;
  min-height: 390px;
  border-radius: 28px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 18px;
  position: relative;
  overflow: hidden;
}

.public-renovatar-glow {
  position: absolute;
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,59,92,.28), transparent 68%);
  filter: blur(2px);
}

.public-renovatar-placeholder {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  z-index: 1;
  background:
    radial-gradient(circle at 50% 32%, #ffd6cf 0 16%, transparent 17%),
    radial-gradient(circle at 42% 42%, #111 0 2%, transparent 3%),
    radial-gradient(circle at 58% 42%, #111 0 2%, transparent 3%),
    linear-gradient(145deg, #0f121a 0 45%, #ffecf0 46% 60%, #111 61%);
  border: 4px solid var(--rh-red);
  box-shadow: 0 24px 60px var(--rh-red-glow);
  animation: publicRenovatarFloat 3.5s ease-in-out infinite;
  font-size: 64px;
  font-weight: 1000;
}

.public-renovatar-info {
  width: 100%;
  position: relative;
  z-index: 1;
  text-align: center;
}

.public-renovatar-info strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.public-renovatar-info span {
  color: var(--rh-muted);
  font-weight: 800;
}

.public-renovatar-progress {
  height: 9px;
  width: 78%;
  margin: 14px auto 0;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  overflow: hidden;
}

.public-renovatar-progress i {
  display: block;
  height: 100%;
  width: 0%;
  background: linear-gradient(135deg, var(--rh-red), var(--rh-red-2));
  border-radius: inherit;
}

.public-profile-grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1.1fr .9fr .9fr;
  gap: 18px;
}

.public-card {
  padding: 24px;
}

.public-card h3 {
  font-size: 22px;
  margin-bottom: 14px;
}

.public-card p {
  color: var(--rh-muted);
  line-height: 1.65;
}

.public-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.public-chip {
  padding: 10px 13px;
  border-radius: 999px;
  border: 1px solid var(--rh-line);
  background: rgba(255,255,255,.05);
  color: var(--rh-text);
  font-size: 13px;
  font-weight: 850;
}

.public-badge {
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid var(--rh-line);
  background: rgba(255,255,255,.05);
  font-size: 12px;
  font-weight: 900;
}

.public-badge.founder {
  color: var(--rh-gold);
  border-color: rgba(255,207,112,.3);
  background: rgba(255,207,112,.1);
}

.public-badge.plus {
  color: var(--rh-blue);
  border-color: rgba(84,210,255,.3);
  background: rgba(84,210,255,.1);
}

.public-badge.verified {
  color: var(--rh-green);
  border-color: rgba(46,230,138,.25);
  background: rgba(46,230,138,.08);
}

@keyframes publicRenovatarFloat {
  0%, 100% {
    transform: translateY(0) rotate(-1deg);
  }

  50% {
    transform: translateY(-8px) rotate(1deg);
  }
}

@media(max-width: 1180px) {
  .public-profile-hero {
    grid-template-columns: 1fr;
  }

  .public-profile-right {
    grid-column: 1;
    grid-row: auto;
  }

  .public-profile-center {
    margin-top: -210px;
  }
}

@media(max-width: 820px) {
  .public-profile-left {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .public-avatar-wrap {
    margin: 0 auto;
  }

  .public-badges {
    justify-content: center;
  }

  .public-profile-center {
    margin: 0;
    padding: 28px;
    border: 1px solid var(--rh-line);
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(20,24,34,.94), rgba(12,14,20,.98));
    box-shadow: var(--rh-shadow);
  }

  .public-profile-grid,
  .public-stats {
    grid-template-columns: 1fr;
  }

  .public-profile-center h2 {
    font-size: 34px;
  }
}

.public-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 24px 0;
}

.public-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.public-stats div {
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--rh-line);
  background: rgba(255,255,255,.035);
}

.public-stats strong {
  display: block;
  font-size: 26px;
  font-weight: 1000;
  margin-bottom: 4px;
}

.public-stats span {
  color: var(--rh-muted);
  font-size: 12px;
  font-weight: 800;
}

.public-profile-right {
  padding: 24px;
}

.public-renovatar-card {
  height: 100%;
  min-height: 360px;
  border-radius: 28px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 18px;
  position: relative;
  overflow: hidden;
}

.public-renovatar-glow {
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,59,92,.28), transparent 68%);
  filter: blur(2px);
}

.public-renovatar-placeholder {
  width: 210px;
  height: 210px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  z-index: 1;
  background:
    radial-gradient(circle at 50% 32%, #ffd6cf 0 16%, transparent 17%),
    radial-gradient(circle at 42% 42%, #111 0 2%, transparent 3%),
    radial-gradient(circle at 58% 42%, #111 0 2%, transparent 3%),
    linear-gradient(145deg, #0f121a 0 45%, #ffecf0 46% 60%, #111 61%);
  border: 4px solid var(--rh-red);
  box-shadow: 0 24px 60px var(--rh-red-glow);
  animation: publicRenovatarFloat 3.5s ease-in-out infinite;
  font-size: 64px;
  font-weight: 1000;
}

.public-renovatar-info {
  width: 100%;
  position: relative;
  z-index: 1;
  text-align: center;
}

.public-renovatar-info strong {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.public-renovatar-info span {
  color: var(--rh-muted);
  font-weight: 800;
}

.public-renovatar-progress {
  height: 9px;
  width: 78%;
  margin: 14px auto 0;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  overflow: hidden;
}

.public-renovatar-progress i {
  display: block;
  height: 100%;
  width: 0%;
  background: linear-gradient(135deg, var(--rh-red), var(--rh-red-2));
  border-radius: inherit;
}

.public-profile-grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1.1fr .9fr .9fr;
  gap: 18px;
}

.public-card {
  padding: 24px;
}

.public-card h3 {
  font-size: 22px;
  margin-bottom: 14px;
}

.public-card p {
  color: var(--rh-muted);
  line-height: 1.65;
}

.public-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.public-chip {
  padding: 10px 13px;
  border-radius: 999px;
  border: 1px solid var(--rh-line);
  background: rgba(255,255,255,.05);
  color: var(--rh-text);
  font-size: 13px;
  font-weight: 850;
}

@keyframes publicRenovatarFloat {
  0%, 100% {
    transform: translateY(0) rotate(-1deg);
  }

  50% {
    transform: translateY(-8px) rotate(1deg);
  }
}

@media(max-width: 1200px) {
  .public-profile-hero {
    grid-template-columns: 260px 1fr;
  }

  .public-profile-right {
    grid-column: 1 / -1;
  }
}

@media(max-width: 820px) {
  .public-profile-hero,
  .public-profile-grid {
    grid-template-columns: 1fr;
  }

  .public-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .public-profile-center h2 {
    font-size: 34px;
  }
}

.rcoin-icon{
  width:18px;
  height:18px;
  object-fit:contain;
}

/* =========================
FIX PUBLIC PROFILE LAYOUT
========================= */

.public-profile-page{
  width:100%;
  max-width:1180px;
  margin:0 auto;
}

.public-profile-hero{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 330px !important;
  gap:18px !important;
  align-items:stretch !important;
}

.public-profile-left{
  grid-column:auto !important;
  min-height:420px;
  display:grid !important;
  grid-template-columns:220px minmax(0, 1fr) !important;
  gap:30px !important;
  padding:32px !important;
  text-align:left !important;
}

.public-avatar-wrap{
  width:180px !important;
  height:180px !important;
  margin:0 !important;
}

.public-avatar,
.public-avatar-fallback{
  width:180px !important;
  height:180px !important;
  border-radius:34px !important;
}

.public-profile-center{
  grid-column:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  position:static !important;
}

.public-profile-center h2{
  font-size:42px !important;
  max-width:560px !important;
}

.public-stats{
  grid-template-columns:repeat(4, minmax(90px, 1fr)) !important;
  max-width:620px;
}

.public-profile-right{
  grid-column:auto !important;
  grid-row:auto !important;
  padding:24px !important;
}

.public-renovatar-card{
  min-height:420px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}

.public-renovatar-placeholder{
  display:none !important;
}

.public-renovatar-image{
  width:230px !important;
  height:230px !important;
  object-fit:contain !important;
  border-radius:50%;
  padding:8px;
  background:radial-gradient(circle, rgba(255,59,92,.12), transparent 68%);
  filter:drop-shadow(0 0 34px rgba(255,59,92,.32));
  animation:publicRenovatarFloat 3.5s ease-in-out infinite;
}

.public-renovatar-info{
  margin-top:18px;
}

.public-profile-grid{
  margin-top:18px !important;
  display:grid !important;
  grid-template-columns:1.1fr .9fr .9fr !important;
  gap:18px !important;
}

@media(max-width:1100px){
  .public-profile-hero{
    grid-template-columns:1fr !important;
  }

  .public-profile-left{
    grid-template-columns:200px 1fr !important;
  }

  .public-profile-right{
    grid-column:auto !important;
  }
}

@media(max-width:760px){
  .public-profile-left{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }

  .public-avatar-wrap{
    margin:0 auto !important;
  }

  .public-badges{
    justify-content:center !important;
  }

  .public-profile-grid,
  .public-stats{
    grid-template-columns:1fr !important;
  }
}

.renova-premium-action {
  width: 100%;
  min-height: 38px;
  margin-top: 12px;
  border: none;
  border-radius: 13px;
  background: linear-gradient(135deg, var(--rh-red), var(--rh-red-2));
  color: #fff;
  font-size: 12px;
  font-weight: 1000;
  cursor: pointer;
}

.renova-premium-action.founder {
  color: #211300;
  background: linear-gradient(135deg, #ffd76b, #d99a19);
}