:root {
  --wa-primary: #00a884;
  --wa-primary-dark: #008f70;
  --wa-surface: #111b21;
  --wa-surface-soft: #202c33;
  --wa-line: rgba(255,255,255,.08);
}

html,
body { min-height:100%; }
body { min-height:100vh; min-height:100dvh; font-size:.95rem; }
.app-wrapper { min-height:100vh; min-height:100dvh; }
.app-main { min-height:calc(100vh - 114px); min-height:calc(100dvh - 114px); }
.app-content { padding-bottom:1.5rem; }
.app-footer { margin-top:auto; flex-shrink:0; }

.app-sidebar { --lte-sidebar-width:260px; }
.sidebar-brand { border-bottom:1px solid var(--wa-line); }
.brand-link { display:flex; align-items:center; gap:.75rem; padding:1rem 1.15rem; color:#fff; }
.brand-mark { width:38px; height:38px; border-radius:12px; display:grid; place-items:center; background:var(--wa-primary); color:#fff; font-size:1.2rem; }
.avatar-circle { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:rgba(0,168,132,.16); color:var(--wa-primary); }
.sidebar-menu .nav-link.active { background:var(--wa-primary); color:#fff; }
.sidebar-menu .nav-link:hover { background:rgba(0,168,132,.12); }
.app-content-header { padding-top:1.25rem; padding-bottom:.75rem; }
.card { border:1px solid var(--wa-line); box-shadow:0 10px 28px rgba(0,0,0,.08); }
.small-box { border-radius:1rem; overflow:hidden; border:1px solid var(--wa-line); box-shadow:none; }
.small-box .inner h3 { font-size:2rem; margin-bottom:.25rem; }
.small-box-icon { opacity:.18; }
.badge-soft-success { background:rgba(25,135,84,.16); color:#75d69c; }
.badge-soft-warning { background:rgba(255,193,7,.16); color:#ffd86b; }
.badge-soft-danger { background:rgba(220,53,69,.16); color:#ff8a98; }
.badge-soft-info { background:rgba(13,202,240,.16); color:#72def4; }
.table > :not(caption) > * > * { padding:.85rem .75rem; }
.customer-cell { display:flex; align-items:center; gap:.75rem; min-width:180px; }
.customer-avatar { width:40px; height:40px; flex:0 0 40px; border-radius:50%; display:grid; place-items:center; background:rgba(0,168,132,.14); color:var(--wa-primary); font-weight:700; }
.page-actions { display:flex; gap:.5rem; justify-content:flex-end; flex-wrap:wrap; }

/* Modular settings workspace */
.settings-route-shell { display:grid; grid-template-columns:250px minmax(0,1fr); min-height:680px; overflow:hidden; border:1px solid var(--wa-line); border-radius:1.1rem; background:var(--bs-body-bg); box-shadow:0 10px 28px rgba(0,0,0,.08); }
.settings-route-nav { padding:1rem; border-right:1px solid var(--wa-line); background:linear-gradient(180deg,rgba(0,168,132,.07),transparent 48%); }
.settings-route-label { padding:.25rem .85rem .75rem; font-size:.7rem; font-weight:800; letter-spacing:.11em; color:var(--bs-secondary-color); }
.settings-route-link { display:flex; align-items:center; gap:.8rem; margin-bottom:.35rem; padding:.8rem .85rem; border-radius:.85rem; color:var(--bs-secondary-color); text-decoration:none; transition:all .18s ease; }
.settings-route-link > i { width:1.3rem; flex:0 0 1.3rem; font-size:1.05rem; }
.settings-route-link span { display:flex; min-width:0; flex-direction:column; }
.settings-route-link strong { color:inherit; font-size:.92rem; }
.settings-route-link small { overflow:hidden; color:var(--bs-secondary-color); font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }
.settings-route-link:hover { background:rgba(0,168,132,.09); color:var(--wa-primary); transform:translateX(2px); }
.settings-route-link.active { background:linear-gradient(135deg,rgba(0,168,132,.24),rgba(0,168,132,.1)); color:#75e2ca; box-shadow:inset 3px 0 0 var(--wa-primary); }
.settings-route-content { min-width:0; padding:1.5rem; }
.settings-page-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; }
.settings-page-heading h4 { margin:0 0 .35rem; }
.settings-page-heading p { margin:0; color:var(--bs-secondary-color); }
.settings-page-icon { width:48px; height:48px; flex:0 0 48px; display:grid; place-items:center; border-radius:1rem; background:rgba(0,168,132,.14); color:var(--wa-primary); font-size:1.25rem; }
.settings-route-content .card { border-radius:1rem; box-shadow:none; }
.settings-route-actions { position:sticky; bottom:0; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:1.5rem -1.5rem -1.5rem; padding:1rem 1.5rem; border-top:1px solid var(--wa-line); background:color-mix(in srgb,var(--bs-body-bg) 92%,transparent); backdrop-filter:blur(12px); }
.settings-info-item { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:.8rem 0; border-bottom:1px solid var(--wa-line); }
.settings-info-item:last-child { border-bottom:0; }
.settings-info-item span { color:var(--bs-secondary-color); }
.settings-info-item strong,
.settings-info-item code { max-width:65%; text-align:right; word-break:break-word; }
.settings-health-summary { height:100%; padding:1.15rem 1.25rem; border:1px solid var(--wa-line); border-radius:1rem; background:rgba(0,168,132,.06); }
.settings-health-summary span { display:block; margin-bottom:.35rem; color:var(--bs-secondary-color); font-size:.8rem; }
.settings-health-summary strong { font-size:1.2rem; }

/* Modern inbox workspace */
.inbox-admin { min-height:calc(100vh - 190px); min-height:calc(100dvh - 190px); }
.inbox-admin .inbox { display:grid; grid-template-columns:minmax(290px,340px) minmax(0,1fr) minmax(270px,315px); min-height:720px; height:calc(100vh - 190px); height:calc(100dvh - 190px); overflow:hidden; border:1px solid var(--wa-line); border-radius:1.25rem; background:var(--bs-body-bg); box-shadow:0 18px 60px rgba(0,0,0,.16); }
.inbox-admin .conversation-list,
.inbox-admin .chat,
.inbox-admin .side { min-width:0; min-height:0; background:var(--bs-body-bg); }
.inbox-admin .conversation-list { display:flex; flex-direction:column; border-right:1px solid var(--wa-line); background:linear-gradient(180deg,rgba(0,168,132,.045),transparent 24%),var(--bs-body-bg); }
.inbox-admin .chat { position:relative; display:flex; flex-direction:column; background:radial-gradient(circle at 20% 20%,rgba(0,168,132,.055),transparent 30%),var(--bs-tertiary-bg); }
.inbox-admin .side { overflow-y:auto; border-left:1px solid var(--wa-line); background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 22%),var(--bs-body-bg); }

.inbox-list-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.15rem 1.1rem .85rem; }
.inbox-list-title { display:flex; align-items:center; gap:.8rem; }
.inbox-title-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; background:linear-gradient(135deg,var(--wa-primary),var(--wa-primary-dark)); color:#fff; box-shadow:0 8px 22px rgba(0,168,132,.25); }
.inbox-list-title strong { display:block; font-size:1rem; }
.inbox-list-title small { display:block; margin-top:.08rem; color:var(--bs-secondary-color); font-size:.76rem; }
.inbox-icon-btn { width:38px; height:38px; display:grid; place-items:center; padding:0; border:1px solid var(--wa-line); border-radius:12px; background:rgba(255,255,255,.025); color:var(--bs-secondary-color); transition:.18s ease; }
.inbox-icon-btn:hover { border-color:rgba(0,168,132,.35); background:rgba(0,168,132,.12); color:var(--wa-primary); transform:translateY(-1px); }
.inbox-icon-btn.active { border-color:rgba(0,168,132,.4); background:rgba(0,168,132,.16); color:var(--wa-primary); }

.push-toggle { position:relative; border:0; background:transparent; }
.push-status-dot { position:absolute; right:.42rem; top:.42rem; width:8px; height:8px; border:2px solid var(--bs-body-bg); border-radius:50%; background:#6c757d; }
.push-toggle.is-enabled .push-status-dot { background:var(--wa-primary); }
.push-toggle.is-blocked .push-status-dot { background:#dc3545; }
.push-toggle:disabled { opacity:.45; }

.inbox-search-wrap { position:relative; margin:0 1rem .85rem; }
.inbox-search-wrap > i { position:absolute; left:.9rem; top:50%; z-index:2; transform:translateY(-50%); color:var(--bs-secondary-color); }
.inbox-search-wrap .form-control { height:44px; padding-left:2.5rem; padding-right:3.5rem; border-color:transparent; border-radius:14px; background:rgba(255,255,255,.045); box-shadow:inset 0 0 0 1px var(--wa-line); }
.inbox-search-wrap .form-control:focus { background:rgba(0,168,132,.06); box-shadow:0 0 0 .2rem rgba(0,168,132,.12),inset 0 0 0 1px rgba(0,168,132,.38); }
.search-shortcut { position:absolute; right:.7rem; top:50%; transform:translateY(-50%); padding:.15rem .4rem; border:1px solid var(--wa-line); border-radius:7px; color:var(--bs-secondary-color); font-size:.65rem; }

.inbox-filters { display:flex; gap:.45rem; overflow-x:auto; padding:0 1rem .95rem; scrollbar-width:none; }
.inbox-filters::-webkit-scrollbar { display:none; }
.filter-chip { display:inline-flex; align-items:center; gap:.35rem; flex:0 0 auto; padding:.45rem .68rem; border:1px solid var(--wa-line); border-radius:999px; background:transparent; color:var(--bs-secondary-color); font-size:.74rem; font-weight:700; transition:.18s ease; }
.filter-chip:hover { border-color:rgba(0,168,132,.35); color:var(--wa-primary); }
.filter-chip.active { border-color:transparent; background:rgba(0,168,132,.17); color:#73dfc7; box-shadow:inset 0 0 0 1px rgba(0,168,132,.16); }

.conversation-items { flex:1; min-height:0; overflow-y:auto; padding:.15rem .55rem .8rem; }
.conversation-items::-webkit-scrollbar,
.messages::-webkit-scrollbar,
.inbox-admin .side::-webkit-scrollbar { width:7px; }
.conversation-items::-webkit-scrollbar-thumb,
.messages::-webkit-scrollbar-thumb,
.inbox-admin .side::-webkit-scrollbar-thumb { border-radius:999px; background:rgba(255,255,255,.1); }
.conversation { width:100%; display:flex; gap:.75rem; padding:.8rem; border:0; border-radius:16px; background:transparent; color:inherit; text-align:left; transition:.18s ease; }
.conversation:hover { background:rgba(255,255,255,.04); transform:translateX(2px); }
.conversation.active { background:linear-gradient(135deg,rgba(0,168,132,.16),rgba(0,168,132,.07)); box-shadow:inset 3px 0 0 var(--wa-primary); }
.conversation-avatar,
.mini-avatar,
.avatar { display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:linear-gradient(135deg,rgba(0,168,132,.95),rgba(0,95,76,.95)); color:#fff; font-weight:800; letter-spacing:.02em; box-shadow:0 6px 18px rgba(0,0,0,.16); }
.conversation-avatar { width:46px; height:46px; font-size:.8rem; }
.conversation-body { min-width:0; flex:1; }
.conversation-head,
.conversation-meta { display:flex; align-items:center; justify-content:space-between; gap:.6rem; }
.conversation-head strong { overflow:hidden; font-size:.88rem; text-overflow:ellipsis; white-space:nowrap; }
.conversation-head time { flex:0 0 auto; color:var(--bs-secondary-color); font-size:.66rem; }
.conversation-meta { margin-top:.2rem; }
.conversation-meta .preview { min-width:0; overflow:hidden; color:var(--bs-secondary-color); font-size:.76rem; text-overflow:ellipsis; white-space:nowrap; }
.conversation-meta .badge { min-width:20px; height:20px; display:grid; place-items:center; padding:0 .35rem; border-radius:999px; background:var(--wa-primary); color:#fff; font-size:.65rem; }
.conversation-tags { display:flex; gap:.35rem; overflow:hidden; margin-top:.42rem; }
.conversation-tags span { padding:.18rem .38rem; border-radius:999px; background:rgba(255,255,255,.045); color:var(--bs-secondary-color); font-size:.58rem; text-transform:capitalize; white-space:nowrap; }
.status-tag.status-open { background:rgba(0,168,132,.13); color:#70dfc6; }
.status-tag.status-pending { background:rgba(255,193,7,.14); color:#ffd86b; }
.status-tag.status-resolved,
.status-tag.status-closed { background:rgba(108,117,125,.16); color:#b9c0c6; }
.priority-high { color:#ffb15a !important; }
.priority-urgent { background:rgba(220,53,69,.13) !important; color:#ff8997 !important; }
.list-loading,
.list-empty,
.list-error { display:flex; align-items:center; justify-content:center; gap:.6rem; min-height:160px; padding:1.5rem; color:var(--bs-secondary-color); text-align:center; }
.list-error { color:#ff8a98; }

.chat-placeholder { height:100%; display:grid; place-items:center; padding:2rem; text-align:center; }
.empty-state-card { max-width:540px; padding:2.5rem; border:1px solid var(--wa-line); border-radius:28px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01)); box-shadow:0 18px 60px rgba(0,0,0,.12); backdrop-filter:blur(12px); }
.empty-icon { width:76px; height:76px; display:grid; place-items:center; margin:0 auto 1.15rem; border-radius:24px; background:linear-gradient(135deg,rgba(0,168,132,.24),rgba(0,168,132,.08)); color:var(--wa-primary); font-size:2rem; }
.empty-eyebrow { display:block; margin-bottom:.45rem; color:var(--wa-primary); font-size:.7rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.empty-state-card h2 { margin-bottom:.55rem; font-size:1.55rem; }
.empty-state-card p { margin:0 auto; color:var(--bs-secondary-color); }
.empty-feature-row { display:flex; justify-content:center; gap:.55rem; flex-wrap:wrap; margin-top:1.35rem; }
.empty-feature-row span { display:inline-flex; align-items:center; gap:.35rem; padding:.48rem .65rem; border:1px solid var(--wa-line); border-radius:999px; color:var(--bs-secondary-color); font-size:.7rem; }
.empty-feature-row i { color:var(--wa-primary); }

.chat-view { height:100%; display:flex; flex-direction:column; min-height:0; }
.chat-header { min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem 1rem; border-bottom:1px solid var(--wa-line); background:color-mix(in srgb,var(--bs-body-bg) 90%,transparent); backdrop-filter:blur(14px); }
.chat-person { display:flex; align-items:center; gap:.75rem; min-width:0; }
.mini-avatar { width:44px; height:44px; font-size:.8rem; }
.chat-identity { min-width:0; }
.chat-identity strong { display:block; overflow:hidden; max-width:260px; text-overflow:ellipsis; white-space:nowrap; }
.chat-identity small { display:flex; align-items:center; gap:.35rem; color:var(--bs-secondary-color); }
.online-dot,
.status-dot { width:7px; height:7px; display:inline-block; border-radius:50%; background:var(--wa-primary); box-shadow:0 0 0 3px rgba(0,168,132,.13); }
.chat-header .actions { display:flex; align-items:center; gap:.55rem; }
.status-select-wrap { display:flex; align-items:center; gap:.45rem; padding-left:.65rem; border:1px solid var(--wa-line); border-radius:12px; background:rgba(255,255,255,.025); }
.status-select-wrap .form-select { min-width:124px; border:0; background-color:transparent; box-shadow:none; }

.messages { flex:1; min-height:0; overflow-y:auto; padding:1.5rem; background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px); background-size:18px 18px; }
.message { width:fit-content; max-width:min(76%,680px); margin:0 auto .7rem 0; padding:.72rem .86rem .5rem; border:1px solid var(--wa-line); border-radius:5px 16px 16px 16px; background:var(--bs-body-bg); box-shadow:0 5px 16px rgba(0,0,0,.09); animation:messageIn .22s ease; }
.message.out { margin-right:0; margin-left:auto; border-color:rgba(0,168,132,.18); border-radius:16px 5px 16px 16px; background:linear-gradient(135deg,rgba(0,168,132,.22),rgba(0,168,132,.13)); }
.message > div:not(.message-sender) { line-height:1.45; white-space:pre-wrap; word-break:break-word; }
.message small { display:block; margin-top:.3rem; color:var(--bs-secondary-color); font-size:.62rem; text-align:right; }
.message-sender { margin-bottom:.2rem; color:var(--wa-primary); font-size:.68rem; font-weight:800; }
.media-message { margin-bottom:.25rem; font-weight:700; }
.empty-messages { display:grid; place-items:center; min-height:100%; color:var(--bs-secondary-color); }
@keyframes messageIn { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }

.composer-shell { position:relative; padding:.8rem 1rem .9rem; border-top:1px solid var(--wa-line); background:color-mix(in srgb,var(--bs-body-bg) 94%,transparent); backdrop-filter:blur(16px); }
.composer { display:flex; align-items:flex-end; gap:.75rem; }
.composer-input-wrap { flex:1; min-width:0; padding:.65rem .8rem .48rem; border:1px solid var(--wa-line); border-radius:18px; background:rgba(255,255,255,.035); transition:.18s ease; }
.composer-input-wrap:focus-within { border-color:rgba(0,168,132,.38); box-shadow:0 0 0 .2rem rgba(0,168,132,.09); }
.composer textarea { min-height:38px; max-height:130px; resize:none; padding:.25rem 0; border:0; background:transparent; box-shadow:none !important; }
.composer-input-wrap small { display:block; color:var(--bs-secondary-color); font-size:.6rem; }
.send-btn { min-width:96px; height:52px; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border:0; border-radius:16px; background:linear-gradient(135deg,var(--wa-primary),var(--wa-primary-dark)); box-shadow:0 9px 22px rgba(0,168,132,.2); }
.send-btn:hover { transform:translateY(-1px); box-shadow:0 12px 28px rgba(0,168,132,.28); }
.composer-status { min-height:18px; padding:.25rem .2rem 0; color:var(--bs-secondary-color); font-size:.68rem; }
.composer-status.success { color:#75d69c; }
.composer-status.error { color:#ff8997; }

.customer-placeholder { height:100%; display:grid; place-items:center; padding:1.5rem; color:var(--bs-secondary-color); text-align:center; }
.customer-placeholder i { display:block; margin-bottom:.65rem; color:var(--wa-primary); font-size:2rem; }
.customer-profile-card { position:relative; padding:1.6rem 1rem 1.25rem; border-bottom:1px solid var(--wa-line); text-align:center; }
.avatar { width:74px; height:74px; margin:0 auto .85rem; font-size:1.15rem; }
.profile-online-indicator { position:absolute; top:74px; left:calc(50% + 21px); width:14px; height:14px; border:3px solid var(--bs-body-bg); border-radius:50%; background:var(--wa-primary); }
.customer-profile-card h3 { margin-bottom:.2rem; font-size:1.08rem; }
.customer-profile-card p { margin-bottom:.75rem; color:var(--bs-secondary-color); font-size:.78rem; }
.whatsapp-contact-badge { display:inline-flex; align-items:center; gap:.35rem; padding:.35rem .6rem; border-radius:999px; background:rgba(0,168,132,.12); color:#72dfc7; font-size:.68rem; font-weight:700; }
.side-section { padding:1rem; border-bottom:1px solid var(--wa-line); }
.side-section-title { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.8rem; }
.side-section-title span { display:block; font-size:.82rem; font-weight:800; }
.side-section-title small { display:block; margin-top:.1rem; color:var(--bs-secondary-color); font-size:.62rem; font-weight:400; }
.side-section-title > i { color:var(--wa-primary); }
.customer-details { margin:0; }
.customer-details > div { display:flex; align-items:flex-start; justify-content:space-between; gap:.8rem; padding:.65rem 0; border-bottom:1px dashed var(--wa-line); }
.customer-details > div:last-child { border-bottom:0; }
.customer-details dt { display:flex; align-items:center; gap:.4rem; color:var(--bs-secondary-color); font-size:.68rem; font-weight:600; }
.customer-details dt i { color:var(--wa-primary); }
.customer-details dd { max-width:55%; margin:0; font-size:.7rem; text-align:right; word-break:break-word; }
.customer-details .form-select { min-width:100px; }
.notes-list { display:grid; gap:.55rem; max-height:230px; overflow-y:auto; margin-bottom:.7rem; }
.note { padding:.7rem; border:1px solid var(--wa-line); border-radius:12px; background:rgba(255,255,255,.025); }
.note strong { color:var(--wa-primary); font-size:.68rem; }
.note p { margin:.2rem 0; font-size:.72rem; line-height:1.4; }
.note small,
.notes-list .muted { color:var(--bs-secondary-color); font-size:.6rem; }
.note-composer { display:grid; gap:.55rem; }
.note-composer textarea { resize:vertical; border-radius:12px; font-size:.75rem; }

.mobile-only { display:none; }
.hidden-mobile { }

@media (max-width:1199.98px) {
  .inbox-admin .inbox { grid-template-columns:300px minmax(0,1fr); }
  .inbox-admin .side { display:none; }
}

@media (max-width:991.98px) {
  .settings-route-shell { grid-template-columns:210px minmax(0,1fr); }
  .settings-route-link small { display:none; }
  .inbox-admin .inbox { grid-template-columns:280px minmax(0,1fr); }
  .message { max-width:84%; }
}

@media (max-width:767.98px) {
  .app-content-header .breadcrumb { display:none; }
  .app-content { padding:.5rem .5rem calc(1rem + env(safe-area-inset-bottom)); }
  .app-main { min-height:calc(100vh - 105px); min-height:calc(100dvh - 105px); }
  .app-footer { padding-bottom:calc(.75rem + env(safe-area-inset-bottom)); }
  .page-actions { justify-content:flex-start; margin-top:.75rem; }
  .settings-route-shell { display:block; min-height:0; border-radius:.9rem; }
  .settings-route-nav { position:sticky; top:57px; z-index:8; display:flex; gap:.35rem; overflow-x:auto; padding:.55rem; border-right:0; border-bottom:1px solid var(--wa-line); background:color-mix(in srgb,var(--bs-body-bg) 92%,transparent); backdrop-filter:blur(14px); scrollbar-width:none; }
  .settings-route-nav::-webkit-scrollbar { display:none; }
  .settings-route-label { display:none; }
  .settings-route-link { flex:0 0 auto; margin:0; padding:.7rem .85rem; }
  .settings-route-link span { display:block; }
  .settings-route-link small { display:none; }
  .settings-route-link:hover { transform:none; }
  .settings-route-link.active { background:var(--wa-primary); color:#fff; box-shadow:none; }
  .settings-route-content { padding:1rem; }
  .settings-page-heading { margin-bottom:1rem; }
  .settings-page-icon { width:42px; height:42px; flex-basis:42px; }
  .settings-route-actions { align-items:stretch; flex-direction:column; margin:1rem -1rem -1rem; padding:1rem; padding-bottom:calc(1rem + env(safe-area-inset-bottom)); }
  .settings-route-actions .btn { width:100%; }
  .settings-info-item { flex-direction:column; gap:.35rem; }
  .settings-info-item strong,
  .settings-info-item code { max-width:100%; text-align:left; }

  .inbox-admin { min-height:calc(100vh - 145px); min-height:calc(100dvh - 145px); }
  .inbox-admin .inbox { display:block; min-height:0; height:calc(100vh - 145px); height:calc(100dvh - 145px); border-radius:.85rem; }
  .inbox-admin .conversation-list,
  .inbox-admin .chat { width:100%; height:100%; border:0; }
  .mobile-only { display:grid; }
  .hidden-mobile { display:none !important; }
  .search-shortcut { display:none; }
  .inbox-search-wrap .form-control { padding-right:.85rem; }
  .chat-header { min-height:66px; padding:.65rem .7rem; }
  .chat-header .status-select-wrap { max-width:125px; }
  .status-select-wrap .form-select { min-width:92px; font-size:.7rem; }
  .messages { padding:1rem .75rem; }
  .message { max-width:88%; }
  .composer-shell { padding:.6rem .65rem calc(.65rem + env(safe-area-inset-bottom)); }
  .composer { gap:.5rem; }
  .composer-input-wrap small { display:none; }
  .send-btn { min-width:52px; width:52px; }
  .send-btn span { display:none; }
  .empty-state-card { padding:1.5rem; border:0; background:transparent; box-shadow:none; }
  .empty-feature-row { display:none; }
}

@media (max-width:420px) {
  .chat-identity strong { max-width:125px; }
  .inbox-list-header { padding:.85rem .8rem .65rem; }
  .inbox-search-wrap { margin-right:.75rem; margin-left:.75rem; }
  .inbox-filters { padding-right:.75rem; padding-left:.75rem; }
  .conversation-items { padding-right:.35rem; padding-left:.35rem; }
}