/* SkabStudio v2.3.2 — complete single-column DM rebuild. */
#directMessagesV220.skab-dm-root-v232{
  display:block!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;overflow:visible!important;box-sizing:border-box!important;
  border:1px solid rgba(44,232,255,.30)!important;background:#05080d!important;
}
#directMessagesV220 .skab-dm-app-v232{
  display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;box-sizing:border-box!important;background:#05080d!important;
}
#directMessagesV220 .skab-dm-selector-host-v232{
  position:relative!important;display:block!important;width:100%!important;min-width:0!important;
  margin:0!important;padding:10px!important;box-sizing:border-box!important;overflow:visible!important;
  border-bottom:1px solid rgba(44,232,255,.28)!important;background:#070c12!important;
}
#directMessagesV220 .skab-dm-selector-v232{position:relative!important;display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
#directMessagesV220 .skab-dm-selector-button-v232{
  all:unset!important;display:grid!important;grid-template-columns:58px minmax(0,1fr) auto auto!important;
  align-items:center!important;gap:12px!important;width:100%!important;height:76px!important;min-width:0!important;
  padding:8px 12px!important;box-sizing:border-box!important;cursor:pointer!important;
  border:1px solid #2ce8ff!important;border-radius:8px!important;
  background:linear-gradient(135deg,rgba(44,232,255,.11),#070c12 72%)!important;color:#fff!important;
}
#directMessagesV220 .skab-dm-selector-avatar-v232{
  display:grid!important;place-items:center!important;width:56px!important;height:56px!important;min-width:56px!important;
  overflow:hidden!important;box-sizing:border-box!important;border:2px solid #2ce8ff!important;border-radius:6px!important;
  background:#02050a!important;color:#fff!important;font:800 11px/1 var(--mono)!important;
}
#directMessagesV220 .skab-dm-selector-avatar-v232 img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;background:#02050a!important}
#directMessagesV220 .skab-dm-selector-copy-v232{display:block!important;min-width:0!important;overflow:hidden!important}
#directMessagesV220 .skab-dm-selector-copy-v232 small{display:block!important;margin:0 0 5px!important;color:#2ce8ff!important;font:700 10px/1 var(--mono)!important;letter-spacing:.14em!important;text-transform:uppercase!important}
#directMessagesV220 .skab-dm-selector-copy-v232 b{display:block!important;color:#fff!important;font:700 20px/1.1 var(--display)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#directMessagesV220 .skab-dm-selector-arrow-v232{display:block!important;color:#2ce8ff!important;font:800 24px/1 var(--mono)!important}
#directMessagesV220 .skab-dm-selector-menu-v232{
  position:absolute!important;z-index:9999!important;left:0!important;right:0!important;top:calc(100% + 8px)!important;
  display:block!important;width:100%!important;min-width:0!important;max-height:min(58vh,520px)!important;
  margin:0!important;padding:8px!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;
  border:1px solid #2ce8ff!important;border-radius:8px!important;background:#070c12!important;box-shadow:0 20px 55px rgba(0,0,0,.88)!important;
}
#directMessagesV220 .skab-dm-selector-menu-v232[hidden]{display:none!important}
#directMessagesV220 .skab-dm-selector-search-wrap-v232{display:block!important;width:100%!important;margin:0 0 8px!important}
#directMessagesV220 .skab-dm-selector-search-v232{
  all:unset!important;display:block!important;width:100%!important;height:48px!important;padding:0 13px!important;box-sizing:border-box!important;
  border:1px solid rgba(44,232,255,.55)!important;border-radius:6px!important;background:#03070c!important;color:#fff!important;
  font:600 14px/1 var(--mono)!important;
}
#directMessagesV220 .skab-dm-selector-option-v232{
  all:unset!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;align-items:center!important;
  gap:11px!important;width:100%!important;min-height:64px!important;margin:0 0 7px!important;padding:6px 9px!important;
  box-sizing:border-box!important;cursor:pointer!important;border:1px solid rgba(44,232,255,.25)!important;border-radius:6px!important;
  background:#091019!important;color:#fff!important;
}
#directMessagesV220 .skab-dm-selector-option-v232.is-active{border-color:#2ce8ff!important;background:rgba(44,232,255,.10)!important}
#directMessagesV220 .skab-dm-selector-option-v232 .skab-dm-selector-avatar-v232{width:50px!important;height:50px!important;min-width:50px!important}
#directMessagesV220 .skab-dm-selector-option-copy-v232{display:block!important;min-width:0!important;overflow:hidden!important}
#directMessagesV220 .skab-dm-selector-option-copy-v232 b{display:block!important;color:#fff!important;font:700 16px/1.15 var(--display)!important;white-space:normal!important;overflow-wrap:anywhere!important}
#directMessagesV220 .skab-dm-selector-option-copy-v232 small{display:block!important;margin-top:4px!important;color:#8390a3!important;font:500 10px/1.25 var(--mono)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#directMessagesV220 .skab-dm-messages-v232{
  display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;min-width:0!important;
  min-height:420px!important;max-height:62vh!important;margin:0!important;padding:14px!important;box-sizing:border-box!important;
  overflow-y:auto!important;overflow-x:hidden!important;background:#05080d!important;
}
#directMessagesV220 .skab-dm-message-v232{
  display:block!important;align-self:flex-start!important;width:auto!important;max-width:78%!important;min-width:90px!important;
  margin:0!important;padding:11px 13px!important;box-sizing:border-box!important;border:1px solid rgba(93,119,153,.42)!important;
  border-radius:8px 8px 8px 2px!important;background:#0a111c!important;color:#fff!important;
}
#directMessagesV220 .skab-dm-message-v232.is-mine{align-self:flex-end!important;border-color:rgba(44,232,255,.58)!important;border-radius:8px 8px 2px 8px!important;background:rgba(44,232,255,.09)!important}
#directMessagesV220 .skab-dm-message-v232 b{display:block!important;margin:0 0 6px!important;color:#2ce8ff!important;font:700 11px/1.2 var(--mono)!important}
#directMessagesV220 .skab-dm-message-v232 p{margin:0!important;color:#e8eef8!important;font:500 16px/1.45 var(--mono)!important;overflow-wrap:anywhere!important}
#directMessagesV220 .skab-dm-message-v232 small{display:block!important;margin-top:8px!important;color:#768397!important;font:500 10px/1 var(--mono)!important}
#directMessagesV220 .skab-dm-compose-v232{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;width:100%!important;padding:12px!important;box-sizing:border-box!important;border-top:1px solid rgba(44,232,255,.25)!important;background:#070c12!important}
#directMessagesV220 .skab-dm-compose-v232[hidden]{display:none!important}
#directMessagesV220 .skab-dm-compose-v232 input{min-width:0!important;height:54px!important;padding:0 15px!important;box-sizing:border-box!important;border:1px solid rgba(86,111,146,.55)!important;border-radius:7px!important;background:#03070c!important;color:#fff!important;font:500 14px var(--mono)!important}
#directMessagesV220 .skab-dm-compose-v232 button{height:54px!important;padding:0 22px!important;border:1px solid #2ce8ff!important;border-radius:7px!important;background:rgba(44,232,255,.10)!important;color:#2ce8ff!important;font:800 12px var(--mono)!important;letter-spacing:.14em!important;text-transform:uppercase!important}
#directMessagesV220 .skab-dm-note-v232{display:block!important;min-height:0!important;padding:0 12px 8px!important;color:#718095!important;font:500 10px var(--mono)!important}
#directMessagesV220 .skab-dm-empty-v232,#directMessagesV220 .skab-dm-loading-v232,#directMessagesV220 .skab-dm-error-v232{margin:auto!important;padding:24px!important;color:#7d899b!important;text-align:center!important;font:600 12px/1.5 var(--mono)!important;letter-spacing:.08em!important}
@media(max-width:700px){
  #directMessagesV220 .skab-dm-selector-host-v232{padding:8px!important}
  #directMessagesV220 .skab-dm-selector-button-v232{grid-template-columns:54px minmax(0,1fr) auto auto!important;height:70px!important;padding:7px 10px!important;gap:10px!important}
  #directMessagesV220 .skab-dm-selector-avatar-v232{width:52px!important;height:52px!important;min-width:52px!important}
  #directMessagesV220 .skab-dm-selector-copy-v232 b{font-size:17px!important}
  #directMessagesV220 .skab-dm-messages-v232{min-height:390px!important;max-height:59vh!important;padding:12px!important}
  #directMessagesV220 .skab-dm-message-v232{max-width:84%!important}
}

