.qsarco-pq-admin-wrap{margin-top:10px}
.qsarco-pq-admin-toolbar{display:flex;gap:10px;align-items:center;margin:10px 0;padding:0 0 12px;border-bottom:1px solid #e5e7eb}
.qsarco-pq-admin-list{display:flex;flex-direction:column;gap:12px;margin:12px 0}
.qsarco-pq-admin-card h4{margin:0 0 10px;font-size:13px}
.qsarco-pq-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.qsarco-pq-admin-grid .wide{grid-column:span 2}
.qsarco-pq-admin-grid .full{grid-column:1 / -1}
.qsarco-pq-admin-grid label{font-size:12px;color:#374151;display:block;margin-bottom:4px}
.qsarco-pq-admin-grid input[type="text"],
.qsarco-pq-admin-grid input[type="number"],
.qsarco-pq-admin-grid select,
.qsarco-pq-admin-grid textarea{
  width:100%;
}
.qsarco-pq-options{margin-top:10px;border-top:1px solid #eef2f7;padding-top:10px}
.qsarco-pq-option-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr auto;gap:8px;align-items:end;margin-bottom:10px;padding:10px 0;border-bottom:1px solid #f1f5f9}
.qsarco-pq-option-row:last-child{border-bottom:0;padding-bottom:0}
.qsarco-pq-option-row .remove{margin-bottom:2px}
.qsarco-pq-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.qsarco-pq-small{font-size:12px;color:#6b7280}

/* Admin editor: line-based layout (no cards) */
.qsarco-pq-admin-card{
  border:0;
  border-radius:0;
  background:transparent;
  padding:16px 0;
  border-bottom:1px solid #e5e7eb;
}
.qsarco-pq-admin-card:first-child{border-top:1px solid #e5e7eb}
.qsarco-pq-admin-card h4{margin:0 0 10px;font-size:13px}

/* Accordion header */
.qsarco-pq-admin-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:10px 0;
  cursor:pointer;
}
.qsarco-pq-admin-head-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qsarco-pq-admin-id code{background:#f3f4f6;padding:2px 6px;border-radius:6px}
.qsarco-pq-admin-title{font-weight:600}
.qsarco-pq-admin-head-right{display:flex;align-items:center;gap:10px}
.qsarco-pq-admin-toggle{font-size:14px;opacity:.7}
.qsarco-pq-admin-card.is-collapsed .qsarco-pq-admin-body{display:none}
.qsarco-pq-admin-card:not(.is-collapsed) .qsarco-pq-admin-toggle{transform:rotate(180deg)}
.qsarco-pq-admin-body{padding:12px 0 0;margin-top:10px;border-top:1px solid #eef2f7}
/* Improve grid to avoid overlap */
.qsarco-pq-admin-grid{grid-template-columns:repeat(12,minmax(0,1fr));}
.qsarco-pq-admin-grid .wide{grid-column:span 6}
.qsarco-pq-admin-grid > div:not(.wide):not(.full){grid-column:span 3}
.qsarco-pq-admin-grid .full{grid-column:1 / -1}
@media (max-width: 1100px){
  .qsarco-pq-admin-grid .wide{grid-column:1 / -1}
  .qsarco-pq-admin-grid > div:not(.wide):not(.full){grid-column:span 6}
}
@media (max-width: 782px){
  .qsarco-pq-admin-grid{grid-template-columns:repeat(1,minmax(0,1fr));}
  .qsarco-pq-admin-grid .wide,
  .qsarco-pq-admin-grid > div:not(.wide):not(.full),
  .qsarco-pq-admin-grid .full{grid-column:1 / -1}
}
.qsarco-pq-cond-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.qsarco-pq-cond-row input[type="text"]{max-width:240px}

/*
 * WooCommerce product data panels apply aggressive global label/input styles
 * (floats + fixed widths) which can break grid layouts.
 * Scope strong resets to our UI only.
 */
#qsarco_pq_product_data #qsarco-pq-admin-root,
#qsarco_pq_product_data #qsarco-pq-admin-root *{box-sizing:border-box}

/* Add breathing room so content isn't edge-to-edge with the WooCommerce panel */
#qsarco_pq_product_data #qsarco-pq-admin-root{padding:12px 12px 4px}

#qsarco_pq_product_data #qsarco-pq-admin-root label{
  float:none !important;
  width:auto !important;
  margin:0 0 4px 0 !important;
  padding:0 !important;
  display:block !important;
}

#qsarco_pq_product_data #qsarco-pq-admin-root input[type="text"],
#qsarco_pq_product_data #qsarco-pq-admin-root input[type="number"],
#qsarco_pq_product_data #qsarco-pq-admin-root select,
#qsarco_pq_product_data #qsarco-pq-admin-root textarea{
  float:none !important;
  margin:0 !important;
  max-width:100% !important;
}

/* Make Woo's select arrow padding consistent */
#qsarco_pq_product_data #qsarco-pq-admin-root select{min-height:32px}

/* Prevent small helper text from being forced into label-width columns */
#qsarco_pq_product_data #qsarco-pq-admin-root .qsarco-pq-small{
  display:block;
  margin-top:4px;
}