/* UBYTO.sk v1.12 – presence + faster/prettier attachments */
.support-user-avatar-wrap{position:relative;display:block;width:44px;height:44px}
.presence-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:3px solid #fff;background:#9eabb8;box-sizing:content-box}
.presence-dot.online{background:#20b26b}.presence-dot.offline{background:#aab5c0}
.presence{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#748497;vertical-align:middle}
.presence i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#aab5c0}
.presence.online{color:#168957}.presence.online i{background:#20b26b;box-shadow:0 0 0 3px rgba(32,178,107,.12)}
.presence.offline{color:#8c98a5}
#supportTargetEmail .presence{margin-left:2px}

/* attachment composer: selected file always lives at the bottom, not squeezed next to textarea */
.support-compose{grid-template-columns:46px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important}
.support-compose>.attach-btn{grid-column:1;grid-row:1}
.support-compose>textarea{grid-column:2;grid-row:1}
.support-compose>.send-btn{grid-column:3;grid-row:1}
.support-file-picked{grid-column:1/-1;grid-row:2;display:none!important;align-items:center!important;gap:8px!important;margin-top:2px!important;padding:9px 12px!important;border:1px solid #d9e5ef!important;border-radius:12px!important;background:#f6f9fc!important;color:#36516d!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.support-file-picked.show{display:flex!important}.support-file-picked.uploading{background:#eef7ff!important;border-color:#b9d9ef!important;color:#0d5f9f!important}
.support-error{grid-column:1/-1;grid-row:3}
.send-btn:disabled{opacity:.7!important;cursor:wait!important;min-width:132px!important}

/* polished attachment cards inside the thread */
.msg-image-link{display:block!important;margin-top:10px!important;text-decoration:none!important;color:inherit!important}
.msg-image-link img{display:block!important;width:auto!important;max-width:min(360px,100%)!important;max-height:260px!important;object-fit:cover!important;border-radius:14px!important;border:1px solid rgba(0,0,0,.06)!important}
.msg-image-link span{display:block!important;margin-top:6px!important;font-size:10px!important;opacity:.7!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:360px!important}
.msg-file{display:grid!important;grid-template-columns:38px minmax(0,1fr) 24px!important;align-items:center!important;gap:10px!important;min-width:240px!important;max-width:360px!important;margin-top:10px!important;padding:10px 11px!important;border:1px solid #dde7ef!important;border-radius:13px!important;background:#f7fafc!important;color:#23415f!important;text-decoration:none!important}
.msg-file-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:10px!important;background:#e94b4b!important;color:#fff!important;font-size:9px!important;font-weight:900!important;letter-spacing:.04em!important}
.msg-file b,.msg-file small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.msg-file b{font-size:11px!important}.msg-file small{margin-top:3px!important;font-size:9px!important;color:#7d8b98!important}.msg-file-open{font-size:16px!important;text-align:center!important;color:#6c7e91!important}
.msg-row.mine .msg-file{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important}.msg-row.mine .msg-file small,.msg-row.mine .msg-file-open{color:rgba(255,255,255,.7)!important}

@media(max-width:760px){.support-compose{grid-template-columns:44px minmax(0,1fr)!important}.support-compose>.send-btn{grid-column:2!important;grid-row:2!important}.support-file-picked{grid-column:1/-1!important;grid-row:3!important}.support-error{grid-row:4!important}.msg-file{min-width:0!important;width:100%!important}}