/* RUESS Hub 2.53.0 - Tourenlisten (Fuhrpark & Disposition). Jede Regel ist auf #tourListsView bzw. den Kunden-Dialog
   #tourListsCustomersModal beschraenkt - keine globalen Selektoren. Farben und Formen wie public/fleet.css. */

/* Die Fuhrpark-Bereiche haengen seit 2.53.0 in der Sidebar. Die Reiterleiste im Content bleibt fuer fleet.js im Markup,
   ist aber ausgeblendet (.fleet-tabs{display:flex} aus fleet.css wuerde .hidden sonst ueberstimmen). */
#fleetView #fleetTabs.hidden{display:none}

#tourListsView .tourlists-page{display:grid;gap:16px;max-width:1580px;margin:0 auto;min-width:0}
#tourListsView .tourlists-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin:0}
#tourListsView .tourlists-field{display:grid;gap:5px;min-width:0;font-size:12px;font-weight:700;color:#5b6260}
#tourListsView .tourlists-field input{min-width:0;padding:9px 11px;border:1px solid #dfe4de;border-radius:10px;background:#fff;font-size:14px}
#tourListsView .tourlists-search{flex:1 1 260px}
#tourListsView .tourlists-search input{width:100%}
#tourListsView .tourlists-status,
#tourListsCustomersModal .tourlists-status{flex:1 1 100%;margin:0;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:650;background:#f4f6f1;color:#3c4440}
#tourListsView .tourlists-status:empty,
#tourListsCustomersModal .tourlists-status:empty{display:none}
#tourListsView .tourlists-status[data-kind="ok"],
#tourListsCustomersModal .tourlists-status[data-kind="ok"]{background:#f1f7e4;color:#3d5212}
#tourListsView .tourlists-status[data-kind="warning"],
#tourListsCustomersModal .tourlists-status[data-kind="warning"]{background:#fff6e0;color:#7a5600}
#tourListsView .tourlists-status[data-kind="danger"],
#tourListsCustomersModal .tourlists-status[data-kind="danger"]{background:#fdecea;color:#9b1c13}

#tourListsView .tourlists-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:16px;align-items:start;min-width:0}
#tourListsView .tourlists-tours{position:sticky;top:12px;display:grid;gap:10px;margin:0;max-height:calc(100vh - 140px);overflow-y:auto;min-width:0}
#tourListsView .tourlists-tours-heading{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
#tourListsView .tourlists-tours-heading small{color:var(--muted);font-weight:650}
#tourListsView .tourlists-tour-list{display:grid;gap:6px}
#tourListsView .tourlists-tour{display:grid;gap:2px;width:100%;padding:10px 12px;border:1px solid #e2e6dc;border-radius:12px;background:#fff!important;color:var(--text)!important;text-align:left;box-shadow:none;cursor:pointer}
#tourListsView .tourlists-tour:hover{border-color:#a2bf13}
#tourListsView .tourlists-tour.active{border-color:#25311f;box-shadow:inset 3px 0 0 #a2bf13}
#tourListsView .tourlists-tour-number{font-size:16px;font-weight:800;color:#25311f}
#tourListsView .tourlists-tour-name{font-weight:650;overflow-wrap:anywhere}
#tourListsView .tourlists-tour-meta,
#tourListsView .tourlists-tour-count{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
#tourListsView .tourlists-empty{margin:0;color:var(--muted);font-size:13px}

#tourListsView .tourlists-detail{display:grid;gap:12px;min-width:0}
#tourListsView .tourlists-placeholder{display:grid;gap:4px;margin:0;color:var(--muted)}
#tourListsView .tourlists-placeholder.is-error{color:#9b1c13}
#tourListsView .tourlists-head{display:grid;gap:12px;margin:0}
#tourListsView .tourlists-facts,
#tourListsCustomersModal .tourlists-customers-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:0}
#tourListsView .tourlists-facts dt,
#tourListsCustomersModal .tourlists-customers-facts dt{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
#tourListsView .tourlists-facts dd,
#tourListsCustomersModal .tourlists-customers-facts dd{margin:2px 0 0;font-weight:700;overflow-wrap:anywhere}
#tourListsView .tourlists-plate{display:inline-block;margin-left:4px;padding:1px 6px;border:1.5px solid #25311f;border-radius:5px;font-size:12px;font-weight:800;letter-spacing:.04em}

