/* =========================================================
   Geyssel Steuerungsportal V6.10.13
   Finale Style-/Typografie-Reset-Schicht
   Diese Datei wird als LETZTE CSS-Datei geladen.
   ========================================================= */

:root{
  --gs-bg:#061f35;
  --gs-panel:#0a3559;
  --gs-panel-alt:#082c4a;
  --gs-border:#2b6f9f;
  --gs-white:#ffffff;
  --gs-muted:#cfe2ef;
  --gs-input:#ffffff;
  --gs-input-text:#17324d;
  --gs-blue:#0d78c6;
  --gs-blue-hover:#1593e2;
  --gs-red:#8b1f31;
}

/* ---------- Einheitliche Grundschrift ---------- */
body.geyssel-app-mode .geyssel-front,
body.geyssel-portal-app .geyssel-front{
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:15px!important;
  line-height:1.45!important;
  color:var(--gs-white)!important;
  background:var(--gs-bg)!important;
  letter-spacing:0!important;
}

/* ---------- Überschriften: KEINE eigenen Hintergrundflächen ---------- */
body.geyssel-app-mode .geyssel-front h1,
body.geyssel-app-mode .geyssel-front h2,
body.geyssel-app-mode .geyssel-front h3,
body.geyssel-app-mode .geyssel-front h4,
body.geyssel-portal-app .geyssel-front h1,
body.geyssel-portal-app .geyssel-front h2,
body.geyssel-portal-app .geyssel-front h3,
body.geyssel-portal-app .geyssel-front h4{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--gs-white)!important;
  -webkit-text-fill-color:var(--gs-white)!important;
  text-shadow:none!important;
  border-radius:0!important;
  width:auto!important;
  max-width:100%!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.geyssel-app-mode .geyssel-front h1,
body.geyssel-portal-app .geyssel-front h1{
  font-size:28px!important;
  line-height:1.18!important;
  font-weight:800!important;
  margin:0 0 14px!important;
  padding:0!important;
}
body.geyssel-app-mode .geyssel-front h2,
body.geyssel-portal-app .geyssel-front h2{
  font-size:21px!important;
  line-height:1.22!important;
  font-weight:800!important;
  margin:0 0 10px!important;
  padding:0!important;
}
body.geyssel-app-mode .geyssel-front h3,
body.geyssel-portal-app .geyssel-front h3{
  font-size:17px!important;
  line-height:1.28!important;
  font-weight:800!important;
  margin:0 0 8px!important;
  padding:0!important;
}
body.geyssel-app-mode .geyssel-front h4,
body.geyssel-portal-app .geyssel-front h4{
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:800!important;
  margin:0 0 7px!important;
  padding:0!important;
}

/* Section-Header ist nur Layout, kein farbiger Balken mehr */
body.geyssel-app-mode .geyssel-front .geyssel-section-head,
body.geyssel-portal-app .geyssel-front .geyssel-section-head{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0 0 12px!important;
  margin:0 0 14px!important;
  color:var(--gs-white)!important;
}
body.geyssel-app-mode .geyssel-front .geyssel-section-head h1,
body.geyssel-app-mode .geyssel-front .geyssel-section-head h2,
body.geyssel-app-mode .geyssel-front .geyssel-section-head h3,
body.geyssel-app-mode .geyssel-front .geyssel-section-head p,
body.geyssel-portal-app .geyssel-front .geyssel-section-head h1,
body.geyssel-portal-app .geyssel-front .geyssel-section-head h2,
body.geyssel-portal-app .geyssel-front .geyssel-section-head h3,
body.geyssel-portal-app .geyssel-front .geyssel-section-head p{
  background:transparent!important;
  color:var(--gs-white)!important;
  -webkit-text-fill-color:var(--gs-white)!important;
}
body.geyssel-app-mode .geyssel-front .geyssel-section-head p,
body.geyssel-portal-app .geyssel-front .geyssel-section-head p{
  margin:4px 0 0!important;
  color:var(--gs-muted)!important;
  -webkit-text-fill-color:var(--gs-muted)!important;
  font-size:13px!important;
}

