/* CoreOne E-commerce Settings — modern visual layer (2026-09-06) */
.ecom-admin:has(.ecom-set-form){
  max-width:1500px;
  padding:0 4px 36px;
}
.ecom-admin:has(.ecom-set-form) .nx-page-head{
  position:relative;
  align-items:center;
  margin:0 0 18px;
  padding:22px 24px;
  border:1px solid #dce7ef;
  border-radius:20px;
  background:radial-gradient(circle at 92% 0%,rgba(20,184,166,.16),transparent 34%),linear-gradient(120deg,#ffffff 0%,#f8fbfc 58%,#effcf9 100%);
  box-shadow:0 10px 28px rgba(15,23,42,.07);
  overflow:hidden;
}
.ecom-admin:has(.ecom-set-form) .nx-page-head:after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:linear-gradient(90deg,#0f766e,#14b8a6 52%,#8b5cf6);
  opacity:.85;
}
.ecom-admin:has(.ecom-set-form) .nx-page-title{letter-spacing:-.8px;font-size:26px}
.ecom-admin:has(.ecom-set-form) .nx-page-sub{font-size:12px;line-height:1.5}
.ecom-admin:has(.ecom-set-form) .ecom-tabs{
  position:sticky;
  top:10px;
  z-index:8;
  gap:4px;
  margin-bottom:20px;
  padding:5px;
  border:1px solid #dce7ef;
  border-radius:14px;
  background:rgba(241,245,249,.82);
  box-shadow:0 8px 20px rgba(15,23,42,.08);
  backdrop-filter:blur(14px);
}
.ecom-admin:has(.ecom-set-form) .ecom-tabs button{
  min-height:38px;
  border-radius:10px;
  font-size:11px;
  transition:color .18s,background .18s,box-shadow .18s,transform .18s;
}
.ecom-admin:has(.ecom-set-form) .ecom-tabs button:hover{color:#0f766e;background:rgba(255,255,255,.72);transform:translateY(-1px)}
.ecom-admin:has(.ecom-set-form) .ecom-tabs button.active{box-shadow:0 3px 10px rgba(15,118,110,.14)}
.ecom-admin:has(.ecom-set-form) .ecom-set-grid.modern{gap:18px;align-items:stretch}
.ecom-admin:has(.ecom-set-form) .ecom-set-card{
  position:relative;
  min-width:0;
  border:1px solid #e1e9f0;
  border-radius:18px;
  padding:22px 24px;
  background:linear-gradient(145deg,#ffffff 0%,#fbfdfe 100%);
  box-shadow:0 6px 22px rgba(15,23,42,.055);
  transition:transform .2s,box-shadow .2s,border-color .2s;
  overflow:hidden;
}
.ecom-admin:has(.ecom-set-form) .ecom-set-card:before{
  content:"";
  position:absolute;
  top:0;
  left:24px;
  right:24px;
  height:2px;
  border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,#14b8a6,#6366f1);
  opacity:.48;
}
.ecom-admin:has(.ecom-set-form) .ecom-set-card:hover{
  border-color:#cbdfe1;
  box-shadow:0 12px 30px rgba(15,23,42,.10);
  transform:translateY(-2px);
}
.ecom-admin:has(.ecom-set-form) .set-card-head{
  margin-bottom:18px;
  padding-bottom:16px;
  border-bottom:1px solid #edf2f6;
}
.ecom-admin:has(.ecom-set-form) .set-card-head>div>h3{font-size:15px;font-weight:800}
.ecom-admin:has(.ecom-set-form) .set-card-head>div>p{font-size:11px;line-height:1.45}
.ecom-admin:has(.ecom-set-form) .set-card-icon{width:46px;height:46px;border-radius:13px;box-shadow:0 8px 16px rgba(15,23,42,.15)}
.ecom-admin:has(.ecom-set-form) .set-input,
.ecom-admin:has(.ecom-set-form) .domain-input,
.ecom-admin:has(.ecom-set-form) .ecom-set-card label input,
.ecom-admin:has(.ecom-set-form) .ecom-set-card label select{
  min-height:43px;
  border-color:#dbe5ec;
  border-radius:11px;
  background:#f8fafc;
  box-shadow:inset 0 1px 1px rgba(15,23,42,.025);
}
.ecom-admin:has(.ecom-set-form) .set-input:hover,
.ecom-admin:has(.ecom-set-form) .domain-input:hover{border-color:#b9d6d5;background:#fff}
.ecom-admin:has(.ecom-set-form) .set-field-label{margin-top:2px;font-size:10px;letter-spacing:.08em}
.ecom-admin:has(.ecom-set-form) .region-chips{gap:8px;margin-top:10px}
.ecom-admin:has(.ecom-set-form) .region-chip{padding:6px 11px;font-size:10px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.ecom-admin:has(.ecom-set-form) .set-toggle-row{margin:0 -2px;padding:15px 2px}
.ecom-admin:has(.ecom-set-form) .set-toggle-row:hover{background:#f8fbfc;border-radius:10px}
.ecom-admin:has(.ecom-set-form) .set-toggle-row>div>b{font-size:12px}
.ecom-admin:has(.ecom-set-form) .set-toggle-row>div>small{font-size:10px}
.ecom-admin:has(.ecom-set-form) .set-toggle-switch .tgl-track{box-shadow:inset 0 1px 2px rgba(15,23,42,.12)}
.ecom-admin:has(.ecom-set-form) .domain-card{background:linear-gradient(145deg,#ffffff 0%,#f8fbff 100%)}
.ecom-admin:has(.ecom-set-form) .ecom-set-footer{
  position:sticky;
  bottom:14px;
  z-index:7;
  align-items:center;
  margin-top:20px;
  padding:12px 14px;
  border:1px solid #d8e4e8;
  border-radius:15px;
  background:rgba(255,255,255,.91);
  box-shadow:0 -4px 22px rgba(15,23,42,.10);
  backdrop-filter:blur(14px);
}
.ecom-admin:has(.ecom-set-form) .ecom-set-footer .btn-nx{min-height:38px;border-radius:10px;padding:9px 15px;font-size:11px}
.ecom-admin:has(.ecom-set-form) .ecom-set-footer .btn-nx.primary{box-shadow:0 7px 16px rgba(15,118,110,.22)}
@media (width<=900px){
  .ecom-admin:has(.ecom-set-form){padding:0 0 24px}
  .ecom-admin:has(.ecom-set-form) .nx-page-head{padding:18px 16px;border-radius:16px}
  .ecom-admin:has(.ecom-set-form) .nx-page-head:after{left:16px;right:16px}
  .ecom-admin:has(.ecom-set-form) .ecom-tabs{top:5px;overflow-x:auto;justify-content:flex-start}
  .ecom-admin:has(.ecom-set-form) .ecom-tabs button{flex:0 0 auto;padding:8px 13px}
  .ecom-admin:has(.ecom-set-form) .ecom-set-grid.modern{grid-template-columns:1fr}
  .ecom-admin:has(.ecom-set-form) .ecom-set-card{padding:20px 18px;border-radius:16px}
  .ecom-admin:has(.ecom-set-form) .ecom-set-card:before{left:18px;right:18px}
  .ecom-admin:has(.ecom-set-form) .ecom-set-footer{position:static}
}