/* SkabStudio v2.3.3 — mobile visual-viewport composer protection. */
@media (max-width:700px){
  body.profile-view #my-garage.is-chat-view-v189 .garage-chat-mode-panel-v161.is-active{
    min-height:0!important;
    overflow:hidden!important;
  }
  body.profile-view #my-garage.is-chat-view-v189 #directMessagesV220.skab-dm-root-v232{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:var(--skab-dm-visible-height,calc(100svh - 330px))!important;
    min-height:340px!important;
    max-height:var(--skab-dm-visible-height,calc(100svh - 330px))!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  #directMessagesV220 .skab-dm-app-v232{
    flex:1 1 auto!important;
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  #directMessagesV220 .skab-dm-selector-host-v232{
    flex:0 0 auto!important;
  }
  #directMessagesV220 .skab-dm-messages-v232{
    flex:1 1 0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #directMessagesV220 .skab-dm-compose-v232{
    position:relative!important;
    inset:auto!important;
    flex:0 0 auto!important;
    z-index:6!important;
    padding:10px 10px calc(12px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    background:#070c12!important;
    box-sizing:border-box!important;
  }
  #directMessagesV220 .skab-dm-note-v232{
    flex:0 0 auto!important;
    padding-bottom:calc(6px + env(safe-area-inset-bottom))!important;
  }
}

