.channels-page{box-sizing:border-box;width:100%;padding:2rem}.channels-page--embedded{padding:0}.channels-badge{text-transform:uppercase;color:var(--primary);background:#c9a9611a;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:700;display:inline-flex}.channels-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:1rem;margin-bottom:2rem;display:grid}.connect-card{background:var(--bg-white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:.75rem;height:100%;padding:1.25rem;display:flex}.connect-card.primary{border-color:#c9a96159;box-shadow:0 0 0 1px #c9a96114}.connect-card h3{margin:0;font-size:1.0625rem}.connect-card p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.45}.connect-card .hint{font-size:.8125rem}.connect-card-brand-icon{align-self:flex-start}.shopify-domain-input{border:1px solid var(--border);background:var(--input-bg,var(--bg-white));width:100%;min-height:44px;color:var(--text-primary);box-sizing:border-box;border-radius:8px;padding:.6rem .75rem;font-size:.9375rem}.shopify-identity-field{border-top:1px dashed var(--border);color:var(--text-muted);flex-direction:column;gap:.375rem;margin:.15rem 0 0;padding-top:.85rem;font-size:.8125rem;display:flex}.shopify-identity-select{font-size:.875rem}.shopify-chat-prompt p{color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.5}.shopify-chat-modal{max-height:calc(100dvh - 1.5rem);overflow:auto}.connection-theme-link{color:var(--primary);margin-top:.35rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-block}.connection-theme-link:hover{text-decoration:underline}.manual-connect{border-top:1px dashed var(--border);flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.75rem;display:flex}.manual-connect h4{color:var(--text-muted);margin:0;font-size:.8125rem}.manual-connect input{border:1px solid var(--border);box-sizing:border-box;border-radius:8px;width:100%;padding:.5rem .625rem;font-size:.875rem}.link-btn{text-align:center;text-decoration:none;display:inline-block}.connections-list{background:var(--bg-white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.25rem}.connections-list h2{margin:0 0 1rem;font-size:1.125rem}.channels-loading{justify-content:center;padding:2rem;display:flex}.empty-hint{color:var(--text-muted);margin:0}.channels-view-only-banner{border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));background:color-mix(in srgb, var(--primary) 8%, var(--surface-primary,var(--bg-white)));color:var(--text-secondary);border-radius:10px;margin:0 0 1rem;padding:.65rem .85rem;font-size:.8125rem;line-height:1.45}.connection-group{margin-bottom:1.25rem}.connection-group h3{color:var(--text-muted);margin:0 0 .5rem;font-size:.9375rem}.connection-row{border:1px solid var(--border);background:var(--bg-light);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;padding:.75rem;display:flex}.connection-row-main{flex:1;min-width:0}.connection-row strong{font-size:.9375rem;display:block}.connection-row small{color:var(--text-muted);font-size:.75rem}.connection-health{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.375rem .75rem;margin-top:.5rem;font-size:.75rem;display:flex}.connection-health svg{color:var(--text-muted)}.health-ok{color:#15803d;font-weight:600}.health-warn{color:#b45309;font-weight:600}.health-error{color:var(--error);font-weight:600}.health-meta{color:var(--text-muted)}.connection-health--diagnostic{border:1px solid var(--border);background:var(--bg);border-radius:8px;max-width:48rem;padding:.625rem .75rem;display:block}.connection-health--diagnostic.health-tone-warn{border-color:var(--warning-border);background:var(--warning-soft)}.connection-health--diagnostic.health-tone-error{border-color:color-mix(in srgb, var(--error) 45%, transparent);background:var(--error-soft)}.connection-health--diagnostic.health-tone-ok{border-color:color-mix(in srgb, var(--success) 40%, transparent);background:var(--success-soft)}.connection-health__headline{color:var(--text);align-items:center;gap:.375rem;font-weight:700;display:flex}.health-tone-warn .connection-health__headline svg{color:var(--warning)}.health-tone-error .connection-health__headline svg{color:var(--error)}.health-tone-ok .connection-health__headline svg{color:var(--success)}.connection-health--diagnostic p{margin:.375rem 0 0;line-height:1.45}.connection-health__action{color:var(--text);font-weight:600}.connection-health--diagnostic details{margin-top:.5rem}.connection-health--diagnostic summary{cursor:pointer;width:fit-content;color:var(--text-secondary);font-weight:600}.connection-health--diagnostic dl{gap:.375rem;margin:.5rem 0 0;display:grid}.connection-health--diagnostic dl div{grid-template-columns:minmax(7rem,max-content) minmax(0,1fr);gap:.5rem;display:grid}.connection-health--diagnostic dt{color:var(--text-muted)}.connection-health--diagnostic dd{min-width:0;margin:0}.connection-health--diagnostic code{overflow-wrap:anywhere;color:var(--text)}.btn-sm.danger{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.btn-sm.danger:hover{background:#fecaca}@media (width<=768px){.channels-page:not(.channels-page--embedded){padding:1rem}}@media (width<=520px){.channels-grid{grid-template-columns:minmax(0,1fr)}.connection-row{flex-direction:column;align-items:stretch}.connection-row small{word-break:break-all}.shopify-chat-modal .modal-header,.shopify-chat-modal .modal-body,.shopify-chat-modal .modal-footer{padding-left:1rem;padding-right:1rem}.shopify-chat-modal .modal-footer{flex-wrap:wrap}.shopify-chat-modal .modal-footer .btn-primary,.shopify-chat-modal .modal-footer .btn-secondary{flex:8.5rem;min-height:44px}}