/* VELVET_DIRECT_SIBLING_R52_20260928
   Match Velvet Line's black/purple/gold visual language while keeping Direct-owned UX. */
:root{
  color-scheme:dark;
  --vd-bg:#050108;--vd-panel:#0d0712;--vd-panel2:#160b1e;
  --vd-purple:#a855f7;--vd-purple2:#d8b4fe;--vd-gold:#d9b36c;
  --vd-text:#fbf9ff;--vd-muted:#aaa3b0;--vd-line:rgba(168,85,247,.30);
  --green:#a855f7!important;--green2:#d8b4fe!important;--gold:#d9b36c!important;
  --dc-green:#a855f7!important;--dc-green-soft:#d8b4fe!important;
  --dc-green-2:#7e22ce!important;--dc-green-dark:#3b0764!important;
}
html,body{background:#050108!important;color:#fbf9ff!important;accent-color:#a855f7}
body{background:radial-gradient(circle at 50% 8%,rgba(168,85,247,.14),transparent 30%),#050108!important}
.vd52-shell{min-height:100dvh;background:#050108;color:#fbf9ff;padding-bottom:calc(78px + env(safe-area-inset-bottom))}
.vd52-head{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;min-height:68px;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:rgba(8,3,12,.97);border-bottom:1px solid rgba(168,85,247,.24);backdrop-filter:blur(16px)}
.vd52-head img{width:42px;height:42px;border-radius:14px;border:1px solid rgba(213,179,108,.42);object-fit:cover}
.vd52-brand strong{display:block;font-size:18px;letter-spacing:.13em}.vd52-brand small{color:#d9b36c;font-size:9px;letter-spacing:.18em}
.vd52-online{font-size:9px;font-weight:900;letter-spacing:.12em;color:#d8b4fe;white-space:nowrap}
.vd52-online:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#a855f7;box-shadow:0 0 12px rgba(168,85,247,.75)}
.vd52-main{padding:18px 16px}.vd52-hero{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid rgba(168,85,247,.28);border-radius:22px;background:linear-gradient(160deg,#100817,#08030d);box-shadow:0 18px 44px rgba(0,0,0,.26)}
.vd52-avatar{width:72px;height:72px;flex:0 0 72px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#160b1e;border:2px solid rgba(213,179,108,.68);color:#d8b4fe;font-weight:900;font-size:24px}
.vd52-avatar img{width:100%;height:100%;object-fit:cover}.vd52-me{min-width:0}.vd52-me h1{font-size:22px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd52-me p{margin:0;color:#aaa3b0;font-size:12px}
.vd52-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 18px}.vd52-action{min-height:58px;border:1px solid rgba(168,85,247,.30);border-radius:16px;background:#0d0712;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900}.vd52-action.primary{background:linear-gradient(135deg,#3b0b52,#7e22ce);border-color:#b86cff}.vd52-action span{color:#d9b36c}
.vd52-search{display:flex;align-items:center;gap:8px;border:1px solid rgba(168,85,247,.24);background:#0d0712;border-radius:14px;padding:0 12px;margin-bottom:12px}.vd52-search input{flex:1;min-height:48px;background:transparent;border:0;color:#fff;font:inherit;outline:0}
.vd52-title{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 9px}.vd52-title strong{font-size:13px;letter-spacing:.10em}.vd52-title span{color:#d9b36c;font-size:11px}
.vd52-list{display:grid;gap:8px;max-height:calc(100dvh - 390px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:8px}
.vd52-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(168,85,247,.20);border-radius:16px;background:#0d0712}.vd52-row .vd52-avatar{width:46px;height:46px;flex-basis:46px;font-size:16px}.vd52-copy{min-width:0}.vd52-name{font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd52-meta{margin-top:3px;color:#aaa3b0;font-size:11px}.vd52-meta b{color:#d8b4fe}
.vd52-row-actions{display:flex;gap:7px}.vd52-mini{width:38px;height:38px;border:1px solid rgba(168,85,247,.32);border-radius:12px;background:#160b1e;color:#fff;font-size:17px}
.vd52-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);padding:7px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(5,1,8,.97);border-top:1px solid rgba(168,85,247,.24);backdrop-filter:blur(18px)}
.vd52-nav a{min-height:54px;color:#aaa3b0;text-decoration:none;display:grid;place-items:center;font-size:10px;font-weight:850}.vd52-nav a b{display:block;font-size:20px;color:#c084fc}.vd52-nav a.active,.vd52-nav a.active b{color:#d9b36c}
body.dc-phone-walkie-r24{background:#050108!important;padding-bottom:0!important}
body.dc-phone-walkie-r24 .dc-b{background:radial-gradient(circle at 50% 42%,rgba(168,85,247,.13),transparent 42%),linear-gradient(180deg,#08020d,#050108)!important}
body.dc-phone-walkie-r24 .dc-b-head{background:rgba(8,3,12,.98)!important;border-bottom:1px solid rgba(168,85,247,.24)!important}
body.dc-phone-walkie-r24 .dc-b-console{background:transparent!important}
body.dc-phone-walkie-r24 .dc-b-console-frame{border:1px solid rgba(168,85,247,.34)!important;background:radial-gradient(circle at 50% 40%,rgba(168,85,247,.10),transparent 44%),linear-gradient(180deg,#100717,#08030d)!important;box-shadow:0 18px 48px rgba(0,0,0,.34),inset 0 0 0 1px rgba(213,179,108,.05)!important}
body.dc-phone-walkie-r24 .dc-b-online,body.dc-phone-walkie-r24 .dc-b-ready,#oFloor{color:#d8b4fe!important}
body.dc-phone-walkie-r24 .dc-b-online i,body.dc-phone-walkie-r24 .dc-b-ready i{background:#a855f7!important;box-shadow:0 0 12px rgba(168,85,247,.72)!important}
body.dc-phone-walkie-r24 #oPtt{border-color:#b86cff!important;background:radial-gradient(circle at 48% 36%,rgba(168,85,247,.95),rgba(83,31,116,.98) 47%,#0b0410 74%)!important;box-shadow:0 0 0 5px rgba(168,85,247,.13),0 0 34px rgba(168,85,247,.30),inset 0 0 0 1px rgba(213,179,108,.34)!important}
body.dc-phone-walkie-r24 #oPtt::after{border-color:rgba(168,85,247,.22)!important}body.dc-phone-walkie-r24 .dc-talk-icon-r1{color:#fff!important}body.dc-phone-walkie-r24 #oViz i{background:linear-gradient(#d9b36c,#a855f7)!important}
body.dc-phone-walkie-r24 .dc-b-btn,body.dc-phone-walkie-r24 .dc-b-right-stat{border-color:rgba(168,85,247,.28)!important;background:#0d0712!important}body.dc-phone-walkie-r24 .dc-b-btn i{background:rgba(168,85,247,.09)!important;color:#c084fc!important}
body.vd52-direct-mode .dp-head{background:rgba(8,3,12,.98)!important;border-bottom:1px solid rgba(168,85,247,.24)!important}
body.vd52-direct-mode .dp-head-center small{color:#d9b36c!important}
body.vd52-direct-mode .dp-main{background:#050108!important}
body.vd52-direct-mode .dp-card,body.vd52-direct-mode .dp-row,body.vd52-direct-mode .dp-search,body.vd52-direct-mode .dp-identity-notice{background:#0d0712!important;border-color:rgba(168,85,247,.24)!important}
body.vd52-direct-mode .dp-status,body.vd52-direct-mode .dp-direct,body.vd52-direct-mode .dp-sync,body.vd52-direct-mode .dp-mini.velvet{color:#d8b4fe!important;border-color:rgba(168,85,247,.40)!important}
body.vd52-direct-mode .dp-contact-hero .dp-avatar{border-color:rgba(213,179,108,.60)!important}
body.vd52-direct-mode .dp-action-grid .velvet{background:linear-gradient(135deg,#3b0b52,#7e22ce)!important;border-color:#b86cff!important;color:#fff!important}
body.vd52-direct-mode .dp-nav{display:grid!important;grid-template-columns:repeat(3,1fr)!important;background:rgba(5,1,8,.97)!important;border-top:1px solid rgba(168,85,247,.24)!important}
body.vd52-direct-mode .dp-nav a{color:#aaa3b0!important}body.vd52-direct-mode .dp-nav a.active{color:#d9b36c!important}
body.vd52-direct-mode .dp-list{padding-bottom:86px!important}
@media(max-height:760px){.vd52-list{max-height:calc(100dvh - 350px)}}
body.vd52-direct-mode.dc-phone-walkie-r24{overflow:hidden!important;padding-bottom:0!important}
body.vd52-direct-mode.dc-phone-walkie-r24 .dc-b{height:100dvh!important;min-height:100dvh!important;grid-template-rows:64px minmax(0,1fr)!important}
body.vd52-direct-mode .dc-b-head{grid-template-columns:46px minmax(0,1fr) auto!important;min-height:64px!important;padding:8px 14px!important;gap:10px!important}
body.vd52-direct-mode .vl-line-back-r10{display:grid!important;width:42px!important;height:42px!important;place-items:center!important;border:1px solid rgba(168,85,247,.42)!important;border-radius:15px!important;background:#100717!important;color:#fff!important;font:400 34px/1 system-ui,sans-serif!important}
body.vd52-direct-mode .dc-b-logo{display:none!important}
body.vd52-direct-mode .dc-b-console{padding:12px 14px 14px!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.vd52-direct-mode .dc-b-console-frame{width:min(440px,100%)!important;min-height:min(610px,calc(100dvh - 92px))!important;max-height:calc(100dvh - 92px)!important;padding:18px 16px 14px!important;border-radius:26px!important;display:flex!important;flex-direction:column!important;gap:12px!important}
body.vd52-direct-mode .dc-b-center{order:1!important;flex:1 1 auto!important;width:100%!important;min-height:0!important;justify-content:center!important;gap:8px!important}
body.vd52-direct-mode .dc-b-ready{display:inline-flex!important;width:auto!important;height:30px!important;padding:0 12px!important;margin:0 auto 4px!important;border:1px solid rgba(168,85,247,.30)!important;border-radius:999px!important;background:rgba(168,85,247,.07)!important}
body.vd52-direct-mode .dc-b-peer{width:min(320px,100%)!important;min-height:58px!important;margin:0 auto 4px!important;padding:8px 12px!important;border:1px solid rgba(168,85,247,.26)!important;border-radius:18px!important;background:rgba(5,1,8,.68)!important}
body.vd52-direct-mode #dcPeerHeroR1{width:40px!important;height:40px!important;flex-basis:40px!important;background:#160b1e!important;border-color:rgba(213,179,108,.54)!important}
body.vd52-direct-mode #oName{max-width:220px!important;font-size:15px!important;text-align:left!important}
body.vd52-direct-mode nav.dc-b-rail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.vd52-discovery{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(168,85,247,.34);border-radius:16px;background:linear-gradient(135deg,rgba(126,34,206,.20),rgba(13,7,18,.96));box-shadow:0 12px 28px rgba(0,0,0,.24)}
.vd52-discovery[hidden]{display:none!important}.vd52-discovery img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid rgba(213,179,108,.55)}.vd52-discovery-copy{min-width:0;flex:1}.vd52-discovery-copy b{display:block;color:#fff;font-size:13px}.vd52-discovery-copy span{display:block;margin-top:3px;color:#bdb5c3;font-size:11px;line-height:1.35}.vd52-discovery a{color:#d9b36c;font-size:11px;font-weight:900;text-decoration:none}