#cruse-online-monitor { direction: rtl; text-align: right; }
#cruse-online-monitor .modal-content { border-radius: 18px; }
#cruse-online-monitor .modal-header { gap: 12px; }
#cruse-online-monitor .modal-title { font-size: 18px; }
#cruse-online-monitor .om-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:16px; }
#cruse-online-monitor .om-status { font-size:12px; color:#596575; }
#cruse-online-monitor .om-summary { padding:14px; background:#edf7f3; color:#195c46; border-radius:12px; margin-bottom:16px; }
#cruse-online-monitor .om-grid { display:flex; flex-wrap:wrap; gap:12px; }
#cruse-online-monitor .om-user { position:relative; width:82px; border:1px solid #ddd; background:white; color:#333; border-radius:12px; padding:8px; }
#cruse-online-monitor .om-user[aria-expanded="true"] { border-color:#198754; background:#edf7f3; }
#cruse-online-monitor .om-avatar { width:48px; height:48px; border-radius:50%; object-fit:cover; display:block; margin:0 auto 6px; }
#cruse-online-monitor .om-count { position:absolute; top:3px; right:3px; background:#198754; color:white; border-radius:12px; min-width:21px; padding:1px 5px; font-size:12px; }
#cruse-online-monitor .om-user-code { font-size:12px; }
#cruse-online-monitor .om-details { margin-top:16px; background:#f6f7f9; border-radius:12px; padding:12px; overflow-wrap:anywhere; }
#cruse-online-monitor .om-connection { direction:ltr; text-align:left; font:12px monospace; padding:8px 0; border-bottom:1px solid #ddd; }
#cruse-online-monitor { --bs-modal-width: 1000px; }
#cruse-online-monitor .om-sources { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
#cruse-online-monitor section { border:1px solid #ddd; border-radius:12px; padding:12px; min-width:0; }
#cruse-online-monitor section h3 { font-size:17px; }
#cruse-online-monitor .om-comparison, #cruse-online-monitor .om-diagnostics { padding:12px; background:#f6f7f9; border-radius:12px; margin:12px 0; overflow-wrap:anywhere; }
#cruse-online-monitor .om-note { font-size:12px; margin-bottom:8px; }
#cruse-online-monitor .om-local, #cruse-online-monitor .om-status { margin-bottom:10px; }
@media (max-width:700px) { #cruse-online-monitor .om-sources { grid-template-columns:1fr; } }