:root {
  --bg:#f6f7f9; --card:#fff; --text:#1f2937; --muted:#6b7280; --line:#e5e7eb;
  --accent:#1d4ed8; --dark:#111827; --green:#dcfce7; --green-text:#166534;
  --yellow:#fef9c3; --yellow-text:#854d0e; --red:#fee2e2; --red-text:#991b1b;
  --blue:#dbeafe; --blue-text:#1e40af; --gray:#f3f4f6; --gray-text:#374151;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin:0;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--text);
}
header {
  padding:24px;
  background:linear-gradient(135deg,#1d4ed8,#0f172a);
  color:white;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
}
header h1 { margin:0 0 6px; font-size:clamp(22px, 4vw, 28px); line-height:1.15; }
header p { margin:0; opacity:.88; line-height:1.45; }
main { padding:20px 24px 40px; max-width:1500px; margin:0 auto; }
.card {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  box-shadow:0 6px 18px rgba(15,23,42,.05);
  margin-bottom:16px;
}
.hidden { display:none !important; }
.login { max-width:480px; margin:40px auto; }
.toolbar {
  display:grid;
  grid-template-columns:minmax(260px, 1.2fr) repeat(2, minmax(170px, .45fr)) auto auto;
  gap:12px;
  align-items:end;
}
label {
  display:block;
  font-size:12px;
  color:var(--muted);
  margin:10px 0 6px;
  font-weight:700;
}
input, select, button, textarea {
  width:100%;
  min-height:42px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  font:inherit;
  background:white;
  color:var(--text);
}
textarea { resize:vertical; }
button {
  cursor:pointer;
  border:none;
  background:var(--accent);
  color:white;
  font-weight:800;
  white-space:nowrap;
  touch-action:manipulation;
}
button.secondary { background:var(--dark); }
button.light { background:#e5e7eb; color:#111827; }
button.danger { background:#b91c1c; }
.error { color:#b91c1c; font-weight:700; }
.saved { color:var(--muted); font-size:13px; margin:0 0 14px; }
.summary {
  display:grid;
  grid-template-columns:repeat(5,minmax(130px,1fr));
  gap:12px;
}
.stat { border:1px solid var(--line); border-radius:14px; padding:12px; }
.stat strong { display:block; font-size:24px; }
.stat span { color:var(--muted); font-size:13px; }
.table-wrap { overflow:hidden; padding:0; }
table { width:100%; border-collapse:collapse; }
th, td {
  border-bottom:1px solid var(--line);
  padding:10px;
  vertical-align:top;
  text-align:left;
  font-size:14px;
}
th {
  background:#f9fafb;
  position:sticky;
  top:0;
  z-index:1;
  color:#374151;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
tr:hover td { background:#fafafa; }
.task { min-width:280px; font-weight:700; }
.owner { min-width:170px; }
.note { min-width:300px; color:#374151; white-space:pre-line; }
.source { white-space:nowrap; color:var(--muted); }
.status-select { min-width:165px; font-weight:700; }
.badge {
  display:inline-block;
  border-radius:999px;
  padding:4px 9px;
  font-weight:800;
  font-size:12px;
  margin-top:6px;
}
.done { background:var(--green); color:var(--green-text); }
.open { background:var(--red); color:var(--red-text); }
.partial { background:var(--yellow); color:var(--yellow-text); }
.unclear { background:var(--gray); color:var(--gray-text); }
.decision { background:var(--blue); color:var(--blue-text); }
.actions { display:flex; flex-wrap:wrap; gap:8px; min-width:230px; }
.actions button { padding:8px 10px; font-size:13px; flex:1 1 auto; }
dialog {
  border:none;
  border-radius:16px;
  width:min(720px,94vw);
  max-height:90dvh;
  overflow:auto;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
}
dialog::backdrop { background:rgba(15,23,42,.55); }
.dialog-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:16px; }
.dialog-actions button { max-width:160px; }
.dialog-subtitle { margin-top:-6px; color:var(--muted); font-weight:700; }
.hint { color:var(--muted); font-size:13px; margin:8px 0 0; }

/* Tablets */
@media (max-width:1100px) {
  main { padding:16px; }
  .toolbar { grid-template-columns:1fr 1fr; }
  .summary { grid-template-columns:repeat(3, 1fr); }
  .table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
  table { min-width:1250px; }
  header { align-items:flex-start; }
}

/* Smartphones: Tabelle wird zu Karten */
@media (max-width:720px) {
  header {
    padding:20px 16px;
    align-items:stretch;
    flex-direction:column;
  }
  header button { width:100%; }
  .header-user { width:100%; align-items:stretch; flex-direction:column; }
  .tabs { display:grid; grid-template-columns:1fr; }
  .tab { width:100%; }
  .view-head { align-items:stretch; flex-direction:column; }
  .view-head button { max-width:none; }
  main { padding:12px; }
  .card { border-radius:14px; padding:12px; margin-bottom:12px; }
  .login { margin:20px auto; }
  .toolbar { grid-template-columns:1fr; gap:10px; }
  .summary { grid-template-columns:repeat(2, 1fr); gap:10px; }
  .stat { padding:10px; }
  .stat strong { font-size:22px; }

  .table-wrap {
    background:transparent;
    border:none;
    box-shadow:none;
    overflow:visible;
    padding:0;
  }

  table, thead, tbody, th, td, tr {
    display:block;
    width:100%;
  }

  table { min-width:0; border-collapse:separate; }
  thead { display:none; }

  tr {
    background:var(--card);
    border:1px solid var(--line);
    border-radius:16px;
    margin-bottom:12px;
    padding:10px;
    box-shadow:0 6px 18px rgba(15,23,42,.05);
  }

  tr:hover td { background:transparent; }

  td {
    border-bottom:0;
    padding:8px 0;
    font-size:14px;
  }

  td::before {
    content:attr(data-label);
    display:block;
    color:var(--muted);
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:4px;
  }

  .task, .owner, .note, .source {
    min-width:0;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  .task { font-size:16px; line-height:1.35; }
  .note { white-space:pre-line; }
  .status-select { min-width:0; }
  .actions { min-width:0; display:grid; grid-template-columns:1fr; gap:8px; }
  .actions button { width:100%; min-height:40px; }
  dialog {
    width:calc(100vw - 24px);
    max-height:88dvh;
    border-radius:14px;
  }
  .dialog-actions {
    display:grid;
    grid-template-columns:1fr;
  }
  .dialog-actions button { max-width:none; width:100%; }
}

/* Very small phones */
@media (max-width:420px) {
  .summary { grid-template-columns:1fr; }
  header h1 { font-size:22px; }
  input, select, button, textarea { font-size:16px; } /* verhindert iOS-Zoom */
}

@media print {
  header, .toolbar, .saved, .actions, #logoutBtn { display:none; }
  body { background:white; }
  main { padding:0; }
  .card { box-shadow:none; border:none; }
  th { position:static; }
  table { min-width:0; }
}

.header-user {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.header-user span {
  font-weight:700;
  opacity:.95;
}
.header-user button {
  min-width:130px;
}
.tabs {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.tab {
  width:auto;
  background:#e5e7eb;
  color:#111827;
}
.tab.active {
  background:var(--accent);
  color:white;
}
.view-head {
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
}
.view-head h2 {
  margin:0 0 4px;
}
.view-head p {
  margin:0;
  color:var(--muted);
}
.view-head button {
  max-width:220px;
}
.muted {
  color:var(--muted);
  font-size:13px;
}
.check {
  display:flex;
  gap:10px;
  align-items:center;
  color:var(--text);
  font-size:15px;
  text-transform:none;
  letter-spacing:0;
}
.check input {
  width:auto;
  min-height:auto;
}


/* v6 Layout-Fix: rechte Aktionsspalte sichtbar halten */
main {
  max-width: none;
  width: 100%;
}

.table-wrap {
  overflow-x: auto !important;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}

table {
  table-layout: fixed;
  min-width: 1180px;
}

th, td {
  font-size: 13px;
  line-height: 1.35;
}

th:nth-child(1), td:nth-child(1) { width: 54px; }
th:nth-child(2), td:nth-child(2) { width: 250px; }
th:nth-child(3), td:nth-child(3) { width: 150px; }
th:nth-child(4), td:nth-child(4) { width: 145px; }
th:nth-child(5), td:nth-child(5) { width: 280px; }
th:nth-child(6), td:nth-child(6) { width: 115px; }
th:nth-child(7), td:nth-child(7) { width: 155px; }
th:nth-child(8), td:nth-child(8) { width: 145px; }

.task,
.owner,
.note,
.source {
  min-width: 0 !important;
  overflow-wrap: anywhere;
  word-break: normal;
}

.note {
  max-height: 110px;
  overflow-y: auto;
  padding-right: 4px;
}

.status-select {
  min-width: 0 !important;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}

.actions {
  min-width: 0 !important;
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.actions button {
  width: 100%;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 12px;
  line-height: 1.2;
  white-space: normal;
}

.table-wrap th:last-child,
.table-wrap td:last-child {
  position: sticky;
  right: 0;
  z-index: 2;
  background: #fff;
  box-shadow: -8px 0 12px rgba(15, 23, 42, .06);
}

.table-wrap th:last-child {
  z-index: 4;
  background: #f9fafb;
}

.table-wrap tr:hover td:last-child {
  background: #fafafa;
}

.toolbar {
  grid-template-columns: minmax(240px, 1fr) minmax(150px, 220px) minmax(150px, 220px) minmax(130px, 170px) minmax(130px, 170px);
}

.header-user {
  max-width: 420px;
  justify-content: flex-end;
}

.header-user span {
  overflow-wrap: anywhere;
  text-align: right;
}

@media (max-width: 1300px) {
  main {
    padding-left: 12px;
    padding-right: 12px;
  }

  table {
    min-width: 1120px;
  }

  th:nth-child(2), td:nth-child(2) { width: 230px; }
  th:nth-child(5), td:nth-child(5) { width: 250px; }
  th:nth-child(8), td:nth-child(8) { width: 138px; }
}

@media (max-width: 900px) {
  .toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .table-wrap {
    border-radius: 14px;
  }
}

/* Smartphone-Kartenansicht bleibt ohne Sticky-Spalte */
@media (max-width:720px) {
  table {
    table-layout: auto;
    min-width: 0;
  }

  .table-wrap th:last-child,
  .table-wrap td:last-child {
    position: static;
    right: auto;
    box-shadow: none;
    background: transparent;
  }

  .note {
    max-height: none;
    overflow-y: visible;
  }

  .actions {
    grid-template-columns: 1fr;
  }
}


/* v7 Responsive-Fix:
   - Desktop ab 1201px: normale Tabelle mit horizontalem Scroll nur falls nötig
   - Tablet 721px–1200px: Aufgaben als 2-spaltige Karten, keine abgeschnittenen Spalten
   - Smartphone bis 720px: kompakte 1-spaltige Karten
*/

/* Grundlayout breiter und weniger verschenkter Rand */
main {
  max-width: 1600px;
  width: 100%;
  padding-left: clamp(8px, 2vw, 24px);
  padding-right: clamp(8px, 2vw, 24px);
}

.card {
  padding: clamp(10px, 1.6vw, 16px);
}

/* Desktop-Tabelle */
@media (min-width: 1201px) {
  .table-wrap {
    overflow-x: auto !important;
    overflow-y: visible;
  }

  table {
    table-layout: fixed;
    min-width: 1120px;
    width: 100%;
  }

  th:nth-child(1), td:nth-child(1) { width: 48px; }
  th:nth-child(2), td:nth-child(2) { width: 23%; }
  th:nth-child(3), td:nth-child(3) { width: 13%; }
  th:nth-child(4), td:nth-child(4) { width: 13%; }
  th:nth-child(5), td:nth-child(5) { width: 24%; }
  th:nth-child(6), td:nth-child(6) { width: 10%; }
  th:nth-child(7), td:nth-child(7) { width: 13%; }
  th:nth-child(8), td:nth-child(8) { width: 118px; }

  .table-wrap th:last-child,
  .table-wrap td:last-child {
    position: sticky;
    right: 0;
    z-index: 2;
    background: #fff;
    box-shadow: -8px 0 12px rgba(15, 23, 42, .06);
  }

  .table-wrap th:last-child {
    z-index: 4;
    background: #f9fafb;
  }

  .table-wrap tr:hover td:last-child {
    background: #fafafa;
  }

  .actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .actions button {
    min-height: 30px;
    padding: 5px 7px;
    font-size: 12px;
    white-space: normal;
  }
}

/* Tablet: Karten statt abgeschnittener Tabelle */
@media (max-width: 1200px) {
  header {
    padding: 18px 14px;
  }

  main {
    padding: 12px;
    max-width: none;
  }

  .toolbar {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .summary {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
  }

  .stat {
    padding: 9px;
  }

  .stat strong {
    font-size: 20px;
  }

  .stat span {
    font-size: 12px;
  }

  .table-wrap {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    overflow: visible !important;
  }

  table, thead, tbody, th, td, tr {
    display: block;
    width: 100%;
  }

  table {
    table-layout: auto;
    min-width: 0 !important;
    border-collapse: separate;
  }

  thead {
    display: none;
  }

  tbody {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "nr status"
      "task task"
      "owner source"
      "note note"
      "change action";
    gap: 8px 12px;
    align-content: start;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 12px;
    box-shadow: 0 6px 18px rgba(15,23,42,.05);
    min-width: 0;
  }

  tr:hover td {
    background: transparent;
  }

  td {
    border-bottom: 0;
    padding: 0;
    min-width: 0 !important;
    width: auto !important;
    font-size: 13px;
    overflow-wrap: anywhere;
  }

  td::before {
    content: attr(data-label);
    display: block;
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 3px;
  }

  td:nth-child(1) { grid-area: nr; color: var(--muted); }
  td:nth-child(2) { grid-area: task; }
  td:nth-child(3) { grid-area: owner; }
  td:nth-child(4) { grid-area: status; }
  td:nth-child(5) { grid-area: note; }
  td:nth-child(6) { grid-area: source; }
  td:nth-child(7) { grid-area: change; }
  td:nth-child(8) { grid-area: action; }

  .task {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 800;
  }

  .note {
    max-height: 88px;
    overflow-y: auto;
    white-space: pre-line;
    border-top: 1px solid var(--line);
    padding-top: 8px;
  }

  .source {
    white-space: normal;
    color: var(--muted);
  }

  .status-select {
    min-width: 0 !important;
    width: 100%;
    min-height: 36px;
    font-size: 13px;
    padding: 7px 8px;
  }

  .badge {
    margin-top: 5px;
    font-size: 11px;
    padding: 3px 7px;
  }

  .actions {
    min-width: 0 !important;
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .actions button {
    min-height: 34px;
    padding: 6px 8px;
    font-size: 12px;
    white-space: normal;
  }

  .table-wrap th:last-child,
  .table-wrap td:last-child {
    position: static !important;
    right: auto !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}

/* Kleine Tablets / große Smartphones */
@media (max-width: 900px) {
  tbody {
    grid-template-columns: 1fr;
  }

  .summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .toolbar {
    grid-template-columns: 1fr 1fr;
  }
}

/* Smartphone: besonders kompakt */
@media (max-width: 720px) {
  header {
    padding: 14px 10px;
    gap: 10px;
  }

  header h1 {
    font-size: 20px;
  }

  header p {
    font-size: 12px;
  }

  .header-user {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .header-user span {
    text-align: left;
    font-size: 12px;
  }

  main {
    padding: 8px;
  }

  .card {
    border-radius: 12px;
    padding: 9px;
    margin-bottom: 9px;
  }

  .tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }

  .tab {
    width: 100%;
    min-height: 36px;
    padding: 7px 8px;
    font-size: 12px;
  }

  .toolbar {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  label {
    margin-top: 6px;
    margin-bottom: 4px;
  }

  input, select, button, textarea {
    min-height: 38px;
    padding: 8px 10px;
    font-size: 16px;
  }

  .summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .stat strong {
    font-size: 18px;
  }

  .stat span {
    font-size: 11px;
  }

  tbody {
    gap: 9px;
  }

  tr {
    border-radius: 13px;
    padding: 10px;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "task status"
      "owner owner"
      "note note"
      "source change"
      "action action";
    gap: 7px 10px;
  }

  td:nth-child(1) {
    display: none;
  }

  td::before {
    font-size: 9px;
    margin-bottom: 2px;
  }

  .task {
    font-size: 15px;
  }

  .owner,
  .source {
    font-size: 12px;
  }

  .note {
    max-height: 72px;
    font-size: 12px;
    padding-top: 7px;
  }

  td:nth-child(4)::before {
    display: none;
  }

  .status-select {
    min-height: 34px;
    max-width: 155px;
    font-size: 12px;
    padding: 6px 7px;
  }

  .badge {
    display: block;
    text-align: center;
    font-size: 10px;
  }

  .actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .actions button {
    min-height: 34px;
    padding: 6px 5px;
    font-size: 11px;
  }

  .view-head {
    flex-direction: column;
    align-items: stretch;
  }

  .view-head button {
    max-width: none;
  }

  dialog {
    width: calc(100vw - 16px);
    max-height: 90dvh;
    border-radius: 12px;
    padding: 12px;
  }

  .dialog-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .dialog-actions button {
    max-width: none;
  }
}

/* Sehr kleine Geräte */
@media (max-width: 420px) {
  .summary {
    grid-template-columns: 1fr 1fr;
  }

  .tabs {
    grid-template-columns: 1fr;
  }

  tr {
    grid-template-columns: 1fr;
    grid-template-areas:
      "task"
      "status"
      "owner"
      "note"
      "source"
      "change"
      "action";
  }

  .status-select {
    max-width: none;
  }

  .actions {
    grid-template-columns: 1fr;
  }
}


/* v11 Protokoll-Upload */
.upload-form {
  max-width: 780px;
}

.upload-form button {
  margin-top: 14px;
  max-width: 360px;
}

.upload-form code {
  background: #f3f4f6;
  border-radius: 6px;
  padding: 2px 5px;
}

.upload-result-wrap table {
  min-width: 900px;
}

.upload-result-wrap th:nth-child(1), .upload-result-wrap td:nth-child(1) { width: 28%; }
.upload-result-wrap th:nth-child(2), .upload-result-wrap td:nth-child(2) { width: 18%; }
.upload-result-wrap th:nth-child(3), .upload-result-wrap td:nth-child(3) { width: 16%; }
.upload-result-wrap th:nth-child(4), .upload-result-wrap td:nth-child(4) { width: 24%; }
.upload-result-wrap th:nth-child(5), .upload-result-wrap td:nth-child(5) { width: 14%; }

button:disabled {
  opacity: .65;
  cursor: wait;
}

@media (max-width: 720px) {
  .upload-form button {
    max-width: none;
  }

  .upload-result-wrap table,
  .upload-result-wrap thead,
  .upload-result-wrap tbody,
  .upload-result-wrap tr,
  .upload-result-wrap td,
  .upload-result-wrap th {
    display: block;
    width: 100%;
    min-width: 0 !important;
  }

  .upload-result-wrap thead {
    display: none;
  }

  .upload-result-wrap tbody {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
  }
}


/* v12 Protokoll-Datum / zeitliche Einordnung */
@media (min-width: 1201px) {
  table {
    min-width: 1240px;
  }

  th:nth-child(1), td:nth-child(1) { width: 46px; }
  th:nth-child(2), td:nth-child(2) { width: 21%; }
  th:nth-child(3), td:nth-child(3) { width: 12%; }
  th:nth-child(4), td:nth-child(4) { width: 12%; }
  th:nth-child(5), td:nth-child(5) { width: 22%; }
  th:nth-child(6), td:nth-child(6) { width: 10%; }
  th:nth-child(7), td:nth-child(7) { width: 10%; }
  th:nth-child(8), td:nth-child(8) { width: 12%; }
  th:nth-child(9), td:nth-child(9) { width: 118px; }
}

@media (max-width: 1200px) {
  tr {
    grid-template-areas:
      "nr status"
      "task task"
      "owner protocoldate"
      "source source"
      "note note"
      "change action";
  }

  td:nth-child(7) { grid-area: protocoldate; }
  td:nth-child(8) { grid-area: change; }
  td:nth-child(9) { grid-area: action; }
}

@media (max-width: 720px) {
  tr {
    grid-template-areas:
      "task status"
      "owner owner"
      "protocoldate source"
      "note note"
      "change change"
      "action action";
  }

  td:nth-child(1) {
    display: none;
  }

  td:nth-child(7) { grid-area: protocoldate; }
  td:nth-child(8) { grid-area: change; }
  td:nth-child(9) { grid-area: action; }
}

@media (max-width: 420px) {
  tr {
    grid-template-areas:
      "task"
      "status"
      "owner"
      "protocoldate"
      "source"
      "note"
      "change"
      "action";
  }
}

.upload-result-wrap th:nth-child(1), .upload-result-wrap td:nth-child(1) { width: 25%; }
.upload-result-wrap th:nth-child(2), .upload-result-wrap td:nth-child(2) { width: 17%; }
.upload-result-wrap th:nth-child(3), .upload-result-wrap td:nth-child(3) { width: 15%; }
.upload-result-wrap th:nth-child(4), .upload-result-wrap td:nth-child(4) { width: 23%; }
.upload-result-wrap th:nth-child(5), .upload-result-wrap td:nth-child(5) { width: 12%; }
.upload-result-wrap th:nth-child(6), .upload-result-wrap td:nth-child(6) { width: 8%; }


/* v13 Import-Backups / Rollback */
#importsView table {
  min-width: 1120px;
}

#importsView th:nth-child(1), #importsView td:nth-child(1) { width: 70px; }
#importsView th:nth-child(2), #importsView td:nth-child(2) { width: 120px; }
#importsView th:nth-child(3), #importsView td:nth-child(3) { width: 250px; }
#importsView th:nth-child(4), #importsView td:nth-child(4) { width: 130px; }
#importsView th:nth-child(5), #importsView td:nth-child(5) { width: 170px; }
#importsView th:nth-child(6), #importsView td:nth-child(6) { width: 190px; }
#importsView th:nth-child(7), #importsView td:nth-child(7) { width: 160px; }
#importsView th:nth-child(8), #importsView td:nth-child(8) { width: 130px; }

@media (max-width: 1200px) {
  #importsView tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #importsView tr {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "import status"
      "date tasks"
      "source source"
      "backup backup"
      "created action";
  }

  #importsView td:nth-child(1) { grid-area: import; }
  #importsView td:nth-child(2) { grid-area: date; }
  #importsView td:nth-child(3) { grid-area: source; }
  #importsView td:nth-child(4) { grid-area: tasks; }
  #importsView td:nth-child(5) { grid-area: backup; }
  #importsView td:nth-child(6) { grid-area: created; }
  #importsView td:nth-child(7) { grid-area: status; }
  #importsView td:nth-child(8) { grid-area: action; }
}

@media (max-width: 900px) {
  #importsView tbody {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  #importsView tr {
    grid-template-columns: 1fr;
    grid-template-areas:
      "import"
      "date"
      "source"
      "tasks"
      "backup"
      "created"
      "status"
      "action";
  }
}
/* Gemeinsame Bereichsnavigation des VereinsCockpits */
.cockpit-nav{display:flex;gap:8px;margin:0 0 18px;padding:8px;background:#fff;border:1px solid #dbe4ea;border-radius:12px;overflow:auto}.cockpit-nav a{padding:9px 13px;border-radius:8px;color:#24445a;text-decoration:none;font-weight:700;white-space:nowrap}.cockpit-nav a.active{background:#176b87;color:#fff}