/* =========================================================
   Geyssel Steuerungsportal V6.10.15
   Gezielte UI-Korrekturen: Status / Stammdaten / Benutzer
   Wird NACH lists-final.css geladen.
   ========================================================= */

/* ---------------------------------------------------------
   Bestellstatus: "Angenommen / Fertigung geplant" ohne Pill
   --------------------------------------------------------- */
html body.geyssel-app-mode .geyssel-front .geyssel-table .geyssel-status-accepted-plain,
html body.geyssel-portal-app .geyssel-front .geyssel-table .geyssel-status-accepted-plain{
  display:inline!important;
  padding:0!important;
  margin:0!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-weight:700!important;
  line-height:1.35!important;
}

/* ---------------------------------------------------------
   Stammdaten – obere drei Karten
   --------------------------------------------------------- */
html body.geyssel-app-mode .geyssel-front .geyssel-master-grid,
html body.geyssel-portal-app .geyssel-front .geyssel-master-grid{
  grid-template-columns:minmax(280px,1fr) minmax(410px,1.35fr) minmax(260px,.9fr)!important;
  gap:20px!important;
  align-items:start!important;
}

/* Nur die oberen drei Grundkarten */
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-customer,
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-control-type,
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-motor,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-customer,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-control-type,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-motor{
  background:#0b3b63!important;
  border:1px solid #337eae!important;
  border-radius:16px!important;
  box-shadow:0 10px 24px rgba(2,20,35,.24)!important;
  overflow:hidden!important;
}

/* Kopfbalken klar, aber nicht zu dunkel */
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-customer .geyssel-master-card-head,
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-control-type .geyssel-master-card-head,
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-motor .geyssel-master-card-head,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-customer .geyssel-master-card-head,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-control-type .geyssel-master-card-head,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-motor .geyssel-master-card-head{
  min-height:110px!important;
  padding:18px 18px 16px!important;
  background:#0f4e7d!important;
  border-bottom:1px solid #3d86b4!important;
  color:#fff!important;
}

/* Überschriften und Erklärtext sauber lesbar */
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-customer .geyssel-master-card-head h2,
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-control-type .geyssel-master-card-head h2,
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-motor .geyssel-master-card-head h2,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-customer .geyssel-master-card-head h2,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-control-type .geyssel-master-card-head h2,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-motor .geyssel-master-card-head h2{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:20px!important;
  line-height:1.2!important;
  margin:0 0 6px!important;
}

html body.geyssel-app-mode .geyssel-front .geyssel-master-card-customer .geyssel-master-card-head p,
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-control-type .geyssel-master-card-head p,
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-motor .geyssel-master-card-head p,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-customer .geyssel-master-card-head p,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-control-type .geyssel-master-card-head p,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-motor .geyssel-master-card-head p{
  color:#d9ebf6!important;
  -webkit-text-fill-color:#d9ebf6!important;
  margin:0!important;
}

/* Body etwas heller als Header */
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-customer .geyssel-master-card-body,
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-control-type .geyssel-master-card-body,
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-motor .geyssel-master-card-body,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-customer .geyssel-master-card-body,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-control-type .geyssel-master-card-body,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-motor .geyssel-master-card-body{
  background:#0b3b63!important;
  padding:16px!important;
}

/* Listen in diesen drei Karten hell + dunkler Text */
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-customer .geyssel-master-row,
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-control-type .geyssel-master-row,
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-motor .geyssel-master-row,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-customer .geyssel-master-row,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-control-type .geyssel-master-row,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-motor .geyssel-master-row{
  background:#f4f8fb!important;
  border-color:#b6ccdb!important;
  color:#17324d!important;
}

html body.geyssel-app-mode .geyssel-front .geyssel-master-card-customer .geyssel-master-row .geyssel-master-item-name,
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-control-type .geyssel-master-row .geyssel-master-item-name,
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-motor .geyssel-master-row .geyssel-master-item-name{
  color:#17324d!important;
  -webkit-text-fill-color:#17324d!important;
}

/* Steuerungsarten bekommt bewusst mehr Aktionsbreite */
html body.geyssel-app-mode .geyssel-front .geyssel-master-card-control-type .geyssel-master-row,
html body.geyssel-portal-app .geyssel-front .geyssel-master-card-control-type .geyssel-master-row{
  grid-template-columns:minmax(190px,1fr) minmax(210px,auto)!important;
}

/* ---------------------------------------------------------
   Benutzerverwaltung – keine dunkle Schrift auf dunklen Karten
   --------------------------------------------------------- */
