/* DrBestand 0.81.0 — canonical semantic detail/summary grids. */
.system-details{
  --system-details-border:var(--erp-ui-border,var(--line,var(--border,#cfdae5)));
  --system-details-surface:var(--erp-ui-surface,var(--surface,#fff));
  --system-details-surface-muted:var(--erp-ui-surface-muted,var(--surface-soft,#f6f9fb));
  --system-details-text:var(--erp-ui-text,var(--text,#082c58));
  --system-details-muted:var(--erp-ui-muted,var(--muted,#607487));
  display:grid;
  gap:10px;
  min-width:0;
  margin:0;
}
.system-details[hidden],.system-details [hidden]{display:none!important}
.system-details--auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.system-details--cols-1{grid-template-columns:1fr}
.system-details--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.system-details--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.system-details--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.system-details__item,.system-details>div{min-width:0;overflow-wrap:anywhere}
.system-details__item--wide{grid-column:1/-1}
.system-details dt{
  margin:0;
  color:var(--system-details-muted);
  font-size:11px;
  font-weight:850;
  line-height:1.35;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.system-details dd{
  min-width:0;
  margin:4px 0 0;
  color:var(--system-details-text);
  font-size:13px;
  font-weight:700;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.system-details dd small{color:var(--system-details-muted);font-weight:600}
.system-details--facts>:where(.system-details__item,div),
.system-details--summary>:where(.system-details__item,div){
  display:grid;
  align-content:start;
  gap:2px;
  padding:10px 12px;
  border:1px solid var(--system-details-border);
  border-radius:10px;
  background:var(--system-details-surface-muted);
}
.system-details--summary>:where(.system-details__item,div){background:var(--system-details-surface)}
.system-details--summary dd{font-size:14px;font-weight:800}
.system-details--compact{grid-template-columns:1fr;gap:0}
.system-details--compact>:where(.system-details__item,div){
  display:grid;
  grid-template-columns:minmax(110px,.72fr) minmax(0,1.28fr);
  gap:10px;
  align-items:start;
  padding:8px 0;
  border-bottom:1px solid var(--system-details-border);
}
.system-details--compact>:where(.system-details__item,div):last-child{border-bottom:0}
.system-details--compact dd{margin:0;text-align:right}
.system-details a{overflow-wrap:anywhere}
.system-details code{white-space:normal;overflow-wrap:anywhere}
@media(max-width:900px){
  .system-details--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .system-details--cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .system-details--cols-2,.system-details--cols-3,.system-details--cols-4{grid-template-columns:1fr}
  .system-details--compact>:where(.system-details__item,div){grid-template-columns:1fr;gap:3px}
  .system-details--compact dd{text-align:left}
  .system-details__item--wide{grid-column:auto}
}