/* ---------- Panels/Karten einheitlich ---------- */
body.geyssel-app-mode .geyssel-front .geyssel-panel,
body.geyssel-app-mode .geyssel-front .geyssel-card,
body.geyssel-app-mode .geyssel-front .geyssel-master-card,
body.geyssel-portal-app .geyssel-front .geyssel-panel,
body.geyssel-portal-app .geyssel-front .geyssel-card,
body.geyssel-portal-app .geyssel-front .geyssel-master-card{
  background:var(--gs-panel)!important;
  background-image:none!important;
  border:1px solid var(--gs-border)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  color:var(--gs-white)!important;
}

/* Direkte Standardtexte auf dunklen Panels */
body.geyssel-app-mode .geyssel-front .geyssel-panel > p,
body.geyssel-app-mode .geyssel-front .geyssel-panel > small,
body.geyssel-app-mode .geyssel-front .geyssel-card > p,
body.geyssel-app-mode .geyssel-front .geyssel-card > small,
body.geyssel-portal-app .geyssel-front .geyssel-panel > p,
body.geyssel-portal-app .geyssel-front .geyssel-panel > small{
  color:var(--gs-muted)!important;
  -webkit-text-fill-color:var(--gs-muted)!important;
}

/* ---------- Helle Inhalte: dunkel lesbar ---------- */
body.geyssel-app-mode .geyssel-front .notification,
body.geyssel-app-mode .geyssel-front .geyssel-list-toolbar,
body.geyssel-app-mode .geyssel-front .geyssel-order-filters,
body.geyssel-app-mode .geyssel-front .geyssel-ticket-message,
body.geyssel-app-mode .geyssel-front .geyssel-problem-dashboard-item,
body.geyssel-app-mode .geyssel-front .geyssel-problem-right,
body.geyssel-app-mode .geyssel-front .geyssel-role-summary,
body.geyssel-app-mode .geyssel-front .geyssel-master-row,
body.geyssel-portal-app .geyssel-front .notification,
body.geyssel-portal-app .geyssel-front .geyssel-list-toolbar,
body.geyssel-portal-app .geyssel-front .geyssel-order-filters,
body.geyssel-portal-app .geyssel-front .geyssel-ticket-message,
body.geyssel-portal-app .geyssel-front .geyssel-problem-dashboard-item,
body.geyssel-portal-app .geyssel-front .geyssel-problem-right,
body.geyssel-portal-app .geyssel-front .geyssel-role-summary,
body.geyssel-portal-app .geyssel-front .geyssel-master-row{
  background:#f3f8fb!important;
  background-image:none!important;
  border-color:#b9cfdf!important;
  color:var(--gs-input-text)!important;
  -webkit-text-fill-color:var(--gs-input-text)!important;
}
body.geyssel-app-mode .geyssel-front .notification :not(.geyssel-btn):not(button):not(input):not(select):not(textarea),
body.geyssel-app-mode .geyssel-front .geyssel-list-toolbar :not(.geyssel-btn):not(button):not(input):not(select):not(textarea),
body.geyssel-app-mode .geyssel-front .geyssel-order-filters :not(.geyssel-btn):not(button):not(input):not(select):not(textarea),
body.geyssel-app-mode .geyssel-front .geyssel-ticket-message :not(.geyssel-btn):not(button):not(input):not(select):not(textarea),
body.geyssel-app-mode .geyssel-front .geyssel-problem-dashboard-item :not(.geyssel-btn):not(button):not(input):not(select):not(textarea),
body.geyssel-app-mode .geyssel-front .geyssel-master-row :not(.geyssel-btn):not(button):not(input):not(select):not(textarea){
  color:var(--gs-input-text)!important;
  -webkit-text-fill-color:var(--gs-input-text)!important;
}

