/* AMA admin sign-in. Editor styles remain in admin.css. */
body:has(#login:not([hidden])){background:#f4f7fc}
body:has(#login:not([hidden])) .admin-header{background:transparent;border-bottom:0;padding-top:25px;padding-bottom:21px}
body:has(#login:not([hidden])) .header-actions a{display:inline-flex;align-items:center;min-height:42px;padding:7px 15px;background:#fff;border:1px solid #dce5ef;border-radius:100px;color:#244260;font-weight:600}
body:has(#login:not([hidden])) .header-actions a:hover{color:var(--blue);border-color:#a9bfe6;background:#edf3ff}
body:has(#login:not([hidden])) .admin-layout{padding-top:20px;padding-bottom:32px;min-height:calc(100svh - 174px);display:flex;flex-direction:column;justify-content:center}
body:has(#login:not([hidden])) .admin-footer{border:0;padding-top:12px;padding-bottom:24px;color:#738299}
#login.login-shell{display:grid;grid-template-columns:1fr 1fr;max-width:1096px;width:100%;margin:0 auto;padding:0;overflow:hidden;border:1px solid #e1e7f1;border-radius:26px;box-shadow:0 20px 60px -30px #173b5438;background:#fff}
.login-story{display:flex;flex-direction:column;background:#0b55e5;color:#fff;padding:38px 38px 25px;min-width:0}
.story-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:1.9px;color:#dce8ff;margin-bottom:26px}
.story-dot{height:7px;width:7px;flex:none;background:#b7d3ff;border-radius:50%}
.story-heading h2{font-size:42px;font-weight:700;line-height:1.12;letter-spacing:-1.6px;color:#fff;margin:0 0 16px}
#login .story-heading p{font-size:14px;line-height:1.65;color:#e3ecff;max-width:350px;margin:0 0 28px}
.story-photo{position:relative;margin:0;border-radius:15px;overflow:hidden;background:#1145a9;min-height:244px;flex:1}
.story-photo>img{display:block;width:100%;height:100%;min-height:244px;object-fit:cover;object-position:50% 50%;position:absolute;inset:0}
.story-photo figcaption{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;gap:12px;border:1px solid #ffffffa6;border-radius:11px;background:#fffffff2;color:#1b385b;padding:12px 14px;font-size:11px;line-height:1.5}
.story-photo figcaption strong{font-size:13px;font-weight:700}
.story-photo-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e7efff;color:#0b55e5;flex:none}
.story-photo-mark svg{width:19px;height:19px}
.story-signature{display:flex;justify-content:space-between;gap:12px;margin-top:22px;font-size:9px;letter-spacing:1.5px;font-weight:600;color:#dce8ff}
.login-panel{display:flex;align-items:center;padding:56px 46px;min-width:0}
.login-panel-inner{width:100%;max-width:360px;margin:auto}
.login-kicker{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:1.65px;color:#57728f;margin-bottom:26px}
.login-kicker svg{width:17px;height:17px;color:var(--blue)}
#login h1{font-size:37px;line-height:1.12;letter-spacing:-1.3px;color:#102c4b;margin:0 0 15px}
#login .login-intro{font-size:14px;color:#6a7c90;line-height:1.7;margin:0 0 30px}
#login-form label{font-size:12px;color:#28435f;font-weight:700;margin:0 0 8px}
.login-input{position:relative;display:flex;align-items:center;gap:0;margin-bottom:21px}
.login-input>svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#8295ac;pointer-events:none}
#login-form input{height:53px;margin:0;padding:14px 15px 14px 44px;border-color:#dbe3ee;border-radius:10px;background:#fafbfd;color:#183653;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}
#login-form input::placeholder{color:#8b9bae;opacity:1}
#login-form input:focus{background:#fff;border-color:#0b55e5;box-shadow:0 0 0 3px #0b55e512;outline:2px solid transparent;outline-offset:2px}
#login-form #login-password{padding-right:67px}
#login-form #show-password{position:absolute;right:5px;top:50%;transform:translateY(-50%);margin:0;border:0;background:transparent;color:#416080;font-size:11px;padding:8px 10px;min-height:42px;min-width:48px;border-radius:7px}
#login-form #show-password:hover{background:#edf3ff;color:#0b55e5}
#login-form #forgot-password{display:block;margin:-12px 0 15px auto;padding:0;font-size:12px;min-height:32px}
#login-form .login-submit{display:flex;align-items:center;justify-content:center;gap:13px;min-height:53px;font-size:14px;margin-top:5px;border-radius:10px;box-shadow:0 6px 14px -8px #0b55e570;transition:background .15s,box-shadow .15s}
.login-submit svg{width:18px;height:18px}
#login-form .login-submit:hover{background:#0747c5;box-shadow:0 8px 19px -9px #0b55e588}
#login .login-help{font-size:11px;line-height:1.7;text-align:center;color:#516a83;margin:19px 0 26px}
.login-help span{display:block;color:#74859a}
.login-access{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #ecf0f5;padding-top:22px;color:#7a8da2;font-size:10px}
.login-access svg{width:15px;height:15px;flex:none}
@media(min-width:1200px) and (min-height:850px){#login.login-shell{min-height:660px}.login-story{padding:44px 44px 27px}.story-heading h2{font-size:46px}.story-photo{min-height:280px}.login-panel{padding:60px 52px}}
@media(max-width:950px){.login-story{padding:30px 28px 23px}.story-heading h2{font-size:36px}.login-panel{padding:42px 32px}#login h1{font-size:32px}.story-photo{min-height:230px}.story-signature{font-size:8px;letter-spacing:1px}}
@media(max-width:740px){body:has(#login:not([hidden])) .admin-header{padding:18px 22px 10px}body:has(#login:not([hidden])) .admin-layout{padding:22px 20px 26px;min-height:calc(100svh - 154px)}#login.login-shell{grid-template-columns:1fr;max-width:470px;border-radius:22px}.login-story{display:none}.login-panel{padding:43px 32px 34px}.login-panel-inner{max-width:360px}.login-kicker{margin-bottom:25px}#login h1{font-size:36px}#login .login-intro{margin-bottom:29px}.login-access{padding-top:22px}body:has(#login:not([hidden])) .admin-footer{padding:8px 20px 22px;font-size:11px}}
@media(max-width:380px){body:has(#login:not([hidden])) .admin-header{padding-left:18px;padding-right:18px}body:has(#login:not([hidden])) .header-actions a{padding:7px 12px;font-size:11px}body:has(#login:not([hidden])) .admin-layout{padding-left:14px;padding-right:14px}.login-panel{padding:34px 24px 29px}#login h1{font-size:32px}.login-kicker{font-size:8px;letter-spacing:1.3px}}
@media(max-width:740px){#login-form input{font-size:16px}#login-form #show-password{min-height:44px}}
@media(prefers-reduced-motion:reduce){#login input,#login .login-submit{transition:none}}
