/* VALÉOR · panel del joyero — mismo lenguaje visual que el catálogo */
:root{
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Jost','Helvetica Neue',Arial,sans-serif;
  --gold-l:#e6cb86;
  --felt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' seed='4' stitchTiles='stitch' result='n'/%3E%3CfeDiffuseLighting in='n' lighting-color='%23ffffff' surfaceScale='2.2'%3E%3CfeDistantLight azimuth='40' elevation='55'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");
  --panel:#0c2a19;--panel2:#123822;
}
body{font-family:var(--sans)}
.bar{background-color:#0b5a32;background-image:linear-gradient(180deg,rgba(255,255,255,.1),rgba(0,0,0,.22)),var(--felt);background-blend-mode:normal,multiply;border-bottom:1px dashed rgba(230,203,134,.5);backdrop-filter:none}
.brand-mark{border-radius:50%;transform:none;background:radial-gradient(circle at 35% 30%,#1b7a47,#053019);border-color:var(--gold-l);box-shadow:inset 0 0 0 3px rgba(4,40,22,.9),inset 0 0 0 4px rgba(230,203,134,.5)}
.brand-mark:after{transform:none;font-weight:600}
.brand b{font-weight:600;letter-spacing:.2em}
.login{background:radial-gradient(ellipse 70% 60% at 50% 30%,rgba(52,158,98,.4),transparent 70%),var(--felt),#083a21;background-blend-mode:normal,multiply,normal}
.login-card,.card{border-radius:4px}
.login-card{background:#f8f3e8;color:#12291c;border:1px solid rgba(230,203,134,.6)}
.login-card h1{color:#12291c;font-weight:500}
.login-card .sub,.login-card p{color:rgba(18,41,28,.65)}
.login-card label,.login-card .flabel{color:#12291c}
.login-card input{background:#fffdf8;color:#12291c;border-color:rgba(18,41,28,.22)}
.login-card .demo-note{background:rgba(143,111,43,.1);border-color:rgba(143,111,43,.4);color:#12291c}
.login-card a{color:#8f6f2b}
button.primary,.btn.primary,.btn-primary{border-radius:2px}
.tabbar{background:rgba(6,48,27,.97);border-top:1px dashed rgba(230,203,134,.45)}
.login-card .brand b{color:#12291c}
.login-card .brand small{color:#8f6f2b}
.login-card input:not([type=checkbox]),.login-card .pw input{background:#fffdf8!important;color:#12291c!important;border-color:rgba(18,41,28,.25)!important;border-radius:3px}
.login-card input::placeholder{color:rgba(18,41,28,.45)}
.login-card button:not(.primary):not(.btn){color:#8f6f2b}
.login-card .btn,.login-card button.primary,.login-card button[type=submit]{border-radius:2px;color:#0a2a17}
.back-catalog{display:block;text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(18,41,28,.14);color:#12291c;font-weight:500;font-size:14px;letter-spacing:.06em;text-decoration:none}
.back-catalog:hover{color:#8f6f2b}
#openCatalog{white-space:nowrap;padding:8px 12px;font-size:13px}
.sheet{background:#0c3a22;border-top:1px solid rgba(230,203,134,.4)}
.bar-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar .brand{min-width:0;flex:0 0 auto}
@media (max-width:420px){.bar .brand>div{display:none}}