/* Sipnelo luxury theme — Profile, Legal & Safety
   VISUAL ONLY. Reuses the confirmed navy + rose-gold palette.
   No auth, profile-save, legal, moderation, database or navigation logic. */

:root{
  --sip-navy:#0b1f33;
  --sip-navy-2:#132a44;
  --sip-navy-3:#1d3a58;
  --sip-rose:#b9796e;
  --sip-rose-2:#cf9a8d;
  --sip-rose-soft:#f4e6e1;
  --sip-ink:#182433;
  --sip-muted:#6f7884;
}

/* PROFILE */
html body #v-profile>h2,
html body #v-profile h3,
html body #v-profile #sipLegalCentre h3{
  color:var(--sip-navy)!important;
}
html body #v-profile .brand-motto{
  color:var(--sip-navy)!important;
  background:linear-gradient(135deg,#fffaf8,#f6e7e2)!important;
  border-color:rgba(185,121,110,.46)!important;
  box-shadow:0 6px 18px rgba(11,31,51,.07)!important;
}
html body #v-profile .box,
html body #v-profile .card,
html body #v-profile #sipLegalCentre{
  background:rgba(255,255,255,.95)!important;
  border:1px solid rgba(185,121,110,.30)!important;
  box-shadow:0 10px 28px rgba(11,31,51,.08)!important;
}
html body #v-profile input,
html body #v-profile textarea,
html body #v-profile select{
  background:#fffdfb!important;
  color:var(--sip-ink)!important;
  border-color:rgba(185,121,110,.28)!important;
}
html body #v-profile input:focus,
html body #v-profile textarea:focus,
html body #v-profile select:focus{
  outline:none!important;
  border-color:var(--sip-rose)!important;
  box-shadow:0 0 0 3px rgba(185,121,110,.14)!important;
}
html body #v-profile button:not(.red):not(.green):not(.gray):not(.dark):not(.blue){
  background:linear-gradient(135deg,var(--sip-rose),var(--sip-rose-2))!important;
  color:#fff!important;
  border:1px solid rgba(185,121,110,.42)!important;
}
html body #v-profile button.blue,
html body #v-profile button.dark{
  background:linear-gradient(135deg,var(--sip-navy),var(--sip-navy-3))!important;
  color:#fff!important;
  border:1px solid rgba(207,154,141,.42)!important;
}
html body #v-profile button.gray{
  background:var(--sip-rose-soft)!important;
  color:var(--sip-navy)!important;
  border:1px solid rgba(185,121,110,.42)!important;
}
html body #v-profile .notice:not(.danger):not(.success),
html body #sipLegalCentre .notice:not(.danger):not(.success){
  background:#f8ece7!important;
  color:#775149!important;
  border-color:rgba(185,121,110,.38)!important;
}

/* LEGAL CENTRE + legal modals opened from Profile */
html body #sipLegalCentre .sip-legal-grid button.sip-legal-link{
  background:#fffdfb!important;
  color:var(--sip-navy)!important;
  border:1px solid rgba(185,121,110,.44)!important;
  box-shadow:0 4px 12px rgba(11,31,51,.05)!important;
}
html body #sipLegalCentre .sip-legal-grid button.sip-legal-link:active,
html body #sipLegalCentre .sip-legal-grid button.sip-legal-link:focus{
  background:var(--sip-rose-soft)!important;
  border-color:var(--sip-rose-2)!important;
}
html body #sipLegalModal>div,
html body .sip-legal-gate>div{
  background:#fffdfb!important;
  color:var(--sip-ink)!important;
  border:1px solid rgba(185,121,110,.36)!important;
  box-shadow:0 18px 54px rgba(11,31,51,.20)!important;
}
html body #sipLegalModal h2,
html body #sipLegalModal h3,
html body .sip-legal-gate h2,
html body .sip-legal-gate h3{
  color:var(--sip-navy)!important;
}
html body #sipLegalModal .sip-legal-link,
html body .sip-legal-gate .sip-legal-link{
  background:#fff!important;
  color:var(--sip-navy)!important;
  border-color:rgba(185,121,110,.42)!important;
}
html body #sipLegalModal button.gray,
html body .sip-legal-gate button.gray{
  background:var(--sip-rose-soft)!important;
  color:var(--sip-navy)!important;
  border:1px solid rgba(185,121,110,.42)!important;
}
html body #sipLegalCookieBanner{
  background:linear-gradient(135deg,var(--sip-navy),var(--sip-navy-2))!important;
  color:#fff!important;
  border:1px solid rgba(207,154,141,.48)!important;
  box-shadow:0 14px 38px rgba(11,31,51,.28)!important;
}
html body #sipLegalCookieBanner .small{color:#e6d8d3!important}

