/* Directory › Voicemail tab (D-233). Tabs and list chrome are the page's own .slab-tabs and .dl-* */
.dtab-vm{margin-left:auto;}
/* The row spans the width so Voicemail can sit at the right end; the grey line is drawn per tab so it never runs under the gap (D-259). */
#dtabs.slab-tabs{flex:1 1 auto;width:auto;box-shadow:none;}
#dtabs .dtab{background:linear-gradient(var(--border),var(--border)) left bottom/100% 2px no-repeat;}
body.dl-vm-on #dlFilterMount,body.dl-vm-on #dl-dd-sort,body.dl-vm-on #fl-bar,body.dl-vm-on #dl-banner,body.dl-vm-on #sa-alert,body.dl-vm-on #sa-orph,body.dl-vm-on #cs-err{display:none;}
.vm-head,.vm-row{display:grid;grid-template-columns:minmax(220px,1fr) 172px 76px 60px minmax(300px,2.6fr) 236px;min-width:1080px;padding:0 16px;}
.vm-head{align-items:center;background:var(--surface-menu);border-bottom:1px solid var(--surface-card);}
.vm-row{align-items:start;padding-top:8px;padding-bottom:8px;border-bottom:1px solid var(--surface-card);cursor:pointer;transition:background .1s;}
.vm-row:hover{background:color-mix(in srgb, var(--raise-ink) 2.2%, transparent);}
.vm-c{padding:6px 10px;min-width:0;font-size:15px;color:var(--text-2);}
.vm-p{padding-top:2px;}
.vm-num{font-variant-numeric:tabular-nums;white-space:nowrap;}
.vm-who{display:flex;align-items:center;gap:10px;min-width:0;}
.vm-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--count-bg);}
.vm-dot.off{background:transparent;}
.vm-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-bright);}
.vm-row.unread .vm-nm{font-weight:700;}
button.vm-nm{background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer;}
button.vm-nm:hover{text-decoration:underline;}
.vm-msg{line-height:1.4;overflow-wrap:anywhere;}
.vm-row:not(.open) .vm-msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.vm-msg.dim{color:var(--text-muted);}
.vm-msg .mi{font-size:var(--ico-sm,16px);vertical-align:-3px;margin-left:4px;}
.vm-row audio{display:block;width:100%;max-width:440px;height:36px;margin-top:8px;color-scheme:dark;}
.vm-a{padding-top:2px;}
.vm-acts{display:flex;align-items:center;justify-content:flex-end;gap:8px;}
.vm-acts .btn{flex:0 0 auto;}
.vm-err{padding:12px 16px;color:var(--text-2);font-size:15px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--surface-card);}
.vm-err .mi{color:var(--red,#B23A22);}
@media (max-width:1119px){
  .vm-head{display:none;}
  .vm-row{grid-template-columns:1fr auto auto;min-width:0;row-gap:2px;}
  .vm-c.vm-w,.vm-c.vm-m,.vm-c.vm-a{grid-column:1/-1;}
  .vm-acts{justify-content:flex-end;}
}