/* Login isolated from dashboard grids and the selected application theme. */
#accessDialog{padding:0!important;border:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;inset:0!important;margin:0!important;border-radius:0!important;overflow-y:auto!important;background:#f4eee4!important;color:#4a3a2e!important;color-scheme:light}
#accessDialog .otono-acceso{--bg:#f4eee4;--ink:#2b1d14;--ink2:#8a4b26;--text:#4a3a2e;--muted:#786657;--field:#fbf7f0;--line:#e8ddcc;--line-strong:#d6c6b0;--brand:#3b281c;--brand-hi:#4f3726;--accent-soft:#f3e5c6;background:var(--bg)!important;color:var(--text)!important;min-height:100dvh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}
#accessDialog .otono-acceso>main{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)!important;align-items:center!important;gap:clamp(32px,5vw,80px)!important;flex:1!important;width:100%!important;max-width:1400px!important;margin:0 auto!important;padding:30px clamp(24px,5vw,72px) 40px!important}
#accessDialog .hero{display:block!important;grid-template-columns:none!important;align-items:normal!important;min-width:0!important;width:100%!important;max-width:620px!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;color:var(--text)!important}
#accessDialog .hero>*{position:relative!important;inset:auto!important;transform:none!important;grid-column:auto!important;min-width:0!important;max-width:100%!important}
#accessDialog .brand,#accessDialog .brand b,#accessDialog .eyebrow,#accessDialog #loginHeroTitle,#accessDialog #accessTitle,#accessDialog label{color:var(--ink)!important}
#accessDialog #loginHeroTitle{display:block!important;max-width:100%!important;font-family:Fraunces,Georgia,serif!important;font-size:clamp(42px,5vw,76px)!important;line-height:1.06!important;letter-spacing:-.03em!important;margin:22px 0!important;white-space:normal!important;overflow-wrap:normal!important}
#accessDialog #loginHeroTitle em{display:block!important;color:var(--ink2)!important;font-size:inherit!important;line-height:inherit!important}
#accessDialog .lede,#accessDialog .sub,#accessDialog .feats{color:var(--text)!important;display:block!important;max-width:34em!important;line-height:1.6!important}
#accessDialog .lede{font-size:18px!important;margin:0 0 14px!important}
#accessDialog .feats{display:flex!important;flex-wrap:wrap!important;gap:12px 24px!important;margin:12px 0 0!important}
#accessDialog .art{position:relative!important;inset:auto!important;width:min(100%,540px)!important;height:auto!important;aspect-ratio:560/340!important;margin:24px 0!important;transform:none!important}
#accessDialog .scene{display:block!important;width:100%!important;height:100%!important;max-width:100%!important}
#accessDialog .card{display:block!important;min-width:0!important;width:100%!important;max-width:520px!important;margin:0!important;padding:clamp(28px,3.8vw,54px)!important;border:1px solid var(--line)!important;border-radius:26px!important;background:#fffdf8!important;color:var(--text)!important;position:relative!important;inset:auto!important;transform:none!important}
#accessDialog .card p,#accessDialog .card .kicker,#accessDialog .card .note,#accessDialog .top-r,#accessDialog footer,#accessDialog .brand small{color:var(--muted)!important}
#accessDialog .card #accessTitle{font-size:clamp(32px,3vw,44px)!important;line-height:1.15!important}
#accessDialog #accessForm{display:block!important;background:transparent!important;color:var(--ink)!important;padding:0!important;border:0!important;box-shadow:none!important}
#accessDialog #accessForm .field,#accessDialog #accessForm .pw{display:block!important;background:transparent!important;color:var(--ink)!important;position:relative!important;margin-bottom:22px!important}
#accessDialog #accessForm input{box-sizing:border-box!important;background:var(--field)!important;color:var(--ink)!important;border:1px solid var(--line-strong)!important;border-radius:12px!important;height:60px!important;width:100%!important;font-size:17px!important}
#accessDialog #accessForm input::placeholder{color:#847467!important;opacity:1!important}
#accessDialog #accessForm input:focus{outline:3px solid #e4c27a!important;outline-offset:2px!important}
#accessDialog #accessForm .btn{background:var(--brand)!important;color:#fff!important;box-shadow:none!important;height:62px!important;border-radius:12px!important;width:100%!important;font-size:17px!important}
#accessDialog #accessForm .btn:hover{background:var(--brand-hi)!important}
#accessDialog #accessForm .toggle{background:transparent!important;color:var(--ink2)!important;border:0!important;box-shadow:none!important;width:44px!important;height:44px!important;position:absolute!important;right:8px!important;bottom:8px!important}
#accessDialog .note{line-height:1.6!important;border-color:var(--line)!important}
#accessDialog .systems a{color:var(--ink2)!important;border-color:var(--line-strong)!important}
@media(max-width:950px){#accessDialog .otono-acceso>main{grid-template-columns:minmax(0,1fr)!important;gap:30px!important;max-width:680px!important}#accessDialog .hero,#accessDialog .card{max-width:100%!important}#accessDialog .art{max-width:420px!important;margin:18px auto!important}#accessDialog .card{grid-row:1!important}#accessDialog #loginHeroTitle{font-size:44px!important}#accessDialog .hero{grid-row:2!important}}
@media(max-width:550px){#accessDialog .otono-acceso>main{padding:20px 18px 28px!important;gap:26px!important}#accessDialog .card{padding:28px 24px!important;border-radius:20px!important}#accessDialog #accessTitle{font-size:34px!important}#accessDialog #loginHeroTitle{font-size:38px!important}#accessDialog .art{max-width:340px!important}#accessDialog .top{padding:22px 20px 10px!important}#accessDialog .top-r{display:none!important}#accessDialog .brand b{font-size:22px!important}#accessDialog footer{padding:14px 20px 26px!important}}
#accessDialog .chip{background:#fffdf8!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:0 10px 22px -16px #3b281c66!important}
#accessDialog .chip .ic{background:var(--accent-soft)!important;color:var(--brand)!important}
@media(min-width:951px){#accessDialog .card{padding:32px 38px!important}#accessDialog .lock{width:48px!important;height:48px!important;border-radius:14px!important}#accessDialog .kicker{margin-top:20px!important}#accessDialog .card #accessTitle{font-size:36px!important;margin:10px 0 12px!important}#accessDialog .card .sub{font-size:16px!important;margin-bottom:24px!important}#accessDialog #accessForm .field{margin-bottom:18px!important}#accessDialog #accessForm input{height:54px!important}#accessDialog #accessForm .btn{height:56px!important;margin-top:10px!important}#accessDialog .note{margin-top:22px!important;padding-top:16px!important;font-size:13px!important}}