/* TS WhatsApp V11.5.8 — Modern Product UI + Human Inbox
   Final visual layer. Loaded after legacy CSS. */

:root{
  --ts-bg:#0b1115;
  --ts-surface:#10181d;
  --ts-surface-2:#121c22;
  --ts-surface-3:#162229;
  --ts-line:#22313a;
  --ts-line-soft:#1a272e;
  --ts-text:#e8eef1;
  --ts-text-2:#b7c2c8;
  --ts-muted:#829199;
  --ts-faint:#66767f;
  --ts-green:#18c991;
  --ts-green-2:#11b67f;
  --ts-green-soft:rgba(24,201,145,.11);
  --ts-green-line:rgba(24,201,145,.22);
  --ts-danger:#ef6a70;
  --ts-warning:#e4b85e;
  --ts-radius-xs:7px;
  --ts-radius-sm:10px;
  --ts-radius:12px;
  --ts-radius-lg:16px;
  --ts-shadow:0 12px 30px rgba(0,0,0,.15);
}

html[data-theme="light"]{
  --ts-bg:#f5f7f8;--ts-surface:#ffffff;--ts-surface-2:#f9fbfb;--ts-surface-3:#f1f5f4;
  --ts-line:#dce4e7;--ts-line-soft:#e8edef;--ts-text:#182126;--ts-text-2:#536169;
  --ts-muted:#73818a;--ts-faint:#97a2a8;--ts-shadow:0 10px 28px rgba(27,43,51,.07);
}

*{box-sizing:border-box}
html,body{font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif!important}
body.app-body{background:var(--ts-bg)!important;color:var(--ts-text)!important;font-size:13px!important;font-weight:400!important;line-height:1.45!important;letter-spacing:0!important}
body.app-body :is(p,span,small,label,td,th,input,select,textarea,button,a){font-family:inherit!important}
body.app-body :is(b,strong){font-weight:600!important}
body.app-body h1{font-size:24px!important;line-height:1.15!important;font-weight:650!important;letter-spacing:-.025em!important}
body.app-body h2{font-size:18px!important;line-height:1.2!important;font-weight:620!important;letter-spacing:-.018em!important}
body.app-body h3{font-size:15px!important;line-height:1.25!important;font-weight:600!important}
body.app-body h4{font-size:13px!important;line-height:1.3!important;font-weight:600!important}
body.app-body .eyebrow{font-size:10px!important;line-height:1.2!important;font-weight:550!important;letter-spacing:.075em!important;color:var(--ts-muted)!important}
body.app-body .muted{color:var(--ts-muted)!important}

