.hpz-df-wrap{max-width:1120px;margin:0 auto}.hpz-df-card,.hpz-df-trip-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;box-shadow:0 4px 18px rgba(0,0,0,.04);margin-bottom:16px}.hpz-df-active{border-left:5px solid #0f766e}.hpz-df-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.hpz-df-wrap label{display:block;font-weight:600;margin:0 0 14px}.hpz-df-wrap input,.hpz-df-wrap select,.hpz-df-wrap textarea{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;margin-top:6px;background:#fff}.hpz-df-checkbox{display:flex!important;gap:8px;align-items:center}.hpz-df-checkbox input{width:auto;margin:0}.hpz-df-btn{border:0;border-radius:10px;padding:10px 14px;background:#374151;color:#fff!important;cursor:pointer;text-decoration:none;display:inline-block}.hpz-df-btn:hover{opacity:.9}.hpz-df-btn-primary{background:#0f766e}.hpz-df-btn-secondary{background:#6b7280}.hpz-df-btn-danger{background:#b91c1c}.hpz-df-btn-small{padding:7px 10px;font-size:13px}.hpz-df-actions{display:flex;gap:10px;margin:14px 0 18px;flex-wrap:wrap}.hpz-df-actions-inline{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.hpz-df-message{margin-top:14px;font-weight:600}.hpz-df-message.is-success{color:#047857}.hpz-df-message.is-error{color:#b91c1c}.hpz-df-alert{padding:12px 14px;border-radius:10px;background:#fef3c7}.hpz-df-alert-danger{background:#fee2e2}.hpz-df-table-wrap{overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:14px}.hpz-df-table{width:100%;border-collapse:collapse}.hpz-df-table th,.hpz-df-table td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.hpz-df-table th{background:#f9fafb;font-weight:700}.hpz-df-status{display:inline-block;border-radius:999px;padding:4px 9px;background:#e5e7eb;font-size:12px}.hpz-df-status-approved{background:#dcfce7}.hpz-df-status-rejected{background:#fee2e2}.hpz-df-status-submitted{background:#dbeafe}.hpz-df-status-started{background:#fed7aa}.hpz-df-status-completed{background:#e0e7ff}.hpz-df-status-correction_required{background:#fef3c7}.hpz-df-filter{display:flex;align-items:end;gap:10px;margin-bottom:16px;flex-wrap:wrap}#hpz-df-points label,#hpz-df-passengers input{margin-bottom:10px}.hpz-df-step{font-size:18px;font-weight:800;margin:20px 0 14px;display:flex;align-items:center;gap:10px}.hpz-df-step span{display:inline-flex;width:28px;height:28px;border-radius:50%;background:#111827;color:#fff;align-items:center;justify-content:center;font-size:14px}.hpz-df-route-builder{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.hpz-df-route-line{text-align:center;color:#6b7280;font-weight:800;margin:0 0 8px}.hpz-df-route-summary{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:12px;margin:12px 0}.hpz-df-cards{display:grid;gap:14px}.hpz-df-trip-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.hpz-df-route-mini{margin:12px 0;padding:12px;border-radius:12px;background:#f9fafb}.hpz-df-route-mini span{display:block;color:#6b7280;padding:3px 0}.hpz-df-meta{display:flex;gap:8px;flex-wrap:wrap}.hpz-df-meta span{background:#f3f4f6;border-radius:999px;padding:5px 10px;font-size:13px}.hpz-df-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}.hpz-df-stats>div{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.hpz-df-stats strong{display:block;font-size:26px}.hpz-df-stats span{color:#6b7280}

.hpz-df-point{border:1px solid #e5e7eb;border-radius:12px;padding:14px;background:#fff;margin:8px 0}.hpz-df-point-tabs{display:flex;gap:14px;flex-wrap:wrap;margin:8px 0}.hpz-df-point select,.hpz-df-point input[type=text]{width:100%}.hpz-df-active{border-left:5px solid #f59e0b}

.hpz-df-warning{background:#fff7e6;border:1px solid #ffd591;border-radius:10px;padding:10px 12px;margin:10px 0;color:#7a4b00}
.hpz-df-comments{background:#f7f9fc;border:1px solid #e5e9f2;border-radius:12px;padding:10px 12px;margin:12px 0}
.hpz-df-comment{border-top:1px solid #e5e9f2;margin-top:8px;padding-top:8px}
.hpz-df-comment small,.hpz-df-timeline-item small{display:block;color:#667085;margin-top:2px}
.hpz-df-timeline{background:#fff;border:1px solid #e5e9f2;border-radius:12px;padding:10px 12px;margin:12px 0}
.hpz-df-timeline summary{cursor:pointer;font-weight:700}
.hpz-df-timeline-item{position:relative;margin:12px 0 0 10px;padding-left:14px;border-left:2px solid #d0d5dd}
.hpz-df-timeline-item:before{content:'';position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:#98a2b3}
.hpz-df-timeline-item p{margin:4px 0 0}
.hpz-df-comment-form{margin-top:12px;background:#f9fafb;border:1px dashed #d0d5dd;border-radius:12px;padding:10px}
.hpz-df-comment-form textarea{width:100%;box-sizing:border-box;margin-bottom:8px}
.hpz-df-comment-form label{display:block;margin:6px 0;font-size:13px;color:#475467}
.hpz-df-dashboard-card{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#fff;border:1px solid #e5e9f2;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(16,24,40,.06)}
.hpz-df-dashboard-card h3{margin:0 0 8px}.hpz-df-dashboard-card p{margin:0 0 12px}
.hpz-df-dashboard-stats{display:flex;gap:12px}.hpz-df-dashboard-stats span{display:grid;place-items:center;min-width:72px;border-radius:14px;background:#f2f4f7;padding:10px;font-weight:800;font-size:22px}.hpz-df-dashboard-stats small{font-weight:500;font-size:12px;color:#667085}
@media(max-width:640px){.hpz-df-dashboard-card{align-items:flex-start;flex-direction:column}.hpz-df-dashboard-stats{width:100%}.hpz-df-dashboard-stats span{flex:1}}
.hpz-df-checkline{display:flex;gap:.5rem;align-items:center}
.hpz-df-checkline input{margin:0}
.hpz-df-table th:first-child,.hpz-df-table td:first-child{width:36px;text-align:center}

/* 0.7.0 Statistik & Vorlagen */
.hpz-df-route-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.hpz-df-recent-routes h3{margin-top:0}.hpz-df-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0}.hpz-df-stat-card{background:#fff;border:1px solid #e6e8ef;border-radius:14px;padding:1rem;box-shadow:0 4px 14px rgba(15,23,42,.05)}.hpz-df-stat-card strong{display:block;font-size:2rem;line-height:1.1}.hpz-df-stat-card span{color:#64748b}.hpz-df-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hpz-df-stat-row{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid #eef2f7}.hpz-df-stat-row:last-child{border-bottom:0}.hpz-df-filterbar{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}.hpz-df-table-wrap{overflow:auto}.hpz-df-table{width:100%;border-collapse:collapse}.hpz-df-table th,.hpz-df-table td{padding:.6rem;border-bottom:1px solid #eef2f7;text-align:left}@media(max-width:720px){.hpz-df-stat-grid,.hpz-df-grid-2{grid-template-columns:1fr}.hpz-df-route-suggestions .hpz-df-btn{width:100%;white-space:normal}}

/* 0.8.0: kompakte, eckige Erfassungsmaske */
.hpz-df-wrap *{border-radius:0!important}
.hpz-df-card,.hpz-df-trip-card{border-radius:0!important;box-shadow:none}
.hpz-df-wrap input,.hpz-df-wrap select,.hpz-df-wrap textarea,.hpz-df-btn{border-radius:0!important}
.hpz-df-step span,.hpz-df-status,.hpz-df-meta span{border-radius:0!important}
.hpz-df-form-compact .hpz-df-card{padding:20px}
.hpz-df-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.hpz-df-step-main{margin:0 0 4px}
.hpz-df-help{margin:0;color:#6b7280;font-size:14px}
.hpz-df-gps-top{white-space:nowrap;margin-top:2px}
.hpz-df-point-title{font-weight:800;margin-bottom:8px}
.hpz-df-point-tabs{display:flex;gap:24px;margin:4px 0 10px;flex-wrap:wrap}
.hpz-df-point-tabs label{display:flex!important;align-items:center;gap:8px;margin:0 0 8px!important;font-weight:700}
.hpz-df-point-tabs input{width:auto;margin:0!important}
.hpz-df-route-actions{align-items:center;margin-bottom:10px}
.hpz-df-inline-check{margin:0!important}
.hpz-df-details{border:1px solid #e5e7eb;padding:12px;margin:14px 0;background:#fff}
.hpz-df-details summary{font-weight:800;cursor:pointer}
.hpz-df-details[open] summary{margin-bottom:14px}
.hpz-df-main-actions{border-top:1px solid #e5e7eb;padding-top:14px;margin-top:16px}
.hpz-df-alert-warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}
@media (max-width:700px){.hpz-df-form-head{flex-direction:row;align-items:center}.hpz-df-gps-top{padding:12px 14px}.hpz-df-form-compact .hpz-df-card{padding:14px}.hpz-df-main-actions .hpz-df-btn{width:100%;text-align:center}.hpz-df-route-actions .hpz-df-btn{width:100%;text-align:center}}

/* 0.9.0 Karte/Routing */
.hpz-df-map{height:360px;min-height:280px;border:1px solid #d8dee8;margin-top:14px;background:#f3f6f9;border-radius:0;}
.hpz-df-route-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;}
.hpz-df-map-link{display:inline-flex;align-items:center;min-height:38px;text-decoration:none;font-weight:700;}
.hpz-df-route-summary strong{font-size:1.15em;}
.leaflet-container,.leaflet-control-layers,.leaflet-bar a,.leaflet-bar a:hover{border-radius:0!important;}
@media (max-width: 768px){.hpz-df-map{height:300px}.hpz-df-route-tools{align-items:stretch}.hpz-df-route-tools .hpz-df-btn,.hpz-df-route-tools .hpz-df-map-link{width:100%;justify-content:center}}

/* 0.9.4: Route UI, aktive Navigation, Drag & Drop */
.hpz-df-wrap *, .hpz-df-wrap *::before, .hpz-df-wrap *::after{border-radius:0!important}
.hpz-df-active-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.hpz-df-active-route{background:#f9fafb;border:1px solid #e5e7eb;padding:12px;margin:12px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hpz-df-active-route span{font-weight:600;color:#374151}.hpz-df-active-route em{font-style:normal;color:#6b7280}
.hpz-df-route-builder{position:relative}.hpz-df-route-line{display:none!important}
.hpz-df-point{position:relative;margin:0 0 34px!important}.hpz-df-point:last-child{margin-bottom:0!important}
.hpz-df-point:not(:last-child)::after{content:'↓';position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);color:#6b7280;font-weight:800;font-size:18px;line-height:1}
.hpz-df-point-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.hpz-df-waypoint{cursor:grab}.hpz-df-waypoint:active{cursor:grabbing}.hpz-df-waypoint.is-dragging{opacity:.55}.hpz-df-waypoint.is-drag-over{outline:2px dashed #6b7280;outline-offset:3px}
.hpz-df-remove-waypoint{border:1px solid #d1d5db;background:#fff;color:#374151;padding:2px 8px;cursor:pointer;font-weight:800}.hpz-df-remove-waypoint:hover{background:#fee2e2;border-color:#fca5a5;color:#991b1b}
@media (max-width:700px){.hpz-df-active-head{display:block}.hpz-df-active-head .hpz-df-btn{margin-top:12px;width:100%;text-align:center}.hpz-df-active-route{display:block}.hpz-df-active-route span,.hpz-df-active-route em{display:block;padding:3px 0}}

/* 0.9.5: kompakter Prüfbereich mit Mitarbeitergruppen */
.hpz-df-approval-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.hpz-df-approval-filter{background:#fff;border:1px solid #e5e7eb;padding:12px;margin-bottom:14px}
.hpz-df-approval-groups{display:grid;gap:12px}
.hpz-df-approval-group{background:#fff;border:1px solid #e5e7eb}
.hpz-df-approval-group-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;background:#f9fafb;border-bottom:1px solid #e5e7eb}
.hpz-df-approval-person strong{font-size:16px}
.hpz-df-group-stats{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;color:#6b7280;font-size:12px}
.hpz-df-group-stats span{background:#fff;border:1px solid #e5e7eb;padding:3px 7px}
.hpz-df-group-stats .hpz-df-pill-open{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;font-weight:700}
.hpz-df-group-stats .hpz-df-pill-warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412;font-weight:700}
.hpz-df-approval-group-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.hpz-df-approval-trip-list{display:grid}
.hpz-df-approval-trip{border-bottom:1px solid #edf0f5}
.hpz-df-approval-trip:last-child{border-bottom:0}
.hpz-df-approval-trip.needs-attention .hpz-df-approval-trip-summary{background:#fffaf0}
.hpz-df-approval-trip-summary{display:grid;grid-template-columns:34px 70px minmax(220px,1.8fr) minmax(120px,1fr) 96px 110px 34px 76px;gap:10px;align-items:center;padding:9px 12px}
.hpz-df-trip-select{justify-content:center}
.hpz-df-trip-date strong,.hpz-df-trip-date small{display:block}.hpz-df-trip-date small{color:#6b7280}
.hpz-df-trip-route-compact{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.hpz-df-trip-route-compact strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hpz-df-trip-route-compact span{color:#6b7280}.hpz-df-trip-route-compact small{white-space:nowrap;color:#6b7280}
.hpz-df-trip-purpose{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#374151}
.hpz-df-trip-km strong,.hpz-df-trip-km small{display:block}.hpz-df-trip-km small{font-size:11px;color:#6b7280}
.hpz-df-attention{font-size:18px;color:#d97706;text-align:center}
.hpz-df-row-toggle{border:1px solid #d1d5db;background:#fff;padding:5px 8px;cursor:pointer;font-size:12px}
.hpz-df-row-toggle:hover{background:#f3f4f6}
.hpz-df-approval-trip-detail{padding:10px 12px 14px 116px;background:#fff;border-top:1px solid #f1f3f6}
.hpz-df-approval-trip-detail[hidden]{display:none!important}
.hpz-df-approval-trip-detail .hpz-df-route-mini{margin-top:0}
@media(max-width:1000px){.hpz-df-approval-trip-summary{grid-template-columns:28px 60px minmax(160px,1fr) 78px 90px 60px}.hpz-df-trip-purpose,.hpz-df-attention{display:none}.hpz-df-approval-trip-detail{padding-left:12px}}
@media(max-width:700px){.hpz-df-approval-group-head{display:block}.hpz-df-approval-group-actions{justify-content:flex-start;margin-top:10px}.hpz-df-approval-trip-summary{grid-template-columns:28px 54px minmax(0,1fr) 64px;gap:8px}.hpz-df-trip-km,.hpz-df-status{display:none}.hpz-df-row-toggle{grid-column:3/5}.hpz-df-trip-route-compact{display:block}.hpz-df-trip-route-compact span{display:none}}


/* 1.0.0 – vereinheitlichte HPZnet UI, Frontend-Admin und meinHPZ-Historie */
.hpz-df-wrap{--df-green:#afca0a;--df-navy:#19364d;--df-text:#263746;--df-muted:#71808b;--df-line:#dde5ea;--df-soft:#f5f8f9;color:var(--df-text)}
.hpz-df-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 18px}
.hpz-df-page-head h2{margin:2px 0 5px;color:var(--df-navy);font-size:28px;line-height:1.15}
.hpz-df-page-head p{margin:0;color:var(--df-muted);max-width:760px}
.hpz-df-eyebrow{display:block;font-size:11px;letter-spacing:.12em;font-weight:900;color:#718600}
.hpz-df-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.hpz-df-summary-grid article{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--df-line);padding:16px}
.hpz-df-summary-grid article>i{display:grid;place-items:center;width:42px;height:42px;background:#eef5d4;color:#718600;font-size:18px}
.hpz-df-summary-grid strong{display:block;color:var(--df-navy);font-size:22px;line-height:1.1}
.hpz-df-summary-grid span{display:block;color:var(--df-muted);font-size:12px;margin-top:3px}
.hpz-df-admin-filter{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap;background:#fff;border:1px solid var(--df-line);padding:12px;margin-bottom:14px}
.hpz-df-admin-filter label{display:grid;gap:5px}
.hpz-df-admin-filter label>span{font-size:11px;font-weight:800;color:var(--df-muted);text-transform:uppercase}
.hpz-df-table-card{background:#fff;border:1px solid var(--df-line)}
.hpz-df-table-card .hpz-df-table{margin:0}
.hpz-df-table thead th{background:#f5f8f9;color:#526571;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:800}
.hpz-df-table tbody tr:hover{background:#fafcfc}
.hpz-df-table tbody tr.is-billed{background:#f8faf4;color:#64716c}
.hpz-df-empty-cell{text-align:center!important;padding:32px!important;color:var(--df-muted)}
.hpz-df-state{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid var(--df-line);font-size:11px;font-weight:800;white-space:nowrap}
.hpz-df-state.is-approved{background:#f3f8dc;border-color:#dce9a7;color:#607500}
.hpz-df-state.is-billed{background:#edf7ef;border-color:#cde5d2;color:#327045}
.hpz-df-state.is-open{background:#fff8e8;border-color:#f0dfaa;color:#8b6811}
.hpz-df-info-strip{display:flex;gap:10px;align-items:flex-start;background:#f7f9fa;border:1px solid var(--df-line);padding:12px 14px;margin:0 0 14px;color:#536772}
.hpz-df-info-strip i{color:#718600;margin-top:2px}
.hpz-df-history-grid{display:grid;gap:14px}
.hpz-df-history-card{padding:0!important;background:#fff;border:1px solid var(--df-line)!important}
.hpz-df-history-head{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 16px;border-bottom:1px solid var(--df-line)}
.hpz-df-date-box{border-right:1px solid var(--df-line);padding-right:12px;text-align:center}
.hpz-df-date-box strong{display:block;font-size:25px;color:var(--df-navy);line-height:1}
.hpz-df-date-box span{display:block;margin-top:5px;font-size:11px;color:var(--df-muted);text-transform:uppercase;font-weight:800}
.hpz-df-history-title{min-width:0}.hpz-df-history-title h3{margin:0 0 4px;color:var(--df-navy);font-size:17px}.hpz-df-history-title p{margin:0;color:var(--df-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpz-df-history-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--df-line)}
.hpz-df-history-facts>div{padding:11px 16px;border-right:1px solid var(--df-line)}.hpz-df-history-facts>div:last-child{border-right:0}
.hpz-df-history-facts span{display:block;font-size:10px;text-transform:uppercase;color:var(--df-muted);font-weight:800}.hpz-df-history-facts strong{display:block;margin-top:3px;color:var(--df-navy);font-size:13px}
.hpz-df-flow{display:grid;grid-template-columns:minmax(100px,1fr) minmax(30px,.4fr) minmax(100px,1fr) minmax(30px,.4fr) minmax(100px,1fr);align-items:center;padding:17px 18px;background:#fafcfc}
.hpz-df-flow>div{text-align:center;color:#9aa6ad}.hpz-df-flow>div i{display:grid;place-items:center;margin:0 auto 6px;width:32px;height:32px;border:1px solid #cbd5da;background:#fff}.hpz-df-flow>div span,.hpz-df-flow>div small{display:block}.hpz-df-flow>div span{font-size:11px;font-weight:900;text-transform:uppercase}.hpz-df-flow>div small{font-size:10px;margin-top:2px}
.hpz-df-flow>div.is-current{color:#7a650d}.hpz-df-flow>div.is-current i{background:#fff7df;border-color:#e6d083}
.hpz-df-flow>div.is-done{color:#5e7600}.hpz-df-flow>div.is-done i{background:#eff6d5;border-color:#d4e39b}
.hpz-df-flow-line{height:2px;background:#d9e0e4}.hpz-df-flow-line.is-done{background:var(--df-green)}
.hpz-df-feedback{margin:14px 16px 0;padding:11px 13px;background:#fff8e8;border-left:3px solid #d9ad2b}.hpz-df-feedback>strong{display:block;color:#715817}.hpz-df-feedback p{margin:7px 0 0}.hpz-df-feedback small{display:block;color:var(--df-muted);margin-top:3px}
.hpz-df-history-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-top:1px solid var(--df-line)}
.hpz-df-history-details{margin-left:auto;min-width:180px}.hpz-df-history-details summary{cursor:pointer;text-align:right;color:#5b6f7a;font-size:12px;font-weight:800}.hpz-df-history-details>div{margin-top:8px;padding:8px;background:var(--df-soft)}.hpz-df-history-details>div span{display:block;color:var(--df-muted);font-size:10px}
.hpz-df-empty-state{display:grid;justify-items:center;text-align:center;gap:6px;background:#fff;border:1px dashed #cfd9df;padding:34px}.hpz-df-empty-state i{font-size:28px;color:#8da200}.hpz-df-empty-state strong{color:var(--df-navy)}
.hpz-admin-shell--dienstfahrten .hpz-df-wrap{max-width:none;margin:0}
.hpz-admin-shell--dienstfahrten .hpz-df-approval-head h2,.hpz-admin-shell--dienstfahrten .hpz-df-wrap>h2{color:var(--df-navy);margin-top:0}
@media(max-width:850px){.hpz-df-summary-grid{grid-template-columns:1fr}.hpz-df-history-head{grid-template-columns:52px minmax(0,1fr)}.hpz-df-history-head>.hpz-df-status{grid-column:2}.hpz-df-history-facts{grid-template-columns:1fr}.hpz-df-history-facts>div{border-right:0;border-bottom:1px solid var(--df-line)}.hpz-df-flow{grid-template-columns:1fr;gap:5px}.hpz-df-flow-line{width:2px;height:18px;justify-self:center}.hpz-df-history-details{margin-left:0;width:100%}.hpz-df-history-details summary{text-align:left}}

@media(max-width:767px){
  .hpz-df-wrap{padding:0 12px!important}
  .hpz-df-wrap>h2{font-size:30px!important;line-height:1.08!important;margin:14px 0 18px!important}
  .hpz-df-card{padding:14px!important}
  .hpz-df-form-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  .hpz-df-step-main{font-size:18px!important}
  .hpz-df-help{font-size:13px!important;line-height:1.45!important;margin:6px 0 0!important}
  .hpz-df-gps-top{width:100%!important;min-height:44px!important}
  .hpz-df-route-builder{padding:10px!important}
  .hpz-df-point{padding:12px!important}
  .hpz-df-point-tabs{display:flex!important;flex-wrap:wrap!important;gap:12px 18px!important}
  .hpz-df-point-tabs label{font-size:13px!important}
  .hpz-df-location-select,.hpz-df-address-input{width:100%!important;min-height:44px!important;font-size:16px!important}
  .hpz-df-route-actions,.hpz-df-route-tools,.hpz-df-actions{display:flex!important;flex-direction:column!important;gap:8px!important}
  .hpz-df-route-actions .hpz-df-btn,.hpz-df-route-tools .hpz-df-btn,.hpz-df-actions .hpz-df-btn{width:100%!important;min-height:44px!important}
  .hpz-df-inline-check{padding:10px 0!important;line-height:1.35!important}
  #hpz-df-map{min-height:280px!important;height:42vh!important;max-height:360px!important}
}


/* 5.3.0 – anstehender Outlook-Termin */
.hpz-df-calendar-suggestion{
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;
  margin:0 0 12px;padding:12px 14px;border:1px solid #d8e1e5;border-left:4px solid #afca0a;background:#f8faef
}
.hpz-df-calendar-suggestion__icon{display:grid;place-items:center;width:42px;height:42px;background:#eef4d8;color:#718800;font-size:18px}
.hpz-df-calendar-suggestion__copy{display:flex;flex-direction:column;min-width:0}
.hpz-df-calendar-suggestion__copy>span{color:#778992;font-size:9px;font-weight:800;letter-spacing:.08em}
.hpz-df-calendar-suggestion__copy strong{margin-top:2px;color:#17364d;font-size:15px}
.hpz-df-calendar-suggestion__copy small{margin-top:2px;color:#697d87;font-size:11px}
@media(max-width:700px){
  .hpz-df-calendar-suggestion{grid-template-columns:40px minmax(0,1fr)}
  .hpz-df-calendar-suggestion .hpz-df-btn{grid-column:1/-1;width:100%}
}


/* 5.4.0 – Outlook-Ortszuordnung */
.hpz-df-calendar-suggestion__copy em{margin-top:3px;color:#687c87;font-size:10px;font-style:normal}
.hpz-df-calendar-suggestion.is-resolved .hpz-df-calendar-suggestion__copy em{color:#657d00}
.hpz-df-calendar-resolver{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(240px,1fr);
  gap:9px 12px;
  margin-top:4px;
  padding:12px;
  border-top:1px solid #dce4e8;
  background:#fff;
}
.hpz-df-calendar-resolver[hidden]{display:none!important}
.hpz-df-calendar-resolver__head{grid-column:1/-1;display:flex;flex-direction:column}
.hpz-df-calendar-resolver__head strong{color:#17364d;font-size:13px}
.hpz-df-calendar-resolver__head small{margin-top:2px;color:#72848d;font-size:10px}
.hpz-df-calendar-resolver select{min-height:40px;border:1px solid #ccd8dd;background:#fff;color:#17364d;padding:7px 10px}
.hpz-df-calendar-remember{display:flex;align-items:center;gap:7px;color:#526b77;font-size:11px}
.hpz-df-calendar-resolver__actions{grid-column:1/-1;display:flex;gap:7px}
.hpz-df-calendar-resolver__message{grid-column:1/-1;min-height:16px;color:#6d7f89;font-size:10px}
@media(max-width:700px){
  .hpz-df-calendar-resolver{grid-template-columns:1fr}
  .hpz-df-calendar-resolver__head,.hpz-df-calendar-resolver__actions,.hpz-df-calendar-resolver__message{grid-column:1}
}


/* 5.5.0 – Mobile Navigation-Flow für neue Dienstfahrten */
.hpz-df-purpose-quick{
  display:grid;
  grid-template-columns:minmax(180px,.75fr) minmax(240px,1.25fr);
  gap:10px;
  margin:12px 0;
  padding:12px;
  border:1px solid var(--df-line);
  background:#fff;
}
.hpz-df-purpose-quick label{display:grid;gap:6px}
.hpz-df-purpose-quick label>span{font-size:11px;font-weight:850;color:var(--df-muted);text-transform:uppercase;letter-spacing:.04em}
.hpz-df-purpose-quick select,.hpz-df-purpose-quick input{
  width:100%;min-height:42px;border:1px solid #ccd8dd;background:#fff;color:var(--df-navy);padding:8px 10px;font:inherit
}

@media(max-width:767px){
  .hpz-df-form-compact{padding:0 10px 96px!important}
  .hpz-df-form-compact>h2{
    font-size:26px!important;
    margin:10px 0 12px!important;
  }
  .hpz-df-create-card{
    padding:10px!important;
    border:0!important;
    background:transparent!important;
  }
  .hpz-df-form-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }
  .hpz-df-form-head .hpz-df-help{
    display:none!important;
  }
  .hpz-df-step-main{
    margin:0!important;
    font-size:17px!important;
  }
  .hpz-df-gps-top{
    width:auto!important;
    min-height:40px!important;
    padding:7px 11px!important;
    white-space:nowrap!important;
  }

  /* Start/Ziel ähnlich einer kompakten Navigationskarte statt zweier großer Blöcke. */
  .hpz-df-route-builder{
    position:relative;
    display:grid!important;
    gap:0!important;
    padding:0!important;
    border:1px solid var(--df-line)!important;
    background:#fff!important;
  }
  .hpz-df-point{
    position:relative;
    padding:11px 12px!important;
    border:0!important;
    background:#fff!important;
  }
  .hpz-df-point + .hpz-df-point{
    border-top:1px solid var(--df-line)!important;
  }
  .hpz-df-point-title{
    margin-bottom:7px!important;
    font-size:15px!important;
    font-weight:850!important;
  }
  .hpz-df-point-tabs{
    display:flex!important;
    gap:0!important;
    margin:0 0 8px!important;
    border:1px solid #d6dfe3!important;
    background:#f7f9fa!important;
  }
  .hpz-df-point-tabs label{
    flex:1 1 50%;
    min-width:0;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:38px!important;
    padding:6px 8px!important;
    font-size:12px!important;
    line-height:1.15!important;
    border-right:1px solid #d6dfe3!important;
  }
  .hpz-df-point-tabs label:last-child{border-right:0!important}
  .hpz-df-point-tabs input{margin:0!important}
  .hpz-df-location-select,.hpz-df-address-input{
    min-height:44px!important;
    font-size:16px!important;
    margin:0!important;
  }

  .hpz-df-purpose-quick{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:9px 0!important;
    padding:10px!important;
  }
  .hpz-df-purpose-quick select,.hpz-df-purpose-quick input{
    min-height:44px!important;font-size:16px!important;
  }

  .hpz-df-route-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    margin:8px 0!important;
  }
  .hpz-df-route-actions .hpz-df-btn{
    min-height:38px!important;
    padding:6px 10px!important;
  }
  .hpz-df-inline-check{
    padding:7px 4px!important;
    font-size:13px!important;
  }

  /* Route/Karte sind Zusatzinformationen und sollen den Start nicht blockieren. */
  .hpz-df-route-tools{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    margin-top:6px!important;
  }
  .hpz-df-route-tools .hpz-df-btn{min-height:38px!important}
  .hpz-df-route-summary{
    min-height:0!important;
    padding:8px 10px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  #hpz-df-map{
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
  }
  .hpz-df-details{
    margin:9px 0 0!important;
  }
  .hpz-df-details>summary{
    min-height:40px!important;
    padding:9px 11px!important;
    font-size:13px!important;
  }

  /* Primäraktion bleibt wie bei einer Navigations-App immer erreichbar. */
  .hpz-df-main-actions{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    z-index:10020!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
    margin:0!important;
    padding:7px!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid #d4dee3!important;
    box-shadow:0 10px 30px rgba(15,35,50,.18)!important;
    backdrop-filter:blur(10px);
  }
  .hpz-df-main-actions #hpz-df-save-start{
    width:100%!important;
    min-height:48px!important;
    font-size:15px!important;
    font-weight:900!important;
  }
  .hpz-df-main-actions button[type=submit]{
    width:auto!important;
    min-height:48px!important;
    padding:8px 10px!important;
    font-size:0!important;
  }
  .hpz-df-main-actions button[type=submit]::after{
    content:"Entwurf";
    font-size:11px;
  }
}
@media(max-width:390px){
  .hpz-df-main-actions{
    grid-template-columns:1fr!important;
  }
  .hpz-df-main-actions button[type=submit]{
    min-height:36px!important;
  }
}


/* 5.5.0 – Outlook calendar discovery status */
.hpz-df-calendar-status{display:flex;align-items:flex-start;gap:9px;margin:0 0 10px;padding:9px 11px;border:1px solid #dbe5e9;background:#f7fafb;color:#526b77;font-size:11px;line-height:1.45}
.hpz-df-calendar-status i{margin-top:2px;color:#718800}
.hpz-df-calendar-status.has-match{border-color:#d9e5a8;background:#f7faed;color:#506500}
@media(max-width:640px){.hpz-df-calendar-status{font-size:10.5px;padding:8px 9px}}
