:root{
  --bg:#fff; --fg:#000000; --muted:#9aa3b2; --card:#ffffff;
  --primary:#5ea1ff; --danger:#ff6b6b; --border:#202842;
  --container-max:100%;
  --radius-card:12px; --radius-btn:10px;
  --pad-header:5px; --pad-card:15px;
  --input-bg:#efefef;
  --tr-pad-v:8px; --tr-pad-h:6px;
  --font-base: 16px;

  --btn-bg:#16203b;
  --btn-text:#e9ecf1;
  --btn-primary-bg:#1b39a3;
  --btn-primary-text:#e9ecf1;
  --btn-danger-bg:#611515;
  --btn-danger-text:#e9ecf1;

  --alert-bg:#101734;
  --alert-text:#e9ecf1;
  --alert-border:#32406a;

  --logo-height:80px;

  --row-hover: rgba(94,161,255,0.18); /* deutlich sichtbarer Hover */
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:var(--font-base)/1.45 system-ui,Segoe UI,Roboto,Arial}
a{color:var(--primary);text-decoration:none}
.header{display:flex;gap:16px;align-items:center;padding:var(--pad-header) 16px;border-bottom:1px solid var(--border);background:var(--card)}
.header h1{font-size:18px;margin:0}
.container{max-width:var(--container-max);margin:24px auto;padding:0 16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--pad-card);margin:12px 0}
.input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #2a3250;background:var(--input-bg);color:var(--fg)}
.row{display:flex;gap:12px;flex-wrap:wrap}

.btn{display:inline-block;padding:10px 14px;border-radius:var(--radius-btn);border:1px solid #2a3250;background:var(--btn-bg);color:var(--btn-text);cursor:pointer}
.btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}
.btn.danger{background:var(--btn-danger-bg);color:var(--btn-danger-text)}

.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid var(--border);padding:var(--tr-pad-v) var(--tr-pad-h);text-align:left}

/* NEU: Deutlicher Hover für Tabellenzeilen */
.table tbody tr{ transition: background-color .15s ease; }
.table tbody td{ transition: background-color .15s ease; }
.table tbody tr:hover{ background-color: var(--row-hover) !important; }
.table tbody tr:hover > td{ background-color: var(--row-hover) !important; }

.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#203055;color:#a8c3ff;font-size:12px}
.small{color:var(--muted);font-size:16px}

.alert{padding:10px 12px;border-radius:8px;border:1px solid var(--alert-border);background:var(--alert-bg);color:var(--alert-text)}

.logo{height:var(--logo-height);display:block}

.flex{display:flex;gap:8px;align-items:center}
.right{margin-left:auto}

/* Print-Styles */
@media print{
  .header, .no-print{ display:none !important; }
  .container{ max-width:100% !important; }
}