/* Qardify-Admin – app-spezifische Bausteine.
   Teil 1: Kopie generischer Abschnitte aus duranco-holding apps/hub/hub.css (Stand 2a45050), nur gelesen und kopiert.
   Teil 2 (unten): Qardify-Admin-eigene Ergänzungen. */

/* Dichte Datentabelle; auf schmalen Bildschirmen horizontal scrollbar statt Kartenliste */
.dtbl-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.dtbl { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.dtbl th {
  height: 32px; padding: 0 var(--sp-3); text-align: left; white-space: nowrap;
  font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--muted);
  background: var(--surface-alt); border-bottom: 1px solid var(--line);
}
.dtbl th { position: relative; }
.dtbl .c-clip { max-width: 230px; overflow: hidden; text-overflow: ellipsis; }
.dtbl .c-clip--s { max-width: 108px; }
.dtbl .c-clip--m { max-width: 200px; }
.dtbl td { height: var(--row-h); padding: 0 var(--sp-3); border-bottom: 1px solid var(--line); vertical-align: middle; white-space: nowrap; }
.dtbl tbody tr:last-child td { border-bottom: 0; }
.dtbl tbody tr:hover td { background: var(--hover); }
.dtbl .num { text-align: right; }
.dtbl .c-strong { font-weight: var(--fw-medium); }
.dtbl .c-act { width: 1%; text-align: right; }
.dtbl .td-sub { font-weight: var(--fw-regular); color: var(--muted); }
.dtbl tr.is-total td { background: var(--surface-alt); font-weight: var(--fw-semibold); }
.dtbl tr.is-open td:first-child { box-shadow: inset 3px 0 0 var(--warn); }
.dtbl tr.is-paused td { color: var(--muted); }

/* Sortierbare Spaltenköpfe */
.sort {
  display: inline-flex; align-items: center; gap: var(--sp-1); height: 32px; padding: 0;
  border: 0; background: none; font: inherit; color: inherit; cursor: pointer; white-space: nowrap;
}
.sort::after { content: "↕"; font-size: var(--fs-xs); opacity: .5; }
.sort:hover { color: var(--text); }
.dtbl th.num .sort { width: 100%; justify-content: flex-end; }
.dtbl th[aria-sort] { color: var(--text); }
.dtbl th[aria-sort="ascending"] .sort::after { content: "↑"; opacity: 1; }
.dtbl th[aria-sort="descending"] .sort::after { content: "↓"; opacity: 1; }
.sort:focus-visible { outline-offset: 1px; }

/* Erste Spalte bleibt beim Querscrollen sichtbar (Handy/Tablet) */
@media (max-width: 1023.98px) {
  .dtbl--sticky th:first-child, .dtbl--sticky td:first-child {
    position: sticky; left: 0; z-index: 1; background: var(--surface); box-shadow: 1px 0 0 var(--line);
  }
  .dtbl--sticky th:first-child { background: var(--surface-alt); }
  .dtbl--sticky td:first-child { max-width: 46vw; overflow: hidden; text-overflow: ellipsis; }
}

/* Filterleiste */
.toolbar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--sp-2) var(--sp-3); padding: var(--sp-2) var(--sp-3); border-bottom: 1px solid var(--line); }
.toolbar__field { display: flex; flex-direction: column; gap: 2px; min-width: 132px; }
.toolbar__label { font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--muted); }
@media (max-width: 1023.98px) { .toolbar__field { flex: 1 1 140px; } }

.badges { display: flex; flex-wrap: wrap; gap: var(--sp-1) var(--sp-3); }


/* Kennzahlen: klein und sachlich, ohne Flächenfarben */
.kpis { display: grid; grid-template-columns: minmax(0, 1fr); }
.kpi { min-width: 0; padding: var(--sp-3); }
.kpi + .kpi { border-top: 1px solid var(--line); }
@container (min-width: 600px) {
  .kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kpi + .kpi { border-top: 0; border-left: 1px solid var(--line); }
}
.kpi__head { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-2); }
.kpi__label { font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--muted); }
.kpi__value { margin-top: 2px; font-size: 18px; line-height: 24px; font-weight: var(--fw-semibold); font-variant-numeric: tabular-nums; white-space: nowrap; }
.kpi__unit { font-size: var(--fs-sm); font-weight: var(--fw-regular); color: var(--muted); }
.kpi__sub { margin-top: var(--sp-1); font-size: var(--fs-sm); color: var(--muted); font-variant-numeric: tabular-nums; }
.kpi__loads { display: flex; gap: var(--sp-4); }
.kpi__load { display: inline-flex; align-items: baseline; gap: 4px; }


