/* TS WhatsApp v13.0.2 — actual component alignment + legibility correction
   Last-loaded, scoped override. No mutation of application behavior. */
body.ts-studio{
  --studio-control-height:44px;
  --studio-sp:16px;
  --studio-panel-radius:16px;
  font-size:14px!important;
  line-height:1.5!important;
}
body.ts-studio :is(button,a,input,textarea,select){box-sizing:border-box}
body.ts-studio :is(button,a){-webkit-tap-highlight-color:transparent}

/* Correct truncated identity, small nav labels, and misaligned footer. */
@media(min-width:981px){
 body.ts-studio:not(.sidebar-collapsed) .app-shell{grid-template-columns:258px minmax(0,1fr)!important}
 body.ts-studio:not(.sidebar-collapsed) .app-shell>.sidebar{width:258px!important}
}
body.ts-studio .studio-brandbar{gap:10px!important;padding:18px 14px 18px 18px!important;min-height:80px!important}
body.ts-studio .studio-brandbar .brand{min-width:0!important;flex:1 1 0!important;gap:11px!important;overflow:hidden!important}
body.ts-studio .studio-brandbar .brand-copy{flex:1!important;min-width:0!important;overflow:hidden!important}
body.ts-studio .studio-brandbar .brand-copy b{font-size:14px!important;line-height:1.25!important;letter-spacing:-.2px!important;text-overflow:ellipsis!important;overflow:hidden!important}
body.ts-studio .studio-brandbar .brand-copy span{font-size:11px!important;line-height:1.25!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.ts-studio .studio-brandbar .sidebar-collapse{flex:0 0 34px!important;width:34px!important;height:34px!important;padding:8px!important}
body.ts-studio .studio-space-label{min-height:48px!important;font-size:12px!important;padding:12px 13px!important;margin:15px 12px 9px!important}
body.ts-studio .studio-nav-section>.sidebar-label{font-size:10px!important;margin:18px 11px 8px!important;line-height:1.4!important}
body.ts-studio .side-nav .nav-item,body.ts-studio .sidebar .logout-link{display:flex!important;align-items:center!important;gap:12px!important;min-height:43px!important;height:auto!important;padding:10px 12px!important;font-size:13px!important;line-height:1.2!important}
body.ts-studio .side-nav .nav-icon,body.ts-studio .sidebar .logout-link .nav-icon{flex:0 0 20px!important;width:20px!important;height:20px!important;align-self:center!important}
body.ts-studio .side-nav .nav-icon svg{width:19px!important;height:19px!important}
body.ts-studio .side-nav .nav-label{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}
body.ts-studio .side-nav .nav-badge{min-height:22px!important;min-width:22px!important;font-size:11px!important;line-height:1!important;align-self:center!important}
body.ts-studio .studio-sidebar-footer .cloud-status{min-height:57px!important;gap:10px!important;align-items:center!important}
body.ts-studio .cloud-status b{font-size:12px!important;line-height:1.3!important}
body.ts-studio .cloud-status small{font-size:11px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important}

/* Topbar search is one control: previous CSS gave the form padding and overrode input padding. */
body.ts-studio .topbar{height:70px!important;min-height:70px!important;gap:18px!important;padding:0 25px!important}
body.ts-studio .studio-topbar-left{min-width:175px!important;gap:11px!important}
body.ts-studio .breadcrumb strong{font-size:14px!important;line-height:1.25!important}
body.ts-studio .breadcrumb-eyebrow{font-size:11px!important;line-height:1.2!important}
body.ts-studio .studio-topbar-center{flex:1 1 auto!important;min-width:0!important;justify-content:center!important}
body.ts-studio .studio-topbar-center .topbar-search{width:min(100%,485px)!important;max-width:485px!important}
body.ts-studio .topbar-search form{height:44px!important;min-height:44px!important;display:block!important;position:relative!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:visible!important}
body.ts-studio .topbar-search form input[type=search]{display:block!important;position:relative!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 45px 0 44px!important;border-radius:12px!important;background:var(--studio-tint)!important;border:1px solid var(--studio-line-strong)!important;color:var(--studio-ink)!important;font-size:13px!important;line-height:42px!important;box-shadow:none!important}
body.ts-studio .topbar-search form input::placeholder{color:var(--studio-sub)!important;opacity:1!important}
body.ts-studio .topbar-search .studio-search-mark{position:absolute!important;z-index:3!important;top:50%!important;left:15px!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;font-size:0!important;line-height:1!important;color:var(--studio-sub)!important;pointer-events:none!important}
body.ts-studio .topbar-search .studio-search-mark svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
body.ts-studio .topbar-search form kbd{position:absolute!important;top:50%!important;right:12px!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;min-width:21px!important;height:22px!important;line-height:1!important;margin:0!important;font-size:11px!important}
body.ts-studio .topbar-right{gap:9px!important;min-width:0!important}
body.ts-studio .workspace-switcher{display:flex!important;align-items:center!important;gap:8px!important;height:44px!important;min-height:44px!important;padding:5px 9px 5px 12px!important;border-radius:12px!important;max-width:255px!important}
body.ts-studio .workspace-switcher>span{font-size:10px!important;white-space:nowrap!important;line-height:1!important}
body.ts-studio .workspace-switcher select{height:34px!important;min-height:34px!important;max-width:176px!important;width:auto!important;flex:1 1 auto!important;min-width:70px!important;line-height:1.25!important;padding:0 23px 0 3px!important;font-size:12px!important;background-color:transparent!important;border:0!important;border-radius:7px!important;box-shadow:none!important;outline-offset:1px!important}
body.ts-studio .notif-chip{height:44px!important;min-height:44px!important;width:44px!important;min-width:44px!important;display:grid!important;place-items:center!important;padding:0!important}
body.ts-studio .account-trigger{height:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:5px 11px 5px 5px!important}
body.ts-studio .account-trigger .user-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;line-height:1.2!important}
body.ts-studio .account-trigger .user-copy b{font-size:12px!important}
body.ts-studio .account-trigger .user-copy span{font-size:10px!important}
body.ts-studio .account-chevron{display:grid!important;place-items:center!important}

