:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#222b28;background:#f5f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1320px;padding:28px 40px 24px;margin:auto}a{color:#35634d;text-underline-offset:3px}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px}.eyebrow{font-size:10px!important;letter-spacing:1.7px;font-weight:700;color:#52715f!important;margin:0 0 12px!important}h1{font-size:32px;letter-spacing:-1.1px;line-height:1.15;margin:0 0 13px}p{font-size:14px;line-height:1.6;color:#606b65;margin:0}h2{font-size:17px;letter-spacing:-.35px;margin:0 0 6px}h3{font-size:15px;margin:0 0 9px}.setup{background:#edf2ed;border:1px solid #dce5dc;border-radius:12px;margin-bottom:24px;padding:18px 26px}.setup ol{list-style:none;display:flex;justify-content:space-between;padding:0;margin:0;gap:20px}.setup li{display:flex;align-items:center;gap:10px;color:#626f65;font-size:13px}.setup b{border:1px solid #b9c6b9;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:11px}.setup li.done{color:#225b3d}.setup li.done b{background:#28583e;color:white;border-color:#28583e}.metrics{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:18px;margin-bottom:26px}.metrics article,.panel{border:1px solid #e0e4e0;background:white;border-radius:12px;box-shadow:0 2px 2px #243e2a03}.metrics article{padding:21px 24px}.metrics span,.metrics small{display:block;color:#6b756e;font-size:12px}.metrics strong{display:block;font-size:28px;font-weight:600;letter-spacing:-.9px;margin:9px 0 8px}#connection{font-size:22px;min-height:34px}.panel-heading{padding:22px 24px;display:flex;justify-content:space-between;gap:18px;align-items:center}.panel-heading p{font-size:12px}.search-label input{border:1px solid #d6dcd6;border-radius:7px;background:#fafbfa;padding:10px 12px;font:inherit;font-size:12px;width:200px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{background:#f7f8f7;border-block:1px solid #edf0ed;padding:12px 20px;font-size:11px;font-weight:600;color:#707972;white-space:nowrap}td{padding:17px 20px;border-bottom:1px solid #edf0ed;font-size:12px}td:first-child{min-width:170px}td small{display:block;color:#788178;margin-top:5px;font-size:11px}.actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.actions s-button{max-width:100%}.badge{display:inline-block;padding:4px 8px;background:#eef1ed;color:#5b655c;border-radius:6px;font-size:11px;white-space:nowrap}.badge.active,.badge.succeeded{background:#def1e2;color:#27613b}.badge.conflict,.badge.partially_applied,.badge.attention,.badge.failed{background:#fff0d6;color:#8a570f}.empty{text-align:center;padding:40px 16px 45px}.empty-icon{margin:0 auto 18px;display:grid;place-items:center;color:#6b8c76;background:#eff5ef;border-radius:16px;width:56px;height:56px;font-size:33px}.empty h3{font-size:17px}.empty p{font-size:12px}.muted{font-size:12px;color:#7a827c;margin-top:10px}.bottom-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin-top:24px;align-items:start}.explain{padding:24px}.explain p{font-size:12px;margin:10px 0 16px}.mini-icon{font-size:25px;color:#487258;margin-bottom:10px}hr{border:0;border-top:1px solid #e7ebe7;margin:20px 0}.history{padding:0 24px 24px}.activity{padding:13px 0;border-top:1px solid #edf0ed;display:flex;gap:10px;align-items:baseline}.activity p{font-size:12px;flex:1}.activity small{display:block;margin-top:5px;color:#7a827c}footer{text-align:center;font-size:11px;line-height:1.9;color:#7b857e;margin:30px auto 0;max-width:800px}#notice{padding:14px 18px;border-radius:9px;background:#fff0d6;color:#755115;margin-bottom:20px;font-size:13px}#preview-items{max-height:45vh;overflow:auto;margin:16px 0;border:1px solid #e4e9e4;border-radius:8px}.move{display:flex;padding:12px 16px;border-bottom:1px solid #edf0ed;gap:14px;font-size:13px}.move span:first-child{flex:1}.move span:last-child{color:#52735e;font-variant-numeric:tabular-nums;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}s-button:not(:defined){display:inline-block;border:1px solid #d4dbd5;border-radius:8px;padding:10px 14px;font-size:13px;cursor:pointer;background:white}s-button[variant=primary]:not(:defined){background:#303030;color:white}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #84b696;outline-offset:3px}@media(max-width:760px){main{padding:20px 16px}.heading{align-items:flex-start;flex-direction:column;gap:18px}h1{font-size:27px}.heading p{font-size:13px}.setup{padding:16px}.setup ol{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px}.setup li{font-size:11px;gap:7px}.metrics{gap:10px;grid-template-columns:1fr 1fr}.metrics article{padding:16px}.metrics article:last-child{grid-column:1/-1}.metrics strong{font-size:25px}.bottom-grid{grid-template-columns:1fr}.panel-heading{padding:18px;align-items:flex-start;flex-direction:column}.search-label,.search-label input{width:100%}th,td{padding:12px}.history,.explain{padding:18px}.empty{padding:30px 10px}.activity{flex-wrap:wrap}}