/* Preview-Hinweis: Beispieldaten deutlich markiert */
.example-banner { padding: var(--sp-2) var(--sp-3); border: 1px solid var(--note-line); border-radius: var(--radius); background: var(--note-bg); color: var(--note-text); font-size: var(--fs-sm); }

.panel__subhead { padding: var(--sp-2) var(--sp-3) var(--sp-1); font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--muted); text-transform: uppercase; letter-spacing: .04em; border-bottom: 1px solid var(--line); }
.notice { padding: var(--sp-3); border-bottom: 1px solid var(--line); font-size: var(--fs-sm); }
.notice strong { font-weight: var(--fw-semibold); }

/* Kleine Marker (kritisch, Test, aktuell) – Rahmen statt Fläche */
.tag { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border: 1px solid var(--line-strong); border-radius: var(--radius); font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--muted); white-space: nowrap; }
.tag--err { border-color: var(--err); color: var(--err-text); }
.tag--accent { border-color: var(--accent-ink); color: var(--accent-ink); }
.dtbl .c-wrap { white-space: normal; min-width: 180px; }
.c-mono { font-family: var(--font-mono); font-size: var(--fs-sm); }
.c-case-label { min-width: 0; overflow-wrap: anywhere; }
.toolbar__check { display: inline-flex; align-items: center; gap: var(--sp-2); min-height: var(--ctl-h); font-size: var(--fs-sm); }
.toolbar__check input { width: 16px; height: 16px; accent-color: var(--accent); }

/* Änderungen: Zeilen „Feld: alt → neu“ */
.chg { display: flex; flex-direction: column; gap: 2px; }
.chg__field { color: var(--muted); }
.chg__old { text-decoration: line-through; text-decoration-color: var(--line-strong); color: var(--muted); }
.chg__new { font-weight: var(--fw-medium); }


/* Handy: Tabellen als Zeilenblöcke mit Beschriftung (keine Querscroll-Pflicht) */
@container (max-width: 559px) {
  .dtbl--stack, .dtbl--stack tbody { display: block; }
  .dtbl--stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .dtbl--stack tbody tr { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 4px; padding: var(--sp-2) var(--sp-3); border-bottom: 1px solid var(--line); }
  .dtbl--stack tbody tr:last-child { border-bottom: 0; }
  .dtbl--stack td { display: flex; flex-wrap: wrap; align-items: center; gap: 2px var(--sp-2); height: auto; min-height: 0; padding: 0 !important; border: 0; white-space: normal; text-align: left !important; max-width: none !important; }
  .dtbl--stack td[data-label]::before { content: attr(data-label); flex: 0 0 112px; font-size: var(--fs-sm); color: var(--muted); }
  .dtbl--stack td.c-act { justify-content: flex-start; margin-top: var(--sp-1); }
  .dtbl--stack td.c-act .btn { min-height: var(--tap); }
  .dtbl--stack .c-wrap { min-width: 0; }
}

@media (max-width: 1023.98px), (pointer: coarse) { .dtbl th, .sort { height: var(--tap); } .toolbar__check { min-height: var(--tap); } }

/* ==========================================================================
   Teil 2: Qardify-Admin-eigene Ergänzungen (P-17.10-M)
   ========================================================================== */
.topbar__back { margin-left: calc(var(--sp-1) * -1); }
@media (min-width: 1024px) { .topbar__back { display: none; } }
.logo--lg { width: 32px; height: 32px; }
.stack-sm { display: flex; flex-direction: column; gap: var(--sp-2); }
.notice--err { color: var(--err-text); }
.td-sub { display: block; font-size: var(--fs-sm); color: var(--muted); }
.dtbl td .status + .td-sub { margin-bottom: 2px; }
.dtbl td.c-wrap .status { white-space: normal; }
.toolbar__field--grow { flex: 1 1 260px; }
.panel > .notice:last-child, .panel > .empty:last-child { border-bottom: 0; }

/* Anmeldung */
.login { display: grid; place-items: center; min-height: 100vh; min-height: 100dvh; padding: var(--sp-4); background: var(--bg); }
.login__card { width: min(100%, 380px); padding: var(--sp-5); display: flex; flex-direction: column; gap: var(--sp-3); }
.login__brand { display: flex; align-items: center; gap: var(--sp-2); font-weight: var(--fw-semibold); }
.login__title { font-size: 20px; line-height: 28px; font-weight: var(--fw-semibold); }
.login__submit { width: 100%; height: var(--input-h); }