html body.geyssel-app-mode .geyssel-front .geyssel-user-card,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card{
  background:#f4f8fb!important;
  border:1px solid #b7cedd!important;
  color:#17324d!important;
  border-radius:14px!important;
  box-shadow:0 8px 20px rgba(2,20,35,.16)!important;
  overflow:hidden!important;
}

/* Benutzerkopf bleibt blau/weiß */
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-user-card-head,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-user-card-head{
  margin:-16px -16px 14px!important;
  padding:14px 16px!important;
  background:#0f4e7d!important;
  border-bottom:1px solid #3d86b4!important;
  color:#fff!important;
}

html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-user-card-head strong,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-user-card-head small,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-user-card-head a,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-user-card-head a:visited,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-user-card-head strong,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-user-card-head small,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-user-card-head a,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-user-card-head a:visited{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Benutzerkarten-Inhalt hell + dunkel */
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-user-permission-form,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-user-settings,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-role-summary,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-rights-grid,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-extra-rights,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-password-actions,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-user-permission-form,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-user-settings,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-role-summary,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-rights-grid,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-extra-rights,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-password-actions{
  background:#f4f8fb!important;
  color:#17324d!important;
}

html body.geyssel-app-mode .geyssel-front .geyssel-user-card label,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card p,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card span:not(.status):not(.geyssel-btn),
html body.geyssel-app-mode .geyssel-front .geyssel-user-card small:not(.geyssel-user-card-head small),
html body.geyssel-app-mode .geyssel-front .geyssel-user-card h3,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card h4,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card label,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card p,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card span:not(.status):not(.geyssel-btn),
html body.geyssel-portal-app .geyssel-front .geyssel-user-card small:not(.geyssel-user-card-head small),
html body.geyssel-portal-app .geyssel-front .geyssel-user-card h3,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card h4{
  color:#17324d!important;
  -webkit-text-fill-color:#17324d!important;
}

/* Inputs in Benutzerverwaltung weiß/dunkel */
html body.geyssel-app-mode .geyssel-front .geyssel-user-card input:not([type="checkbox"]):not([type="radio"]),
html body.geyssel-app-mode .geyssel-front .geyssel-user-card select,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card textarea,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card input:not([type="checkbox"]):not([type="radio"]),
html body.geyssel-portal-app .geyssel-front .geyssel-user-card select,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card textarea{
  background:#fff!important;
  color:#17324d!important;
  -webkit-text-fill-color:#17324d!important;
  border-color:#9fb7ca!important;
}

/* Buttons in Benutzerverwaltung blau/weiß */
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-btn,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card button,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-btn,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card button{
  background:#0d78c6!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#5ca7d4!important;
}

/* Responsive Stammdaten */
@media(max-width:1180px){
  html body.geyssel-app-mode .geyssel-front .geyssel-master-grid,
  html body.geyssel-portal-app .geyssel-front .geyssel-master-grid{
    grid-template-columns:1fr 1fr!important;
  }
  html body.geyssel-app-mode .geyssel-front .geyssel-master-card-control-type,
  html body.geyssel-portal-app .geyssel-front .geyssel-master-card-control-type{
    grid-column:1 / -1!important;
  }
}

@media(max-width:760px){
  html body.geyssel-app-mode .geyssel-front .geyssel-master-grid,
  html body.geyssel-portal-app .geyssel-front .geyssel-master-grid{
    grid-template-columns:1fr!important;
  }
  html body.geyssel-app-mode .geyssel-front .geyssel-master-card-control-type,
  html body.geyssel-portal-app .geyssel-front .geyssel-master-card-control-type{
    grid-column:auto!important;
  }
  html body.geyssel-app-mode .geyssel-front .geyssel-master-card-control-type .geyssel-master-row,
  html body.geyssel-portal-app .geyssel-front .geyssel-master-card-control-type .geyssel-master-row{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   V6.10.16 – Globale Listen-/Tabellen-Korrektur
   Behebt helle Zellen / unsichtbare Texte / Benutzer-Spalte
   ========================================================= */

/* Alle Frontend-Listen mit maximaler Priorität dunkel/blau halten */
html body.geyssel-app-mode .geyssel-front .geyssel-panel .geyssel-table-wrap > table.geyssel-table > tbody > tr > td,
html body.geyssel-portal-app .geyssel-front .geyssel-panel .geyssel-table-wrap > table.geyssel-table > tbody > tr > td,
html body.geyssel-app-mode .geyssel-front .geyssel-card .geyssel-table-wrap > table.geyssel-table > tbody > tr > td,
html body.geyssel-portal-app .geyssel-front .geyssel-card .geyssel-table-wrap > table.geyssel-table > tbody > tr > td{
  background:#0a3559!important;
  background-image:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  border-color:#2b6f9f!important;
}

html body.geyssel-app-mode .geyssel-front .geyssel-panel .geyssel-table-wrap > table.geyssel-table > tbody > tr:nth-child(odd) > td,
html body.geyssel-portal-app .geyssel-front .geyssel-panel .geyssel-table-wrap > table.geyssel-table > tbody > tr:nth-child(odd) > td,
html body.geyssel-app-mode .geyssel-front .geyssel-card .geyssel-table-wrap > table.geyssel-table > tbody > tr:nth-child(odd) > td,
html body.geyssel-portal-app .geyssel-front .geyssel-card .geyssel-table-wrap > table.geyssel-table > tbody > tr:nth-child(odd) > td{
  background:#082c4a!important;
}

html body.geyssel-app-mode .geyssel-front .geyssel-panel .geyssel-table-wrap > table.geyssel-table > tbody > tr:hover > td,
html body.geyssel-portal-app .geyssel-front .geyssel-panel .geyssel-table-wrap > table.geyssel-table > tbody > tr:hover > td,
html body.geyssel-app-mode .geyssel-front .geyssel-card .geyssel-table-wrap > table.geyssel-table > tbody > tr:hover > td,
html body.geyssel-portal-app .geyssel-front .geyssel-card .geyssel-table-wrap > table.geyssel-table > tbody > tr:hover > td{
  background:#0f4b79!important;
}

/* Sämtliche Texte in Listen erzwingen */
html body.geyssel-app-mode .geyssel-front .geyssel-panel .geyssel-table-wrap > table.geyssel-table > tbody > tr > td,
html body.geyssel-app-mode .geyssel-front .geyssel-panel .geyssel-table-wrap > table.geyssel-table > tbody > tr > td *,
html body.geyssel-app-mode .geyssel-front .geyssel-card .geyssel-table-wrap > table.geyssel-table > tbody > tr > td,
html body.geyssel-app-mode .geyssel-front .geyssel-card .geyssel-table-wrap > table.geyssel-table > tbody > tr > td *,
html body.geyssel-portal-app .geyssel-front .geyssel-panel .geyssel-table-wrap > table.geyssel-table > tbody > tr > td,
html body.geyssel-portal-app .geyssel-front .geyssel-panel .geyssel-table-wrap > table.geyssel-table > tbody > tr > td *,
html body.geyssel-portal-app .geyssel-front .geyssel-card .geyssel-table-wrap > table.geyssel-table > tbody > tr > td,
html body.geyssel-portal-app .geyssel-front .geyssel-card .geyssel-table-wrap > table.geyssel-table > tbody > tr > td *{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Benutzer-/Profil-Links in Tabellen klar sichtbar */
html body.geyssel-app-mode .geyssel-front .geyssel-table .geyssel-user-link,
html body.geyssel-app-mode .geyssel-front .geyssel-table .geyssel-user-link:visited,
html body.geyssel-app-mode .geyssel-front .geyssel-table .geyssel-user-link strong,
html body.geyssel-app-mode .geyssel-front .geyssel-table .geyssel-user-link span,
html body.geyssel-app-mode .geyssel-front .geyssel-table .geyssel-user-link small,
html body.geyssel-portal-app .geyssel-front .geyssel-table .geyssel-user-link,
html body.geyssel-portal-app .geyssel-front .geyssel-table .geyssel-user-link:visited,
html body.geyssel-portal-app .geyssel-front .geyssel-table .geyssel-user-link strong,
html body.geyssel-portal-app .geyssel-front .geyssel-table .geyssel-user-link span,
html body.geyssel-portal-app .geyssel-front .geyssel-table .geyssel-user-link small{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

html body.geyssel-app-mode .geyssel-front .geyssel-table .geyssel-user-link-avatar,
html body.geyssel-portal-app .geyssel-front .geyssel-table .geyssel-user-link-avatar{
  background:#114a74!important;
  border:1px solid #7bb7df!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12)!important;
}

/* Status ohne Badge immer sichtbar */
html body.geyssel-app-mode .geyssel-front .geyssel-table .geyssel-status-accepted-plain,
html body.geyssel-portal-app .geyssel-front .geyssel-table .geyssel-status-accepted-plain{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
}

/* Falls Browser/Theme Text selektionsähnlich einfärbt, neutralisieren */
html body.geyssel-app-mode .geyssel-front .geyssel-table ::selection,
html body.geyssel-portal-app .geyssel-front .geyssel-table ::selection{
  background:#2b6f9f!important;
  color:#fff!important;
}


/* =========================================================
   V6.10.17 – Einheitliche Statusfarben in allen Listen
   Schwarze/dunkle Schrift auf farbigen Status-Badges
   auch im Bereich Probleme
   ========================================================= */

/* Bestellstatus in Tabellen: überall als farbige Badges */
html body.geyssel-app-mode .geyssel-front .geyssel-table .status,
html body.geyssel-app-mode .geyssel-front .geyssel-table .geyssel-status-accepted-plain,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status,
html body.geyssel-portal-app .geyssel-front .geyssel-table .geyssel-status-accepted-plain{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 18px!important;
  min-height:38px!important;
  border-radius:999px!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:normal!important;
  box-shadow:none!important;
  background-image:none!important;
}

/* Dunkle Schrift sicherstellen */
html body.geyssel-app-mode .geyssel-front .geyssel-table .status,
html body.geyssel-app-mode .geyssel-front .geyssel-table .status *,
html body.geyssel-app-mode .geyssel-front .geyssel-table .geyssel-status-accepted-plain,
html body.geyssel-app-mode .geyssel-front .geyssel-table .geyssel-status-accepted-plain *,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status *,
html body.geyssel-portal-app .geyssel-front .geyssel-table .geyssel-status-accepted-plain,
html body.geyssel-portal-app .geyssel-front .geyssel-table .geyssel-status-accepted-plain *{
  color:#13212e!important;
  -webkit-text-fill-color:#13212e!important;
}

/* Status-Farbwelt einheitlich */
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-new,
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-accepted,
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-material_ordered,
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-received,
html body.geyssel-app-mode .geyssel-front .geyssel-table .geyssel-status-accepted-plain,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-new,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-accepted,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-material_ordered,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-received,
html body.geyssel-portal-app .geyssel-front .geyssel-table .geyssel-status-accepted-plain{
  background:#dbeafe!important;
  border:1px solid #91bff0!important;
}

html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-ready,
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-installed,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-ready,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-installed{
  background:#dcfce7!important;
  border:1px solid #86efac!important;
}

html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-in_production,
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-shipped,
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-mounted,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-in_production,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-shipped,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-mounted{
  background:#fef3c7!important;
  border:1px solid #e4c25a!important;
}

html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-cancelled,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-cancelled{
  background:#fee2e2!important;
  border:1px solid #f0a0a0!important;
}

/* Problemstatus ebenfalls mit dunkler Schrift und klaren Farben */
html body.geyssel-app-mode .geyssel-front .geyssel-ticket-list .geyssel-ticket-status,
html body.geyssel-portal-app .geyssel-front .geyssel-ticket-list .geyssel-ticket-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:6px 16px!important;
  border-radius:999px!important;
  font-weight:800!important;
  line-height:1.15!important;
  color:#13212e!important;
  -webkit-text-fill-color:#13212e!important;
  background-image:none!important;
}
html body.geyssel-app-mode .geyssel-front .geyssel-ticket-list .geyssel-ticket-status.ticket-new,
html body.geyssel-portal-app .geyssel-front .geyssel-ticket-list .geyssel-ticket-status.ticket-new{
  background:#fee2e2!important;
  border:1px solid #f0a0a0!important;
}
html body.geyssel-app-mode .geyssel-front .geyssel-ticket-list .geyssel-ticket-status.ticket-in_progress,
html body.geyssel-portal-app .geyssel-front .geyssel-ticket-list .geyssel-ticket-status.ticket-in_progress{
  background:#fef3c7!important;
  border:1px solid #e4c25a!important;
}
html body.geyssel-app-mode .geyssel-front .geyssel-ticket-list .geyssel-ticket-status.ticket-done,
html body.geyssel-portal-app .geyssel-front .geyssel-ticket-list .geyssel-ticket-status.ticket-done{
  background:#dcfce7!important;
  border:1px solid #86efac!important;
}

/* Problemstatus im Dashboard als farbige Markierung */
html body.geyssel-app-mode .geyssel-front .geyssel-problem-dashboard-item .geyssel-problem-dashboard-status strong,
html body.geyssel-portal-app .geyssel-front .geyssel-problem-dashboard-item .geyssel-problem-dashboard-status strong{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:5px 14px!important;
  border-radius:999px!important;
  background:#fee2e2!important;
  border:1px solid #f0a0a0!important;
  color:#13212e!important;
  -webkit-text-fill-color:#13212e!important;
}
html body.geyssel-app-mode .geyssel-front .geyssel-problem-dashboard-item.is-progress .geyssel-problem-dashboard-status strong,
html body.geyssel-portal-app .geyssel-front .geyssel-problem-dashboard-item.is-progress .geyssel-problem-dashboard-status strong{
  background:#fef3c7!important;
  border-color:#e4c25a!important;
}


/* =========================================================
   V6.10.18 – Statusspalte horizontal und kräftiger
   ========================================================= */

/* Statusspalte in allen Listen breiter machen */
html body.geyssel-app-mode .geyssel-front .geyssel-table thead th:nth-child(8),
html body.geyssel-app-mode .geyssel-front .geyssel-table tbody td:nth-child(8),
html body.geyssel-portal-app .geyssel-front .geyssel-table thead th:nth-child(8),
html body.geyssel-portal-app .geyssel-front .geyssel-table tbody td:nth-child(8){
  min-width:240px!important;
  width:240px!important;
}

/* Besteller-Spalte etwas breiter */
html body.geyssel-app-mode .geyssel-front .geyssel-table thead th:nth-child(9),
html body.geyssel-app-mode .geyssel-front .geyssel-table tbody td:nth-child(9),
html body.geyssel-portal-app .geyssel-front .geyssel-table thead th:nth-child(9),
html body.geyssel-portal-app .geyssel-front .geyssel-table tbody td:nth-child(9){
  min-width:170px!important;
}

/* Status-Badges immer horizontal darstellen */
html body.geyssel-app-mode .geyssel-front .geyssel-table td:nth-child(8) .status,
html body.geyssel-app-mode .geyssel-front .geyssel-table td:nth-child(8) .geyssel-status-accepted-plain,
html body.geyssel-portal-app .geyssel-front .geyssel-table td:nth-child(8) .status,
html body.geyssel-portal-app .geyssel-front .geyssel-table td:nth-child(8) .geyssel-status-accepted-plain{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:210px!important;
  max-width:230px!important;
  padding:8px 16px!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  word-wrap:normal!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  letter-spacing:0!important;
}

/* Längere Status auf maximal 2 saubere Zeilen statt Buchstabe für Buchstabe */
html body.geyssel-app-mode .geyssel-front .geyssel-table td:nth-child(8) .status.status-shipped,
html body.geyssel-app-mode .geyssel-front .geyssel-table td:nth-child(8) .status.status-mounted,
html body.geyssel-app-mode .geyssel-front .geyssel-table td:nth-child(8) .status.status-in_production,
html body.geyssel-portal-app .geyssel-front .geyssel-table td:nth-child(8) .status.status-shipped,
html body.geyssel-portal-app .geyssel-front .geyssel-table td:nth-child(8) .status.status-mounted,
html body.geyssel-portal-app .geyssel-front .geyssel-table td:nth-child(8) .status.status-in_production{
  white-space:normal!important;
  line-height:1.12!important;
}

/* Kräftigere Statusfarben */
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-new,
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-accepted,
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-material_ordered,
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-received,
html body.geyssel-app-mode .geyssel-front .geyssel-table .geyssel-status-accepted-plain,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-new,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-accepted,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-material_ordered,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-received,
html body.geyssel-portal-app .geyssel-front .geyssel-table .geyssel-status-accepted-plain{
  background:#bedfff!important;
  border:1px solid #4f94dd!important;
}
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-ready,
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-installed,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-ready,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-installed{
  background:#baf1c6!important;
  border:1px solid #43a95a!important;
}
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-in_production,
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-shipped,
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-mounted,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-in_production,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-shipped,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-mounted{
  background:#ffe08a!important;
  border:1px solid #ca9722!important;
}
html body.geyssel-app-mode .geyssel-front .geyssel-table .status.status-cancelled,
html body.geyssel-portal-app .geyssel-front .geyssel-table .status.status-cancelled{
  background:#ffc7c7!important;
  border:1px solid #d96262!important;
}

/* Gleiches Prinzip bei Problemlisten */
html body.geyssel-app-mode .geyssel-front .geyssel-ticket-list .geyssel-ticket-status,
html body.geyssel-portal-app .geyssel-front .geyssel-ticket-list .geyssel-ticket-status{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  font-weight:800!important;
}
html body.geyssel-app-mode .geyssel-front .geyssel-ticket-list .geyssel-ticket-status.ticket-new,
html body.geyssel-portal-app .geyssel-front .geyssel-ticket-list .geyssel-ticket-status.ticket-new{
  background:#ffc7c7!important;
  border:1px solid #d96262!important;
}
html body.geyssel-app-mode .geyssel-front .geyssel-ticket-list .geyssel-ticket-status.ticket-in_progress,
html body.geyssel-portal-app .geyssel-front .geyssel-ticket-list .geyssel-ticket-status.ticket-in_progress{
  background:#ffe08a!important;
  border:1px solid #ca9722!important;
}
html body.geyssel-app-mode .geyssel-front .geyssel-ticket-list .geyssel-ticket-status.ticket-done,
html body.geyssel-portal-app .geyssel-front .geyssel-ticket-list .geyssel-ticket-status.ticket-done{
  background:#baf1c6!important;
  border:1px solid #43a95a!important;
}


/* =========================================================
   V6.10.19 – Einheitliche Flächenlogik im ganzen Portal
   Normal = Blau, Hinweis = Gelb, Problem = Rot, Aufgabe = Orange
   ========================================================= */

/* ---------- NORMALE VERWALTUNGSFLÄCHEN: DUNKELBLAU ---------- */
html body.geyssel-app-mode .geyssel-front .geyssel-workflow-panel,
html body.geyssel-app-mode .geyssel-front .geyssel-schematic-picker,
html body.geyssel-app-mode .geyssel-front .geyssel-schematic-new-fields,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-user-permission-form,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-user-settings,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-rights-grid,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-extra-rights,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-password-actions,
html body.geyssel-app-mode .geyssel-front .geyssel-stock-orders,
html body.geyssel-app-mode .geyssel-front .geyssel-table-wrap,
html body.geyssel-portal-app .geyssel-front .geyssel-workflow-panel,
html body.geyssel-portal-app .geyssel-front .geyssel-schematic-picker,
html body.geyssel-portal-app .geyssel-front .geyssel-schematic-new-fields,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-user-permission-form,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-user-settings,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-rights-grid,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-extra-rights,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-password-actions,
html body.geyssel-portal-app .geyssel-front .geyssel-stock-orders,
html body.geyssel-portal-app .geyssel-front .geyssel-table-wrap{
  background:#0a3559!important;
  border-color:#2b6f9f!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Normale Inhalte in diesen Flächen weiß */
html body.geyssel-app-mode .geyssel-front .geyssel-workflow-panel h2,
html body.geyssel-app-mode .geyssel-front .geyssel-workflow-panel h3,
html body.geyssel-app-mode .geyssel-front .geyssel-workflow-panel p,
html body.geyssel-app-mode .geyssel-front .geyssel-schematic-picker label,
html body.geyssel-app-mode .geyssel-front .geyssel-schematic-picker strong,
html body.geyssel-app-mode .geyssel-front .geyssel-schematic-new-fields label,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card p,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card label,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card h3,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card h4,
html body.geyssel-app-mode .geyssel-front .geyssel-user-card span:not(.status),
html body.geyssel-app-mode .geyssel-front .geyssel-user-card small,
html body.geyssel-portal-app .geyssel-front .geyssel-workflow-panel h2,
html body.geyssel-portal-app .geyssel-front .geyssel-workflow-panel h3,
html body.geyssel-portal-app .geyssel-front .geyssel-workflow-panel p,
html body.geyssel-portal-app .geyssel-front .geyssel-schematic-picker label,
html body.geyssel-portal-app .geyssel-front .geyssel-schematic-picker strong,
html body.geyssel-portal-app .geyssel-front .geyssel-schematic-new-fields label,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card p,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card label,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card h3,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card h4,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card span:not(.status),
html body.geyssel-portal-app .geyssel-front .geyssel-user-card small{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Benutzerkarten-Kopf etwas kräftiger blau */
html body.geyssel-app-mode .geyssel-front .geyssel-user-card .geyssel-user-card-head,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card .geyssel-user-card-head{
  background:#0f4e7d!important;
  border-color:#3d86b4!important;
}

/* Profil-/Benutzerlinks bleiben hell */
html body.geyssel-app-mode .geyssel-front .geyssel-user-card a:not(.geyssel-btn),
html body.geyssel-app-mode .geyssel-front .geyssel-user-card a:not(.geyssel-btn):visited,
html body.geyssel-portal-app .geyssel-front .geyssel-user-card a:not(.geyssel-btn),
html body.geyssel-portal-app .geyssel-front .geyssel-user-card a:not(.geyssel-btn):visited{
  color:#bfe5ff!important;
  -webkit-text-fill-color:#bfe5ff!important;
}

/* Schaltplanbereiche: keine weißen Verwaltungsboxen mehr */
html body.geyssel-app-mode .geyssel-front .geyssel-schematic-form,
html body.geyssel-app-mode .geyssel-front .geyssel-schematic-select-form,
html body.geyssel-portal-app .geyssel-front .geyssel-schematic-form,
html body.geyssel-portal-app .geyssel-front .geyssel-schematic-select-form{
  background:#0a3559!important;
  color:#ffffff!important;
  border-color:#2b6f9f!important;
}

/* ---------- AUFGABEN / OFFENE AKTIONEN: ORANGE-GELB ---------- */
html body.geyssel-app-mode .geyssel-front .geyssel-workflow-action,
html body.geyssel-app-mode .geyssel-front .geyssel-warehouse-job,
html body.geyssel-app-mode .geyssel-front .geyssel-overdue-card,
html body.geyssel-portal-app .geyssel-front .geyssel-workflow-action,
html body.geyssel-portal-app .geyssel-front .geyssel-warehouse-job,
html body.geyssel-portal-app .geyssel-front .geyssel-overdue-card{
  background:#ffd978!important;
  border:1px solid #c78d16!important;
  color:#2d2410!important;
  -webkit-text-fill-color:#2d2410!important;
  box-shadow:0 7px 18px rgba(0,0,0,.13)!important;
}

html body.geyssel-app-mode .geyssel-front .geyssel-workflow-action h3,
html body.geyssel-app-mode .geyssel-front .geyssel-workflow-action h4,
html body.geyssel-app-mode .geyssel-front .geyssel-workflow-action p,
html body.geyssel-app-mode .geyssel-front .geyssel-workflow-action label,
html body.geyssel-app-mode .geyssel-front .geyssel-workflow-action strong,
html body.geyssel-app-mode .geyssel-front .geyssel-workflow-action span:not(.geyssel-btn),
html body.geyssel-app-mode .geyssel-front .geyssel-warehouse-job strong,
html body.geyssel-app-mode .geyssel-front .geyssel-warehouse-job span,
html body.geyssel-app-mode .geyssel-front .geyssel-warehouse-job small,
html body.geyssel-app-mode .geyssel-front .geyssel-overdue-card strong,
html body.geyssel-app-mode .geyssel-front .geyssel-overdue-card small,
html body.geyssel-app-mode .geyssel-front .geyssel-overdue-card p,
html body.geyssel-portal-app .geyssel-front .geyssel-workflow-action h3,
html body.geyssel-portal-app .geyssel-front .geyssel-workflow-action h4,
html body.geyssel-portal-app .geyssel-front .geyssel-workflow-action p,
html body.geyssel-portal-app .geyssel-front .geyssel-workflow-action label,
html body.geyssel-portal-app .geyssel-front .geyssel-workflow-action strong,
html body.geyssel-portal-app .geyssel-front .geyssel-workflow-action span:not(.geyssel-btn),
html body.geyssel-portal-app .geyssel-front .geyssel-warehouse-job strong,
html body.geyssel-portal-app .geyssel-front .geyssel-warehouse-job span,
html body.geyssel-portal-app .geyssel-front .geyssel-warehouse-job small,
html body.geyssel-portal-app .geyssel-front .geyssel-overdue-card strong,
html body.geyssel-portal-app .geyssel-front .geyssel-overdue-card small,
html body.geyssel-portal-app .geyssel-front .geyssel-overdue-card p{
  color:#2d2410!important;
  -webkit-text-fill-color:#2d2410!important;
}

/* ---------- HINWEISE / BENACHRICHTIGUNGEN: GELB ---------- */
html body.geyssel-app-mode .geyssel-front .notification,
html body.geyssel-app-mode .geyssel-front .geyssel-current-notifications,
html body.geyssel-app-mode .geyssel-front .change,
html body.geyssel-portal-app .geyssel-front .notification,
html body.geyssel-portal-app .geyssel-front .geyssel-current-notifications,
html body.geyssel-portal-app .geyssel-front .change{
  background:#fff0b3!important;
  border-color:#d8ad31!important;
  color:#33280b!important;
  -webkit-text-fill-color:#33280b!important;
}

html body.geyssel-app-mode .geyssel-front .notification *,
html body.geyssel-app-mode .geyssel-front .geyssel-current-notifications p,
html body.geyssel-app-mode .geyssel-front .geyssel-current-notifications h2,
html body.geyssel-app-mode .geyssel-front .change *,
html body.geyssel-portal-app .geyssel-front .notification *,
html body.geyssel-portal-app .geyssel-front .geyssel-current-notifications p,
html body.geyssel-portal-app .geyssel-front .geyssel-current-notifications h2,
html body.geyssel-portal-app .geyssel-front .change *{
  color:#33280b!important;
  -webkit-text-fill-color:#33280b!important;
}

/* Kritische Hinweise bleiben deutlicher */
html body.geyssel-app-mode .geyssel-front .change-critical,
html body.geyssel-portal-app .geyssel-front .change-critical{
  background:#ffd1d1!important;
  border-color:#c94a4a!important;
  color:#461515!important;
  -webkit-text-fill-color:#461515!important;
}

/* ---------- PROBLEME: ROT ---------- */
html body.geyssel-app-mode .geyssel-front .geyssel-problem-dashboard-box,
html body.geyssel-app-mode .geyssel-front .geyssel-dashboard-problems,
html body.geyssel-portal-app .geyssel-front .geyssel-problem-dashboard-box,
html body.geyssel-portal-app .geyssel-front .geyssel-dashboard-problems{
  background:#8b1f31!important;
  border-color:#d36a7c!important;
  color:#ffffff!important;
}

/* Einzelne Problemkarten hellrot statt weiß */
html body.geyssel-app-mode .geyssel-front .geyssel-problem-dashboard-item,
html body.geyssel-app-mode .geyssel-front .geyssel-problem-dashboard-item.is-progress,
html body.geyssel-portal-app .geyssel-front .geyssel-problem-dashboard-item,
html body.geyssel-portal-app .geyssel-front .geyssel-problem-dashboard-item.is-progress{
  background:#ffd4d9!important;
  border-color:#d76574!important;
  color:#3b1118!important;
  -webkit-text-fill-color:#3b1118!important;
}

html body.geyssel-app-mode .geyssel-front .geyssel-problem-dashboard-item *,
html body.geyssel-portal-app .geyssel-front .geyssel-problem-dashboard-item *{
  color:#3b1118!important;
  -webkit-text-fill-color:#3b1118!important;
}

/* Problemliste: Zeilen nach Status leicht markieren, aber nicht weiß */
html body.geyssel-app-mode .geyssel-front .geyssel-ticket-list .geyssel-ticket-row.status-new td,
html body.geyssel-portal-app .geyssel-front .geyssel-ticket-list .geyssel-ticket-row.status-new td{
  background:#6f2633!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
html body.geyssel-app-mode .geyssel-front .geyssel-ticket-list .geyssel-ticket-row.status-in_progress td,
html body.geyssel-portal-app .geyssel-front .geyssel-ticket-list .geyssel-ticket-row.status-in_progress td{
  background:#6a4a15!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
html body.geyssel-app-mode .geyssel-front .geyssel-ticket-list .geyssel-ticket-row.status-done td,
html body.geyssel-portal-app .geyssel-front .geyssel-ticket-list .geyssel-ticket-row.status-done td{
  background:#164b35!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* ---------- INPUTS bleiben bewusst weiß/dunkel ---------- */
html body.geyssel-app-mode .geyssel-front input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html body.geyssel-app-mode .geyssel-front select,
html body.geyssel-app-mode .geyssel-front textarea,
html body.geyssel-portal-app .geyssel-front input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html body.geyssel-portal-app .geyssel-front select,
html body.geyssel-portal-app .geyssel-front textarea{
  background:#ffffff!important;
  color:#17324d!important;
  -webkit-text-fill-color:#17324d!important;
}

/* Buttons bleiben blau/weiß, auch auf Hinweis-/Aufgabenflächen */
html body.geyssel-app-mode .geyssel-front .geyssel-btn,
html body.geyssel-app-mode .geyssel-front button:not(.geyssel-link-danger),
html body.geyssel-portal-app .geyssel-front .geyssel-btn,
html body.geyssel-portal-app .geyssel-front button:not(.geyssel-link-danger){
  background:#0d78c6!important;
  border-color:#5ca7d4!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}


/* =========================================================
   V6.10.22 – Feste Livefilter Probleme & Lagerbestand
   ========================================================= */
html body.geyssel-app-mode .geyssel-front .geyssel-dedicated-live-search,
html body.geyssel-portal-app .geyssel-front .geyssel-dedicated-live-search{
  margin:12px 0 14px!important;
  padding:12px!important;
  background:#0b3b63!important;
  border:1px solid #2b6f9f!important;
  border-radius:10px!important;
}
html body.geyssel-app-mode .geyssel-front .geyssel-dedicated-live-search label,
html body.geyssel-portal-app .geyssel-front .geyssel-dedicated-live-search label{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  margin:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:800!important;
}
html body.geyssel-app-mode .geyssel-front .geyssel-dedicated-live-search input,
html body.geyssel-portal-app .geyssel-front .geyssel-dedicated-live-search input{
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  background:#fff!important;
  color:#17324d!important;
  -webkit-text-fill-color:#17324d!important;
}