/* Authentication screens only: signed-in account layouts keep existing styles. */
#patient-preview .auth-art,#patient-preview .auth-header-nav{display:none}
#patient-preview.auth-mode{min-height:100vh;padding:28px 24px 120px;background:radial-gradient(ellipse at 10% 10%,#dfeee1a0,transparent 60%),#f3faf7;color:#134c4e}
#patient-preview.auth-mode .phone{position:relative;isolation:isolate;max-width:1200px;min-height:730px;margin:auto;background:#edf6ec;border:1px solid #e0eee5;border-radius:26px;overflow:hidden;box-shadow:0 18px 56px #1d574b0c}
#patient-preview.auth-mode header{position:relative;z-index:2;min-height:84px;padding:16px 32px;background:#f9fdf9eb;border:0;gap:10px;display:flex;align-items:center;font-size:17px;font-weight:700;color:#154d4d}
#patient-preview.auth-mode header .profile-brand-logo{order:-1;width:43px;height:43px;object-fit:contain;background:none;padding:0;border-radius:0;box-shadow:none}
#patient-preview.auth-mode header small{font-size:12px;font-weight:400;color:#71868c}
#patient-preview.auth-mode .auth-header-nav{margin-inline-start:auto;display:flex;align-items:center;gap:30px}
#patient-preview.auth-mode .auth-header-nav a{display:flex;align-items:center;min-height:44px;font-size:13px;font-weight:500;color:#315e60;text-decoration:none}
#patient-preview.auth-mode .auth-art{display:block;position:absolute;z-index:-1;inset:84px 0 0;background:#e3efdf url('/assets/account-sanctuary.webp') 36% center/cover no-repeat}
#patient-preview.auth-mode .auth-art>p{position:absolute;left:7%;top:5%;color:#265646;font-size:21px;line-height:2.1;margin:0;text-align:right;text-shadow:0 1px 8px #ffffffa0;font-weight:500}
#patient-preview.auth-mode #profile-content{position:relative;padding:0;width:44%;margin:30px 30px 28px auto;min-width:0}
#patient-preview.auth-mode .auth-card{background:#fffffff9;border:1px solid #f0f6f0;border-radius:24px;padding:25px 32px 21px;box-shadow:0 12px 35px #214e3b0b}
#patient-preview.auth-mode .auth-home{display:inline-flex;align-items:center;gap:8px;color:#346e6a;min-height:40px;font-size:12px;text-decoration:none;margin-bottom:18px}
#patient-preview.auth-mode .auth-home svg{width:18px;height:18px}
#patient-preview.auth-mode .auth-heading{margin-bottom:27px}
#patient-preview.auth-mode h2{font-size:30px;font-weight:800;line-height:1.65;color:#124e50;margin:0 0 7px}
#patient-preview.auth-mode .auth-heading>p{font-size:13px;line-height:1.9;color:#7c8c96;margin:0;text-align:right;text-align-last:right}
#patient-preview.auth-mode #auth-form label{font-size:14px;font-weight:500;color:#315d62;margin:18px 0 8px}
#patient-preview.auth-mode .auth-field{position:relative;display:flex;align-items:center;direction:ltr}
#patient-preview.auth-mode .auth-field>svg{position:absolute;left:14px;top:calc(50% - 10px);width:20px;height:20px;color:#54767b;pointer-events:none}
#patient-preview.auth-mode .auth-field input{min-width:0;width:100%;min-height:52px;border:1px solid #d6e3df;border-radius:12px;background:#fcfefd;padding:12px 14px 12px 47px;color:#285b60;font-size:16px;line-height:1.5;box-shadow:0 1px 2px #234e3d03}
#patient-preview.auth-mode .auth-field input#name{direction:rtl;text-align:right}
#patient-preview.auth-mode .auth-field input::placeholder{color:#a0adb1;opacity:1}
#patient-preview.auth-mode .auth-field input:focus-visible{outline:2px solid #269b90;outline-offset:3px;border-color:#269b90}
#patient-preview.auth-mode #auth-form>.primary{display:flex;justify-content:center;align-items:center;gap:28px;width:100%;min-height:52px;font-size:16px;font-weight:700;line-height:1.7;padding:12px 20px;margin-top:24px;border:1px solid #0c8989;border-radius:14px;background:linear-gradient(115deg,#149d9c,#087a80);box-shadow:inset 0 1px 2px #ffffff36,0 7px 16px #007e7c15;color:#fff}
#patient-preview.auth-mode #auth-form>.primary:hover:not(:disabled){background:linear-gradient(115deg,#098d8d,#056f76)}
#patient-preview.auth-mode button:disabled{opacity:.6;cursor:wait}
#patient-preview.auth-mode .auth-switch{min-height:48px;width:100%;margin:11px 0 5px;background:none;border:0;color:#5b737c;font-size:13px;padding:10px 3px}
#patient-preview.auth-mode .auth-switch strong{font-weight:650;color:#19758a;border-bottom:1px solid #a7cdd1;margin-inline-start:5px}
#patient-preview.auth-mode .auth-help{margin-top:9px;background:#fff7ef;border:1px solid #faeee1;border-radius:14px;overflow:hidden}
#patient-preview.auth-mode .auth-help>summary{display:flex;align-items:center;gap:10px;list-style:none;border:0;border-radius:0;min-height:57px;padding:10px 13px;background:linear-gradient(110deg,#fffbf5,#fff4e8);color:#2a6064;font-size:13px;cursor:pointer}
#patient-preview.auth-mode .auth-help>summary::-webkit-details-marker{display:none}
#patient-preview.auth-mode .auth-help>summary::before,#patient-preview.auth-mode .auth-help>summary::after{display:none!important;content:none!important}
#patient-preview.auth-mode .auth-help-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;background:#eea778;color:#fff;border-radius:50%}
#patient-preview.auth-mode .auth-help-icon svg{width:24px;height:24px}
#patient-preview.auth-mode .auth-chevron{margin-inline-start:auto;display:flex;color:#396d71;transition:transform .2s}
#patient-preview.auth-mode .auth-chevron svg{width:18px;height:18px}
#patient-preview.auth-mode .auth-help[open] .auth-chevron{transform:rotate(180deg)}
#patient-preview.auth-mode .auth-help .hint{margin:0;padding:12px 15px 5px;font-size:12px;line-height:2;color:#7b6958;text-align:right;text-align-last:right}
#patient-preview.auth-mode .auth-help-contact{display:inline-flex;align-items:center;min-height:44px;padding:8px 15px 12px;font-size:12px;color:#297770;text-decoration:none}
#patient-preview.auth-mode .auth-privacy{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;line-height:1.8;color:#7c8f94;margin:18px 0 0;text-align:center}
#patient-preview.auth-mode .auth-privacy svg{width:15px;height:15px;flex-shrink:0}
#patient-preview.auth-mode #auth-form>.hint{font-size:12px;text-align:right;color:#70837c;line-height:1.9}
#patient-preview.auth-mode #profile-error:empty{display:none}
#patient-preview.auth-mode #profile-error:not(:empty){position:relative;z-index:2;width:44%;margin:0 30px 24px auto!important;padding:13px 18px!important;border:1px solid #efd6ca;border-radius:12px;background:#fff3ed;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
#patient-preview.auth-mode button:focus-visible,#patient-preview.auth-mode a:focus-visible,#patient-preview.auth-mode summary:focus-visible{outline:3px solid #cc9b74;outline-offset:3px}
@media(min-width:901px){#patient-preview.auth-mode>.app-menu{display:none}#patient-preview.auth-mode{padding-bottom:28px}}
@media(max-width:900px){
#patient-preview.auth-mode{padding:0 0 calc(var(--app-menu-height,88px) + var(--app-menu-gap,10px) + env(safe-area-inset-bottom,0px));background:#f2faf6}
#patient-preview.auth-mode .phone{max-width:620px;border:0;box-shadow:none;border-radius:0;min-height:0;background:#f2faf6;overflow:hidden}
#patient-preview.auth-mode header{padding:17px 21px;min-height:77px;font-size:16px;background:#f8fdf9;gap:10px}
#patient-preview.auth-mode header .profile-brand-logo{width:39px;height:39px}
#patient-preview.auth-mode header small{font-size:11px}
#patient-preview.auth-mode .auth-header-nav{display:none}
#patient-preview.auth-mode .auth-art{position:relative;inset:auto;z-index:0;height:240px;background-position:25% 61%;background-size:cover}
#patient-preview.auth-mode .auth-art>p{display:none}
#patient-preview.auth-mode #profile-content{width:auto;margin:-26px 16px 16px;z-index:1;padding:0}
#patient-preview.auth-mode .auth-card{padding:19px 23px 21px;border-radius:24px;background:#fff;box-shadow:0 14px 30px #2c634210}
#patient-preview.auth-mode .auth-home{margin-bottom:13px;font-size:11px;min-height:35px}
#patient-preview.auth-mode h2{font-size:26px}
#patient-preview.auth-mode .auth-heading{margin-bottom:24px}
#patient-preview.auth-mode .auth-heading>p{font-size:12px;line-height:1.9}
#patient-preview.auth-mode #auth-form label{font-size:13px;margin-top:17px}
#patient-preview.auth-mode .auth-field input{min-height:49px}
#patient-preview.auth-mode #auth-form>.primary{min-height:49px;margin-top:20px;font-size:15px}
#patient-preview.auth-mode .auth-switch{font-size:12px;margin:8px 0 4px}
#patient-preview.auth-mode .auth-help>summary{font-size:12px;gap:8px;padding:10px;min-height:54px}
#patient-preview.auth-mode .auth-help-icon{width:29px;height:29px;flex-basis:29px}
#patient-preview.auth-mode .auth-privacy{font-size:10px;margin-top:16px}
#patient-preview.auth-mode #profile-error:not(:empty){width:auto;margin:0 16px 20px!important}
#patient-preview.auth-mode>.app-menu .navitem{min-height:48px}
}
@media(max-width:380px){#patient-preview.auth-mode .auth-art{height:185px}#patient-preview.auth-mode .auth-card{padding-inline:18px}#patient-preview.auth-mode #profile-content{margin-inline:12px}#patient-preview.auth-mode h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){#patient-preview.auth-mode *{transition:none!important;animation:none!important}}

#patient-preview .auth-brand-logo,#patient-preview .auth-brand-subtitle{display:none}
#patient-preview.auth-mode .auth-brand-logo,#patient-preview.auth-mode .auth-brand-subtitle{display:block}
#patient-preview.auth-mode .account-brand-logo,#patient-preview.auth-mode .account-brand-subtitle{display:none}

#patient-preview.auth-mode .auth-art>p{background:#f7faefd9;border-radius:17px;padding:12px 20px;font-size:18px;text-shadow:none}
#patient-preview.auth-mode .auth-error:not([hidden]){margin:12px 0 0;padding:11px 13px;background:#fff2eb;border:1px solid #f0d8cb;border-radius:11px;color:#a4473a;font-size:12px;line-height:1.9;overflow-wrap:anywhere;text-align:right;text-align-last:right}
@media(max-width:900px){#patient-preview.auth-mode .auth-art{height:180px}#patient-preview.auth-mode .auth-heading{margin-bottom:18px}#patient-preview.auth-mode .auth-home{margin-bottom:8px}#patient-preview.auth-mode .auth-card{padding-top:16px}#patient-preview.auth-mode .auth-privacy{margin-top:12px}}
@media(max-width:380px){#patient-preview.auth-mode .auth-art{height:160px}}

/* Align the auth heading and reuse the app's shared botanical background. */
#patient-preview.auth-mode .auth-heading h2,#patient-preview.auth-mode .auth-heading>p{text-align:center;text-align-last:center}
#patient-preview.auth-mode{background-image:url('/assets/app-leaf-pattern.svg?v=2'),radial-gradient(ellipse at 10% 10%,#dfeee1a0,transparent 60%);background-color:#f3faf7;background-size:340px 340px,auto;background-repeat:repeat,no-repeat}
#patient-preview.auth-mode .phone{background-image:url('/assets/app-leaf-pattern.svg?v=2');background-size:340px 340px;background-repeat:repeat}

@media(max-width:900px){#patient-preview.auth-mode #profile-content{margin-bottom:0}}