.messaging-screen { --ms-bg:#17131b; --ms-panel:#211a22; --ms-raised:#2b222c; --ms-line:#493640; --ms-muted:#c2b2b7; --ms-gold:#d5bb8d; color:#f0e7db; background:var(--ms-bg); border:1px solid var(--ms-line); border-radius:7px; overflow:hidden; }
.messaging-screen * { box-sizing:border-box; }
.messaging-screen [hidden] { display:none !important; }
.messaging-screen .ms-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 14px; border:1px solid #71515e; border-radius:5px; color:#eee1d6; background:#30232d; font:500 12px/1.4 var(--sans, sans-serif); cursor:pointer; }
.messaging-screen .ms-button:hover:not(:disabled) { background:#44303d; border-color:#98747d; }
.messaging-screen .ms-button:disabled { opacity:.55; cursor:default; }
.messaging-screen :is(button,textarea,select,input):focus-visible { outline:2px solid var(--ms-gold); outline-offset:3px; }
.messaging-screen .ms-primary { background:#793541; border-color:#aa6974; }
.messaging-screen .ms-primary:hover:not(:disabled) { background:#913e4d; }
.messaging-screen .ms-quiet { background:transparent; }
.messaging-screen .ms-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:28px; background:linear-gradient(125deg,#2d2029,var(--ms-bg)); border-bottom:1px solid var(--ms-line); }
.messaging-screen .ms-heading h1 { font:400 clamp(32px,4vw,42px)/1.2 var(--serif, Georgia, serif); letter-spacing:-.015em; margin:5px 0 6px; }
.messaging-screen .ms-eyebrow { font-size:10px; text-transform:uppercase; letter-spacing:.17em; color:var(--ms-gold); }
.messaging-screen .ms-character,.messaging-screen .ms-muted { color:var(--ms-muted); font-size:12px; line-height:1.65; }
.messaging-screen .ms-top-actions,.messaging-screen .ms-actions { display:flex; flex-wrap:wrap; gap:9px; }
.messaging-screen .ms-connection { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 25px; border-bottom:1px solid var(--ms-line); font-size:12px; color:var(--ms-muted); }
.messaging-screen .ms-small { font-size:11px; padding:8px 11px; }
.messaging-screen .ms-error { margin:16px 24px; padding:12px 15px; background:#44262d; border:1px solid #96585f; border-radius:4px; color:#f5d3cc; overflow-wrap:anywhere; font-size:13px; }
.messaging-screen .ms-layout { display:grid; grid-template-columns:minmax(220px,31%) minmax(0,1fr); min-height:550px; }
.messaging-screen .ms-inbox { background:var(--ms-panel); border-right:1px solid var(--ms-line); min-width:0; }
.messaging-screen .ms-inbox-heading { display:flex; align-items:center; gap:10px; justify-content:space-between; padding:20px 15px; border-bottom:1px solid var(--ms-line); }
.messaging-screen .ms-inbox-heading h2 { font:400 20px/1.3 var(--serif, Georgia, serif); }
.messaging-screen .ms-thread { display:flex; align-items:center; gap:11px; width:100%; text-align:left; padding:17px 14px; min-height:87px; border:0; border-left:3px solid transparent; border-bottom:1px solid #392b36; background:transparent; color:inherit; }
.messaging-screen .ms-thread:hover { background:#2c222e; }
.messaging-screen .ms-thread[aria-current="true"] { background:#352630; border-left-color:var(--ms-gold); }
.messaging-screen .ms-avatar { display:flex; align-items:center; justify-content:center; width:42px; height:42px; flex:0 0 42px; border:1px solid #a6867b; border-radius:50%; box-shadow:inset 0 0 0 3px var(--ms-panel),inset 0 0 0 4px #655049; background:radial-gradient(circle at 30% 20%,#54404d,#211823); color:var(--ms-gold); font:16px var(--serif, Georgia, serif); }
.messaging-screen .ms-avatar-system { border-radius:10px; border-color:var(--ms-gold); background:#322920; }
.messaging-screen .ms-thread-preview { min-width:0; flex:1; }
.messaging-screen .ms-thread-line,.messaging-screen .ms-thread-excerpt { display:flex; align-items:center; justify-content:space-between; gap:7px; }
.messaging-screen .ms-thread-line strong { font-size:13px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.messaging-screen .ms-thread-line time { font-size:10px; white-space:nowrap; color:var(--ms-muted); }
.messaging-screen .ms-thread-excerpt { margin-top:6px; color:var(--ms-muted); font-size:11px; }
.messaging-screen .ms-thread-excerpt > span:first-child { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.messaging-screen .ms-unread { display:inline-flex; min-width:22px; height:22px; align-items:center; justify-content:center; padding:0 5px; border-radius:30px; background:#793541; color:#fff0e3; flex-shrink:0; font-size:10px; }
.messaging-screen .ms-conversation { min-width:0; display:flex; flex-direction:column; }
.messaging-screen .ms-thread-header { display:flex; align-items:center; gap:12px; min-height:86px; padding:18px 24px; border-bottom:1px solid var(--ms-line); }
.messaging-screen .ms-thread-copy { flex:1; min-width:0; }
.messaging-screen .ms-thread-copy h2 { font:400 23px/1.3 var(--serif, Georgia, serif); overflow-wrap:anywhere; }
.messaging-screen .ms-thread-copy p { margin-top:5px; font-size:11px; }
.messaging-screen .ms-thread-actions { display:flex; flex-wrap:wrap; gap:8px; }
.messaging-screen .ms-mobile-back { display:none; width:44px; min-width:44px; padding:0; font-size:21px; }
.messaging-screen .ms-history { flex:1; padding:20px 25px; min-height:290px; max-height:540px; overflow-y:auto; overscroll-behavior:contain; scrollbar-color:#765162 #201920; }
.messaging-screen .ms-day { display:flex; align-items:center; justify-content:center; gap:14px; color:var(--ms-muted); font:400 10px/1.5 var(--sans, sans-serif); margin:7px 0 23px; text-align:center; }
.messaging-screen .ms-day:before,.messaging-screen .ms-day:after { content:""; height:1px; flex:1; background:var(--ms-line); }
.messaging-screen .ms-message { display:flex; flex-direction:column; align-items:flex-start; margin-bottom:19px; }
.messaging-screen .ms-mine { align-items:flex-end; }
.messaging-screen .ms-message-author { font-size:10px; color:var(--ms-gold); margin:0 0 5px 2px; }
.messaging-screen .ms-bubble { max-width:88%; border:1px solid #443342; border-radius:2px 12px 12px; background:#2b222e; padding:11px 14px; font-size:13px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.messaging-screen .ms-mine .ms-bubble { border-radius:12px 2px 12px 12px; background:#492832; border-color:#714450; }
.messaging-screen .ms-message-meta { display:flex; flex-wrap:wrap; gap:8px; margin:5px 3px 0; color:var(--ms-muted); font-size:10px; font-variant-numeric:tabular-nums; }
.messaging-screen .ms-message-meta span { color:var(--ms-gold); }
.messaging-screen .ms-system-message { display:block; padding:14px 17px; border-left:2px solid var(--ms-gold); background:#272129; }
.messaging-screen .ms-system-title { margin:0 0 6px; color:var(--ms-gold); font-size:13px; font-weight:500; }
.messaging-screen .ms-system-message .ms-bubble { background:transparent; border:0; padding:0; max-width:none; }
.messaging-screen .ms-system-message .ms-message-meta { margin:10px 0 0; }
.messaging-screen .ms-composer { padding:18px 24px; border-top:1px solid var(--ms-line); background:#1e1720; }
.messaging-screen .ms-field-label { display:block; color:var(--ms-muted); font-size:11px; margin-bottom:9px; }
.messaging-screen .ms-compose-row { display:flex; align-items:flex-end; gap:10px; }
.messaging-screen textarea { flex:1; min-width:0; min-height:52px; max-height:180px; resize:vertical; background:#251e29; color:#f0e7db; border:1px solid #755162; border-radius:5px; padding:10px 12px; font:16px/1.5 var(--sans, sans-serif); }
.messaging-screen textarea::placeholder { color:#bfacb4; }
.messaging-screen .ms-compose-row .ms-button { min-height:52px; min-width:74px; }
.messaging-screen .ms-composer-note { font-size:10px; color:var(--ms-muted); margin-top:9px; }
.messaging-screen .ms-readonly { padding:20px 24px; text-align:center; font-size:12px; color:var(--ms-muted); border-top:1px solid var(--ms-line); background:#1e1720; }
.messaging-screen .ms-empty { padding:28px 18px; color:var(--ms-muted); font-size:12px; text-align:center; }
.messaging-screen .ms-storage-summary { padding:12px 24px; border-top:1px solid var(--ms-line); color:var(--ms-muted); font-size:10px; }
.messaging-screen .ms-settings { padding:24px; background:#29202b; border-bottom:1px solid #805564; }
.messaging-screen .ms-settings h2 { font:400 24px/1.3 var(--serif, Georgia, serif); margin-bottom:16px; }
.messaging-screen .ms-settings select { display:block; min-height:46px; width:100%; max-width:330px; background:#1e1822; color:#f0e7db; border:1px solid #805b69; padding:10px 12px; border-radius:4px; font:16px var(--sans, sans-serif); margin-bottom:15px; }
.messaging-screen .ms-settings .ms-muted { margin:10px 0; max-width:700px; }
.messaging-screen .ms-settings .ms-actions { margin-top:16px; }
.messaging-screen .ms-confirm { display:flex; align-items:flex-start; gap:10px; padding:14px 12px; background:#3b2530; margin-top:14px; font-size:12px; line-height:1.7; }
.messaging-screen input[type="checkbox"] { width:22px; height:22px; flex:0 0 22px; accent-color:#b98580; }
.messaging-screen .ms-confirm input { margin:0; }
.messaging-screen .ms-group-choices { border:1px solid #5a404e; border-radius:4px; margin:16px 0 0; padding:12px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 14px; }
.messaging-screen .ms-group-choices legend { color:var(--ms-gold); font-size:12px; padding:0 5px; }
.messaging-screen .ms-contact-choice { display:flex; align-items:center; gap:10px; min-height:48px; font-size:13px; overflow-wrap:anywhere; }
.messaging-screen .ms-contact-choice input { margin:0; }
.messaging-screen .ms-confirm-action { padding:15px 24px; border-bottom:1px solid #916371; background:#3a2630; display:flex; gap:10px; flex-wrap:wrap; }
.messaging-screen .ms-confirm-action p { font-size:12px; width:100%; }
@media(max-width:760px) {
  .messaging-screen .ms-heading { padding:22px 18px; align-items:flex-start; flex-direction:column; gap:16px; }
  .messaging-screen .ms-top-actions { width:100%; }
  .messaging-screen .ms-top-actions .ms-button { flex:1; }
  .messaging-screen .ms-connection { padding:12px 16px; font-size:11px; }
  .messaging-screen .ms-layout { display:block; min-height:470px; }
  .messaging-screen .ms-inbox { border-right:0; }
  .messaging-screen .ms-conversation { display:none; }
  .messaging-screen[data-pane="thread"] .ms-inbox { display:none; }
  .messaging-screen[data-pane="thread"] .ms-conversation { display:flex; }
  .messaging-screen .ms-mobile-back { display:inline-flex; }
  .messaging-screen .ms-thread-header { padding:16px; gap:10px; flex-wrap:wrap; }
  .messaging-screen .ms-thread-copy h2 { font-size:21px; }
  .messaging-screen .ms-thread-actions { margin-left:auto; }
  .messaging-screen .ms-history { padding:20px 16px; min-height:280px; max-height:52dvh; }
  .messaging-screen .ms-composer { padding:15px 16px max(16px,env(safe-area-inset-bottom)); }
  .messaging-screen .ms-bubble { max-width:94%; }
  .messaging-screen .ms-settings { padding:20px 16px; }
  .messaging-screen .ms-group-choices { grid-template-columns:1fr; }
  .messaging-screen .ms-storage-summary { padding:12px 16px; }
}
@media(prefers-reduced-motion:reduce) { .messaging-screen * { scroll-behavior:auto !important; } }