/* DoceGestor Studio · Auth screen 03 / Moderna e objetiva · Preview-only */
#dg-auth-root{position:fixed;z-index:150;inset:0;background:#130a0e;color:#fff4f1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
#dg-auth-root *{box-sizing:border-box}
#dg-auth-root button,#dg-auth-root input{font:inherit}
#dg-auth-root button{cursor:pointer}
#dg-auth-root .dg-auth-shell{min-height:100svh;max-width:560px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top,0px)) 22px calc(22px + env(safe-area-inset-bottom,0px));position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;background:radial-gradient(ellipse at 52% 37%,#4a1c2ba3 0%,transparent 35%),radial-gradient(ellipse at 88% 20%,#4c222253 0%,transparent 42%),linear-gradient(165deg,#110b0d 0%,#201117 50%,#130b0e 100%)}
#dg-auth-root .dg-auth-shell:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.21;background-image:linear-gradient(90deg,#ffffff06 1px,transparent 1px),linear-gradient(#ffffff04 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(transparent,#0008 45%,transparent)}
#dg-auth-root .dg-auth-top{display:flex;align-items:center;justify-content:space-between;min-height:35px}
#dg-auth-root .dg-auth-back{display:flex;align-items:center;gap:7px;min-height:38px;border:1px solid #90616d83;background:#3d262ea6;border-radius:22px;padding:7px 13px;color:#ffe4eb;font-size:11px;font-weight:650}
#dg-auth-root .dg-auth-back svg{width:15px;height:15px}
#dg-auth-root .dg-auth-label{color:#efc3cc;font-size:9px;letter-spacing:2px;font-weight:740}
#dg-auth-root .dg-auth-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:12px}
#dg-auth-root .dg-auth-mark{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:#ff91b4;background:linear-gradient(150deg,#582639,#24141e);border:1px solid #cf7d9a;box-shadow:0 6px 22px #ff4a831e}
#dg-auth-root .dg-auth-mark svg{width:29px;height:29px;stroke-width:1.6}
#dg-auth-root .dg-auth-wordmark{font-size:25px;font-weight:800;letter-spacing:-1.1px;margin-top:6px;color:white}
#dg-auth-root .dg-auth-wordmark span{color:#ec83a0}
#dg-auth-root .dg-auth-studio{font-size:8px;font-weight:760;letter-spacing:3px;color:#c8a0af;margin-top:3px}
#dg-auth-root .dg-auth-intro{margin:17px auto 5px;text-align:center}
#dg-auth-root .dg-auth-intro h1{font:500 clamp(25px,7.4vw,37px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.6px;color:#fff8f5;margin:0 auto 7px;max-width:350px}
#dg-auth-root .dg-auth-intro p{font-size:11px;color:#d4b8c1;margin:0;line-height:1.55}
#dg-auth-root .dg-auth-visual{height:160px;position:relative;width:100%;margin:6px auto 4px;flex-shrink:0;overflow:hidden;isolation:isolate}
#dg-auth-root .dg-auth-visual:before{content:"";position:absolute;width:210px;height:112px;left:50%;top:39px;border:2px solid #f273a65a;border-radius:50%;transform:translateX(-50%) rotate(-17deg);box-shadow:0 0 31px #f3468b29}
#dg-auth-root .dg-auth-visual:after{content:"";position:absolute;width:260px;height:120px;left:50%;top:15px;border:1px solid #e49dbc3d;border-radius:50%;transform:translateX(-50%) rotate(18deg)}
#dg-auth-root .dg-auth-dessert{position:absolute;width:173px;height:151px;top:8px;left:50%;transform:translateX(-50%);object-fit:cover;object-position:center;border-radius:47% 48% 43% 47%;border:1px solid #d47b8b87;box-shadow:0 8px 45px #120809a0;mask-image:radial-gradient(ellipse at center,#000 49%,#000b 65%,transparent 73%)}
#dg-auth-root .dg-auth-mini{position:absolute;display:flex;align-items:center;gap:7px;border:1px solid #c88e9a73;border-radius:12px;padding:7px 9px;min-width:95px;background:#4e3039d9;backdrop-filter:blur(7px);box-shadow:0 7px 17px #08030761;z-index:1}
#dg-auth-root .dg-auth-mini b{font-size:11px;color:#fff;display:block}
#dg-auth-root .dg-auth-mini small{font-size:9px;color:#e4c4c9;display:block;margin-top:3px}
#dg-auth-root .dg-auth-mini svg{width:18px;height:18px;color:#f58caa;flex-shrink:0}
#dg-auth-root .dg-auth-mini.left{left:0;top:24px}
#dg-auth-root .dg-auth-mini.right{right:0;bottom:24px}
#dg-auth-root .dg-auth-form{width:100%;max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
#dg-auth-root .dg-auth-form-title{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:4px 0 3px}
#dg-auth-root .dg-auth-form-title strong{font:500 22px Georgia,serif}
#dg-auth-root .dg-auth-form-title span{font-size:10px;color:#f0b7c8;background:#4e2b37;border:1px solid #9b6678;border-radius:18px;padding:6px 8px;white-space:nowrap}
#dg-auth-root .dg-auth-input-wrap{width:100%;position:relative;display:flex;align-items:center;min-height:49px;background:linear-gradient(130deg,#3b292f,#2d2126);border:1px solid #76545f;border-radius:13px;overflow:hidden;box-shadow:0 2px 13px #0a040825}
#dg-auth-root .dg-auth-input-wrap:focus-within{border-color:#e18fab;box-shadow:0 0 0 2px #bd5f8353}
#dg-auth-root .dg-auth-input-wrap>svg{color:#e1b2c0;width:18px;height:18px;flex:0 0 18px;margin-left:13px}
#dg-auth-root .dg-auth-input-wrap input{width:100%;min-width:0;min-height:49px;border:0;outline:0;background:none;padding:10px 11px;color:#fff;line-height:1.3;font-size:16px}
#dg-auth-root .dg-auth-input-wrap input::placeholder{color:#b99da7}
#dg-auth-root .dg-auth-input-wrap input::-ms-reveal{display:none}
#dg-auth-root .dg-auth-eye{width:43px;height:45px;display:grid;place-items:center;flex:0 0 43px;color:#e3bfc9;border:0;background:none}
#dg-auth-root .dg-auth-eye svg{width:18px;height:18px}
#dg-auth-root .dg-auth-options{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:2px 0 0}
#dg-auth-root .dg-auth-options label{display:flex;align-items:center;gap:6px;color:#dfc4cc;font-size:11px;cursor:pointer}
#dg-auth-root .dg-auth-options input{accent-color:#ed8ea9;width:15px;height:15px}
#dg-auth-root .dg-auth-textbutton{border:0;background:none;color:#f3a8c0;padding:6px 0;font-size:11px;text-decoration:none}
#dg-auth-root .dg-auth-submit{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #f6adc5;border-radius:13px;color:#34101c;font-size:13px;font-weight:790;background:linear-gradient(110deg,#ef80a1,#f6a0b5);box-shadow:0 9px 26px #db427542;margin-top:2px}
#dg-auth-root .dg-auth-submit svg{width:17px;height:17px}
#dg-auth-root .dg-auth-secondary{width:100%;min-height:43px;display:flex;align-items:center;justify-content:center;border-radius:13px;border:1px solid #956773;background:#35242b;color:#ffe5ed;font-size:12px;font-weight:650;margin-top:1px}
#dg-auth-root .dg-auth-error{border:1px solid #d78085;background:#713940;color:#ffe6df;border-radius:11px;padding:9px 11px;font-size:11px;line-height:1.5}
#dg-auth-root .dg-auth-success{border:1px solid #88b59a;background:#284f3e;color:#d8fae7;border-radius:11px;padding:11px;font-size:11px;line-height:1.5}
#dg-auth-root .dg-auth-legal{font-size:10px;color:#aa8d97;text-align:center;line-height:1.5;margin:5px 0 0}
#dg-auth-root .dg-auth-switch{display:flex;justify-content:center;gap:4px;align-items:center;color:#e5c3cb;font-size:11px;margin:4px auto 0}
#dg-auth-root .dg-auth-switch button{border:0;background:none;color:#f5a1bd;font-weight:720;padding:7px 5px}
#dg-auth-root .dg-auth-footer{font-size:10px;color:#c29fac;line-height:1.45;text-align:center;margin-top:15px}
#dg-auth-root .dg-auth-note{display:flex;align-items:flex-start;gap:7px;margin:7px 0 0;border:1px solid #79505f75;background:#402832a6;border-radius:10px;padding:8px 10px;color:#e8c1ce;font-size:10px;line-height:1.4}
#dg-auth-root .dg-auth-note svg{width:15px;height:15px;flex-shrink:0}
#dg-auth-root .dg-auth-visual.shorten{height:103px}
#dg-auth-root .dg-auth-visual.shorten .dg-auth-dessert{height:92px;width:130px}
#dg-auth-root .dg-auth-visual.shorten:before{top:15px;height:70px;width:180px}
#dg-auth-root .dg-auth-visual.shorten:after{height:70px}
#dg-auth-root .dg-auth-visual.shorten .dg-auth-mini{display:none}
#dg-auth-root .dg-auth-password-meter{font-size:10px;color:#deb3c0}
@media(min-width:800px){#dg-auth-root .dg-auth-shell{border-inline:1px solid #845268;box-shadow:0 0 70px #0008}}
@media(max-width:375px){#dg-auth-root .dg-auth-shell{padding-left:16px;padding-right:16px;padding-top:calc(13px + env(safe-area-inset-top,0px))}#dg-auth-root .dg-auth-visual{height:138px}#dg-auth-root .dg-auth-dessert{width:151px;height:137px}#dg-auth-root .dg-auth-mini{padding:6px;min-width:85px}#dg-auth-root .dg-auth-intro{margin-top:13px}#dg-auth-root .dg-auth-intro h1{font-size:27px}#dg-auth-root .dg-auth-wordmark{font-size:23px}#dg-auth-root .dg-auth-form{gap:8px}}
@media(max-height:720px){#dg-auth-root .dg-auth-brand{margin-top:6px}#dg-auth-root .dg-auth-intro{margin-top:10px}#dg-auth-root .dg-auth-visual{height:115px}#dg-auth-root .dg-auth-dessert{width:134px;height:109px}#dg-auth-root .dg-auth-mini{display:none}}
@media(prefers-reduced-motion:reduce){#dg-auth-root *{scroll-behavior:auto!important;transition:none!important}}
.dgm-auth-entry{width:100%;display:flex;align-items:center;gap:9px;text-align:left;margin-top:10px;min-height:49px;padding:9px 11px;border-radius:13px;background:linear-gradient(105deg,#85415b,#643648);border:1px solid #df97ac;color:#ffe6ee}
.dgm-auth-entry>svg:first-child{width:20px;height:20px;flex:0 0 20px;color:#ffc4d3}
.dgm-auth-entry>svg:last-child{width:16px;height:16px;max-width:16px;max-height:16px;flex:0 0 16px;margin-left:auto}
.dgm-auth-entry span{flex:1;display:flex;flex-direction:column;gap:3px}
.dgm-auth-entry strong{font-size:12px;font-weight:720}.dgm-auth-entry small{font-size:10px;color:#eac5ce}

/* Final mobile QA refinement: keep the complete login action area comfortable on iPhone */
@media(max-width:520px){
 #dg-auth-root .dg-auth-shell{padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
 #dg-auth-root .dg-auth-brand{margin-top:7px}
 #dg-auth-root .dg-auth-mark{width:45px;height:45px}
 #dg-auth-root .dg-auth-mark svg{width:26px;height:26px}
 #dg-auth-root .dg-auth-intro{margin-top:11px}
 #dg-auth-root .dg-auth-visual:not(.shorten){height:136px;margin-top:5px;margin-bottom:3px}
 #dg-auth-root .dg-auth-visual:not(.shorten) .dg-auth-dessert{height:126px;width:155px}
 #dg-auth-root .dg-auth-visual:not(.shorten):before{top:22px}
 #dg-auth-root .dg-auth-visual:not(.shorten):after{top:8px}
 #dg-auth-root .dg-auth-visual:not(.shorten) .dg-auth-mini.left{top:21px}
 #dg-auth-root .dg-auth-visual:not(.shorten) .dg-auth-mini.right{bottom:15px}
 #dg-auth-root .dg-auth-form{gap:8px}
 #dg-auth-root .dg-auth-form-title{margin-top:2px}
 #dg-auth-root .dg-auth-footer{margin-top:9px}
}