/*
 * Dapur Guru V2.3.1 R5 — Frontend Visual Lock & Responsive Alignment
 * Reference contract: blue/violet/orange education UI, compact desktop shell,
 * two-panel auth, reference-aligned dashboard, responsive mobile drawer.
 * Loaded last intentionally. Functional/backend contracts are unchanged.
 */
:root{
  --r5-navy:#0d326f;
  --r5-navy-2:#123f8f;
  --r5-blue:#2f6df3;
  --r5-blue-2:#377df6;
  --r5-violet:#7142ec;
  --r5-orange:#ff8a36;
  --r5-green:#16b875;
  --r5-red:#f05b67;
  --r5-cyan:#1bb8ce;
  --r5-ink:#11284f;
  --r5-muted:#6e7f98;
  --r5-line:#e1e9f4;
  --r5-canvas:#f5f8fd;
  --r5-soft:#f8fbff;
  --r5-card:#ffffff;
  --r5-radius:14px;
  --r5-shadow:0 10px 30px rgba(36,72,132,.08);
  --r5-shadow-strong:0 18px 48px rgba(36,72,132,.12);
}
html{background:var(--r5-canvas);scroll-behavior:smooth}
body.r5-visual-lock{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;color:var(--r5-ink);background:var(--r5-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.r5-visual-lock button,body.r5-visual-lock input,body.r5-visual-lock select,body.r5-visual-lock textarea{font:inherit}
body.r5-visual-lock a{transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}

/* Brand lock */
.r5-visual-lock .vl-brand,.r5-visual-lock .brand{gap:.72rem;font-weight:900;color:var(--r5-navy);letter-spacing:-.025em}
.r5-visual-lock .vl-brand-mark,.r5-visual-lock .brand-mark{
  width:2.78rem;height:2.78rem;border-radius:.86rem;display:grid;place-items:center;flex:0 0 auto;
  background:linear-gradient(145deg,#5069ee 0%,#7046ea 100%);color:#fff;font-size:.92rem;font-weight:900;
  box-shadow:0 9px 22px rgba(80,75,224,.22);border:0
}
.r5-visual-lock .vl-brand-copy,.r5-visual-lock .brand>span:last-child{font-size:1rem;line-height:1.03;color:var(--r5-navy);font-weight:900}
.r5-visual-lock .vl-brand-copy small,.r5-visual-lock .brand>span:last-child small{display:block;margin-top:.22rem;color:var(--r5-orange);font-size:.61rem;font-weight:800;letter-spacing:0}

/* Landing page */
.r5-visual-lock .dg-container{width:min(1220px,calc(100% - 40px));margin-inline:auto}
.r5-visual-lock .vl-nav{height:auto;background:rgba(255,255,255,.97);border-bottom:1px solid #edf2f8;box-shadow:0 4px 20px rgba(33,65,122,.035)}
.r5-visual-lock .vl-nav-inner{height:4.65rem}
.r5-visual-lock .vl-nav-links{gap:.12rem}
.r5-visual-lock .vl-nav-links a{font-size:.76rem;padding:.63rem .76rem;color:#415777;border-radius:.65rem}
.r5-visual-lock .vl-nav-links a:hover{background:#f1f5ff;color:var(--r5-blue)}
.r5-visual-lock .vl-nav-links .vl-nav-ghost{border:1px solid #d8e3f3;background:#fff;color:#2854ad}
.r5-visual-lock .vl-nav-links .vl-nav-cta{background:linear-gradient(90deg,var(--r5-blue),var(--r5-violet));color:#fff!important;box-shadow:0 8px 20px rgba(73,79,226,.18)}
.r5-visual-lock .vl-nav-links .vl-nav-cta:hover{background:linear-gradient(90deg,#255fe7,#6135dd);transform:translateY(-1px)}
.r5-visual-lock .vl-hero{background:linear-gradient(120deg,#fff 0%,#fbfdff 54%,#f7f4ff 100%)}
.r5-visual-lock .vl-hero-grid{min-height:34rem;grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);gap:1.2rem;padding-top:2.25rem;padding-bottom:2.35rem}
.r5-visual-lock .vl-hero-copy{padding-left:.2rem}
.r5-visual-lock .vl-eyebrow{background:#eef5ff;color:#225ecb;border:1px solid #dce9ff;padding:.42rem .7rem;font-size:.68rem}
.r5-visual-lock .vl-hero h1{max-width:36rem;margin:.9rem 0 .72rem;font-size:clamp(2.65rem,4.25vw,4.4rem);line-height:.98;color:#103f98;letter-spacing:-.055em}
.r5-visual-lock .vl-hero-tail{color:#6b43e8}
.r5-visual-lock .vl-hero p{max-width:37rem;font-size:.9rem;line-height:1.68;color:#61728c}
.r5-visual-lock .vl-actions{margin-top:1.1rem;gap:.68rem}
.r5-visual-lock .vl-btn{min-height:2.78rem;border-radius:.62rem;padding:.68rem 1.05rem;font-size:.75rem}
.r5-visual-lock .vl-btn-primary{background:linear-gradient(90deg,var(--r5-blue),var(--r5-violet));box-shadow:0 9px 22px rgba(66,78,229,.18)}
.r5-visual-lock .vl-btn-outline{border-color:#8facf0;color:#214ea8}
.r5-visual-lock .vl-trust{margin-top:1rem;font-size:.67rem;gap:1rem}
.r5-visual-lock .vl-portrait-stage{min-height:29rem}
.r5-visual-lock .vl-portrait-orbit{width:min(27rem,88%);padding:1.05rem;box-shadow:0 26px 60px rgba(49,82,154,.13)}
.r5-visual-lock .vl-portrait{border-width:.48rem}
.r5-visual-lock .vl-ai-card{right:0;top:5.8rem;padding:.72rem .9rem;border-radius:.9rem;font-size:.68rem;box-shadow:var(--r5-shadow)}
.r5-visual-lock .vl-ai-card strong{font-size:.78rem;color:#3a52b8}
.r5-visual-lock .vl-stat-float{left:.7rem;bottom:.7rem;min-width:18.4rem;border-radius:.82rem;box-shadow:var(--r5-shadow-strong)}
.r5-visual-lock .vl-stat-float div{padding:.72rem .82rem}
.r5-visual-lock .vl-stat-float strong{font-size:1.08rem}
.r5-visual-lock .vl-section{padding:3.6rem 0}
.r5-visual-lock .vl-feature-grid{gap:.72rem}
.r5-visual-lock .vl-feature-card,.r5-visual-lock .vl-step{border-radius:.9rem;border-color:var(--r5-line);box-shadow:0 6px 18px rgba(34,68,126,.045)}

/* Auth lock */
.r5-visual-lock .auth-shell.vl-auth-shell{grid-template-columns:minmax(330px,41%) minmax(0,59%);min-height:100dvh;background:#fff}
.r5-visual-lock .vl-auth-shell .auth-art{min-height:100dvh;padding:2.45rem clamp(2rem,3.3vw,3.7rem);background:linear-gradient(145deg,#294fbd 0%,#3c46d7 45%,#7443ed 100%)}
.r5-visual-lock .vl-auth-shell .auth-art-copy{margin-top:clamp(4.5rem,12vh,7.2rem);max-width:31rem}
.r5-visual-lock .vl-auth-shell .auth-art-copy h1{max-width:30rem;margin:.8rem 0 .75rem;font-size:clamp(1.85rem,2.7vw,3.15rem);line-height:1.08;letter-spacing:-.04em}
.r5-visual-lock .vl-auth-shell .auth-art-copy p{max-width:29rem;font-size:.9rem;line-height:1.65;color:#e6ebff}
.r5-visual-lock .vl-auth-shell .auth-benefits{margin-top:1.45rem;gap:.46rem}
.r5-visual-lock .vl-auth-shell .auth-benefits>div{padding:.32rem 0;grid-template-columns:1.65rem 1fr}
.r5-visual-lock .vl-auth-shell .auth-benefits>div>span{width:1.42rem;height:1.42rem;border-radius:.42rem;background:#1ba1ef}
.r5-visual-lock .vl-auth-shell .auth-benefits strong{font-size:.76rem}
.r5-visual-lock .vl-auth-shell .auth-benefits small{font-size:.67rem;color:#dbe7ff}
.r5-visual-lock .vl-auth-shell .auth-panel{padding:2.3rem clamp(2.4rem,6vw,7rem);background:#fff}
.r5-visual-lock .vl-auth-shell .auth-box,.r5-visual-lock .vl-auth-shell .auth-box-register{width:min(29.5rem,100%)}
.r5-visual-lock .vl-auth-shell .auth-heading{margin-bottom:1.25rem}
.r5-visual-lock .vl-auth-shell .auth-heading h2{font-size:clamp(1.65rem,2vw,2rem);color:#153f92}
.r5-visual-lock .vl-auth-shell .auth-heading .sub{font-size:.78rem;color:#7d8aa0}
.r5-visual-lock .vl-auth-shell .auth-input{min-height:2.9rem;border-radius:.6rem!important;border-color:#d5dfec!important;font-size:.78rem}
.r5-visual-lock .vl-auth-shell .dg-label{font-size:.72rem;color:#314a70;font-weight:800}
.r5-visual-lock .vl-auth-shell .auth-submit{min-height:2.92rem;border-radius:.58rem}
.r5-visual-lock .vl-auth-shell .auth-art-footer{font-size:.69rem}
.r5-visual-lock .vl-auth-illustration{transform:scale(.88);transform-origin:right bottom}

/* App shell */
body.r5-visual-lock.vl-dashboard-body{min-height:100dvh;background:var(--r5-canvas);overflow-x:hidden}
.r5-visual-lock .vl-dash-shell{min-height:100dvh;background:var(--r5-canvas)}
.r5-visual-lock .vl-sidebar{background:linear-gradient(180deg,#0d326f 0%,#102d5e 100%);border-right:0;box-shadow:none}
.r5-visual-lock .vl-sidebar .vl-brand{color:#fff;padding-inline:.15rem}
.r5-visual-lock .vl-sidebar .vl-brand-mark{width:2.48rem;height:2.48rem;border-radius:.72rem;font-size:.8rem}
.r5-visual-lock .vl-sidebar .vl-brand-copy{color:#fff;font-size:.9rem}
.r5-visual-lock .vl-sidebar .vl-brand-copy small{color:#adc2eb;font-size:.56rem}
.r5-visual-lock .vl-side-nav{gap:.16rem}
.r5-visual-lock .vl-side-nav a,.r5-visual-lock .vl-side-nav button{min-height:2.72rem;border-radius:.65rem;padding:.66rem .72rem;color:#d6e2f8;font-size:.77rem;font-weight:750}
.r5-visual-lock .vl-side-nav a:hover,.r5-visual-lock .vl-side-nav button:hover{background:rgba(255,255,255,.075);color:#fff}
.r5-visual-lock .vl-side-nav a.active{background:linear-gradient(90deg,#2e68e9 0%,#3579f5 100%);color:#fff;box-shadow:0 8px 18px rgba(15,40,96,.2)}
.r5-visual-lock .vl-side-icon{width:1.55rem;color:currentColor;opacity:.96}
.r5-visual-lock .vl-side-sep{border-color:rgba(255,255,255,.09);margin:.55rem .4rem}
.r5-visual-lock .vl-sidebar-user{border-top-color:rgba(255,255,255,.1);background:rgba(5,28,65,.18);color:#fff}
.r5-visual-lock .vl-sidebar-user strong{color:#fff;font-size:.75rem}
.r5-visual-lock .vl-sidebar-user small{color:#9db2d9;font-size:.62rem}
.r5-visual-lock .vl-avatar{background:linear-gradient(145deg,#ffba62,#f2919c);color:#17345e;font-weight:900}
.r5-visual-lock .vl-topbar{min-height:4.55rem;background:#fff;border-bottom:1px solid #e8edf5;box-shadow:0 3px 12px rgba(37,70,125,.035)}
.r5-visual-lock .vl-topbar-title{color:#344f75;font-size:.88rem;font-weight:850}
.r5-visual-lock .vl-search{max-width:28rem}
.r5-visual-lock .vl-search input{min-height:2.65rem;border:1px solid #dbe4f0;border-radius:.78rem;background:#fbfdff;font-size:.75rem;color:#314866}
.r5-visual-lock .vl-icon-btn{border-color:#dce5f0;background:#fff;border-radius:.72rem;color:#36516f}
.r5-visual-lock .vl-top-user{color:#294262}
.r5-visual-lock .vl-content{background:var(--r5-canvas);padding:1.35rem 1.45rem 2rem}

/* Dashboard reference alignment */
.r5-visual-lock .vl-greeting{margin-bottom:1rem;align-items:flex-start}
.r5-visual-lock .vl-greeting h1{margin:0;color:#173a78;font-size:1.55rem;letter-spacing:-.03em}
.r5-visual-lock .vl-greeting p{margin:.25rem 0 0;color:#75869e;font-size:.77rem}
.r5-visual-lock .ws-head-actions{gap:.45rem}
.r5-visual-lock .vl-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.78rem;margin-bottom:.9rem}
.r5-visual-lock .vl-stat-card{min-height:5.1rem;border:1px solid var(--r5-line);border-radius:.86rem;background:#fff;padding:.85rem .95rem;box-shadow:0 5px 18px rgba(36,70,128,.045)}
.r5-visual-lock .vl-stat-icon{width:2.4rem;height:2.4rem;border-radius:.66rem;background:#eaf3ff;color:#3174ef}
.r5-visual-lock .vl-stat-card:nth-child(2) .vl-stat-icon{background:#e9f6ff;color:#16a8db}
.r5-visual-lock .vl-stat-card:nth-child(3) .vl-stat-icon{background:#fff2df;color:#ef9a29}
.r5-visual-lock .vl-stat-card:nth-child(4) .vl-stat-icon{background:#e9fbf2;color:#13aa70}
.r5-visual-lock .vl-stat-number{font-size:1.28rem;color:#173868}
.r5-visual-lock .vl-stat-label{font-size:.66rem;color:#77869c}
.r5-visual-lock .vl-board{grid-template-columns:minmax(0,2.1fr) minmax(250px,.9fr);gap:.9rem;margin-bottom:.9rem}
.r5-visual-lock .vl-lower-grid{grid-template-columns:minmax(0,2.05fr) minmax(260px,.95fr);gap:.9rem}
.r5-visual-lock .vl-panel,.r5-visual-lock .dg-card{border:1px solid var(--r5-line);border-radius:.9rem;background:#fff;box-shadow:0 5px 18px rgba(36,70,128,.04)}
.r5-visual-lock .vl-panel{padding:.95rem}
.r5-visual-lock .vl-panel-head{margin-bottom:.78rem}
.r5-visual-lock .vl-panel-head h2{font-size:.86rem;color:#263e65}
.r5-visual-lock .vl-panel-head a{font-size:.66rem;color:#356ce0;font-weight:800}
.r5-visual-lock .vl-quick-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem}
.r5-visual-lock .vl-quick{min-height:6.4rem;border:1px solid #e4ebf5;border-radius:.78rem;background:#fff;padding:.72rem .62rem;box-shadow:none}
.r5-visual-lock .vl-quick:hover{transform:translateY(-2px);border-color:#cfdbef;box-shadow:0 10px 24px rgba(36,70,128,.08)}
.r5-visual-lock .vl-quick-icon{width:2.22rem;height:2.22rem;border-radius:.6rem;background:#e8f4ff;color:#1d9fd3}
.r5-visual-lock .vl-quick:nth-child(2) .vl-quick-icon{background:#edf1ff;color:#5274ec}
.r5-visual-lock .vl-quick:nth-child(3) .vl-quick-icon{background:#e9fbf1;color:#14b779}
.r5-visual-lock .vl-quick:nth-child(4) .vl-quick-icon{background:#f2eaff;color:#7a45ed}
.r5-visual-lock .vl-quick:nth-child(5) .vl-quick-icon{background:#fff0e5;color:#f08035}
.r5-visual-lock .vl-quick:nth-child(6) .vl-quick-icon{background:#fff0f1;color:#e65f6c}
.r5-visual-lock .vl-quick strong{font-size:.68rem;color:#254263}
.r5-visual-lock .vl-quick small{font-size:.58rem;line-height:1.35;color:#78879a}
.r5-visual-lock .vl-project-table{font-size:.67rem}
.r5-visual-lock .vl-project-table th{font-size:.59rem;color:#7c8da4;background:#fbfcfe}
.r5-visual-lock .vl-status{border-radius:999px;font-size:.58rem}
.r5-visual-lock .vl-chart-wrap{height:7.6rem}

/* Global module polish: keeps each existing workspace structure intact. */
.r5-visual-lock .rpp-page-head,.r5-visual-lock .v130-page-head,.r5-visual-lock .v140-page-head,.r5-visual-lock .v200-page-head,.r5-visual-lock .assessment-page-head,.r5-visual-lock .ws-head{margin-bottom:1rem}
.r5-visual-lock .rpp-page-head h1,.r5-visual-lock .v130-page-head h1,.r5-visual-lock .v140-page-head h1,.r5-visual-lock .v200-page-head h1,.r5-visual-lock .assessment-page-head h1,.r5-visual-lock .ws-head h1{color:#183d7b;letter-spacing:-.03em}
.r5-visual-lock .dg-btn-primary{background:linear-gradient(90deg,var(--r5-blue),var(--r5-violet));border-radius:.62rem;box-shadow:0 7px 18px rgba(65,78,226,.15)}
.r5-visual-lock .dg-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(65,78,226,.2)}
.r5-visual-lock .dg-btn-secondary{border-color:#d6e1ef;border-radius:.62rem;background:#fff;color:#345477}
.r5-visual-lock .dg-input,.r5-visual-lock input:not([type=checkbox]):not([type=radio]):not([type=range]),.r5-visual-lock select,.r5-visual-lock textarea{border-color:#d5dfec;border-radius:.62rem}
.r5-visual-lock .dg-input:focus,.r5-visual-lock input:focus,.r5-visual-lock select:focus,.r5-visual-lock textarea:focus{border-color:#6a91f4;box-shadow:0 0 0 3px rgba(55,109,243,.09);outline:0}
.r5-visual-lock .rpp-form-card,.r5-visual-lock .rpp-live-preview{box-shadow:none}
.r5-visual-lock .rpp-stepper{border-radius:.78rem;background:#f8faff;border:1px solid #e7edf6}

/* Tablet */
@media (max-width:1180px){
  .r5-visual-lock .dg-container{width:min(100% - 32px,1120px)}
  .r5-visual-lock .vl-hero-grid{grid-template-columns:1fr .9fr;min-height:31rem}
  .r5-visual-lock .vl-feature-grid{grid-template-columns:repeat(3,1fr)}
  .r5-visual-lock .vl-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .r5-visual-lock .vl-board,.r5-visual-lock .vl-lower-grid{grid-template-columns:minmax(0,1.65fr) minmax(230px,.85fr)}
}

/* Mobile/tablet navigation */
@media (max-width:900px){
  .r5-visual-lock .dg-container{width:min(100% - 28px,760px)}
  .r5-visual-lock .vl-nav-inner{height:4.3rem}
  .r5-visual-lock .vl-nav-links{display:none}
  .r5-visual-lock .vl-mobile-toggle{display:grid;place-items:center}
  .r5-visual-lock .vl-mobile-menu{display:block}
  .r5-visual-lock .vl-hero-grid{grid-template-columns:1fr;gap:.5rem;text-align:left;padding-top:2rem}
  .r5-visual-lock .vl-hero-copy{max-width:40rem}
  .r5-visual-lock .vl-portrait-stage{min-height:25rem;margin-top:.4rem}
  .r5-visual-lock .vl-portrait-orbit{width:min(24rem,82vw)}
  .r5-visual-lock .vl-ai-card{right:7%;top:4.5rem}
  .r5-visual-lock .vl-stat-float{left:50%;transform:translateX(-50%);bottom:.2rem}
  .r5-visual-lock .vl-section{padding:3rem 0}
  .r5-visual-lock .vl-steps{grid-template-columns:1fr}

  .r5-visual-lock .auth-shell.vl-auth-shell{display:block;background:linear-gradient(180deg,#f2f6ff 0,#fff 12rem)}
  .r5-visual-lock .vl-auth-shell .auth-art{display:none!important}
  .r5-visual-lock .vl-auth-shell .auth-panel{display:block;min-height:100dvh;padding:0 1.1rem 2rem;background:transparent}
  .r5-visual-lock .vl-auth-shell .auth-mobile-head{display:flex;height:5rem;width:min(31rem,100%);margin:auto}
  .r5-visual-lock .vl-auth-shell .auth-box,.r5-visual-lock .vl-auth-shell .auth-box-register{width:min(31rem,100%);margin:1.2rem auto 0;padding:1.55rem;border:1px solid #e2eaf4;border-radius:1.25rem;background:#fff;box-shadow:0 18px 48px rgba(36,70,128,.10)}

  /* Reference mobile drawer: light sheet, blue selected item. */
  .r5-visual-lock .vl-sidebar{background:#fff!important;border-right:1px solid #e1e8f2!important;box-shadow:16px 0 42px rgba(22,53,105,.16)!important;color:var(--r5-ink)!important}
  .r5-visual-lock .vl-sidebar .vl-brand{color:var(--r5-navy)!important}
  .r5-visual-lock .vl-sidebar .vl-brand-copy{color:var(--r5-navy)!important}
  .r5-visual-lock .vl-sidebar .vl-brand-copy small{color:var(--r5-orange)!important}
  .r5-visual-lock .vl-side-nav a,.r5-visual-lock .vl-side-nav button{color:#294a70!important}
  .r5-visual-lock .vl-side-nav a:hover,.r5-visual-lock .vl-side-nav button:hover{background:#f1f6ff!important;color:#235fd0!important}
  .r5-visual-lock .vl-side-nav a.active{background:#eaf2ff!important;color:#235fd0!important;box-shadow:none!important}
  .r5-visual-lock .vl-side-sep{border-color:#e8edf5!important}
  .r5-visual-lock .vl-sidebar-user{background:#f7f9fd!important;border-top:1px solid #e8edf5!important;color:#263f62!important}
  .r5-visual-lock .vl-sidebar-user strong{color:#263f62!important}
  .r5-visual-lock .vl-sidebar-user small{color:#7c8da4!important}
  .r5-visual-lock .vl-content{padding:1rem 1rem 1.6rem}
  .r5-visual-lock .vl-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r5-visual-lock .vl-board,.r5-visual-lock .vl-lower-grid{grid-template-columns:1fr}
  .r5-visual-lock .vl-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:640px){
  .r5-visual-lock .dg-container{width:calc(100% - 24px)}
  .r5-visual-lock .vl-brand-mark,.r5-visual-lock .brand-mark{width:2.48rem;height:2.48rem;border-radius:.72rem}
  .r5-visual-lock .vl-brand-copy,.r5-visual-lock .brand>span:last-child{font-size:.88rem}
  .r5-visual-lock .vl-hero-grid{min-height:auto;padding-top:1.55rem;padding-bottom:1.8rem}
  .r5-visual-lock .vl-hero h1{font-size:clamp(2.2rem,11vw,3.25rem);line-height:1.01}
  .r5-visual-lock .vl-hero p{font-size:.82rem}
  .r5-visual-lock .vl-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .r5-visual-lock .vl-btn{width:100%}
  .r5-visual-lock .vl-trust{gap:.62rem;font-size:.62rem}
  .r5-visual-lock .vl-portrait-stage{min-height:22rem}
  .r5-visual-lock .vl-portrait-orbit{width:min(20.5rem,84vw)}
  .r5-visual-lock .vl-ai-card{right:1%;top:3.8rem}
  .r5-visual-lock .vl-stat-float{min-width:0;width:min(21rem,94vw)}
  .r5-visual-lock .vl-stat-float div{padding:.62rem .4rem}
  .r5-visual-lock .vl-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r5-visual-lock .vl-section-head{align-items:flex-start;flex-direction:column}
  .r5-visual-lock .vl-footer-inner{align-items:flex-start;flex-direction:column}
  .r5-visual-lock .vl-footer-copy{text-align:left}
  .r5-visual-lock .vl-content{padding:.82rem .72rem 1.4rem}
  .r5-visual-lock .vl-topbar{min-height:4.15rem;padding-inline:.7rem}
  .r5-visual-lock .vl-greeting h1{font-size:1.28rem}
  .r5-visual-lock .vl-greeting p{font-size:.72rem}
  .r5-visual-lock .ws-head-actions{width:100%;overflow-x:auto;padding-bottom:.2rem;flex-wrap:nowrap}
  .r5-visual-lock .vl-stat-grid{gap:.6rem}
  .r5-visual-lock .vl-stat-card{min-height:4.75rem;padding:.72rem}
  .r5-visual-lock .vl-stat-number{font-size:1.12rem}
  .r5-visual-lock .vl-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r5-visual-lock .vl-quick{min-height:6rem}
  .r5-visual-lock .vl-panel{padding:.8rem}
  .r5-visual-lock .field-grid{grid-template-columns:1fr}
  .r5-visual-lock .vl-auth-shell .auth-box,.r5-visual-lock .vl-auth-shell .auth-box-register{padding:1.3rem;border-radius:1rem}
}

@media (max-width:390px){
  .r5-visual-lock .vl-actions{grid-template-columns:1fr}
  .r5-visual-lock .vl-feature-grid{grid-template-columns:1fr}
  .r5-visual-lock .vl-stat-grid{grid-template-columns:1fr}
  .r5-visual-lock .vl-quick-grid{grid-template-columns:1fr 1fr}
  .r5-visual-lock .vl-stat-float small{font-size:.54rem}
}

@media (prefers-reduced-motion:reduce){
  .r5-visual-lock *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}