.ml-chats { width:100%; min-width:0; margin:24px 0; font:14px/1.45 Arial,sans-serif; color:#23384a; }
.ml-chats * { box-sizing:border-box; }
.ml-chats a { color:#366697; text-decoration:none; }
.ml-chats a:hover { text-decoration:underline; }
.ml-chats-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; margin-bottom:14px; }
.ml-chats-toolbar h2 { font-size:24px; margin:0 auto 0 0; }
.ml-chats-layout { display:grid; grid-template-columns:minmax(240px, 34%) minmax(0, 1fr); height:640px; max-height:80vh; min-height:440px; border:1px solid #ccd8e3; border-radius:10px; overflow:hidden; background:#fff; }
.ml-chat-sidebar { display:flex; flex-direction:column; min-width:0; min-height:0; border-right:1px solid #dce4eb; }
.ml-chat-sidebar-heading { padding:17px 15px; font-size:17px; font-weight:bold; border-bottom:1px solid #e4eaf0; }
.ml-chat-sidebar-heading span { display:block; font-size:12px; font-weight:normal; color:#758594; margin-top:3px; }
.ml-chat-contacts { flex:1; overflow-y:auto; min-height:0; }
.ml-chats .ml-chat-contact { display:flex; position:relative; align-items:center; gap:10px; padding:15px 12px; border-bottom:1px solid #edf0f4; color:inherit; text-decoration:none; }
.ml-chats .ml-chat-contact:hover { background:#f4f8fc; }
.ml-chats .ml-chat-contact.is-active { background:#e9f2fb; box-shadow:inset 3px 0 #366697; }
.ml-chat-avatar { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:36px; height:36px; border-radius:50%; background:#dce9f5; color:#366697; font-size:17px; font-weight:bold; text-transform:uppercase; }
.ml-chat-contact-body { flex:1; min-width:0; }
.ml-chat-contact-top { display:flex; flex-wrap:wrap; justify-content:space-between; gap:2px 7px; }
.ml-chat-contact-top strong { overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.ml-chat-contact-top time { font-size:10px; color:#7b8793; white-space:nowrap; }
.ml-chat-preview { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:#6b7884; margin-top:5px; }
.ml-chat-unread { background:#366697; color:white; border-radius:12px; padding:2px 6px; min-width:20px; text-align:center; font-size:11px; flex-shrink:0; }
.ml-chat-pagination { display:flex; gap:12px; align-items:center; justify-content:center; padding:10px; font-size:12px; }
.ml-chat-pagination:empty { display:none; }
.ml-chat-conversation { min-width:0; min-height:0; display:flex; flex-direction:column; background:#f5f7fa; }
.ml-chat-header { display:flex; align-items:center; gap:14px; padding:17px 20px; min-height:70px; border-bottom:1px solid #dce4eb; background:#fff; }
.ml-chat-header strong { flex:1; overflow-wrap:anywhere; }
.ml-chat-header a { font-size:12px; }
.ml-chat-back { display:none; }
.ml-chat-history { flex:1; min-height:0; overflow-y:auto; padding:16px 20px; display:flex; flex-direction:column; gap:10px; }
.ml-chat-day { text-align:center; color:#83909d; font-size:11px; margin:6px 0; }
.ml-chat-message { align-self:flex-start; max-width:86%; background:white; border:1px solid #e0e6ee; border-radius:12px 12px 12px 2px; padding:10px 13px 7px; flex-shrink:0; overflow-wrap:anywhere; }
.ml-chat-message--mine { align-self:flex-end; background:#e4effb; border-color:#d4e4f6; border-radius:12px 12px 2px 12px; }
.ml-chat-subject { font-size:11px; color:#71849a; margin-bottom:5px; }
.ml-chat-text { white-space:normal; }
.ml-chat-time { display:block; text-align:right; color:#82909e; font-size:10px; margin-top:5px; }
.ml-chat-message-meta { display:flex; align-items:center; justify-content:flex-end; gap:7px; margin-top:5px; }
.ml-chat-message-meta .ml-chat-time { margin:0; }
.ml-chat-ticks { display:inline-block; color:#8a929b; font-size:15px; font-weight:bold; line-height:18px; letter-spacing:-4px; padding-right:4px; cursor:default; }
.ml-chat-ticks.is-read { color:#218838; }
.ml-chat-ticks:focus { outline:1px dotted currentColor; }
.ml-chat-presence { font-size:11px; font-weight:normal; white-space:nowrap; }
.ml-chat-presence.is-online { color:#218838; }
.ml-chat-presence.is-offline { color:#c23d3d; }
.ml-chat-contact-name, .ml-chat-header-name { display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 7px; min-width:0; }
.ml-chat-header-name { flex:1; }
.ml-chat-header .ml-chat-header-name strong { flex:0 1 auto; }
.ml-chat-older { text-align:center; font-size:12px; }
.ml-chat-older a { margin:0 8px; display:inline-block; }
.ml-chats .ml-chat-compose { margin:0; padding:12px 16px; background:#fff; border-top:1px solid #dce4eb; }
.ml-chat-compose-label { display:block; font-size:12px; margin-bottom:6px; }
.ml-chat-compose-row { display:flex; align-items:flex-end; gap:10px; }
.ml-chats .ml-chat-compose textarea { flex:1; min-width:0; width:100%; margin:0; max-height:150px; min-height:60px; border:1px solid #cbd7e3; border-radius:7px; padding:10px; resize:vertical; font:14px/1.4 Arial,sans-serif; background:white; color:#23384a; }
.ml-chats .ml-chat-compose button { border:0; border-radius:6px; padding:12px 14px; background:#366697; color:white; cursor:pointer; font:14px Arial,sans-serif; }
.ml-chats .ml-chat-compose button:disabled { opacity:.6; cursor:wait; }
.ml-chat-placeholder { margin:auto; text-align:center; padding:25px; color:#81909e; }
.ml-chat-placeholder span { font-size:42px; }
.ml-chat-placeholder h3 { color:#486078; font-size:20px; }
.ml-chat-error { margin:10px; padding:10px; color:#983a34; background:#fff0ef; border-radius:5px; }
.ml-chat-empty, .ml-chat-system { padding:18px; color:#718191; }
@media(max-width:760px) {
  .ml-chats-layout { display:block; height:650px; max-height:85vh; min-height:400px; }
  .ml-chat-sidebar { height:100%; border:0; }
  .ml-chat-conversation { display:none; height:100%; }
  .ml-chats--selected .ml-chat-sidebar { display:none; }
  .ml-chats--selected .ml-chat-conversation { display:flex; }
  .ml-chat-back { display:inline; }
  .ml-chat-history { padding:12px; }
  .ml-chat-header { padding:14px 12px; }
  .ml-chat-message { max-width:94%; }
  .ml-chats .ml-chat-compose { padding:10px; }
  .ml-chat-compose-row { flex-wrap:wrap; }
  .ml-chats .ml-chat-compose textarea { flex-basis:100%; }
  .ml-chat-compose-row button { margin-left:auto; }
}

/* Conversation layout and JPEG viewer. */
.ml-chats { color:#42464b; }
.ml-chats-layout { height:740px; max-height:85vh; border-color:#d9dee7; border-radius:8px; grid-template-columns:minmax(230px,29%) minmax(0,1fr); }
.ml-chat-sidebar { border-color:#d9dee7; background:#fff; }
.ml-chats .ml-chat-search { display:flex; flex-shrink:0; gap:7px; align-items:center; padding:12px; margin:0; border-bottom:1px solid #e2e5ec; }
.ml-chats .ml-chat-search input { flex:1; min-width:0; width:100%; height:34px; margin:0; padding:6px 10px; border:1px solid #c1c7d0; border-radius:4px; background:#fff; color:#42464b; font:14px Arial,sans-serif; }
.ml-chats .ml-chat-search button { display:flex; align-items:center; justify-content:center; width:32px; height:34px; padding:5px; border:0; background:transparent; cursor:pointer; color:#858b92; }
.ml-chat-search svg, .ml-chat-files-button svg, .ml-chat-attach svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.ml-chat-contact { min-height:76px; }
.ml-chats .ml-chat-contact.is-active { background:#f3f4f5; box-shadow:inset 2px 0 #5c9eff; }
.ml-chat-contact-name .ml-chat-presence { display:none; }
.ml-chat-avatar { background:#e87380; color:#fff; width:36px; height:36px; font-size:19px; }
.ml-chat-contact:nth-child(3n+2) .ml-chat-avatar { background:#75a5b9; }
.ml-chat-contact:nth-child(3n) .ml-chat-avatar { background:#be9a60; }
.ml-chat-conversation { background:#f4f9ff; }
.ml-chat-header { min-height:58px; padding:10px 14px; gap:10px; background:#fff; border-color:#d9dee7; }
.ml-chat-header-info { flex:1; min-width:0; }
.ml-chat-header-name { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px 10px; }
.ml-chat-firstname { color:#87929e; font-size:13px; }
.ml-chat-statusline { display:flex; flex-wrap:wrap; gap:3px 12px; color:#8c96a0; font-size:11px; margin-top:3px; }
.ml-chat-last-activity { overflow-wrap:anywhere; }
.ml-chats .ml-chat-files-button { display:inline-flex; align-items:center; justify-content:center; gap:4px; background:#20c166; border-radius:5px; padding:7px 11px; color:#fff; font-size:13px; font-weight:bold; white-space:nowrap; text-decoration:none; }
.ml-chat-files-button span { display:flex; }
.ml-chats .ml-chat-files-button:hover { background:#18a955; }
.ml-chat-timeline { position:relative; flex:1; min-height:0; display:flex; }
.ml-chat-history { padding:14px 18px 25px; gap:19px; width:100%; }
.ml-chat-message, .ml-chat-message--mine { position:relative; align-self:stretch; max-width:100%; background:transparent; border:0; border-radius:0; padding:3px 0 5px 47px; }
.ml-chat-message-avatar { position:absolute; left:0; top:4px; }
.ml-chat-message--mine .ml-chat-message-avatar { background:#cf7888; }
.ml-chat-author { display:block; font-size:12px; margin-bottom:5px; padding-right:70px; }
.ml-chat-message-meta { position:absolute; top:3px; right:0; margin:0; flex-direction:row-reverse; }
.ml-chat-subject { font-size:10px; margin-bottom:4px; color:#8493a2; }
.ml-chat-text { font-size:13px; line-height:1.75; }
.ml-chat-day { display:flex; align-items:center; gap:14px; margin:10px 0; color:#7b828a; }
.ml-chat-day:before, .ml-chat-day:after { content:""; flex:1; height:1px; background:#e1e7ee; }
.ml-chats .ml-chat-bottom { position:absolute; right:13px; bottom:12px; display:flex; align-items:center; justify-content:center; width:43px; height:43px; border:1px solid #d9dfe8; border-radius:50%; background:#fff; color:#989fa7; font:30px/1 Arial,sans-serif; box-shadow:0 2px 4px #0002; text-decoration:none; z-index:2; }
.ml-chats .ml-chat-compose { padding:10px 14px; border-color:#e1e7ee; }
.ml-chat-compose-label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.ml-chat-compose-row { align-items:center; gap:9px; }
.ml-chats .ml-chat-compose textarea { min-height:40px; height:44px; border:0; padding:10px 3px; font-size:14px; }
.ml-chats .ml-chat-compose button { font-size:12px; padding:10px; }
.ml-chat-attach { position:relative; display:flex; align-items:center; justify-content:center; flex-shrink:0; width:25px; height:34px; color:#929aa2; cursor:pointer; overflow:hidden; }
.ml-chat-file-input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.ml-chat-attach:focus-within { outline:2px solid #366697; }
.ml-chat-upload-preview { display:flex; gap:10px; align-items:center; flex-wrap:wrap; font-size:12px; color:#70808d; }
.ml-chat-upload-preview:empty, .ml-chat-upload-error:empty { display:none; }
.ml-chat-upload-preview img { width:65px; height:55px; object-fit:cover; border-radius:4px; }
.ml-chats .ml-chat-upload-preview button { background:#eef2f6; color:#5c6e7c; }
.ml-chat-upload-error { color:#b63737; font-size:12px; margin:8px 0 0; }
.ml-chats .ml-chat-photo { display:block; max-width:310px; margin:9px 0 2px; color:#6a7c8b; }
.ml-chat-photo img { display:block; max-width:100%; height:auto; max-height:240px; object-fit:contain; border:1px solid #e1e7ee; border-radius:5px; background:#fff; }
.ml-chat-photo span { display:block; font-size:11px; overflow-wrap:anywhere; margin-top:3px; }
.ml-chat-files-panel { flex:1; min-height:0; overflow:auto; padding:18px; }
.ml-chat-gallery-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-bottom:20px; }
.ml-chat-gallery-heading h3 { font-size:18px; margin:0; }
.ml-chat-gallery-heading a { font-size:12px; }
.ml-chat-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:15px; }
.ml-chat-gallery figure { margin:0; min-width:0; }
.ml-chat-gallery .ml-chat-photo { margin:0; }
.ml-chat-gallery .ml-chat-photo img { width:100%; height:120px; object-fit:cover; }
.ml-chat-gallery figcaption { font-size:10px; color:#84919b; margin-top:5px; }
.ml-visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.ml-photo-open { overflow:hidden; }
.ml-photo-modal[hidden] { display:none !important; }
.ml-photo-modal { position:fixed; inset:0; background:#18212cf5; z-index:2147483000; color:white; display:flex; flex-direction:column; }
.ml-photo-toolbar { display:flex; gap:15px; align-items:center; padding:12px 18px; flex-shrink:0; }
.ml-photo-caption { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ml-photo-toolbar button { background:#344353; color:white; padding:8px 12px; border:1px solid #697787; border-radius:4px; cursor:pointer; }
.ml-photo-close { font-size:25px; }
.ml-photo-viewport { flex:1; min-height:0; overflow:auto; padding:14px; }
.ml-photo-viewport img { display:block; margin:0 auto; max-width:100%; max-height:calc(100vh - 110px); width:auto; height:auto; object-fit:contain; }
.ml-photo-modal.is-native .ml-photo-viewport img { max-width:none; max-height:none; }
@media(max-width:760px) {
  .ml-chats-layout { display:block; height:740px; max-height:85vh; }
  .ml-chat-header { padding:10px; flex-wrap:wrap; }
  .ml-chat-header-info { flex-basis:50%; }
  .ml-chat-back { font-size:11px; }
  .ml-chat-history { padding:12px 10px 25px; }
  .ml-chat-message { padding-left:42px; }
  .ml-chat-compose-row { flex-wrap:nowrap; }
  .ml-chats .ml-chat-compose textarea { flex-basis:auto; }
  .ml-chat-compose-row button { margin:0; }
  .ml-chat-files-panel { padding:12px; }
  .ml-photo-toolbar { gap:8px; padding:8px; }
  .ml-photo-caption { font-size:12px; }
}

/* Isolate chat geometry from the site's global header and mobile rules. */
.ml-chats .ml-chats-layout { width:100%; min-width:0; grid-template-rows:minmax(0,1fr); }
.ml-chats .ml-chat-sidebar, .ml-chats .ml-chat-conversation { min-width:0; min-height:0; overflow:hidden; }
.ml-chats .ml-chat-header { display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:space-between; flex:0 0 auto; width:100%; max-width:none; height:auto; min-height:58px; margin:0; padding:10px 14px; gap:12px; }
.ml-chats .ml-chat-header-info { flex:1 1 0; min-width:0; }
.ml-chats .ml-chat-header-name { flex:initial; }
.ml-chats .ml-chat-header .ml-chat-files-button { flex:0 0 auto; width:auto; min-width:0; max-width:none; height:34px; margin:0; padding:6px 10px; }
.ml-chats .ml-chat-statusline { line-height:16px; }
.ml-chats .ml-chat-timeline { flex:1 1 0; min-height:0; min-width:0; overflow:hidden; }
.ml-chats .ml-chat-history { flex:1 1 0; min-height:0; min-width:0; overflow:auto; }
.ml-chats .ml-chat-compose { flex:0 0 auto; width:100%; min-width:0; margin:0; }
.ml-chats .ml-chat-compose-row { min-width:0; }
.ml-chats .ml-chat-compose textarea { flex:1 1 0; min-width:0; width:0; }
.ml-chats .ml-chat-compose-row > button { flex:0 0 auto; }
.ml-chats .ml-chat-search { flex:0 0 58px; min-height:58px; }
.ml-chats .ml-chat-search button { flex:0 0 32px; }
.ml-chats .ml-chat-contact-body, .ml-chats .ml-chat-contact-name { min-width:0; }
.ml-chats .ml-chat-contact-name strong { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ml-chats .ml-chat-contact-top { display:block; position:relative; }
.ml-chats .ml-chat-contact-top time { display:block; margin-top:2px; }
.ml-chats .ml-chat-files-panel { flex:1 1 0; min-height:0; }
@media(max-width:760px) {
  .ml-chats .ml-chats-layout { display:block; }
  .ml-chats .ml-chat-header { padding:10px; gap:8px; flex-wrap:wrap; }
  .ml-chats .ml-chat-header-info { flex:1 1 120px; }
  .ml-chats .ml-chat-back { flex:0 0 auto; margin:0; width:auto; }
  .ml-chats .ml-chat-header .ml-chat-files-button { height:32px; }
  .ml-chats .ml-chat-compose { padding:9px; }
}

/* Fixed rows keep global form/header sizing outside the messenger. */
.ml-chats .ml-chats-layout { display:grid; grid-template-columns:minmax(230px,29%) minmax(0,1fr); grid-template-rows:minmax(0,1fr); align-items:stretch; }
.ml-chats .ml-chat-sidebar { display:grid !important; grid-template-rows:58px minmax(0,1fr) auto; align-content:stretch; height:100%; }
.ml-chats form.ml-chat-search { grid-row:1; display:flex !important; flex-direction:row !important; align-items:center !important; height:58px !important; min-height:58px !important; max-height:58px !important; margin:0 !important; padding:12px !important; }
.ml-chats .ml-chat-contacts { grid-row:2; min-height:0; overflow-y:auto; }
.ml-chats .ml-chat-sidebar > .ml-chat-pagination { grid-row:3; }
.ml-chats .ml-chat-conversation { display:grid !important; grid-template-rows:64px minmax(0,1fr) auto; align-content:stretch; height:100%; position:relative; }
.ml-chats .ml-chat-conversation > .ml-chat-header { grid-row:1; display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:space-between !important; height:64px !important; min-height:64px !important; max-height:64px !important; margin:0 !important; padding:8px 14px !important; width:100% !important; text-align:left !important; }
.ml-chats .ml-chat-header-info { flex:1 1 auto !important; margin:0; text-align:left; }
.ml-chats .ml-chat-header-name { justify-content:flex-start; }
.ml-chats .ml-chat-statusline { justify-content:flex-start; flex-wrap:nowrap; overflow:hidden; }
.ml-chats .ml-chat-last-activity { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ml-chats .ml-chat-files-button { flex:0 0 auto !important; margin-left:10px !important; }
.ml-chats .ml-chat-timeline { grid-row:2; display:flex; height:100%; min-height:0; }
.ml-chats .ml-chat-files-panel { grid-row:2 / 4; min-height:0; }
.ml-chats form.ml-chat-compose { grid-row:3; display:block !important; height:auto !important; min-height:64px !important; max-height:200px; overflow:auto; margin:0 !important; padding:10px 14px !important; }
.ml-chats .ml-chat-compose-row { display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; min-height:40px; height:auto; }
.ml-chats .ml-chat-compose textarea { height:42px !important; min-height:42px !important; max-height:90px !important; flex:1 1 0 !important; width:0 !important; padding:9px 3px !important; margin:0 !important; resize:none; }
.ml-chats .ml-chat-compose-row > button { align-self:center; height:34px; margin:0 !important; }
.ml-chats .ml-chat-system { grid-row:3; margin:0; }
.ml-chats .ml-chat-placeholder { grid-row:1 / 4; }
.ml-chats .ml-chat-error { position:absolute; top:64px; left:6px; right:6px; z-index:4; }
@media(max-width:760px) {
  .ml-chats .ml-chats-layout { display:block; }
  .ml-chats .ml-chat-conversation { display:none !important; }
  .ml-chats.ml-chats--selected .ml-chat-sidebar { display:none !important; }
  .ml-chats.ml-chats--selected .ml-chat-conversation { display:grid !important; }
  .ml-chats .ml-chat-conversation > .ml-chat-header { padding:8px !important; gap:6px; }
  .ml-chats .ml-chat-statusline { flex-wrap:wrap; gap:1px 7px; font-size:10px; }
  .ml-chats .ml-chat-header-name { font-size:12px; }
  .ml-chats .ml-chat-header-info { min-width:0; }
  .ml-chats .ml-chat-files-button { padding:5px 7px; margin-left:0 !important; font-size:11px; }
}

.ml-chats .ml-chat-search-field { position:relative; display:flex; flex:1 1 0; min-width:0; }
.ml-chats .ml-chat-search-field input { padding-right:29px; }
.ml-chats .ml-chat-search-clear { position:absolute; right:7px; top:3px; width:23px; height:28px; display:flex; align-items:center; justify-content:center; color:#8b959f; text-decoration:none; font:22px Arial,sans-serif; }
.ml-chats .ml-chat-search-clear[hidden] { display:none; }
.ml-chats .ml-chat-avatar-column { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; flex:0 0 45px; }
.ml-chats .ml-chat-avatar-column .ml-chat-presence { display:block; font-size:9px; line-height:12px; }
.ml-chats .ml-chat-conversation { grid-template-rows:auto minmax(0,1fr) auto; }
.ml-chats .ml-chat-conversation > .ml-chat-header { height:auto !important; max-height:none !important; min-height:64px !important; flex-wrap:wrap !important; gap:8px; }
.ml-chats .ml-chat-header-info { flex:1 1 170px !important; }
.ml-chats form.ml-chat-actions { display:flex !important; flex:0 0 auto !important; flex-direction:row; gap:6px; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; }
.ml-chats .ml-chat-actions button { height:34px; border:0; border-radius:5px; padding:6px 9px; color:#fff; font:600 12px Arial,sans-serif; cursor:pointer; white-space:nowrap; }
.ml-chats .ml-chat-archive-button { background:#3676b6; }
.ml-chats .ml-chat-hide-button { background:#94643c; }
.ml-chats .ml-chat-actions button:hover { filter:brightness(.94); }
.ml-chats .ml-chat-archive-link { border:1px solid #c9d8e6; padding:6px 12px; border-radius:4px; }
.ml-chats .ml-chat-sidebar { grid-template-rows:58px minmax(0,1fr); }
@media(max-width:760px) {
  .ml-chats .ml-chat-header-info { flex:1 1 140px !important; }
  .ml-chats form.ml-chat-actions { margin-left:auto !important; }
}

.ml-chats form.ml-chat-compose { max-height:none; overflow:visible; }
.ml-chats .ml-chat-compose textarea { max-height:240px !important; overflow-y:hidden; }
.ml-chats .ml-chat-compose-row { align-items:flex-end !important; }
.ml-chats .ml-chat-compose-row > button { align-self:flex-end; margin-bottom:4px !important; }
.ml-chats .ml-chat-attach { align-self:flex-end; margin-bottom:4px; }