:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1f2937;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#f8fafc}#root{width:100%;height:100vh;overflow:hidden}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){:root{color:#000;background-color:#fff}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tabs-container{width:100%;height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.tabs-nav{display:flex;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;padding:0;margin:0}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;background-color:transparent;color:#6c757d;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;position:relative}.tab-button:hover{background-color:#f8f9fa;color:#495057}.tab-button.active{color:#2c3e50;border-bottom-color:#007bff;background-color:#f8f9fa}.tab-button:focus{outline:2px solid #007bff;outline-offset:-2px}.tab-icon{font-size:1.25rem}.tab-label{font-weight:600}.tab-content{flex:1;overflow-y:auto;min-height:0}.tab-panel{min-height:100%;display:none}.tab-panel.active{display:block}.tab-panel-content{height:100%;display:flex;flex-direction:column}@media (max-width: 768px){.tab-button{padding:.75rem 1rem;font-size:.875rem}.tab-icon{font-size:1rem}}.audio-recorder{width:100%;background:transparent;padding:0;border:none;box-shadow:none;font-family:inherit}.permission-denied{text-align:center;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.permission-message{display:flex;flex-direction:column;align-items:center;gap:12px}.permission-icon{font-size:32px;opacity:.7}.permission-message p{margin:0;color:#6c757d;font-size:14px;line-height:1.4}.permission-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.permission-btn:hover{background:#1e7e34}.error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:6px;margin-bottom:16px;font-size:14px;border:1px solid #f5c6cb;text-align:center}.recording-controls{display:flex;flex-direction:column;align-items:center;gap:16px}.record-btn{display:flex;align-items:center;gap:8px;padding:16px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:180px;justify-content:center}.start-recording{background:#28a745;color:#fff}.start-recording:hover:not(:disabled){background:#1e7e34;transform:translateY(-1px)}.start-recording:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.recording-active{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.recording-info{text-align:center}.recording-indicator{display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:600;color:#374151;background:#f3f4f6;padding:12px 20px;border-radius:20px;border:2px solid #d1d5db}.pulse-dot{width:12px;height:12px;background:#374151;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.recording-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.pause{background:#f59e0b;color:#fff}.pause:hover{background:#d97706}.resume{background:#10b981;color:#fff}.resume:hover{background:#059669}.stop-recording{background:#6b7280;color:#fff}.stop-recording:hover{background:#4b5563}.record-icon{font-size:18px}@media (max-width: 480px){.audio-recorder{padding:16px}.recording-buttons{width:100%}.record-btn{min-width:120px;font-size:14px;padding:10px 16px}.recording-indicator{font-size:16px;padding:10px 16px}}@media (prefers-contrast: high){.audio-recorder{border:3px solid #000}.record-btn{border:2px solid #000}}@media (prefers-reduced-motion: reduce){.pulse-dot{animation:none}.record-btn:hover{transform:none}}.record-section{overflow-y:auto}.record-section .section-header{flex-shrink:0}.record-buttons-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.record-buttons-container .audio-recorder{width:auto;flex:0 0 auto}.record-buttons-container .record-btn.start-recording{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 2px 8px #28a7454d;border:none}.record-buttons-container .record-btn.start-recording:hover:not(:disabled){background:linear-gradient(135deg,#1e7e34,#17a2b8);transform:translateY(-2px);box-shadow:0 4px 12px #28a74566}.record-buttons-container .upload-button{background:linear-gradient(135deg,#007bff,#6610f2);color:#fff;box-shadow:0 2px 8px #007bff4d;border:none}.record-buttons-container .upload-button:hover{background:linear-gradient(135deg,#0056b3,#520dc2);transform:translateY(-2px);box-shadow:0 4px 12px #007bff66}.upload-section{display:flex;justify-content:center}.processing-indicator{margin-top:1rem;padding:.75rem;background-color:#e3f2fd;border:1px solid #2196f3;border-radius:6px;color:#1976d2;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.processing-indicator span{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-message{margin-top:1rem;padding:.75rem;background-color:#ffebee;border:1px solid #f44336;border-radius:6px;color:#c62828;font-size:.875rem}.transcript-section{flex:1;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e0e0e0;overflow-y:auto}.audio-file-section{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:200px;width:100%;max-width:400px}.audio-file-select{padding:16px 50px 16px 24px;border:2px solid #e0e0e0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8f9fa);font-size:16px;font-weight:500;color:#333;cursor:pointer;width:100%;max-width:350px;height:auto;box-shadow:0 2px 4px #0000001a;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:18px;text-align:center}.audio-file-select:hover{border-color:#007bff;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-shadow:0 4px 8px #007bff33}.audio-file-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff26;background:linear-gradient(135deg,#fff,#f8f9fa)}.audio-controls{display:flex;gap:.75rem;align-items:center;justify-content:center;width:100%;max-width:350px}.play-button{padding:12px 16px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:120px;box-shadow:0 2px 4px #28a7454d}.play-button:hover{background:linear-gradient(135deg,#1e7e34,#17a2b8);transform:translateY(-2px);box-shadow:0 4px 12px #28a74566}.process-button{padding:12px 20px;background:linear-gradient(135deg,#007bff,#6610f2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center;box-shadow:0 2px 4px #007bff4d}.process-button:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#520dc2);transform:translateY(-2px);box-shadow:0 4px 12px #007bff66}.process-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.record-buttons-container{flex-direction:column;gap:1rem}.audio-file-section{width:100%;max-width:100%}.audio-file-select{width:100%;max-width:100%;padding:14px 45px 14px 20px;font-size:15px}.audio-controls{width:100%;max-width:100%;gap:.75rem}.play-button{min-width:60px;padding:12px}.process-button{flex:1;padding:12px 16px}}@media (max-width: 480px){.audio-controls{flex-direction:column;gap:.75rem;width:100%}.play-button,.process-button{width:100%;justify-content:center;padding:14px}}.triage-section{overflow-y:auto}.triage-section .section-header{flex-shrink:0}.emergency-info{flex-shrink:0}.info-item.units{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem;background-color:#f8f9fa;border-radius:.5rem;border:1px solid #e9ecef}.units-header{display:flex;align-items:center;gap:.5rem}.units-label{font-weight:600;color:#343a40}.units-grid{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.unit-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #dee2e6;border-radius:.5rem;font-size:.85rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;min-height:36px;flex:0 0 auto}.unit-card:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026;border-color:#adb5bd}.unit-card .unit-icon{font-size:1.1rem;line-height:1;flex-shrink:0}.unit-card .unit-name{font-weight:600;color:#343a40;font-size:.85rem}.no-units{color:#6c757d;font-style:italic;padding:.5rem}@media (max-width: 768px){.units-grid{gap:.4rem}.unit-card{justify-content:flex-start;padding:.4rem .6rem;min-height:32px;flex:1 1 calc(50% - .2rem)}.unit-card .unit-icon{font-size:1rem}.unit-card .unit-name{font-size:.8rem}}.dispatch-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e9ecef}.dispatch-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #dc35454d}.dispatch-button:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-1px);box-shadow:0 4px 8px #dc354566}.dispatch-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #dc35454d}.dispatch-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6;box-shadow:none}.dispatch-icon{font-size:1.1rem;animation:pulse 2s infinite}@keyframes pulse{0%,50%,to{opacity:1}25%,75%{opacity:.7}}.suggested-questions-section{overflow-y:auto}.suggested-questions-section .section-header{flex-shrink:0}.questions-content{flex:1;overflow-y:auto;padding:.5rem 0}.questions-list{padding:0}.questions-list ul{margin:0;padding:0;list-style:none}.question-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;margin-bottom:.75rem;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:.75rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.question-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026;border-color:#007bff}.question-item:last-child{margin-bottom:0}.question-number{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;flex-shrink:0;margin-top:.1rem}.question-text{flex:1;line-height:1.5;color:#343a40;font-size:.95rem}@media (max-width: 768px){.question-item{padding:.75rem;gap:.5rem}.question-number{min-width:20px;height:20px;font-size:.7rem}.question-text{font-size:.9rem}}.guidance-steps-section{overflow-y:auto}.guidance-steps-section .section-header{flex-shrink:0}.no-data-message{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem 1rem;color:#6c757d}.no-data-message p{margin:.5rem 0}.steps-content{flex:1;overflow-y:auto;padding:.5rem 0}.steps-list{padding:0}.steps-list ol{margin:0;padding:0;list-style:none}.step-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;margin-bottom:.75rem;background:linear-gradient(135deg,#fff8e1,#fff);border:1px solid #e0e0e0;border-left:4px solid #ff9800;border-radius:.75rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.step-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026;border-left-color:#f57c00}.step-item:last-child{margin-bottom:0}.step-number{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border-radius:50%;font-size:.85rem;font-weight:600;flex-shrink:0;margin-top:.1rem}.step-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.step-text{line-height:1.5;color:#343a40;font-size:.95rem}.step-item.priority-high{border-left-color:#dc3545;background:linear-gradient(135deg,#fff5f5,#fff)}.step-item.priority-high .step-number{background:linear-gradient(135deg,#dc3545,#c82333)}.step-item.priority-medium{border-left-color:#ffc107;background:linear-gradient(135deg,#fffdf0,#fff)}.step-item.priority-medium .step-number{background:linear-gradient(135deg,#ffc107,#e0a800)}@media (max-width: 768px){.step-item{padding:.75rem;gap:.75rem}.step-number{min-width:24px;height:24px;font-size:.75rem}.step-text{font-size:.9rem}}.map-view{width:100%;background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.map-header{background:transparent;color:#2c3e50;padding:0 0 1rem;border-bottom:none;flex-shrink:0}.map-header h3{margin:0 0 5px;font-size:1rem;font-weight:600;color:#2c3e50}.location-text{margin:0;font-size:.875rem;color:#6c757d}.map-container{width:100%;flex:1;min-height:400px;position:relative;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0}.location-section .map-container{min-height:500px}.map-loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px;background:#f8f9fa;color:#6c757d;font-size:.875rem}.map-error{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px;background:#f8d7da;color:#d32f2f;font-size:1rem;text-align:center;padding:20px}.location-section .map-loading,.location-section .map-error{min-height:600px}@media (max-width: 768px){.map-container{height:350px;min-height:350px;max-height:350px}.location-section .map-container{height:500px;min-height:500px;max-height:500px}.map-loading,.map-error{min-height:350px}.location-section .map-loading,.location-section .map-error{min-height:500px}.map-header{padding:12px 15px}.map-header h3{font-size:1.1rem}.location-text{font-size:.8rem}}@media (prefers-contrast: high){.map-view{border:2px solid #000}.map-header{background:#000;color:#fff;border-bottom:2px solid #000}.map-loading,.map-error{border:1px solid #000}}@media (prefers-reduced-motion: reduce){.map-view{transition:none}}.location-autocomplete{position:relative;width:100%;margin-bottom:1rem}.input-container{display:flex;gap:.5rem;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:.5rem;transition:border-color .3s ease}.input-container:focus-within{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.location-input{flex:1;border:none;outline:none;font-size:1rem;padding:.5rem;background:transparent}.location-input::placeholder{color:#757575}.search-button,.confirm-button{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.search-button{background:#f5f5f5;color:#333}.search-button:hover:not(:disabled){background:#e0e0e0}.search-button:disabled{opacity:.5;cursor:not-allowed}.confirm-button{background:#4caf50;color:#fff}.confirm-button:hover{background:#45a049}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.suggestion-item{width:100%;padding:1rem;cursor:pointer;border:none;background:transparent;text-align:left;border-bottom:1px solid #f5f5f5;transition:background-color .2s ease}.suggestion-item:hover{background:#f8f9fa}.suggestion-item:last-child{border-bottom:none}.suggestion-main{display:block;font-weight:500;color:#333;margin-bottom:.25rem}.suggestion-secondary{display:block;font-size:.9rem;color:#666}.geocode-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.options-header{padding:1rem 1rem .5rem;border-bottom:1px solid #f5f5f5}.options-header h4{margin:0;font-size:.9rem;color:#666;font-weight:500}.geocode-option{width:100%;padding:1rem;cursor:pointer;border:none;background:transparent;text-align:left;border-bottom:1px solid #f5f5f5;transition:background-color .2s ease}.geocode-option:hover{background:#f8f9fa}.geocode-option:last-child{border-bottom:none}.option-address{display:block;font-weight:500;color:#333;margin-bottom:.25rem}.option-types{display:block;font-size:.8rem;color:#888;font-style:italic}.selected-location{margin-top:1rem;padding:1rem;background:#e8f5e8;border:1px solid #4caf50;border-radius:8px}.location-info{display:flex;align-items:flex-start;gap:.75rem}.location-icon{font-size:1.2rem;margin-top:.1rem}.location-details{flex:1}.location-address{font-weight:500;color:#2e7d32;margin-bottom:.25rem}.location-name{font-size:.9rem;color:#388e3c;margin-bottom:.25rem}.location-coords{font-size:.8rem;color:#666;font-family:monospace}.error-message{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem;background:#ffebee;border:1px solid #f44336;border-radius:6px;color:#c62828}.error-icon{font-size:1.1rem}.error-text{font-size:.9rem}.no-location-prompt{margin-top:.5rem;padding:.75rem;background:#fff3e0;border:1px solid #ff9800;border-radius:6px;color:#e65100}.no-location-prompt p{margin:0;font-size:.9rem}.help-text{font-size:.8rem!important;color:#f57c00!important;margin-top:.25rem!important}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;padding:.75rem;background:#f5f5f5;border-radius:6px;color:#666;font-size:.9rem}@media (max-width: 768px){.input-container{flex-direction:column;gap:.75rem}.search-button,.confirm-button{width:100%}.suggestions-dropdown,.geocode-options{position:fixed;left:1rem;right:1rem;top:auto;bottom:1rem;max-height:40vh}}.maps-loading{display:flex;align-items:center;justify-content:center;padding:2rem;background:#f5f5f5;border-radius:8px;color:#666;font-size:1rem}.maps-error{display:flex;align-items:center;justify-content:center;padding:2rem;background:#ffebee;border:1px solid #f44336;border-radius:8px;color:#c62828;font-size:1rem}.location-section{display:flex;flex-direction:column;gap:1rem;height:100vh;max-height:100vh;padding:1rem;box-sizing:border-box;overflow:hidden}.location-section .section-header{flex-shrink:0}.location-info{margin-bottom:1rem;flex-shrink:0}.location-detected{display:flex;align-items:center;gap:.5rem;margin:0;padding:.75rem;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-size:.875rem}.location-detected strong{color:#0d4f3c}.no-location-message{text-align:center;padding:1rem;color:#6c757d;margin-bottom:1rem;flex-shrink:0}.no-location-message p{margin:.5rem 0}.help-text{font-size:.875rem;font-style:italic}.map-view{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.map-container{flex:1;width:100%;min-height:0;position:relative}.location-autocomplete-section{padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;flex-shrink:0}.location-help{margin:.5rem 0 0;font-size:.875rem;color:#6c757d;font-style:italic}.location-confirmed{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-weight:500;flex-shrink:0}.status-icon{font-size:1.1rem}.status-text{font-size:.9rem}@media (max-width: 768px){.location-section{height:100vh;max-height:100vh;padding:.75rem}.map-view,.map-container{min-height:0}}@media (max-width: 480px){.location-section{padding:.5rem}.map-view,.map-container{min-height:0}.location-autocomplete-section{padding:.75rem}}.unit-dispatch-section{background-color:#fff;border-radius:12px;padding:1.5rem;margin:0;color:#333;box-shadow:0 2px 10px #0000001a;border:1px solid #e9ecef;display:flex;flex-direction:column;height:100%}.unit-dispatch-section .section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f8f9fa}.unit-dispatch-section .section-icon{font-size:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.unit-dispatch-section h2{margin:0;font-size:1.5rem;font-weight:600;color:#2c3e50}.dispatch-info{background:#f8f9fa;border-radius:8px;padding:1rem;margin-bottom:1.5rem;border:1px solid #e9ecef}.dispatch-info p{margin:.5rem 0;font-size:.875rem;font-weight:500}.incident-location{color:#e67e22}.units-count{color:#e74c3c}.units-routes-grid{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.unit-route-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;flex:1;min-width:300px;max-width:calc(50% - .5rem)}.unit-header{padding:1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.75rem}.unit-info{display:flex;align-items:center;gap:12px;color:#2c3e50}.unit-icon{font-size:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a;flex-shrink:0}.unit-details h4{margin:0;font-size:1rem;font-weight:600;color:#2c3e50}.station-name{margin:.25rem 0 0;font-size:.75rem;color:#6c757d;font-weight:500}.route-info{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.route-stat{display:flex;flex-direction:column;align-items:center;min-width:60px}.route-label{font-size:.625rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.route-value{font-size:.875rem;font-weight:600;color:#2c3e50;margin-top:.125rem}.map-container{height:200px;position:relative}.route-map{width:100%;height:100%;border:none;outline:none}@media (max-width: 1024px){.units-routes-grid{flex-direction:column}.unit-route-container{max-width:100%}}@media (max-width: 768px){.unit-header{flex-direction:column;align-items:flex-start}.route-info{justify-content:center;width:100%}.map-container{height:180px}.unit-dispatch-section{padding:1rem}}@media (max-width: 480px){.dispatch-info{padding:.75rem}.dispatch-info p{font-size:.8125rem}.unit-header{padding:.75rem}.unit-details h4{font-size:.875rem}.station-name{font-size:.6875rem}.map-container{height:150px}}.emergency-assistant{display:flex;flex-direction:column;align-items:center;min-height:100%;padding-bottom:2rem}.dispatcher-logo{width:120px;height:120px;object-fit:contain;margin:2rem 0 1rem;transform:scale(2)}.emergency-assistant .assistant-main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:1.5rem;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%}.emergency-assistant .assistant-main>*:nth-child(1){grid-column:1;grid-row:1}.emergency-assistant .assistant-main>*:nth-child(2){grid-column:2;grid-row:1}.emergency-assistant .assistant-main>*:nth-child(3){grid-column:1;grid-row:2}.emergency-assistant .assistant-main>*:nth-child(4){grid-column:2;grid-row:2}.emergency-assistant .assistant-main>*:nth-child(5){grid-column:1 / -1;grid-row:3}.emergency-assistant .assistant-main>*:nth-child(6){grid-column:1 / -1;grid-row:4}@media (max-width: 1024px){.emergency-assistant .assistant-main{grid-template-columns:1fr;gap:1rem;padding:1rem}}@media (max-width: 768px){.dispatcher-logo{width:100px;height:100px;margin:1.5rem 0 1rem}.emergency-assistant .assistant-main{padding:.75rem}}.order-assistant{height:90vh;display:flex;flex-direction:column}.order-assistant .assistant-main{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;gap:1.5rem;padding:1.5rem;max-width:none;margin:0 auto;width:100%;align-items:stretch;min-width:900px;overflow-x:auto;flex:1}.order-assistant .record-section,.order-assistant .triage-section,.order-assistant .location-section{height:100%!important;min-height:unset!important;max-height:unset!important;display:flex!important;flex-direction:column!important}.order-summary{flex:1;margin-top:1rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.order-summary h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#2c3e50}.summary-content{display:flex;flex-direction:column;gap:.5rem}.summary-content p{margin:0;font-size:.875rem;color:#495057}.confirm-order-btn{margin-top:1rem;padding:.75rem 1.5rem;background-color:#28a745;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s}.confirm-order-btn:hover{background-color:#1e7e34}.confirm-order-btn:disabled{background-color:#6c757d;cursor:not-allowed}.order-summary-content{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.summary-item{padding:.75rem;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:.5rem}.summary-item h3{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:.5rem}.summary-value{margin:0;font-size:.875rem;color:#495057;font-weight:500;line-height:1.4}.items-list{display:flex;flex-direction:column;gap:.5rem}.item-entry{display:flex;align-items:center;gap:.75rem;padding:.5rem;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;font-size:.875rem}.item-quantity{background-color:#007bff;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;min-width:2rem;text-align:center;flex-shrink:0}.item-name{color:#495057;font-weight:500;flex:1}.order-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.status-dot.order-type{background-color:#17a2b8}.status-dot.order-items{background-color:#28a745}.status-dot.order-time{background-color:#ffc107}.status-dot.order-total{background-color:#6f42c1}.info-item.total{display:flex;align-items:center;gap:.75rem;font-weight:500;font-size:.95rem}.location-content{display:flex;flex-direction:column;height:100%;gap:1rem}.address-info{padding:1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.address-info p{margin:0;font-size:.875rem}.address-info .help-text{color:#6c757d;font-size:.8rem;margin-top:.5rem}.map-container{flex:1;display:flex;flex-direction:column}.map-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;padding:2rem;text-align:center;min-height:300px}.map-placeholder p{margin:0 0 .5rem;color:#6c757d}.map-placeholder .map-text{font-size:.875rem;margin-bottom:1.5rem;max-width:300px}.update-location-btn{padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s}.update-location-btn:hover{background-color:#0056b3}.upload-button{display:inline-block;padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s;text-decoration:none}.upload-button:hover:not(.disabled){background-color:#0056b3}.upload-button.disabled{background-color:#6c757d;cursor:not-allowed}.error-message{margin:1rem 0;padding:.75rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px}.processing-message{margin:1rem 0;padding:.75rem;background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:6px;text-align:center}.address-text{font-size:1rem;font-weight:600;color:#2c3e50;margin:.5rem 0;padding:.5rem;background-color:#e8f4fd;border-left:4px solid #007bff;border-radius:4px}.location-details{margin:1rem 0;padding:1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.location-details p{margin:.5rem 0;font-size:.875rem;color:#495057}.location-details p:first-child{margin-top:0}.location-details p:last-child{margin-bottom:0}.order-assistant .location-info{margin-bottom:1rem}.order-assistant .location-detected{font-size:.95rem;color:#2c3e50;margin:0 0 .5rem;padding:.75rem;background-color:#e8f4fd;border-left:4px solid #007bff;border-radius:4px}.order-assistant .location-help{font-size:.875rem;color:#6c757d;margin:0}.order-assistant .no-location-message{padding:1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;margin-bottom:1rem}.order-assistant .no-location-message p{margin:.25rem 0;font-size:.875rem}.order-assistant .location-autocomplete-section{margin:1rem 0}.order-assistant .location-confirmed{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;margin:1rem 0}.order-assistant .location-confirmed .status-icon{font-size:1.2rem}.order-assistant .location-confirmed .status-text{font-size:.875rem;font-weight:600;color:#155724}.order-assistant .order-details-in-map{margin:1rem 0}.order-assistant .order-details-in-map .location-details{padding:.75rem;background-color:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.order-assistant .order-details-in-map .location-details p{margin:.25rem 0;font-size:.875rem;color:#495057}.order-assistant .location-section{overflow-y:auto!important}.order-assistant .location-content{height:100%;overflow-y:auto;padding-right:.5rem}.order-assistant .location-content::-webkit-scrollbar{width:8px}.order-assistant .location-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.order-assistant .location-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.order-assistant .location-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.order-assistant .location-section .map-container{min-height:500px!important;flex:1;display:flex;flex-direction:column}.order-assistant .map-view{min-height:400px!important;height:400px;width:100%;border:1px solid #dee2e6;border-radius:8px;margin-top:1rem}.order-assistant .map-view>div{height:100%!important;min-height:400px!important}.order-assistant .location-section [class*=map]{min-height:400px!important;height:400px!important}.order-assistant .map-section-header{margin:1rem 0 .5rem;padding:.5rem 0;border-bottom:2px solid #f0f0f0}.order-assistant .map-section-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#2c3e50}@media (max-width: 1024px){.order-assistant .assistant-main{grid-template-columns:1fr 1fr 1fr;gap:.75rem;padding:1rem;overflow-x:auto}.order-assistant .record-section,.order-assistant .triage-section,.order-assistant .location-section{min-width:280px}}@media (max-width: 768px){.order-assistant .assistant-main{grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding:.5rem;overflow-x:auto}.order-assistant .record-section,.order-assistant .triage-section,.order-assistant .location-section{min-width:240px;font-size:.875rem}}.customer-support-analysis-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.customer-support-analysis-section h3{margin:0 0 1.5rem;color:#1f2937;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.analysis-placeholder{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.analysis-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.analysis-grid{grid-template-columns:1fr 1fr}.action-item{grid-column:1 / -1}}.analysis-item{background:#f9fafb;border-radius:8px;padding:1rem;border:1px solid #e5e7eb;transition:all .2s ease}.analysis-item:hover{box-shadow:0 2px 4px #0000000d}.analysis-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.analysis-icon{font-size:1.25rem}.analysis-label{font-weight:500;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.analysis-value{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.intent-value{color:#3b82f6}.sentiment-value{font-weight:700}.action-value{color:#059669;margin-bottom:1rem}.take-action-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;font-size:.875rem}.take-action-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.take-action-btn:active{transform:translateY(0)}.take-action-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f633}@media (prefers-color-scheme: dark){.customer-support-analysis-section{background:#1f2937;border-color:#374151}.customer-support-analysis-section h3{color:#f9fafb}.analysis-placeholder{color:#9ca3af}.analysis-item{background:#374151;border-color:#4b5563}.analysis-label{color:#d1d5db}.analysis-value{color:#f9fafb}}@media (prefers-contrast: high){.analysis-item{border:2px solid #000}.take-action-btn{background:#000;border:2px solid #fff}}@media (prefers-reduced-motion: reduce){.analysis-item,.take-action-btn{transition:none}.take-action-btn:hover{transform:none}}.customer-support-actions-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.customer-support-actions-section h3{margin:0 0 1.5rem;color:#1f2937;font-size:1.25rem;font-weight:600}.action-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.action-header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.action-icon{font-size:2rem;flex-shrink:0}.action-info{flex:1}.action-title{margin:0 0 .5rem;color:#1f2937;font-size:1.125rem;font-weight:600}.action-description{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5}.action-status{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;flex-shrink:0}.action-status.pending{background:#fef3c7;color:#92400e}.action-status.completed{background:#d1fae5;color:#065f46}.action-steps{padding:1.5rem;border-bottom:1px solid #e5e7eb}.action-steps h5{margin:0 0 1rem;color:#374151;font-size:1rem;font-weight:600}.steps-list{margin:0;padding-left:1.25rem;list-style:none;counter-reset:step-counter}.step-item{margin-bottom:.75rem;padding-left:2rem;position:relative;color:#4b5563;line-height:1.5;counter-increment:step-counter}.step-item:before{content:counter(step-counter);position:absolute;left:0;top:0;width:1.5rem;height:1.5rem;background:#e5e7eb;color:#6b7280;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.step-item.completed{color:#059669}.step-item.completed:before{background:#d1fae5;color:#065f46;content:"✓"}.customer-context{padding:1.5rem}.customer-context h5{margin:0 0 1rem;color:#374151;font-size:1rem;font-weight:600}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.context-grid{grid-template-columns:1fr}.action-header{flex-direction:column;gap:1rem}.action-status{align-self:flex-start}}.context-item{display:flex;flex-direction:column;gap:.25rem}.context-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.context-value{font-size:.875rem;font-weight:600;color:#1f2937}.context-value.sentiment-positive{color:#059669}.context-value.sentiment-negative{color:#dc2626}.context-value.sentiment-neutral{color:#6b7280}@media (prefers-color-scheme: dark){.customer-support-actions-section{background:#1f2937;border-color:#374151}.customer-support-actions-section h3{color:#f9fafb}.action-card{border-color:#374151}.action-header{background:#374151;border-color:#4b5563}.action-title{color:#f9fafb}.action-description{color:#d1d5db}.action-steps{border-color:#4b5563}.action-steps h5,.customer-context h5{color:#f3f4f6}.step-item{color:#d1d5db}.step-item:before{background:#4b5563;color:#d1d5db}.context-label{color:#9ca3af}.context-value{color:#f9fafb}}@media (prefers-contrast: high){.action-card{border:2px solid #000}.action-status.pending{background:#fff;color:#000;border:2px solid #000}.action-status.completed{background:#000;color:#fff}}@media (prefers-reduced-motion: reduce){.customer-support-actions-section *{transition:none!important}}.customer-support-assistant{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;max-width:1200px;margin:0 auto;min-height:100vh}.assistant-header{text-align:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;box-shadow:0 4px 6px #0000001a}.assistant-header h2{margin:0 0 .5rem;font-size:1.8rem;font-weight:600}.assistant-header p{margin:0;opacity:.9;font-size:1rem}.assistant-main{display:grid;grid-template-columns:1fr;gap:1.5rem;flex:1}@media (min-width: 1024px){.assistant-main{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:1.5rem}.record-call-section{grid-column:1 / -1}}@media (prefers-color-scheme: dark){.assistant-header{background:linear-gradient(135deg,#4c5270,#5a4b73)}}@media (prefers-contrast: high){.assistant-header{background:#000;border:2px solid #fff}}@media (prefers-reduced-motion: reduce){.customer-support-assistant *{transition:none!important;animation:none!important}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}.app{min-height:100vh;width:100vw}.record-section,.triage-section,.suggested-questions-section,.guidance-steps-section,.location-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;min-height:400px;max-height:600px;display:flex;flex-direction:column}.location-section{min-height:500px!important;max-height:800px!important}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.section-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#2c3e50}.section-icon{font-size:1.25rem}.upload-section{margin-top:0}.upload-button{display:inline-flex;align-items:center;gap:.5rem;background-color:#007bff;color:#fff;padding:16px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;transition:all .2s ease;border:none;text-decoration:none;min-width:180px;justify-content:center}.upload-button:hover{background-color:#0056b3;transform:translateY(-1px)}.transcript-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e0e0e0}.transcript-section h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#2c3e50}.transcript-text{background-color:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #007bff;margin:0;font-style:italic;color:#495057}.emergency-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.info-item{display:flex;align-items:center;gap:.75rem;font-weight:500;font-size:.95rem}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-dot.emergency{background-color:#dc3545}.status-dot.urgency{background-color:#fd7e14}.status-dot.units{background-color:#17a2b8}.suggested-questions{padding-top:1rem;border-top:1px solid #e0e0e0}.suggested-questions h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#2c3e50}.suggested-questions ul{margin:0;padding-left:1.25rem;list-style:none}.suggested-questions li{margin-bottom:.5rem;padding-left:.5rem;position:relative;color:#495057}.suggested-questions li:before{content:"•";color:#007bff;font-weight:700;position:absolute;left:-.75rem}@media (max-width: 1024px){.app-main{grid-template-columns:1fr;gap:1rem;padding:1rem}}@media (max-width: 768px){.app-header{padding:.75rem 1rem}.app-title{font-size:1.5rem}.record-section,.triage-section,.location-section{padding:1rem}}*:focus{outline:2px solid #dc2626;outline-offset:2px}a{color:#dc2626;text-decoration:none}a:hover{text-decoration:underline}@media (prefers-contrast: high){body{background-color:#fff}}