/* Sleek rail, clickable contact tiles, active-chat cleanup, and contact details surface. */
/* The second grid item is only an empty-state welcome; remove it when direct chat owns the workspace. */
[data-social-panel="chats"] .social-dashboard-grid.direct-chat-open>.social-side-stack{display:none!important}[data-social-panel="chats"] .social-dashboard-grid.direct-chat-open{grid-template-columns:310px minmax(0,1fr)!important}[data-social-panel="chats"] .social-dashboard-grid.direct-chat-open>.direct-chat-card:not([hidden]){display:flex!important;grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important}
/* Contact rows are names-first and tile-clickable. */
[data-social-panel="chats"] .social-contact{position:relative!important;display:flex!important;align-items:center!important;min-height:60px!important;cursor:pointer!important;user-select:none!important}[data-social-panel="chats"] .social-contact:focus-visible{outline:2px solid var(--hf-cyan)!important;outline-offset:3px!important}[data-social-panel="chats"] .social-contact-identity strong{font-size:13px!important;line-height:1.35!important}[data-social-panel="chats"] .social-contact-identity small,[data-social-panel="chats"] .social-contact-identity p{display:none!important}[data-social-panel="chats"] .social-contact-actions{display:none!important}
/* Light rail: clear contrast, soft border, and a more deliberate active state. */
html[data-theme="light"] .social-rail{background:linear-gradient(180deg,#155eef 0%,#2d61e6 52%,#4056d8 100%)!important;border-right:0!important;box-shadow:8px 0 30px rgba(39,87,205,.18),inset -1px 0 rgba(255,255,255,.18)!important}.social-rail-brand{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.28)!important;box-shadow:0 10px 24px rgba(8,35,125,.2)!important}.social-brand-pulse{box-shadow:0 0 0 7px rgba(255,255,255,.13),0 0 22px rgba(255,255,255,.6)!important}.social-nav-button{color:rgba(255,255,255,.7)!important}.social-nav-button:hover{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;transform:translateY(-1px)!important}.social-nav-button.is-active{background:#fff!important;border-color:#fff!important;color:#225fe7!important;box-shadow:0 12px 26px rgba(6,36,142,.25),inset 0 1px rgba(255,255,255,.9)!important}.social-nav-button.is-active>span{filter:drop-shadow(0 3px 8px rgba(34,94,230,.22))}.social-main-header{box-shadow:0 1px 0 rgba(30,72,140,.04)!important}
/* Contact details dialog. */
.halo-contact-details-dialog{width:min(480px,calc(100% - 24px));padding:0;border:1px solid var(--hf-line);border-radius:25px;background:#101a2b;color:var(--hf-ink);box-shadow:0 30px 100px #0008}.halo-contact-details-dialog::backdrop{background:#020611b8;backdrop-filter:blur(10px)}.halo-contact-details-card{position:relative;padding:28px}.halo-contact-details-close{position:absolute;right:15px;top:15px;width:34px;height:34px;border:1px solid #ffffff14;border-radius:11px;background:#ffffff08;color:var(--hf-muted);font-size:19px;cursor:pointer}.halo-contact-details-hero{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--hf-line-soft)}.halo-contact-details-avatar{display:grid;width:64px;height:64px;flex:0 0 64px;place-items:center;border-radius:20px;background:linear-gradient(135deg,var(--hf-violet),var(--hf-blue));color:#fff;font-size:17px;font-weight:850;box-shadow:0 14px 34px #4c7dff35}.halo-contact-details-hero h2{margin:0;color:var(--hf-ink);font-size:23px;letter-spacing:-.04em}.halo-contact-details-hero p{margin:5px 0 0;color:var(--hf-muted);font-size:10px}.halo-contact-details-body{display:grid;gap:12px;padding:20px 0}.halo-contact-detail-row{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--hf-line-soft)}.halo-contact-detail-row:last-child{border-bottom:0}.halo-contact-detail-row b{color:var(--hf-muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.halo-contact-detail-row span{overflow-wrap:anywhere;color:var(--hf-ink);font-size:11px;line-height:1.5}.halo-contact-detail-tags{display:flex;flex-wrap:wrap;gap:6px}.halo-contact-detail-tags i{padding:6px 8px;border:1px solid var(--hf-line);border-radius:999px;background:#ffffff08;color:var(--hf-blue);font-size:9px;font-style:normal}.halo-contact-details-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.halo-contact-details-actions button{min-height:45px;border:1px solid #ffffff14;border-radius:13px;background:#ffffff08;color:var(--hf-ink);cursor:pointer;font-weight:800;font-size:10px}.halo-contact-details-actions button.primary{border-color:transparent;background:linear-gradient(135deg,var(--hf-blue),var(--hf-violet));color:#fff;box-shadow:0 10px 24px #4c7dff30}
html[data-theme="light"] .halo-contact-details-dialog{border-color:#d8e2f0;background:#fff;color:#14233a;box-shadow:0 30px 90px rgba(33,72,137,.25)}html[data-theme="light"] .halo-contact-details-card{background:linear-gradient(145deg,#fff,#f7faff)}html[data-theme="light"] .halo-contact-details-close{border-color:#d8e2f0;background:#f7faff;color:#71819a}html[data-theme="light"] .halo-contact-details-hero{border-bottom-color:#e7edf6}html[data-theme="light"] .halo-contact-details-hero h2,html[data-theme="light"] .halo-contact-detail-row span{color:#14233a}html[data-theme="light"] .halo-contact-details-hero p,html[data-theme="light"] .halo-contact-detail-row b{color:#71819a}html[data-theme="light"] .halo-contact-detail-row{border-bottom-color:#e7edf6}html[data-theme="light"] .halo-contact-detail-tags i{border-color:#d8e2f0;background:#edf3ff;color:#1769ff}html[data-theme="light"] .halo-contact-details-actions button{border-color:#d8e2f0;background:#f7faff;color:#14233a}
@media(max-width:700px){[data-social-panel="chats"] .social-dashboard-grid.direct-chat-open{display:block!important}.halo-contact-details-card{padding:23px 18px}.halo-contact-details-actions{grid-template-columns:1fr}.halo-contact-details-hero h2{font-size:20px}}