:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:#f1f6f2;color:#173c2c}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}
.shell{max-width:680px;margin:auto;padding:clamp(12px,3vw,28px)}.brand{display:flex;align-items:center;gap:12px;margin:10px 0 24px}.logo{display:grid;place-items:center;width:55px;height:55px;background:#217343;color:#fff;border:3px solid #e68d2a;border-radius:50%;font-weight:900}
.brand strong{display:block;letter-spacing:.08em}.brand small{display:block;color:#668275;font-size:.8rem}
.chat,.queue,.agent-chat{border:1px solid #dce8df;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 45px #15452a13}
.chat-head{background:#216b40;color:white;padding:20px;display:flex;justify-content:space-between;gap:16px}
.chat-head h1{font-size:1.3rem;margin:0}.chat-head p{margin:6px 0;font-size:.9rem}
.chat-head select{display:block;border:0;border-radius:8px;padding:7px;margin-top:5px}
.messages{min-height:280px;height:min(53vh,500px);overflow-y:auto;background:#f7faf7;padding:18px;display:flex;flex-direction:column;gap:10px}
.hint{font-size:.9rem;color:#5f796a}.bubble{max-width:80%;padding:12px 15px;border-radius:16px;background:#e5eee7;margin:0;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.bubble.mine{margin-left:auto;background:#d1efda;border-bottom-right-radius:4px}.bubble.theirs{margin-right:auto;border-bottom-left-radius:4px}
.composer{display:flex;gap:10px;padding:14px;border-top:1px solid #e4ece7}.composer input{flex:1;min-width:0;padding:12px;border:1px solid #c8d9cc;border-radius:10px}
.composer button,.dev-auth button,.agent-chat header button,.queue button{background:#1b7745;color:#fff;padding:12px 15px;border:0;border-radius:10px;font-weight:700}
button:focus-visible,input:focus-visible{outline:3px solid #ed9639;outline-offset:2px}
.status,footer{font-size:.8rem;color:#668275}.status{margin:0;padding:0 15px 12px}footer{text-align:center;margin:16px}
.operator-shell{max-width:1400px;margin:auto;padding:20px}.dev-auth{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;background:#fff;border-radius:12px;margin-bottom:14px}.dev-auth input{min-width:280px;padding:10px}
.workspace{display:grid;grid-template-columns:minmax(280px,32%) 1fr;gap:15px}.queue{padding:15px}.queue h1{font-size:1.1rem}
.queue-item{display:block;width:100%;text-align:left;background:#f0f6f1!important;color:#173c2c!important;margin:8px 0;font-size:.8rem}
.queue-item.active{outline:2px solid #238451}.agent-chat header{padding:15px;display:flex;align-items:center;justify-content:space-between}.agent-chat h2{font-size:1rem}
.agent-chat header button{padding:8px}.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(max-width:760px){.workspace{grid-template-columns:1fr}.dev-auth input{min-width:0;width:100%}}

.identification{
 padding:18px;
 background:#f7faf7;
 border-bottom:1px solid #dce8df
}
.identification h2{margin:0 0 6px;font-size:1.1rem}
.identification p{margin:0 0 14px}
.identification form{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:12px
}
.identification label{display:flex;flex-direction:column;gap:5px}
.identification input{
 padding:11px;
 border:1px solid #cbd9cf;
 border-radius:9px;
 font:inherit
}
.identification button{
 grid-column:1/-1;
 padding:12px;
 border:0;
 border-radius:10px;
 font-weight:700;
 background:#1b7745;
 color:#fff
}
@media(max-width:600px){
 .identification form{grid-template-columns:1fr}
}

.lead-card{
 padding:12px 15px;
 border-top:1px solid #dce8df;
 border-bottom:1px solid #dce8df;
 background:#f7faf7
}
.lead-card h3{margin:0 0 10px;font-size:.95rem}
.lead-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:10px
}
.lead-grid div{min-width:0}
.lead-grid small{
 display:block;
 opacity:.65;
 margin-bottom:2px
}
.lead-grid strong{
 display:block;
 font-size:.85rem;
 overflow-wrap:anywhere
}
@media(max-width:760px){
 .lead-grid{grid-template-columns:1fr 1fr}
}