/* REVALY CONTENT UI 1.0A — Leads-style left navigation.
   UI shell only; studio, project and media engine are unchanged. */
:root{--rc-sidebar-width:222px;--rc-navy:#0b1f46;--rc-blue:#2366f0;--rc-line:#dde5f0;--rc-bg:#f4f7fc}
html{min-width:320px}
body{background:var(--rc-bg)}
.revaly-content-shell{display:grid;grid-template-columns:var(--rc-sidebar-width) minmax(0,1fr);min-height:100vh;align-items:stretch}
.revaly-content-main{min-width:0;display:flex;flex-direction:column;min-height:100vh}
.revaly-content-main>main{flex:1;min-width:0}
.revaly-sidebar{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;gap:0;width:var(--rc-sidebar-width);height:100vh;min-height:0;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-right:1px solid var(--rc-line);z-index:40;scrollbar-width:thin}
.revaly-sidebar-brand{position:relative;display:flex;align-items:center;justify-content:center;margin:0 14px;padding:24px 4px 21px;border-bottom:1px solid var(--rc-line)}
.revaly-logo-link{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-decoration:none;min-width:0}
.revaly-logo-link img{width:130px;max-width:calc(100% - 52px);height:auto;max-height:40px;object-fit:contain;object-position:left}
.revaly-product-tag{border:1px solid #cfe0ff;background:#ecf3ff;color:#1854bb;border-radius:999px;padding:6px 8px;font-weight:900;letter-spacing:.06em;font-size:8px;line-height:1;white-space:nowrap}
.revaly-side-nav{display:flex!important;flex-direction:column!important;gap:6px!important;padding:24px 14px 0!important}
.revaly-nav-label{display:block;margin:0 8px 14px;color:#91a2bd;letter-spacing:.14em;font-size:9px;font-weight:900;text-transform:uppercase;white-space:nowrap}
.revaly-side-nav .revaly-nav-link,.revaly-sidebar-footer .revaly-nav-link{display:flex;align-items:center;gap:11px;min-height:52px;border:1px solid transparent;border-radius:12px;padding:10px 10px;color:#344c73;background:transparent;text-decoration:none;transition:background .14s ease,border-color .14s ease,color .14s ease;position:relative;box-shadow:none}
.revaly-nav-link:hover{background:#f4f7fc!important;color:#184aa3!important}
.revaly-nav-link:focus-visible{outline:2px solid #3475ed;outline-offset:2px}
.revaly-side-nav .revaly-nav-link.active,.revaly-side-nav .revaly-nav-link[aria-current="page"]{color:#103f91;background:#eaf2ff;border-color:#d4e3ff;box-shadow:inset 3px 0 #3174fb;font-weight:700}
.revaly-side-nav .revaly-nav-link.active:hover,.revaly-side-nav .revaly-nav-link[aria-current="page"]:hover{background:#eaf2ff!important}
.revaly-side-nav .revaly-nav-link::after{display:none!important}
.revaly-side-nav .revaly-nav-link,.revaly-sidebar-footer .revaly-nav-link{font-size:12px;line-height:1.2}
.revaly-nav-icon{width:17px;height:20px;display:flex;align-items:center;justify-content:center;flex:0 0 17px;color:#55719c}
.revaly-nav-link.active .revaly-nav-icon,.revaly-nav-link[aria-current="page"] .revaly-nav-icon{color:#2264e6}
.revaly-nav-icon svg{width:17px;height:17px;flex-shrink:0}
.revaly-nav-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.revaly-nav-copy strong{display:block;font-size:12px;font-weight:800;line-height:1.2;color:inherit}
.revaly-nav-copy small{display:block;font-size:10px;line-height:1.25;font-weight:450;color:#8395b3}
.revaly-sidebar-footer{margin-top:auto;padding:26px 14px 22px;display:flex;flex-direction:column;gap:4px}
.revaly-sidebar-footer .revaly-nav-label{margin-bottom:10px}
.revaly-content-header{height:82px;min-height:82px;padding:0 clamp(20px,3vw,40px);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid var(--rc-line)}
.revaly-content-header-left{display:flex;align-items:center;gap:14px;min-width:0}
.revaly-header-title{display:flex;flex-direction:column;gap:6px;min-width:0}
.revaly-header-title span{font-size:9px;letter-spacing:.16em;color:#879bb9;font-weight:900}
.revaly-header-title strong{font-size:22px;letter-spacing:-.025em;color:var(--rc-navy);line-height:1.15;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.revaly-header-pill{display:inline-flex;align-items:center;border:1px solid #d9e6fa;border-radius:999px;background:#f3f7ff;color:#2757a9;padding:8px 12px;font-size:10px;font-weight:850;letter-spacing:.04em;white-space:nowrap}
.revaly-menu-toggle,.revaly-sidebar-close{display:none;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;cursor:pointer;border:1px solid var(--rc-line);border-radius:10px;background:#fff;color:#21436f;padding:0}
.revaly-menu-toggle svg,.revaly-sidebar-close svg{width:20px;height:20px}
.revaly-mobile-backdrop[hidden]{display:none!important}
.revaly-content-main>main:not(.main){width:100%;max-width:1320px;padding:30px clamp(18px,3vw,42px) 72px;}
.revaly-content-main>footer{padding:0 20px 28px}
.revaly-content-main .hero h1{font-size:clamp(38px,4.3vw,54px);line-height:1.02}
/* Give the sticky production stepper room below the new header, without affecting the production flow. */
.revaly-content-main .workspace-stepper{top:12px}
/* Media Library is an independently styled legacy page. Confine it to the same shell. */
.revaly-content-main>#mediaShell.main{width:100%;max-width:1320px;padding:34px clamp(18px,3vw,42px) 70px;margin:0 auto}
.revaly-content-main>#mediaBoot{margin:52px auto;max-width:900px}
@media(min-width:821px) and (max-width:1110px){
  :root{--rc-sidebar-width:210px}
  .revaly-content-main>main:not(.main){padding:28px 22px 65px}
  .revaly-content-main .hero{gap:22px}
  .revaly-content-main .hero h1{font-size:clamp(38px,4.6vw,62px)}
  .revaly-content-main .hero-rule{white-space:normal;max-width:260px}
}
@media(max-width:820px){
  .revaly-content-shell{display:block}
  .revaly-sidebar{position:fixed;top:0;bottom:0;left:0;width:min(278px,85vw);height:100dvh;transform:translateX(-102%);transition:transform .19s ease;box-shadow:18px 0 55px rgba(8,22,52,.15);z-index:110}
  body.revaly-nav-open .revaly-sidebar{transform:translateX(0)}
  .revaly-sidebar-brand{padding-right:34px}
  .revaly-sidebar-close{display:flex;position:absolute;right:0;top:24px;width:30px;height:30px;flex-basis:30px}
  .revaly-content-header{height:68px;min-height:68px;padding:0 18px}
  .revaly-header-title strong{font-size:19px}
  .revaly-menu-toggle{display:flex}
  .revaly-header-pill{font-size:9px;padding:7px 9px}
  .revaly-mobile-backdrop:not([hidden]){position:fixed;inset:0;background:rgba(9,20,43,.52);z-index:100}
  body.revaly-nav-open{overflow:hidden}
  .revaly-content-main .workspace-stepper{top:6px}
  .revaly-content-main>main:not(.main){padding:24px 15px 60px}
  .revaly-content-main>#mediaShell.main{padding:25px 15px 60px}
}
@media(max-width:400px){.revaly-header-pill{display:none}.revaly-header-title strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.revaly-sidebar{transition:none}.revaly-nav-link{transition:none}}