:root{font-family:"DM Sans",sans-serif;color:#15354a;background:#eef3f5;line-height:1.4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.chat-topbar{display:flex;align-items:center;justify-content:space-between;height:62px;padding:0 22px;color:#fff;background:#0b2e47;box-shadow:0 3px 12px #08273c2b}.chat-brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font:700 20px Outfit,sans-serif}.chat-brand span{display:grid;place-items:center;width:27px;height:27px;border:2px solid #fff;border-radius:7px}.back-link{padding:8px 12px;border:1px solid #ffffff38;border-radius:7px;color:#fff;text-decoration:none;font-size:12px;font-weight:700}.chat-layout{display:grid;grid-template-columns:340px minmax(0,1fr);width:min(1500px,calc(100% - 32px));height:calc(100vh - 94px);min-height:590px;margin:16px auto;border:1px solid #d4dfe5;border-radius:14px;background:#fff;box-shadow:0 12px 35px #17394e13;overflow:hidden}.conversation-panel{display:flex;flex-direction:column;border-right:1px solid #dbe5ea;background:#f8fafb}.conversation-heading{padding:23px 20px 14px}.conversation-heading small,.message-heading small{color:#168263;font-size:8px;font-weight:800;letter-spacing:1.1px}.conversation-heading h1{margin:4px 0 3px;color:#092b43;font:700 25px/1.1 Outfit,sans-serif}.conversation-heading p{margin:0;color:#78909e;font-size:10px}.chat-search{display:flex;align-items:center;gap:8px;margin:0 16px 12px;padding:0 11px;border:1px solid #ccd9df;border-radius:7px;background:#fff}.chat-search input{width:100%;height:39px;border:0;outline:0;color:#163a50;background:transparent;font:inherit;font-size:11px}.conversation-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:auto;min-height:64px;margin:0 10px;padding:9px 10px;border:0;border-bottom:1px solid #e1e8ec;color:#21465d;background:transparent;text-align:left;cursor:pointer}.conversation-card:hover,.conversation-card.active{border-radius:8px;background:#eaf2f6}.conversation-card.active{box-shadow:inset 3px 0 #f4c400}.conversation-card.public{margin-bottom:4px;background:#e8eef2}.conversation-avatar,.current-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;color:#fff;background:#2f789f;font-size:12px;font-weight:800}.conversation-card b,.conversation-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-card b{color:#0b2e47;font-size:11px}.conversation-card small{margin-top:3px;color:#7b919d;font-size:8px}.unread-badge{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;color:#fff;background:#df3f4b;font-size:8px;font-weight:800}.conversation-list{overflow-y:auto}.conversation-empty{padding:35px 20px;color:#8397a3;text-align:center;font-size:10px}.message-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0}.message-heading{display:flex;align-items:center;gap:12px;min-height:80px;padding:13px 22px;border-bottom:1px solid #dae4e9}.message-heading h2{margin:2px 0 0;color:#0b2e47;font:700 20px/1 Outfit,sans-serif}.message-heading p{margin:4px 0 0;color:#7b919d;font-size:9px}.message-list{overflow-y:auto;padding:22px;background:linear-gradient(#fff,#f9fbfc)}.messages-empty{display:grid;place-items:center;align-content:center;height:100%;min-height:280px;color:#8498a4;text-align:center}.messages-empty span{display:grid;place-items:center;width:55px;height:55px;margin-bottom:10px;border-radius:50%;color:#0b2e47;background:#eaf1f5;font-size:23px}.messages-empty b,.messages-empty small{display:block}.messages-empty b{color:#36556a;font-size:12px}.messages-empty small{margin-top:4px;font-size:9px}.message-row{display:flex;margin:7px 0}.message-row.admin{justify-content:flex-end}.message-bubble{max-width:min(620px,78%);padding:10px 12px;border-radius:12px 12px 12px 3px;color:#24495f;background:#e8f0f4;box-shadow:0 2px 5px #17394e0c}.message-row.admin .message-bubble{border-radius:12px 12px 3px 12px;color:#fff;background:#0b2e47}.message-bubble b,.message-bubble time{display:block}.message-bubble b{margin-bottom:3px;font-size:8px}.message-bubble p{margin:0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble time{margin-top:5px;color:#7a909d;font-size:7px;text-align:right}.message-row.admin time{color:#b9c9d2}.message-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 18px;border-top:1px solid #d9e3e8;background:#fff}.message-composer input{height:43px;padding:0 13px;border:1px solid #cddae0;border-radius:7px;outline:0;color:#173d53;font:inherit;font-size:11px}.message-composer input:focus{border-color:#0b2e47;box-shadow:0 0 0 3px #0b2e4712}.message-composer button{min-width:105px;border:0;border-radius:7px;color:#0b2e47;background:#f4c400;font-weight:800}.chat-toast{position:fixed;right:18px;bottom:18px;z-index:20;padding:12px 15px;border-radius:8px;color:#fff;background:#0b2e47;box-shadow:0 9px 25px #09293e4d;font-size:10px}.chat-toast[hidden]{display:none}@media(max-width:760px){.chat-topbar{height:54px;padding:0 12px}.back-link{font-size:0}.back-link:after{content:"← Volver";font-size:10px}.chat-layout{grid-template-columns:1fr;width:100%;height:calc(100vh - 54px);min-height:0;margin:0;border:0;border-radius:0}.conversation-panel{max-height:285px;border-right:0;border-bottom:1px solid #dbe5ea}.conversation-heading{padding:13px 14px 8px}.conversation-heading h1{font-size:20px}.conversation-list{display:flex;overflow-x:auto;overflow-y:hidden}.conversation-card{min-width:230px}.message-heading{min-height:68px;padding:10px 14px}.message-list{padding:13px}.message-composer{padding:10px}.message-composer button{min-width:72px}.message-bubble{max-width:88%}}@media(max-width:760px){.message-panel{max-height:calc(100vh - 160px)}.message-list{overflow-y:auto}.message-composer{position:sticky;bottom:0;z-index:5;background:#fff}}