/* Merchant-only presentation layer. Public try-on styles are unaffected. */
.merchant-app{--studio-accent:#4f46e5;--studio-soft:#eef0ff;--studio-ink:#172b49;--studio-line:#dce5f2;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 95% 0,#e8eaff 0,transparent 40%),radial-gradient(ellipse at 25% 80%,#e4f5ef 0,transparent 40%),#f6f8fc;color:var(--studio-ink);line-height:1.5}
.merchant-app[data-studio-view=profile]{--studio-accent:#2563eb;--studio-soft:#eaf2ff}.merchant-app[data-studio-view=catalog]{--studio-accent:#087f6b;--studio-soft:#e5f6f0}.merchant-app[data-studio-view=usage]{--studio-accent:#9b600d;--studio-soft:#fff5df}.merchant-app[data-studio-view=branding]{--studio-accent:#7750c3;--studio-soft:#f2edff}.merchant-app[data-studio-view=billing]{--studio-accent:#286a95;--studio-soft:#e9f5fc}.merchant-app[data-studio-view=leads]{--studio-accent:#b23c6b;--studio-soft:#fff0f5}
.merchant-shell{grid-template-columns:238px minmax(0,1fr)}.merchant-main{padding:36px;max-width:1320px;min-width:0}.merchant-app h1,.merchant-app h2,.merchant-app h3{font-family:inherit;color:var(--studio-ink);letter-spacing:-.035em}.merchant-app h1{font-weight:750}.merchant-app h2{font-weight:720}.merchant-app h3{font-weight:680}
.merchant-sidebar{background:linear-gradient(160deg,#172b49 0%,#203c60 65%,#153e46 100%);padding:30px 18px;border-right:0;box-shadow:6px 0 24px #172b4908;z-index:5}.merchant-sidebar .brand{font-size:29px;letter-spacing:-1.4px}.merchant-sidebar .studio-label{font-size:10px;color:#bbd1e6;letter-spacing:.17em;padding:0 12px;margin:25px 0 18px}.merchant-sidebar nav{gap:8px}.merchant-sidebar nav a[data-view]{padding:11px 12px;border-radius:12px;font-size:13px;min-height:49px;transition:background .18s,color .18s;gap:11px}.merchant-sidebar .nav-icon{width:29px;height:29px;padding:5px;border-radius:8px;background:#ffffff0d;color:#b0e5d9}.merchant-sidebar nav a[data-view]:hover{background:#ffffff13;color:#fff}.merchant-sidebar nav a[data-view].active{background:#fff;color:#172b49;box-shadow:0 6px 16px #081e3225;font-weight:750}.merchant-sidebar nav a.active .nav-icon{background:var(--studio-soft);color:var(--studio-accent)}.merchant-sidebar .nav-secondary{opacity:.85}.merchant-sidebar .signout{border-top:1px solid #ffffff1a;margin-top:auto;padding:17px 12px;color:#c9d9e9}.merchant-sidebar nav [data-view=profile]{border-bottom:0}
.merchant-top{min-height:100px;align-items:center;margin-bottom:26px;position:relative;padding-bottom:24px;border-bottom:1px solid #dce5f2}.merchant-top>div>span{display:inline-block;font-size:11px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--studio-accent);background:var(--studio-soft);border:1px solid color-mix(in srgb,var(--studio-accent) 13%,transparent);padding:5px 10px;border-radius:7px}.merchant-top h1{font-size:35px;font-weight:760;line-height:1.15;margin:13px 0 0}.merchant-page-description{font-size:13px;color:#60728d;line-height:1.6;max-width:530px;margin:12px 0 0}.merchant-top #preview-storefront{color:#08765e;border-color:#b9dfd1;background:#f0fcf6;box-shadow:0 3px 8px #10846508;font-weight:700;border-radius:11px;min-height:46px}.merchant-top #preview-storefront:hover{background:#def8eb;border-color:#76bda3}.merchant-top .dashboard-back{background:transparent;border:0;padding:0;margin-bottom:11px;min-height:28px;font-size:12px;color:#536a88;box-shadow:none}
.merchant-card{border:1px solid #dfe6f1;border-radius:18px;padding:26px;background:#fff;box-shadow:0 5px 22px #23395805;margin-bottom:22px;position:relative;overflow:hidden}.merchant-card>h2,.merchant-card>.leads-head h2{font-size:21px;line-height:1.3;margin-bottom:12px}.merchant-card>h2:before{content:"";display:inline-block;width:5px;height:19px;background:var(--studio-accent);border-radius:3px;margin-right:10px;vertical-align:-2px}.merchant-card p{color:#5e718c;font-size:13px;line-height:1.7}.merchant-app .primary{background:#4f46e5;border:1px solid #4f46e5;border-radius:10px;color:#fff;font-size:13px;font-weight:700;min-height:44px;box-shadow:0 4px 10px #4f46e51a;transition:background .18s,box-shadow .18s,transform .18s}.merchant-app .primary:hover:not(:disabled){background:#4338ca;border-color:#4338ca;box-shadow:0 6px 14px #4f46e529;transform:translateY(-1px)}.merchant-app .secondary{background:#fff;border:1px solid #d3deed;border-radius:10px;color:#415777;font-size:12px;font-weight:650;min-height:44px;box-shadow:none;transition:background .18s,border-color .18s}.merchant-app .secondary:hover:not(:disabled){background:var(--studio-soft);border-color:color-mix(in srgb,var(--studio-accent) 35%,#d3deed);color:var(--studio-accent)}.merchant-app a.secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;text-decoration:none}.merchant-app button:disabled{opacity:.5;transform:none;box-shadow:none;cursor:not-allowed}.merchant-app :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #9faaff;outline-offset:3px}.merchant-app .form-actions{gap:12px;margin-top:24px;flex-wrap:wrap}
.onboarding-home{background:linear-gradient(110deg,#fff 60%,#f0f2ff);border-color:#dce1ff;padding:30px;border-top:4px solid #6c63ee}.onboarding-home>h2{font-size:23px}.onboarding-progress{margin:22px 0 8px;font-size:12px;font-weight:650;color:#586b8b;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.onboarding-progress progress{width:160px;height:7px;border:0;border-radius:20px;overflow:hidden;accent-color:#138e75}.onboarding-progress progress::-webkit-progress-bar{background:#e0e8f4;border-radius:20px}.onboarding-progress progress::-webkit-progress-value{background:#138e75;border-radius:20px}.onboarding-checklist{margin-top:12px;gap:5px}.onboarding-checklist li{border-radius:10px;min-height:37px;padding:8px 12px;font-size:13px}.onboarding-checklist li.current{background:#e8edff;color:#383bb0;border:1px solid #d3dcff}.onboarding-checklist li.current small{background:#4f46e5;color:white;border-radius:20px;padding:3px 9px;font-size:10px}.onboarding-checklist li.done{color:#087f65;min-height:29px;font-size:12px}.onboarding-checklist li>span{font-size:17px;min-width:18px}.share-url{background:#f2f6fc;border:1px solid #dce5f2;padding:13px 15px;border-radius:10px;font-size:12px}
.merchant-stats{gap:15px}.merchant-stat{border-radius:15px;padding:21px 18px;border-color:#e0e6f1;border-top:3px solid #7469e3;box-shadow:0 4px 14px #23395804;background:linear-gradient(160deg,#fff,#f6f4ff);min-width:0}.merchant-stat:nth-child(2){border-top-color:#119780;background:linear-gradient(160deg,#fff,#f0fbf7)}.merchant-stat:nth-child(3){border-top-color:#c3608b;background:linear-gradient(160deg,#fff,#fff4f8)}.merchant-stat:nth-child(4){border-top-color:#c28c35;background:linear-gradient(160deg,#fff,#fff9ef)}.merchant-stat:nth-child(5){border-top-color:#3188b0;background:linear-gradient(160deg,#fff,#f0faff)}.merchant-stat>span{color:#5d708a;font-weight:650;font-size:11px;display:block;line-height:1.5}.merchant-stat strong{font-size:30px;font-weight:750;letter-spacing:-.04em;color:#203553;margin-top:12px;font-variant-numeric:tabular-nums}.merchant-stat .stat-note{color:#677991;line-height:1.5;font-size:10px}.compact-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.merchant-app .form-grid{gap:21px 22px}.merchant-app .form-grid label{font-size:12px;color:#3e5472;font-weight:700;line-height:1.6}.merchant-app :is(.form-grid,.merchant-toolbar) :is(input,select,textarea){min-height:45px;border:1px solid #d0dbea;border-radius:10px;padding:12px;background:#fbfcff;box-shadow:inset 0 1px 2px #24395803;font-size:14px;color:#233955;transition:border-color .16s,box-shadow .16s}.merchant-app :is(.form-grid,.merchant-toolbar) :is(input,select,textarea):focus{background:#fff;border-color:#929dec;box-shadow:0 0 0 3px #e7eaff;outline:0}.merchant-app input::placeholder,.merchant-app textarea::placeholder{color:#7d8fa7;opacity:1}.merchant-app .form-grid small{color:#6f829b;font-size:11px;display:block;margin-top:7px}.merchant-app input[readonly]{background:#edf2f8;color:#64758e}.merchant-app .form-grid input[type=color]{padding:6px}.merchant-app .form-grid .studio-ui-icon{color:var(--studio-accent)}.profile-summary dl{display:grid;gap:4px;margin:18px 0}.profile-summary dl>div{border-bottom:1px solid #e4ebf4;padding:15px 0}.profile-summary dt{color:#5d7390;font-size:11px;font-weight:650}.profile-summary dd{margin-top:8px;color:#253d5b}.profile-merchant-url{background:#f4f7ff;border-radius:10px;padding:10px;gap:9px;align-items:center}.profile-merchant-url a{font-size:13px}.profile-merchant-url button{border:1px solid #d8e1f6;background:white}.profile-wizard{border-top:4px solid #5e73e7;box-shadow:0 12px 30px #243d6010}.profile-wizard .profile-progress{margin-bottom:23px}.profile-progress i.complete{background:#5073d8}
.merchant-toolbar{padding:17px;background:#fff;border:1px solid #dfe6f2;border-radius:14px;align-items:center;gap:12px}.merchant-toolbar>input{min-width:180px}.merchant-product{border:1px solid #dce5ee;border-radius:16px;box-shadow:0 4px 18px #1e385006;transition:box-shadow .2s,border-color .2s}.merchant-product:hover{border-color:#98cfc0;box-shadow:0 9px 24px #153c3010}.merchant-product>img{height:205px;background:linear-gradient(150deg,#f7fafc,#e9f2f0);padding:10px}.merchant-product-body{padding:18px}.merchant-product h3{font-size:17px;margin:12px 0 7px}.merchant-product small{font-size:12px;color:#687b94}.merchant-product .product-actions{padding-top:14px;margin-top:14px;border-top:1px solid #e8edf3;gap:7px}.merchant-product .product-actions button,.merchant-product .product-actions a{min-height:40px;font-size:11px;border-radius:8px;padding:9px 10px}.merchant-product [data-copy]{background:#e8f7ef;border-color:#b4dfca;color:#076c4b}.product-status{background:#edf1fa;color:#566985;font-weight:700;letter-spacing:.05em;padding:5px 8px;border-radius:6px}.product-status.published{background:#dcf5e9;color:#096f4e}.product-status.archived{background:#fceced;color:#a14050}.demo-tag{background:#fff1d7;color:#875313;font-size:9px;border:1px solid #f0d9ac}.demo-mini{gap:18px}.demo-mini img{background:#f1f5fa;border:1px solid #dce5f0;border-radius:13px}.demo-mini strong{color:#3f5573}
.usage-accordion{padding:0;background:white}.usage-accordion summary{padding:20px 24px;min-height:66px;color:#2d4665;font-size:16px;font-weight:700}.usage-accordion[open] summary{background:var(--studio-soft);border-bottom:1px solid #e5eaf2}.usage-accordion>div{padding:24px}.usage-accordion summary>.studio-ui-icon{color:var(--studio-accent)}.merchant-table th{background:#f2f6fc;color:#586e8d;font-size:11px;font-weight:750;padding:14px}.merchant-table td{font-size:12px;padding:14px;vertical-align:top;line-height:1.6;color:#3c5270}.merchant-table tbody tr:nth-child(even){background:#fafcff}.merchant-table tbody tr:hover{background:#f0f5ff}.merchant-table a{color:#4338ca;font-weight:600}.table-wrap{border:1px solid #e2e9f3;border-radius:10px}.empty-state{background:linear-gradient(145deg,#f9faff,#f2faf7);border:1px dashed #c6d8df;border-radius:13px;padding:34px 20px}.empty-state h3{font-size:18px;margin:0 0 10px}.empty-state p{max-width:480px;margin:10px auto 18px}.empty-state .primary{margin-top:8px}
.branding-circle-slot{background:linear-gradient(155deg,#fff,#f5f1ff);border-color:#ded5ef;border-radius:14px;padding:17px 12px;gap:14px}.branding-circle-slot>strong{color:#7654ac;font-size:11px;letter-spacing:.04em}.branding-circle-slot>img{width:88px;height:88px;border:3px solid #fff;box-shadow:0 0 0 2px #c5b4e5,0 7px 16px #7654ac12}.branding-circle-empty{background:#fbf9ff;border-color:#c4b2e1}.branding-circle-slot .circle-upload{color:#645180}.branding-circle-slot label>input{font-size:10px}.branding-circle-slot input::file-selector-button,.image-upload input::file-selector-button{border:1px solid #d0d9ed;border-radius:7px;background:#fff;color:#465b7a;padding:8px;font-weight:600;cursor:pointer;margin-right:6px}.logo-preview{background:#f5f7fd;border:1px solid #dce5f2;border-radius:12px;padding:10px;height:80px;max-width:200px}.circle-catalog-tile{border-radius:13px}.circle-catalog-tile.selected{border-color:#7750c3;box-shadow:0 0 0 2px #e9ddff}
.merchant-app #product-editor,.merchant-app #circle-catalog-picker,.merchant-app #publish-success{border:1px solid #d8e2f1;box-shadow:0 25px 80px #122a4a30;border-radius:20px}.merchant-app dialog::backdrop{background:#142c4f70;backdrop-filter:blur(4px)}.merchant-app .editor-heading{padding-bottom:17px;border-bottom:1px solid #e3e9f2;align-items:center;gap:15px}.merchant-app .editor-heading h2{font-size:21px}.merchant-app .image-editor{background:linear-gradient(150deg,#f4f6ff,#effbf6);border:1px solid #d7e3f0;border-radius:13px}.merchant-app .image-editor legend{font-size:14px;font-weight:700;padding:0 7px;color:#344d70}.merchant-app .image-slot{background:#fff;border:1px solid #d5dfea;border-radius:11px;width:145px;padding:10px}.merchant-app .image-placeholder{background:#ffffffb5;border:1px dashed #9cadce;min-height:170px}.merchant-app .image-slot label{min-height:32px;display:flex;align-items:center;gap:7px}.merchant-app .optional-product-fields{border:1px solid #e0e7f1;border-radius:12px;padding:14px;margin-top:23px;background:#f9fbfe}.merchant-app .optional-product-fields[open]{padding-bottom:20px}.merchant-app .optional-product-fields summary{font-size:13px;color:#536b8a;font-weight:650}.merchant-app .editor-save{gap:10px;padding-top:17px}.merchant-app #publish-success{border-top:5px solid #18916f}.merchant-app #publish-summary{background:#f5f9fd;border-radius:13px;padding:18px}.merchant-app #publish-summary>img{display:block;margin:0 auto 18px;background:white;border-radius:10px;max-width:100%}
#merchant-notice{border:1px solid #bde3d0;border-radius:12px;background:#eafaf1;color:#126b4b;padding:14px 18px;margin:0 0 22px;font-size:13px;line-height:1.6}#merchant-notice[data-error=true]{border-color:#efc6c9;background:#fff0f2;color:#9d3248}.merchant-app .login-card{border-top:4px solid #6658e0;box-shadow:0 16px 50px #283b6010}.merchant-login-header{border-bottom:1px solid #dfe5f1}.merchant-login-main{padding-top:65px}.merchant-app .login-card input:focus{outline:3px solid #dfe4ff;border-color:#8c9aee}.merchant-app .login-card #login-status{font-size:12px;line-height:1.6}
@media(max-width:1100px){.merchant-main{padding:28px}.compact-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.merchant-stat{padding:18px 15px}.merchant-shell{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:900px){.merchant-shell{grid-template-columns:190px minmax(0,1fr)}.merchant-main{padding:25px}.merchant-sidebar{padding:24px 12px}.merchant-sidebar nav a[data-view]{font-size:12px;padding:10px}.merchant-sidebar .brand{font-size:26px}.merchant-top{align-items:flex-start;gap:20px}}
@media(max-width:760px){.merchant-shell{display:block}.merchant-sidebar{position:relative;top:auto;height:auto;padding:20px 16px 16px;box-shadow:none}.merchant-sidebar .studio-label{margin:15px 0 14px;padding-left:1px;font-size:9px}.merchant-sidebar .brand{font-size:26px}.merchant-sidebar nav{gap:8px;scrollbar-width:thin;scrollbar-color:#7b9fb5 transparent;padding:2px 0 7px;scroll-padding:10px}.merchant-sidebar nav a[data-view]{min-height:44px;padding:8px 11px;border-radius:10px;gap:7px;font-size:11px}.merchant-sidebar .nav-icon{width:24px;height:24px;padding:4px}.merchant-sidebar .signout{position:absolute;right:16px;top:17px;border:0;padding:7px 9px;margin:0;font-size:11px}.merchant-main{padding:24px 16px}.merchant-top{margin-bottom:22px;padding-bottom:20px;gap:15px;min-height:0}.merchant-top h1{font-size:29px;margin-top:12px}.merchant-page-description{font-size:12px;line-height:1.6;margin-top:10px}.merchant-top #preview-storefront{font-size:12px;padding:11px 15px}.merchant-card{padding:21px 18px;border-radius:15px;margin-bottom:19px}.merchant-card h2{font-size:19px}.merchant-card p{font-size:12px}.onboarding-home{padding:23px 18px}.compact-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.merchant-stat{padding:18px 14px;border-radius:12px}.merchant-stat strong{font-size:28px}.merchant-toolbar{padding:13px;gap:9px}.merchant-toolbar>input{min-width:0;flex-basis:100%;width:100%}.merchant-toolbar>select{flex:1;min-width:0}.merchant-catalog{gap:12px}.merchant-product>img{height:165px;padding:8px}.merchant-product-body{padding:13px 10px}.merchant-product h3{font-size:15px}.merchant-product .product-actions{gap:7px;padding-top:11px}.merchant-product .product-actions button,.merchant-product .product-actions a{min-height:44px;padding:8px;font-size:10px}.merchant-app .form-grid{gap:19px}.merchant-app .form-grid label{font-size:12px}.merchant-app .form-grid input,.merchant-app .form-grid select{font-size:16px}.usage-accordion{padding:0}.usage-accordion summary{padding:18px;min-height:59px;font-size:15px}.usage-accordion>div{padding:18px}.merchant-app .branding-circle-slot{padding:15px 11px}.merchant-app .branding-circle-slot>img{width:78px;height:78px}.demo-mini{gap:10px}.merchant-app #product-editor,.merchant-app #circle-catalog-picker{padding:18px;border-radius:16px}.merchant-app .image-slot{width:calc(50% - 6px)}.merchant-app .image-slot button{min-height:38px}.merchant-app .editor-save button{font-size:12px;min-height:44px}.merchant-app .leads-table td{padding:11px 5px;font-size:12px}.merchant-app .leads-table tr{padding:10px;border-color:#ead9e0;background:#fff}.merchant-login-main{padding-top:30px}.merchant-app .login-card{padding:25px 21px}}
@media(max-width:370px){.merchant-catalog{grid-template-columns:1fr}.merchant-product>img{height:200px}.merchant-sidebar .brand{font-size:24px}.merchant-sidebar .signout{font-size:10px}.merchant-app .form-actions>*{max-width:100%}}
@media(prefers-reduced-motion:reduce){.merchant-app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.merchant-app .primary:hover{transform:none}}
.contact-save-status{font-size:12px!important;color:#08765e!important;margin:18px 0 0;padding:10px 12px;background:#edf9f3;border-radius:8px}.contact-save-status[data-error=true]{color:#a33449!important;background:#fff0f2}.merchant-app input[aria-invalid=true]{border-color:#cb5870!important}.field-format-help{display:block;font-size:11px;color:#6f829b;line-height:1.6;margin-top:6px}
/* Public contact details and social profiles share one autosave workflow. */
.social-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.social-settings-card h2{color:#49327d}.social-settings-card .form-grid label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.social-settings-card label input{flex-basis:100%}#contact-form>.merchant-card{margin-bottom:20px}#contact-form .form-grid input{min-height:46px}
/* Image-led product cards; secondary controls are available on demand. */
.merchant-product-clean{position:relative;border:1px solid #e0e5f0;border-radius:16px;overflow:hidden;background:#fff}.merchant-product-image{display:block;position:relative;text-decoration:none;overflow:hidden;background:#f1eef6}.merchant-product-image>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:transform .25s}.merchant-product-image:hover>img{transform:scale(1.025)}.merchant-product-image>.product-status{position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #18284915}.catalog-demo-flag{position:absolute;top:12px;right:12px;background:#fff5df;color:#7b531d;font-size:10px;font-weight:750;letter-spacing:1px;padding:5px 8px;border-radius:6px}.merchant-product-clean .merchant-product-body{padding:16px}.merchant-product-clean h3{font-size:17px;line-height:1.3;margin:0 0 7px}.merchant-product-clean small{display:block;font-size:12px;color:#6f747c}.catalog-source{display:block;color:#776a8b;font-size:11px;margin-top:6px}.catalog-main-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:nowrap}.catalog-main-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;font-size:12px;padding:10px 8px;white-space:nowrap}.catalog-main-actions .studio-ui-icon{width:16px;height:16px;flex-shrink:0}.catalog-product-more{margin-top:13px;padding-top:12px;border-top:1px solid #edf0f6}.catalog-product-more summary{color:#66738b;font-size:12px;cursor:pointer}.catalog-product-more .product-actions{margin-top:10px}.catalog-merchant-link{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:12px;color:#6243a8}.catalog-merchant-link .nav-icon{width:16px;height:16px;margin:0}.catalog-product-more button{font-size:11px;min-height:38px;padding:8px 10px}
/* Compact Customer Actions, retaining all configured destinations. */
.customer-actions-settings{display:grid;grid-template-columns:1fr;gap:18px}.customer-actions-settings>.merchant-card{margin:0;padding:22px}.actions-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}.actions-card-heading h2{font-size:19px;margin:0 0 4px}.actions-card-heading .helper-text{margin:0;font-size:12px}.actions-heading-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#eee8fb;color:#7745b3}.actions-heading-icon.teal{background:#e0f3f0;color:#168276}.actions-heading-icon.rose{background:#f9e9ee;color:#b65b7e}.actions-heading-icon svg{width:21px;height:21px}.actions-toggle{margin-left:auto;position:relative;display:flex!important;align-items:center;flex:none}.actions-toggle input{position:absolute;width:100%;height:100%;opacity:0;z-index:1;cursor:pointer;margin:0}.actions-toggle>span{width:46px;height:26px;border-radius:20px;background:#d6dce5;display:block;transition:background .2s}.actions-toggle>span:after{content:'';display:block;position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .2s}.actions-toggle input:checked+span{background:#7440c6}.actions-toggle input:checked+span:after{transform:translateX(20px)}.actions-toggle input:focus-visible+span{outline:3px solid #a189d0;outline-offset:3px}.actions-count,.inquiry-verification-badge{margin-left:auto;padding:6px 9px;border-radius:20px;background:#e9f5f1;color:#357b68;font-size:11px;white-space:nowrap}.action-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.action-option{border:1px solid #e1e6ee;border-radius:12px;background:#fff;overflow:hidden}.action-option.is-enabled{border-color:#c5b5e4;background:#faf8fe;box-shadow:0 2px 6px #7440c607}.action-option-label{display:flex!important;align-items:center;gap:9px;font-size:12px!important;font-weight:600;padding:13px 12px;min-height:64px;cursor:pointer}.action-option-icon{display:flex;color:#8491a4;flex:none}.is-enabled .action-option-icon{color:#7440c6}.action-option-label input{margin-left:auto;width:18px;height:18px;flex:none;accent-color:#7440c6}.action-option-config{padding:0 12px 13px}.action-option-controls{display:flex;justify-content:space-between;gap:6px;align-items:center;padding-top:10px;border-top:1px solid #e8e2f0}.action-option-controls>label{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:400;color:#69748b}.action-option-controls input{width:16px;height:16px;accent-color:#7440c6}.action-option-controls>div{display:flex;gap:3px}.action-option-controls button{width:32px;min-height:34px;height:34px;padding:6px;border-radius:7px;display:grid;place-items:center}.action-option-controls button svg{width:15px;height:15px}.action-option-destination{display:grid;gap:5px;font-size:10px;color:#7c8799;margin-top:10px}.customer-actions-settings input[type=email],.customer-actions-settings input[type=url],.customer-actions-settings input[type=tel],.customer-actions-settings input[inputmode=numeric],.customer-actions-settings select{width:100%;min-width:0;min-height:42px;border:1px solid #d7dfeb;border-radius:8px;padding:10px 11px;background:white;color:#33445f;font:inherit;font-size:12px;box-sizing:border-box}.customer-actions-settings input:disabled{background:#f4f3f7;color:#8991a1}.customer-actions-settings .helper-text{font-size:12px;color:#758095;line-height:1.55}.actions-inquiry-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.actions-inquiry-grid>label{display:grid;gap:7px;font-size:12px;color:#52627a}.actions-details{border-top:1px solid #edf0f5;margin-top:16px;padding-top:12px}.actions-details summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:500;color:#68758c;min-height:36px;list-style:none}.actions-details summary::-webkit-details-marker{display:none}.actions-details summary::after{content:'+';margin-left:auto;color:#9280b4;font-size:18px}.actions-details[open] summary::after{content:'−'}.actions-verify-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.actions-verify-row button{font-size:11px;min-height:42px;padding:10px 13px}.actions-verify-row label{max-width:140px;flex:1;min-width:95px}.customer-actions-settings .action-field-options{padding-top:10px;font-size:12px;gap:12px}.customer-actions-settings .action-field-options input{width:17px;height:17px;accent-color:#7440c6}.actions-safeguards{margin:0;padding:0 6px;border:0}.actions-save-bar{position:sticky;bottom:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#ffffffee;backdrop-filter:blur(10px);padding:14px 0;border-top:1px solid #e0e5ef}.actions-save-bar>p{font-size:12px;color:#6b7891;margin:0}.actions-save-bar .form-actions{display:flex;gap:10px;flex-wrap:nowrap;margin:0}.actions-save-bar button{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Standard label-above-input layout for social profile fields. */
.social-settings-card .form-grid label.social-profile-field{display:grid;gap:8px;align-items:start;font-size:12px}.social-profile-label{display:flex;align-items:center;gap:8px;color:#52627a;font-size:12px;font-weight:600}.social-profile-label .social-icon{width:19px;height:19px;color:#8c659b}.social-profile-field input{width:100%;min-width:0;min-height:46px}.social-settings-card .form-grid{gap:20px}.social-settings-card .helper-text{margin-bottom:20px}
@media(max-width:1050px){.action-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.customer-actions-settings>.merchant-card{padding:18px 15px}.actions-card-heading{gap:9px;flex-wrap:wrap}.actions-card-heading h2{font-size:17px}.actions-heading-icon{width:34px;height:34px;border-radius:10px}.actions-card-heading>div{flex:1;min-width:0}.action-option-label{padding:11px 9px;font-size:11px!important;gap:6px}.action-option-label svg{width:17px;height:17px}.action-option-config{padding:0 9px 11px}.action-option-controls{flex-wrap:wrap}.action-option-controls button{width:36px;min-height:40px}.actions-inquiry-grid{grid-template-columns:1fr}.actions-save-bar{align-items:stretch;flex-direction:column;gap:8px}.actions-save-bar .form-actions{justify-content:flex-end}.actions-save-bar .form-actions button{flex:1;justify-content:center}.social-settings-card .form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.actions-toggle>span,.actions-toggle>span:after{transition:none}}
.actions-save-bar #action-settings-status[data-error=true]{color:#b52d49;background:#fff0f2;border-radius:8px;padding:10px;font-size:12px}.actions-save-bar #action-settings-status:focus{outline:2px solid #d8899a;outline-offset:3px}
.merchant-app .phone-input-control>.phone-country{flex-basis:130px;width:130px;max-width:42%;font-size:12px;background:#f6f2fa;padding:10px 8px}.merchant-app .phone-input-control>input[data-phone-national]{width:0;min-width:0;max-width:none;flex:1 1 0}.action-option-destination .phone-input-control{flex-wrap:wrap}.action-option-destination .phone-input-control>.phone-country{flex:1 1 100%;max-width:100%;width:100%;min-height:38px;font-size:11px}.action-option-destination .phone-input-control>input[data-phone-national]{width:100%;flex-basis:100%;min-height:40px;font-size:12px}.merchant-app .phone-input-control .studio-ui-icon{display:none}
.action-option.is-enabled:has(.phone-input-control){grid-column:span 2}.action-option-destination .phone-input-control{flex-wrap:nowrap}.action-option-destination .phone-input-control>.phone-country{flex:0 0 130px;max-width:42%;width:130px}.action-option-destination .phone-input-control>input[data-phone-national]{flex:1 1 0;width:0;min-width:0}@media(max-width:600px){.action-option-destination .phone-input-control>.phone-country{flex-basis:115px;width:115px}}
.merchant-app .phone-input-control>.phone-country-picker{flex:0 0 108px;max-width:42%}.action-option-destination .phone-input-control>.phone-country-picker{flex:0 0 108px;max-width:42%}.merchant-app .phone-country-trigger img{width:27px;height:18px;max-width:none}.merchant-app .phone-country-trigger{font-size:12px;min-height:46px}.merchant-app .phone-country-dialog .phone-country-option img{width:30px;height:20px;max-width:none}
.actions-save-bar #retry-customer-actions[hidden]{display:none!important}.actions-save-bar #action-settings-status{flex:1}.social-profile-field .brand-icon{align-self:center}.merchant-app .form-grid label>img.brand-icon{margin-right:7px!important}
.brand-field-label{display:inline-flex;align-items:center;gap:8px}
/* Compact, independent buying rows: selected destinations expand in place. */
.customer-actions-settings .action-options-grid{display:flex;flex-direction:column;gap:8px}
.customer-actions-settings .action-option{width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}
.action-option-row{display:flex;align-items:center;min-height:48px;padding:0 10px;gap:4px}
.customer-actions-settings .action-option-label{flex:1;min-width:0;min-height:48px;padding:8px 4px;gap:10px}
.action-option-label>span:nth-child(2){flex:1;overflow-wrap:anywhere}
.customer-actions-settings .action-option-label input{margin-left:0}
.action-option-icon{align-items:center;justify-content:center;width:24px;height:24px}
.customer-actions-settings .action-option-config{padding:0 14px 12px 48px}
.customer-actions-settings .action-option-config[hidden]{display:none!important}
.customer-actions-settings .action-option-destination{margin-top:0}
.action-option-config .helper-text{margin:7px 0 0;font-size:11px}
.action-drag-handle,.action-handle-spacer{width:28px;flex:0 0 28px}
.customer-actions-settings .action-drag-handle{display:grid;place-items:center;height:40px;min-height:40px;padding:0;border:0;border-radius:7px;background:transparent;color:#79649c;cursor:grab;touch-action:none;line-height:1}
.action-drag-handle::before{display:none!important}.action-drag-handle svg{display:block;margin:0;flex:none}.action-drag-handle:active{cursor:grabbing}.action-drag-handle:focus-visible{outline:3px solid #7440c6;outline-offset:1px}
.action-position{font-size:10px;background:#e8def8;color:#65409a;border-radius:6px;min-width:20px;height:20px;display:grid;place-items:center;flex:none}
.customer-actions-settings .action-option.is-dragging{opacity:.6;box-shadow:0 4px 16px #7440c624}
.customer-actions-settings .action-option.is-drop-target{border-top:3px solid #7440c6;background:#f2edfb}
@media(max-width:640px){.customer-actions-settings .action-options-card{padding:16px}.customer-actions-settings .action-option-config{padding-left:16px}.action-option-label{font-size:12px}.action-option-row{padding:0 6px}}
@media(prefers-reduced-motion:reduce){.customer-actions-settings .action-option{transition:none}}
/* Lead status uses the same rounded, accessible form control as Studio settings. */
.merchant-app .leads-table td[data-label="Lead status"]{vertical-align:middle}
.lead-status-control{display:block;width:145px;max-width:100%;margin:0}
.merchant-app .lead-status-control select{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:44px;margin:0;padding:10px 34px 10px 12px;border:1px solid #d0dbea;border-radius:10px;background-color:#fbfcff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2365758b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px 18px;appearance:none;-webkit-appearance:none;font:inherit;font-size:13px;font-weight:500;line-height:1.4;color:#33445f;cursor:pointer;box-shadow:inset 0 1px 2px #24395803}
.merchant-app .lead-status-control select:hover{border-color:#a99ac7;background-color:#faf8fe}
.merchant-app .lead-status-control select:focus-visible{outline:3px solid #9faaff;outline-offset:3px;border-color:#929dec}
.merchant-app .lead-status-control select:disabled{opacity:.6;cursor:wait}
@media(max-width:760px){.merchant-app .leads-table td[data-label="Lead status"]{align-items:center}.lead-status-control{width:100%}.merchant-app .lead-status-control select{font-size:16px}}
@media(forced-colors:active){.merchant-app .lead-status-control select{appearance:auto;background-image:none}}
.merchant-app .leads-head{align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.merchant-app .leads-head h2{margin:0;font-size:21px;line-height:1.3}
.merchant-app .leads-head>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;margin-left:auto;box-sizing:border-box;line-height:1.4}
.leads-head>a svg{display:block;flex:none;width:18px;height:18px}
.lead-wig-source{display:block;color:#7a8092;font-size:11px;margin-top:4px}
@media(max-width:420px){.merchant-app .leads-head{gap:10px}.merchant-app .leads-head h2{font-size:19px}.merchant-app .leads-head>a{font-size:11px;padding:9px 11px}}
.action-tile-preview{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-left:auto;white-space:nowrap;flex:none;min-height:40px!important;padding:8px 11px!important}
.action-tile-preview svg{width:17px;height:17px;display:block;flex:none}
.actions-card-heading .action-tile-preview+.actions-toggle{margin-left:0}
.actions-card-heading .actions-count+.action-tile-preview{margin-left:0}
.merchant-popup-preview{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;overflow:hidden;background:transparent;box-shadow:none}
.merchant-popup-preview::backdrop{background:transparent}.merchant-popup-preview iframe{display:block;width:100%;height:100%;border:0;background:transparent}
@media(max-width:520px){.customer-actions-settings .actions-card-heading{flex-wrap:wrap;gap:10px}.actions-card-heading>div{flex:1;min-width:120px}.actions-card-heading .action-tile-preview{margin-left:auto}.actions-card-heading .actions-count{margin-left:0}}

/* Visible role switch, separate from merchant page navigation. */
.merchant-sidebar .studio-admin-switch{display:flex;align-items:center;gap:11px;min-height:49px;padding:11px 12px;margin-top:12px;border:1px solid #ffffff30;border-radius:12px;color:#dce6f3;text-decoration:none;font-size:13px;font-weight:650;line-height:1.4}
.merchant-sidebar .studio-admin-switch:hover{background:#ffffff13;color:#fff}
@media(max-width:760px){.merchant-sidebar .studio-admin-switch{flex:none;white-space:nowrap;min-height:44px;margin:0 0 0 8px;font-size:11px;padding:8px 11px;gap:7px}}
/* Admin-only website controls reuse Studio cards and form typography. */
.website-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.website-control-link{display:block;border:1px solid #dce5f2;border-radius:12px;background:#f8faff;padding:17px;text-decoration:none;color:#263e60}
.website-control-link strong{display:flex;justify-content:space-between;gap:12px;font-size:14px}.website-control-link>span{display:block;margin-top:7px;color:#6f747c;font-size:12px;line-height:1.6}
.website-control-link:hover{background:#eef0ff;border-color:#b8c1ed}
.website-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.website-toggle{display:flex;align-items:center;gap:10px;border:1px solid #e0e7f1;background:#f8faff;border-radius:10px;padding:14px;font-size:13px;min-height:48px}
.website-toggle input{width:18px;height:18px;accent-color:#4f46e5}
@media(max-width:600px){.website-control-grid,.website-toggle-grid{grid-template-columns:1fr}}
.merchant-top>div>.studio-current-plan{margin-left:8px;text-transform:none;letter-spacing:0;background:#e8f6ef;color:#17674c;border:1px solid #c8e6d7;font-size:11px}
.billing-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px}.billing-section-head h2{margin:5px 0!important}.billing-kicker{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#708199;font-weight:650}.billing-status{display:inline-flex;align-items:center;border-radius:20px;background:#eef0ff;color:#514b97;padding:6px 10px;font-size:11px;font-weight:600}.billing-addon-status{display:flex;flex-direction:column;gap:6px;background:#f5f8fc;border:1px solid #e0e7f1;border-radius:11px;padding:15px;margin:15px 0;font-size:13px;color:#526580}.billing-addon-status small{color:#6f747c;font-weight:400}.billing-domain-card{border-top:3px solid #13a394;background:linear-gradient(140deg,#fff 65%,#edf9f5)}.billing-domain-button{display:inline-flex;align-items:center;gap:9px;background:#087e6c!important;border-color:#087e6c!important;box-shadow:0 4px 12px #087e6c19!important}.billing-account-card{border-color:#eadde2}.merchant-app .billing-delete{color:#aa3452;border-color:#e9c6d0}.billing-request-dialog{max-width:500px;width:calc(100% - 32px);border:1px solid #dde5ef;border-radius:18px;padding:25px}.billing-request-dialog label{display:grid;gap:9px;font-size:13px}.billing-request-dialog input{min-height:46px;border:1px solid #cfdbea;border-radius:9px;padding:12px;font:inherit}.billing-topup-card .topup-section{margin-bottom:12px}.billing-topup-card details summary{min-height:44px;cursor:pointer;font-size:13px;color:#526580}.billing-topup-card table{width:100%;font-size:12px;border-collapse:collapse}.billing-topup-card td,.billing-topup-card th{padding:12px;text-align:left;border-bottom:1px solid #e5eaf3}@media(max-width:600px){.billing-section-head{gap:10px}.billing-section-head>a{width:100%}.billing-account-card .form-actions>*{width:100%;justify-content:center}.billing-domain-button{width:100%;justify-content:center}.merchant-top>div>.studio-current-plan{margin-left:5px;margin-top:6px}}
/* One accessible entry point for custom uploads and the shared catalog. */
.wig-source-picker{width:min(650px,calc(100vw - 32px));max-width:650px;max-height:90dvh;overflow:auto;border:1px solid #dde5f1;border-radius:20px;padding:26px;background:#fff;color:#172b49;box-shadow:0 24px 70px #172b4933}.wig-source-picker::backdrop{background:#172b4980;backdrop-filter:blur(3px)}.wig-source-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.wig-source-heading h2{font-size:25px;line-height:1.3;margin:0}.wig-source-heading .source-close{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%}.source-close svg{display:block;width:20px;height:20px}.source-close:before{display:none!important}.wig-source-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.merchant-app .wig-source-option{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;padding:22px;border:1px solid #c8dfd9;border-radius:15px;background:#f4fbf8;color:#214c42;min-width:0;min-height:225px;white-space:normal}.wig-source-option:before{display:none!important}.wig-source-option strong{font-size:16px;line-height:1.4}.wig-source-option>span:not(.wig-source-icon):not(.wig-source-next){font-size:12px;line-height:1.7;color:#6f747c;font-weight:400}.merchant-app .wig-source-option.source-library{border-color:#c1d4ef;background:#f4f8ff;color:#255b99}.wig-source-icon{display:grid;place-items:center;width:44px;height:44px;background:#e0f3eb;border-radius:12px}.source-library .wig-source-icon{background:#e1edff}.wig-source-icon svg{width:23px;height:23px}.wig-source-next{margin-top:auto;align-self:flex-end;display:grid;place-items:center;width:28px;height:28px}.wig-source-next svg{width:20px;height:20px}.merchant-app .wig-source-option:hover{border-color:#6caaa0;box-shadow:0 5px 16px #173b5510}.merchant-app .wig-source-option.source-library:hover{border-color:#719ed9}.library-studio .library-system,.merchant-app .merchant-product-clean.is-system-product{border:2px solid #7ba8e6}.library-studio .library-system.is-selected{border-color:#4c89dc;box-shadow:0 0 0 2px #7440c635}.library-source-label,.catalog-source-system{display:block;font-size:10px;line-height:1.5;font-weight:600;color:#3269ad;margin:0 0 8px}.library-detail #library-detail-image{border:2px solid #7ba8e6}.library-detail .library-source-label{margin-bottom:13px}@media(max-width:560px){.wig-source-picker{padding:20px}.wig-source-options{grid-template-columns:1fr;gap:12px;margin-top:18px}.merchant-app .wig-source-option{position:relative;min-height:0;padding:18px 42px 18px 76px;gap:5px}.wig-source-icon{position:absolute;left:17px;top:19px;width:42px;height:42px}.wig-source-option strong{font-size:15px}.wig-source-next{position:absolute;right:12px;top:25px}.wig-source-heading h2{font-size:22px}.wig-source-option>span:not(.wig-source-icon):not(.wig-source-next){font-size:12px}}

/* Catalog source switching and accurate storefront states */
.wig-source-switch{display:flex;gap:6px;padding:5px;background:#edf1f7;border:1px solid #d5deeb;border-radius:14px;margin:14px 0}.wig-source-switch button{flex:1;min-height:44px;justify-content:center;margin:0}.wig-source-switch button[aria-pressed="true"]{background:#214d87;color:#fff;border-color:#214d87;box-shadow:0 2px 6px #193b5920}.library-store-state{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#536174;background:#edf1f7;border-radius:8px;padding:5px 8px;margin:0 0 8px}.library-store-state.is-live{color:#16613d;background:#e5f5ec}.library-store-state svg{width:15px;height:15px;flex:none}.product-status.published{background:#e5f5ec;color:#16613d}

/* Studio status contrast and customer action icon accents */
.merchant-product .product-status.published{background:#087343;color:#fff;border:1px solid #075d38;box-shadow:0 2px 7px #123c292b;font-weight:700;letter-spacing:.01em}.library-store-state.is-live{color:#fff;background:#087343;border:1px solid #075d38}.merchant-top>div>.studio-current-plan{display:inline-flex;align-items:center;background:#2558ba;color:#fff;border:1px solid #16479f;padding:6px 11px;border-radius:20px;font-weight:700;font-size:12px;line-height:1.3;box-shadow:0 2px 7px #2558ba25}.merchant-top>div>.studio-current-plan[hidden]{display:none}.action-option[data-method="form"] .action-option-icon{color:#2563b4;background:#e8f0ff}.action-option[data-method="booking"] .action-option-icon{color:#8240b3;background:#f3eafb}.action-option[data-method="store"] .action-option-icon{color:#08745b;background:#def5eb}.action-option[data-method="sms"] .action-option-icon{color:#a2520c;background:#fff0db}.action-option[data-method="website"] .action-option-icon{color:#14718a;background:#e2f3fa}.action-option:is([data-method="form"],[data-method="booking"],[data-method="store"],[data-method="sms"],[data-method="website"]) .action-option-icon{width:32px;height:32px;border-radius:9px}.action-option-icon svg{width:20px;height:20px;flex:none}

/* Center buying icons independently of shared label/button icon margins. */
.customer-actions-settings .action-option-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;padding:0;box-sizing:border-box}.merchant-app .action-option-icon>.studio-ui-icon,.merchant-app .action-option-icon>.brand-icon{display:block;width:20px;height:20px;margin:0!important;padding:0;flex:0 0 20px;object-fit:contain;vertical-align:initial}.customer-actions-settings #inquiry-verification-panel[hidden]{display:none!important}

.merchant-app .actions-heading-icon{display:flex;align-items:center;justify-content:center;line-height:0;padding:0;box-sizing:border-box}.merchant-app .actions-heading-icon>.studio-ui-icon,.merchant-app .actions-heading-icon>.brand-icon{display:block;flex:none;width:21px;height:21px;margin:0!important;padding:0;object-fit:contain}.recipient-verification-dialog{max-width:460px;width:calc(100% - 32px);box-sizing:border-box;border:1px solid #dce5ef;border-radius:18px;padding:24px;color:#33445f}.recipient-verification-dialog::backdrop{background:#18283880}.recipient-verification-dialog label{display:grid;gap:8px;font-size:13px}.recipient-verification-dialog input{min-height:46px;border:1px solid #ccd8e7;border-radius:9px;padding:10px;font:inherit;letter-spacing:.12em}.recipient-verification-dialog .form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.recipient-verification-dialog [role=status]{font-size:13px;color:#68758c;overflow-wrap:anywhere}.recipient-verification-dialog h2{font-size:22px}.recipient-verification-dialog .helper-text strong{font-weight:500;overflow-wrap:anywhere}

/* Profile identity icons: coordinated colors, unchanged labels and layout. */
.merchant-app .profile-summary [data-profile-icon="business"]>.studio-ui-icon{color:#4f46e5}.merchant-app .profile-summary [data-profile-icon="email"]>.studio-ui-icon{color:#2563b4}.merchant-app .profile-summary [data-profile-icon="url"]>.studio-ui-icon{color:#08745b}

.profile-edit-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:500px;border:1px solid #dce5ef;border-radius:18px;padding:24px;color:#33445f}.profile-edit-dialog::backdrop{background:#18283880}.profile-edit-dialog form{display:grid;gap:18px}.profile-edit-dialog label{display:grid;gap:8px;font-size:13px;font-weight:600}.profile-edit-dialog input{min-height:46px;border:1px solid #cbd7e5;border-radius:9px;padding:11px;font:inherit}.profile-edit-dialog small,.profile-edit-dialog .helper-text{font-size:12px;font-weight:400;color:#78828f;line-height:1.5}.profile-edit-url{background:#f4f7fc;border-radius:10px;padding:12px;font-size:12px}.profile-edit-url p{overflow-wrap:anywhere;margin:7px 0}.profile-edit-dialog .form-actions{display:flex;gap:10px;flex-wrap:wrap}.profile-edit-dialog [role=status]{margin:0;font-size:13px;line-height:1.5}.profile-edit-dialog [hidden]{display:none!important}

@media(min-width:901px){.merchant-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}}

.billing-upgrade-link{display:inline-flex;align-items:center;min-height:44px;margin-left:10px;font-size:13px;font-weight:600;color:#4f46e5;text-decoration:underline;text-underline-offset:3px}
.billing-pending-change{margin:16px 0;padding:16px;border:1px solid #c9d5f1;border-radius:12px;background:#eff3ff;color:#34476d}.billing-pending-change p{font-size:13px;line-height:1.6}.billing-pending-change .form-actions{margin-top:12px;flex-wrap:wrap}.billing-pending-change a{text-decoration:none}

.billing-feedback{padding:14px 16px;margin:0 0 18px;background:#edf4ff;border:1px solid #cbdcf3;border-radius:12px;color:#344f75;font-size:14px;line-height:1.6}

/* Compact Usage workspace: always-visible controls and grouped request totals. */
.compact-tryon-controls{padding:20px}.usage-control-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.usage-control-heading h2{margin:0}.usage-control-heading>span{font-size:12px;color:#596b84;background:#eef2fa;padding:7px 10px;border-radius:8px}.usage-control-heading strong{color:#3a5275;margin-left:5px}.usage-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.usage-control{min-width:0;padding:14px;border:1px solid #e0e7f2;border-radius:12px;background:#f8faff}.usage-control-label{display:flex;flex-direction:column;gap:10px}.usage-control-label>label{font-size:13px;font-weight:650;color:#334b6e}.usage-control-label>div{display:flex;align-items:center;gap:8px}.usage-control-label input[type=number]{width:82px;max-width:100%;min-height:44px;padding:8px 10px;border:1px solid #cbd6e7;border-radius:8px;background:#fff;color:#243d63;font-size:17px;font-weight:650}.usage-control-label>div>span{font-size:12px;color:#65758d}.usage-control input[type=range]{display:block;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:3px 0;background:transparent;cursor:pointer;padding:0;border:0;box-shadow:none}.usage-control input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:8px;background:linear-gradient(to right,#6151b5 var(--control-fill),#dce3f0 var(--control-fill))}.usage-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#6151b5;border:3px solid white;box-shadow:0 0 0 1px #6151b5;margin-top:-6.5px}.usage-control input[type=range]::-moz-range-track{height:7px;border-radius:8px;background:#dce3f0}.usage-control input[type=range]::-moz-range-progress{height:7px;border-radius:8px;background:#6151b5}.usage-control input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#6151b5;border:3px solid white;box-shadow:0 0 0 1px #6151b5}.usage-control input:focus-visible{outline:3px solid #8c83d0;outline-offset:3px}.usage-control small{display:block;font-size:12px;font-weight:400;color:#778398;line-height:1.5}.usage-control-footer{display:flex;gap:20px;align-items:center;margin-top:14px}.usage-control-footer .helper-text{flex:1;margin:0;font-size:12px}.usage-control-footer button{flex:none;min-height:44px}.usage-status-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.usage-status-metrics>div{min-width:0;padding:12px 14px;border:1px solid #e2e8f3;border-radius:11px;background:#f7f9fd}.usage-status-metrics dt{display:flex;align-items:center;gap:6px;font-size:12px;color:#536781;line-height:1.45}.usage-status-metrics dt>span{display:grid;place-items:center;flex:none;width:19px;height:19px;border-radius:6px;background:#e1e8f4;color:#455b80;font-weight:750}.usage-status-metrics dd{margin:6px 0 0;font-size:24px;font-weight:750;color:#273f62;line-height:1.2}.usage-status-successful dt>span{background:#ddf4e9;color:#17764e}.usage-status-failed dt>span{background:#fbe4e9;color:#b03050}.usage-status-uncertain dt>span{background:#fff0d8;color:#91600d}body[data-studio-view=usage] .credit-usage-card{padding:20px}body[data-studio-view=usage] .credit-summary{gap:10px;margin:14px 0}body[data-studio-view=usage] .credit-summary>div{padding:12px;gap:5px}body[data-studio-view=usage] .credit-summary strong{font-size:22px}body[data-studio-view=usage] .credit-topup-host .topup-section{padding:14px;margin:12px 0 0}body[data-studio-view=usage] .credit-topup-host .topup-section h2{font-size:18px;margin:5px 0}body[data-studio-view=usage] .credit-topup-host>.helper-text{margin:8px 0}
@media(max-width:900px){.usage-control-grid{grid-template-columns:1fr}.usage-control{display:grid;grid-template-columns:minmax(140px,1fr) minmax(100px,1fr);gap:0 18px}.usage-control-label{grid-row:1/3}.usage-control small{align-self:start}.usage-control-heading{align-items:flex-start}.usage-status-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.compact-tryon-controls,body[data-studio-view=usage] .credit-usage-card{padding:16px}.usage-control-heading{flex-wrap:wrap;margin-bottom:14px}.usage-control{padding:12px;gap:0 12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.usage-control-label>label{font-size:12px}.usage-control-label input[type=number]{width:72px}.usage-control small{font-size:11px}.usage-control-footer{flex-direction:column;align-items:stretch;gap:12px}.usage-status-metrics>div{padding:10px}.usage-status-metrics dd{font-size:22px}.usage-status-metrics dt{font-size:11px}}

body[data-studio-view=usage] .credit-summary.usage-credit-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-summary.usage-credit-summary>div:only-child{grid-column:1/-1}.credit-summary .usage-available{background:#edf3fc;border-color:#dbe6f5}.usage-available-split{margin-top:2px}.available-split-bar{display:flex;width:100%;height:8px;overflow:hidden;border-radius:20px;background:#dce3f0;gap:2px}.available-split-bar>span:first-child{background:#6151b5}.available-split-bar>span:last-child{background:#0d8b82}.available-split-key{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:9px}.credit-summary .available-split-key>span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#596b84}.credit-summary .available-split-key strong{font-size:14px;color:#2e4669}.available-split-key i{width:8px;height:8px;border-radius:3px;background:#6151b5;flex:none}.available-split-key>span+span i{background:#0d8b82}.credit-summary .usage-available>[data-topup]{display:inline-flex;align-items:center;justify-content:center;gap:7px;align-self:flex-start;min-height:44px;margin-top:8px;padding:9px 13px;font-size:13px}.usage-available>[data-topup] svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.credit-summary .usage-available>.helper-text{font-size:12px;margin:4px 0 0}@media(max-width:600px){body[data-studio-view=usage] .credit-summary.usage-credit-summary{grid-template-columns:1fr}.credit-summary .usage-available>[data-topup]{align-self:stretch}}

.credit-summary .usage-balance-infographic{gap:12px;background:#f7f9fe;border-color:#dee6f2}.usage-balance-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.credit-summary .usage-balance-heading>span{font-size:13px;font-weight:600;color:#4b607d}.credit-summary .usage-balance-heading>strong{font-size:24px;color:#293f62}.usage-balance-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:center}.usage-balance-tile{display:flex;align-items:center;gap:12px;min-width:0;margin:0;padding:13px;border-radius:11px;background:#eeeafa;border:1px solid #e0d9f2}.usage-balance-tile.topup-balance{background:#e7f5f1;border-color:#cfe7df}.usage-balance-tile .balance-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#fff;color:#6151b5}.usage-balance-tile.topup-balance .balance-icon{color:#087e71}.balance-icon svg{display:block;width:21px;height:21px}.usage-balance-tile dt{font-size:12px;line-height:1.4;color:#566780}.usage-balance-tile dd{font-size:24px;line-height:1.2;font-weight:750;color:#2b4264;margin:3px 0 0}.usage-balance-content>[data-topup]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 14px;font-size:13px;white-space:normal}.usage-balance-content>[data-topup] svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:2}@media(max-width:600px){.usage-balance-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.usage-balance-content>[data-topup]{grid-column:1/-1}.usage-balance-tile{padding:11px;gap:9px}.usage-balance-tile dd{font-size:22px}}

.usage-balance-tile>dl{margin:0;min-width:0}

body[data-studio-view=usage] .usage-status-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.usage-used-ratio{display:grid;gap:2px;text-align:right}.credit-summary .usage-used-ratio>small{font-size:10px;color:#738098;line-height:1.35}.credit-summary .usage-used-ratio>strong{font-size:21px;line-height:1.3;color:#293f62}.credit-summary .usage-used-ratio strong>span{font-size:inherit;color:#8090a6}.usage-balance-infographic .usage-balance-content{gap:10px}.usage-balance-infographic .usage-balance-tile{padding:10px 12px;gap:10px}.usage-balance-infographic .usage-balance-tile dd{font-size:22px;margin-top:2px}.usage-balance-infographic .usage-balance-heading{margin:0}.usage-balance-content>.helper-text{grid-column:1/-1;margin:0;font-size:12px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Catalog link action: consistent green foreground/background in every interaction state. */
.merchant-app button[data-copy],.merchant-app #published-copy{background:#15803d;border-color:#15803d;color:#fff;box-shadow:0 3px 9px #15803d20}
.merchant-app button[data-copy]:is(:hover,:active):not(:disabled),.merchant-app #published-copy:is(:hover,:active):not(:disabled){background:#166534;border-color:#166534;color:#fff;box-shadow:0 4px 12px #15803d30}
.merchant-app button[data-copy]:focus-visible,.merchant-app #published-copy:focus-visible{outline:3px solid #86efac;outline-offset:3px;color:#fff}