/* V83 — final mobile chat polish: professional header, composer, voice recorder */
@media(max-width:820px){
  :root{--mobile-nav-h:74px;--composer-real-h:96px;--wisal-blue:#073452;--wisal-teal:#0b8a68;--wisal-soft:#eef7fb;}
  html,body{overflow:hidden!important;background:#eef6fa!important;}
  .app.app-pro{height:100dvh!important;overflow:hidden!important;background:#eef6fa!important;}
  .content.chat-view{height:100dvh!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;padding:0!important;overflow:hidden!important;background:#eef6fa!important;}

  /* Header */
  .chat-head.premium-government-head{position:relative!important;min-height:112px!important;max-height:112px!important;height:112px!important;padding:calc(10px + env(safe-area-inset-top)) 14px 12px!important;border-radius:0 0 26px 26px!important;background:linear-gradient(135deg,#073452 0%,#0b6686 100%)!important;box-shadow:0 12px 34px rgba(7,52,82,.22)!important;display:grid!important;grid-template-columns:42px 58px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:8px 10px!important;align-items:center!important;overflow:hidden!important;}
  .chat-head.premium-government-head:before{content:"";position:absolute;inset:auto -34px -64px auto;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none;}
  .chat-head.premium-government-head:after{display:none!important;content:none!important;}
  .premium-back-btn{position:relative!important;grid-column:1!important;grid-row:1/3!important;inset:auto!important;width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;color:#073452!important;box-shadow:0 8px 22px rgba(0,0,0,.15)!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;z-index:2!important;}
  .premium-back-btn svg{width:24px!important;height:24px!important;stroke-width:3!important;}
  .premium-group-avatar{grid-column:2!important;grid-row:1/3!important;width:56px!important;height:56px!important;border-radius:21px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important;}
  .premium-group-avatar svg{width:30px!important;height:30px!important;stroke:#fff!important;}
  .premium-group-info{grid-column:3!important;grid-row:1/3!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important;align-items:flex-start!important;justify-content:center!important;}
  .premium-group-info h2{margin:0!important;font-size:18px!important;line-height:1.22!important;color:#fff!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:right!important;}
  .premium-group-info .small{margin:0!important;color:rgba(255,255,255,.76)!important;font-size:11.5px!important;line-height:1.35!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .premium-online-dot{display:inline-flex!important;align-items:center!important;gap:5px!important;width:auto!important;max-width:100%!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;border-radius:999px!important;padding:4px 8px!important;font-size:10.5px!important;font-style:normal!important;font-weight:900!important;white-space:nowrap!important;}
  .premium-status-badge,.chat-head .tag,.premium-group-info .mini-badge.open{display:none!important;}

  /* Messages area leaves exact space for composer + bottom nav */
  .messages#messagesBox{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:auto!important;padding:14px 10px calc(var(--mobile-nav-h) + var(--mobile-safe) + var(--composer-real-h) + 12px)!important;background:linear-gradient(180deg,#f7fbfd,#eef6f8)!important;scroll-padding-bottom:170px!important;}
  .msg{max-width:98%!important;margin-bottom:12px!important;}
  .msg-row{gap:7px!important;align-items:flex-start!important;}
  .msg-bubble{max-width:100%!important;border-radius:20px!important;padding:11px 12px 9px!important;box-shadow:0 10px 28px rgba(7,52,82,.09)!important;border:1px solid rgba(219,232,240,.9)!important;}
  .msg.me .msg-bubble{background:#eafff5!important;border-color:#c6f2dc!important;}
  .msg-author{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
  .msg-author strong{font-size:13px!important;color:#073452!important;}
  .reply-action-v76{border-radius:999px!important;background:#eef7fb!important;color:#0a5571!important;font-weight:900!important;}
  .image-attachment-v76{border-radius:18px!important;overflow:hidden!important;background:#fff!important;border:1px solid #dbe9f0!important;}
  .image-attachment-v76 img{width:100%!important;max-height:220px!important;object-fit:cover!important;border-radius:16px!important;}
  .image-attachment-v76 span{font-size:11px!important;padding:7px 8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

  /* Composer */
  .composer.composer-pro{position:fixed!important;left:0!important;right:0!important;bottom:calc(var(--mobile-nav-h) + var(--mobile-safe))!important;z-index:7600!important;background:rgba(246,251,253,.94)!important;backdrop-filter:blur(16px)!important;padding:7px 10px 8px!important;border-top:1px solid rgba(211,226,235,.9)!important;box-shadow:0 -16px 36px rgba(7,52,82,.13)!important;border-radius:22px 22px 0 0!important;}
  .message-bar-v61{height:auto!important;min-height:54px!important;width:100%!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px 50px!important;align-items:end!important;gap:7px!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;}
  .target-btn-v61,.image-btn-v61{display:none!important;}
  .attach-plus-v83,.attach-btn-v61,.mic-btn-v61{width:44px!important;height:44px!important;border-radius:50%!important;border:1px solid #d8e8ef!important;background:#fff!important;color:#496375!important;display:grid!important;place-items:center!important;box-shadow:0 6px 18px rgba(7,52,82,.08)!important;font-size:18px!important;}
  .attach-plus-v83{grid-column:1!important;color:#0a5571!important;}
  .input-wrapper-v61{grid-column:2!important;min-height:48px!important;height:auto!important;background:#fff!important;border:1px solid #d8e8ef!important;border-radius:24px!important;display:flex!important;align-items:center!important;padding:0 13px!important;box-shadow:0 8px 22px rgba(7,52,82,.08)!important;}
  #messageBodyInput{min-height:42px!important;max-height:118px!important;height:42px!important;padding:10px 0!important;border:0!important;outline:0!important;background:transparent!important;font-size:15px!important;line-height:1.55!important;color:#18384d!important;resize:none!important;overflow:auto!important;text-align:right!important;}
  #messageBodyInput::placeholder{color:#8fa1ad!important;font-weight:700!important;}
  .mic-btn-v61{grid-column:3!important;color:#607485!important;}
  .mic-btn-v61.recording{background:#fff0f0!important;color:#d92020!important;border-color:#ffc9c9!important;animation:micPulseV83 1s infinite ease-in-out!important;}
  @keyframes micPulseV83{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
  .send-btn-v61{grid-column:4!important;width:50px!important;height:50px!important;border-radius:20px!important;background:linear-gradient(135deg,#073452,#0b8a68)!important;color:#fff!important;border:0!important;box-shadow:0 12px 28px rgba(11,138,104,.28)!important;display:grid!important;place-items:center!important;font-size:20px!important;}
  .send-btn-v61 i{transform:translateX(-1px) rotate(0deg)!important;}
  .send-btn-v61:disabled{opacity:.65!important;filter:grayscale(.15)!important;}
  .composer-meta-v61{margin-top:6px!important;display:block!important;max-height:58px!important;overflow:auto!important;}
  .file-rules-v61{display:none!important;}
  .selected-files-v61{display:flex!important;gap:6px!important;overflow:auto!important;padding:0 2px!important;}
  .selected-file-chip{flex:0 0 auto!important;max-width:210px!important;border-radius:999px!important;background:#fff!important;border:1px solid #d8e8ef!important;padding:6px 9px!important;box-shadow:0 4px 12px rgba(7,52,82,.06)!important;}
  .selected-file-chip b{background:#e8f7f1!important;color:#0b8a68!important;border-radius:999px!important;padding:2px 6px!important;margin-left:5px!important;font-size:9px!important;}
  .selected-file-chip em{font-style:normal!important;max-width:120px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:inline-block!important;vertical-align:middle!important;}

  /* Voice panel */
  .voice-panel-v82{margin:0 0 7px!important;border-radius:22px!important;border:1px solid #d5e7ee!important;background:#fff!important;padding:10px!important;box-shadow:0 10px 28px rgba(7,52,82,.1)!important;}
  .voice-main-v82{grid-template-columns:44px minmax(0,1fr) 58px 40px!important;gap:8px!important;}
  .voice-stop-v82,.voice-cancel-v82{width:40px!important;height:40px!important;box-shadow:0 6px 16px rgba(0,0,0,.08)!important;}
  .voice-stop-v82{background:#ef4444!important;color:white!important;}
  .voice-wave-v82{height:38px!important;border-radius:19px!important;background:linear-gradient(90deg,#eff8fb,#f8fcfd)!important;border:1px solid #e2eef3!important;gap:5px!important;}
  .voice-wave-v82 span{width:4px!important;background:linear-gradient(#0b8a68,#087c9d)!important;}
  #voiceTimerV82{font-size:14px!important;font-weight:1000!important;color:#073452!important;background:#eef7fb!important;border-radius:999px!important;padding:7px 8px!important;}
  .voice-ready-v82{margin-top:8px!important;background:#f7fbfd!important;border-radius:16px!important;padding:8px!important;border:1px solid #e0edf3!important;}
  .voice-ready-v82 span{font-size:12px!important;color:#073452!important;font-weight:900!important;}
  .voice-ready-v82 audio{height:38px!important;}
  .upload-progress-v82{margin:0 0 7px!important;border-radius:18px!important;}

  .mobile-bottom-nav{z-index:7400!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px)!important;border-top:1px solid #d9e8ef!important;}
}