@media(max-width:760px){
.table-wrap{overflow:visible}table,tbody{display:block}thead{display:none}
#collections tr{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px;border-top:1px solid #edf0ed}
#collections td{display:flex;flex-direction:column;align-items:flex-start;padding:0;border:0;min-width:0;font-size:13px}
#collections td:first-child,#collections td:nth-child(5),#collections td:last-child{grid-column:1/-1}
#collections td[data-label]:not(:first-child):not(:last-child)::before{content:attr(data-label);font-size:11px;color:#707972;margin-bottom:6px}
#collections td:last-child:empty{display:none}.actions{width:100%;gap:8px}.actions s-button{max-width:100%}
}

[hidden]{display:none!important}s-modal:not(:defined){display:none}
:root{color:#303030;background:#f1f1f1}main{padding-top:24px}.heading h1{font-size:24px;letter-spacing:-.5px}.heading p{font-size:13px}.eyebrow{letter-spacing:0;font-size:13px!important;color:#616161!important}
p,td small,.metrics span,.metrics small,.muted,.activity small,footer{color:#616161}.setup{background:#fff;border-color:#e3e3e3}.setup li{color:#616161}
a{color:#005bd3}.move span:last-child{color:#616161}.badge.failed,.badge.partially_applied{background:#fee9e8;color:#8e1f0b}
.error-message,td small.error-message,.activity small.error-message{color:#b5260b;font-size:13px;line-height:1.5}
#notice{background:#eaf4ff;color:#003a5a}#notice[data-tone=critical],#preview-error{background:#fee9e8;color:#8e1f0b;border:1px solid #f7c5c0;padding:14px 18px;border-radius:8px}
#preview-error{margin-bottom:16px}#preview-items{max-height:45vh}.move span:first-child,td strong,.activity p{overflow-wrap:anywhere;min-width:0}.metrics article{min-width:0}
s-button[disabled]:not(:defined){opacity:.5;pointer-events:none}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#005bd3}
@media(max-width:760px){.metrics{grid-template-columns:1fr}.metrics article:last-child{grid-column:auto}.actions s-button{min-height:44px}.move{padding:12px 8px}.activity{align-items:flex-start}#collections td[colspan]{grid-column:1/-1}}

.heading-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.heading-actions a{font-size:13px;white-space:nowrap}@media(max-width:760px){.heading-actions{width:100%;justify-content:space-between;gap:16px}}

/* Native overview: compact Shopify typography and balanced, neutral cards. */
main{max-width:1150px;padding:28px}
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px}
.heading{margin-bottom:24px}.heading h1{margin-bottom:8px;letter-spacing:-.6px}
h2{font-size:15px;letter-spacing:0}h3{font-size:14px}
.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}
.metrics article,.panel{border-color:#e3e3e3;box-shadow:0 1px 1px #00000005}
.metrics article{padding:20px}.metrics strong{font-weight:650;margin:12px 0 6px}
.panel-heading{padding:20px}.panel-heading p{margin-top:6px}
th{background:#fafafa;color:#616161;font-weight:500;padding:14px 16px}
td{padding:16px;border-color:#eee}
.bottom-grid{grid-template-columns:2fr 1fr;gap:20px;margin-top:16px}
.explain{padding:20px}.history{padding:0 20px 20px}.activity{padding:16px 0;border-color:#eee}
.badge.active,.badge.succeeded{background:#cdf0df;color:#0c5132}
@media(max-width:760px){main{padding:16px}.metrics,.bottom-grid{grid-template-columns:1fr}.panel-heading{padding:16px}.explain{padding:16px}}