/* Kennzahlen als Raster (mehr als 3 Werte): Linien über 1-px-Spalt statt Rahmenregeln */
.kpis--grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--line); }
.kpis--grid > .kpi, .kpis--grid > .kpi + .kpi { border: 0; background: var(--surface); }
@container (min-width: 720px) { .kpis--grid { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); } }

/* Betrieb-Detail */
.detail-head { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--sp-3) var(--sp-5); }
.detail-head > div:first-child { flex: 1 1 240px; }
.detail-head__name { font-size: 18px; line-height: 24px; font-weight: var(--fw-semibold); }
.detail-head__state { display: flex; flex-direction: column; gap: 2px; }
.check-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-2) var(--sp-4); padding: var(--sp-3); }
@container (min-width: 600px) { .check-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.check-item { display: flex; flex-direction: column; gap: 2px; }
.facts { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: var(--sp-2) var(--sp-3); margin: 0; padding: var(--sp-3); }
.facts dt { color: var(--muted); font-size: var(--fs-sm); }
.facts dd { margin: 0; overflow-wrap: anywhere; }

/* Broadcast-Schritte */
.steps { display: grid; gap: var(--sp-2); padding: var(--sp-3) var(--sp-3) var(--sp-3) calc(var(--sp-3) + 1.4em); list-style: decimal; }
.steps li { color: var(--muted); }
.steps li.is-current { color: var(--text); font-weight: var(--fw-semibold); }
.mail-preview { margin: 0; padding: var(--sp-3); white-space: pre-wrap; font-family: var(--font); background: var(--surface-alt); border: 1px solid var(--line); border-radius: var(--radius); max-height: 40vh; overflow: auto; }

/* Feedback */
.feed__item { padding: var(--sp-3); border-bottom: 1px solid var(--line); }
.feed__item:last-child { border-bottom: 0; }
.feed__head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-1) var(--sp-2); }
.feed__head .td-sub { flex-basis: 100%; }
.feed__text { margin-top: var(--sp-2); white-space: pre-wrap; overflow-wrap: anywhere; }

