.view-button { padding: 7px 10px; color: #075c55; background: #eff7f5; border: 1px solid #d4e5df; border-radius: 8px; font: inherit; font-size: 11px; cursor: pointer; }
.storage-label { display: none; }
.season-card { padding: 13px; margin-bottom: 14px; border: 1px solid #dce8e5; border-radius: 12px; background: #f7fbfa; }
.season-card label { display: block; margin-bottom: 7px; font-size: 11px; font-weight: 600; color: #075c55; }
.season-card select { width: 100%; padding: 9px; border: 1px solid #d2e1dd; border-radius: 8px; background: white; color: #192b35; font: inherit; font-size: 12px; }
.season-card p { margin: 8px 0 0; color: #657c85; font-size: 10px; line-height: 1.5; }
.season-actions { display: flex; gap: 6px; margin-top: 10px; }
.season-actions .button { flex: 1; min-width: 0; font-size: 10px; padding: 8px 5px; }
#route-preparation-status:empty { display: none; }
.manager-view #fuel-settings, .manager-view #road-avoidance-card, .manager-view #route-choice-settings, .manager-view #route-settings, .manager-view #add-driver, .manager-view #delete-driver { display: none; }
.driver-row.inactive { opacity: .6; }
.route-choice-card { margin: 14px 0; padding: 13px; border: 1px solid #dce8e5; border-radius: 12px; background: #fff; }
.route-choice-card h2 { margin: 0 0 5px; font-size: 13px; }
.route-choice-card > p { font-size: 10px; color: #657c85; line-height: 1.5; }
.route-choice-card details { padding: 8px 0; border-top: 1px solid #e6ecea; }
.route-choice-card summary { cursor: pointer; font-size: 11px; line-height: 1.5; color: #28434d; }
.road-option { display: flex; align-items: center; gap: 6px; padding: 8px; margin-top: 6px; border: 1px solid #e1e8e6; border-radius: 8px; }
.road-option.selected { border-color: #86c3b6; background: #eff8f5; }
.road-option span { flex: 1; font-size: 10px; line-height: 1.5; }
.road-option button, .refresh-roads { border: 1px solid #d1e1dc; border-radius: 6px; padding: 5px 7px; background: white; color: #075c55; font: inherit; font-size: 10px; cursor: pointer; }
.refresh-roads { margin-top: 8px; width: 100%; padding: 8px; }
.route-return-row { margin-top: 8px; padding: 12px; background: #fff8de; border: 1px solid #f1df9e; border-radius: 10px; font-size: 11px; line-height: 1.6; }
.route-return-row strong { display: block; }
.route-return-row small { color: #62727b; }
.map-route-summary .metric small { display: block; margin-top: 3px; font-size: 9px; color: #537069; white-space: nowrap; }
.map-route-summary .metric strong { font-size: 14px; }
.trip-report-dialog { width: min(1000px, calc(100vw - 30px)); max-height: calc(100dvh - 40px); padding: 20px; border: 1px solid #d9e4df; border-radius: 16px; color: #192b35; background: #f8fbfa; overflow-y: auto; }
.trip-report-dialog::backdrop { background: #142f3b66; }
.trip-dialog-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; font-size: 12px; font-weight: 600; color: #075c55; }
@media(max-width:760px) { .topbar-meta { gap: 6px; } .topbar-meta > .status-dot, #view-mode-label { display: none; } .view-button { padding: 7px; font-size: 9px; } .trip-report-dialog { padding: 12px; } .map-route-summary .metric strong { font-size: 11px; } .map-route-summary .metric span { font-size: 8px; } .map-route-summary .metric small { font-size: 7px; } }