/* Wird NACH den Styles der einzelnen Seiten geladen und nimmt dort Karten,
   farbige Pillen und Icon-Kacheln zurueck. Neue Seiten brauchen das nicht:
   sie nutzen direkt .rows/.lrow aus panel.css. */

/* Listen: Zeilen mit Trennlinie statt einzelner Karten */
.o-list{gap:0;border-top:1px solid var(--border)}
.o-card{background:none;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:14px 4px;grid-template-columns:1.4fr 1fr auto auto}
.o-card:hover{background:var(--surface)}
.o-ico{display:none}
.o-amount{color:var(--text);font-family:var(--font-mono);font-weight:500;font-size:.95rem}
.timeline{padding-left:0;border-top:1px solid var(--border)}
.timeline::before,.tl-item::before{display:none}
.tl-item{background:none;border:0;border-bottom:1px solid var(--border);border-radius:0;margin:0;padding:14px 4px}
.tl-item .tl-ico{display:none}
.tl-item p{padding-left:0}
.tx-row{grid-template-columns:1fr auto}
.tx-row .ti{display:none}

/* Status und Prioritaet: farbiger Text statt Pille */
.o-status,.tk-status,.prio{background:none!important;padding:0!important}
.prio{margin-left:10px}

/* Filter und Auswahl: grau statt blau getoent */
.chip.on,.tk-filter button.on{background:var(--raised);border-color:var(--border-2);color:var(--text)}
.tk-item.sel,.inv-item.sel{background:var(--raised);border-left:2px solid var(--accent);padding-left:14px}

/* Kennzahlen */
.stat-card .v.accent,.inv-item .row .a,.totals .row.total .v{color:var(--text)}

/* Ticket-Verlauf */
.msg{background:none;border-top:1px solid var(--border);border-radius:0;padding:16px 0;margin:0}
.msg.support{background:none;border-left:0;padding-left:0}
.reply-box{background:none;border:0;border-top:1px solid var(--border);border-radius:0;padding:16px 0 0}

/* Leere Zustaende: ruhige Zeile statt gestricheltem Kasten */
.empty{border-style:solid}

/* Einstellungen: Abschnitte statt Karten */
body[data-page="settings"] .content{max-width:860px;margin-left:0}
body[data-page="settings"] .card{background:none;border:0;border-top:1px solid var(--border);border-radius:0;padding:26px 0}
body[data-page="settings"] .card-title h3{font-size:1.1rem}
body[data-page="settings"] #am-list{background:none!important;border:0!important}
body[data-page="settings"] .info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px;background:none;border:0;border-radius:0}
body[data-page="settings"] .info-grid>div{background:none!important;padding:0!important}
@media(max-width:760px){body[data-page="settings"] .info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}}

/* Admin und Bestellungen: Kennzahlen als eine Leiste statt einzelner Karten */
.kpi .top{position:static;height:auto;background:none;border:0;padding:0;backdrop-filter:none;z-index:auto}
.kpi-row,.stats-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;
  border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.kpi,.stat-card{background:none;border:0;border-left:1px solid var(--border);border-radius:0}
.kpi:first-child,.stat-card:first-child{border-left:0}
.kpi .v,.stat-card .v{font-size:1.6rem}
.kpi .change{border-top:0;padding-top:0}
@media(max-width:900px){
  .kpi-row,.stats-row{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi,.stat-card{border-left:0;border-top:1px solid var(--border)}
}

/* Admin-Tabellen: Status als Text, Preise neutral */
.p-status,.c-status,.status-badge,.role-tag,.cu-status{background:none!important;padding:0!important}
.p-price{color:var(--text);font-family:var(--font-mono);font-weight:500}
.pill-note{background:none;border:0;border-left:2px solid var(--border-2);border-radius:0}
.pill-note b{color:var(--text)}

/* Bot-Seite: Laufzeit als Text */
#bruntime{background:none!important;padding:0!important;font-family:var(--font-body)!important;letter-spacing:0!important}