/* RUESS Hub 2.76.1 - gemeinsame Oberflaeche: "Neu beginnen" (TIKOS Import). Wird als letzte Stildatei geladen. */

/* Neu beginnen: kompakt rechts neben dem Ablauf (1 Liste · 2 Pruefen ...), nie volle Breite */
.tikos-hero-rechts{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.tikos-neu-beginnen{width:auto;min-height:0;padding:6px 12px;font-size:13px;font-weight:600;white-space:nowrap}
.tikos-header-mit-knopf .tikos-neu-beginnen{float:right;margin-left:12px}
@media (max-width:720px){
  .tikos-hero-rechts{justify-content:flex-start}
  .tikos-header-mit-knopf .tikos-neu-beginnen{float:none;margin:0 0 8px}
}

/* Hilfe zur Seite: "?" im Seitenkopf, Leiste rechts. Die Seite bleibt links bedienbar (Inhalt ruckt zur Seite, kein Abdecken). */
.hilfe-knopf{width:34px;height:34px;min-height:0;padding:0;flex:0 0 34px;align-self:center;border-radius:50%;border:1px solid #d7ddd0;background:#fff;color:#5e7a08;font-weight:800;font-size:16px;line-height:1;cursor:pointer}
.hilfe-knopf:hover,.hilfe-knopf[aria-expanded="true"]{background:#eef4d6;border-color:#a2bf13}
.app-page-hero{gap:12px}
#hilfeLeiste{--kb-ink:#23292a;--kb-text:#323a3b;--kb-muted:#667174;--kb-line:#e4e9e2;--kb-line-strong:#d7ddd0;--kb-soft:#f5f7f2;--kb-lime:#a2bf13;--kb-lime-hover:#95b011;--kb-lime-deep:#5e7a08;--kb-lime-pale:#eef4d6;--kb-on-lime:#1f2a06}
.hilfe-leiste{position:fixed;top:0;right:0;bottom:0;width:min(440px,92vw);z-index:900;display:flex;flex-direction:column;background:#fff;border-left:1px solid #e4e9e2;box-shadow:-12px 0 32px rgba(35,41,42,.12);transform:translateX(105%);transition:transform .2s ease;visibility:hidden}
body.hilfe-offen .hilfe-leiste{transform:none;visibility:visible}
body.hilfe-offen .app-content{margin-right:min(440px,92vw);transition:margin-right .2s ease}
.hilfe-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 12px;border-bottom:1px solid #e4e9e2}
.hilfe-kopf small{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5e7a08}
.hilfe-kopf h3{margin:2px 0 0;font-size:17px;line-height:1.3;color:#23292a}
.hilfe-zu{width:32px;height:32px;min-height:0;padding:0;flex:0 0 32px;border-radius:8px;border:1px solid #e4e9e2;background:#fff;color:#323a3b;font-size:20px;line-height:1;cursor:pointer}
.hilfe-inhalt{flex:1 1 auto;overflow:auto;padding:16px 20px;color:#323a3b;font-size:14px;line-height:1.55}
.hilfe-inhalt .kb-figure img{max-width:100%;height:auto;border-radius:8px;border:1px solid #e4e9e2;cursor:zoom-in}
.hilfe-abschnitt+.hilfe-abschnitt{margin-top:14px}
.hilfe-hinweis{color:#667174}
.hilfe-fuss{display:flex;gap:8px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid #e4e9e2}
.hilfe-fuss button{width:auto;min-height:0;padding:6px 12px;font-size:13px}
@media (max-width:900px){ body.hilfe-offen .app-content{margin-right:0} }
@media print{ .hilfe-leiste,.hilfe-knopf{display:none!important} }

/* Menue: Oberbegriffe wie in TIKOS und Favoriten ganz oben */
.sidebar-bereich-titel{margin:14px 0 4px;padding:0 12px}
.sidebar-favoriten{margin:2px 0 6px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.08)}
.sidebar-favoriten-titel{margin:8px 0 4px;padding:0 12px}
.sidebar-favoriten-hinweis{margin:0 12px 4px;font-size:11.5px;line-height:1.35;color:#8a938f}
.nav-favorit{display:block;width:100%;min-height:0;margin:1px 0;padding:7px 12px 7px 30px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:13.5px;position:relative;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-favorit::before{content:"★";position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:12px;color:#a2bf13}
.nav-favorit:hover{background:rgba(162,191,19,.12)}
.nav-favorit.active{background:rgba(162,191,19,.18);font-weight:700}
.sidebar-subnav > button,#knowledgeNav{position:relative}
.nav-stern{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;opacity:0;cursor:pointer;color:#8a938f;font-size:13px;line-height:1}
.nav-stern::before{content:"☆"}
.nav-stern.an{opacity:.9;color:#a2bf13}
.nav-stern.an::before{content:"★"}
.sidebar-subnav > button:hover .nav-stern,#knowledgeNav:hover .nav-stern,.nav-stern:focus-visible{opacity:1}
.nav-stern:hover{background:rgba(162,191,19,.16);color:#5e7a08}
@media (hover:none){ .nav-stern{opacity:.55} }

/* Filter- und Suchleisten: auf allen Seiten gleich dezent - Suche flexibel breit, Auswahlfelder feste ruhige Breite, alles 38 px hoch.
   Bisher galt fuer Auswahlfelder die globale Regel select{width:100%} - daher z. B. "Alle Zustaende" ueber die ganze Breite (Fuhrpark Tagesplan). */
.app-content :is(.fleet-date-toolbar,.fleet-list-toolbar,.fleet-toolbar,.fleet-history-filters,.inv-toolbar,.inv-pane-toolbar,.counter-filters,.counter-history-filters,.kom-toolbar,.tikos-lists-toolbar,.ap-filter,.tourlists-toolbar,.kb-toolbar,.users-management-toolbar,.ip-toolbar,.toolbar) select:not([multiple]){
  width:auto;min-width:170px;max-width:260px;flex:0 0 auto;height:38px;min-height:38px;padding:0 34px 0 12px;font-size:14px;border-radius:10px}
.app-content :is(.fleet-date-toolbar,.fleet-list-toolbar,.fleet-toolbar,.fleet-history-filters,.inv-toolbar,.inv-pane-toolbar,.counter-filters,.counter-history-filters,.kom-toolbar,.tikos-lists-toolbar,.ap-filter,.tourlists-toolbar,.kb-toolbar,.users-management-toolbar,.ip-toolbar,.toolbar) :is(input[type="search"],input[type="text"],input[type="date"],input:not([type])){
  height:38px;min-height:38px;padding:0 12px;font-size:14px;border-radius:10px}
.app-content :is(.fleet-date-toolbar,.fleet-list-toolbar,.inv-toolbar,.kom-toolbar,.tikos-lists-toolbar,.ap-filter,.tourlists-toolbar,.users-management-toolbar,.ip-toolbar) > input[type="search"]{flex:1 1 280px;min-width:220px}
.app-content :is(.fleet-date-toolbar,.fleet-list-toolbar,.fleet-toolbar,.fleet-history-filters,.inv-toolbar,.inv-pane-toolbar,.counter-filters,.counter-history-filters,.kom-toolbar,.tikos-lists-toolbar,.ap-filter,.tourlists-toolbar,.kb-toolbar,.users-management-toolbar,.ip-toolbar) > :is(button,.button){
  width:auto;height:38px;min-height:38px;padding:0 14px;font-size:14px;white-space:nowrap;flex:0 0 auto}
@media (max-width:720px){
  .app-content :is(.fleet-date-toolbar,.fleet-list-toolbar,.fleet-toolbar,.fleet-history-filters,.inv-toolbar,.inv-pane-toolbar,.counter-filters,.counter-history-filters,.kom-toolbar,.tikos-lists-toolbar,.ap-filter,.tourlists-toolbar,.kb-toolbar,.users-management-toolbar,.ip-toolbar,.toolbar) select:not([multiple]){flex:1 1 160px;max-width:none}
}

/* Oberbegriffe als Reiter (aufklappbar, immer nur einer offen) und Favoriten entfernen */
.sidebar-nav p.sidebar-bereich-titel{display:flex;align-items:center;gap:10px;margin:2px 0;padding:10px 12px;border-radius:10px;cursor:pointer;user-select:none;font-size:14.5px;font-weight:700;letter-spacing:0;text-transform:none;color:inherit}
.sidebar-nav p.sidebar-bereich-titel:hover{background:rgba(162,191,19,.10)}
.sidebar-bereich-titel:focus-visible{outline:2px solid #a2bf13;outline-offset:1px}
.sidebar-nav p.sidebar-bereich-titel.aktuell{color:#5e7a08}
.bereich-symbol{width:18px;height:18px;flex:0 0 18px}
.bereich-text{flex:1 1 auto}
.bereich-pfeil{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 4px 0 0;opacity:.6;transition:transform .15s ease}
.sidebar-bereich-titel.offen .bereich-pfeil{transform:rotate(-135deg);margin-top:4px}
.sidebar-module-nav .bereich-zu{display:none!important}
.sidebar-module-nav .sidebar-bereich-titel.offen ~ .sidebar-nav-group:not(.bereich-zu),.sidebar-module-nav .sidebar-bereich-titel.offen ~ #knowledgeNav:not(.bereich-zu){margin-left:10px}
.nav-favorit{padding-right:30px}
.nav-favorit-weg{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#a2bf13;font-size:13px;line-height:1;cursor:pointer}
.nav-favorit-weg::before{content:"★"}
.nav-favorit-weg:hover{background:rgba(180,71,47,.12);color:#b4472f}
.nav-favorit-weg:hover::before{content:"×";font-size:16px}
.app-sidebar p.sidebar-bereich-titel{color:#2c3432!important}
.app-sidebar p.sidebar-bereich-titel.aktuell{color:#5e7a08!important}

/* Werkzeugleisten ueberall gleich (Vorbild Wareneingang): eine Linie, alles 38 px hoch, gleiche Schrift und Ecken, Beschriftung klein links vom Feld.
   Gilt fuer Wareneingang, Offene Bestellungen, Einkauf-Aufgaben, Aus-/Eingangsprotokolle (.ap-toolbar) und die anderen Filterleisten. */
.app-content :is(#wareneingangView,#offeneBestellungenView,#einkaufAufgabenView,#ausgangsprotokolleView,#eingangsprotokolleView) .ap-toolbar{align-items:center}
.app-content :is(#wareneingangView,#offeneBestellungenView,#einkaufAufgabenView,#ausgangsprotokolleView,#eingangsprotokolleView) .ap-toolbar .ap-filter{align-items:center}
.app-content :is(#wareneingangView,#offeneBestellungenView,#einkaufAufgabenView,#ausgangsprotokolleView,#eingangsprotokolleView) .ap-toolbar .ap-filter label{flex-direction:row;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#667174;text-transform:none;letter-spacing:0}
.app-content :is(#wareneingangView,#offeneBestellungenView,#einkaufAufgabenView,#ausgangsprotokolleView,#eingangsprotokolleView) .ap-toolbar :is(input:not([type="checkbox"]):not([type="radio"]),select){
  box-sizing:border-box;height:38px;min-height:38px;padding:0 12px;font-size:14px;font-weight:400;border-radius:10px}
.app-content :is(#wareneingangView,#offeneBestellungenView,#einkaufAufgabenView,#ausgangsprotokolleView,#eingangsprotokolleView) .ap-toolbar select{padding-right:34px;width:auto;min-width:150px;max-width:240px}
.app-content :is(#wareneingangView,#offeneBestellungenView,#einkaufAufgabenView,#ausgangsprotokolleView,#eingangsprotokolleView) .ap-toolbar :is(button,.ap-btn,details > summary){
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;height:38px;min-height:38px;margin:0;padding:0 14px;
  font-size:14px;font-weight:600;line-height:1;border-radius:10px;white-space:nowrap;align-self:center}
/* die uebrigen Leisten: Knoepfe auch in verschachtelten Gruppen gleich hoch */
.app-content :is(.fleet-date-toolbar,.fleet-list-toolbar,.fleet-toolbar,.fleet-history-filters,.inv-toolbar,.inv-pane-toolbar,.counter-filters,.counter-history-filters,.kom-toolbar,.tikos-lists-toolbar,.tourlists-toolbar,.kb-toolbar,.users-management-toolbar,.ip-toolbar) :is(button,.button):not(.nav-stern){
  box-sizing:border-box;height:38px;min-height:38px;padding:0 14px;font-size:14px;font-weight:600;line-height:1;border-radius:10px;white-space:nowrap}
.app-content :is(.fleet-date-toolbar,.fleet-list-toolbar,.fleet-toolbar,.fleet-history-filters,.inv-toolbar,.inv-pane-toolbar,.counter-filters,.counter-history-filters,.kom-toolbar,.tikos-lists-toolbar,.tourlists-toolbar,.kb-toolbar,.users-management-toolbar,.ip-toolbar){align-items:center}
/* weitere Leisten (TIKOS Mitarbeiter, Benutzer, Rechte-Protokoll, Inventar-Zuordnung, Fahrzeuge): dieselben Masse */
.app-content :is(.tikos-table-toolbar,.tikos-selection-toolbar,.tikos-selection-search-row,.users-management-filters,.rt-filters,.inventory-link-toolbar,.fleet-vehicle-filterbar,.fleet-toolbar-actions,.tikos-lists-filter-grid,.status-filter){align-items:center}
.app-content :is(.tikos-table-toolbar,.tikos-selection-toolbar,.tikos-selection-search-row,.users-management-filters,.rt-filters,.inventory-link-toolbar,.fleet-vehicle-filterbar,.fleet-toolbar-actions,.tikos-lists-filter-grid) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select){
  box-sizing:border-box;height:38px;min-height:38px;padding:0 12px;font-size:14px;border-radius:10px}
.app-content :is(.tikos-table-toolbar,.tikos-selection-toolbar,.tikos-selection-search-row,.users-management-filters,.rt-filters,.inventory-link-toolbar,.fleet-vehicle-filterbar,.fleet-toolbar-actions) select{padding-right:34px}
.app-content :is(.tikos-table-toolbar,.tikos-selection-toolbar,.tikos-selection-search-row,.users-management-filters,.rt-filters,.inventory-link-toolbar,.fleet-vehicle-filterbar,.fleet-toolbar-actions) :is(button,.button){
  box-sizing:border-box;width:auto;height:38px;min-height:38px;padding:0 14px;font-size:14px;font-weight:600;line-height:1;border-radius:10px;white-space:nowrap}
/* Kopfzeile jeder Seite: Aktionsknoepfe oben rechts (z. B. "+ Neues Ticket", "Excel-Initialimport") gleich hoch wie das "?" */
.app-page-hero #appViewActions :is(button,.button){box-sizing:border-box;height:34px;min-height:34px;padding:0 14px;font-size:13.5px;font-weight:600;line-height:1;border-radius:10px;white-space:nowrap}
/* Packzaehler: Filter als Leiste statt Raster (Datumsfelder waren ueber die halbe Breite gezogen, "Filtern" stand versetzt) */
.app-content :is(.counter-filters,.counter-history-filters){display:flex!important;flex-wrap:wrap;align-items:center;gap:10px}
.app-content :is(.counter-filters,.counter-history-filters) > *{grid-column:auto;width:auto;margin:0}
.app-content :is(.counter-filters,.counter-history-filters) input[type="date"]{width:160px;flex:0 0 160px}
.app-content :is(.counter-filters,.counter-history-filters) :is(input[type="search"],input[type="text"],input:not([type])){flex:1 1 240px;min-width:200px}
/* "?" immer rechts neben der Uhr, auch wenn die Seite keine Kopf-Knoepfe hat */
.app-page-hero .hilfe-knopf{margin-left:auto}
.app-page-hero #appViewActions:not([aria-hidden="true"]) + .hilfe-knopf{margin-left:0}
/* Aktiv-Punkt und Stern ueberlagern sich nicht: bei aktivem Punkt ruecken Stern bzw. Entfernen-Stern nach links */
.app-sidebar .sidebar-nav .sidebar-subnav > button.active .nav-stern,.app-sidebar .sidebar-nav .nav-favorit.active .nav-favorit-weg{right:20px}
/* Bild in der Hilfe gross ansehen (Klick aufs Bild, Klick oder Esc schliesst) */
.hilfe-inhalt .kb-figure img{cursor:zoom-in}
.hilfe-lupe{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(20,24,24,.78);cursor:zoom-out}
.hilfe-lupe img{max-width:min(1400px,96vw);max-height:92vh;width:auto;height:auto;border-radius:10px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.4)}
.hilfe-lupe figcaption{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#fff;font-size:14px}
/* Offene Bestellungen - "Was ist los?": freies Textfeld unter den Symbolen */
#obDialog .ob-prob-text{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;font-size:13px;font-weight:600}
#obDialog .ob-prob-text small{font-weight:400;opacity:.75}
#obDialog .ob-prob-text textarea{box-sizing:border-box;width:100%;min-height:76px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:400;resize:vertical}
/* Logo oben im Menue: keine abgerundeten Ecken - sie schnitten den Strich vom "R" ab */
.app-sidebar .sidebar-logo,.sidebar-brand .sidebar-logo{border-radius:0!important}