/* Consistent readable heading, form/action geometry throughout CRM. */
body.ts-studio .content{font-size:13px!important}
body.ts-studio .studio-page-heading{align-items:flex-end!important;gap:20px!important;margin-bottom:20px!important}
body.ts-studio .studio-page-heading h1{font-size:29px!important;line-height:1.15!important;letter-spacing:-.75px!important}
body.ts-studio .studio-page-heading p{font-size:13px!important;line-height:1.5!important}
body.ts-studio .studio-page-heading .studio-overline{font-size:10px!important;line-height:1.5!important;align-items:center!important;gap:9px!important}
body.ts-studio .studio-action-primary{height:44px!important;min-height:44px!important;padding:0 18px!important;font-size:12px!important;line-height:1.2!important}
body.ts-studio .content :is(.btn,button,input[type=submit]){font-size:12px!important;min-height:40px!important;line-height:1.25!important}
body.ts-studio .content :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select){min-height:43px!important;font-size:13px!important;line-height:1.35!important}
body.ts-studio .content textarea{min-height:90px!important;font-size:13px!important;line-height:1.55!important}
body.ts-studio .content table th{font-size:11px!important;line-height:1.3!important;vertical-align:middle!important}
body.ts-studio .content table td{font-size:12px!important;line-height:1.4!important;vertical-align:middle!important}
body.ts-studio .content :is(.studio-contacts-toolbar,.table-toolbar,.studio-ai-tabs,.bc-actions){align-items:center!important;gap:10px!important}
body.ts-studio .content :is(.card-header,.section-header,.module-header,.accordion-head){align-items:center!important;gap:12px!important}
body.ts-studio .content :is(.card-header,.section-header,.module-header,.accordion-head)>:is(h2,h3,h4){margin:0!important;line-height:1.25!important}
body.ts-studio .studio-module-intro strong{font-size:17px!important;line-height:1.3!important}
body.ts-studio .studio-module-intro p{font-size:12px!important}
body.ts-studio .studio-ai-tabs a{min-height:40px!important;font-size:12px!important;display:inline-flex!important;align-items:center!important}
body.ts-studio .studio-ai-hero p{font-size:13px!important;line-height:1.5!important}
body.ts-studio .studio-broadcast .bc-fields label{font-size:12px!important;line-height:1.35!important}
body.ts-studio .studio-broadcast .bc-link{font-size:12px!important}
body.ts-studio .studio-flow-steps span{font-size:12px!important;min-height:46px!important}
body.ts-studio .studio-contacts-toolbar{min-height:68px!important}

