:root{--pg-blue: #0193D7;--pg-red: #CE1124;--pg-purple: #97679B;--pg-light-red: #ED174F;--pg-brown: #DB9130;--primary-color: #0f172a;--primary-light: #334155;--accent-color: #0193D7;--accent-hover: #017bb8;--accent-secondary: #CE1124;--bg-gradient: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 50%, #e1f5fe 100%);--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #cbd5e1;--shadow-sm: 0 1px 3px rgba(1, 147, 215, .1);--shadow-md: 0 4px 6px -1px rgba(1, 147, 215, .15);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--severity-critical: #CE1124;--severity-high: #ED174F;--severity-medium: #0193D7;--severity-low: #64748b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-primary);height:100vh;margin:0}#root{height:100%;display:flex;flex-direction:column}.app-container{max-width:800px;margin:0 auto;width:100%;height:100%;display:flex;flex-direction:column;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #0000000d}.chat-header{padding:1rem;text-align:center;transition:all .3s ease;border-bottom:1px solid transparent}.chat-header h1{font-size:1.5rem;color:var(--primary-color);letter-spacing:-.02em}.hero-header{padding:3rem 1rem 1rem}.hero-header p{color:var(--text-secondary);margin-top:.5rem}.compact-header{padding:1rem;border-color:var(--border-color);background:#ffffffe6}.compact-header h1{font-size:1.1rem}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;width:100%;max-width:700px}.suggested-query-btn{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;font-size:.95rem;color:var(--text-primary);box-shadow:var(--shadow-sm)}.suggested-query-btn:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.sq-icon{color:var(--accent-color);background:#eff6ff;padding:8px;border-radius:8px}.message-row{display:flex;width:100%;margin-bottom:1rem}.message-row.user{justify-content:flex-end}.message-bubble{max-width:85%;padding:1rem;border-radius:12px;line-height:1.6;font-size:1rem}.message-bubble.user{background:var(--accent-color);color:#fff;border-bottom-right-radius:4px}.message-bubble.system{background:#fff;color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px;width:100%}.action-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;margin-top:1rem;overflow:hidden;box-shadow:var(--shadow-sm);border-left:4px solid var(--border-color)}.action-card-header{padding:1rem;border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;align-items:flex-start}.action-card-title{font-weight:700;color:var(--primary-color);font-size:1.1rem}.action-card-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:4px;display:block}.action-card-body{padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.card-section-title{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);font-weight:700;letter-spacing:.05em;margin-bottom:.75rem;border-bottom:1px solid #e2e8f0;padding-bottom:4px}.steps-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.step-item{display:flex;gap:.75rem;font-size:.95rem;line-height:1.5;color:var(--text-primary)}.step-checkbox{color:#10b981;flex-shrink:0;padding-top:2px}.contacts-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.contact-item{background:#f8fafc;border:1px solid #e2e8f0;padding:.75rem;border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.contact-info{display:flex;flex-direction:column}.contact-link{font-weight:600;color:var(--accent-color);text-decoration:none;display:flex;align-items:center;gap:4px}.contact-link:hover{text-decoration:underline}.contact-desc{font-size:.8rem;color:var(--text-secondary)}.contact-actions{display:flex;gap:.5rem;margin-top:auto}.action-btn{flex:1;padding:.5rem;font-size:.85rem;font-weight:600;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;cursor:pointer;transition:all .2s}.action-btn.call{background:#fff;border:1px solid #cbd5e1;color:var(--text-primary)}.action-btn.call:hover{background:#f1f5f9;border-color:#94a3b8}.action-btn.visit{background:var(--accent-color);color:#fff;border:none}.action-btn.visit:hover{background:var(--accent-hover)}.severity-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px}.severity-critical{background:#fee2e2;color:#991b1b}.severity-high{background:#ffedd5;color:#9a3412}.severity-low{background:#f1f5f9;color:#475569}.chat-input-container{padding:1.5rem;background:#ffffffe6;border-top:1px solid var(--border-color)}.chat-form{background:#fff;border:1px solid #cbd5e1;border-radius:16px;padding:.75rem;display:flex;gap:.75rem;box-shadow:0 2px 4px #0000000d;transition:all .2s}.chat-form:focus-within{border-color:var(--accent-color);box-shadow:0 4px 6px #2563eb1a}.chat-input{border:none;outline:none;flex:1;font-size:1rem;color:var(--text-primary)}.send-btn{background:var(--accent-color);color:#fff;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.send-btn:hover{background:var(--accent-hover)}.send-btn:disabled{background:#cbd5e1;cursor:default}.action-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.icon-health{background:#e3f2fd;color:#0193d7}.icon-emergency{background:#ffebee;color:#ce1124}.icon-general{background:#f3e5f5;color:#97679b}.icon-it{background:#fff3e0;color:#db9130}.emergency-notice{background:#ffebee;border:1px solid #ffcdd2;padding:.75rem;border-radius:8px;color:#c62828;font-weight:500;display:flex;gap:.75rem;align-items:flex-start}.contact-name{color:var(--text-primary);font-size:.95rem}.contact-when-to-use{font-size:.8rem;color:var(--accent-color);font-style:italic;margin-top:4px;padding:4px 8px;background:#e3f2fd;border-radius:4px;border-left:2px solid var(--accent-color)}
