:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#303030;background:#f1f1f1}.sample-admin{max-width:1160px;margin:0 auto;padding:20px;font-size:14px;line-height:1.55}.sample-admin *{box-sizing:border-box}.sample-admin a{color:#005bd3;text-underline-offset:3px}.sample-admin :is(button,input,select,a):focus-visible{outline:3px solid #005bd3;outline-offset:3px}.sample-admin :is(input,select){font:inherit;padding:10px 12px;border:1px solid #8a8a8a;border-radius:8px;background:#fff;color:#303030;min-width:0;min-height:44px;width:100%}.sample-admin input[type=checkbox]{width:20px;min-height:20px;flex:0 0 20px;accent-color:#303030}.sample-admin button{cursor:pointer;font:inherit;font-weight:550;padding:9px 15px;min-height:44px;border-radius:8px;border:1px solid #bbb;background:#fff;color:#303030;box-shadow:0 1px 1px #0001}.sample-admin button:disabled{cursor:default;opacity:.55}.sample-admin .primary{color:#fff;background:#303030;border-color:#303030}.sample-admin .critical{color:#8e1f0b;border-color:#c54a35}.sample-admin .muted{color:#616161;font-size:13px}.sample-admin .toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0}.sample-admin .toolbar label{flex:1 1 200px;min-height:44px}.sample-admin .selection-target{display:grid;place-items:center;width:44px;min-height:44px}.sample-admin .edit-action{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 6px}.sample-admin label{display:block;font-weight:550}.sample-admin .row{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr) minmax(110px,.65fr) auto;gap:16px;align-items:center;padding:18px 0;border-top:1px solid #e3e3e3}.sample-admin .product{display:flex;align-items:center;gap:12px;min-width:0;overflow-wrap:anywhere}.sample-admin .thumb{height:48px;width:48px;object-fit:cover;background:#eee;border-radius:7px;flex:0 0 48px}.sample-admin .product-text{min-width:0}.sample-admin .card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e3e3e3;box-shadow:0 1px 2px #0001;margin:16px 0}.sample-admin .card h2{font-size:16px;margin:0 0 8px}.sample-admin .notice{background:#eaf4ff;border:1px solid #bed7f1;padding:14px;border-radius:8px;margin:12px 0}.sample-admin .error{background:#fff0ee;border-color:#f0c3bc}.sample-admin .success{background:#edf7ed;border-color:#c5e4c4}.sample-admin .pagination{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-top:16px}.sample-admin .steps{padding-left:24px}.sample-admin .steps li{padding:8px 0}.sample-admin .checks label{min-height:44px;display:flex;align-items:center;gap:10px;padding:8px 0;font-weight:400}.sample-admin .picker-results{display:grid;gap:8px;padding:0;list-style:none}.sample-admin .picker-results button{display:block;width:100%;text-align:left;padding:12px}.sample-admin .empty{text-align:center;padding:32px 16px}.sample-admin .empty h2{font-size:20px}.sample-admin .dialog{color:#303030;background:#fff;max-width:540px;width:calc(100% - 32px);padding:24px;border:1px solid #ccc;border-radius:12px;box-shadow:0 10px 50px #0003}.sample-admin .dialog::backdrop{background:#0006}.sample-admin .dialog ul{max-height:240px;overflow:auto;padding-left:24px;overflow-wrap:anywhere}.sample-admin .dialog h2{margin-top:0;font-size:20px}.sample-admin .status{font-weight:550}.sample-admin .stack{display:grid;gap:12px}.sample-admin .tag{display:inline-block;background:#e4e4e4;border-radius:6px;padding:2px 7px;font-size:12px}.sample-admin .tag.active{background:#c8edce}.sample-admin .tag.attention{background:#ffe7b5}@media(max-width:680px){.sample-admin{padding:12px}.sample-admin .card{padding:16px}.sample-admin .row{grid-template-columns:44px minmax(0,1fr) auto;gap:12px}.sample-admin .row .sample-product,.sample-admin .row .mapping-status{grid-column:2 / 4}.sample-admin .row .edit-action{grid-row:1;grid-column:3}.sample-admin .toolbar label{flex-basis:100%}.sample-admin .toolbar button{flex:1 1 auto}}.setup-progress{display:flex;gap:16px;list-style:none;padding:0;margin:0 0 24px;flex-wrap:wrap}.setup-progress li{display:flex;align-items:center;gap:8px;color:#616161}.setup-progress li[aria-current=step]{font-weight:650;color:#202223}.setup-progress li>span:first-child{display:grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%}.setup-placement{max-width:360px;margin-block:20px;border:1px solid #c9cccf;border-radius:8px;padding:16px;display:grid;gap:12px}.setup-placement>div{padding:12px;border:1px solid #c9cccf;border-radius:4px}.setup-placement .setup-placement-sample{border:2px solid #202223;background:#f6f6f7}.sample-admin .setup-check{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding-block:10px;font-weight:400;line-height:1.5;box-sizing:border-box}.sample-admin .setup-check input:is([type=checkbox],[type=radio]){padding:0;margin:0;width:20px;height:20px;min-width:20px;min-height:20px;box-sizing:border-box;flex:0 0 20px}.setup-footer{margin-top:24px}.setup-preview{display:inline-flex;min-height:44px;align-items:center;font-weight:600}.sample-admin .setup-editor{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;border:1px solid #bbb;border-radius:8px;text-decoration:none;font-weight:550;line-height:1.5}.sample-admin .setup-editor[aria-disabled=true]{opacity:.55;cursor:default}.sample-admin .custom-styling{min-width:0;overflow-wrap:anywhere}.sample-admin .custom-styling summary{cursor:pointer;padding:12px 0;min-height:44px;font-weight:600}.sample-admin .custom-styling :is(summary,pre):focus-visible{outline:3px solid #005bd3;outline-offset:3px}.sample-admin .custom-styling pre{max-width:100%;overflow-x:auto;-webkit-user-select:text;user-select:text;padding:16px;border:1px solid #d4d4d4;border-radius:8px;background:#f6f6f7;font-size:12px;line-height:1.6}.sample-admin .custom-styling table{width:100%;border-collapse:collapse;table-layout:fixed}.sample-admin .custom-styling :is(th,td){padding:10px 8px;text-align:left;border-bottom:1px solid #e3e3e3;vertical-align:top}.sample-admin .custom-styling th:first-child{width:47%}.sample-admin .custom-styling dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-block:12px}.sample-admin .custom-styling dd{margin:0}
