/* Keep the account flow visually aligned with the current CallNuri homepage. */
.reference-layout .auth-dialog{width:min(980px,calc(100vw - 36px));max-height:calc(100dvh - 32px);border:1px solid rgba(114,215,255,.55);border-radius:22px;background:#061d31;color:#f5fbff;box-shadow:0 35px 100px rgba(0,9,20,.62),0 0 28px rgba(32,174,231,.2)}
.reference-layout .auth-dialog::backdrop{background:rgba(2,12,24,.72);backdrop-filter:blur(8px)}
.reference-layout .auth-shell{grid-template-columns:minmax(245px,310px) minmax(0,1fr);min-height:620px}
.reference-layout .auth-aside{display:flex;flex-direction:column;padding:42px 32px;border-right:1px solid rgba(120,214,250,.35);background:linear-gradient(180deg,rgba(3,24,41,.86),rgba(3,24,41,.92)),url('/assets/callnuri-story-bakery.jpg') center/cover;color:#f5fbff}
.reference-layout .auth-brand-logo{display:none}
.auth-current-mark{display:flex;align-items:center;gap:10px;color:#fff;font-size:27px;letter-spacing:-.04em;line-height:1}
.auth-current-mark svg{width:37px;height:37px;flex:0 0 37px;color:#52cfff;filter:drop-shadow(0 0 8px rgba(55,197,255,.55))}
.reference-layout .auth-aside>p{margin:clamp(80px,18vh,160px) 0 9px;color:#79dbff;font-size:11px;letter-spacing:.18em}
.reference-layout .auth-aside h2{margin:0;font-size:clamp(25px,2.6vw,32px);font-weight:750;line-height:1.4;letter-spacing:-.04em;color:#fff}
.reference-layout .auth-aside ul{margin:28px 0 0;padding:0}
.reference-layout .auth-aside li{padding:11px 0;border-color:rgba(151,221,249,.22);color:#c7dfed;font-size:12px}
.reference-layout .auth-aside li:before{color:#6ad9ff}
.reference-layout .auth-content{padding:43px 48px 38px;background:linear-gradient(145deg,rgba(8,39,62,.98),rgba(4,25,43,.99));color:#f5fbff}
.reference-layout .auth-tabs{margin-bottom:30px;padding:4px;border:1px solid rgba(120,210,246,.34);background:#092b44}
.reference-layout .auth-tabs button{color:#b4d2e2}
.reference-layout .auth-tabs button.active{background:#69d7ff;color:#042138;box-shadow:0 2px 14px rgba(28,183,245,.25)}
.reference-layout .auth-heading p,.reference-layout .member-panel>p{color:#72daff}
.reference-layout .auth-heading h2,.reference-layout .member-panel h2{color:#fff;font-size:30px}
.reference-layout .auth-heading>span{color:#b6cede;line-height:1.6}
.reference-layout .auth-divider{color:#91b6ca}
.reference-layout .auth-divider:before,.reference-layout .auth-divider:after{background:rgba(138,205,235,.27)}
.reference-layout .auth-form label{color:#d1e5ef}
.reference-layout .auth-form input,.reference-layout .auth-form select{border-color:#3c718d;background:#082c47;color:#f8fcff}
.reference-layout .auth-form input::placeholder{color:#91afbf}
.reference-layout .auth-form input:focus,.reference-layout .auth-form select:focus{border-color:#70d8ff;box-shadow:0 0 0 3px rgba(87,210,255,.18)}
.reference-layout .auth-dialog .auth-submit{background:linear-gradient(110deg,#52cef5,#1d9ddf);color:#04233a;box-shadow:0 8px 24px rgba(8,161,226,.24)}
.reference-layout .auth-dialog .auth-submit:hover{filter:brightness(1.08)}
.reference-layout .auth-switch{color:#bad2df}
.reference-layout .auth-switch button,.reference-layout .member-logout{color:#7cdeff}
.reference-layout .auth-signup-entry{border-color:rgba(138,205,235,.28);color:#bdd4df}
.reference-layout .auth-signup-entry a{border-color:#67d4fb;background:#0b3856;color:#b1ecff}
.reference-layout .auth-signup-entry a:hover{background:#125076}
.reference-layout:not(.admin-login-site) .auth-signup-entry{display:none}
.reference-layout .auth-trial-summary{border-color:rgba(113,204,243,.33);background:#0b3652;color:#c5e3f0}
.reference-layout .auth-trial-summary strong{color:#effaff}
.reference-layout .auth-trial-summary span+span:before{color:#70bddb}
.reference-layout .social-consent-notice,.reference-layout .consents details{color:#abc7d6}
.reference-layout .social-consent-notice a,.reference-layout .consents a{color:#8ce5ff}
.reference-layout .consents{background:#0b324d;color:#cce2ed}
.reference-layout .auth-error{color:#ff9ca5}
.reference-layout .member-panel>div[data-member-message]{background:#0b3652;color:#d4e8f1}
.reference-layout .member-check{background:#0e5066;color:#91eeff}
.reference-layout .auth-close{background:#0e3b57;color:#d2f3ff;border:1px solid rgba(113,209,246,.4)}
.reference-layout .auth-close:hover{background:#155474}
.reference-layout .social.google{background:#fff;color:#233343}
body.admin-login-site{background:#051c30}
body.admin-login-site.reference-layout .auth-dialog::backdrop{background:rgba(2,12,24,.76);backdrop-filter:blur(8px)}
@media(max-width:900px){.reference-layout .auth-shell{grid-template-columns:1fr;min-height:0}.reference-layout .auth-aside{display:none}.reference-layout .auth-content{padding:36px 28px}}
@media(max-width:620px){.reference-layout .auth-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:17px}.reference-layout .auth-content{padding:30px 18px 26px}.reference-layout .auth-heading h2{font-size:26px}.reference-layout .auth-tabs{margin-bottom:24px}}

.auth-form .phone-field{min-width:0}
.auth-form .phone-field>label{display:grid;gap:8px}
.auth-form .phone-verification{margin-top:10px}
.auth-form .phone-verification button{min-height:44px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}
.auth-form .phone-send{width:100%;border:1px solid #60bfdc;background:#123f58;color:#d5f6ff;padding:10px 16px}
.auth-form .phone-code-panel{margin-top:12px;padding:14px;border:1px solid #42768f;border-radius:12px;background:#0b324d}
.auth-form .phone-code-panel[hidden]{display:none}
.auth-form .phone-code-panel>label{display:grid;gap:8px}
.auth-form .phone-code-input{position:relative}
.auth-form .phone-code-input input{width:100%;padding-right:76px;box-sizing:border-box;letter-spacing:2px}
.auth-form .phone-code-input span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#ffb6bd;font-variant-numeric:tabular-nums;pointer-events:none}
.auth-form .phone-code-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.auth-form .phone-confirm{border:0;background:#28b9e7;color:#06263c;padding:10px}
.auth-form .phone-cancel{border:1px solid #628399;background:transparent;color:#e1f3ff;padding:10px}
.auth-form .phone-verification button:disabled{opacity:.55;cursor:default}
.auth-form .phone-verification button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.auth-form .phone-status{margin:8px 0 0;font-size:13px;line-height:1.6;color:#c0dbe9}
.auth-form .phone-status:empty{display:none}
.auth-form .phone-field[data-phase=verified] .phone-status{color:#8aefc6}
.reference-layout .auth-form input::placeholder{font-weight:500;color:#6f8ea0}
.reference-layout .auth-form label.wide{flex-flow:row wrap;align-items:baseline;column-gap:4px}.reference-layout .auth-form label.wide>:not(span){flex-basis:100%}.reference-layout .auth-form label.wide>span{display:inline;font-weight:600;color:#8fb0c2}
.reference-layout .auth-form label:has(>input[name=fullName]){grid-column:1/-1}
