.fl-admin-profit {
  border: 1px solid rgba(255, 235, 167, 0.24);
  border-radius: 16px;
  margin: 14px 0;
  padding: 0;
  overflow: hidden;
  background: rgba(2, 6, 23, 0.78);
}

.fl-admin-profit[hidden] {
  display: none !important;
}

.fl-admin-profit-details,
.fl-admin-profit-body {
  display: block;
}

.fl-admin-profit-title {
  padding: 12px 14px;
  color: #ffeba7;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
  background: rgba(255, 235, 167, 0.06);
}

.fl-admin-profit-title::-webkit-details-marker {
  display: none;
}

.fl-admin-profit-body {
  padding: 8px 14px 14px;
}

.fl-admin-profit-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, auto);
  gap: 18px;
  align-items: baseline;
  padding: 6px 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  color: rgba(226, 232, 240, 0.9);
}

.fl-admin-profit-row strong {
  color: #fff1ad;
  text-align: right;
}

/* Trin 8B-3A: rækker med lange, ubrudte tekstværdier (fx Produktnr./SKU)
   stables i stedet for at presse labelen sammen i en smal værdikolonne.
   Klassen sættes generisk af row() i admin_profit_panel.js ud fra feltets
   label/nøgle eller værdiens længde — aldrig ud fra en bestemt varegruppes
   SKU-tekst. Gælder alle 9 printvaregrupper (og Malerbøger/Personlig
   kalenders egen fl-admin-profit-boks), da klassen lever i denne fælles,
   uscopet fil. */
.fl-admin-profit-row--wide {
  grid-template-columns: minmax(0, 1fr);
  row-gap: 4px;
}

.fl-admin-profit-row--wide strong {
  width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  text-align: left;
}

.fl-profit-discount strong,
.fl-profit-sale-price strong {
  color: #fde047;
}

.fl-profit-pos strong,
.fl-profit-pos {
  color: #86efac !important;
}

.fl-profit-neg strong,
.fl-profit-neg {
  color: #fca5a5 !important;
}

.fl-admin-profit-note {
  margin-top: 10px;
  color: rgba(203, 213, 225, 0.8);
  line-height: 1.45;
}

/* Kostopdeling under samlet kost (tid/klik/papir + kundetillæg). */
.fl-admin-profit-section {
  margin: 4px 0 2px;
  padding: 4px 0 2px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.fl-admin-profit-heading {
  margin: 8px 0 2px;
  color: rgba(255, 235, 167, 0.88);
  font-size: 0.86em;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.fl-admin-profit-row.fl-admin-profit-sub {
  padding-left: 6px;
  color: rgba(203, 213, 225, 0.88);
}

.fl-admin-profit-row.fl-admin-profit-sub strong {
  color: #e7d48a;
}

@media (max-width: 560px) {
  .fl-admin-profit-row {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .fl-admin-profit-row strong {
    text-align: left;
  }
}