/* Files in chats — shared by the chat window, the account and portal chat pages, the admin Messages screen and the Team messenger. */

/* the bubble shown while a file uploads */
.dlc-up{min-width:200px}
.dlc-top{display:flex;align-items:center;gap:9px}
.dlc-th{width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,.22) center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.dlc-name{flex:1;min-width:0;font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dlc-name small{display:block;font-weight:500;opacity:.85;font-size:11px}
.dlc-x{border:none;background:rgba(255,255,255,.22);color:inherit;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:11px;line-height:1;flex-shrink:0}
.dlc-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden;margin:9px 0 5px}
.dlc-bar i{display:block;height:100%;width:0;background:#fff;border-radius:3px;transition:width .18s linear}
.dlc-st{font-size:11px;font-weight:700}
.dlc-up.err{background:#B0224B!important;color:#fff!important}
.dlc-up.err .dlc-bar{display:none}
.dlc-acts{display:flex;gap:8px;margin-top:8px}
.dlc-acts button{border:1px solid rgba(255,255,255,.6);background:none;color:#fff;border-radius:100px;font:inherit;font-size:11.5px;font-weight:700;padding:4px 12px;cursor:pointer}

/* a document or other file inside a message */
.dlc-file{display:flex;align-items:center;gap:10px;margin-top:6px;padding:9px 11px;border-radius:10px;background:rgba(127,127,127,.16);color:inherit!important;text-decoration:none!important;min-width:190px;max-width:100%;box-sizing:border-box}
.dlc-file:hover{background:rgba(127,127,127,.28)}
.dlc-ic{font-size:22px;flex-shrink:0;line-height:1}
.dlc-nm{flex:1;min-width:0}
.dlc-nm b{display:block;font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dlc-nm small{display:block;font-size:11px;opacity:.8;margin-top:1px}
.dlc-dl{opacity:.7;font-size:14px;flex-shrink:0}

/* presence: a dot that is green while the person is online, grey when they are not */
.dlc-pres{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px;background:#B6BEC8}
.dlc-pres.on{background:#2FBF71;box-shadow:0 0 0 3px rgba(47,191,113,.22)}