/* PHIMAI HEALTH | ผู้พัฒนาระบบ : นายวิษณุ เสาะสาย | ตำแหน่ง : เจ้าพนักงานธุรการ */

body.login-standalone{background:#edf4f4}
.login-standalone .login-popup-stage{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100svh;padding:32px 24px;overflow:hidden;background:radial-gradient(ellipse at 5% 0%,#c2e4db,transparent 55%),linear-gradient(125deg,#edf6f3,#eef1f8)}
.login-network-background{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.45}
.login-network-background canvas{display:block;width:100%;height:100%;pointer-events:none}
.login-design-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);width:min(1060px,100%);border-radius:30px;overflow:hidden;border:1px solid #fff;box-shadow:0 30px 90px #133d4820;background:#fff}
.login-brand-panel{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:50px;padding:44px;color:#fff;background:radial-gradient(ellipse at 100% 80%,#1a807c80,transparent 60%),linear-gradient(155deg,#10323f,#145657);overflow:hidden}
.login-brand-panel::after{content:'';position:absolute;width:380px;height:380px;right:-220px;bottom:-160px;border:1px solid #c4f5df33;border-radius:50%;box-shadow:0 0 0 40px #a6e8d409,0 0 0 80px #a6e8d407;pointer-events:none}
.login-brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:.04em}.login-brand:hover{color:#e0fff4}
.login-brand small{display:block;font-size:9px;letter-spacing:.13em;margin-top:5px;color:#b6ddd7}
.login-brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;border:1px solid #b1ddcf66;background:#ffffff14;font-size:28px}
.login-brand-kicker{font-size:12px;color:#a8dfd3}
.login-brand-message h2{font-size:clamp(26px,3vw,39px);line-height:1.55;margin:18px 0;color:#fff;font-weight:600}
.login-brand-message p{font-size:14px;line-height:1.95;color:#c3dedb}
.login-brand-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.login-brand-tags span{border:1px solid #a8dfd333;border-radius:30px;padding:7px 12px;font-size:11px;color:#d0e9e4}
.login-brand-credit{font-size:10px;color:#a2c8c4}
.login-design-wrap .login-popup-card.login-shell{max-width:none;width:100%;border:0!important;border-radius:0!important;box-shadow:none;background:#fffffffa;padding:40px!important;margin:0;min-width:0;animation-duration:1.1s}
.login-design-wrap .login-popup-card.login-shell h1{font-size:26px;margin-top:8px}
.login-design-wrap .login-popup-icon{width:46px;height:46px;margin-bottom:18px}
.login-design-wrap .form-label{font-size:13px;font-weight:600;color:#314c55}
.login-design-wrap .form-control{min-height:48px;background:#f5f9f9;border-color:#d3e1e3}
.login-design-wrap .btn-primary{background:linear-gradient(110deg,#087d7c,#126167);border-color:#087d7c}
.login-design-wrap .login-back-link{font-size:12px}
@media(max-width:850px){.login-design-wrap{grid-template-columns:minmax(0,1fr);max-width:480px}.login-brand-panel{padding:24px 28px;gap:16px}.login-brand-message h2{font-size:22px;margin:12px 0 0}.login-brand-message h2 br{display:none}.login-brand-message p,.login-brand-tags,.login-brand-credit{display:none}.login-brand-kicker{font-size:11px}.login-design-wrap .login-popup-card.login-shell{padding:28px!important}.login-brand{font-size:18px}}
@media(max-width:575px){.login-standalone .login-popup-stage{padding:18px 12px}.login-design-wrap{border-radius:22px}.login-brand-panel{padding:22px}.login-design-wrap .login-popup-card.login-shell{padding:24px 22px!important}}