.connections-page{min-height:100svh;display:flex;flex-direction:column}
.connections-main{width:100%;max-width:1160px;flex:1;margin-block:0;padding-block:36px}
.connections-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 20px;font-size:13px}
.connections-nav a,.connection-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-underline-offset:4px}
.connections-nav a{color:var(--green)}
.connection-button{text-decoration:none;border-radius:9px;padding:10px 14px;font-weight:600}
.connection-gate{max-width:660px;margin:30px auto;text-align:center;padding:40px 24px}
.connection-gate p{color:var(--muted);margin-top:12px}
.connection-gate .connection-actions{justify-content:center}
.shop-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:center;margin-bottom:22px}
.shop-context .field{margin:0 0 8px}
.shop-context select{font-size:15px;min-height:44px}
.shop-context>*{min-width:0}
.connections-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);gap:22px;align-items:start}
.connections-grid>*{min-width:0}
.eligibility{margin:18px 0 8px;padding:12px 14px;border-radius:9px;background:#eef5f0;color:#345d4b;font-weight:600;overflow-wrap:anywhere}
.eligibility.unavailable{background:#fff4dc;color:#825b25}
.connection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}
.connection-actions button{min-height:44px}
.connection-explainer{padding-top:18px;margin-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.connection-list{display:grid;gap:12px}
.connection-empty{padding:24px 16px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted);font-size:13px}
.page-item{border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}
.page-item h3,.page-item p,.dialog-page{overflow-wrap:anywhere}
.page-item h3{font-size:16px}
.page-item .hint{margin-top:5px}
.page-item .connection-actions{margin-top:14px}
.page-item .status-badge{display:inline-block;margin-top:8px;font-size:12px}
.page-item .status-badge.connected{background:#e1f2e8;color:#25704a}
.page-item .status-badge.attention{background:#fff0d3;color:#825b25}
.page-item .status-badge.unknown{background:#edf0f2;color:#52606a}
.connection-health{margin-top:12px;padding:10px 12px;border-radius:8px;background:#f5f7f7}
.connection-health.attention{background:#fff8e9}
.connection-health .hint:first-child{margin-top:0}
.connection-health .connection-checked{font-size:12px}
.connection-health .connection-check-warning{color:#825b25}
.selection-card{margin-bottom:22px;border-color:#8fbda7}
.selection-card>p{margin-top:10px}
.selection-card .connection-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
.connection-scope{text-align:center;margin-top:24px}
.danger-button{background:#b63d3d;color:#fff}
.danger-button:hover{background:#962f2f}
.dialog-page{font-size:17px;font-weight:600;margin:16px 0 10px}
#disconnect-description{font-size:13px;color:var(--muted)}
#disconnect-error{margin-top:16px;margin-bottom:0}
.skip-link{position:absolute;left:14px;top:-100px;padding:12px;background:#fff;color:var(--green);z-index:5;border:2px solid var(--green);border-radius:8px}
.skip-link:focus{top:10px}
.connections-page a:focus-visible{outline:3px solid #70c4a5;outline-offset:3px}
[hidden]{display:none!important}
@media(max-width:800px){.connections-grid{grid-template-columns:minmax(0,1fr)}.shop-context{grid-template-columns:minmax(0,1fr);gap:18px}.connections-nav{justify-content:flex-start}.connections-main{padding-block:24px}}
@media(max-width:480px){.selection-card .connection-list{grid-template-columns:minmax(0,1fr)}.connection-actions{align-items:stretch}.connection-actions>*{width:100%}.connection-gate{padding:28px 18px;margin:12px auto}.connection-gate h1{font-size:26px}.page-item{padding:14px}.connections-nav{gap:4px 16px}.connections-main .section-head{gap:10px}.connection-explainer{font-size:12px}}