/* Überschriften in hellen Boxen ebenfalls dunkel */
body.geyssel-app-mode .geyssel-front .notification h1,
body.geyssel-app-mode .geyssel-front .notification h2,
body.geyssel-app-mode .geyssel-front .notification h3,
body.geyssel-app-mode .geyssel-front .geyssel-list-toolbar h1,
body.geyssel-app-mode .geyssel-front .geyssel-list-toolbar h2,
body.geyssel-app-mode .geyssel-front .geyssel-list-toolbar h3,
body.geyssel-app-mode .geyssel-front .geyssel-order-filters h1,
body.geyssel-app-mode .geyssel-front .geyssel-order-filters h2,
body.geyssel-app-mode .geyssel-front .geyssel-order-filters h3,
body.geyssel-app-mode .geyssel-front .geyssel-ticket-message h1,
body.geyssel-app-mode .geyssel-front .geyssel-ticket-message h2,
body.geyssel-app-mode .geyssel-front .geyssel-ticket-message h3,
body.geyssel-app-mode .geyssel-front .geyssel-master-row h1,
body.geyssel-app-mode .geyssel-front .geyssel-master-row h2,
body.geyssel-app-mode .geyssel-front .geyssel-master-row h3{
  color:var(--gs-input-text)!important;
  -webkit-text-fill-color:var(--gs-input-text)!important;
}