/* Statistik-Balken (Maße als SVG-Attribute, Farbe per CSS) */
.charts { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-4); padding: var(--sp-3); }
@container (min-width: 760px) { .charts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bars { margin: 0; display: flex; flex-direction: column; gap: var(--sp-1); }
.bars svg { width: 100%; height: 72px; }
.bars__bar { fill: var(--accent); }
.bars__bar:hover { fill: var(--accent-ink); }
.bars__axis { display: flex; justify-content: space-between; font-size: var(--fs-xs); color: var(--muted); font-variant-numeric: tabular-nums; }

/* Dialog-Formular und breiter Dialog */
.dialog { width: min(100% - 24px, 520px); }
.dialog__body { max-height: min(70vh, 640px); overflow-y: auto; container-type: inline-size; }
.form--dialog { grid-template-columns: minmax(0, 1fr); }
@container (min-width: 440px) { .form--dialog { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.span-2 { grid-column: 1 / -1; }

/* Mehr-Liste (Handy) */
.list__item { display: flex; align-items: center; gap: var(--sp-3); min-height: var(--tap); padding: 0 var(--sp-3); color: var(--text); border-bottom: 1px solid var(--line); }
.list li:last-child .list__item { border-bottom: 0; }
.list__item:hover { background: var(--hover); text-decoration: none; }
.list__item .icon:first-child { color: var(--muted); }
.list__label { flex: 1; }

/* Statuszeile mit fünf Einträgen: Desktop gleichmäßig in einer Zeile */
@media (min-width: 1024px) {
  .statusbar { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
  .statusbar li { border-left: 1px solid var(--line); }
  .statusbar li:first-child { border-left: 0; }
}

/* Offene Prüfungen als umbrechende Reihe statt Stapel */
.issues { display: flex; flex-wrap: wrap; gap: 2px var(--sp-4); }
.issues .status { white-space: nowrap; }

/* Kopfzeile ohne Suchfeld: Aktionen rechts */
#refresh { margin-left: auto; }

/* Statuszeile Handy: Beschriftung über dem Wert, nichts abgeschnitten */
@media (max-width: 1023.98px) {
  .statusbar__item { flex-direction: column; align-items: flex-start; justify-content: center; gap: 0; padding-top: 6px; padding-bottom: 6px; }
  .statusbar__value { white-space: normal; }
  .statusbar__item .status { max-width: 100%; white-space: normal; }
  .statusbar li:last-child:nth-child(odd) { grid-column: 1 / -1; border-left: 0; }
}

/* P-20.10-AD A6: compact merchant cards only on mobile. */
.merchant-cards { display: none; }
@media (max-width: 767.98px) {
  .merchants-desktop { display: none; }
  .merchant-cards { display: grid; gap: var(--sp-2); padding: var(--sp-3); }
  .merchant-card { display: block; padding: var(--sp-3); border: 1px solid var(--line); border-radius: var(--radius); color: var(--text); text-decoration: none; overflow-wrap: anywhere; }
  .merchant-card__head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--sp-2); }
  .merchant-card__head strong { min-width: 0; }
  .merchant-card__head .status { flex-shrink: 0; }
  .merchant-card p { margin: var(--sp-2) 0; font-size: var(--fs-sm); color: var(--muted); }
  .merchant-card:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; }
}

/* P-21.10-AG: Vertrag vor Ort (admin-contracts.js). Handy zuerst, große Ziele, Unterschriftenfeld ohne Scrollen der Seite. */
.c-head { padding: var(--sp-3); }
.c-steps { display: none; margin: 0; padding: 0; list-style: none; gap: var(--sp-2); }
.c-steps__item { display: flex; align-items: center; gap: var(--sp-2); flex: 1 1 0; min-width: 0; color: var(--muted); font-size: var(--fs-sm); }
.c-steps__n { display: inline-grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--line-strong); border-radius: 50%; flex: none; font-variant-numeric: tabular-nums; }
.c-steps__t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c-steps__item.is-current { color: var(--text); font-weight: var(--fw-semibold); }
.c-steps__item.is-current .c-steps__n { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.c-steps__item.is-done .c-steps__n { border-color: var(--ok); color: var(--ok); }
.c-steps__mobile { margin: 0; }
@media (min-width: 760px) { .c-steps { display: flex; } .c-steps__mobile { display: none; } }

.c-alert { padding: var(--sp-3); border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); display: flex; flex-direction: column; gap: var(--sp-2); }
.c-alert p { margin: 0; }
.c-alert--err { border-color: var(--err); color: var(--err-text); }
.c-alert--warn { border-color: var(--note-line); background: var(--note-bg); color: var(--note-text); }
.c-note { margin: 0; padding: var(--sp-2) var(--sp-3); border: 1px solid var(--note-line); border-radius: var(--radius); background: var(--note-bg); color: var(--note-text); font-size: var(--fs-sm); }

.c-terms { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: var(--sp-2) var(--sp-3); margin: 0; padding: var(--sp-3); border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-alt); }
.c-terms dt { color: var(--muted); font-size: var(--fs-sm); padding-top: 2px; }
.c-terms dd { margin: 0; display: flex; flex-direction: column; gap: 2px; }
.c-terms strong { font-size: var(--fs-h); }
.c-waived { color: var(--ok); }
.c-terms__row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--sp-2); }
.c-founders { display: flex; align-items: flex-start; gap: var(--sp-2); margin: 0; font-size: var(--fs-sm); }
.c-founders .icon { flex: none; margin-top: 2px; color: var(--accent-ink); }
.c-cond { margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: var(--sp-1); }
.c-seg { display: inline-grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 360px; border: 1px solid var(--line-strong); border-radius: var(--radius); overflow: hidden; }
.c-seg__opt { position: relative; display: flex; }
.c-seg__opt input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.c-seg__opt span { flex: 1; display: flex; align-items: center; justify-content: center; min-height: var(--tap); padding: 0 var(--sp-3); font-weight: var(--fw-medium); }
.c-seg__opt + .c-seg__opt span { border-left: 1px solid var(--line-strong); }
.c-seg__opt input:checked + span { background: var(--accent); color: var(--on-accent); }
.c-seg__opt input:focus-visible + span { outline: 2px solid var(--accent-ink); outline-offset: -3px; }

/* AK: Kartenzähler im Betriebsdetail */
.u-meter { display: flex; flex-direction: column; gap: var(--sp-2); padding: var(--sp-3); }
.u-meter__num { margin: 0; font-size: var(--fs-h); font-weight: var(--fw-semibold); }
.u-meter__bar { height: 8px; border-radius: 4px; background: var(--surface-alt); border: 1px solid var(--line); overflow: hidden; }
.u-meter__fill { display: block; height: 100%; background: var(--accent); }
.u-meter--warn .u-meter__fill { background: var(--note-line); }
.u-meter--over .u-meter__fill { background: var(--err); }

