/* MoveCare — chat per cursă (șofer ↔ client/ONG/beneficiar) */
/* BUG FIX (04.08.2026, D.V. — test live): .mc-ride-chat e plasat, în panoul șoferului
   (page-panou.php), direct ca element FLEX în interiorul .ride-card. Pe ecrane înguste,
   media query-ul de mobil setează .ride-card{align-items:flex-start}, care elimină
   stretch-ul automat pe lățime al elementelor flex — fără width:100% explicit aici,
   chatul (mesaje + formular + butonul Trimite) se dimensiona doar după conținut și
   ieșea din ecran în dreapta. box-sizing + min-width:0 pe elementele din formular
   permit input-ului să se micșoreze corect în loc să forțeze rândul mai lat decât
   ecranul; word-break pe textul mesajelor evită overflow orizontal la mesaje lungi. */
.mc-ride-chat{width:100%;max-width:100%;box-sizing:border-box;margin-top:14px;border-top:1px solid var(--line,#ece3d8);padding-top:14px}
.mc-chat-panel{width:100%;max-width:100%;box-sizing:border-box;margin-top:10px}
.mc-chat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.mc-chat-title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.86rem;color:var(--ink,#1c1a18)}
.mc-chat-status{font-size:.78rem;color:var(--red,#AD390F)}
.mc-chat-messages{width:100%;max-width:100%;box-sizing:border-box;max-height:260px;overflow-y:auto;background:var(--cream,#FBF7F2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.mc-chat-empty{font-size:.85rem;color:var(--ink-soft,#5b5550);text-align:center;padding:10px 0}
.mc-chat-msg{max-width:82%;border-radius:12px;padding:6px 10px;font-size:.86rem;line-height:1.4}
.mc-chat-msg-theirs{align-self:flex-start;background:#fff;border:1px solid var(--line,#ece3d8)}
.mc-chat-msg-mine{align-self:flex-end;background:var(--orange,#F95301);color:#fff}
.mc-chat-msg-label{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.7rem;opacity:.75;margin-bottom:2px}
.mc-chat-msg-text{overflow-wrap:break-word;word-break:break-word}
.mc-chat-msg-time{font-size:.68rem;opacity:.65;margin-top:2px;text-align:right}
.mc-chat-form{width:100%;max-width:100%;box-sizing:border-box;display:flex;gap:8px;margin-top:10px}
.mc-chat-input{flex:1;min-width:0;border:1.5px solid var(--line,#ece3d8);border-radius:100px;padding:.6em 1em;font-family:'Poppins',sans-serif;font-size:.86rem}
.mc-chat-input:focus{outline:none;border-color:var(--orange,#F95301)}
.mc-chat-send{flex:none;font-family:'Montserrat',sans-serif;font-weight:600;font-size:.82rem;background:var(--orange,#F95301);color:#fff;border:none;border-radius:100px;padding:.6em 1.4em;cursor:pointer;white-space:nowrap}
.mc-chat-send:hover{background:var(--orange-deep,#E04400)}
.mc-chat-closed-note{font-size:.82rem;color:var(--ink-soft,#5b5550);background:var(--cream-2,#F4ECE3);border-radius:10px;padding:10px 12px;margin-top:10px;text-align:center}
.mc-chat-toggle{font-family:'Montserrat',sans-serif;font-weight:600;font-size:.82rem;color:var(--orange-deep,#E04400);text-decoration:none;cursor:pointer}
.mc-chat-toggle:hover{text-decoration:underline}
@media(max-width:480px){.mc-chat-form{flex-wrap:wrap}.mc-chat-input{flex:1 1 100%}.mc-chat-send{flex:1 1 100%}}