/* Inbox — real classes from inbox.php / app.css, not synthetic wrapper names. */
@media(min-width:1321px){
 body.ts-studio.page-inbox .studio-inbox{--inbox-rail:208px;--inbox-list:392px;grid-template-columns:208px 392px minmax(0,1fr)!important}
}
body.ts-studio.page-inbox .content{padding:17px 22px 26px!important}
body.ts-studio.page-inbox .studio-page-heading{margin:3px 2px 17px!important}
body.ts-studio.page-inbox .studio-page-heading h1{font-size:27px!important}
body.ts-studio.page-inbox .studio-inbox-account{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,390px)!important;align-items:center!important;gap:18px!important;min-height:77px!important;margin-bottom:14px!important;padding:12px 18px!important;border-radius:15px!important}
body.ts-studio.page-inbox .studio-inbox-account .inbox-account-current{display:flex!important;align-items:center!important;min-width:0!important;gap:13px!important}
body.ts-studio.page-inbox .studio-inbox-account .inbox-account-copy{min-width:0!important;flex:1!important}
body.ts-studio.page-inbox .studio-inbox-account .inbox-account-copy b{font-size:14px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.ts-studio.page-inbox .studio-inbox-account .inbox-account-copy small{display:block!important;font-size:11px!important;line-height:1.35!important}
body.ts-studio.page-inbox .studio-inbox-account .inbox-account-picker{display:flex!important;align-items:center!important;gap:12px!important;padding:0 0 0 17px!important;margin:0!important;border-top:0!important;border-left:1px solid var(--studio-line)!important;min-width:0!important}
body.ts-studio.page-inbox .studio-inbox-account .inbox-account-picker label{white-space:nowrap!important;margin:0!important;font-size:10px!important}
body.ts-studio.page-inbox .studio-inbox-account .inbox-account-picker select{width:100%!important;max-width:none!important;min-width:0!important;height:43px!important;min-height:43px!important;padding:0 33px 0 12px!important;border:1px solid var(--studio-line-strong)!important;border-radius:10px!important;font-size:12px!important;box-shadow:none!important}
body.ts-studio.page-inbox .studio-inbox{border-radius:16px!important;min-height:610px!important;height:calc(100dvh - 252px)!important;box-shadow:0 12px 36px #050b151a!important}
body.ts-studio.page-inbox .studio-inbox .inbox-v2-rail{padding:18px 12px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-rail-head{padding:3px 4px 18px!important;gap:9px!important;align-items:center!important}
body.ts-studio.page-inbox .studio-inbox .inbox-rail-head h2{font-size:17px!important;line-height:1.25!important;margin:3px 0!important}
body.ts-studio.page-inbox .studio-inbox .inbox-rail-head small{display:block!important;font-size:11px!important;line-height:1.4!important}
body.ts-studio.page-inbox .studio-inbox .inbox-rail-head .eyebrow{font-size:10px!important;letter-spacing:.09em!important}
body.ts-studio.page-inbox .studio-inbox .inbox-new-chat{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:11px!important;display:grid!important;place-items:center!important;line-height:1!important;font-size:23px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-views{gap:4px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-view-link{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;gap:8px!important;min-height:37px!important;padding:8px 9px!important;font-size:12px!important;line-height:1.2!important;align-items:center!important}
body.ts-studio.page-inbox .studio-inbox .inbox-view-link em{min-width:23px!important;min-height:22px!important;display:grid!important;place-items:center!important;font-size:10px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-view-icon{width:22px!important;text-align:center!important}
body.ts-studio.page-inbox .studio-inbox .inbox-rail-section{margin-top:16px!important;padding:13px 10px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-rail-section a{font-size:11px!important;min-height:29px!important;display:flex!important;align-items:center!important}
body.ts-studio.page-inbox .studio-inbox .inbox-list-head{height:76px!important;min-height:76px!important;display:flex!important;align-items:center!important;padding:15px 17px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-list-head h2{font-size:16px!important;line-height:1.3!important;margin:0 0 4px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-list-head span{font-size:11px!important;line-height:1.3!important}
body.ts-studio.page-inbox .studio-inbox .inbox-list-head .icon-btn{flex:0 0 35px!important;min-height:35px!important;width:35px!important;height:35px!important;display:grid!important;place-items:center!important;border-radius:10px!important}
body.ts-studio.page-inbox .studio-inbox form.inbox-search{display:grid!important;grid-template-columns:18px minmax(0,1fr) 59px!important;align-items:center!important;gap:9px!important;margin:0!important;padding:10px 12px!important;min-height:64px!important;background:var(--studio-tint)!important;border-bottom:1px solid var(--studio-line)!important}
body.ts-studio.page-inbox .studio-inbox form.inbox-search>span{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;font-size:20px!important;line-height:1!important;color:var(--studio-sub)!important}
body.ts-studio.page-inbox .studio-inbox form.inbox-search input[name=q]{display:block!important;width:100%!important;min-width:0!important;min-height:41px!important;height:41px!important;margin:0!important;padding:0 11px!important;border-radius:10px!important;font-size:12px!important;background:var(--studio-paper)!important}
body.ts-studio.page-inbox .studio-inbox form.inbox-search button{height:41px!important;min-height:41px!important;width:59px!important;padding:0!important;margin:0!important;font-size:12px!important;line-height:1!important;font-weight:750!important;background:var(--studio-accent)!important;color:#fff!important;border-radius:10px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-conversation{min-height:75px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-row-link{display:grid!important;grid-template-columns:42px minmax(0,1fr) 30px!important;align-items:center!important;gap:11px!important;min-height:75px!important;padding:10px 12px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-avatar{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;font-size:13px!important;border-radius:13px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-row-title{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
body.ts-studio.page-inbox .studio-inbox .inbox-row-title b{min-width:0!important;font-size:13px!important;line-height:1.25!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.ts-studio.page-inbox .studio-inbox .inbox-row-title time{font-size:10px!important;margin-left:auto!important;flex:0 0 auto!important}
body.ts-studio.page-inbox .studio-inbox .inbox-row-preview{font-size:11px!important;line-height:1.3!important;margin-top:4px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-row-meta{font-size:10px!important;line-height:1.25!important;margin-top:3px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-row-flags{display:flex!important;justify-content:center!important;align-items:center!important}
body.ts-studio.page-inbox .studio-inbox .inbox-row-flags em{min-width:23px!important;min-height:23px!important;display:grid!important;place-items:center!important;line-height:1!important;font-size:11px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-v2-main{background:var(--studio-paper)!important}
body.ts-studio.page-inbox .studio-inbox .inbox-v2-empty{padding:44px!important;background:radial-gradient(circle at 50% 46%,var(--studio-wash),transparent 45%)!important}
body.ts-studio.page-inbox .studio-inbox .inbox-v2-empty h2{font-size:21px!important;color:var(--studio-ink)!important;line-height:1.3!important}
body.ts-studio.page-inbox .studio-inbox .inbox-v2-empty p{font-size:13px!important;line-height:1.6!important;max-width:400px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-v2-empty>div:last-child{font-size:11px!important}
body.ts-studio.page-inbox .studio-inbox .inbox-chat-head{min-height:70px!important;align-items:center!important}
body.ts-studio.page-inbox .studio-inbox .inbox-composer{min-width:0!important}

@media(min-width:981px) and (max-width:1320px){
 body.ts-studio.page-inbox .studio-inbox{grid-template-columns:345px minmax(0,1fr)!important}
 body.ts-studio.page-inbox .studio-inbox .inbox-v2-rail{display:none!important}
}
@media(max-width:1120px){
 body.ts-studio .studio-topbar-center{display:none!important}
 body.ts-studio .topbar{gap:10px!important;padding:0 18px!important}
 body.ts-studio .workspace-switcher{max-width:205px!important}
}
@media(max-width:980px){
 body.ts-studio.page-inbox .studio-inbox-account{grid-template-columns:1fr!important;gap:11px!important;padding:13px!important}
 body.ts-studio.page-inbox .studio-inbox-account .inbox-account-picker{border-left:0!important;border-top:1px solid var(--studio-line)!important;padding:12px 0 0!important}
 body.ts-studio .studio-page-heading{flex-direction:column!important;align-items:flex-start!important}
 body.ts-studio .studio-page-actions{width:100%!important}
 body.ts-studio .studio-page-actions .studio-action-primary{width:100%!important}
 body.ts-studio.page-inbox .studio-inbox{height:auto!important;min-height:calc(100dvh - 190px)!important}
}
@media(max-width:780px){
 body.ts-studio.page-inbox .studio-inbox{grid-template-columns:minmax(0,1fr)!important}
 body.ts-studio.page-inbox .studio-inbox .inbox-v2-rail{display:none!important}
 body.ts-studio.page-inbox .studio-inbox .inbox-v2-main{display:none!important}
 body.ts-studio.page-inbox .studio-inbox:has(.inbox-chat-layout) .inbox-v2-list-panel{display:none!important}
 body.ts-studio.page-inbox .studio-inbox:has(.inbox-chat-layout) .inbox-v2-main{display:block!important}
}
@media(max-width:560px){
 body.ts-studio .topbar{height:66px!important;min-height:66px!important;padding:0 12px!important}
 body.ts-studio.page-inbox .content{padding:12px 10px 28px!important}
 body.ts-studio.page-inbox .studio-page-heading h1{font-size:24px!important}
 body.ts-studio.page-inbox .studio-inbox-account .inbox-account-current{gap:10px!important}
 body.ts-studio.page-inbox .studio-inbox-account .inbox-account-copy b{font-size:12px!important;white-space:normal!important}
 body.ts-studio.page-inbox .studio-inbox-account .inbox-account-picker{display:block!important}
 body.ts-studio.page-inbox .studio-inbox-account .inbox-account-picker label{display:block!important;margin-bottom:7px!important}
 body.ts-studio.page-inbox .studio-inbox .inbox-row-link{grid-template-columns:42px minmax(0,1fr) 27px!important}
}
/* Highest-specificity corrections confirmed with computed browser layout. */
html body.ts-studio .app-shell>.sidebar .studio-brandbar{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-bottom:1px solid var(--studio-line)!important;
}
html body.ts-studio .app-shell>.sidebar .studio-brandbar .brand{max-width:none!important;min-width:0!important;flex:1 1 0!important}
html body.ts-studio .app-shell>.sidebar .studio-brandbar .brand-copy{display:block!important;min-width:0!important;flex:1 1 0!important}
html body.ts-studio .app-shell>.sidebar .studio-brandbar .brand-copy b{white-space:nowrap!important}
html body.ts-studio .topbar .studio-topbar-center .topbar-search form input[type="search"]{
  box-sizing:border-box!important;padding:0 45px 0 45px!important;
  border:1px solid var(--studio-line-strong)!important;
  min-height:44px!important;
}

html body.ts-studio .app-shell>.sidebar .studio-brandbar .brand-copy b{font-size:12px!important;letter-spacing:-.1px!important}
html body.ts-studio .app-shell>.sidebar .studio-brandbar .brand-copy span{font-size:10px!important}
/* Mobile: one full-width pane, never a 300px fixed column with a dead strip. */
@media(max-width:780px){
 html body.ts-studio.page-inbox .content .studio-inbox.inbox-v2{
   grid-template-columns:minmax(0,1fr)!important;
   width:100%!important;
 }
 html body.ts-studio.page-inbox .content .studio-inbox .inbox-v2-list-panel,
 html body.ts-studio.page-inbox .content .studio-inbox .inbox-v2-main{
   width:100%!important;min-width:0!important;max-width:100%!important;
   grid-column:1!important;
 }
}