/* PASI + Botmaker Integration UX V11.1 */
.pasi-login-v11{min-height:100vh;background:#071c34!important}
.pasi-login-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.7fr);min-height:100vh;background:radial-gradient(circle at 12% 15%,rgba(33,160,230,.2),transparent 26%),linear-gradient(135deg,#071b32 0%,#0a355d 55%,#08726f 100%)}
.pasi-login-story{position:relative;display:flex;flex-direction:column;justify-content:center;padding:7vw;color:#fff}
.pasi-login-brand{position:absolute;top:34px;left:7vw;display:flex;align-items:center;gap:11px}
.pasi-login-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#56bfff,#22ca92);font-size:1.1rem;font-weight:900;box-shadow:0 10px 26px rgba(0,0,0,.2)}
.pasi-login-brand strong,.pasi-login-brand small{display:block}.pasi-login-brand strong{font-size:1.05rem}.pasi-login-brand small{margin-top:2px;color:#bcd5ea;font-size:.72rem}
.pasi-login-copy{max-width:760px}.pasi-login-eyebrow{color:#9edbff;font-size:.72rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.pasi-login-copy h1{max-width:720px;margin:10px 0 16px;font-size:clamp(2.35rem,4.5vw,4.7rem);line-height:1.01;letter-spacing:-.055em}
.pasi-login-copy p{max-width:680px;margin:0;color:#d6e8f7;font-size:1rem;line-height:1.7}
.pasi-login-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:30px}
.pasi-login-capabilities article{display:flex;gap:11px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}
.pasi-login-capabilities article>span{color:#82d3ff;font-weight:900}.pasi-login-capabilities strong,.pasi-login-capabilities small{display:block}.pasi-login-capabilities small{margin-top:4px;color:#bdd4e7;line-height:1.45}
.pasi-login-environment{display:flex;align-items:center;gap:8px;margin-top:25px;color:#cce2f3;font-size:.78rem}.pasi-login-environment i{width:8px;height:8px;border-radius:50%;background:#38d98d;box-shadow:0 0 0 5px rgba(56,217,141,.13)}
.pasi-login-card{align-self:center;margin:36px;padding:31px;border-radius:23px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.27)}
.pasi-login-card-head{display:flex;gap:13px;align-items:center}.pasi-login-lock{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:#e7f2ff;color:#1263b1;font-size:1.1rem}
.pasi-login-kicker{display:block;color:#1763a8;font-size:.68rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.pasi-login-card h2{margin:3px 0 3px;color:#14283f;font-size:1.35rem}.pasi-login-card-head p{margin:0;color:#6c7e91}
.pasi-login-form{display:grid;gap:15px;margin-top:24px}.pasi-login-form .field{display:grid;gap:7px}.pasi-login-form label{color:#354d66;font-size:.75rem;font-weight:780}
.pasi-login-form input{min-height:45px;border:1px solid #cbd9e6!important;border-radius:11px!important;background:#fff!important;color:#172b42!important;padding:11px 12px!important}
.pasi-login-form input:focus{outline:0;border-color:#4d9bdc!important;box-shadow:0 0 0 3px rgba(31,119,194,.12)}
.pasi-login-submit{min-height:46px;margin-top:3px}.pasi-login-foot{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:15px;border-top:1px solid #e1e8ef;color:#6c7e91;font-size:.68rem}
.v11-endpoint-note{display:block;margin-top:5px;color:#17649f!important;font-weight:700}
.v11-integration-map{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:12px;align-items:center}
.v11-connection-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:18px;border:1px solid #d6e2ed;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(18,48,80,.06)}
.v11-connection-card.primary{border-color:#91bee6;background:linear-gradient(180deg,#fff,#f1f8ff)}.v11-connection-card.outbound{border-color:#9bd6cf;background:linear-gradient(180deg,#fff,#f1fbf9)}
.v11-connection-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#1367bf;color:#fff;font-weight:900}.v11-connection-card.outbound .v11-connection-number{background:#087d76}
.v11-connection-kicker{color:#587087;font-size:.67rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.v11-connection-card h2{margin:4px 0 6px;color:#172e46;font-size:1rem}.v11-connection-card p{margin:0 0 11px;color:#61758a;font-size:.78rem;line-height:1.5}
.v11-connection-card code{display:block;padding:11px;border:1px solid #cfdce8;border-radius:10px;background:#fff;color:#145b96;font-size:.73rem;overflow-wrap:anywhere}
.v11-connection-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.v11-connection-meta span{padding:5px 8px;border-radius:999px;background:#e6f1fb;color:#2a5c85;font-size:.64rem;font-weight:750}
.v11-connection-arrow{display:grid;place-items:center;color:#4e789d;font-size:1.2rem}
.v11-credential-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.v11-credential-grid article{padding:15px;border:1px solid #d7e2ec;border-radius:14px;background:#f8fbfe}
.v11-credential-grid strong{color:#18334e}.v11-credential-grid p{min-height:38px;margin:7px 0 11px;color:#60758a;font-size:.76rem;line-height:1.45}.v11-credential-grid dl{display:grid;gap:7px;margin:0}
.v11-credential-grid dl div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:7px}.v11-credential-grid dt{color:#6f8193;font-size:.67rem}.v11-credential-grid dd{margin:0;color:#2f4a63;font-size:.7rem;line-height:1.4;overflow-wrap:anywhere}
.v11-legacy-details{padding:13px 15px;border:1px solid #dce5ee;border-radius:13px;background:#f7fafc;color:#5e7285}.v11-legacy-details summary{cursor:pointer;color:#415d77;font-weight:760;font-size:.78rem}.v11-legacy-details p{margin:10px 0 0;font-size:.75rem;line-height:1.5}
@media(max-width:1120px){.pasi-login-capabilities,.v11-credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v11-integration-map{grid-template-columns:1fr}.v11-connection-arrow{transform:rotate(90deg)}}
@media(max-width:900px){.pasi-login-shell{grid-template-columns:1fr}.pasi-login-story{display:none}.pasi-login-card{width:min(470px,calc(100% - 28px));margin:28px auto}}
@media(max-width:650px){.pasi-login-card{padding:23px}.pasi-login-capabilities,.v11-credential-grid{grid-template-columns:1fr}.pasi-login-foot{flex-direction:column}.v11-connection-card{grid-template-columns:1fr}.v11-connection-arrow{display:none}}