/* SAFETY */
html body #v-safety>h2,
html body #v-safety h3{
  color:var(--sip-navy)!important;
}
html body #v-safety .brand-motto{
  color:var(--sip-navy)!important;
  background:linear-gradient(135deg,#fffaf8,#f6e7e2)!important;
  border-color:rgba(185,121,110,.46)!important;
  box-shadow:0 6px 18px rgba(11,31,51,.07)!important;
}
html body #v-safety .box,
html body #v-safety .card,
html body #v-safety .sip-mod-card{
  background:rgba(255,255,255,.95)!important;
  border-color:rgba(185,121,110,.30)!important;
  box-shadow:0 10px 28px rgba(11,31,51,.07)!important;
}
html body #v-safety button.blue,
html body #v-safety button.dark{
  background:linear-gradient(135deg,var(--sip-navy),var(--sip-navy-3))!important;
  color:#fff!important;
  border:1px solid rgba(207,154,141,.42)!important;
}
html body #v-safety button.gray{
  background:var(--sip-rose-soft)!important;
  color:var(--sip-navy)!important;
  border:1px solid rgba(185,121,110,.42)!important;
}
html body #v-safety button:not(.red):not(.green):not(.gray):not(.dark):not(.blue):not(.sip-report-btn){
  background:linear-gradient(135deg,var(--sip-rose),var(--sip-rose-2))!important;
  color:#fff!important;
}
html body #v-safety .notice:not(.danger):not(.success){
  background:#f8ece7!important;
  color:#775149!important;
  border-color:rgba(185,121,110,.38)!important;
}
html body #v-safety .sip-mod-high{
  background:#f8ece7!important;
  border-color:rgba(185,121,110,.46)!important;
}
html body #v-safety .sip-evidence{
  background:#fbf5f2!important;
  border:1px solid rgba(185,121,110,.20)!important;
}
/* Keep danger/success meaning unchanged. */
html body #v-safety .sip-mod-critical,
html body #v-safety .notice.danger{
  border-color:#dc2626!important;
}
html body #v-safety button.red{background:#b94a55!important;color:#fff!important}
html body #v-safety button.green{background:#2f7b67!important;color:#fff!important}

/* Moderation/report modals can be opened while Safety is active. */
html body #sipReportModal>div,
html body #sipDeleteAccountModal>div,
html body #sipAdminEvidenceModal>div,
html body #sipLawModal>div{
  background:#fffdfb!important;
  color:var(--sip-ink)!important;
  border:1px solid rgba(185,121,110,.36)!important;
  box-shadow:0 18px 54px rgba(11,31,51,.20)!important;
}
html body #sipReportModal h2,
html body #sipDeleteAccountModal h2,
html body #sipAdminEvidenceModal h2,
html body #sipLawModal h2{color:var(--sip-navy)!important}

/* STANDALONE /legal.html */
html body.sip-legal-page{
  min-height:100%;
  color:var(--sip-ink)!important;
  background:
    radial-gradient(circle at 9% 0%,rgba(207,154,141,.16),transparent 38%),
    linear-gradient(180deg,#fffaf8 0%,#fbf3ef 54%,#f7ece8 100%)!important;
  background-attachment:fixed!important;
}
html body.sip-legal-page h1,
html body.sip-legal-page h2,
html body.sip-legal-page h3{color:var(--sip-navy)!important}
html body.sip-legal-page .small,
html body.sip-legal-page footer{color:var(--sip-muted)!important}
html body.sip-legal-page .card{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(185,121,110,.30)!important;
  box-shadow:0 12px 30px rgba(11,31,51,.08)!important;
}
html body.sip-legal-page #prelaunch{
  background:#f8ece7!important;
  color:#775149!important;
  border-color:rgba(185,121,110,.40)!important;
}
html body.sip-legal-page #nav button,
html body.sip-legal-page #nav a.btn{
  background:linear-gradient(135deg,var(--sip-navy),var(--sip-navy-2))!important;
  color:#fff!important;
  border:1px solid rgba(207,154,141,.42)!important;
  box-shadow:0 5px 14px rgba(11,31,51,.08)!important;
}
html body.sip-legal-page .lang button{
  background:#fffdfb!important;
  color:var(--sip-navy)!important;
  border:1px solid rgba(185,121,110,.42)!important;
}
html body.sip-legal-page .lang button.active{
  background:var(--sip-navy)!important;
  color:#f1c4b8!important;
  border-color:var(--sip-rose-2)!important;
}
html body.sip-legal-page .doc a,
html body.sip-legal-page footer a{
  color:#9a5f55!important;
}

@media(max-width:520px){
  html body #v-profile .box,
  html body #v-safety .box,
  html body #sipLegalCentre,
  html body.sip-legal-page .card{
    border-radius:16px!important;
  }
  html body.sip-legal-page main{padding:14px!important}
  html body.sip-legal-page #nav{gap:6px!important}
  html body.sip-legal-page #nav button,
  html body.sip-legal-page #nav a.btn{flex:1 1 calc(50% - 6px);text-align:center}
}