.c-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-3); }
@container (min-width: 560px) { .c-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.c-actions { justify-content: flex-end; flex-wrap: wrap; }
@media (max-width: 559.98px) { .c-actions .btn { flex: 1 1 100%; height: var(--tap); } .c-actions .btn--primary { order: -1; } }

.c-docgroup { display: flex; flex-direction: column; gap: var(--sp-2); padding-bottom: var(--sp-3); border-bottom: 1px solid var(--line); }
.c-docgroup:last-of-type { border-bottom: 0; }
.c-doc { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.c-doc__sum { display: flex; flex-direction: column; gap: 2px; padding: var(--sp-3); min-height: var(--tap); cursor: pointer; font-weight: var(--fw-semibold); list-style-position: outside; }
.c-doc[open] .c-doc__sum { border-bottom: 1px solid var(--line); }
.c-doc__body { max-height: 60vh; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: var(--sp-3) var(--sp-4); line-height: 1.55; }
.c-doc__body h3 { margin: var(--sp-4) 0 var(--sp-2); font-size: var(--fs-h); }
.c-doc__body h4 { margin: var(--sp-3) 0 var(--sp-1); font-size: var(--fs); }
.c-doc__body p, .c-doc__body ul { margin: 0 0 var(--sp-2); }
.c-doc__part + .c-doc__part { margin-top: var(--sp-4); padding-top: var(--sp-3); border-top: 1px dashed var(--line); }
.c-doc__table { overflow-x: auto; margin: 0 0 var(--sp-2); }
.c-doc__table table { border-collapse: collapse; font-size: var(--fs-sm); }
.c-doc__table td { padding: var(--sp-1) var(--sp-2); border: 1px solid var(--line); vertical-align: top; }
.c-doc__end { margin: var(--sp-3) 0 0; color: var(--muted); font-size: var(--fs-sm); text-align: center; }
.c-accept { align-items: flex-start; padding: var(--sp-2) 0; }
.c-accept input { width: 22px; height: 22px; margin-top: 1px; }
.c-accept.is-locked { color: var(--muted); cursor: not-allowed; }
.c-acc { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--sp-1); }
.c-acc li { display: flex; align-items: center; gap: var(--sp-2); color: var(--ok); font-size: var(--fs-sm); }

.c-pad { position: relative; border: 1px solid var(--input-line); border-radius: var(--radius); background: #FFFFFF; aspect-ratio: 5 / 2; max-height: 46vh; width: 100%; }
.c-pad__canvas { position: absolute; inset: 0; width: 100%; height: 100%; touch-action: none; cursor: crosshair; border-radius: var(--radius); }
.c-pad__line { position: absolute; left: 6%; right: 6%; bottom: 24%; border-bottom: 1px solid var(--line-strong); pointer-events: none; }
.c-pad__x { position: absolute; left: 4%; bottom: 25%; color: var(--muted); pointer-events: none; font-size: var(--fs-h); }
.c-pad__name { margin: 0; font-weight: var(--fw-medium); }
body.c-signing { overscroll-behavior: contain; }

.c-done { display: flex; align-items: center; gap: var(--sp-2); margin: 0; color: var(--ok); font-weight: var(--fw-semibold); }
.c-qr { display: flex; flex-direction: column; align-items: center; gap: var(--sp-2); padding: var(--sp-4); border: 1px solid var(--line); border-radius: var(--radius); background: #FFFFFF; }
.c-qr svg { width: min(260px, 70vw); height: auto; }
.c-qr__cap { margin: 0; font-weight: var(--fw-semibold); }
.c-qr__url { margin: 0; overflow-wrap: anywhere; text-align: center; }
.c-listbtn { width: 100%; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.c-listbtn .list__label { display: flex; flex-direction: column; }
.c-listbtn .list__label > .tag { align-self: flex-start; }

/* Vertragshistorie: bestehende Formular- und Listenbausteine, mobile Reihenfolge bleibt erhalten. */
.c-search{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--sp-3);align-items:end}
.c-search .btn-row{grid-column:1/-1}
.c-listbtn .list__label{min-width:0;overflow-wrap:anywhere}
.c-actions{flex-wrap:wrap}
.c-grid .input{min-width:0;max-width:100%}
.c-pad__canvas{touch-action:none}
@media(max-width:600px){.c-search{grid-template-columns:1fr}.c-search .btn-row{grid-column:auto}}
