:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1a1a1a;background:#f6f7f9}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}.app{max-width:760px;margin:0 auto;padding:12px 12px 0;display:flex;flex-direction:column;gap:12px;height:100vh;height:100dvh;overflow:hidden}header{flex:0 0 auto}header h1{font-size:1.25rem;margin:0 0 2px}.hint{margin:0;color:#666;font-size:.9rem}.dialog{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px;background:#fff;border:1px solid #e3e6ea;border-radius:12px}.placeholder{color:#9aa0a6;font-style:italic;margin:auto;text-align:center}.bubble{padding:10px 14px;border-radius:12px;max-width:85%;white-space:pre-wrap;word-wrap:break-word;line-height:1.4}.bubble.user{align-self:flex-end;background:#2563eb;color:#fff;border-bottom-right-radius:4px}.bubble.assistant{align-self:flex-start;background:#eef1f5;border-bottom-left-radius:4px}.bubble.loading{color:#888;font-style:italic}.error{color:#b00020;font-size:.9rem}.composer{flex:0 0 auto;display:flex;gap:8px;align-items:flex-end;padding-bottom:12px}.composer textarea{flex:1 1 auto;min-width:0;resize:none;max-height:30vh;padding:10px 12px;border:1px solid #c8ccd2;border-radius:10px;font:inherit}.composer button{flex:0 0 auto;white-space:nowrap;padding:10px 18px;border:none;border-radius:10px;background:#2563eb;color:#fff;font:inherit;cursor:pointer}.composer button:disabled{background:#9db4e8;cursor:not-allowed}.result,.sidebar{background:#fff;border:1px solid #e3e6ea;border-radius:12px;padding:16px}.result h2,.sidebar h3{margin:0 0 8px}pre{margin:0;background:#0f172a;color:#e2e8f0;padding:12px;border-radius:8px;overflow:auto;font-size:.85rem;line-height:1.45}@media(max-height:600px){.hint{display:none}header h1{font-size:1.1rem}}.done-note{margin:auto;text-align:center;color:#2563eb;font-weight:600;padding:16px}.center-note{max-width:760px;margin:64px auto;text-align:center;color:#666}.auth-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px}.auth-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px}.auth-card h1{margin:0 0 4px;font-size:1.3rem}.card{background:#fff;border:1px solid #e3e6ea;border-radius:12px;padding:16px}.page{max-width:960px;margin:0 auto;padding:20px 16px 48px;display:flex;flex-direction:column;gap:16px}.page-head{display:flex;align-items:center;gap:12px}.page-head h1{font-size:1.4rem;margin:0}.spacer{flex:1}label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:#333}input,textarea{font:inherit;padding:9px 11px;border:1px solid #c8ccd2;border-radius:9px;background:#fff}textarea{resize:vertical}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.9rem;color:#333;font-weight:600}.btn{font:inherit;padding:9px 16px;border:1px solid #c8ccd2;border-radius:9px;background:#fff;cursor:pointer;text-decoration:none;color:#1a1a1a;display:inline-block}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}.btn.ghost{background:transparent;border-color:transparent;color:#2563eb}.btn.danger{background:#b00020;color:#fff;border-color:#b00020}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.s-active{background:#e0edff;color:#1d4ed8}.s-attn{background:#fef3c7;color:#92400e}.s-done{background:#dcfce7;color:#166534}.grid{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e3e6ea;border-radius:12px;overflow:hidden}.grid th,.grid td{text-align:left;padding:10px 12px;border-bottom:1px solid #eef1f5;font-size:.92rem}.grid th{background:#f6f7f9;font-weight:600;color:#555}.row-link{cursor:pointer}.row-link:hover{background:#f6f9ff}.muted{color:#888}.small{font-size:.85rem}.cols{display:flex;gap:16px;align-items:flex-start}.col{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.col.side{flex:0 0 300px}@media(max-width:760px){.cols{flex-direction:column}.col.side{flex:1;width:100%}}.linkrow{display:flex;gap:8px;align-items:center}.link{flex:1;min-width:0;overflow:auto;background:#f1f5f9;padding:8px 10px;border-radius:8px;font-size:.85rem;white-space:nowrap}.intro{color:#555;font-size:.9rem}.transcript{display:flex;flex-direction:column;gap:8px}.transcript .bubble{max-width:100%}.transcript .src{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin-bottom:3px}.flag{margin-top:10px;background:#fef3c7;color:#92400e;padding:10px 12px;border-radius:8px;font-size:.9rem}.visits{margin:0;padding-left:16px;max-height:320px;overflow:auto}.qlist{display:flex;flex-direction:column;gap:8px}.qrow{display:flex;gap:8px;align-items:center}.qnum{flex:0 0 auto;width:22px;text-align:center;color:#888}.qrow input{flex:1;min-width:0}.qdel{flex:0 0 auto;border:none;background:transparent;color:#b00020;cursor:pointer;font-size:1rem}.qdel:disabled{opacity:.3;cursor:not-allowed}.qadd{align-self:flex-start;border:1px dashed #c8ccd2;background:transparent;border-radius:8px;padding:6px 12px;cursor:pointer;color:#2563eb}hr{border:none;border-top:1px solid #eef1f5;margin:12px 0}.rolepick{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.rolepick-item{border:1px solid #e3e6ea;border-radius:10px;padding:10px}.rolepick-item.on{border-color:#2563eb;background:#f6f9ff}.rolepick-head{display:flex;align-items:center;gap:8px;flex-direction:row}.rolepick-title{font-weight:600;flex:1}.rolepick-desc{margin-top:4px}.rolepick-phone{margin-top:8px;width:100%}.roletabs{display:flex;flex-wrap:wrap;gap:6px}.roletab{border:1px solid #c8ccd2;background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:6px}.roletab.active{background:#2563eb;color:#fff;border-color:#2563eb}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.active{background:#2563eb}.dot.needs_attention{background:#d97706}.dot.completed{background:#16a34a}.rolepanel-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.rolepanel-head h2{margin:0;font-size:1.15rem}.section-block{margin-top:14px}.section-block h4{margin:0 0 6px;color:#444}.card.subtle{background:#f6f7f9;margin:10px 0;padding:10px}.qitem{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid #eef1f5}.qitem-main{flex:1;min-width:0}.qitem-text{display:block}.qitem-answer{margin-top:4px;color:#166534;font-size:.88rem}.qitem.editing{flex-direction:column;align-items:stretch;gap:8px;background:#f6f9ff;border:1px solid #cdddff;border-radius:8px;padding:10px}.qedit-row{display:flex;gap:12px;align-items:center}.qedit-row select{padding:6px 8px;border:1px solid #c8ccd2;border-radius:8px;font:inherit}.qedit-actions{display:flex;gap:8px}.btn.small{padding:5px 10px;font-size:.85rem}label.inline{flex-direction:row;align-items:center;gap:6px}.survey-shell{display:flex;gap:16px;max-width:1000px;margin:0 auto;padding:16px;align-items:flex-start;min-height:100dvh}.rolenav{flex:0 0 240px;position:sticky;top:16px;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #e3e6ea;border-radius:12px;padding:10px}.rolenav-company{font-weight:700;padding:6px 8px 10px;border-bottom:1px solid #eef1f5;margin-bottom:4px}.rolenav-item{display:flex;align-items:center;gap:8px;border:none;background:transparent;text-align:left;padding:8px;border-radius:8px;cursor:pointer;font:inherit}.rolenav-item:hover{background:#f6f9ff}.rolenav-item.active{background:#e0edff;font-weight:600}.rolenav-title{flex:1;min-width:0;font-size:.9rem}.rolenav-prog{color:#888;font-size:.8rem}.survey-main{flex:1;min-width:0}.survey-roletitle{font-size:1.3rem;margin:0 0 12px}.survey-section{background:#fff;border:1px solid #e3e6ea;border-radius:12px;padding:16px;margin-bottom:14px}.survey-section h3{margin:0 0 12px;font-size:1.05rem}.survey-foot{padding:8px 4px 24px}.qcard{padding:12px 0;border-top:1px solid #eef1f5}.qcard:first-of-type{border-top:none}.qcard-q{margin-bottom:8px;line-height:1.4}.req{color:#b00020;margin-left:3px}.qinput{width:100%;font:inherit;padding:9px 11px;border:1px solid #c8ccd2;border-radius:9px}.qinput.narrow{width:auto;min-width:160px}textarea.qinput{resize:vertical}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.chip{border:1px solid #c8ccd2;background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;font:inherit;font-size:.9rem}.chip.active{background:#2563eb;color:#fff;border-color:#2563eb}.scale{display:flex;gap:6px}.scale-btn{width:40px;height:40px;border:1px solid #c8ccd2;background:#fff;border-radius:8px;cursor:pointer;font:inherit;font-size:1rem}.scale-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}@media(max-width:760px){.survey-shell{flex-direction:column}.rolenav{position:static;flex:1;width:100%;flex-direction:row;flex-wrap:wrap}.rolenav-company{width:100%;border-bottom:none}.rolenav-item{flex:1 1 auto}}.followup-section{border-top:2px dashed #d7dce3}.followup-pick{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#444;margin-bottom:12px}.followup-pick select{padding:6px 8px;border:1px solid #cdd3db;border-radius:8px;background:#fff;max-width:360px}.followup-box{border:1px solid #e3e7ec;border-radius:12px;background:#fafbfc;overflow:hidden}.followup-head{padding:8px 12px;font-size:.8rem;font-weight:600;color:#5a6472;background:#f1f3f6;border-bottom:1px solid #e3e7ec}.followup-log{display:flex;flex-direction:column;gap:8px;padding:12px;max-height:320px;overflow-y:auto}.fbubble{padding:8px 12px;border-radius:12px;max-width:88%;white-space:pre-wrap;word-wrap:break-word;line-height:1.4;font-size:.92rem}.fbubble.user{align-self:flex-end;background:#2563eb;color:#fff;border-bottom-right-radius:4px}.fbubble.assistant{align-self:flex-start;background:#eef1f5;border-bottom-left-radius:4px}.followup-composer{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #e3e7ec}.followup-composer .qinput{flex:1 1 auto}.followup-done{padding:10px 12px;border-top:1px solid #e3e7ec}.btn.small{padding:6px 12px;font-size:.85rem}.btn.ghost{background:#fff;border:1px solid #cdd3db;color:#2563eb}