/* Products & Stock dataset selection only: the real input remains keyboard-accessible. */
.data-export-detail[data-export-detail="products"] .data-export-option{
  grid-template-columns:16px 32px minmax(0,1fr);
  gap:10px;
  position:relative;
}
.data-export-detail[data-export-detail="products"] .data-export-option input[type="checkbox"]{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  margin:-1px;
  opacity:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.data-export-detail[data-export-detail="products"] .data-export-checkbox-visual{
  position:relative;
  display:block;
  flex:0 0 16px;
  inline-size:16px;
  block-size:16px;
  box-sizing:border-box;
  align-self:center;
  border:1.5px solid #a9bfdc;
  border-radius:4px;
  background:#fff;
  box-shadow:inset 0 1px 2px rgba(43,86,142,.08);
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
.data-export-detail[data-export-detail="products"] .data-export-option:hover .data-export-checkbox-visual{border-color:#6c9fd8}
.data-export-detail[data-export-detail="products"] .data-export-option input[type="checkbox"]:checked + .data-export-checkbox-visual{
  border-color:#287fe4;
  background:#287fe4;
  box-shadow:0 2px 6px rgba(40,127,228,.28);
}
.data-export-detail[data-export-detail="products"] .data-export-option input[type="checkbox"]:checked + .data-export-checkbox-visual::after{
  content:"";
  position:absolute;
  left:5px;
  top:2px;
  inline-size:4px;
  block-size:7px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.data-export-detail[data-export-detail="products"] .data-export-option input[type="checkbox"]:focus{outline:0}
.data-export-detail[data-export-detail="products"] .data-export-option input[type="checkbox"]:checked::after{content:none}
.data-export-detail[data-export-detail="products"] .data-export-option input[type="checkbox"]:focus-visible + .data-export-checkbox-visual{
  outline:2px solid rgba(40,127,228,.62);
  outline-offset:3px;
}
@media (prefers-reduced-motion:reduce){
  .data-export-detail[data-export-detail="products"] .data-export-checkbox-visual{transition:none}
}

/* Products right-column section legends only. */
.data-export-detail[data-export-detail="products"] .data-export-detail-grid>aside>.data-export-detail-card>legend{
  margin-left:2px;
  padding:0 7px;
  color:#2e68be;
  font:800 13px/1.2 "DM Sans";
  letter-spacing:.55px;
}
.data-export-detail[data-export-detail="products"] .data-export-date-range legend:before{
  margin-right:7px;
  font-size:15px;
  vertical-align:-1px;
}

/* Products date-range and format radios: real inputs remain keyboard-accessible. */
.data-export-detail[data-export-detail="products"] .data-export-date-range>label,
.data-export-detail[data-export-detail="products"] .data-export-format{position:relative}
.data-export-detail[data-export-detail="products"] .data-export-date-range input[type="radio"],
.data-export-detail[data-export-detail="products"] .data-export-format input[type="radio"]{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  min-inline-size:1px;
  min-block-size:1px;
  max-inline-size:1px;
  max-block-size:1px;
  margin:-1px;
  opacity:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.data-export-detail[data-export-detail="products"] .data-export-radio-visual{
  position:relative;
  display:block;
  flex:0 0 16px;
  inline-size:16px;
  block-size:16px;
  min-inline-size:16px;
  min-block-size:16px;
  max-inline-size:16px;
  max-block-size:16px;
  box-sizing:border-box;
  align-self:center;
  border:1.5px solid #a9bfdc;
  border-radius:50%;
  background:#fff;
  box-shadow:inset 0 1px 2px rgba(38,82,140,.08);
  transition:border-color .16s ease,box-shadow .16s ease;
}
.data-export-detail[data-export-detail="products"] .data-export-format .data-export-radio-visual{
  display:block;
  grid-template-columns:none;
  column-gap:0;
}
.data-export-detail[data-export-detail="products"] .data-export-format .data-export-radio-visual::before{content:none;display:none}
.data-export-detail[data-export-detail="products"] .data-export-date-range>label:hover .data-export-radio-visual,
.data-export-detail[data-export-detail="products"] .data-export-format:hover .data-export-radio-visual{border-color:#6c9fd8}
.data-export-detail[data-export-detail="products"] .data-export-date-range input[type="radio"]:checked + .data-export-radio-visual{border-color:#2a91df}
.data-export-detail[data-export-detail="products"] .data-export-date-range input[type="radio"]:checked + .data-export-radio-visual::after,
.data-export-detail[data-export-detail="products"] .data-export-format input[type="radio"]:checked + .data-export-radio-visual::after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  background:#2a91df;
}
.data-export-detail[data-export-detail="products"] .data-export-format:has(input[data-export-format="xlsx"]:checked) .data-export-radio-visual{border-color:#10936a}
.data-export-detail[data-export-detail="products"] .data-export-format:has(input[data-export-format="xlsx"]:checked) .data-export-radio-visual::after{background:#10936a}
.data-export-detail[data-export-detail="products"] .data-export-format:has(input[data-export-format="csv"]:checked) .data-export-radio-visual{border-color:#287eea}
.data-export-detail[data-export-detail="products"] .data-export-format:has(input[data-export-format="csv"]:checked) .data-export-radio-visual::after{background:#287eea}
.data-export-detail[data-export-detail="products"] .data-export-format:has(input[data-export-format="pdf"]:checked) .data-export-radio-visual{border-color:#d94867}
.data-export-detail[data-export-detail="products"] .data-export-format:has(input[data-export-format="pdf"]:checked) .data-export-radio-visual::after{background:#d94867}
.data-export-detail[data-export-detail="products"] .data-export-date-range input[type="radio"]:focus{outline:0}
.data-export-detail[data-export-detail="products"] .data-export-format input[type="radio"]:focus{outline:0}
.data-export-detail[data-export-detail="products"] .data-export-date-range input[type="radio"]:focus-visible + .data-export-radio-visual,
.data-export-detail[data-export-detail="products"] .data-export-format input[type="radio"]:focus-visible + .data-export-radio-visual{
  outline:2px solid rgba(40,127,228,.62);
  outline-offset:3px;
}

/* Sales Export uses the approved 16px control system with sales-specific accents. */
.data-export-detail[data-export-detail="sales"] .data-export-detail-card{
  border-color:rgba(151,205,194,.62);
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(239,251,248,.68));
  box-shadow:0 9px 18px rgba(35,125,102,.07),inset 0 1px rgba(255,255,255,.95);
}
.data-export-detail[data-export-detail="sales"] .data-export-detail-card>legend{
  margin-left:2px;
  padding:0 7px;
  color:#178568;
  font:800 13px/1.2 "DM Sans";
  letter-spacing:.55px;
}
.data-export-detail[data-export-detail="sales"] .data-export-option{
  grid-template-columns:16px 32px minmax(0,1fr);
  gap:10px;
  position:relative;
}
.data-export-detail[data-export-detail="sales"] .data-export-option input[type="checkbox"],
.data-export-detail[data-export-detail="sales"] .data-export-date-range input[type="radio"],
.data-export-detail[data-export-detail="sales"] .data-export-format input[type="radio"]{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  min-inline-size:1px;
  min-block-size:1px;
  max-inline-size:1px;
  max-block-size:1px;
  margin:-1px;
  opacity:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.data-export-detail[data-export-detail="sales"] .data-export-checkbox-visual,
.data-export-detail[data-export-detail="sales"] .data-export-radio-visual{
  position:relative;
  display:block;
  flex:0 0 16px;
  inline-size:16px;
  block-size:16px;
  min-inline-size:16px;
  min-block-size:16px;
  max-inline-size:16px;
  max-block-size:16px;
  box-sizing:border-box;
  align-self:center;
  border:1.5px solid #a9bfdc;
  background:#fff;
  box-shadow:inset 0 1px 2px rgba(38,82,140,.08);
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
.data-export-detail[data-export-detail="sales"] .data-export-checkbox-visual{border-radius:4px}
.data-export-detail[data-export-detail="sales"] .data-export-radio-visual{border-radius:50%}
.data-export-detail[data-export-detail="sales"] .data-export-format .data-export-radio-visual{display:block;grid-template-columns:none;column-gap:0}
.data-export-detail[data-export-detail="sales"] .data-export-format .data-export-radio-visual::before{content:none;display:none}
.data-export-detail[data-export-detail="sales"] .data-export-option:hover .data-export-checkbox-visual,
.data-export-detail[data-export-detail="sales"] .data-export-date-range>label:hover .data-export-radio-visual,
.data-export-detail[data-export-detail="sales"] .data-export-format:hover .data-export-radio-visual{border-color:#54ad99}
.data-export-detail[data-export-detail="sales"] .data-export-option input[type="checkbox"]:checked + .data-export-checkbox-visual{
  border-color:#159673;
  background:#159673;
  box-shadow:0 2px 6px rgba(21,150,115,.26);
}
.data-export-detail[data-export-detail="sales"] .data-export-option input[type="checkbox"]:checked + .data-export-checkbox-visual::after{
  content:"";
  position:absolute;
  left:5px;
  top:2px;
  inline-size:4px;
  block-size:7px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.data-export-detail[data-export-detail="sales"] .data-export-option input[type="checkbox"]:checked::after{content:none}
.data-export-detail[data-export-detail="sales"] .data-export-option:has(input[data-export-dataset="sales_invoices"])>i{color:#10936a}
.data-export-detail[data-export-detail="sales"] .data-export-option:has(input[data-export-dataset="sales_items"])>i{color:#287eea}
.data-export-detail[data-export-detail="sales"] .data-export-option:has(input[data-export-dataset="sales_returns"])>i{color:#d94867}
.data-export-detail[data-export-detail="sales"] .data-export-option:has(input[data-export-dataset="sales_invoices"]:checked){border-color:rgba(16,147,106,.55);background:linear-gradient(105deg,#effcf6,#fff)}
.data-export-detail[data-export-detail="sales"] .data-export-option:has(input[data-export-dataset="sales_items"]:checked){border-color:rgba(40,126,234,.55);background:linear-gradient(105deg,#eff8ff,#fff)}
.data-export-detail[data-export-detail="sales"] .data-export-option:has(input[data-export-dataset="sales_returns"]:checked){border-color:rgba(217,72,103,.52);background:linear-gradient(105deg,#fff4f6,#fff)}
.data-export-detail[data-export-detail="sales"] .data-export-date-range{border-color:rgba(53,174,154,.55);background:linear-gradient(145deg,rgba(239,253,249,.94),rgba(234,247,255,.7));box-shadow:0 10px 19px rgba(28,144,120,.08),inset 0 1px #fff}
.data-export-detail[data-export-detail="sales"] .data-export-date-range input[type="radio"]:checked + .data-export-radio-visual{border-color:#159673}
.data-export-detail[data-export-detail="sales"] .data-export-date-range input[type="radio"]:checked + .data-export-radio-visual::after,
.data-export-detail[data-export-detail="sales"] .data-export-format input[type="radio"]:checked + .data-export-radio-visual::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#159673}
.data-export-detail[data-export-detail="sales"] .data-export-format:has(input[data-export-format="xlsx"]:checked) .data-export-radio-visual{border-color:#10936a}
.data-export-detail[data-export-detail="sales"] .data-export-format:has(input[data-export-format="xlsx"]:checked) .data-export-radio-visual::after{background:#10936a}
.data-export-detail[data-export-detail="sales"] .data-export-format:has(input[data-export-format="csv"]:checked) .data-export-radio-visual{border-color:#287eea}
.data-export-detail[data-export-detail="sales"] .data-export-format:has(input[data-export-format="csv"]:checked) .data-export-radio-visual::after{background:#287eea}
.data-export-detail[data-export-detail="sales"] .data-export-format:has(input[data-export-format="pdf"]:checked) .data-export-radio-visual{border-color:#d94867}
.data-export-detail[data-export-detail="sales"] .data-export-format:has(input[data-export-format="pdf"]:checked) .data-export-radio-visual::after{background:#d94867}
.data-export-detail[data-export-detail="sales"] .data-export-option input:focus,
.data-export-detail[data-export-detail="sales"] .data-export-date-range input[type="radio"]:focus,
.data-export-detail[data-export-detail="sales"] .data-export-format input[type="radio"]:focus{outline:0}
.data-export-detail[data-export-detail="sales"] .data-export-option input[type="checkbox"]:focus-visible + .data-export-checkbox-visual,
.data-export-detail[data-export-detail="sales"] .data-export-date-range input[type="radio"]:focus-visible + .data-export-radio-visual,
.data-export-detail[data-export-detail="sales"] .data-export-format input[type="radio"]:focus-visible + .data-export-radio-visual{outline:2px solid rgba(21,150,115,.5);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .data-export-detail[data-export-detail="sales"] .data-export-checkbox-visual,
  .data-export-detail[data-export-detail="sales"] .data-export-radio-visual{transition:none}
}

/* Shared 16px control system for the six local-only DE2B detail screens. */
.data-export-detail[data-export-detail="purchases"]{--de-accent:#d98725;--de-soft:#fff7eb;--de-border:rgba(217,135,37,.52)}
.data-export-detail[data-export-detail="customers"]{--de-accent:#8749d7;--de-soft:#faf6ff;--de-border:rgba(135,73,215,.5)}
.data-export-detail[data-export-detail="dealers"]{--de-accent:#119a84;--de-soft:#effbf8;--de-border:rgba(17,154,132,.5)}
.data-export-detail[data-export-detail="employees"]{--de-accent:#287eea;--de-soft:#eff7ff;--de-border:rgba(40,126,234,.5)}
.data-export-detail[data-export-detail="attendance"]{--de-accent:#d94867;--de-soft:#fff4f6;--de-border:rgba(217,72,103,.5)}
.data-export-detail[data-export-detail="payroll"]{--de-accent:#7746cb;--de-soft:#f8f3ff;--de-border:rgba(119,70,203,.5)}
.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-detail-card{border-color:var(--de-border);background:linear-gradient(145deg,rgba(255,255,255,.93),var(--de-soft));box-shadow:0 9px 18px color-mix(in srgb,var(--de-accent) 11%,transparent),inset 0 1px rgba(255,255,255,.95)}
.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-detail-card>legend{margin-left:2px;padding:0 7px;color:var(--de-accent);font:800 13px/1.2 "DM Sans";letter-spacing:.55px}
.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-option{grid-template-columns:16px 32px minmax(0,1fr);gap:10px;position:relative}
.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-date-range>label,.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-format{position:relative}
.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-option input[type="checkbox"],.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-date-range input[type="radio"],.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-format input[type="radio"]{position:absolute;inline-size:1px;block-size:1px;min-inline-size:1px;min-block-size:1px;max-inline-size:1px;max-block-size:1px;margin:-1px;opacity:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-checkbox-visual,.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-radio-visual{position:relative;display:block;flex:0 0 16px;inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px;max-inline-size:16px;max-block-size:16px;box-sizing:border-box;align-self:center;border:1.5px solid #a9bfdc;background:#fff;box-shadow:inset 0 1px 2px rgba(38,82,140,.08);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-checkbox-visual{border-radius:4px}.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-radio-visual{border-radius:50%}.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-format .data-export-radio-visual{display:block;grid-template-columns:none;column-gap:0}.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-format .data-export-radio-visual::before{content:none;display:none}
.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-option:hover .data-export-checkbox-visual,.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-date-range>label:hover .data-export-radio-visual,.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-format:hover .data-export-radio-visual{border-color:var(--de-accent)}
.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-option input[type="checkbox"]:checked + .data-export-checkbox-visual{border-color:var(--de-accent);background:var(--de-accent);box-shadow:0 2px 6px color-mix(in srgb,var(--de-accent) 30%,transparent)}
.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-option input[type="checkbox"]:checked + .data-export-checkbox-visual::after{content:"";position:absolute;left:5px;top:2px;inline-size:4px;block-size:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.data-export-detail[data-export-detail="purchases"] .data-export-option:has(input[data-export-dataset="purchase_invoices"])>i,.data-export-detail[data-export-detail="customers"] .data-export-option:has(input[data-export-dataset="customer_outstanding"])>i,.data-export-detail[data-export-detail="dealers"] .data-export-option:has(input[data-export-dataset="dealer_outstanding"])>i{color:#d98725}.data-export-detail[data-export-detail="purchases"] .data-export-option:has(input[data-export-dataset="purchase_items"])>i,.data-export-detail[data-export-detail="employees"] .data-export-option:has(input[data-export-dataset="employee_master"])>i{color:#287eea}.data-export-detail[data-export-detail="purchases"] .data-export-option:has(input[data-export-dataset="purchase_returns"])>i,.data-export-detail[data-export-detail="attendance"] .data-export-option>i{color:#d94867}.data-export-detail[data-export-detail="customers"] .data-export-option:has(input[data-export-dataset="customer_master"])>i,.data-export-detail[data-export-detail="employees"] .data-export-option:has(input[data-export-dataset="employee_roles"])>i{color:#8749d7}.data-export-detail[data-export-detail="dealers"] .data-export-option:has(input[data-export-dataset="dealer_master"])>i{color:#119a84}.data-export-detail[data-export-detail="payroll"] .data-export-option>i{color:#7746cb}
.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-date-range input[type="radio"]:checked + .data-export-radio-visual{border-color:var(--de-accent)}.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-date-range input[type="radio"]:checked + .data-export-radio-visual::after,.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-format input[type="radio"]:checked + .data-export-radio-visual::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--de-accent)}
.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-format:has(input[data-export-format="xlsx"]:checked) .data-export-radio-visual{border-color:#10936a}.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-format:has(input[data-export-format="xlsx"]:checked) .data-export-radio-visual::after{background:#10936a}.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-format:has(input[data-export-format="csv"]:checked) .data-export-radio-visual{border-color:#287eea}.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-format:has(input[data-export-format="csv"]:checked) .data-export-radio-visual::after{background:#287eea}.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-format:has(input[data-export-format="pdf"]:checked) .data-export-radio-visual{border-color:#d94867}.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-format:has(input[data-export-format="pdf"]:checked) .data-export-radio-visual::after{background:#d94867}
.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) input:focus{outline:0}.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-option input[type="checkbox"]:focus-visible + .data-export-checkbox-visual,.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) input[type="radio"]:focus-visible + .data-export-radio-visual{outline:2px solid color-mix(in srgb,var(--de-accent) 62%,transparent);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-checkbox-visual,.data-export-detail:is([data-export-detail="purchases"],[data-export-detail="customers"],[data-export-detail="dealers"],[data-export-detail="employees"],[data-export-detail="attendance"],[data-export-detail="payroll"]) .data-export-radio-visual{transition:none}}

.data-export-detail[data-export-detail="attendance"] .data-export-attendance-employee{display:grid;gap:6px;margin-top:12px;color:#314d72;font:700 12px/1.3 "DM Sans"}.data-export-detail[data-export-detail="attendance"] .data-export-attendance-employee select{width:100%;min-height:38px;padding:8px 10px;border:1px solid rgba(217,72,103,.34);border-radius:9px;background:rgba(255,255,255,.92);box-shadow:inset 0 1px 2px rgba(38,82,140,.06);color:#1a3760;font:600 13px/1.25 "DM Sans"}.data-export-detail[data-export-detail="attendance"] .data-export-attendance-employee select:focus-visible{outline:2px solid rgba(217,72,103,.42);outline-offset:2px}.data-export-detail[data-export-detail="attendance"] .data-export-attendance-employee select:disabled{cursor:wait;color:#7890ad;background:#f3f7fc}

.data-export-detail[data-export-detail="products"] .data-export-product-groups{display:grid;gap:14px}.data-export-detail[data-export-detail="products"] .data-export-product-group{display:grid;gap:7px}.data-export-detail[data-export-detail="products"] .data-export-product-group+ .data-export-product-group{padding-top:13px;border-top:1px solid rgba(111,150,199,.24)}.data-export-detail[data-export-detail="products"] .data-export-product-group h3{margin:0;color:#567399;font:800 11px/1.25 "DM Sans";letter-spacing:.7px}.data-export-detail[data-export-detail="products"] .data-export-product-group>div{display:grid;gap:8px}.data-export-detail[data-export-detail="products"] .data-export-non-moving-period{border-color:rgba(87,112,174,.45);background:linear-gradient(145deg,rgba(245,248,255,.95),rgba(236,244,255,.78))}

.data-export-detail .data-export-detail-footer button[data-export-csv]{position:relative;min-width:196px;overflow:hidden;border:1px solid rgba(21,134,95,.72);background:linear-gradient(135deg,#07885f 0%,#10a978 52%,#087456 100%);box-shadow:0 8px 17px rgba(7,117,83,.24),inset 0 1px rgba(255,255,255,.34),inset 0 -1px rgba(0,68,47,.18);color:#fff;text-shadow:0 1px rgba(0,72,49,.18);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease}
.data-export-detail .data-export-detail-footer button[data-export-csv]::before{position:absolute;inset:1px 1px auto;block-size:46%;border-radius:7px 7px 14px 14px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0));content:"";pointer-events:none}
.data-export-detail .data-export-detail-footer button[data-export-csv]:not(:disabled):hover{transform:translateY(-1px);background:linear-gradient(135deg,#079267 0%,#13ae7e 52%,#08795a 100%);box-shadow:0 10px 21px rgba(7,117,83,.3),inset 0 1px rgba(255,255,255,.38),inset 0 -1px rgba(0,68,47,.18);filter:brightness(1.015)}
.data-export-detail .data-export-detail-footer button[data-export-csv]:not(:disabled):active{transform:translateY(0) scale(.99);box-shadow:0 5px 11px rgba(7,117,83,.24),inset 0 1px rgba(0,68,47,.14);transition-duration:.12s}
.data-export-detail .data-export-detail-footer button[data-export-csv]:focus-visible{outline:3px solid rgba(8,153,106,.34);outline-offset:3px}
.data-export-detail .data-export-detail-footer button[data-export-csv]:disabled:not([data-export-loading]){border-color:rgba(151,184,222,.64);background:linear-gradient(145deg,#d9e7f8,#b9d0eb);box-shadow:inset 0 1px rgba(255,255,255,.64);color:#6e88a5;text-shadow:none;cursor:not-allowed;filter:none;opacity:1}
.data-export-detail .data-export-detail-footer button[data-export-csv][data-export-loading]{border-color:rgba(13,129,91,.75);background:linear-gradient(135deg,#07885f 0%,#10a978 52%,#087456 100%);box-shadow:0 7px 15px rgba(7,117,83,.22),inset 0 1px rgba(255,255,255,.3);color:#fff;cursor:progress;opacity:.9}
.data-export-detail .data-export-detail-footer button[data-export-csv][data-export-loading]::after{display:inline-block;inline-size:9px;block-size:9px;margin-left:7px;border:1.5px solid rgba(255,255,255,.48);border-top-color:#fff;border-radius:50%;content:"";vertical-align:-1px;animation:data-export-csv-spinner .7s linear infinite}
@keyframes data-export-csv-spinner{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.data-export-detail .data-export-detail-footer button[data-export-csv]{transition:none}.data-export-detail .data-export-detail-footer button[data-export-csv][data-export-loading]::after{animation:none}}

/* XLSX added a Products-only action selector; retain the existing export button states. */
.data-export-detail[data-export-detail="products"] .data-export-detail-footer button[data-export-products-export]{position:relative;min-width:196px;overflow:hidden;border:1px solid rgba(21,134,95,.72);background:linear-gradient(135deg,#07885f 0%,#10a978 52%,#087456 100%);box-shadow:0 8px 17px rgba(7,117,83,.24),inset 0 1px rgba(255,255,255,.34),inset 0 -1px rgba(0,68,47,.18);color:#fff;text-shadow:0 1px rgba(0,72,49,.18);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease}
.data-export-detail[data-export-detail="products"] .data-export-detail-footer button[data-export-products-export]::before{position:absolute;inset:1px 1px auto;block-size:46%;border-radius:7px 7px 14px 14px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0));content:"";pointer-events:none}
.data-export-detail[data-export-detail="products"] .data-export-detail-footer button[data-export-products-export]:not(:disabled):hover{transform:translateY(-1px);background:linear-gradient(135deg,#079267 0%,#13ae7e 52%,#08795a 100%);box-shadow:0 10px 21px rgba(7,117,83,.3),inset 0 1px rgba(255,255,255,.38),inset 0 -1px rgba(0,68,47,.18);filter:brightness(1.015)}
.data-export-detail[data-export-detail="products"] .data-export-detail-footer button[data-export-products-export]:not(:disabled):active{transform:translateY(0) scale(.99);box-shadow:0 5px 11px rgba(7,117,83,.24),inset 0 1px rgba(0,68,47,.14);transition-duration:.12s}
.data-export-detail[data-export-detail="products"] .data-export-detail-footer button[data-export-products-export]:focus-visible{outline:3px solid rgba(8,153,106,.34);outline-offset:3px}
.data-export-detail[data-export-detail="products"] .data-export-detail-footer button[data-export-products-export]:disabled:not([data-export-loading]){border-color:rgba(151,184,222,.64);background:linear-gradient(145deg,#d9e7f8,#b9d0eb);box-shadow:inset 0 1px rgba(255,255,255,.64);color:#6e88a5;text-shadow:none;cursor:not-allowed;filter:none;opacity:1}
.data-export-detail[data-export-detail="products"] .data-export-detail-footer button[data-export-products-export][data-export-loading]{border-color:rgba(13,129,91,.75);background:linear-gradient(135deg,#07885f 0%,#10a978 52%,#087456 100%);box-shadow:0 7px 15px rgba(7,117,83,.22),inset 0 1px rgba(255,255,255,.3);color:#fff;cursor:progress;opacity:.9}
.data-export-detail[data-export-detail="products"] .data-export-detail-footer button[data-export-products-export][data-export-loading]::after{display:inline-block;inline-size:9px;block-size:9px;margin-left:7px;border:1.5px solid rgba(255,255,255,.48);border-top-color:#fff;border-radius:50%;content:"";vertical-align:-1px;animation:data-export-csv-spinner .7s linear infinite}
@media (prefers-reduced-motion:reduce){.data-export-detail[data-export-detail="products"] .data-export-detail-footer button[data-export-products-export]{transition:none}.data-export-detail[data-export-detail="products"] .data-export-detail-footer button[data-export-products-export][data-export-loading]::after{animation:none}}