/* Adsrek Pay v15.3 — separate Shops and API pages */
.merchant-split{
  --mer-surface:rgba(12,27,45,.88);
  --mer-surface-2:rgba(15,34,55,.78);
  --mer-line:rgba(142,205,239,.13);
  --mer-line-soft:rgba(142,205,239,.08);
  --mer-text:#edf8ff;
  --mer-muted:#87a0b4;
  --mer-accent:#4f8cff;
  --mer-cyan:#31c9e2;
  --mer-green:#5be0bd;
  --mer-danger:#ff8ca0;
  display:grid;
  gap:18px;
  width:100%;
  color:var(--mer-text);
}
html[data-theme="light"] .merchant-split{
  --mer-surface:#fff;
  --mer-surface-2:#f7faff;
  --mer-line:rgba(29,91,164,.13);
  --mer-line-soft:rgba(29,91,164,.08);
  --mer-text:#102743;
  --mer-muted:#687f98;
  --mer-accent:#287bed;
  --mer-cyan:#20b9da;
  --mer-green:#168066;
  --mer-danger:#b83e59;
}
.merchant-split *{box-sizing:border-box}
.merchant-hero,
.merchant-split .mer-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--mer-line)!important;
  border-radius:21px!important;
  background:var(--mer-surface)!important;
  color:var(--mer-text)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.12)!important;
}
.merchant-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  min-height:0!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 92% 0,rgba(44,155,224,.16),transparent 34%),
    linear-gradient(145deg,rgba(19,43,69,.96),rgba(9,22,37,.97))!important;
}
html[data-theme="light"] .merchant-hero{
  background:
    radial-gradient(circle at 94% 0,rgba(53,151,231,.13),transparent 34%),
    linear-gradient(145deg,#fff,#f5f9fe)!important;
}
.merchant-hero:after{
  content:"";
  position:absolute;
  right:-65px;
  top:-105px;
  width:190px;
  height:190px;
  border:1px solid rgba(89,207,238,.12);
  border-radius:50%;
  box-shadow:0 0 0 30px rgba(77,151,225,.035),0 0 0 62px rgba(44,198,220,.018);
  pointer-events:none;
}
.merchant-hero>div:first-child{position:relative;z-index:1;max-width:780px}
.merchant-hero h2{margin:7px 0 8px!important;font-size:31px!important;line-height:1.08!important;letter-spacing:-.045em!important;color:var(--mer-text)!important}
.merchant-hero p{margin:0!important;color:var(--mer-muted)!important;max-width:760px;line-height:1.65}
.merchant-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#57dbe9;font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
html[data-theme="light"] .merchant-eyebrow{color:#167bc2}
.merchant-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mer-green);box-shadow:0 0 12px rgba(47,208,178,.5)}

