.row-actions{display:flex;gap:8px;margin-top:12px}.mini-button{border:0;border-radius:8px;padding:8px 11px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}.mini-button.secondary{background:#e8eef5;color:var(--ink)}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.catalog-card h3{font-size:18px}.catalog-card strong{font-size:22px;color:var(--blue);margin:auto 0 18px}.success{background:#dcfae6;color:#087443}.selected-heading{display:flex;align-items:center;justify-content:space-between;margin:42px 0 14px}.selected-heading h2{margin:0}.settings-list{display:grid;gap:14px}.settings-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;display:grid;grid-template-columns:minmax(260px,1fr) 190px auto auto;gap:18px;align-items:center}.settings-card h3{margin:7px 0;font-size:16px}.settings-card>label{font-size:13px;font-weight:700}.settings-card input[type=number]{display:block;width:100%;margin-top:6px;border:1px solid #bac6d5;border-radius:8px;padding:10px}.settings-checks{display:grid;gap:5px;font-size:14px}.role-badge{display:inline-flex;padding:4px 8px;border-radius:99px;background:#e8eef5;color:#526275;font-size:11px;font-weight:800;text-transform:uppercase}.login-form{display:grid;gap:16px}.login-form h1,.login-form p{margin:0}.login-form label{font-weight:700}.login-form input,.form-grid input,.form-grid select,.assignment-list select{display:block;width:100%;margin-top:6px;border:1px solid #bac6d5;border-radius:9px;padding:11px;font:inherit;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end}.form-grid label{font-weight:700;font-size:13px}.form-grid .wide{grid-column:span 2}.table-card{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line)}th{font-size:12px;text-transform:uppercase;color:var(--muted)}.assignment-list{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px}.assignment-list form{display:grid;grid-template-columns:minmax(250px,1fr) 230px auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.assignment-list form:last-child{border-bottom:0}@media(max-width:900px){.settings-card,.form-grid,.assignment-list form{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.catalog-grid{grid-template-columns:1fr}}
.admin-shell .admin-nav{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:18px;gap:5px}.admin-nav .admin-brand{display:grid;grid-template-columns:28px 1fr;padding:8px 6px 20px;border-bottom:1px solid var(--line);margin-bottom:12px;color:#0875b5}.admin-brand span{grid-row:1/3;font-size:24px}.admin-brand small{color:var(--muted)}.admin-nav .nav-heading{font-size:11px;letter-spacing:1.3px;color:#59708e;margin:16px 8px 5px;font-weight:800}.admin-nav details{display:grid}.admin-nav summary{cursor:pointer;font-weight:750;padding:9px 10px}.admin-nav details a,.admin-nav details .disabled{margin-left:12px;padding-left:17px!important;font-size:14px}.admin-shell .admin-nav a.active{background:#eef2f7;color:#0785df}.admin-shell .admin-nav .disabled{color:#9aa8b8}
.icon-button{width:34px;height:34px;border-radius:8px;border:1px solid #bcd7ff;background:#eef6ff;color:#0875df;cursor:pointer;font-size:18px}.icon-button.delete{border-color:#ffc4c4;background:#fff1f1;color:#e04444}.inline-form{display:inline}.compact-checks{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.table-card input:not([type=checkbox]){max-width:230px;padding:8px;border:1px solid var(--line);border-radius:7px}dialog{border:0;border-radius:16px;box-shadow:0 24px 70px #10233f40;max-width:720px;width:calc(100% - 32px)}dialog::backdrop{background:#0a1e3866}
.content-crud{display:grid;gap:16px}.content-crud .panel{padding:22px}.content-crud .panel>form+form{margin-top:10px}

/* Administración: presentación equivalente al panel de referencia. */
.admin-shell{max-width:1540px;grid-template-columns:270px minmax(0,1fr);gap:26px;margin:22px auto;padding:0 22px}.admin-shell .admin-nav{background:#fff!important;color:#17243a!important;border:1px solid #dce4ee!important;border-radius:12px!important;padding:14px 12px!important;box-shadow:0 8px 24px rgba(17,39,68,.05);overflow:hidden}.admin-nav .admin-brand{grid-template-columns:38px minmax(0,1fr);column-gap:8px;align-items:center;padding:12px 10px 20px!important;margin:0 0 12px!important}.admin-nav .admin-brand strong{font-size:14px;line-height:1.2;white-space:nowrap}.admin-nav .admin-brand small{font-size:10px}.admin-nav>a,.admin-nav details>a,.admin-nav details>.disabled{display:block!important;color:#27364c!important;padding:9px 11px!important;margin:2px 0!important;border-radius:7px!important;line-height:1.35;white-space:normal}.admin-nav details>a,.admin-nav details>.disabled{margin-left:11px!important;padding-left:18px!important;position:relative}.admin-nav details>a:before,.admin-nav details>.disabled:before{content:'•';position:absolute;left:5px;color:#8da0b8}.admin-nav summary{list-style:none;padding:10px 11px!important;border-radius:7px}.admin-nav summary::-webkit-details-marker{display:none}.admin-nav summary:after{content:'⌃';float:right;color:#8999ad}.admin-nav details:not([open]) summary:after{content:'⌄'}.admin-shell .admin-nav a:hover,.admin-nav summary:hover{background:#f3f6fa}.admin-shell .admin-nav a.active{background:#eef1f6!important;color:#0786df!important;font-weight:750}.admin-nav .nav-heading{margin:19px 10px 7px!important;font-size:10px!important;color:#68809e!important}.admin-content{padding:4px 0 40px}.admin-content>.section-heading{align-items:center;margin-bottom:18px}.admin-content h1{font-size:30px;line-height:1.15;margin:7px 0 10px}.admin-content p{margin:0;color:#4f6076}.table-card{border-radius:10px!important;box-shadow:0 5px 18px rgba(17,39,68,.035)}.table-card table{min-width:760px}.table-card th{background:#e7edf5;color:#405470;padding:11px 14px}.table-card td{padding:13px 14px;vertical-align:middle}.table-card tbody tr:hover{background:#f8faff}.table-card input:not([type=checkbox]),.table-card select{width:100%;max-width:none!important;min-width:130px;padding:9px 10px!important;border:1px solid #c9d4e2!important;border-radius:7px!important;background:#fff;font:inherit}.table-card input:focus,.table-card select:focus{outline:3px solid #087be61c;border-color:#087be6!important}.compact-checks{min-width:280px;gap:11px!important}.compact-checks label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.compact-checks input{accent-color:#087be6}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:8px;font-weight:800;transition:.15s transform,.15s background}.icon-button:hover{transform:translateY(-1px);background:#dcecff}.icon-button.delete:hover{background:#ffe0e0}.button{border-radius:9px;box-shadow:0 4px 10px rgba(8,102,214,.14)}.button.secondary{background:#edf2f7;color:#30445e}.selected-heading{margin-top:30px}.panel{border-radius:12px}.form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid #bac6d5;border-radius:9px;padding:11px;font:inherit;resize:vertical}.settings-list .remove-card{margin:-66px 15px 18px auto;width:max-content;position:relative}.site-header{box-shadow:0 1px 0 rgba(8,31,59,.03)}
@media(max-width:1050px){.admin-shell{grid-template-columns:230px minmax(0,1fr);padding:0 14px}.compact-checks{min-width:240px}.admin-nav .admin-brand strong{white-space:normal}}
@media(max-width:800px){.admin-shell{display:block}.admin-shell .admin-nav{position:static;margin-bottom:18px}.admin-nav details>a,.admin-nav details>.disabled{margin-left:0!important}.admin-content>.section-heading{align-items:flex-start;flex-direction:column}.table-card table{min-width:680px}}
.stable-code,.stable-code-input{display:inline-flex!important;width:auto!important;min-width:112px!important;background:#eef3f8!important;border:1px solid #dbe4ee!important;color:#38506b!important;border-radius:6px!important;padding:6px 9px!important;font:700 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.35px}.stable-code-input{cursor:default;box-shadow:none!important}
.table-card .order-input{min-width:68px!important;max-width:76px!important;text-align:center;font-weight:750}
.settings-card{grid-template-columns:minmax(320px,1.35fr) 105px 230px minmax(150px,.7fr) minmax(220px,1fr)!important;align-items:center}.settings-card input,.settings-card select{display:block;width:100%;margin-top:6px;border:1px solid #bac6d5;border-radius:8px;padding:10px;font:inherit;background:#fff}.settings-card input[type=checkbox]{display:inline;width:auto;margin:0}.settings-product{display:grid;grid-template-columns:74px minmax(0,1fr);gap:14px;align-items:center}.settings-product h3{line-height:1.35}.settings-image{width:74px;height:74px;object-fit:contain;background:#f7fafc;border:1px solid var(--line);border-radius:8px}.settings-card .product-meta{display:flex;flex-wrap:wrap;gap:7px 12px}
@media(max-width:1180px){.settings-card{grid-template-columns:1fr 120px 220px!important}.settings-card .button{grid-column:auto}.settings-list .remove-card{margin:-66px 15px 18px auto}}
@media(max-width:900px){.settings-card{grid-template-columns:1fr!important}.settings-product{grid-template-columns:60px minmax(0,1fr)}.settings-image{width:60px;height:60px}.settings-list .remove-card{margin:-6px 15px 18px auto}}
.site-header .container{max-width:none;width:100%;padding-left:28px;padding-right:28px}.admin-shell{max-width:none!important;width:100%!important;margin:18px 0!important;padding:0 18px!important;grid-template-columns:250px minmax(0,1fr)!important;gap:24px!important}.admin-shell .admin-nav{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto}.admin-content{min-width:0}.admin-content .search-box{max-width:none}.settings-list{gap:18px}.settings-card{grid-template-columns:minmax(360px,1.3fr) 90px minmax(210px,.75fr) minmax(150px,.58fr) minmax(260px,1fr)!important;padding:22px!important;gap:16px!important}.settings-product{grid-template-columns:82px minmax(0,1fr)!important}.settings-image{width:82px!important;height:82px!important}.settings-card>label{min-width:0}.settings-card .button{min-width:180px;justify-content:center}.settings-checks{grid-template-columns:repeat(3,max-content);gap:9px 14px!important}.settings-list .remove-card{margin:-72px 14px 22px auto!important}.admin-content .selected-heading{margin-top:36px}
@media(min-width:1500px){.admin-shell{grid-template-columns:270px minmax(0,1fr)!important;padding:0 26px!important}.settings-card{grid-template-columns:minmax(430px,1.45fr) 95px minmax(235px,.8fr) minmax(170px,.6fr) minmax(330px,1.05fr)!important}.settings-image{width:88px!important;height:88px!important}.settings-product{grid-template-columns:88px minmax(0,1fr)!important}}
@media(max-width:1280px){.settings-card{grid-template-columns:1fr 92px minmax(200px,.8fr)!important}.settings-card .button{grid-column:auto}.settings-checks{grid-template-columns:1fr}.settings-list .remove-card{margin:-72px 14px 22px auto!important}}
.settings-list{gap:12px!important}.settings-card{grid-template-columns:minmax(390px,1.35fr) 78px minmax(190px,.72fr) minmax(145px,.55fr) minmax(260px,1fr)!important;padding:16px 18px!important;gap:12px 14px!important}.settings-product{grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;align-self:start}.settings-image{width:58px!important;height:58px!important}.settings-product h3{font-size:15px!important;line-height:1.25!important;margin:5px 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.settings-card .product-meta{display:flex!important;flex-wrap:wrap!important;font-size:12px!important;line-height:1.25!important;gap:4px 10px!important}.settings-card .product-meta span{display:inline-flex!important;width:auto!important;margin:0!important;white-space:nowrap}.settings-card>label{font-size:12px!important}.settings-card input,.settings-card select{height:38px!important;padding:8px 10px!important;margin-top:4px!important}.settings-checks{display:flex!important;align-items:center;gap:8px 14px!important;font-size:13px!important}.settings-card .button{height:38px!important;padding:8px 14px!important;align-self:end}.settings-list .remove-card{margin:-54px 10px 12px auto!important}.settings-list .remove-card .icon-button.delete{width:auto!important;height:32px!important;padding:0 10px!important;font-size:14px!important}.selected-heading{margin:26px 0 10px!important}
@media(min-width:1500px){.settings-card{grid-template-columns:minmax(455px,1.35fr) 82px minmax(230px,.72fr) minmax(170px,.55fr) minmax(330px,1fr)!important}.settings-product{grid-template-columns:62px minmax(0,1fr)!important}.settings-image{width:62px!important;height:62px!important}}
.settings-product.no-image{grid-template-columns:minmax(0,1fr)!important}
.settings-product>div{min-width:0}.settings-product.no-image>div,.settings-product:not(:has(.settings-image))>div{grid-column:1!important}.settings-product:not(:has(.settings-image)){grid-template-columns:minmax(0,1fr)!important}
.settings-table-head{display:grid;grid-template-columns:minmax(360px,1.35fr) 78px minmax(190px,.72fr) minmax(145px,.55fr) minmax(260px,1fr) 125px 125px 125px 170px 180px;gap:10px;align-items:center;background:#e7edf5;border:1px solid var(--line);border-radius:10px 10px 0 0;padding:10px 16px;margin-bottom:-2px;color:#405470;font-size:11px;font-weight:800;text-transform:uppercase}.price-columns{display:grid;grid-template-columns:repeat(3,minmax(95px,1fr));gap:8px;grid-column:1/-3}.price-columns span{border:1px solid #d8e2ef;background:#f8fbff;border-radius:8px;padding:7px 10px}.price-columns small{display:block;color:#5f7189;font-size:11px;font-weight:750;text-transform:uppercase}.price-columns strong{display:block;margin-top:2px;color:#061d3d;font-size:15px}.price-columns span:first-child{border-color:#b9d7ff;background:#eef6ff}.price-columns span:first-child strong{color:#0669d6}.price-columns span:nth-child(2){border-color:#c7ead8;background:#f1fbf5}.price-columns span:nth-child(2) strong{color:#087443}
@media(min-width:1500px){.settings-table-head{grid-template-columns:minmax(455px,1.35fr) 82px minmax(230px,.72fr) minmax(170px,.55fr) minmax(330px,1fr) 125px 125px 125px 170px 180px}}
@media(max-width:1280px){.settings-table-head{display:none}.price-columns{grid-column:1/-1}}
.settings-table-note{margin:10px 0 10px!important;font-size:13px!important;color:#60728a!important}.settings-table-head+.settings-table-note+.settings-list .settings-card{grid-template-columns:minmax(360px,1.35fr) 78px minmax(190px,.72fr) minmax(145px,.55fr) minmax(260px,1fr) 125px 125px 125px 170px 180px!important;border-radius:0!important;margin:0!important;padding:12px 16px!important;gap:10px!important}.settings-table-head+.settings-table-note+.settings-list{gap:0!important}.settings-table-head+.settings-table-note+.settings-list .settings-card:not(:last-of-type){border-bottom:0}.settings-table-head+.settings-table-note+.settings-list .settings-card .settings-product{align-self:center}.settings-table-head+.settings-table-note+.settings-list .settings-card .settings-image{width:48px!important;height:48px!important}.settings-table-head+.settings-table-note+.settings-list .settings-card .settings-product{grid-template-columns:48px minmax(0,1fr)!important}.settings-table-head+.settings-table-note+.settings-list .settings-card .settings-product h3{font-size:14px!important;margin:3px 0!important}.settings-table-head+.settings-table-note+.settings-list .settings-card label{font-size:0!important}.settings-table-head+.settings-table-note+.settings-list .settings-card label input,.settings-table-head+.settings-table-note+.settings-list .settings-card label select{font-size:13px!important;margin-top:0!important;height:36px!important}.settings-table-head+.settings-table-note+.settings-list .settings-card .price-edit input{font-weight:800;color:#0669d6}.price-cell{height:36px;display:flex;align-items:center;font-size:13px;font-weight:800;color:#061d3d}.sale-price{color:#087443}.settings-table-head+.settings-table-note+.settings-list .settings-card .settings-checks{justify-content:flex-start}.settings-table-head+.settings-table-note+.settings-list .settings-card .button{height:36px!important;min-width:150px}.settings-table-head+.settings-table-note+.settings-list .remove-card{margin:-46px 8px 10px auto!important}
@media(min-width:1500px){.settings-table-head+.settings-table-note+.settings-list .settings-card{grid-template-columns:minmax(455px,1.35fr) 82px minmax(230px,.72fr) minmax(170px,.55fr) minmax(330px,1fr) 125px 125px 125px 170px 180px!important}}
@media(max-width:1280px){.settings-table-head+.settings-table-note+.settings-list .settings-card{grid-template-columns:1fr 90px minmax(190px,1fr)!important;border-radius:12px!important;margin-bottom:12px!important}.price-cell{display:none}.settings-table-head+.settings-table-note+.settings-list .remove-card{margin:-54px 10px 12px auto!important}}

/* Componentes: vista tipo tabla, con cabecera única y sin etiquetas repetidas. */
.settings-table-head+.settings-table-note+.settings-list .settings-card .settings-checks label{
  font-size:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  white-space:nowrap!important;
}
.settings-table-head+.settings-table-note+.settings-list .settings-card .settings-checks input{
  width:auto!important;
  height:auto!important;
  margin:0!important;
}
.settings-table-head+.settings-table-note+.settings-list .settings-card .price-edit{
  font-size:0!important;
}
.settings-table-head+.settings-table-note+.settings-list .settings-card .price-edit input{
  text-align:right!important;
}
.readonly-cell{
  min-height:36px;
  display:flex;
  align-items:center;
  padding:8px 10px;
  border:1px solid #dbe4ee;
  border-radius:8px;
  background:#f7fafd;
  color:#17304f;
  font-size:13px;
  font-weight:750;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.readonly-name{
  color:#061d3d;
}
.components-head,
.settings-table-head+.settings-table-note+.settings-list .settings-card{
  grid-template-columns:minmax(330px,1.35fr) 64px minmax(170px,.72fr) minmax(135px,.55fr) minmax(300px,1.1fr) 92px 92px 92px 150px 62px!important;
}
.settings-table-head+.settings-table-note+.settings-list .settings-card .settings-product{
  grid-template-columns:minmax(0,1fr)!important;
}
.settings-table-head+.settings-table-note+.settings-list .settings-card .settings-image{
  display:none!important;
}
.settings-table-head+.settings-table-note+.settings-list .settings-card .product-meta span:nth-child(n+3){
  display:none!important;
}
.settings-table-head+.settings-table-note+.settings-list .settings-card .button.icon-save{
  min-width:46px!important;
  width:46px!important;
  padding:0!important;
  font-size:16px!important;
}
.settings-table-head+.settings-table-note+.settings-list .remove-card{
  margin:-48px 10px 12px auto!important;
}
.settings-table-head+.settings-table-note+.settings-list .remove-card .icon-button.delete{
  width:38px!important;
  height:36px!important;
  padding:0!important;
  font-size:15px!important;
}
@media(min-width:1500px){
  .components-head,
  .settings-table-head+.settings-table-note+.settings-list .settings-card{
    grid-template-columns:minmax(380px,1.35fr) 66px minmax(190px,.72fr) minmax(145px,.55fr) minmax(360px,1.1fr) 92px 92px 92px 155px 62px!important;
  }
}
.base-config-actions{display:flex;gap:8px;align-items:center}
.icon-button.purple{border-color:#d8c7ff;background:#f5f0ff;color:#7147d8;text-decoration:none}
.icon-button.purple:hover{background:#ece2ff}
.builder-mode-title{display:flex;align-items:center;gap:12px;margin:12px 0 10px;padding:12px 14px;border:1px solid #cfe0f3;border-radius:12px;background:#f8fbff}
.builder-mode-title strong{font-size:16px}
.builder-mode-title span{font-family:ui-monospace,Consolas,monospace;color:#52657f;background:#eef4fb;border-radius:999px;padding:5px 9px}
.builder-mode-title .button{margin-left:auto}
.row-actions{display:flex!important;align-items:center;gap:8px;margin-top:0!important}
.row-actions form{margin:0}
.is-editing-row{outline:2px solid #087be633;background:#eef6ff!important}
.icon-button.publish{border-color:#b8e7c9;background:#ecfff3;color:#087443}
.icon-button.publish:hover{background:#d7fae4}
.publication-block{border-top-color:#7c3aed!important}
.publication-actions{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.publication-actions .muted,.preview-box{color:#53657d;font-size:13px}
.summary-table{border:1px solid #d7e2ef;border-radius:10px;overflow:auto;background:#fff;margin-bottom:14px}
.summary-table table{min-width:760px}
.summary-table th,.summary-table td{padding:9px 12px!important}
.summary-table th{background:#edf3fa}
.summary-table .base-summary-row td{background:#f7fbff;font-weight:800}
.preview-box{display:block}
.preview-box>div{margin-top:6px;min-height:74px;border:1px solid #d7e2ef;border-radius:10px;background:#fff;padding:12px;color:#10233f;line-height:1.7}
.base-summary{display:flex;align-items:center;gap:14px;margin:18px 0!important}
.base-summary strong{font-size:18px;color:#061d3d}
.base-summary span{color:#60728a;margin-right:auto}
.matrix-card table{min-width:980px}
.matrix-card td,.matrix-card th{padding:10px 12px}
.matrix-card input[type=number]{min-width:70px!important;text-align:center}
.compat-accordion{display:grid;gap:12px}
.compat-group{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.compat-group summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:14px 18px;background:#eee8ff;color:#312082}
.compat-group summary span{font-size:12px;font-weight:800;background:#5b4fd6;color:#fff;border-radius:999px;padding:4px 9px}
.compat-group .table-card{border:0!important;border-radius:0!important}
.compat-group code{font-size:12px}
.form-actions{display:flex;justify-content:flex-end;margin-top:14px}
.config-builder{display:grid;gap:14px;margin:18px 0 28px}.builder-block{background:#fff;border:1px solid #d7e1ee;border-radius:10px;box-shadow:0 6px 18px rgba(16,38,70,.04);overflow:hidden}.block-title{font-weight:850;padding:12px 16px;border-bottom:1px solid #d7e1ee;background:#fbfdff}.base-block{border-top:3px solid #19b878}.components-block{border-top:3px solid #ff9f1a}.builder-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,.7fr) 330px;gap:14px;padding:16px}.builder-grid.two{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr)}.builder-grid label{font-size:13px;font-weight:750}.builder-grid input,.builder-grid select,.builder-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid #bfcce0;border-radius:8px;padding:10px 12px;font:inherit;background:#fff}.builder-grid small{display:block;margin-top:5px;color:#63748a}.builder-grid fieldset{border:0;margin:0;padding:0}.builder-grid legend{font-weight:750;margin-bottom:7px}.mode-pill{display:inline-flex!important;justify-content:center;align-items:center;gap:7px;width:calc(50% - 5px);margin:0 4px 0 0!important;padding:10px 12px;border:1px solid #8da0bd;border-radius:6px;background:#fff;cursor:pointer}.mode-pill:has(input:checked){background:#5b4fd6;color:#fff;border-color:#5b4fd6}.mode-pill input{width:auto!important;margin:0!important}.builder-components{padding:0}.builder-group{border-top:1px solid #d7e1ee}.builder-group:first-child{border-top:0}.builder-group summary{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;cursor:pointer;background:#eee8ff;color:#302089}.builder-group summary span{background:#6958dc;color:#fff;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.builder-row{display:grid;grid-template-columns:minmax(420px,1fr) 110px 260px 90px;gap:16px;align-items:center;margin:0 16px;padding:10px 0;border-bottom:1px solid #edf1f6}.builder-head{font-size:12px;font-weight:850;color:#52647b}.component-choice{font-size:14px;cursor:pointer}.component-choice small{display:block;margin:3px 0 0 24px;color:#60728a}.component-choice.selected{background:#eef6ff;margin-left:0;margin-right:0;padding-left:16px;padding-right:16px}.builder-price{font-weight:850;color:#283f69}.builder-qty{width:100%;accent-color:#5b4fd6}.builder-number{width:70px!important;text-align:center;border:1px solid #c7d3e4;border-radius:8px;padding:8px}.sticky-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(246,249,253,0),#f6f9fd 42%);padding:18px 0;z-index:4}
@media(max-width:1100px){.builder-grid,.builder-grid.two{grid-template-columns:1fr}.builder-row{grid-template-columns:1fr 90px 1fr 80px}}
.configurator-admin select,
.builder-row span:first-child{
  min-width:0;
}
.builder-row span:first-child{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}