/* H.A.N.K. central Connections and Sharing — accepted Home-style card language. */
.hank-central-connections{box-sizing:border-box;width:min(1200px,94vw);margin:0 auto 36px;display:grid;gap:18px;color:#fff}
.hank-connections-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0;text-align:left;flex-wrap:wrap}
.hank-connections-intro>div{display:grid;gap:7px;min-width:min(100%,520px);flex:1}
.hank-connections-intro h2{margin:0;color:#fff;font-size:24px;font-weight:600}
.hank-connections-intro p{max-width:900px;margin:0;line-height:1.5;color:#f1f2f7}
.hank-central-connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;width:100%}
.hank-connection-category{appearance:none;box-sizing:border-box;width:100%;min-width:0;min-height:178px;margin:0;padding:clamp(18px,2.4vw,30px);border:1px solid rgba(255,255,255,.24);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(4,8,20,.72));box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.055);color:#fff;cursor:pointer;display:grid;align-content:start;gap:8px;text-align:left;font:inherit;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.hank-connection-category:hover,.hank-connection-category:focus-visible{border-color:rgba(255,255,255,.55);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(4,8,20,.78));outline:none;transform:translateY(-1px)}
.hank-connection-category-heading{display:flex;align-items:start;justify-content:space-between;gap:8px;flex-wrap:wrap}
.hank-connection-category-heading strong{margin:0;color:#fff;font-size:19px;font-weight:600;text-align:left}
.hank-connection-category-description{min-height:3em;line-height:1.5;color:#f1f2f7}
.hank-connection-status{display:inline-block;border:1px solid rgba(255,255,255,.24);border-radius:20px;padding:5px 9px;font-size:13px;line-height:1.1;color:#9fc3ff;white-space:nowrap}
.hank-connection-status.connected{color:#9ef2bd;border-color:rgba(158,242,189,.45)}
.hank-connection-status.attention{color:#ffd28d;border-color:rgba(255,210,141,.45)}
.hank-connection-status.available{color:#9fc3ff}
.hank-connection-status.unavailable{color:#c3cad6}
.hank-connection-detail{display:grid;gap:14px;margin-top:2px;padding:18px;border:1px solid rgba(255,255,255,.20);border-radius:22px;background:rgba(8,17,38,.42);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.hank-connection-detail:empty{display:none}
.hank-connection-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}
.hank-connection-detail-heading h2{margin:0 0 5px;color:#fff;font-size:22px}.hank-connection-detail-heading p{margin:0;color:#f1f2f7;line-height:1.45}
.hank-google-connect-note,.hank-central-connection-card,.hank-sharing-section{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(4,8,20,.56));color:#fff}
.hank-central-connection-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px}
.hank-central-connection-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.hank-central-connection-heading h3{margin:0 0 4px;color:#fff;font-size:18px}.hank-central-connection-heading p,.hank-central-connection-card p,.hank-google-connect-note p{margin:0;color:#f1f2f7;line-height:1.45}
.hank-central-connection-card label,.hank-google-connect-note label,.hank-sharing-section label,.hank-central-device-add label{display:block;margin:12px 0 6px;color:#fff;font-weight:600}
.hank-central-connection-card input,.hank-central-connection-card select,.hank-google-connect-note input,.hank-sharing-section input,.hank-sharing-section select,.hank-central-device-add input,.hank-central-device-add select{box-sizing:border-box;width:100%;min-height:42px;padding:8px 10px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#fff;color:#111;font:inherit}
.hank-central-connection-card .hank-inline-actions,.hank-google-connect-note .hank-inline-actions,.hank-sharing-section .hank-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.hank-central-connection-card .hank-button,.hank-google-connect-note .hank-button{min-width:118px}
.hank-central-device-add{padding:14px 0}.hank-central-device-add summary{cursor:pointer;font-weight:600}.hank-central-device-add form{padding-top:8px}
.hank-connection-checkbox{display:flex!important;align-items:flex-start;gap:9px;font-weight:400!important}.hank-connection-checkbox input{width:auto!important;min-height:0!important;margin-top:4px}
.hank-sharing-section{display:grid;gap:12px}.hank-sharing-section>h3{margin:0;color:#fff;font-size:19px}.hank-sharing-section form{display:grid;gap:4px}.hank-sharing-section .hank-central-connection-list{margin-top:4px}
.hank-central-connections .hank-muted-note{margin-top:8px;color:rgba(255,255,255,.74)}
@media(max-width:720px){.hank-central-connections{width:min(100% - 24px,1200px)}.hank-central-connection-grid,.hank-central-connection-list{grid-template-columns:1fr}.hank-connection-category{min-height:0}.hank-connection-detail-heading,.hank-central-connection-heading,.hank-connections-intro{align-items:stretch;flex-direction:column}}