#tourListsView .tourlists-note{display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:#fff6e0;border-left:3px solid #e0a100}
#tourListsView .tourlists-text{margin:0;white-space:pre-line;overflow-wrap:anywhere}

#tourListsView .tourlists-stops{display:grid;gap:8px;margin:0;padding:0;list-style:none}
#tourListsView .tourlists-stop{display:grid;gap:10px;padding:12px 14px;border:1px solid #e2e6dc;border-radius:14px;background:#fff}
#tourListsView .tourlists-stop-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
#tourListsView .tourlists-stop-nr,
#tourListsCustomersModal .tourlists-stop-nr{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;border-radius:999px;background:#25311f;color:#fff;font-size:13px;font-weight:800}
#tourListsView .tourlists-stop-main{display:grid;gap:2px;min-width:0}
#tourListsView .tourlists-stop-main strong,
#tourListsView .tourlists-stop-main span{overflow-wrap:anywhere}
#tourListsView .tourlists-stop-main small{color:var(--muted);overflow-wrap:anywhere}
/* 2.57.1: Kundennummer fett links vor dem Namen (Titelzeile). */
#tourListsView .tourlists-stop-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0}
#tourListsView .tourlists-customer{font-weight:800;color:#25311f;white-space:nowrap}
#tourListsView .tourlists-stop-body{display:grid;gap:10px;padding-left:42px}
#tourListsView .tourlists-block{display:grid;gap:6px}
#tourListsView .tourlists-block h4{margin:0;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
#tourListsView .tourlists-place{display:grid;gap:2px}
#tourListsView .tourlists-table-wrap{max-width:100%;overflow-x:auto}
#tourListsView .tourlists-table{width:100%;border-collapse:collapse;font-size:13px}
#tourListsView .tourlists-table th,
#tourListsView .tourlists-table td{padding:6px 8px;border-bottom:1px solid #edf0eb;text-align:left;vertical-align:top}
#tourListsView .tourlists-table th{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
#tourListsView .tourlists-table .num{text-align:right;white-space:nowrap}

#tourListsCustomersModal .tourlists-customers{display:grid;gap:12px;width:min(640px,calc(100vw - 32px))}
#tourListsCustomersModal .tourlists-customers-heading h2{margin:2px 0 0}
#tourListsCustomersModal .tourlists-customers-reference{display:grid;gap:2px;margin:0;padding:10px 12px;border-radius:10px;background:#f1f7e4;color:#25311f}
#tourListsCustomersModal .tourlists-customers-reference span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
#tourListsCustomersModal .tourlists-customers-hint{margin:0;color:var(--muted);font-size:13px}
#tourListsCustomersModal .tourlists-customer-list{display:grid;gap:6px;margin:0;padding:0;list-style:none;max-height:55vh;overflow-y:auto}
#tourListsCustomersModal .tourlists-customer-list li{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid #e2e6dc;border-radius:12px}
#tourListsCustomersModal .tourlists-customer-name{display:grid;gap:1px;min-width:0}
#tourListsCustomersModal .tourlists-customer-name strong{overflow-wrap:anywhere}
#tourListsCustomersModal .tourlists-customer-name small{color:var(--muted)}

@media (max-width: 900px){
  #tourListsView .tourlists-layout{grid-template-columns:minmax(0,1fr)}
  #tourListsView .tourlists-tours{position:static;max-height:none}
  #tourListsView .tourlists-stop-body{padding-left:0}
}