/* DASHBOARD-SPECIFIC */

/* Farbvariablen */
:root {
  --bg: #1e1814;
  --bg2: #26201c;
  --card: #191513;
  --accent2: #e7b596;
  --border: #422e24;
  --table-bg: #1f1a16;
  --table-border: #3c251d;
  --table-head: #d1a382;
}

/* Grundlayout */
body, html {
  background: var(--bg);
  color: #ffe8d4;
}
#app { display: flex; }

/* Sidebar Override (Option: nur falls anders als global) */
#sidebar { width: 330px; }

/* Buttons */
.btn, .btn-outline {
  box-shadow: 0 0 16px rgba(236,182,145,0.4);
}
.btn-outline {
  background: none;
  color: var(--accent2);
  border: 1.8px solid var(--accent2);
}

/* Dashboard Cards */
.dashboard-cards {
  display: flex;
  gap: 1.5em;
  margin: 2em 0;
}
.card {
  background: var(--card);
  border: 1.5px solid var(--border);
  border-radius: 1.5em;
  box-shadow: 0 2px 12px rgba(229,211,199,0.65);
  padding: 2em;
}

/* Tables */
.table-scroll { overflow-x: auto; }
.table {
  width: 100%;
  background: var(--table-bg);
  border-radius: 18px;
  overflow: hidden;
}
.table th, .table td {
  padding: 1em;
  border-bottom: 1px solid var(--table-border);
}
.table th {
  background: var(--bg2);
  color: var(--table-head);
  border-bottom: 1.7px solid var(--accent2);
}

/* Überschriften */
h2 { color: var(--accent2); font-size: 2.2em; margin-bottom: 1.8em; }
h3 { color: #e7b596; margin-top: 1.3em; }

/* Main-Container */
#main {
  flex: 1;
  padding: 0 2.3em;
  margin:0 auto;
}

/* Footer Override (falls nötig) */
.footer { font-size: 1.03em; }

/* Responsive */
@media (max-width:900px) {
  #sidebar { width: 100px; }
  .dashboard-cards { flex-direction: column; }
}