:root{--brand: #0f766e;--brand-light: #ccfbf1;--brand-dark: #0d5c55;--accent: #f59e0b;--bg: #f0f4f3;--bg-card: #ffffff;--bg-header: var(--brand);--text: #111827;--text-muted: #6b7280;--text-header: #ffffff;--border: #e5e7eb;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 30px rgba(0,0,0,.13), 0 4px 8px rgba(0,0,0,.07);--radius: 16px;--radius-sm: 10px;--transition: .18s ease;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text)}input,textarea,select,button{font:inherit}button{cursor:pointer}.app-root{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.hero{background:var(--bg-header);background-image:linear-gradient(135deg,var(--bg-header) 0%,color-mix(in srgb,var(--bg-header) 70%,var(--accent, #134e4a)) 100%);color:var(--text-header);padding:28px 20px 32px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top right,rgba(255,255,255,.12) 0%,transparent 65%);pointer-events:none}.hero-inner{max-width:560px;margin:0 auto;position:relative;z-index:1}.hero-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.hero-logo{height:44px;width:auto;object-fit:contain;border-radius:8px}.hero-event-name{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.hero-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:20px;background:#ffffff2e;color:var(--text-header);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--transition);text-decoration:none}.hero-back-btn:hover{background:#ffffff47}.hero h1{margin:0;font-size:clamp(22px,5vw,30px);font-weight:800;line-height:1.2;letter-spacing:-.02em}.hero-sub{margin:6px 0 0;font-size:15px;opacity:.82;line-height:1.4}.dense-badge{display:inline-flex;align-items:center;gap:5px;margin-top:12px;padding:5px 12px;border-radius:20px;background:#fff3;font-size:13px;font-weight:700}.content{flex:1;max-width:560px;width:100%;margin:0 auto;padding:20px 16px 40px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-grid.single-col{grid-template-columns:1fr}.choice-tile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;border:1.5px solid var(--border);border-radius:var(--radius);padding:18px 16px;background:var(--bg-card);box-shadow:var(--shadow-sm);text-align:left;color:var(--text);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative;overflow:hidden}.choice-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand);opacity:0;transition:opacity var(--transition)}.choice-tile:hover,.choice-tile:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--brand);outline:none}.choice-tile:active{transform:translateY(0)}.tile-emoji{font-size:32px;line-height:1;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--brand-light);flex-shrink:0}.tile-body{flex:1}.tile-title{font-size:15px;font-weight:700;color:var(--text);line-height:1.2;margin:0 0 3px}.tile-desc{font-size:13px;color:var(--text-muted);line-height:1.35;margin:0}.choice-tile.action-tile{flex-direction:row;align-items:center;padding:14px 16px}.choice-tile.action-tile .tile-emoji{width:44px;height:44px;font-size:24px;border-radius:12px}.choice-grid.branch-grid{grid-template-columns:1fr;gap:10px}.choice-tile.branch-tile{flex-direction:row;align-items:center;gap:12px;padding:16px 18px;border-radius:12px}.branch-arrow{margin-left:auto;color:var(--text-muted);flex-shrink:0}.panel{background:var(--bg-card);border-radius:var(--radius);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:14px}.breadcrumb{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:12px;color:var(--text-muted);margin-bottom:16px}.breadcrumb-sep{opacity:.4}.section-title{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px}label{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:14px}label span.label-text{display:block;margin-bottom:6px}input[type=text],textarea{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:15px;background:#fafafa;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition)}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #0f766e1f;background:#fff}textarea{min-height:90px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-sm);padding:12px 20px;font-size:15px;font-weight:700;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 2px 8px #0f766e4d;width:100%;padding:14px 20px;font-size:16px;border-radius:12px;margin-top:8px}.btn-primary:hover{background:var(--brand-dark);box-shadow:0 4px 14px #0f766e66}.action-choice{display:flex;gap:10px;margin-top:8px}.action-choice .btn{flex:1;margin-top:0;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px}.btn-call{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#fff;color:var(--brand-dark);border:2px solid var(--brand);padding:14px 20px;font-size:16px;font-weight:600;border-radius:12px;box-shadow:var(--shadow-sm);text-decoration:none}.btn-call:hover{background:var(--brand-light)}.or-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text-muted);font-size:13px}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.or-divider span{white-space:nowrap}.photo-field{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.label-optional{font-weight:400;color:var(--text-muted);font-size:12px}.btn-photo{background:var(--bg);border:1.5px dashed var(--border);color:var(--text-muted);border-radius:10px;padding:12px;font-size:15px;font-weight:500;width:100%;text-align:center;transition:border-color var(--transition),color var(--transition)}.btn-photo:hover:not(:disabled){border-color:var(--brand);color:var(--brand-dark)}.btn-photo:disabled{opacity:.6;cursor:default}.photo-preview-wrap{position:relative;display:inline-block;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm)}.photo-preview{display:block;max-width:100%;max-height:220px;object-fit:contain;background:#000}.photo-remove{position:absolute;top:6px;right:6px;background:#0000008c;color:#fff;border:none;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.photo-remove:hover{background:#c80000b3}.incident-photo{display:block;max-width:100%;max-height:280px;border-radius:10px;object-fit:contain;margin-top:10px;cursor:zoom-in;box-shadow:var(--shadow-md)}.btn-secondary{background:var(--brand-light);color:var(--brand-dark);width:100%;border-radius:12px;margin-top:6px}.btn-secondary:hover{background:#a7f3d0}.btn-ghost{background:transparent;color:var(--text-muted);padding:8px 4px;font-size:14px;font-weight:600}.btn-ghost:hover{color:var(--text)}.notice{display:flex;gap:10px;border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;font-weight:500;margin-bottom:14px;line-height:1.4}.notice.info{background:var(--brand-light);color:#065f46;border-left:3px solid var(--brand)}.notice.danger{background:#fef2f2;color:#991b1b;border-left:3px solid #ef4444}.notice.success{background:#f0fdf4;color:#166534;border-left:3px solid #22c55e}.priority-badge{display:inline-block;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.priority-badge.priority-urgent{color:#7f1d1d;background:#fecaca}.priority-badge.priority-high{color:#7c2d12;background:#fed7aa}.priority-badge.priority-normal{color:#1e3a5f;background:#bfdbfe}.priority-badge.priority-low{color:#374151;background:#e5e7eb}.chat-panel{display:flex;flex-direction:column;min-height:380px}.chat-panel h2{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;margin:0 0 12px}.messages{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:180px;max-height:48vh;padding:4px 0 8px}.message{max-width:min(400px,85%);border-radius:12px;padding:9px 12px;background:#f3f4f6;font-size:14px;line-height:1.45;align-self:flex-start}.message.operator{align-self:flex-end;background:var(--brand);color:#fff}.message.system{align-self:center;max-width:92%;background:transparent;border:none;border-radius:0;padding:2px 8px;font-size:12px;color:var(--text-muted);text-align:center;font-style:italic}.message.system p{margin:0}.message.vis-internal{background:#fef9c3;border-left:3px solid #eab308;border-radius:6px;font-size:12px;color:#713f12;max-width:100%;align-self:stretch;font-style:normal}.message small{display:block;font-size:11px;font-weight:700;margin-bottom:4px;opacity:.7}.message p{margin:0}.composer{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.composer input{border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;font-size:14px;background:#fafafa}.composer input:focus{outline:none;border-color:var(--brand);background:#fff}.composer .btn-send{padding:10px 18px;background:var(--brand);color:#fff;border:0;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer}.success-screen{text-align:center;padding:40px 20px}.success-icon{font-size:64px;line-height:1;margin-bottom:16px}.success-screen h2{font-size:22px;font-weight:800;margin:0 0 8px}.success-screen p{color:var(--text-muted);font-size:15px;margin:0 0 24px}.light-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;gap:24px;text-align:center;padding:32px}.light-pulse{width:100px;height:100px;border-radius:50%;background:var(--brand);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #0f766e66}50%{transform:scale(1.12);opacity:.85;box-shadow:0 0 0 20px #0f766e00}}.light-overlay p{font-size:20px;font-weight:800;color:#111;margin:0}.light-overlay small{font-size:14px;color:var(--text-muted)}.operator-shell{display:grid;grid-template-columns:340px 1fr;min-height:100vh;background:#f9fafb}.incident-list{border-right:1px solid var(--border);padding:18px;background:#fff;overflow-y:auto}.incident-list header{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}.incident-list h1{font-size:20px;font-weight:800;margin:4px 0 2px}.incident-row{width:100%;border:1.5px solid var(--border);border-radius:10px;margin-bottom:8px;padding:12px;text-align:left;background:#fff;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition)}.incident-row:hover,.incident-row.active{border-color:var(--brand);box-shadow:0 0 0 3px #0f766e1a}.incident-row-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.incident-row-header strong{flex:1;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incident-status{display:block;font-size:12px;font-weight:600;color:var(--brand);margin-bottom:2px}.operator-detail{padding:24px;overflow-y:auto}.detail-header{display:grid;grid-template-columns:1fr auto;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.detail-header h2{font-size:20px;font-weight:800;margin:0 0 4px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.compact-panel{align-self:start}.notes-list,.timeline{display:grid;gap:8px;margin-bottom:14px}.note-item,.timeline-item{border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:#f9fafb;font-size:13px}.note-item p{margin:5px 0 0;color:#374151;line-height:1.35}.timeline-title{margin-top:18px;font-size:14px;font-weight:700}.timeline-item{display:grid;gap:2px}.timeline-item span{color:var(--text-muted);font-size:12px}.empty-state{display:grid;place-items:center;min-height:60vh;color:var(--text-muted);font-size:15px;font-weight:600}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 2px}.muted{color:var(--text-muted);font-size:14px;margin:0 0 12px;line-height:1.5}select{border:1.5px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px;font-weight:600;background:#fff;color:var(--text);cursor:pointer}select:focus{outline:none;border-color:var(--brand)}@media (max-width: 860px){.operator-shell,.detail-grid,.detail-header{grid-template-columns:1fr}.incident-list{border-right:0;border-bottom:1px solid var(--border);max-height:45vh}}@media (max-width: 520px){.hero{padding:20px 16px 28px}.choice-grid,.composer{grid-template-columns:1fr}}