/* V86 final WhatsApp-like mobile archive and chat polish */
:root{--v86-navy:#073452;--v86-navy2:#0b4967;--v86-green:#0aa37f;--v86-bg:#eef7fb;--v86-card:#ffffff;--v86-line:#d9e9f2;--v86-text:#062b42;--v86-muted:#6c8393;}

/* Archive like WhatsApp media screen */
.media-archive-v86{max-width:1120px;margin:0 auto;padding:22px 18px 92px;background:linear-gradient(180deg,#f2f9fd 0,#fff 100%);min-height:100vh}.media-archive-head-v86{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,var(--v86-navy),#0d6b88);color:#fff;border-radius:28px;padding:22px 24px;box-shadow:0 20px 48px rgba(7,52,82,.18)}.media-archive-head-v86 h1{margin:4px 0 4px;font-size:28px;line-height:1.3}.media-archive-head-v86 p{margin:0;color:rgba(255,255,255,.78);font-size:14px}.media-archive-head-v86 span{font-weight:900;color:#c8fff1}.archive-back-v86{width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.14);display:grid;place-items:center;color:#fff;text-decoration:none;flex:0 0 52px;border:1px solid rgba(255,255,255,.18)}.archive-back-v86 span{display:none}.media-tabs-v86{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.media-tabs-v86 a{display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;background:#fff;border:1px solid var(--v86-line);border-radius:20px;padding:15px 10px;color:var(--v86-text);box-shadow:0 12px 28px rgba(7,52,82,.07);font-weight:900}.media-tabs-v86 i{font-size:18px;color:var(--v86-navy2)}.media-tabs-v86 small{min-width:25px;height:25px;border-radius:999px;background:#eff7fb;color:var(--v86-navy);display:grid;place-items:center;font-size:12px}.media-tabs-v86 a.active{background:linear-gradient(135deg,var(--v86-navy),#0b617d);color:#fff}.media-tabs-v86 a.active i,.media-tabs-v86 a.active small{color:#fff}.media-tabs-v86 a.active small{background:rgba(255,255,255,.18)}.media-filter-v86{display:flex;gap:10px;margin:0 0 18px}.media-filter-v86 input{border:1px solid var(--v86-line);border-radius:16px;padding:13px 14px;background:#fff;min-width:0;outline:none}.media-filter-v86 input[name=q]{flex:1}.media-filter-v86 button,.media-filter-v86 a{border:0;border-radius:16px;background:var(--v86-navy);color:#fff;font-weight:900;padding:0 20px;text-decoration:none;display:grid;place-items:center}.archive-image-grid-v86{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}.archive-photo-v86{position:relative;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:#dcecf3;box-shadow:0 12px 28px rgba(7,52,82,.09);text-decoration:none}.archive-photo-v86 img{width:100%;height:100%;object-fit:cover;display:block}.archive-photo-v86 span{position:absolute;left:0;right:0;bottom:0;padding:28px 9px 8px;background:linear-gradient(0deg,rgba(0,0,0,.56),transparent);color:#fff;font-weight:800;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-files-list-v86,.archive-links-list-v86{display:grid;gap:10px}.archive-file-card-v86,.archive-link-card-v86{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--v86-line);border-radius:20px;padding:14px;text-decoration:none;color:var(--v86-text);box-shadow:0 10px 24px rgba(7,52,82,.06)}.archive-file-card-v86>i,.archive-link-card-v86>i{width:48px;height:48px;border-radius:16px;background:#eff7fb;display:grid;place-items:center;font-style:normal;font-weight:900;color:var(--v86-navy)}.archive-file-card-v86 span,.archive-link-card-v86 span{min-width:0;display:grid;gap:3px;flex:1}.archive-file-card-v86 b,.archive-link-card-v86 b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-file-card-v86 small,.archive-link-card-v86 small{color:var(--v86-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-file-card-v86 em,.archive-link-card-v86 em{color:var(--v86-green);font-style:normal}.archive-empty-v86{background:#fff;border:1px dashed #b9d2df;border-radius:22px;padding:35px;text-align:center;color:var(--v86-muted);font-weight:900}

/* General chat polish */
.chat-view{background:linear-gradient(180deg,#eef7fb 0%,#f9fbfc 100%)!important}.chat-head.premium-government-head{min-height:82px!important;padding:12px 16px!important;border-radius:0 0 24px 24px!important;background:linear-gradient(135deg,#073452 0%,#0c6a86 100%)!important;box-shadow:0 14px 34px rgba(7,52,82,.18)!important;align-items:center!important}.premium-group-avatar{width:50px!important;height:50px!important;min-width:50px!important;border-radius:18px!important}.premium-group-avatar svg{width:24px!important;height:24px!important}.premium-group-info h2{font-size:18px!important;line-height:1.25!important;margin:0!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-group-info .small{font-size:12px!important;line-height:1.4!important;max-width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.74)!important}.premium-online-dot{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:11px!important;margin-top:4px!important;background:rgba(10,163,127,.16)!important;color:#dffff6!important;border:1px solid rgba(210,255,246,.18)!important;padding:3px 8px!important;border-radius:999px!important}.premium-status-badge{font-size:11px!important;padding:6px 10px!important;border-radius:999px!important;white-space:nowrap!important}.mobile-chat-back-v49.premium-back-btn{width:38px!important;height:38px!important;border-radius:999px!important;min-width:38px!important;background:#fff!important;color:var(--v86-navy)!important;box-shadow:0 8px 20px rgba(0,0,0,.12)!important}.mobile-chat-back-v49.premium-back-btn svg{width:20px!important;height:20px!important}.messages{padding:14px 16px 150px!important;background:linear-gradient(180deg,#f5fafc,#f6f2ea)!important}.msg{margin:8px 0!important}.msg-row{align-items:flex-end!important;gap:7px!important}.msg-avatar{width:28px!important;height:28px!important;border-radius:50%!important}.msg-bubble{border-radius:18px!important;padding:10px 12px!important;max-width:min(76%,680px)!important;box-shadow:0 7px 18px rgba(7,52,82,.08)!important;border:1px solid rgba(7,52,82,.07)!important}.msg.incoming .msg-bubble{background:#fff!important;border-bottom-right-radius:7px!important}.msg.me .msg-bubble{background:#dff8ed!important;border-bottom-left-radius:7px!important}.msg-author{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:4px!important}.msg-author strong{font-size:12px!important;color:var(--v86-navy)!important}.msg-author span{font-size:10px!important;color:#78909c!important}.reply-action-v76{font-size:10px!important;padding:4px 7px!important;border-radius:999px!important;background:#edf8fb!important;color:var(--v86-navy)!important;border:0!important;margin-inline-start:auto}.msg-text{font-size:14px!important;line-height:1.75!important;color:#1a3444!important}.attachments-grid{display:grid!important;gap:8px!important;margin-top:8px!important}.image-attachment-v76{width:100%!important;max-width:320px!important;border-radius:16px!important;overflow:hidden!important;background:#edf4f7!important;text-decoration:none!important;border:1px solid #dcecf3!important}.image-attachment-v76 img{width:100%!important;max-height:230px!important;object-fit:cover!important;border-radius:0!important}.image-attachment-v76 span{display:block!important;font-size:11px!important;color:#506c7d!important;padding:7px 9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.audio-attachment,.audio-attachment-v41{border-radius:16px!important;background:#f8fcfd!important;border:1px solid #dcecf3!important;padding:10px!important;max-width:330px!important}.audio-file-head{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:7px!important}.audio-file-head b{width:34px!important;height:34px!important;border-radius:999px!important;background:#e7f5f2!important;display:grid!important;place-items:center!important}.audio-file-head strong{font-size:12px!important}.audio-file-head small{font-size:10px!important;color:#78909c!important}.audio-attachment audio{width:100%!important;height:36px!important}.file-attachment-v37{display:flex!important;align-items:center!important;gap:10px!important;border-radius:16px!important;background:#fff!important;border:1px solid #dcecf3!important;padding:10px!important;max-width:330px!important;text-decoration:none!important}.file-attachment-v37>b{width:40px!important;height:40px!important;border-radius:13px!important;background:#edf7fb!important;display:grid!important;place-items:center!important}.file-attachment-v37 strong{font-size:12px!important;color:var(--v86-text)!important}.file-attachment-v37 small{font-size:10px!important;color:#78909c!important}.msg-time-status{margin-top:5px!important;font-size:10px!important;color:#7d909c!important;display:flex!important;gap:6px!important;justify-content:flex-end!important}.composer.composer-pro{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(16px)!important;border-top:1px solid rgba(7,52,82,.12)!important;box-shadow:0 -16px 40px rgba(7,52,82,.08)!important}.message-bar-v61{display:grid!important;grid-template-columns:42px 1fr 42px 46px!important;gap:8px!important;align-items:end!important;padding:9px!important;background:transparent!important}.message-bar-v61 .target-btn-v61{display:none!important}.input-wrapper-v61{min-height:44px!important;border-radius:24px!important;background:#fff!important;border:1px solid #d9e9f2!important;display:flex!important;align-items:center!important;padding:0 14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}.input-wrapper-v61 textarea{height:28px!important;min-height:28px!important;max-height:96px!important;padding:5px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:14px!important;line-height:1.45!important;resize:none!important}.icon-btn-v61,.send-btn-v61{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;border:0!important}.attach-plus-v83{background:#edf7fb!important;color:var(--v86-navy)!important}.mic-btn-v61{background:#edf7fb!important;color:#526c7d!important}.mic-btn-v61.recording{background:#ffe9e9!important;color:#d33!important;animation:pulseV86 1s infinite}.send-action{width:46px!important;height:46px!important;min-width:46px!important;background:linear-gradient(135deg,#00826d,#00646f)!important;color:#fff!important;box-shadow:0 8px 18px rgba(0,130,109,.25)!important}.composer-meta-v61{padding:0 12px 8px!important}.file-rules-v61{display:none!important}.selected-files-v61{display:flex!important;gap:6px!important;overflow-x:auto!important;max-height:46px!important}.selected-file-chip{white-space:nowrap;border-radius:999px!important;background:#edf7fb!important;padding:6px 10px!important;font-size:11px!important;color:var(--v86-navy)!important}.voice-panel-v82{margin:8px 10px 0!important;border-radius:22px!important;background:linear-gradient(135deg,#073452,#0b617d)!important;color:#fff!important;padding:12px!important;box-shadow:0 14px 30px rgba(7,52,82,.18)!important}.voice-main-v82{display:flex!important;align-items:center!important;gap:10px!important}.voice-wave-v82{height:34px!important;flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:rgba(255,255,255,.08)!important;border-radius:999px!important}.voice-wave-v82 span{width:4px!important;border-radius:99px!important;background:#b8fff0!important;animation:voiceWaveV86 .75s infinite ease-in-out;height:12px}.voice-wave-v82 span:nth-child(2n){animation-delay:.12s}.voice-wave-v82 span:nth-child(3n){animation-delay:.22s}.voice-stop-v82,.voice-cancel-v82{width:38px!important;height:38px!important;border-radius:50%!important;border:0!important;display:grid!important;place-items:center!important}.voice-stop-v82{background:#fff!important;color:#c62828!important}.voice-cancel-v82{background:rgba(255,255,255,.14)!important;color:#fff!important}.voice-ready-v82{margin-top:8px!important;background:rgba(255,255,255,.10)!important;border-radius:16px!important;padding:8px!important}.voice-ready-v82 span{display:block!important;font-size:12px!important;margin-bottom:6px!important}.voice-ready-v82 audio{width:100%!important;height:36px!important}.upload-progress-v82{margin:8px 10px 0!important;border-radius:16px!important;background:#fff8e5!important;border:1px solid #ffe1a6!important;padding:9px!important}.upload-progress-v82 div{display:flex!important;justify-content:space-between!important;font-size:12px!important;color:#7a5200!important}.upload-progress-v82 progress{width:100%!important;height:8px!important}.target-picker-pro{border-radius:18px!important;margin:8px 10px!important;max-height:44vh!important;overflow:auto!important}.target-mini-v61{margin:8px 10px!important;border-radius:14px!important;font-size:12px!important;padding:8px 10px!important}.image-modal-v82.show{z-index:99999!important}
@keyframes voiceWaveV86{0%,100%{height:8px;opacity:.6}50%{height:28px;opacity:1}}@keyframes pulseV86{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

@media (max-width:820px){body{background:#eef7fb!important}.content.chat-view{height:100dvh!important;display:flex!important;flex-direction:column!important;padding-bottom:0!important}.chat-head.premium-government-head{position:sticky!important;top:0!important;z-index:30!important;margin:0!important;border-radius:0 0 22px 22px!important;min-height:74px!important;padding:9px 10px!important}.premium-group-avatar{width:42px!important;height:42px!important;min-width:42px!important;border-radius:15px!important}.premium-group-info{min-width:0!important;flex:1!important}.premium-group-info h2{font-size:15px!important}.premium-group-info .small{font-size:10.5px!important}.premium-online-dot{font-size:10px!important;padding:2px 7px!important}.premium-status-badge{display:none!important}.messages{flex:1!important;overflow-y:auto!important;padding:10px 10px 164px!important}.msg-avatar-link{display:none!important}.msg-bubble{max-width:84%!important;padding:8px 10px!important}.msg-author span{display:none!important}.msg-author strong{font-size:11px!important}.msg-text{font-size:13.5px!important}.msg-time-status span{max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.composer.composer-pro{position:fixed!important;left:0!important;right:0!important;bottom:74px!important;z-index:40!important;padding-bottom:env(safe-area-inset-bottom)!important}.message-bar-v61{grid-template-columns:40px 1fr 40px 44px!important;gap:7px!important;padding:8px 9px!important}.icon-btn-v61{width:40px!important;height:40px!important;min-width:40px!important}.send-action{width:44px!important;height:44px!important;min-width:44px!important}.input-wrapper-v61{min-height:42px!important;border-radius:22px!important}.input-wrapper-v61 textarea{font-size:14px!important}.mobile-bottom-nav{height:74px!important;z-index:35!important}.archive-image-grid-v86{grid-template-columns:repeat(3,1fr);gap:4px}.media-archive-v86{padding:10px 10px 88px}.media-archive-head-v86{border-radius:0 0 24px 24px;margin:-10px -10px 10px;padding:16px 14px}.media-archive-head-v86 h1{font-size:20px}.media-archive-head-v86 p{font-size:11px}.archive-back-v86{width:42px;height:42px;flex-basis:42px;border-radius:14px}.media-tabs-v86{gap:7px;margin:10px 0}.media-tabs-v86 a{border-radius:16px;padding:11px 5px;gap:6px;font-size:12px}.media-filter-v86{display:grid;grid-template-columns:1fr 1fr;gap:7px}.media-filter-v86 input[name=q]{grid-column:1/-1}.media-filter-v86 button,.media-filter-v86 a{height:40px}.archive-photo-v86{border-radius:4px;box-shadow:none}.archive-photo-v86 span{display:none}.archive-file-card-v86,.archive-link-card-v86{border-radius:16px;padding:11px}.archive-file-card-v86>i,.archive-link-card-v86>i{width:42px;height:42px;border-radius:14px}}
@media (min-width:821px){.composer.composer-pro{position:sticky!important;bottom:0!important}.message-bar-v61{grid-template-columns:44px minmax(0,1fr) 44px 50px!important}.chat-head.premium-government-head{border-radius:26px!important;margin:14px!important}.messages{border-radius:24px!important;margin:0 14px!important}.voice-panel-v82{max-width:720px!important;margin-inline:14px!important}.media-filter-v86 input[type=date]{width:160px}}