/* Shared authentication layout: bounded gutters, natural height, no inherited main margins. */
body[data-auth-page]{margin:0;padding:0;min-width:0;overflow-x:clip;background:#f7faf8;font-family:Inter,Arial,sans-serif;color:#1b3d31}
body[data-auth-page] *{box-sizing:border-box}
body[data-auth-page] .auth-shell{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);width:100%;min-height:calc(100svh - 88px);margin:0;padding:0;background:#fff}
body[data-auth-page] .auth-side{min-height:0;margin:0;padding:clamp(28px,5vw,72px);background:#123f35;color:white;display:flex;flex-direction:column;justify-content:space-between;gap:48px;overflow:hidden}
body[data-auth-page] .auth-side .hero-copy{margin:0;max-width:500px}
body[data-auth-page] .auth-side h1{font-size:clamp(28px,3.2vw,46px);line-height:1.25;margin:20px 0;color:white;letter-spacing:-1px}
body[data-auth-page] .auth-side p{font-size:14px;color:#b5d5c7;line-height:1.8;margin:10px 0}
body[data-auth-page] .auth-main{min-width:0;min-height:0;width:100%;max-width:none;margin:0;padding:clamp(28px,4.5vw,64px);display:flex;align-items:center;justify-content:center}
body[data-auth-page] .auth-card{width:100%;max-width:460px;margin:0;padding:0}
body[data-auth-page] .auth-top{display:flex;justify-content:flex-end;margin:0 0 28px}
body[data-auth-page] .auth-card h2{font-size:30px;line-height:1.3;margin:0 0 10px;color:#193c30;letter-spacing:-.5px}
body[data-auth-page] .auth-card .sub{font-size:13px;line-height:1.7;color:#7c9286;margin:0 0 25px}
body[data-auth-page] .field{margin:0 0 18px;min-width:0}
body[data-auth-page] .field>label{display:block;font-weight:600;font-size:12px;margin-bottom:8px;color:#456c58}
body[data-auth-page] .input-wrap{position:relative;width:100%}
body[data-auth-page] .input-wrap input{width:100%;height:48px;border:1px solid #dbe6df;border-radius:8px;padding:0 44px 0 14px;font:inherit;font-size:14px;line-height:normal;background:white;color:#1d4230}
body[data-auth-page] .input-wrap:has(>i) input{padding-left:40px}
body[data-auth-page] .input-wrap .toggle{position:absolute;right:6px;top:6px;height:36px;width:36px;padding:0;border:0;background:transparent;color:#698c78;cursor:pointer}
body[data-auth-page] .auth-tabs{display:flex;gap:6px;padding:5px;background:#f0f5f2;border-radius:9px;margin:20px 0 23px}
body[data-auth-page] .auth-tabs button{flex:1;min-height:42px;border:0;background:transparent;color:#758d80;border-radius:6px;font-size:12px;font-weight:650;cursor:pointer}
body[data-auth-page] .auth-tabs button[aria-selected=true]{background:white;color:#007e65;box-shadow:0 2px 8px #204a3010}
body[data-auth-page] .submit-auth{width:100%;height:48px;background:#008972;border:1px solid #008972;border-radius:8px;font-size:14px;font-weight:650;color:white;cursor:pointer}
body[data-auth-page] .submit-auth:disabled{opacity:.65;cursor:wait}
body[data-auth-page] .auth-status{display:none;border-radius:7px;padding:12px 14px;font-size:12px;line-height:1.6;background:#fff2eb;color:#a55c38;margin-bottom:18px;overflow-wrap:anywhere}
body[data-auth-page] .auth-status.visible{display:block}
body[data-auth-page] .auth-help{font-size:11px;line-height:1.8;color:#7e9487;margin:15px 0}
body[data-auth-page] .auth-foot{margin-top:25px;text-align:center;color:#80998a;font-size:12px}
body[data-auth-page] .auth-foot a,body[data-auth-page] .back-home{color:#00836d;font-size:12px;text-decoration:none}
body[data-auth-page] .auth-brand{font-size:28px;color:white;text-decoration:none;font-weight:800;display:flex;gap:10px;align-items:center}
body[data-auth-page] .auth-brand span{font-size:31px}
body[data-auth-page] .side-foot{font-size:11px;color:#8db8a4}
body[data-auth-page] .form-grid{min-width:0;gap:16px}
body[data-auth-page] .form-grid>*{min-width:0}
body[data-auth-page] input:focus-visible,body[data-auth-page] button:focus-visible{outline:2px solid #0fbd97;outline-offset:2px}
@media(min-width:981px){body[data-auth-page] .auth-shell{min-height:calc(100svh - 88px)}}
@media(max-width:980px){body[data-auth-page] .auth-shell{grid-template-columns:1fr;min-height:calc(100svh - 88px)}body[data-auth-page] .auth-side{display:none}body[data-auth-page] .auth-main{padding:36px 24px;align-items:flex-start}body[data-auth-page] .auth-card{max-width:560px}}
@media(max-width:520px){body[data-auth-page] .auth-main{padding:28px 20px 36px}body[data-auth-page] .auth-card h2{font-size:27px}body[data-auth-page] .auth-top{margin-bottom:23px}body[data-auth-page] .form-grid{grid-template-columns:1fr}body[data-auth-page] .auth-tabs button{font-size:11px;padding:8px}}
body[data-auth-page]:not(:has(mypet-header)) .auth-shell{min-height:100svh}
body[data-auth-page] .auth-main .auth-card{border:0;border-radius:0;background:transparent;box-shadow:none}

.google-signin{display:flex;align-items:center;justify-content:center;text-decoration:none;margin:20px 0 12px;min-height:40px;background:#fff!important;border:1px solid #d9e1e9!important;color:#17243b!important;border-radius:6px!important}