/* ---------- Formulare ---------- */
body.geyssel-app-mode .geyssel-front label,
body.geyssel-portal-app .geyssel-front label{
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
body.geyssel-app-mode .geyssel-front input[type="text"],
body.geyssel-app-mode .geyssel-front input[type="search"],
body.geyssel-app-mode .geyssel-front input[type="number"],
body.geyssel-app-mode .geyssel-front input[type="email"],
body.geyssel-app-mode .geyssel-front input[type="tel"],
body.geyssel-app-mode .geyssel-front input[type="date"],
body.geyssel-app-mode .geyssel-front input[type="time"],
body.geyssel-app-mode .geyssel-front input[type="password"],
body.geyssel-app-mode .geyssel-front select,
body.geyssel-app-mode .geyssel-front textarea,
body.geyssel-portal-app .geyssel-front input[type="text"],
body.geyssel-portal-app .geyssel-front input[type="search"],
body.geyssel-portal-app .geyssel-front input[type="number"],
body.geyssel-portal-app .geyssel-front input[type="email"],
body.geyssel-portal-app .geyssel-front input[type="tel"],
body.geyssel-portal-app .geyssel-front input[type="date"],
body.geyssel-portal-app .geyssel-front input[type="time"],
body.geyssel-portal-app .geyssel-front input[type="password"],
body.geyssel-portal-app .geyssel-front select,
body.geyssel-portal-app .geyssel-front textarea{
  background:#fff!important;
  color:var(--gs-input-text)!important;
  -webkit-text-fill-color:var(--gs-input-text)!important;
  border:1px solid #9fb7ca!important;
  border-radius:8px!important;
  font:inherit!important;
  font-weight:600!important;
  box-shadow:none!important;
}
body.geyssel-app-mode .geyssel-front select option,
body.geyssel-portal-app .geyssel-front select option{
  background:#fff!important;
  color:var(--gs-input-text)!important;
}

/* ---------- Buttons ---------- */
body.geyssel-app-mode .geyssel-front .geyssel-btn,
body.geyssel-app-mode .geyssel-front .button,
body.geyssel-app-mode .geyssel-front button,
body.geyssel-app-mode .geyssel-front input[type="submit"],
body.geyssel-portal-app .geyssel-front .geyssel-btn,
body.geyssel-portal-app .geyssel-front .button,
body.geyssel-portal-app .geyssel-front button,
body.geyssel-portal-app .geyssel-front input[type="submit"]{
  background:var(--gs-blue)!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid #5ca7d4!important;
  border-radius:8px!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.15!important;
  text-decoration:none!important;
}
body.geyssel-app-mode .geyssel-front .geyssel-btn:hover,
body.geyssel-app-mode .geyssel-front .button:hover,
body.geyssel-app-mode .geyssel-front button:hover,
body.geyssel-portal-app .geyssel-front .geyssel-btn:hover,
body.geyssel-portal-app .geyssel-front .button:hover,
body.geyssel-portal-app .geyssel-front button:hover{
  background:var(--gs-blue-hover)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.geyssel-app-mode .geyssel-front .geyssel-btn.danger,
body.geyssel-app-mode .geyssel-front .geyssel-btn-danger,
body.geyssel-app-mode .geyssel-front .geyssel-btn-danger-small{
  background:#a9293e!important;
  border-color:#d46a7c!important;
}

/* ---------- Links inkl. visited ---------- */
body.geyssel-app-mode .geyssel-front a:not(.geyssel-btn):not(.button):link,
body.geyssel-app-mode .geyssel-front a:not(.geyssel-btn):not(.button):visited,
body.geyssel-portal-app .geyssel-front a:not(.geyssel-btn):not(.button):link,
body.geyssel-portal-app .geyssel-front a:not(.geyssel-btn):not(.button):visited{
  color:#87d2ff!important;
  -webkit-text-fill-color:#87d2ff!important;
}
/* Links auf hellen Karten */
body.geyssel-app-mode .geyssel-front .notification a:not(.geyssel-btn):not(.button),
body.geyssel-app-mode .geyssel-front .notification a:not(.geyssel-btn):not(.button):visited,
body.geyssel-app-mode .geyssel-front .geyssel-ticket-message a:not(.geyssel-btn):not(.button),
body.geyssel-app-mode .geyssel-front .geyssel-ticket-message a:not(.geyssel-btn):not(.button):visited,
body.geyssel-app-mode .geyssel-front .geyssel-master-row a:not(.geyssel-btn):not(.button),
body.geyssel-app-mode .geyssel-front .geyssel-master-row a:not(.geyssel-btn):not(.button):visited{
  color:#0b67a3!important;
  -webkit-text-fill-color:#0b67a3!important;
}

/* ---------- Tabellen ---------- */
body.geyssel-app-mode .geyssel-front table,
body.geyssel-portal-app .geyssel-front table{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
}
body.geyssel-app-mode .geyssel-front table thead th,
body.geyssel-portal-app .geyssel-front table thead th{
  background:#0d4774!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.geyssel-app-mode .geyssel-front table tbody td,
body.geyssel-portal-app .geyssel-front table tbody td{
  font-size:14px!important;
  line-height:1.3!important;
}

/* ---------- Steuerungsprobleme bewusst rot ---------- */
body.geyssel-app-mode .geyssel-front .geyssel-problem-dashboard-box,
body.geyssel-app-mode .geyssel-front .geyssel-dashboard-problems,
body.geyssel-portal-app .geyssel-front .geyssel-problem-dashboard-box,
body.geyssel-portal-app .geyssel-front .geyssel-dashboard-problems{
  background:var(--gs-red)!important;
  border-color:#d36a7c!important;
}
body.geyssel-app-mode .geyssel-front .geyssel-problem-dashboard-box > .geyssel-section-head,
body.geyssel-app-mode .geyssel-front .geyssel-dashboard-problems > .geyssel-section-head{
  background:transparent!important;
  border-bottom-color:rgba(255,255,255,.26)!important;
}

/* ---------- Spezielle Masterdata-Köpfe ebenfalls ohne zweite Farbfläche ---------- */
body.geyssel-app-mode .geyssel-front .geyssel-master-card-head,
body.geyssel-portal-app .geyssel-front .geyssel-master-card-head{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:16px 16px 12px!important;
}

/* ---------- Mobile Typografie ---------- */
@media(max-width:760px){
  body.geyssel-app-mode .geyssel-front,
  body.geyssel-portal-app .geyssel-front{font-size:14px!important}
  body.geyssel-app-mode .geyssel-front h1,
  body.geyssel-portal-app .geyssel-front h1{font-size:24px!important}
  body.geyssel-app-mode .geyssel-front h2,
  body.geyssel-portal-app .geyssel-front h2{font-size:19px!important}
  body.geyssel-app-mode .geyssel-front h3,
  body.geyssel-portal-app .geyssel-front h3{font-size:16px!important}
  body.geyssel-app-mode .geyssel-front .geyssel-section-head,
  body.geyssel-portal-app .geyssel-front .geyssel-section-head{padding-bottom:10px!important;margin-bottom:12px!important}
}