.cockpit-intro{max-width:850px;margin:-.4rem 0 1.2rem;color:#526763;line-height:1.55}.release-identity{display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:1rem;border-left:5px solid #23815f}.release-identity.release-unknown{border-left-color:#d1a13c}.release-identity h2{margin:.2rem 0}.release-identity dl{display:grid;gap:.5rem;min-width:min(760px,62vw);margin:0}.release-identity dl div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:.7rem}.release-identity dt{color:#526763}.release-identity dd{margin:0}.release-identity code{display:block;overflow-wrap:anywhere;white-space:normal}.cockpit-provider{padding:0;overflow:hidden;border-top:5px solid #d1a13c}.cockpit-provider.cockpit-verified{border-top-color:#23815f}.cockpit-provider.cockpit-blocked{border-top-color:#b94b43}.cockpit-provider-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.2rem 1.35rem;border-bottom:1px solid #d8e5e1}.cockpit-provider-head h2{margin:.2rem 0;font-family:Georgia,serif;font-size:1.65rem}.cockpit-provider-head p{margin:.2rem 0;color:#647773}.cockpit-evidence,.cockpit-evidence-inline{display:inline-flex;border-radius:999px;padding:.35rem .65rem;font-size:.76rem;font-weight:800}.cockpit-evidence.evidence-provider,.cockpit-evidence-inline{background:#e6f5ec;color:#176342}.cockpit-evidence.evidence-fixture,.cockpit-step .cockpit-evidence-inline{background:#fff3cf;color:#785710}.cockpit-step .cockpit-evidence-inline{margin-top:.35rem}.cockpit-step.step-passed .cockpit-evidence-inline{background:#e6f5ec;color:#176342}.cockpit-steps{list-style:none;margin:0;padding:.5rem 1.35rem}.cockpit-step{display:grid;grid-template-columns:2rem 1fr;gap:.75rem;padding:.85rem 0;border-bottom:1px solid #e5ece9}.cockpit-step:last-child{border-bottom:0}.cockpit-step-marker{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#fff3cf;color:#785710;font-weight:850}.step-passed .cockpit-step-marker{background:#dff3e8;color:#176342}.step-blocked .cockpit-step-marker{background:#fde3df;color:#9b352f}.cockpit-step-title{display:flex;justify-content:space-between;gap:1rem}.cockpit-step-title span{color:#647773;font-size:.8rem;font-weight:800}.cockpit-step p{margin:.4rem 0 0;color:#526763;line-height:1.45}.cockpit-step .cockpit-next{color:#253e3a}.cockpit-blockers{margin:0 1.35rem 1rem;padding:.75rem 1rem;border-radius:10px;background:#fff6e4;color:#6e521c}.cockpit-blockers summary{cursor:pointer;font-weight:800}.cockpit-blockers ul{margin:.6rem 0 0;padding-left:1.2rem}.cockpit-actions{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.6rem 1rem;padding:1rem 1.35rem;background:#f6f9f8;border-top:1px solid #d8e5e1}.cockpit-actions p{display:grid;gap:.2rem;margin:0}.cockpit-actions p span,.cockpit-actions small{color:#5f726e}.cockpit-actions small{grid-column:2;max-width:310px}.cockpit-actions button:disabled{opacity:.65}.heading-actions{display:flex;align-items:center;gap:.7rem}@media(max-width:700px){.release-identity,.cockpit-provider-head,.heading-actions{align-items:stretch;flex-direction:column}.release-identity dl{min-width:0}.release-identity dl div{grid-template-columns:1fr;gap:.15rem}.cockpit-evidence{align-self:flex-start}.cockpit-steps{padding:.35rem 1rem}.cockpit-step-title{align-items:flex-start;flex-direction:column;gap:.25rem}.cockpit-actions{grid-template-columns:1fr}.cockpit-actions button,.cockpit-actions small{grid-column:1;width:100%;max-width:none}.cockpit-actions button{margin-top:.4rem}}.entitlement-status{margin-bottom:1rem}.entitlement-status-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.entitlement-status-head h2{margin:.2rem 0}.entitlement-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:.8rem}.entitlement-status-grid p{margin:.35rem 0 0;color:#526763;line-height:1.45}.entitlement-status-grid dl{display:grid;gap:.25rem;margin:.35rem 0 0}.entitlement-status-grid dl div{display:flex;justify-content:space-between;gap:1rem}.entitlement-status-grid dt{color:#526763}.entitlement-status-grid dd{margin:0;font-weight:800}@media(max-width:700px){.entitlement-status-head{align-items:stretch;flex-direction:column}.entitlement-status-grid{grid-template-columns:1fr}}

.shopify-domain{grid-column:2;display:grid;gap:.35rem;color:#526763;font-size:.8rem;font-weight:800}.shopify-domain input{min-width:280px;padding:.7rem .8rem;border:1px solid #b9ccc6;border-radius:8px;background:#fff;color:#173e35}@media(max-width:700px){.cockpit-actions .shopify-domain{grid-column:1;width:100%;max-width:none}.shopify-domain input{min-width:0}}
.connector-sync{grid-column:1/-1;display:grid;gap:.35rem;padding:.8rem 1rem;border:1px solid #c9dbd5;border-radius:10px;background:#fff}.connector-sync b{color:#173e35;font-size:.95rem}.connector-sync span{color:#526763;font-size:.82rem;line-height:1.4}.connector-sync.sync-succeeded{border-color:#9dcbb5;background:#eef8f2}.connector-sync.sync-manual_review,.connector-sync.sync-failed{border-color:#e0aaa5;background:#fff1ef}.connector-sync.sync-queued,.connector-sync.sync-running,.connector-sync.sync-retry_wait{border-color:#e1c676;background:#fff9e8}.connector-sync-note{display:block;margin-top:.15rem;padding-top:.45rem;border-top:1px solid #cfe2d6;color:#4e675d;font-size:.76rem;line-height:1.4}.connector-progress{position:relative;height:7px;margin-bottom:.2rem;border-radius:999px;background:#dfeae5;overflow:hidden}.connector-progress i{display:block;height:100%;border-radius:inherit;background:#23815f}.connector-progress.is-complete i{width:100%}.connector-progress.is-loading i{width:35%;animation:connector-progress-loading 1.25s ease-in-out infinite}@keyframes connector-progress-loading{0%{transform:translateX(-110%)}100%{transform:translateX(315%)}}@media(prefers-reduced-motion:reduce){.connector-progress.is-loading i{width:65%;animation:none}}@media(max-width:700px){.connector-sync{grid-column:1}}
.connector-action-buttons{grid-column:2;display:flex;align-items:center;justify-content:flex-end;gap:.6rem}.connector-action-buttons .connector-disconnect{border-color:#b94b43;background:#fff;color:#9b352f}.connector-action-buttons .connector-disconnect:hover{background:#fff1ef}@media(max-width:700px){.connector-action-buttons{grid-column:1;align-items:stretch;flex-direction:column}.connector-action-buttons button{width:100%}}

/* Customer-facing connection feedback, distinct from technical diagnostics. */
.connector-notice{display:flex;gap:1rem;align-items:flex-start;margin:0 0 1.25rem;padding:1.25rem 1.4rem;border:1px solid #b9d8cb;border-radius:18px;background:#f0f8f3;color:#173f32;box-shadow:0 4px 18px #123b3706;line-height:1.55;overflow-wrap:anywhere}
.connector-notice[hidden]{display:none}
#login-shopify-installation{padding:.7rem .8rem;margin:0;border-radius:10px;line-height:1.4}
#login-shopify-installation b{font-size:.85rem}
#login-shopify-installation p{font-size:.8rem;margin:.3rem 0 0}
#login-form:has(#login-shopify-installation:not([hidden])){margin:2rem clamp(1rem,4vw,4rem)}
@media(max-width:900px){#login-form:has(#login-shopify-installation:not([hidden])){margin:1rem}}
.connector-notice-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:#dbeee1;color:#1d6345;font-family:Georgia,serif;font-size:1.65rem;font-weight:700}
.connector-notice-content{flex:1;min-width:0}
.connector-notice-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem}
.connector-notice h2{font-family:inherit;font-size:1.1rem;line-height:1.35;margin:.1rem 0;font-weight:750;letter-spacing:-.015em}
.connector-notice p{font-size:.94rem;margin:.45rem 0 0;color:#3d5f51;max-width:78ch}
.connector-notice-badge{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;background:#dceee2;color:#285640;padding:.28rem .65rem;font-size:.75rem;font-weight:700;white-space:nowrap}
.connector-notice-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#2b7950}
.connector-notice-next{margin-top:.85rem;padding-top:.8rem;border-top:1px solid #cfe2d6}
.connector-notice-next>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#4b685a}
.connector-notice-next p{margin:.2rem 0 0;font-size:.88rem}
.connector-notice.notice-info{background:#f3f6f8;border-color:#d1dce3;color:#294556}
.notice-info .connector-notice-icon{background:#e2ebf0;color:#294556}
.notice-info .connector-notice-next{border-color:#d5e0e7}
@media(max-width:600px){.connector-notice{padding:1rem;gap:.75rem;border-radius:14px}.connector-notice-icon{flex-basis:36px;width:36px;height:36px;border-radius:10px;font-size:1.35rem}.connector-notice-heading{align-items:flex-start;flex-direction:column}.connector-notice h2{font-size:1rem}.connector-notice p{font-size:.88rem}}

/* One obvious customer action after a successful provider redirect. */
.connector-next-step{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin:0 0 1.25rem;padding:1.2rem 1.35rem;border:1px solid #91c8ad;border-radius:18px;background:linear-gradient(135deg,#ecf9f1,#fff);box-shadow:0 10px 30px #164f3820}.connector-next-step[hidden]{display:none}.connector-next-step>div{display:flex;align-items:center;gap:1rem}.connector-next-check{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#21835d;color:#fff;font-size:1.4rem;font-weight:900}.connector-next-step small{color:#3e705d;font-weight:850;letter-spacing:.08em}.connector-next-step h2{margin:.15rem 0;font-size:1.2rem}.connector-next-step p{margin:.2rem 0 0;color:#4c665d}.connector-next-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.6rem}.connector-next-step button{white-space:nowrap}
.connector-success-dialog{width:min(620px,calc(100vw - 2rem));margin:auto;padding:0;border:0;border-radius:24px;background:#fff;color:#173b36;box-shadow:0 30px 100px #0d292577;overflow:hidden}.connector-success-dialog::backdrop{background:#102d2999;backdrop-filter:blur(4px)}.connector-success-shell{display:grid;justify-items:center;gap:.75rem;padding:2rem;text-align:center}.connector-success-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#21835d;color:#fff;font-size:2rem;font-weight:900;box-shadow:0 8px 22px #21835d44}.connector-success-shell>small:first-of-type{color:#39715d;font-weight:850;letter-spacing:.1em}.connector-success-shell h2{margin:0;font-family:Georgia,serif;font-size:1.8rem}.connector-success-shell>p{max-width:520px;margin:0;color:#526763;line-height:1.55}.connector-success-window{width:100%;padding:1rem;border-radius:14px;background:#eff8f3;text-align:left}.connector-success-window span{display:block;color:#4e6b60;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.connector-success-window b{display:block;margin:.2rem 0;color:#195d43;font-size:1.3rem}.connector-success-window p{margin:.2rem 0 0;color:#526763;font-size:.88rem;line-height:1.45}.connector-success-shell ul{width:100%;margin:.1rem 0;padding:0;list-style:none;text-align:left}.connector-success-shell li{padding:.4rem 0 .4rem 1.45rem;position:relative;color:#405c53}.connector-success-shell li:before{content:"✓";position:absolute;left:0;color:#21835d;font-weight:900}.connector-success-actions{display:flex;justify-content:center;gap:.7rem;width:100%;margin-top:.25rem}.connector-success-actions button:first-child{min-width:250px}.connector-success-shell>small:last-child{max-width:500px;color:#6b7b76;line-height:1.45}.connector-success-dialog[open]{animation:connector-success-in .2s ease-out}@keyframes connector-success-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:650px){.connector-next-step{align-items:stretch;flex-direction:column}.connector-next-actions{align-items:stretch;flex-direction:column}.connector-next-step button{width:100%}.connector-success-shell{padding:1.35rem}.connector-success-actions{align-items:stretch;flex-direction:column}.connector-success-actions button,.connector-success-actions button:first-child{width:100%;min-width:0}}