/* v2.3.8 — keyboard and member-selector focus behaviour */
@media (max-width:700px){
  #directMessagesV220.is-keyboard-open-v238{
    min-height:180px!important;
  }
  #directMessagesV220.is-keyboard-open-v238 .skab-dm-selector-host-v232{
    /* Let the selector scroll away naturally while composing, preserving the
       maximum useful space directly above the keyboard. */
    flex:0 0 auto!important;
  }
  #directMessagesV220.is-keyboard-open-v238 .skab-dm-compose-v232{
    padding-bottom:8px!important;
  }
  #directMessagesV220 .skab-dm-selector-menu-v232{
    touch-action:pan-y!important;
  }
}


/* v2.4.0 DM polish */
.skab-dm-typing-v240{min-height:20px;padding:2px 8px 4px;color:#ff4fa3;font:700 11px/1.3 "IBM Plex Mono",monospace;letter-spacing:.04em}
.skab-dm-typing-v240[hidden]{display:none!important}
.skab-dm-selector-option-meta-v240{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}
.skab-dm-selector-option-meta-v240 time{font:600 10px/1 "IBM Plex Mono",monospace;color:#8192a2;white-space:nowrap}
.skab-dm-message-meta-v240{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}
.skab-dm-message-v232:not(.is-mine) .skab-dm-message-meta-v240{justify-content:flex-start}
.skab-dm-delete-v240{appearance:none;border:0;background:transparent;color:#ff72b8;padding:0;font:700 10px/1 "IBM Plex Mono",monospace;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.skab-dm-delete-v240:disabled{opacity:.45}
@media(max-width:520px){.skab-dm-selector-option-meta-v240 time{display:none}.skab-dm-typing-v240{padding-inline:4px}}

/* SkabStudio v2.4.1 — make the unread count inside the member list distinct. */
#directMessagesV220 .skab-dm-selector-option-meta-v240 .dm-unread-v222{
  color:#ff2da4!important;
  background:transparent!important;
  box-shadow:none!important;
  min-width:auto!important;
  height:auto!important;
  padding:0!important;
  border-radius:0!important;
  font:900 13px/1 "IBM Plex Mono",monospace!important;
  text-shadow:0 0 8px rgba(255,45,164,.72)!important;
}