#dartava-friends-layer[hidden],#dartava-social-toast[hidden]{display:none!important}
#dartava-friends-layer{position:fixed;inset:0;z-index:2147483300;background:#071120df;display:grid;place-items:center;padding:12px;overflow:auto}
#dartava-friends-layer .da-friends-panel{width:min(590px,100%);max-height:95dvh;overflow:auto;padding:18px;background:#162841;color:#fff;border:1px solid #428391;border-radius:15px;font-family:system-ui}
#dartava-friends-layer header{display:flex;justify-content:space-between;gap:12px}
#dartava-friends-layer small{color:#7bdfef}
#dartava-friends-layer h2{font-size:26px;margin:6px 0;color:#fff}
#dartava-friends-layer p{color:#d6e5f1;font-size:14px}
#dartava-friends-layer button,.da-friends-launch,.da-photo-button{border:1px solid #4a899a;border-radius:9px;padding:10px 12px;min-height:42px;background:#23485f;color:#fff!important;-webkit-text-fill-color:#fff!important;font:750 13px system-ui}
#dartava-friends-layer .da-friends-tabs{display:flex;gap:8px;margin:14px 0}
#dartava-friends-layer .da-friends-list{max-height:55dvh;overflow:auto}
#dartava-friends-layer article{display:flex;gap:12px;align-items:center;border-bottom:1px solid #37536b;padding:11px 0}
#dartava-friends-layer article>div:nth-child(2){flex:1;min-width:0}
#dartava-friends-layer article b,#dartava-friends-layer article small{display:block}
#dartava-friends-layer .da-player-badge{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#22516b;font-weight:850}
#dartava-social-toast{position:fixed;bottom:95px;left:12px;right:12px;z-index:2147483400;border-radius:11px;background:#183750;color:#fff;padding:12px 14px;font:650 14px system-ui}
.da-friends-launch{display:block;margin:14px auto;width:min(540px,calc(100% - 24px));background:#125f63}
.da-photo-button{margin:8px}

/* Friends-name search inside the existing approved Dartava Oche dialog. */
#dartava-friends-layer .da-players-search[hidden]{display:none!important}
#dartava-friends-layer .da-players-search{display:flex;align-items:end;flex-wrap:wrap;gap:9px;padding:9px 0 13px}
#dartava-friends-layer .da-players-search label{flex-basis:100%;font-size:13px;color:#d4eaf1}
#dartava-friends-layer .da-players-search input{flex:1 1 170px;min-width:0;min-height:45px;padding:0 12px;color:#fff;background:#0d2238;border:1px solid #5f91a7;border-radius:8px;font:500 16px system-ui}
#dartava-friends-layer .da-players-search input::placeholder{color:#bed0db}
#dartava-friends-layer .da-friends-tabs{flex-wrap:wrap}