/* SocialPress V4.10.59 — private Messenger file attachments */
.sp-chat-attach{
  width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;
  background:transparent;color:#0866ff;cursor:pointer;transition:background .16s ease,transform .16s ease,opacity .16s ease
}
.sp-chat-attach:hover{background:#edf4ff}.sp-chat-attach:active{transform:scale(.94)}
.sp-chat-attach:disabled{opacity:.45;cursor:wait}
.sp-chat-attach svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.sp-chat-composer.has-voice-draft>.sp-chat-attach{display:none!important}

.sp-chat-upload-progress{
  position:relative;display:flex;align-items:center;gap:7px;height:14px;margin-top:5px;padding-right:28px;
  color:#65676b;font:700 9px/1 inherit;overflow:hidden
}
.sp-chat-upload-progress[hidden]{display:none!important}
.sp-chat-upload-progress:before{content:"";position:absolute;left:0;right:30px;top:5px;height:4px;border-radius:999px;background:#d8dee8}
.sp-chat-upload-progress>i{position:absolute;left:0;top:5px;width:0;height:4px;border-radius:999px;background:#0866ff;transition:width .12s linear}
.sp-chat-upload-progress>b{position:absolute;right:0;top:2px;font:700 9px/1 inherit;color:#0866ff}

.sp-chat-file-card{
  width:min(390px,78vw);min-width:245px;display:flex;align-items:center;overflow:hidden;
  border:1px solid #dfe3ea;border-radius:16px;background:#f7f8fa;color:#050505
}
.sp-chat-message.is-mine .sp-chat-file-card{background:#edf6ff;border-color:#cfe3ff}
.sp-chat-file-main{min-width:0;flex:1;display:flex;align-items:center;gap:11px;padding:11px 8px 11px 11px;color:inherit;text-decoration:none}
.sp-chat-file-main:hover .sp-chat-file-copy strong{text-decoration:underline}
.sp-chat-file-icon{
  width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:12px;
  background:#e5e9ef;color:#344054;font:900 10px/1 inherit;letter-spacing:-.2px
}
.sp-chat-file-card.is-pdf .sp-chat-file-icon{background:#ffe5e7;color:#d92d20}
.sp-chat-file-card.is-word .sp-chat-file-icon{background:#e5f0ff;color:#175cd3;font-size:20px}
.sp-chat-file-card.is-excel .sp-chat-file-icon,.sp-chat-file-card.is-csv .sp-chat-file-icon{background:#e7f8ef;color:#067647;font-size:18px}
.sp-chat-file-card.is-powerpoint .sp-chat-file-icon{background:#fff0e5;color:#c4320a;font-size:20px}
.sp-chat-file-card.is-text .sp-chat-file-icon,.sp-chat-file-card.is-rtf .sp-chat-file-icon{background:#eef1f6;color:#475467}
.sp-chat-file-copy{min-width:0;display:block;flex:1}
.sp-chat-file-copy strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#101828;font-size:12px;line-height:1.25}
.sp-chat-file-copy small{display:block;margin-top:5px;color:#667085;font-size:10px;line-height:1.2}
.sp-chat-file-download{
  width:42px;height:42px;flex:0 0 42px;margin-right:7px;display:grid;place-items:center;border-radius:50%;
  color:#0866ff;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.08)
}
.sp-chat-file-download:hover{background:#eaf3ff}
.sp-chat-file-download svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.sp-quick-chat .sp-chat-attach{width:32px!important;height:32px!important;flex:0 0 32px!important}
.sp-quick-chat .sp-chat-attach svg{width:18px;height:18px}
.sp-quick-chat .sp-chat-file-card{width:285px;min-width:220px}
.sp-quick-chat .sp-chat-file-icon{width:40px;height:40px;flex-basis:40px}
.sp-quick-chat .sp-chat-file-download{width:36px;height:36px;flex-basis:36px;margin-right:5px}
.sp-quick-chat .sp-chat-file-main{padding:8px 5px 8px 8px}
.sp-quick-chat .sp-chat-file-copy strong{font-size:10.5px}.sp-quick-chat .sp-chat-file-copy small{font-size:9px}
.sp-quick-chat .sp-chat-upload-progress{font-size:8px}

body.sp-theme-dark .sp-chat-attach{color:#2d88ff}
body.sp-theme-dark .sp-chat-attach:hover{background:#3a3b3c}
body.sp-theme-dark .sp-chat-upload-progress:before{background:#4e4f50}
body.sp-theme-dark .sp-chat-file-card{background:#303236;border-color:#4b4e54;color:#e4e6eb}
body.sp-theme-dark .sp-chat-message.is-mine .sp-chat-file-card{background:#263f5e;border-color:#365b83}
body.sp-theme-dark .sp-chat-file-copy strong{color:#f2f4f7}
body.sp-theme-dark .sp-chat-file-copy small{color:#b0b3b8}
body.sp-theme-dark .sp-chat-file-download{background:#3a3b3c;color:#5ea1ff}
body.sp-theme-dark .sp-chat-file-icon{filter:saturate(.86)}

@media(max-width:759px){
  /* Five clean composer columns: photo, file, voice, text, send. */
  body.sp-messages-route .sp-chat-composer{
    grid-template-columns:40px 40px 40px minmax(0,1fr) 40px!important;
    column-gap:3px!important
  }
  body.sp-messages-route .sp-chat-photo{grid-column:1!important}
  body.sp-messages-route .sp-chat-attach{
    display:grid!important;grid-column:2!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
    place-items:center!important;align-self:end!important;margin:0!important;padding:0!important;visibility:visible!important;opacity:1!important
  }
  body.sp-messages-route .sp-chat-voice{grid-column:3!important}
  body.sp-messages-route .sp-chat-input-wrap{grid-column:4!important}
  body.sp-messages-route .sp-chat-send{grid-column:5!important}
  body.sp-messages-route .sp-chat-voice-draft{grid-column:1/-1!important}
  body.sp-messages-route .sp-chat-composer.has-voice-draft{grid-template-columns:minmax(0,1fr)!important}
  .sp-chat-file-card{width:min(86vw,390px);min-width:215px}
  .sp-chat-file-icon{width:42px;height:42px;flex-basis:42px}
}
@media(max-width:390px){
  body.sp-messages-route .sp-chat-composer{
    grid-template-columns:34px 34px 34px minmax(0,1fr) 34px!important;
    padding-left:4px!important;padding-right:4px!important;column-gap:2px!important
  }
  body.sp-messages-route .sp-chat-photo,
  body.sp-messages-route .sp-chat-attach,
  body.sp-messages-route .sp-chat-voice,
  body.sp-messages-route .sp-chat-send{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important
  }
  body.sp-messages-route .sp-chat-attach svg{width:18px!important;height:18px!important}
  .sp-chat-file-card{min-width:200px;max-width:88vw}
  .sp-chat-file-download{width:38px;height:38px;flex-basis:38px}
}

/* Broad file-kind cards (V4.10.59). */
.sp-chat-file-card.is-archive .sp-chat-file-icon,.sp-chat-file-card.is-video .sp-chat-file-icon,.sp-chat-file-card.is-audio .sp-chat-file-icon,.sp-chat-file-card.is-design .sp-chat-file-icon,.sp-chat-file-card.is-font .sp-chat-file-icon,.sp-chat-file-card.is-ebook .sp-chat-file-icon,.sp-chat-file-card.is-code .sp-chat-file-icon{font-size:10px;letter-spacing:-.02em}