/* Global product shell */
body.app-body .app-shell{background:var(--ts-bg)!important}
body.app-body .sidebar{background:#0d1519!important;border-right:1px solid var(--ts-line-soft)!important;box-shadow:none!important}
body.app-body .brand-row{border-bottom:1px solid var(--ts-line-soft)!important}
body.app-body .brand-copy b{font-size:13px!important;font-weight:600!important}
body.app-body .brand-copy span{font-size:10px!important;font-weight:400!important;color:var(--ts-muted)!important}
body.app-body .sidebar-label{font-size:9px!important;font-weight:550!important;letter-spacing:.09em!important;color:#5f7079!important}
body.app-body .nav-item{border-radius:10px!important;font-size:12.5px!important;font-weight:450!important;color:#9aabb3!important;transition:background .14s ease,color .14s ease!important;transform:none!important}
body.app-body .nav-item:hover{background:rgba(255,255,255,.035)!important;color:#e2eaed!important;transform:none!important}
body.app-body .nav-item.active{background:var(--ts-green-soft)!important;color:#8ae5c4!important;box-shadow:none!important}
body.app-body .nav-icon svg{stroke-width:1.65!important}
body.app-body .nav-badge{font-size:9px!important;font-weight:600!important;background:var(--ts-green)!important;color:#07130f!important;box-shadow:none!important}
body.app-body .cloud-status{border-radius:11px!important;border:1px solid var(--ts-line-soft)!important;background:var(--ts-surface)!important;box-shadow:none!important}
body.app-body .cloud-status b{font-size:11px!important;font-weight:550!important}
body.app-body .cloud-status small{font-size:9px!important;color:var(--ts-muted)!important}

body.app-body .workspace{background:var(--ts-bg)!important}
body.app-body .topbar{height:58px!important;min-height:58px!important;background:#0d1519!important;border-bottom:1px solid var(--ts-line-soft)!important;box-shadow:none!important;padding:0 14px!important;gap:10px!important}
body.app-body .breadcrumb{font-size:11px!important;color:var(--ts-muted)!important}
body.app-body .breadcrumb strong{font-size:12px!important;font-weight:550!important;color:var(--ts-text-2)!important}
body.app-body .workspace-switcher,body.app-body .workspace-static{height:40px!important;min-height:40px!important;border:1px solid var(--ts-line-soft)!important;border-radius:11px!important;background:var(--ts-surface)!important;box-shadow:none!important}
body.app-body .workspace-switcher>span,body.app-body .workspace-static>span{font-size:8.5px!important;font-weight:550!important;letter-spacing:.06em!important;color:var(--ts-muted)!important}
body.app-body .workspace-switcher select,body.app-body .workspace-static b{font-size:12px!important;font-weight:550!important}
body.app-body .topbar-search input{height:40px!important;border-radius:11px!important;border:1px solid var(--ts-line)!important;background:#0c1418!important;font-size:12px!important;font-weight:400!important;box-shadow:none!important}
html[data-theme="light"] body.app-body .topbar-search input{background:#fff!important}
body.app-body .notif-chip,body.app-body .help-chip{height:38px!important;min-height:38px!important;border-radius:10px!important;border:1px solid var(--ts-line-soft)!important;background:var(--ts-surface)!important;font-size:11px!important;font-weight:450!important;box-shadow:none!important}
body.app-body .account-trigger{height:42px!important;border-radius:12px!important;border:1px solid var(--ts-line-soft)!important;background:var(--ts-surface)!important;padding:5px 9px!important;box-shadow:none!important}
body.app-body .account-trigger:hover{background:var(--ts-surface-2)!important;transform:none!important}
body.app-body .account-trigger .user-copy b{font-size:11.5px!important;font-weight:600!important}
body.app-body .account-trigger .user-copy span{font-size:9px!important;font-weight:400!important;color:var(--ts-muted)!important}
body.app-body .avatar{font-weight:600!important}

body.app-body .content{padding:14px!important;gap:12px!important}
body.app-body .page-heading{margin:0!important;padding:0 2px 4px!important}
body.app-body .page-heading h1{margin:0 0 4px!important}
body.app-body .page-heading p{font-size:12px!important;font-weight:400!important;color:var(--ts-muted)!important}

/* Global surfaces */
body.app-body :is(.card,.panel,.stat-card,.section-card,.settings-card,.report-card,.detail-card,.customer-card,.device-card,.template-card){background:var(--ts-surface)!important;border:1px solid var(--ts-line-soft)!important;border-radius:var(--ts-radius)!important;box-shadow:none!important;transform:none!important}
body.app-body :is(.card,.panel,.stat-card,.section-card,.settings-card,.report-card,.detail-card,.customer-card,.device-card,.template-card):hover{transform:none!important;box-shadow:none!important}
body.app-body :is(input,select,textarea){border:1px solid var(--ts-line)!important;border-radius:10px!important;background:#0c1418!important;color:var(--ts-text)!important;box-shadow:none!important;font-size:12.5px!important;font-weight:400!important;min-height:38px!important}
html[data-theme="light"] body.app-body :is(input,select,textarea){background:#fff!important;color:var(--ts-text)!important}
body.app-body :is(input,select,textarea):focus{border-color:rgba(24,201,145,.55)!important;box-shadow:0 0 0 3px rgba(24,201,145,.08)!important;outline:none!important}
body.app-body button,body.app-body .btn{min-height:36px!important;border-radius:10px!important;font-size:12px!important;font-weight:550!important;box-shadow:none!important;transform:none!important}
body.app-body button:hover,body.app-body .btn:hover{transform:none!important;box-shadow:none!important}
body.app-body table{border-radius:12px!important;overflow:hidden!important;border:1px solid var(--ts-line-soft)!important;background:var(--ts-surface)!important}
body.app-body th{font-size:10.5px!important;font-weight:600!important;letter-spacing:.025em!important;color:#91a1a9!important;padding:10px 12px!important;background:var(--ts-surface-2)!important;border-color:var(--ts-line-soft)!important}
body.app-body td{font-size:12px!important;font-weight:400!important;color:var(--ts-text-2)!important;padding:10px 12px!important;border-color:var(--ts-line-soft)!important}
body.app-body tbody tr:hover td{background:rgba(255,255,255,.018)!important}
body.app-body .notice{border-radius:11px!important;box-shadow:none!important;font-size:12px!important;font-weight:450!important}
body.app-body .pill{font-size:9px!important;font-weight:600!important;letter-spacing:.03em!important;border-radius:999px!important}

/* ===== INBOX account selector ===== */
body.page-inbox .content{max-width:none!important;height:calc(100dvh - 58px)!important;max-height:calc(100dvh - 58px)!important;overflow:hidden!important;padding:10px!important;gap:8px!important}
body.page-inbox .inbox-account-selector{min-height:52px!important;height:52px!important;padding:6px 10px!important;border:1px solid var(--ts-line-soft)!important;border-radius:13px!important;background:var(--ts-surface)!important;box-shadow:none!important}
body.page-inbox .inbox-account-current{gap:9px!important}
body.page-inbox .wa-account-photo{width:34px!important;height:34px!important;border-radius:10px!important}
body.page-inbox .inbox-account-current .eyebrow{font-size:8px!important}
body.page-inbox .inbox-account-current b{font-size:11.5px!important;font-weight:600!important}
body.page-inbox .inbox-account-current small{font-size:9px!important;font-weight:400!important;color:var(--ts-muted)!important}
body.page-inbox .inbox-account-switch{gap:8px!important}
body.page-inbox .inbox-account-switch>span{font-size:8px!important;font-weight:550!important;color:var(--ts-muted)!important}
body.page-inbox .inbox-account-switch select{height:34px!important;min-height:34px!important;font-size:10.5px!important;border-radius:9px!important}

/* ===== INBOX shell ===== */
body.page-inbox .inbox-v2.inbox-v3{
  --inbox-rail:178px;--inbox-list:330px;
  grid-template-columns:var(--inbox-rail) var(--inbox-list) minmax(0,1fr)!important;
  min-height:0!important;height:100%!important;border:1px solid var(--ts-line-soft)!important;border-radius:14px!important;
  overflow:hidden!important;background:var(--ts-surface)!important;box-shadow:none!important;
}
body.page-inbox .inbox-v3 .inbox-v2-rail{padding:12px 10px!important;background:#0f171b!important;border-right:1px solid var(--ts-line-soft)!important;overflow-y:auto!important}
body.page-inbox .inbox-v3 .inbox-rail-head{padding:0 2px 10px!important;margin:0 0 6px!important}
body.page-inbox .inbox-v3 .inbox-rail-head h2{font-size:15px!important;font-weight:600!important;margin:2px 0!important}
body.page-inbox .inbox-v3 .inbox-rail-head small{font-size:9.5px!important;line-height:1.35!important;color:var(--ts-muted)!important}
body.page-inbox .inbox-v3 .inbox-new-chat{width:30px!important;height:30px!important;border-radius:9px!important;background:var(--ts-green)!important;color:#07130f!important;font-size:17px!important;font-weight:450!important;box-shadow:none!important}
body.page-inbox .inbox-v3 .inbox-views{gap:2px!important}
body.page-inbox .inbox-v3 .inbox-view-link{min-height:34px!important;padding:7px 8px!important;border-radius:9px!important;font-size:11px!important;font-weight:430!important;color:#91a0a7!important;transform:none!important}
body.page-inbox .inbox-v3 .inbox-view-link:hover{background:rgba(255,255,255,.03)!important;color:#dfe6e9!important;transform:none!important}
body.page-inbox .inbox-v3 .inbox-view-link.active{background:var(--ts-green-soft)!important;color:#83e3c0!important;font-weight:550!important}
body.page-inbox .inbox-v3 .inbox-view-icon{font-size:10px!important;color:#71818a!important}
body.page-inbox .inbox-v3 .inbox-view-link em{min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;background:#172229!important;color:#97a4aa!important;font-size:8.5px!important;font-style:normal!important;font-weight:550!important}
body.page-inbox .inbox-v3 .inbox-view-link.active em{background:rgba(24,201,145,.16)!important;color:#8ce7c5!important}
body.page-inbox .inbox-v3 .inbox-rail-section{margin-top:12px!important;padding-top:11px!important;border-top:1px solid var(--ts-line-soft)!important}
body.page-inbox .inbox-v3 .inbox-rail-section>span{display:block!important;margin:0 5px 5px!important;font-size:8.5px!important;font-weight:550!important;letter-spacing:.06em!important;color:#61727a!important}
body.page-inbox .inbox-v3 .inbox-rail-section a{min-height:29px!important;padding:6px 6px!important;border-radius:8px!important;font-size:10px!important;font-weight:430!important;color:#85959d!important}
body.page-inbox .inbox-v3 .inbox-rail-footer{margin-top:10px!important;padding:8px!important;border:1px solid var(--ts-line-soft)!important;border-radius:10px!important;background:#111b20!important;box-shadow:none!important}
body.page-inbox .inbox-v3 .inbox-rail-footer b{font-size:10px!important;font-weight:550!important}
body.page-inbox .inbox-v3 .inbox-rail-footer small{font-size:8px!important;color:var(--ts-muted)!important}

/* Conversation list */
body.page-inbox .inbox-v3 .inbox-v2-list-panel{background:#10181d!important;border-right:1px solid var(--ts-line-soft)!important;min-width:0!important}
body.page-inbox .inbox-v3 .inbox-list-head{height:52px!important;min-height:52px!important;padding:8px 10px 7px!important;background:#10181d!important;border-bottom:1px solid var(--ts-line-soft)!important}
body.page-inbox .inbox-v3 .inbox-list-head h2{font-size:13.5px!important;font-weight:600!important;margin:0!important}
body.page-inbox .inbox-v3 .inbox-list-head span{font-size:9px!important;color:var(--ts-muted)!important}
body.page-inbox .inbox-v3 .inbox-list-head .icon-btn{width:30px!important;height:30px!important;border-radius:9px!important;background:#131e24!important;border-color:var(--ts-line)!important;color:#8d9ca4!important}
body.page-inbox .inbox-v3 .inbox-search{height:38px!important;min-height:38px!important;margin:7px 8px!important;border:1px solid var(--ts-line)!important;border-radius:10px!important;background:#0c1418!important;padding:0 5px 0 9px!important;box-shadow:none!important}
body.page-inbox .inbox-v3 .inbox-search>span{font-size:13px!important;color:#677982!important}
body.page-inbox .inbox-v3 .inbox-search input{height:36px!important;min-height:36px!important;padding:0 7px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:11.5px!important}
body.page-inbox .inbox-v3 .inbox-search button{height:27px!important;min-height:27px!important;padding:0 8px!important;border-radius:7px!important;background:#162229!important;border:1px solid #26363e!important;color:#8fa0a8!important;font-size:9px!important;font-weight:500!important}
body.page-inbox .inbox-v3 .inbox-filter-drawer,body.page-inbox .inbox-v3 .inbox-bulk-bar{margin:0 8px 7px!important;padding:7px!important;border-radius:9px!important;background:#0f181d!important;border:1px solid var(--ts-line-soft)!important;box-shadow:none!important}
body.page-inbox .inbox-v3 .inbox-conversation-list{padding:0!important;background:#0f171b!important}
body.page-inbox .inbox-v3 .inbox-conversation{margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.045)!important;background:transparent!important}
body.page-inbox .inbox-v3 .inbox-row-link{min-height:64px!important;grid-template-columns:36px minmax(0,1fr) 22px!important;gap:9px!important;padding:8px 9px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
body.page-inbox .inbox-v3 .inbox-conversation:hover .inbox-row-link{background:rgba(255,255,255,.028)!important;transform:none!important}
body.page-inbox .inbox-v3 .inbox-conversation.active .inbox-row-link{background:rgba(24,201,145,.09)!important;box-shadow:inset 3px 0 0 var(--ts-green)!important}
body.page-inbox .inbox-v3 .inbox-conversation.unread .inbox-row-link{background:rgba(255,255,255,.012)!important}
body.page-inbox .inbox-v3 .inbox-avatar{width:34px!important;height:34px!important;border-radius:11px!important;background:#11271f!important;border:1px solid rgba(24,201,145,.18)!important;color:#7fe2bd!important;font-size:10.5px!important;font-weight:600!important;box-shadow:none!important}
body.page-inbox .inbox-v3 .inbox-row-title{align-items:center!important;gap:6px!important}
body.page-inbox .inbox-v3 .inbox-row-title b{font-size:11.8px!important;line-height:1.2!important;font-weight:600!important;color:#e4ebee!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.page-inbox .inbox-v3 .inbox-row-title time{font-size:8.7px!important;font-weight:400!important;color:#708089!important;flex:0 0 auto!important}
body.page-inbox .inbox-v3 .inbox-row-preview{font-size:9.8px!important;line-height:1.3!important;margin-top:3px!important;color:#8d9ba2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.page-inbox .inbox-v3 .inbox-row-preview .direction{font-size:8.5px!important;margin-right:3px!important;color:#63757e!important}
body.page-inbox .inbox-v3 .inbox-row-meta{margin-top:3px!important;gap:4px!important;min-height:14px!important}
body.page-inbox .inbox-v3 .inbox-row-meta>span:first-child{display:none!important}
body.page-inbox .inbox-v3 .inbox-row-meta>span{font-size:7.8px!important;font-weight:450!important;padding:1px 5px!important;border-radius:999px!important;background:rgba(255,255,255,.03)!important;color:#73838b!important}
body.page-inbox .inbox-v3 .inbox-row-flags em{min-width:19px!important;height:19px!important;padding:0 5px!important;border-radius:999px!important;background:var(--ts-green)!important;color:#07130f!important;font-size:8px!important;font-weight:650!important;box-shadow:none!important}

/* Chat workspace */
body.page-inbox .inbox-v3 .inbox-chat-layout{height:100%!important;min-height:0!important;background:#0b1216!important}
body.page-inbox .inbox-v3 .inbox-chat-workspace{grid-template-rows:54px minmax(0,1fr) auto!important;background:#0b1216!important;min-height:0!important}
body.page-inbox .inbox-v3 .inbox-chat-head{height:54px!important;min-height:54px!important;margin:0!important;padding:7px 12px!important;border:0!important;border-bottom:1px solid var(--ts-line-soft)!important;border-radius:0!important;background:#0f181d!important;box-shadow:none!important}
body.page-inbox .inbox-v3 .inbox-chat-person{gap:9px!important;min-width:0!important}
body.page-inbox .inbox-v3 .inbox-chat-person .inbox-avatar.large{width:34px!important;height:34px!important;border-radius:11px!important;font-size:10.5px!important}
body.page-inbox .inbox-v3 .inbox-chat-person h2{font-size:12.5px!important;font-weight:600!important;margin:0 0 2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.page-inbox .inbox-v3 .inbox-chat-person p{font-size:8.8px!important;font-weight:400!important;color:#76868e!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.page-inbox .inbox-v3 .inbox-chat-actions{gap:5px!important;flex-wrap:nowrap!important}
body.page-inbox .inbox-v3 .inbox-chat-actions .icon-btn{width:29px!important;height:29px!important;min-height:29px!important;border-radius:8px!important;border:1px solid var(--ts-line)!important;background:#121d23!important;color:#8d9ca4!important;font-size:10px!important}
body.page-inbox .inbox-v3 .window-chip{font-size:8px!important;font-weight:600!important;padding:4px 7px!important;border-radius:999px!important;background:var(--ts-green-soft)!important;border:1px solid var(--ts-green-line)!important;color:#75ddb7!important;letter-spacing:.02em!important}
body.page-inbox .inbox-v3 .window-chip.closed{background:rgba(228,184,94,.08)!important;border-color:rgba(228,184,94,.18)!important;color:#d9b56d!important}

/* Message canvas */
body.page-inbox .inbox-v3 .inbox-message-wall{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:14px clamp(14px,2vw,28px) 18px!important;background:#0a1115!important;background-image:radial-gradient(circle at 20% 0%,rgba(255,255,255,.012),transparent 28%),radial-gradient(circle at 100% 100%,rgba(24,201,145,.018),transparent 30%)!important;scrollbar-color:#33434b transparent!important}
body.page-inbox .inbox-v3 .message-day{margin:4px 0 12px!important;text-align:center!important}
body.page-inbox .inbox-v3 .message-day span{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:4px 8px!important;border-radius:999px!important;border:1px solid #1d2a31!important;background:#121b20!important;color:#74848c!important;font-size:9px!important;font-weight:450!important;box-shadow:none!important}
body.page-inbox .inbox-v3 .message-row{display:flex!important;width:100%!important;clear:both!important;margin:6px 0!important;padding:0!important}
body.page-inbox .inbox-v3 .message-row.group-cont{margin-top:2px!important}
body.page-inbox .inbox-v3 .message-row.group-cont.in .message-bubble{border-top-left-radius:10px!important}
body.page-inbox .inbox-v3 .message-row.group-cont.out .message-bubble{border-top-right-radius:10px!important}
body.page-inbox .inbox-v3 .message-row.in{justify-content:flex-start!important}
body.page-inbox .inbox-v3 .message-row.out{justify-content:flex-end!important}
body.page-inbox .inbox-v3 .message-bubble{display:inline-block!important;width:auto!important;min-width:0!important;max-width:62%!important;padding:10px 12px 7px!important;border-radius:14px!important;font-size:14px!important;line-height:1.38!important;font-weight:400!important;box-shadow:0 1px 1px rgba(0,0,0,.13)!important;word-break:break-word!important;overflow-wrap:anywhere!important;position:relative!important}
body.page-inbox .inbox-v3 .message-row.in .message-bubble{background:#182126!important;border:1px solid #24333b!important;color:#edf2f4!important;border-radius:14px 14px 14px 6px!important}
body.page-inbox .inbox-v3 .message-row.out .message-bubble{background:#0d6a5b!important;border:1px solid #157967!important;color:#f4fffb!important;border-radius:14px 14px 6px 14px!important}
body.page-inbox .inbox-v3 .message-origin{display:block!important;margin:0 0 4px!important;font-size:10.5px!important;line-height:1.2!important;font-weight:600!important;color:#8be3c2!important}
body.page-inbox .inbox-v3 .message-row.in .message-origin{color:#9aabb3!important}
body.page-inbox .inbox-v3 .message-body{font-size:14px!important;font-weight:400!important;line-height:1.38!important;letter-spacing:0!important}
body.page-inbox .inbox-v3 .message-meta{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;margin-top:4px!important;font-size:11px!important;font-weight:400!important;line-height:1!important;color:rgba(224,236,240,.58)!important;white-space:nowrap!important}
body.page-inbox .inbox-v3 .message-sender{display:none!important}
body.page-inbox .inbox-v3 .message-status{font-size:10.5px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important}
body.page-inbox .inbox-v3 .message-status.status-read{color:#8cd8ff!important}
body.page-inbox .inbox-v3 .message-status.status-delivered{color:#a0e6cf!important}
body.page-inbox .inbox-v3 .message-status.status-failed{color:#ff9ba0!important}
body.page-inbox .inbox-v3 .message-delete-form{opacity:0!important;transition:opacity .12s ease!important}
body.page-inbox .inbox-v3 .message-bubble:hover .message-delete-form{opacity:1!important}
body.page-inbox .inbox-v3 .message-delete-form button{min-height:0!important;width:auto!important;height:auto!important;padding:0 2px!important;background:transparent!important;border:0!important;color:#87969d!important;font-size:10px!important}
body.page-inbox .inbox-v3 .message-delivery-error{margin-top:6px!important;padding:6px 8px!important;font-size:10.5px!important;font-weight:400!important;border-radius:8px!important}
body.page-inbox .inbox-v3 .chat-media-image img{max-width:min(340px,100%)!important;max-height:300px!important;border-radius:10px!important}

/* Composer */
body.page-inbox .inbox-v3 .inbox-composer{margin:0!important;border:0!important;border-top:1px solid var(--ts-line-soft)!important;border-radius:0!important;background:#0f181d!important;box-shadow:none!important;max-height:230px!important}
body.page-inbox .inbox-v3 .composer-tabs.modern{height:34px!important;padding:0 10px!important;gap:3px!important;border-bottom:1px solid rgba(255,255,255,.035)!important;background:#0f181d!important}
body.page-inbox .inbox-v3 .composer-tabs.modern button{height:33px!important;min-height:33px!important;padding:0 10px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#819097!important;font-size:10.5px!important;font-weight:500!important;box-shadow:none!important;position:relative!important}
body.page-inbox .inbox-v3 .composer-tabs.modern button:hover{background:transparent!important;color:#c7d1d5!important}
body.page-inbox .inbox-v3 .composer-tabs.modern button.active,body.page-inbox .inbox-v3 .composer-tabs.modern button[aria-selected="true"]{background:transparent!important;color:#8be4c2!important}
body.page-inbox .inbox-v3 .composer-tabs.modern button.active:after,body.page-inbox .inbox-v3 .composer-tabs.modern button[aria-selected="true"]:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:999px;background:var(--ts-green)}
body.page-inbox .inbox-v3 .composer-pane.modern{padding:7px 9px 9px!important;background:#0f181d!important}
body.page-inbox .inbox-v3 .composer-tools{min-height:27px!important;padding:0 0 6px!important;border:0!important;background:transparent!important}
body.page-inbox .inbox-v3 .composer-tools select{height:28px!important;min-height:28px!important;max-width:220px!important;padding:0 8px!important;border-radius:8px!important;font-size:9.5px!important;background:#111c22!important}
body.page-inbox .inbox-v3 .composer-tools span{font-size:8.5px!important;color:#6f7e86!important}
body.page-inbox .inbox-v3 .composer-input{grid-template-columns:minmax(0,1fr) 40px!important;gap:7px!important;align-items:end!important}
body.page-inbox .inbox-v3 .composer-input textarea{min-height:40px!important;max-height:112px!important;padding:10px 12px!important;border-radius:12px!important;border:1px solid #263740!important;background:#0b1317!important;font-size:12.5px!important;line-height:1.35!important;resize:none!important}
body.page-inbox .inbox-v3 .send-button{width:40px!important;height:40px!important;min-height:40px!important;border:0!important;border-radius:12px!important;background:var(--ts-green)!important;color:#06130e!important;font-size:15px!important;box-shadow:none!important}
body.page-inbox .inbox-v3 .send-button:hover{background:#20d69c!important;transform:none!important}
body.page-inbox .inbox-v3 .composer-closed{border-radius:10px!important;background:rgba(228,184,94,.07)!important;border:1px solid rgba(228,184,94,.14)!important}

/* Details panel */
body.page-inbox .inbox-v3 .inbox-chat-layout{--detail-width:310px!important}
body.page-inbox .inbox-v3 .inbox-details{margin:0!important;padding:0 10px 14px!important;border:0!important;border-left:1px solid var(--ts-line-soft)!important;border-radius:0!important;background:#0f171b!important;box-shadow:none!important}
body.page-inbox .inbox-v3 .inbox-details>header{height:54px!important;min-height:54px!important;margin:0 -10px!important;padding:0 10px!important;border-bottom:1px solid var(--ts-line-soft)!important}
body.page-inbox .inbox-v3 .inbox-details>header h3{font-size:12px!important;font-weight:600!important}
body.page-inbox .inbox-v3 .detail-person{padding:13px 6px!important;border-radius:10px!important}
body.page-inbox .inbox-v3 .detail-person h3{font-size:13px!important;font-weight:600!important}
body.page-inbox .inbox-v3 .detail-person span,body.page-inbox .inbox-v3 .detail-person a{font-size:9.5px!important;font-weight:400!important}
body.page-inbox .inbox-v3 .detail-card{padding:10px!important;border-radius:10px!important;background:#111b20!important;border:1px solid var(--ts-line-soft)!important}
body.page-inbox .inbox-v3 .detail-card h4{font-size:11px!important;font-weight:600!important}
body.page-inbox .inbox-v3 .detail-field label{font-size:9px!important;font-weight:500!important;color:#7e8d95!important}
body.page-inbox .inbox-v3 .detail-field :is(select,input,button){min-height:32px!important;height:32px!important;font-size:9.5px!important;border-radius:8px!important}

/* Empty state */
body.page-inbox .inbox-v3 .inbox-v2-empty{background:#0b1216!important}
body.page-inbox .inbox-v3 .inbox-v2-empty h2{font-size:22px!important;font-weight:620!important;letter-spacing:-.02em!important}
body.page-inbox .inbox-v3 .inbox-v2-empty p{font-size:12px!important;font-weight:400!important;color:#83929a!important;max-width:560px!important}

/* Responsive inbox */
@media(max-width:1500px){
  body.page-inbox .inbox-v2.inbox-v3{--inbox-rail:166px;--inbox-list:312px}
  body.page-inbox .inbox-v3 .message-bubble{max-width:62%!important}
}
@media(max-width:1280px){
  body.page-inbox .inbox-v2.inbox-v3{grid-template-columns:304px minmax(0,1fr)!important}
  body.page-inbox .inbox-v3 .inbox-v2-rail{display:none!important}
  body.page-inbox .inbox-v3 .message-bubble{max-width:68%!important}
}
@media(max-width:900px){
  body.page-inbox .content{padding:6px!important}
  body.page-inbox .inbox-account-selector{height:auto!important;min-height:48px!important}
  body.page-inbox .inbox-v3 .inbox-row-link{min-height:60px!important}
  body.page-inbox .inbox-v3 .message-bubble{max-width:78%!important;padding:9px 11px 7px!important;font-size:13.5px!important}
  body.page-inbox .inbox-v3 .message-body{font-size:13.5px!important}
  body.page-inbox .inbox-v3 .inbox-message-wall{padding:10px 8px 12px!important}
}
@media(max-width:680px){
  body.page-inbox .inbox-v2.inbox-v3{grid-template-columns:1fr!important}
  body.page-inbox .inbox-v3 .inbox-v2-list-panel{display:none!important}
  body.page-inbox .inbox-v3 .message-bubble{max-width:82%!important}
}