.stay-connect-page{background:#f4f7fa;color:#10263b}.connect-hero{padding:64px 0 38px;background:linear-gradient(135deg,#061a2d,#0c3456);color:#fff}.connect-hero h1{max-width:820px;font-size:clamp(2.1rem,5vw,4rem);margin:.45rem 0}.connect-hero p{max-width:800px;font-size:1.08rem;color:#d8e7f2}.connect-warning{margin-top:22px;max-width:900px;padding:14px 18px;border:1px solid rgba(215,177,94,.48);border-radius:14px;background:rgba(215,177,94,.11);color:#fff}.connect-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.connect-side{position:sticky;top:92px;background:#fff;border:1px solid #dbe5ec;border-radius:20px;padding:20px;box-shadow:0 14px 38px rgba(8,31,50,.08)}.connect-side label{display:grid;gap:7px;font-weight:700}.connect-side select,.connect-card input,.connect-card select,.connect-card textarea{width:100%;border:1px solid #cbd8e2;border-radius:11px;padding:11px;background:#fff;font:inherit}.unit-summary{margin:16px 0;padding:14px;border-radius:13px;background:#f2f6f9;display:grid;gap:5px}.full{width:100%;display:block;margin-top:10px}.connect-main{display:grid;gap:22px}.connect-card{background:#fff;border:1px solid #dbe5ec;border-radius:22px;padding:24px;box-shadow:0 12px 34px rgba(8,31,50,.07)}.connect-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.connect-card header>div{display:flex;align-items:center;gap:12px}.connect-card h2{margin:0}.step{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0c3557;color:#fff;font-weight:800}.status-pill{padding:7px 11px;border-radius:99px;background:#e8f6ed;color:#17643a;font-size:.8rem;font-weight:800}.status-pill.blue{background:#e8f2fc;color:#155384}.status-pill.amber{background:#fff3dc;color:#7a4a00}.connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.connect-grid label,.connection-form label{display:grid;gap:7px;font-weight:700}.connect-grid .full,.connection-form .full{grid-column:1/-1}.toggle-row{display:flex!important;align-items:flex-start;gap:12px;padding:14px;border:1px solid #dbe5ec;border-radius:14px}.toggle-row input{width:auto;margin-top:4px}.toggle-row span{display:grid;gap:3px}.toggle-row small{font-weight:400;color:#5b6d7c}.method-grid{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 18px}.method-chip{border:1px solid #cad8e2;border-radius:99px;padding:9px 13px;cursor:pointer;background:#fff}.method-chip:has(input:checked){background:#0b3557;color:#fff;border-color:#0b3557}.method-chip input{width:auto;margin-right:6px}.calendar-actions{display:flex;flex-wrap:wrap;gap:10px}.ics-preview{margin-top:14px;padding:14px;border-radius:13px;background:#f4f7f9;max-height:260px;overflow:auto;font-size:.9rem}.connection-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:20px;border-bottom:1px solid #e0e8ee}.connections-list{display:grid;gap:10px;margin-top:18px}.connection-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;border:1px solid #dce6ed;border-radius:14px}.connection-row small{display:block;color:#667784;margin-top:4px}.connection-row .row-actions{display:flex;gap:7px;align-items:center}.connection-row button{border:0;background:#eef3f6;border-radius:9px;padding:8px;cursor:pointer}.readiness-list{display:grid;gap:10px}.ready-item{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;background:#f5f8fa}.ready-item.ok{background:#eaf7ef}.ready-item strong{font-size:.9rem}.score{font-size:1.5rem;font-weight:900;color:#b58424}.connect-alert{padding:13px 16px;border-radius:13px;background:#eaf7ef;color:#165e36}.connect-alert.error{background:#feecec;color:#8c2222}@media(max-width:850px){.connect-layout{grid-template-columns:1fr}.connect-side{position:static}.connect-grid,.connection-form{grid-template-columns:1fr}.connect-card{padding:18px}.connect-card>header{align-items:flex-start}.status-pill{white-space:nowrap}}