body{background-color:var(--marfil);flex-direction:column;height:100dvh;margin:0;display:flex}.chat-wrapper{background-color:var(--blanco-superficie);flex-direction:column;width:100%;max-width:600px;height:100dvh;margin:0 auto;display:flex;box-shadow:0 0 20px #0000000d}.chat-header{background-color:var(--verde-bosque);color:var(--marfil);z-index:10;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 2px 10px #0000001a}.back-btn{color:var(--marfil);opacity:.9;font-size:14px;font-weight:600;text-decoration:none}.chat-header-info{align-items:center;gap:12px;display:flex}.chat-avatar{background-color:var(--marfil);border-radius:50%;width:40px;height:40px;padding:4px}.chat-header h2{font-size:16px;font-family:var(--font-interfaz);margin:0}.chat-header p{opacity:.8;margin:0;font-size:12px}.chat-messages{background-color:var(--marfil);flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message-row{width:100%;display:flex}.message-row.user{justify-content:flex-end}.message-row.admin{justify-content:flex-start}.message-bubble{word-break:break-word;border-radius:16px;max-width:75%;padding:12px 16px;font-size:14px;line-height:1.4;position:relative;box-shadow:0 1px 2px #0000001a}.message-row.user .message-bubble{color:var(--carbon);background-color:#e6f0eb;border-bottom-right-radius:4px}.message-row.admin .message-bubble{background-color:var(--blanco-superficie);color:var(--carbon);border-bottom-left-radius:4px}.message-time{opacity:.6;text-align:right;margin-top:4px;font-size:10px;display:block}.chat-input-area{background-color:var(--blanco-superficie);border-top:1px solid var(--gris-claro);padding:16px}#chat-form{gap:12px;display:flex}#chat-input{border:1px solid var(--gris-claro);background-color:var(--marfil);font-family:var(--font-interfaz);border-radius:24px;outline:none;flex:1;padding:14px 20px;font-size:15px;transition:border-color .3s}#chat-input:focus{border-color:var(--verde-bosque)}.btn-send{background-color:var(--verde-bosque);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex}.btn-send:hover{transform:scale(1.05)}