.mer-stats{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  width:100%;
  margin:0!important;
}
.mer-stat{
  display:grid!important;
  align-content:center;
  gap:4px;
  min-height:84px;
  padding:15px 17px!important;
  border:1px solid var(--mer-line)!important;
  border-radius:16px!important;
  background:var(--mer-surface-2)!important;
  overflow:hidden;
}
.mer-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--mer-accent),var(--mer-cyan))}
.mer-stat b{display:block!important;font-size:25px!important;line-height:1!important;letter-spacing:-.045em;color:var(--mer-text)!important}
.mer-stat span{display:block!important;color:var(--mer-muted)!important;font-size:10px!important;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.merchant-turnover{position:relative;z-index:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0!important}
.merchant-turnover>span{color:var(--mer-muted);font-size:11px;font-weight:800}
.merchant-turnover b{padding:7px 10px;border-radius:10px;background:rgba(48,132,219,.12);color:#86e5f1;font-size:11px}
html[data-theme="light"] .merchant-turnover b{color:#2368b3;background:#eaf3ff}

.merchant-split .mer-card{padding:20px!important}
.merchant-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:17px}
.merchant-card-head h3,.merchant-split .mer-card>h3{margin:3px 0 4px!important;font-size:19px!important;line-height:1.2;color:var(--mer-text)!important}
.merchant-card-head p{margin:0!important;color:var(--mer-muted)!important}
.merchant-step{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:23px;padding:0 7px;border-radius:8px;background:rgba(53,127,212,.14);color:#8ce5f2;font-size:10px;font-weight:950}
html[data-theme="light"] .merchant-step{background:#e7f2ff;color:#2773c9}

.mer-form,.merchant-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px!important}
.mer-form>div,.merchant-form>div{min-width:0}
.mer-form label,.merchant-form label{display:block;margin:0 0 7px;color:var(--mer-muted)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.035em;text-transform:uppercase}
.mer-form input,.merchant-form input,.api-shop-picker select{
  width:100%;
  min-height:47px!important;
  border:1px solid var(--mer-line)!important;
  border-radius:13px!important;
  background:rgba(6,17,29,.62)!important;
  color:var(--mer-text)!important;
  padding:10px 13px!important;
}
html[data-theme="light"] .mer-form input,
html[data-theme="light"] .merchant-form input,
html[data-theme="light"] .api-shop-picker select{background:#f8fbff!important}
.mer-form input:focus,.merchant-form input:focus,.api-shop-picker select:focus{border-color:rgba(70,196,227,.55)!important;box-shadow:0 0 0 3px rgba(40,174,210,.1)!important;outline:0}
.merchant-submit{display:flex;align-items:flex-end}.merchant-submit .mer-btn{width:100%;min-height:47px}

.mer-btn{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 14px!important;
  border:1px solid rgba(187,243,255,.15)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#367be0,#1dc0db)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  cursor:pointer;
  text-decoration:none!important;
}
.mer-btn.gray{background:rgba(51,113,185,.13)!important;border-color:var(--mer-line)!important;color:#9eeaf5!important;box-shadow:none!important}
html[data-theme="light"] .mer-btn.gray{background:#edf5ff!important;color:#246ec1!important}
.mer-btn.red{background:linear-gradient(135deg,#b83e61,#d65270)!important}

.mer-alert{padding:13px 15px;border-radius:13px;border:1px solid;font-size:12px;font-weight:800;line-height:1.5}
.mer-alert.ok{background:rgba(32,145,119,.12);border-color:rgba(94,228,197,.18);color:#83efd8}
.mer-alert.err{background:rgba(164,40,65,.12);border-color:rgba(251,113,133,.18);color:#ff9daf}
html[data-theme="light"] .mer-alert.ok{background:#ebfaf5;color:#167c62;border-color:#cceee3}
html[data-theme="light"] .mer-alert.err{background:#fff1f3;color:#ae3954;border-color:#f2ced6}

.merchant-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.merchant-shop-card{display:grid;gap:15px;padding:17px;border:1px solid var(--mer-line);border-radius:18px;background:var(--mer-surface-2)}
.merchant-shop-card__head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px}
.merchant-shop-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#287bed,#23b8d8);color:#fff;font-size:17px;font-weight:900}
.merchant-shop-card__head>div:nth-child(2){display:grid;gap:3px;min-width:0}.merchant-shop-card__head b{font-size:14px;color:var(--mer-text)}
.merchant-shop-card__head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mer-muted);font-size:10px}
.merchant-shop-card__head em,.merchant-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;background:rgba(45,166,137,.13);color:#6ce1c6;font-size:9px;font-style:normal;font-weight:900;white-space:nowrap}
html[data-theme="light"] .merchant-shop-card__head em,html[data-theme="light"] .merchant-status{background:#eaf8f4;color:#168066}
.merchant-shop-card__head em.is-off,.merchant-status.is-off{background:rgba(190,58,85,.12);color:#ff9daf}
.merchant-shop-meta{display:grid;gap:8px;margin:0}.merchant-shop-meta>div{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px}.merchant-shop-meta dt{color:var(--mer-muted);font-size:10px}.merchant-shop-meta dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mer-text);font-size:10px}.merchant-shop-actions{display:flex;gap:8px;flex-wrap:wrap}.merchant-shop-actions form{margin:0}

.merchant-empty{display:grid;justify-items:center;gap:6px;padding:28px;border:1px dashed var(--mer-line);border-radius:17px;background:var(--mer-surface-2);text-align:center}.merchant-empty b{font-size:14px;color:var(--mer-text)}.merchant-empty span{color:var(--mer-muted);font-size:11px}.merchant-empty--large{padding:50px 20px}.merchant-empty--large .mer-btn{margin-top:10px}.merchant-empty-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#287bed,#23b8d8);color:#fff;font-size:22px}

.merchant-table-wrap{overflow:auto;border:1px solid var(--mer-line-soft);border-radius:15px}.merchant-table{width:100%;min-width:780px;border-collapse:collapse!important;background:transparent!important;border:0!important}.merchant-table th,.merchant-table td{padding:12px 10px!important;border-bottom:1px solid var(--mer-line-soft)!important;text-align:left;vertical-align:middle;font-size:11px;color:var(--mer-text)}.merchant-table tr:last-child td{border-bottom:0!important}.merchant-table th{color:var(--mer-muted)!important;font-size:9px!important;letter-spacing:.07em;text-transform:uppercase;background:var(--mer-surface-2)!important}.merchant-table code{padding:4px 6px;border-radius:7px;background:rgba(48,132,219,.13);color:#9ce6f2}.merchant-status{background:rgba(45,166,137,.13)}html[data-theme="light"] .merchant-table-wrap{border-color:#d3dfec!important;background:#fff!important}html[data-theme="light"] .merchant-table th{background:#eef4fb!important;color:#60748b!important}html[data-theme="light"] .merchant-table td{color:#1f3348!important;font-size:12px!important}html[data-theme="light"] .merchant-table td b,html[data-theme="light"] .merchant-table td strong{color:#15283d!important}html[data-theme="light"] .merchant-table code{background:#e7f2ff!important;color:#1e67b4!important;font-weight:800!important}html[data-theme="light"] .merchant-status{background:#eaf8f4!important;color:#146f59!important;border:1px solid #c6eadd!important}html[data-theme="light"] .merchant-status.is-off{background:#fff1f3!important;color:#b23b56!important;border:1px solid #f0c8d1!important}html[data-theme="light"] .merchant-table .mer-btn.gray{background:#e7f1ff!important;border-color:#c9daf0!important;color:#1f67b4!important;font-weight:900!important}html[data-theme="light"] .merchant-card-head .mer-btn.gray{background:#edf4fc!important;border-color:#d7e3f0!important;color:#31597d!important}

.api-shop-picker{display:flex;align-items:center;justify-content:space-between;gap:20px}.api-shop-picker h3{margin:3px 0!important}.api-shop-picker p{margin:0!important}.api-shop-picker form{min-width:300px}.api-credentials-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px}.api-key-field{display:grid;gap:7px;margin-bottom:12px}.api-key-field>span{color:var(--mer-muted);font-size:9px;font-weight:950;letter-spacing:.08em}.api-key-field>div{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--mer-line);border-radius:13px;overflow:hidden;background:var(--mer-surface-2)}.api-key-field code{display:block;overflow:auto;padding:12px;color:#bceefa;white-space:nowrap}.api-key-field button{border:0;border-left:1px solid var(--mer-line);background:rgba(51,113,185,.16);color:#8de4f1;padding:0 13px;font-size:10px;font-weight:900;cursor:pointer}.api-warning{padding:12px 13px;border:1px solid rgba(251,191,117,.15);border-radius:13px;background:rgba(175,103,31,.09);color:#d8b682;font-size:10px;line-height:1.55;margin:13px 0}.api-quick-start{display:grid;align-content:start}.api-endpoint{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 9px;padding:12px 0;border-bottom:1px solid var(--mer-line-soft)}.api-endpoint>span{grid-row:1/3;align-self:center;padding:5px 7px;border-radius:7px;background:rgba(45,166,137,.13);color:#6ce1c6;font-size:8px;font-weight:950}.api-endpoint code{overflow:hidden;text-overflow:ellipsis;color:#87e3f0;font-size:10px;white-space:nowrap}.api-endpoint b{font-size:11px;color:var(--mer-text)}.api-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mer-code{display:block;overflow:auto;padding:10px 12px;border-radius:11px;background:#071523!important;color:#bceefa!important}.mer-pre{overflow:auto;min-height:215px;padding:14px;border-radius:13px;background:#050d17!important;color:#b9e9f7!important;border:1px solid var(--mer-line)!important;font-size:10px;line-height:1.6}.merchant-http{display:inline-flex;padding:4px 7px;border-radius:7px;background:rgba(78,111,139,.18);color:var(--mer-muted);font-weight:900}.merchant-http.is-ok{background:rgba(45,166,137,.13);color:#6ce1c6}.merchant-http.is-error{background:rgba(190,58,85,.12);color:#ff9daf}.api-log-response{display:block;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mer-muted)}
html[data-theme="light"] .api-key-field code{color:#1c4164}html[data-theme="light"] .api-key-field button{background:#eaf4ff;color:#236ec0}html[data-theme="light"] .api-warning{background:#fff9ee;border-color:#f2d7a7;color:#8c641d}html[data-theme="light"] .api-endpoint code{color:#236bb5}html[data-theme="light"] .mer-code{background:#eef5fc!important;color:#1f5588!important}html[data-theme="light"] .mer-pre{background:#f7faff!important;color:#294b6b!important}

@media(max-width:1050px){.merchant-shop-grid,.api-credentials-grid,.api-docs{grid-template-columns:1fr}}
@media(max-width:760px){.merchant-hero{padding:19px!important}.merchant-hero h2{font-size:27px!important}.mer-stats{grid-template-columns:1fr}.mer-form,.merchant-form{grid-template-columns:1fr}.api-shop-picker{align-items:stretch;flex-direction:column}.api-shop-picker form{min-width:0;width:100%}.merchant-shop-card__head{grid-template-columns:42px minmax(0,1fr)}.merchant-shop-card__head em{grid-column:2;justify-self:start}.merchant-split .mer-card{padding:16px!important}}

/* Adsrek Pay v15.5 — Connection, API directory and Sites */
.sites-hero,.api-directory-hero{grid-template-columns:minmax(0,1fr) auto!important;align-items:center}
.sites-hero-actions{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}

.connection-hero{grid-template-columns:minmax(0,1fr) minmax(310px,.65fr)!important;align-items:center}
.connection-summary{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.connection-summary>div{display:grid;gap:3px;min-height:78px;padding:14px;border:1px solid var(--mer-line);border-radius:15px;background:rgba(8,22,37,.38)}
html[data-theme="light"] .connection-summary>div{background:rgba(255,255,255,.72)}
.connection-summary b{font-size:23px;line-height:1;color:var(--mer-text)}
.connection-summary span{color:var(--mer-muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}
.connection-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.connection-method-card{display:grid!important;grid-template-rows:auto 1fr auto;gap:15px;min-height:330px}
.connection-method-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#2d7eea,#23bdd8);color:#fff;font-size:18px;font-weight:950;box-shadow:0 12px 26px rgba(20,123,207,.2)}
.connection-method-card h3{margin:9px 0 7px!important;font-size:19px!important;color:var(--mer-text)!important}
.connection-method-card p{line-height:1.6}
.connection-feature-list{display:grid;gap:8px;margin:15px 0 0;padding:0;list-style:none}
.connection-feature-list li{position:relative;padding-left:18px;color:var(--mer-muted);font-size:10px;line-height:1.45}
.connection-feature-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--mer-green);font-weight:950}
.connection-method-card>.mer-btn{width:100%}
.connection-help-card{display:grid!important;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);align-items:center;gap:24px}
.connection-help-card h3{margin:6px 0!important}.connection-help-card p{margin:0!important}
.connection-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.connection-steps span{display:flex;align-items:center;gap:8px;min-height:54px;padding:10px;border:1px solid var(--mer-line);border-radius:13px;background:var(--mer-surface-2);color:var(--mer-text);font-size:10px;font-weight:800}
.connection-steps b{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:rgba(51,132,219,.16);color:#87e5f2}
html[data-theme="light"] .connection-steps b{color:#236fbd;background:#e8f3ff}

.sites-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.site-kpi{display:grid!important;gap:5px;min-height:120px;align-content:center}
.site-kpi>span{color:var(--mer-muted);font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.site-kpi>b{font-size:29px;line-height:1;color:var(--mer-text)}
.site-kpi small{color:var(--mer-muted);font-size:9px}
.site-kpi--turnover>div{display:flex;gap:6px;flex-wrap:wrap}.site-kpi--turnover b{font-size:13px;padding:6px 8px;border-radius:9px;background:rgba(51,132,219,.12);color:#88e4f0}
html[data-theme="light"] .site-kpi--turnover b{color:#246ab6;background:#eaf3ff}
.merchant-shop-grid--sites{grid-template-columns:repeat(2,minmax(0,1fr))}
.site-entry-card{min-height:245px}
.site-entry-id{padding:8px 10px;border-radius:10px;background:rgba(51,132,219,.09);color:var(--mer-muted);font-size:10px}.site-entry-id b{color:var(--mer-text)}

.api-directory-card{display:grid!important;gap:15px}
.api-client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.api-client-card{display:grid;grid-template-columns:44px minmax(0,1fr) 26px;gap:12px;align-items:center;padding:15px;border:1px solid var(--mer-line);border-radius:16px;background:var(--mer-surface-2);text-decoration:none!important;transition:.18s ease}
.api-client-card:hover,.api-client-card.is-selected{border-color:rgba(62,189,221,.4);transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.1)}
.api-client-card.is-selected{background:linear-gradient(135deg,rgba(42,111,190,.18),rgba(31,172,197,.08))}
.api-client-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#2d7eea,#23bdd8);color:#fff;font-size:17px;font-weight:950}
.api-client-main{display:grid;gap:3px;min-width:0}.api-client-main b{color:var(--mer-text);font-size:13px}.api-client-main span,.api-client-main small{color:var(--mer-muted);font-size:9px}.api-client-main em{justify-self:start;padding:4px 7px;border-radius:999px;background:rgba(45,166,137,.13);color:#6ce1c6;font-size:8px;font-style:normal;font-weight:900}.api-client-main em.is-off{background:rgba(190,58,85,.12);color:#ff9daf}.api-client-edit{color:#6dcfe1;font-size:24px;text-align:center}
html[data-theme="light"] .api-client-main em{background:#eaf8f4;color:#168066}html[data-theme="light"] .api-client-main em.is-off{background:#fff0f3;color:#b4425d}
.api-state-list{display:grid;gap:0;margin-bottom:15px;border:1px solid var(--mer-line);border-radius:14px;overflow:hidden}
.api-state-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:12px;border-bottom:1px solid var(--mer-line-soft);background:var(--mer-surface-2)}
.api-state-list>div:last-child{border-bottom:0}.api-state-list span{color:var(--mer-muted);font-size:10px}.api-state-list b{color:var(--mer-text);font-size:10px;text-align:right}
.api-endpoints-card{display:grid!important;gap:12px}.api-endpoint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.api-endpoint-grid .api-endpoint{padding:13px;border:1px solid var(--mer-line);border-radius:14px;background:var(--mer-surface-2)}

@media(max-width:1120px){
  .connection-methods{grid-template-columns:1fr}
  .connection-method-card{min-height:0}
  .connection-help-card{grid-template-columns:1fr}
  .sites-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .api-endpoint-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .sites-hero,.api-directory-hero,.connection-hero{grid-template-columns:1fr!important}
  .sites-hero-actions{justify-content:flex-start}
  .connection-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .api-client-grid,.merchant-shop-grid--sites{grid-template-columns:1fr}
  .connection-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .connection-summary,.sites-overview-grid,.connection-steps{grid-template-columns:1fr}
  .sites-hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .api-client-card{grid-template-columns:40px minmax(0,1fr) 20px;padding:12px}
}

/* Merchant Split v2 — Site and App are payment-in channels only */
.sites-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.merchant-channel-form{grid-template-columns:1fr 1fr!important}
.merchant-channel-form small.muted{display:block;margin-top:5px;font-size:9px}
.merchant-switch-row{padding:0!important}
.merchant-switch{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:12px!important;margin:0!important;padding:13px 14px!important;border:1px solid var(--mer-line)!important;border-radius:14px!important;background:var(--mer-surface-2)!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important}
.merchant-switch input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.merchant-switch>i{position:relative;width:40px;height:23px;border-radius:999px;background:#73869a;transition:.18s ease}
.merchant-switch>i:after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.18s ease}
.merchant-switch input:checked+i{background:linear-gradient(135deg,#2f7fea,#21bed7)}
.merchant-switch input:checked+i:after{transform:translateX(17px)}
.merchant-switch>span{display:flex;flex-direction:column}
.merchant-switch b{font-size:11px;color:var(--mer-text)}
.merchant-switch small{margin-top:3px;color:var(--mer-muted);font-size:9px;line-height:1.45}
.merchant-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.merchant-toggle-fields[hidden],.merchant-toggle-grid[hidden]{display:none!important}
.site-entry-id{display:flex;align-items:center;gap:6px}
.site-entry-id>span{padding:3px 6px;border-radius:7px;background:rgba(48,131,217,.12);color:#74dbe9;font-size:8px;font-weight:950}
html[data-theme="light"] .site-entry-id>span{background:#e9f3ff;color:#2772c4}
@media(max-width:1040px){.sites-create-grid{grid-template-columns:1fr}}
@media(max-width:720px){.merchant-channel-form,.merchant-toggle-grid{grid-template-columns:1fr!important}}


/* Delete integrations v1 */
.merchant-delete{position:relative}
.merchant-delete>summary{list-style:none;cursor:pointer;user-select:none}
.merchant-delete>summary::-webkit-details-marker{display:none}
.merchant-delete[open]>summary{border-color:rgba(222,72,91,.35)!important}
.merchant-delete>form{
  position:absolute;right:0;top:calc(100% + 7px);z-index:20;width:250px;
  display:grid;grid-template-columns:1fr auto;gap:7px;padding:9px;
  border:1px solid rgba(222,72,91,.22);border-radius:12px;
  background:var(--mer-surface,#fff);box-shadow:0 14px 32px rgba(15,31,51,.16)
}
.merchant-delete input{
  min-width:0;min-height:36px;padding:0 9px;border:1px solid var(--mer-line);
  border-radius:9px;outline:none;background:var(--mer-surface-2);color:var(--mer-text);font:inherit;font-size:9px
}
html[data-theme="dark"] .merchant-delete>form{box-shadow:0 18px 36px rgba(0,0,0,.28)}
@media(max-width:640px){
  .merchant-delete>form{position:fixed;left:16px;right:16px;top:auto;bottom:18px;width:auto}
}


/* =========================================================
   Merchant delete UI fix — inline confirmation inside card
   ========================================================= */

/* Old details popover is no longer used */
.merchant-delete{display:none!important}

.site-entry-card{
  align-content:start;
  overflow:visible!important;
}
.merchant-shop-actions{
  display:flex!important;
  align-items:center;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:auto;
}
.merchant-shop-actions>.mer-btn,
.merchant-shop-actions>form>.mer-btn,
.merchant-shop-actions>form{
  flex:0 0 auto;
}
.merchant-delete-trigger[aria-expanded="true"]{
  border-color:rgba(222,72,91,.45)!important;
  background:rgba(190,58,85,.18)!important;
  color:#ff9db0!important;
}

.merchant-delete-panel{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,.95fr);
  gap:12px;
  align-items:center;
  margin-top:2px;
  padding:12px;
  border:1px solid rgba(222,72,91,.24);
  border-radius:13px;
  background:rgba(190,58,85,.065);
  animation:merchantDeleteIn .16s ease-out;
}
.merchant-delete-panel[hidden]{
  display:none!important;
}
.merchant-delete-panel__copy{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.merchant-delete-panel__copy b{
  color:#ff91a6;
  font-size:10px;
  line-height:1.3;
}
.merchant-delete-panel__copy span{
  color:var(--mer-muted);
  font-size:8px;
  line-height:1.5;
}
.merchant-delete-panel form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  margin:0!important;
}
.merchant-delete-panel input{
  width:100%;
  min-width:0;
  min-height:38px;
  padding:0 10px;
  border:1px solid var(--mer-line);
  border-radius:10px;
  outline:none;
  background:rgba(6,17,29,.56);
  color:var(--mer-text);
  font:inherit;
  font-size:9px;
}
.merchant-delete-panel input:focus{
  border-color:rgba(222,72,91,.5);
  box-shadow:0 0 0 3px rgba(222,72,91,.08);
}
.merchant-delete-panel .mer-btn{
  min-height:38px!important;
  white-space:nowrap;
}

html[data-theme="light"] .merchant-delete-panel{
  background:#fff6f8;
  border-color:#f0c9d2;
}
html[data-theme="light"] .merchant-delete-panel__copy b{
  color:#ad3852;
}
html[data-theme="light"] .merchant-delete-panel input{
  background:#fff;
}

@keyframes merchantDeleteIn{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:900px){
  .merchant-delete-panel{
    grid-template-columns:1fr;
  }
}
@media(max-width:600px){
  .merchant-shop-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr;
  }
  .merchant-shop-actions>.mer-btn,
  .merchant-shop-actions>form,
  .merchant-shop-actions>form>.mer-btn{
    width:100%;
  }
  .merchant-delete-trigger{
    grid-column:1/-1;
  }
  .merchant-delete-panel form{
    grid-template-columns:1fr;
  }
  .merchant-delete-panel .mer-btn{
    width:100%;
  }
}


/* v24: readable destructive actions in light theme */
html[data-theme="light"] body.paycore-body .merchant-shop-actions .mer-btn.red,
html[data-theme="light"] body.paycore-body .merchant-shop-actions button.mer-btn.red,
html[data-theme="light"] body.paycore-body .merchant-delete-panel .mer-btn.red{
  background:linear-gradient(135deg,#d83d5d,#c92f4f)!important;
  border-color:#bf2948!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(201,47,79,.16)!important;
  text-shadow:0 1px 0 rgba(80,0,20,.12)!important;
}
html[data-theme="light"] body.paycore-body .merchant-shop-actions .mer-btn.red:hover,
html[data-theme="light"] body.paycore-body .merchant-delete-panel .mer-btn.red:hover{
  background:linear-gradient(135deg,#c92f4f,#b92342)!important;
  border-color:#ad1f3d!important;
  color:#fff!important;
  box-shadow:0 9px 20px rgba(185,35,66,.22)!important;
}
html[data-theme="light"] body.paycore-body .merchant-delete-trigger[aria-expanded="true"]{
  background:#b92342!important;
  border-color:#a71d39!important;
  color:#fff!important;
}