/* Safank Messenger — WhatsApp + Facebook inspired theme (loaded after chat.css) */
:root{--wa-green:#00a884;--wa-dark:#008069;--wa-bg:#efeae2;--wa-mine:#d9fdd3;--wa-theirs:#fff;--wa-text:#111b21;--wa-muted:#667781;--wa-line:#e9edef;--fb-blue:#1877f2}
body .app{background:#f0f2f5;color:var(--wa-text);font-family:"Segoe UI",Helvetica,Arial,sans-serif}
body .topbar{background:var(--wa-dark)!important;color:#fff!important;border:0!important;box-shadow:0 1px 3px rgba(0,0,0,.15)}
body .topbar .back,body .topbar .brand b{color:#fff!important}
body .topbar .brand small{color:rgba(255,255,255,.8)!important}
body .sidebar{background:#fff!important;border-right:1px solid var(--wa-line)!important}
body .sidebar-head b{color:var(--wa-text)}
body .new-chat{background:var(--wa-green)!important;color:#fff!important;border-radius:50%!important;border:0!important}
body .search{background:#f0f2f5!important;border-radius:10px!important;border:0!important}
body .search input{background:transparent!important}
body .person{border-bottom:1px solid var(--wa-line)!important;background:#fff}
body .person:hover{background:#f5f6f6!important}
body .person.active{background:#f0f2f5!important}
body .person-time{color:var(--wa-muted)}
body .avatar{background:#dfe5e7;object-fit:cover}
body .chatHead{background:#f0f2f5!important;border-bottom:1px solid var(--wa-line)!important}
body .call-btn,body .chat-menu-btn{background:transparent!important;border:0!important;color:#54656f!important;box-shadow:none!important}
body .call-btn:hover,body .chat-menu-btn:hover{background:rgba(0,0,0,.06)!important}
body .messages{background-color:var(--wa-bg)!important;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px)!important;background-size:18px 18px!important}
body .bubble{border-radius:8px!important;box-shadow:0 1px .5px rgba(11,20,26,.13)!important;border:0!important;max-width:min(72%,560px)}
body .bubble.mine{background:var(--wa-mine)!important;color:var(--wa-text)!important;border-top-right-radius:0!important}
body .bubble.theirs{background:var(--wa-theirs)!important;color:var(--wa-text)!important;border-top-left-radius:0!important}
body .bubble .message-time,body .meta{color:var(--wa-muted)!important}
body .bubble .ticks.read,body .ticks.read{color:#53bdeb!important}
body .bubble .message-menu-btn{color:var(--wa-muted)!important}
body .composer{background:#f0f2f5!important;border-top:0!important}
body .composer input{background:#fff!important;border:0!important;border-radius:22px!important}
body .send{background:var(--wa-green)!important;color:#fff!important;border-radius:50%!important;border:0!important}
body .welcome{background:#f0f2f5}
body .welcome-icon{filter:hue-rotate(80deg)}
body .bottom-nav{background:#fff!important;border-top:1px solid var(--wa-line)!important}
body .bottom-nav a{color:#54656f!important}
body .bottom-nav a.active{color:var(--wa-dark)!important;font-weight:700}

/* Call screen — full WhatsApp style */
body .call-overlay{background:rgba(11,20,26,.85)!important;backdrop-filter:blur(6px)}
body .call-window{background:linear-gradient(180deg,#0b141a,#111b21 60%,#0b141a)!important;color:#fff!important;border:0!important;border-radius:22px!important;box-shadow:0 20px 60px rgba(0,0,0,.5)!important}
body .call-header strong,body .call-header small{color:#fff!important}
body .audio-stage img{width:120px!important;height:120px!important;border-radius:50%!important;box-shadow:0 0 0 6px rgba(0,168,132,.25),0 0 0 14px rgba(0,168,132,.12);animation:waPulse 1.8s ease-in-out infinite}
body .audio-stage strong{color:#fff!important;font-size:22px}
body .audio-stage span{color:#aebac1!important}
body .video-stage{background:#000!important;border-radius:16px;overflow:hidden}
body #remoteVideo{width:100%;height:100%;object-fit:cover;background:#000}
body #localVideo{border-radius:12px!important;border:2px solid rgba(255,255,255,.7)!important;object-fit:cover}
body .ctrl{border-radius:50%!important;width:62px;height:62px;background:rgba(255,255,255,.12)!important;color:#fff!important;border:0!important}
body .ctrl span{font-size:10px;color:#d1d7db}
body .ctrl.accept{background:var(--wa-green)!important}
body .ctrl.end,body .ctrl.reject{background:#ea0038!important}
@keyframes waPulse{50%{box-shadow:0 0 0 10px rgba(0,168,132,.2),0 0 0 22px rgba(0,168,132,.08)}}