/* AIREN Consulting branding, language selection and internal chat.
   This file intentionally does not touch body/background wallpaper rules. */
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.auth-brand{gap:15px}
.auth-brand small{max-width:210px;line-height:1.45}
.airen-3d{position:relative;display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:15px;transform-style:preserve-3d;transform-origin:center center;animation:of-airen-float 6s ease-in-out infinite;box-shadow:0 6px 21px rgba(0,0,0,.18),0 0 18px rgba(241,183,78,.22);border:1px solid rgba(255,222,165,.55);overflow:hidden}
.airen-3d::after{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(110deg,transparent 31%,rgba(255,243,198,.38) 48%,transparent 62%);transform:translateX(-150%);animation:of-airen-shimmer 7s ease-in-out infinite}
.airen-3d img{display:block;width:100%;height:100%;object-fit:contain}
.airen-login{width:260px;height:94px;max-width:50vw}
.airen-sidebar{width:194px;height:72px;max-width:100%}
.sidebar-brand{margin:0 2px 28px;justify-content:center}
.airen-icon{background:#faf6ee;box-shadow:0 4px 20px rgba(213,149,47,.25);padding:4px}
.airen-icon img{width:42px;height:42px;object-fit:contain;border-radius:10px}
.auth-language{position:absolute;right:33px;top:33px;z-index:4}
.language-select,.auth-language select{border:1px solid rgba(214,178,94,.5);color:#ffecc7;background:#17243b;border-radius:12px;min-width:116px;padding:10px 9px;box-shadow:0 0 10px rgba(188,145,72,.12);font-size:12px;font-weight:750;cursor:pointer}
.language-select{max-width:140px}
.top-actions{gap:12px}
.chat-unread-badge{flex-shrink:0;display:inline-grid;place-items:center;min-width:20px;height:20px;line-height:20px;padding:0 5px;border-radius:999px;background:#e6364d;color:#fff;font-size:11px;font-weight:850;box-shadow:0 0 12px rgba(252,46,67,.65);margin-left:auto;animation:of-unread-pulse 2.5s ease-in-out infinite}
.chat-unread-badge.hidden{display:none!important}
@keyframes of-unread-pulse{0%,100%{box-shadow:0 0 6px rgba(252,46,67,.42)}50%{box-shadow:0 0 17px rgba(252,46,67,.83)}}
@keyframes of-airen-float{0%,100%{transform:perspective(850px) rotateY(-6deg) rotateX(2deg) translateY(0)}50%{transform:perspective(850px) rotateY(6deg) rotateX(-1deg) translateY(-3px)}}
@keyframes of-airen-shimmer{0%,58%,100%{transform:translateX(-150%)}82%{transform:translateX(150%)}}
/* CHAT */
.ofchat-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(320px,1.9fr) minmax(200px,.85fr);gap:13px;min-height:620px;height:calc(100vh - 245px);max-height:830px}
.ofchat-pane{border-radius:17px;border:1px solid rgba(130,158,212,.31);background:rgba(16,29,51,.97);min-width:0;min-height:0;overflow:hidden;box-shadow:0 8px 35px rgba(1,6,19,.28)}
.ofchat-list{display:flex;flex-direction:column}
.ofchat-list-head{padding:17px 14px 12px;border-bottom:1px solid rgba(140,166,200,.23)}
.ofchat-list-head h3{display:flex;gap:8px;align-items:center;margin:0 0 12px;color:#d6e5ff}
.ofchat-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.ofchat-actions button{font-size:11px;padding:9px 10px;flex:1}
.ofchat-list-head input{width:100%;height:40px;font-size:12px}
.ofchat-room-list{flex:1;min-height:0;overflow-y:auto;padding:8px}
.ofchat-room{width:100%;display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;text-align:left;padding:11px 8px;border-radius:12px;color:#e7f0ff}
.ofchat-room:hover,.ofchat-room.active{background:#293f61;border-color:#5871a4}
.ofchat-room.active{box-shadow:inset 3px 0 #e5b965}
.ofchat-avatar{width:39px;height:39px;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;font-weight:850;font-size:13px;background:linear-gradient(140deg,#446ca5,#6f508c);color:#fff;border:2px solid rgba(202,219,253,.35);overflow:hidden}
.ofchat-avatar img{width:100%;height:100%;object-fit:cover}
.ofchat-avatar.group{background:linear-gradient(145deg,#455ca7,#173b5b);color:#f1d59d}
.ofchat-avatar.group svg{width:21px;height:21px}
.ofchat-avatar.tiny{width:31px;height:31px;font-size:11px}
.ofchat-avatar.large{width:63px;height:63px;font-size:22px}
.ofchat-room-content{display:flex;flex-direction:column;min-width:0;gap:5px;flex:1}
.ofchat-room-content strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ofchat-room-content small{font-size:11px;color:#a0b4d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.ofchat-room-right{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;gap:8px;justify-content:space-between}
.ofchat-room-right small{font-size:9px;color:#91a9c9;white-space:nowrap}
.ofchat-room-right .chat-unread-badge{margin-left:0}
.ofchat-conversation{display:flex;flex-direction:column}
#ofChatConversation{height:100%;display:flex;flex-direction:column;min-height:0}
.ofchat-header{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid rgba(150,183,223,.2);background:rgba(40,59,90,.65)}
.ofchat-header h3{margin:0 0 2px;font-size:15px}
.ofchat-header small{font-size:11px;color:#9eb3d0}
.ofchat-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;color:#a8b9d7}
.ofchat-placeholder>svg{height:65px;width:65px;stroke:#e4c18a;filter:drop-shadow(0 0 15px rgba(236,177,76,.38));margin-bottom:20px}
.ofchat-placeholder h3{font-size:19px;color:#e3ecfe}
.ofchat-placeholder p{font-size:12px}
.ofchat-messages{padding:20px 15px;display:flex;flex:1;min-height:0;overflow-y:auto;flex-direction:column;gap:14px;background:linear-gradient(150deg,rgba(22,36,59,.84),rgba(12,26,44,.92));scrollbar-color:#53688a transparent}
.ofchat-message{display:flex;gap:9px;align-items:flex-end;max-width:94%}
.ofchat-message.mine{align-self:flex-end;flex-direction:row-reverse}
.ofchat-bubble{max-width:100%;min-width:85px;overflow-wrap:anywhere;border:1px solid #415e7f;border-radius:13px 13px 13px 3px;background:#293d5a;padding:10px 13px;color:#eff4fc;box-shadow:0 4px 15px rgba(0,0,0,.15)}
.ofchat-message.mine .ofchat-bubble{background:linear-gradient(130deg,#235755,#204768);border-color:#347c7c;border-radius:13px 13px 3px 13px}
.ofchat-bubble>strong{font-size:11px;color:#efcd93;display:block;margin-bottom:4px}
.ofchat-bubble>p{font-size:12px;line-height:1.6;white-space:pre-wrap;margin:0 0 6px}
.ofchat-bubble>small{color:#b4c5d9;font-size:9px;display:block;text-align:right;margin-top:5px}
.ofchat-file{display:flex;gap:11px;align-items:center;justify-content:space-between;margin:7px 0;padding:8px 9px;border-radius:9px;background:rgba(11,25,44,.35);border:1px solid rgba(170,201,227,.22);max-width:100%}
.ofchat-file>span:first-child{display:flex;gap:6px;align-items:center;min-width:0;flex:1;flex-wrap:wrap}
.ofchat-file svg{width:17px;height:17px;flex-shrink:0}
.ofchat-file b{overflow-wrap:anywhere;font-size:10px}
.ofchat-file small{font-size:9px;opacity:.7}
.ofchat-file-actions{display:flex;gap:4px;align-items:center}
.ofchat-file-actions .mini-action{padding:5px 7px;font-size:10px;min-width:28px}
.ofchat-composer{border-top:1px solid #3c5176;background:rgba(22,36,58,.98);padding:12px;display:flex;flex-direction:column;gap:9px}
.ofchat-composer textarea{width:100%;resize:vertical;min-height:49px;max-height:160px;font-size:12px;padding:9px 10px}
.ofchat-composer-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.ofchat-composer-actions button,.ofchat-upload-label{font-size:11px;padding:8px 12px}
.ofchat-upload-label{cursor:pointer}
.ofchat-composer-actions span.muted{flex:1;font-size:10px}
.ofchat-details{padding:17px 15px;overflow-y:auto}
.ofchat-details h3{color:#d6e5ff;display:flex;gap:7px;align-items:center;font-size:13px;margin:0 0 13px}
.ofchat-details hr{border:0;border-top:1px solid #3b506c;margin:24px 0}
.ofchat-myprofile{display:flex;align-items:center;gap:10px;margin:13px 0 16px;font-size:12px;font-weight:750}
.ofchat-avatar-choice{cursor:pointer;font-size:11px;white-space:normal}
.ofchat-details>small{font-size:10px;color:#93a8c2;display:block;margin-top:9px}
.ofchat-member-list{display:flex;flex-direction:column;gap:13px;margin:15px 0}
.ofchat-member{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700}
.ofchat-details .muted{margin-top:15px;line-height:1.6}
.ofchat-empty{text-align:center;padding:30px 15px;font-size:12px;color:#91a9c9}
.ofchat-member-picker{display:flex;flex-direction:column;gap:7px;max-height:330px;overflow-y:auto;margin:13px 0 21px;border:1px solid #3a5076;border-radius:11px;padding:10px}
.ofchat-member-picker label{display:flex;gap:11px;align-items:center;padding:7px;border-radius:7px;font-size:12px;cursor:pointer}
.ofchat-member-picker label:hover{background:#2c4060}
.ofchat-member-picker input{width:17px;height:17px}
.ofchat-back{display:none}
@media(max-width:1380px){.ofchat-layout{grid-template-columns:minmax(220px,1fr) minmax(330px,1.85fr)}.ofchat-details{display:none}}
@media(max-width:1040px){.ofchat-layout{height:auto;max-height:none;grid-template-columns:1fr}.ofchat-list{max-height:320px}.ofchat-room-list{min-height:180px;max-height:230px}.ofchat-conversation{min-height:480px;height:590px}.ofchat-details{display:block}}
@media(max-width:520px){.auth-brand{left:13px;top:16px}.auth-brand small{display:none}.auth-language{right:12px;top:22px}.airen-login{width:170px;height:61px}.airen-sidebar{width:185px}.top-actions{gap:5px}.language-select{min-width:90px;max-width:104px;font-size:11px;padding:8px 6px}.ofchat-list-head{padding:12px}.ofchat-room-content small{max-width:150px}.ofchat-message{max-width:99%}.ofchat-conversation{height:570px}}
@media(prefers-reduced-motion:reduce){.airen-3d,.airen-3d::after,.chat-unread-badge{animation:none}}

.ofchat-avatar-inline{cursor:pointer;width:100%;margin:0 0 12px;font-size:11px;padding:8px 10px;justify-content:center}