/* The sign-in surface shares the desktop's mark, type and control shapes. */
body,button,input { font-family:"Segoe UI",Tahoma,Arial,sans-serif; }
.boot-logo,.info-panel-logo img { filter:none !important; }
.boot-logo-shell { background:transparent !important;border:0 !important;box-shadow:none !important; }
.boot-title { font-weight:600;letter-spacing:0;text-shadow:none; }
.boot-logo { object-fit:contain; }
.info-panel-logo img { object-fit:contain; }
.boot-gpu-flash,.boot-particles { display:none; }
button,input { border-radius:5px; }
.profile-panel,.delete-panel { border-radius:9px;background:#1c2b37;box-shadow:0 16px 40px rgba(0,0,0,.35); }
.profile-panel h2 { font-size:26px;font-weight:600;letter-spacing:0; }
.go-btn:hover { transform:none;box-shadow:inset 0 1px rgba(255,255,255,.25); }
.shelf { backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px); }
button:focus-visible,input:focus-visible,[tabindex]:focus-visible { outline:2px solid #b8f4ef;outline-offset:3px; }
@media (prefers-reduced-motion:reduce) { .boot-logo,.boot-title { animation:none !important; } }

/* The welcome and account surfaces share Aqua's polished light. */
.boot-title { text-shadow:0 2px 7px rgba(0,30,65,.5); }
.profile-panel,.delete-panel {
  border:1px solid rgba(177,231,247,.48);
  background:linear-gradient(145deg,rgba(106,186,210,.15),transparent 45%),#1c2b37;
  box-shadow:0 20px 50px rgba(0,8,25,.45),inset 0 1px rgba(255,255,255,.22);
}
.go-btn { box-shadow:inset 0 1px rgba(255,255,255,.5),0 2px 7px rgba(0,20,45,.35); }
.shelf { border-top:1px solid rgba(178,221,244,.18); }

/* Account selection remains on the original animated scene. Forms use the
   same measured spacing, recessed fields and glass commands as the desktop. */
.login-fields .name { font-size:34px;line-height:1.2;font-weight:400;text-shadow:0 2px 5px #001c47aa; }
.login-fields .label { display:block;margin:22px 0 8px;font-size:12px;color:#dbeefa;opacity:1; }
.login-fields .email { margin-top:7px;font-size:12px;opacity:.85; }
.password-row { gap:10px; }
#passwordInput { height:35px;border-radius:4px;border:1px solid #a5cbdc;box-shadow:inset 0 2px 4px #164c6b4d,0 1px #d6f5ff55; }
.login-error { max-width:290px;font-size:12px;line-height:1.5; }
.profile-panel { padding:25px 28px 20px;border-radius:7px;background:linear-gradient(180deg,#355b70 0,#243e52 80px,#1c2e3d 81px); }
.profile-panel h2 { font-size:25px;font-weight:400; }
.profile-panel .sub { margin:7px 0 25px;line-height:1.6;color:#c3dce8;opacity:1;font-size:12px; }
.profile-mode-switch { width:100%;margin:0 0 20px;padding:0;border:0;border-bottom:1px solid #a4cddd45;border-radius:0;gap:3px; }
.profile-mode-switch button { border:1px solid #a4cddd45;border-bottom:0;border-radius:4px 4px 0 0;padding:8px 17px;font-size:12px; }
.profile-mode-switch button.active { background:linear-gradient(#a7cbd9,#e3edf0);color:#244556;box-shadow:inset 0 2px #deffff; }
.creator-grid { gap:22px; }
.creator-field { gap:7px; }
.creator-field label { font-size:12px;color:#d3e7ed; }
.creator-field input { height:35px;border-radius:3px;border:1px solid #93b6c7;background:linear-gradient(#e5edef,#fff 8px);box-shadow:inset 0 1px 3px #244b6333;font-size:14px;color:#284757; }
.icon-picker { border-radius:6px;border:1px solid #add2df;box-shadow:inset 0 1px #efffff66,0 4px 10px #00132055; }
.creator-actions { padding-top:16px;border-top:1px solid #aac9db30;gap:8px;margin-top:20px; }
.overlay-btn { min-width:86px;height:33px;border-radius:4px;font-size:12px;background:linear-gradient(#557b90,#27495f 48%,#203b50 50%,#365c71);border-color:#99c7db66;box-shadow:inset 0 1px #ffffff33,0 1px 3px #0004; }
.overlay-btn.primary { background:linear-gradient(#8bbec8,#397f92 48%,#236077 50%,#397f90); }
.overlay-btn.danger { background:linear-gradient(#c08887,#9b5158 48%,#73383f 50%,#98515a); }
.info-panel-brand { gap:18px; }
.info-panel p { font-size:13px;line-height:1.7; }
.info-panel-note { border-radius:3px;font-size:12px;line-height:1.5; }
.user-label { font-size:11px;line-height:1.35;text-shadow:0 1px 3px #00152e; }
#liveClock { font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #00152e; }
/* The account dialogs carry Welcome's pearl command treatment. */
.profile-mode-switch button.active,.overlay-btn.primary {
  background:linear-gradient(#b6d9df,#e7f0ef);color:#193b49;border-color:#d4f7f4;
  box-shadow:inset 0 1px #ffffff66,0 2px 4px #061d3033;text-shadow:none;
}
/* Account dialogs inherit Aqua's blue work areas without altering the 3D scene. */
.profile-panel { background:radial-gradient(ellipse at 5% 0%,#92dce72b,transparent 48%),linear-gradient(155deg,#286e80 0,#193e50 125px,#172f3c 270px);border-color:#91bac8;border-radius:6px;box-shadow:inset 0 1px #d9ffff55,0 18px 45px #00122588; }
.profile-panel h2 { color:#e9faff;font-size:27px;font-weight:400;line-height:1.2; }
.profile-panel .sub { color:#c3e1e9;font-size:12px;line-height:1.6;margin-bottom:22px; }
.profile-panel .profile-mode-switch { background:transparent;border-color:#91bac844;gap:4px; }
.profile-panel .profile-mode-switch button { background:transparent;color:#d8ecf3;border:1px solid transparent;border-radius:4px;padding:9px 15px;text-shadow:none; }
.profile-panel .profile-mode-switch button:hover { background:#ffffff12;border-color:#b6eaf52e; }
.profile-panel .profile-mode-switch button.active { background:linear-gradient(#b6d9df,#e7f0ef);color:#193b49;border-color:#d4f7f4;box-shadow:0 2px 4px #061d3033; }
.profile-panel .creator-field label { color:#d5eaf2;font-size:12px;font-weight:500; }
.profile-panel .creator-field input { color:#e1eff4;background:#102b3a;border:1px solid #789eaf;border-radius:4px;box-shadow:inset 0 1px 3px #0003;font-size:13px; }
.profile-panel .creator-field input::placeholder { color:#9ab5c3;opacity:1; }
.profile-panel .creator-field input:focus { border-color:#b7e7ed;outline:2px solid #b7e7ed44;outline-offset:1px; }
.profile-panel .icon-picker { background:linear-gradient(#3e6b7c,#234758);border:1px solid #9dc8d5;border-radius:6px;box-shadow:inset 0 1px #ffffff40,0 3px 8px #00132044; }
.profile-panel .upload-placeholder { color:#d5eaf2;font-size:12px;line-height:1.5; }
.profile-panel .icon-picker:hover { border-color:#dbffff;box-shadow:inset 0 1px #ffffff60,0 3px 8px #00132044; }
.profile-panel .creator-actions { border-color:#91bac844;padding-top:17px; }
.profile-panel .overlay-btn { color:#d9edf4;background:linear-gradient(#395f71,#234353);border:1px solid #91b4c477;border-radius:4px;text-shadow:none; }
.profile-panel .overlay-btn:hover:not(:disabled) { color:#fff;background:linear-gradient(#477387,#305467);border-color:#c3e1e9; }
.profile-panel .overlay-btn.primary { background:linear-gradient(#b6d9df,#e7f0ef);color:#193b49;border-color:#d4f7f4; }
.profile-panel .overlay-btn.primary:hover:not(:disabled) { background:linear-gradient(#f5fcff,#e1eff1);color:#193b49;border-color:#d4f7f4; }
.profile-panel .overlay-btn.danger { background:linear-gradient(#a2676a,#763c47);color:#fff0f2;border-color:#d29c9f; }
.profile-panel .overlay-btn.danger:hover:not(:disabled) { background:linear-gradient(#b8787b,#8e4955); }
.profile-panel .overlay-btn:disabled { opacity:.55;cursor:default; }
.profile-panel .form-error { color:#ffc5ce;line-height:1.5;text-align:left; }
.profile-panel .info-panel-note { color:#c3dce6;background:#102b3a;border-color:#789eaf55; }
/* Desktop-era sign-in finish; scene geometry and account positions remain intact. */
.login-fields { border-left:1px solid #abd9df55;padding-left:22px;text-shadow:0 1px 4px #001c3580; }
.login-fields .name { font-size:34px;font-weight:400;letter-spacing:-.4px;color:#f0fcff; }
.login-fields .email { color:#bfdde7;font-size:12px; }
.login-fields .label { color:#d9edf2;font-size:12px;margin-top:25px;margin-bottom:9px; }
#passwordInput { height:36px;background:linear-gradient(#fff,#e7f0ef);color:#244957;border:1px solid #a8cbd6;border-radius:4px;box-shadow:inset 0 1px 3px #1c465633,0 1px #ffffff22;font-size:21px;text-shadow:none; }
#passwordInput:focus { border-color:#b8f4ef;outline:2px solid #b8f4ef33;outline-offset:2px; }
#passwordInput.login-password-error { border-color:#ed9da8;outline-color:#ed9da844; }
.go-btn { width:36px;height:36px;background:radial-gradient(ellipse at 32% 20%,#e7ffff 0,#85cbd0 22%,#38899e 57%,#143e55 100%);border:1px solid #d0f0f2;box-shadow:inset 0 1px #fff9,0 2px 6px #00172988; }
.go-btn:hover { background:radial-gradient(ellipse at 32% 20%,#fff 0,#ace8e8 22%,#489db0 57%,#1b4d64 100%);filter:none; }
.go-btn:hover svg { transform:translateX(1px); }
.go-btn:disabled { opacity:.55;cursor:default; }
.shelf { background:linear-gradient(180deg,#6ca4b521,#17384c99 12%,#071d30e8 70%,#061726f5);border-top:1px solid #acd6df44;box-shadow:inset 0 1px #ffffff12,0 -8px 30px #00132122; }
.avatar { border:1px solid #b2d4df88;background:linear-gradient(#90c4ce55,#193d5266);padding:3px;border-radius:12px;box-shadow:inset 0 1px #ffffff44,0 4px 9px #00152566; }
.avatar-inner { border-radius:8px; }
.user.active .avatar { border:1px solid #d9ffff;box-shadow:inset 0 1px #fff8,0 0 0 2px #8bd5dc55,0 4px 12px #00152588; }
.user:not(.active) .avatar img { filter:saturate(.7) brightness(.82); }
.user:hover .avatar img { filter:none; }
.user-label { color:#d4e7ee;font-size:12px;font-weight:400;opacity:1; }
.user.active .user-label { color:#f1ffff;font-weight:600; }
.add-avatar { border:1px solid #9ec5d2;background:linear-gradient(155deg,#6da5b44d,#1d425b);border-radius:12px;box-shadow:inset 0 1px #ffffff44,0 4px 9px #00152555; }
.delete-avatar { background:linear-gradient(155deg,#718fa14d,#293d55);border-color:#9dbacb; }
.add-user:hover .add-avatar { border-color:#dcffff;box-shadow:inset 0 1px #ffffff66,0 0 0 2px #8bd5dc33; }
.power-icon { background:radial-gradient(ellipse at 32% 22%,#f3ffff,#89d3d8 24%,#3a889f 62%,#163a51);border:1px solid #bfebef;box-shadow:inset 0 1px #fff8,0 3px 7px #00152566; }
.power-btn:hover .power-icon,.info-btn:hover .power-icon { box-shadow:inset 0 1px #fff8,0 0 0 2px #8bd5dc44,0 3px 8px #00152566; }
#liveClock { color:#e0f1f6;font-size:14px;font-weight:400; }
.login-error { color:#ffc5ce; }