.attachment-viewer{border:1px solid #dbe4f1;border-radius:14px;padding:0;background:#f9fbff;color:#15324b;width:min(1100px,96vw);max-width:96vw;height:min(900px,94dvh);max-height:94dvh;overflow:hidden}
.attachment-viewer::backdrop{background:#091d2ddd}
.attachment-viewer[open]{display:flex;flex-direction:column}
.attachment-viewer header{display:flex;align-items:center;gap:14px;flex-shrink:0;padding:12px;padding-top:max(12px,env(safe-area-inset-top));background:#10384e;color:#fff}
.attachment-viewer header button{min-height:44px;border:1px solid #a3bfd0;border-radius:8px;background:#10384e;color:white;padding:10px;font:inherit;cursor:pointer}
.attachment-viewer header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attachment-viewer>img{display:block;min-height:0;min-width:0;flex:1;width:100%;height:100%;object-fit:contain;padding:8px}
.message-list{overflow-anchor:none;overscroll-behavior:contain}
.message-attachments img{max-width:100%;height:auto;max-height:360px;object-fit:contain}

.image-tools{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px;background:#eef3f8}.image-tools button{min-width:44px;min-height:44px;border:1px solid #b7c9d9;border-radius:8px;background:white;color:#15324b;font:inherit}.image-viewport{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden;touch-action:none;user-select:none}.image-viewport img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center;pointer-events:none}.attachment-viewer header span{min-width:0}.image-tools output{min-width:52px;text-align:center}

.company-remote-access{padding:8px;border:1px solid #c5d4e2;border-radius:8px;margin:8px 0;background:#f5f9ff;color:#173b61;font-size:13px}.company-remote-access div{padding:6px;display:flex;gap:8px;flex-wrap:wrap}.company-remote-access summary{cursor:pointer}