/* V1452.21 – Mobile inbox density + explicit client publish notification choice. */
@layer er-earth {
 @media (max-width:1023px) {
  html.er-earth body.ww-chat-active #app #page .chat-list.cv-list .cv-row,
  html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row,
  html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row.cv-pinned,
  html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row.cv-person {
    height:70px!important;min-height:70px!important;max-height:70px!important;
    padding:7px 10px!important;margin:0 0 5px!important;
    gap:10px!important;overflow:hidden!important;border-radius:12px!important;
    flex-shrink:0!important;box-sizing:border-box!important;
  }
  html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row .cv-av,
  html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row .cv-av .avatar,
  html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row .cv-av .team-icon {
    width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;flex:0 0 38px!important;
  }
  html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row .cv-body {
    min-height:0!important;max-height:56px!important;gap:0!important;justify-content:center!important;
  }
  html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row .cv-top{min-height:20px!important;height:20px!important;padding:0!important;gap:5px!important}
  html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row .cv-name{font-size:14px!important;line-height:18px!important}
  html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row .cv-sub,
  html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row .cv-last {
    display:block!important;min-height:0!important;max-height:15px!important;height:15px!important;
    margin:0!important;padding:0!important;font-size:11.5px!important;line-height:15px!important;
    overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
  }
  html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row .cv-time{font-size:10.5px!important;white-space:nowrap!important}
  html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-threads{gap:0!important;padding-bottom:6px!important}
  html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-search{margin-bottom:5px!important}
  html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-tabs{margin-bottom:3px!important}
 }
}
/* Publish modal is independent of the shift modal and has an accessible focus boundary. */
.er145221-shade{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(15,32,24,.55);padding:18px;overscroll-behavior:contain}
.er145221-dialog{box-sizing:border-box;width:min(100%,460px);max-height:min(85dvh,660px);overflow:auto;background:#fff;color:#294133;border:1px solid #d9e3da;border-radius:18px;box-shadow:0 18px 60px #0d261b45;font:14px/1.45 system-ui,-apple-system,sans-serif}
.er145221-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;padding:19px 20px 12px}
.er145221-head h2{margin:0;font-size:20px;line-height:1.2;font-weight:750}
.er145221-head p{margin:7px 0 0;color:#627569;font-size:12px}
.er145221-close{border:0;background:transparent;color:#627569;font-size:23px;line-height:1;cursor:pointer;padding:0 4px}
.er145221-body{padding:0 20px 18px}
.er145221-visit{border:1px solid #d8e5dc;background:#f4f8f4;padding:12px;border-radius:11px;margin:8px 0 13px}
.er145221-visit strong,.er145221-visit small{display:block}.er145221-visit small{margin-top:3px;color:#5a7465}
.er145221-opt{display:flex;align-items:flex-start;gap:11px;cursor:pointer;padding:12px 11px;border:1px solid #cbdcd1;border-radius:11px}
.er145221-opt input{width:19px;height:19px;accent-color:#2e674a;flex:none;margin:1px 0 0}
.er145221-opt strong,.er145221-opt small{display:block}.er145221-opt strong{font-size:14px}.er145221-opt small{font-size:12px;color:#61796b;margin-top:2px}
.er145221-method{display:block;font-weight:650;font-size:12px;margin:12px 0 6px}
.er145221-select{box-sizing:border-box;width:100%;border:1px solid #cad8d0;border-radius:9px;background:#fff;padding:11px;font:inherit;color:#2c4938}
.er145221-preview{border-radius:10px;background:#f0f5f1;padding:10px;font-size:12px;color:#53695b;margin-top:10px;word-break:break-word}
.er145221-warning{background:#fff5e7;color:#885122;border-radius:9px;padding:9px 11px;font-size:12px;margin-top:9px}
.er145221-foot{display:flex;gap:10px;padding:14px 20px 19px;border-top:1px solid #edf0ed}
.er145221-foot button{flex:1;min-height:43px;border:1px solid #cbd9ce;border-radius:10px;background:#fff;color:#315c42;font-weight:700;font-size:13px;cursor:pointer}
.er145221-foot button.primary{background:#2d5d42;border-color:#2d5d42;color:#fff}
.er145221-foot button:disabled{opacity:.58;cursor:wait}
.er145221-modal-checkbox{display:flex;align-items:center;gap:9px;margin:9px 0;padding:10px;border:1px solid #d8e4db;border-radius:10px;color:#395740;font-size:12px}
.er145221-modal-checkbox input{accent-color:#2d6547;width:18px;height:18px}

/* V1452.22: readable message preview and explicit delivery status. */
.er145221-message-preview{margin-top:8px;padding:12px;border:1px solid #d9e6dc;border-radius:10px;background:#fff;color:#354e3d;font-size:12px;line-height:1.5;white-space:pre-wrap}
.er145221-preview{line-height:1.45}
@media(max-width:440px){.er145221-dialog{border-radius:15px}.er145221-head{padding:16px 17px 10px}.er145221-body{padding:0 17px 15px}.er145221-foot{padding:12px 17px 15px}}
