/* Messages inbox layout: operational overview + adaptive three-pane workspace */
.content[data-page="inbox"]{max-width:none;padding:20px 22px 24px}
.messages-page{height:calc(100vh - 74px);min-height:620px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}
.messages-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}
.messages-page-title{min-width:180px}
.messages-page-title p{margin:0 0 3px;color:#748096;font-size:12px;font-weight:800;letter-spacing:.12em}
.messages-page-title h1{margin:0;color:#182034;font-size:25px;line-height:1.2}
.messages-page-title>span{display:block;margin-top:4px;color:#6f7890;font-size:12px;line-height:1.4}
.messages-overview{display:grid;grid-template-columns:repeat(3,minmax(112px,1fr));gap:10px}
.messages-overview>div{display:grid;gap:5px;min-width:0;padding:11px 15px;background:#fff;border:1px solid #e7eaf2;border-radius:13px;box-shadow:0 5px 16px rgba(34,45,82,.045)}
.messages-overview span{overflow:hidden;color:#6f7890;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.messages-overview strong{color:#182034;font-size:20px;line-height:1}
.messages-page .inbox-shell{height:100%;max-height:100%;min-height:0;min-width:0;grid-template-columns:minmax(250px,300px) minmax(320px,1fr) minmax(230px,270px);border:1px solid #e7eaf2;border-radius:16px;box-shadow:0 8px 26px rgba(34,45,82,.06)}
.messages-page .conversation-pane,.messages-page .thread,.messages-page .customer-context{height:100%;min-height:0;min-width:0;overflow:hidden}
.messages-page .conversation-list,.messages-page .messages,.messages-page .customer-context{overscroll-behavior:contain;scrollbar-gutter:stable}
.messages-page .conversation-copy,.messages-page .thread-title,.messages-page .customer-identity>div{min-width:0}
.messages-page .conversation-copy strong,.messages-page .thread-title strong,.messages-page .customer-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1180px){
 .content[data-page="inbox"]{padding:16px}
 .messages-page{height:calc(100vh - 74px)}
 .messages-page .inbox-shell{grid-template-columns:260px minmax(300px,1fr)}
 .messages-page .customer-context{top:74px}
}
@media(max-width:820px){
 .content[data-page="inbox"]{padding:0}
 .messages-page{height:calc(100svh - 64px);min-height:0;gap:8px}
 .messages-page-head{padding:10px 12px 0;align-items:center;gap:8px}
 .messages-page-title{min-width:0}
 .messages-page-title p{font-size:12px;margin-bottom:2px}
 .messages-page-title h1{font-size:19px}
 .messages-page-title>span{font-size:12px;margin-top:2px}
 .messages-overview{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .messages-overview>div{padding:8px 7px;gap:4px;border-radius:10px}
 .messages-overview span{font-size:12px}
 .messages-overview strong{font-size:16px}
 .messages-page .inbox-shell{height:100%;max-height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}
}
@media(max-width:420px){
 .messages-page-head{align-items:flex-start;flex-direction:column;padding:10px 12px 0}
 .messages-overview{width:100%}
 .messages-overview>div{padding:7px 9px}
}

/* Branded sender identity and channel cues */
.messages-page .conversation{gap:11px;padding:11px 12px}
.messages-page .profile-avatar{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;overflow:visible;background:#edf2ef;color:#214e40;font-size:12px;font-weight:750}
.messages-page .profile-avatar-large{flex-basis:46px;width:46px;height:46px;font-size:14px}
.messages-page .avatar.profile-avatar .profile-photo{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#eef1f5;z-index:1}
.messages-page .channel-avatar-mark{position:absolute;right:-4px;bottom:-3px;z-index:2;display:grid;place-items:center;width:18px;height:18px;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #17251f30}
.messages-page .channel-avatar-mark svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.messages-page .channel-avatar-mark.instagram{background:linear-gradient(135deg,#7544c8,#e74687 60%,#f5a84f)}
.messages-page .channel-avatar-mark.whatsapp{background:#20a56b}
.messages-page .channel-avatar-mark.telegram{background:#329bd1}
.messages-page .channel-badge{display:inline-flex;align-items:center;gap:5px;width:max-content;padding:4px 7px;border:1px solid #e6e9ef;border-radius:999px;background:#fff;color:#647086;font-size:12px;font-weight:700;white-space:nowrap}
.messages-page .channel-mark{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#eff2f5}
.messages-page .channel-mark svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.messages-page .channel-badge.instagram .channel-mark{background:linear-gradient(135deg,#7544c8,#e74687 60%,#f5a84f);color:#fff}
.messages-page .channel-badge.whatsapp .channel-mark{background:#20a56b;color:#fff}
.messages-page .channel-badge.telegram .channel-mark{background:#329bd1;color:#fff}
.messages-page .channel-badge.instagram .channel-mark svg rect,.messages-page .channel-badge.instagram .channel-mark svg circle{stroke:#fff}
.messages-page .channel-badge.instagram .channel-mark svg .logo-dot{fill:#fff}
.messages-page .channel-badge.whatsapp .channel-mark svg,.messages-page .channel-badge.telegram .channel-mark svg{width:10px;height:10px}
.messages-page .conversation-meta{display:grid;justify-items:end;align-content:center;gap:5px}
.messages-page .conversation-preview{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.messages-page .thread-title small{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.messages-page .thread-state{color:#778296;font-size:12px}
.messages-page .customer-identity .channel-badge{margin-top:3px}
@media(max-width:820px){
 .messages-page .conversation{gap:9px;padding:10px}
 .messages-page .profile-avatar{flex-basis:38px;width:38px;height:38px}
 .messages-page .profile-avatar-large{flex-basis:42px;width:42px;height:42px}
 .messages-page .channel-badge{font-size:12px;padding:3px 5px}
 .messages-page .channel-mark{width:13px;height:13px}
}

/* Reference-inspired inbox workspace */
.content[data-page="inbox"]{max-width:none;padding:18px 20px 20px;background:#f6f8fc}
.messages-page{height:calc(100vh - 70px);min-height:590px;grid-template-rows:auto minmax(0,1fr);gap:16px;color:#202b43}
.messages-page-head{display:grid;grid-template-columns:minmax(190px,1fr) minmax(240px,1.45fr) auto;align-items:center;gap:18px}
.messages-page-title p{color:#76829a;font-size:12px;letter-spacing:.15em}.messages-page-title h1{font-size:26px;letter-spacing:-.035em}.messages-page-title>span{font-size:12px}
.inbox-global-search{height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #e3e8f1;border-radius:10px;background:#fff;box-shadow:0 3px 12px #263a5a08;color:#8490a4}
.inbox-global-search>span{font-size:23px;line-height:1}.inbox-global-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#27324a;font:inherit;font-size:12px}.inbox-global-search input::placeholder{color:#8c96a9}
.messages-overview{grid-template-columns:repeat(3,minmax(92px,1fr));gap:8px}.messages-overview>div{min-width:96px;padding:9px 12px;gap:4px;border-radius:10px;box-shadow:none}.messages-overview span{font-size:12px;font-weight:650}.messages-overview strong{font-size:19px;color:#25334d}.messages-overview small{color:#929bad;font-size:12px}
.messages-page .inbox-shell{grid-template-columns:minmax(260px,310px) minmax(390px,1fr) minmax(245px,285px);overflow:hidden;border-color:#e4e8f0;border-radius:14px;background:#fff;box-shadow:0 8px 28px #2536530c}
.messages-page .conversation-pane{display:flex;flex-direction:column;background:#fff;border-right:1px solid #e9edf3}.messages-page .inbox-pane-head{padding:0 0 9px;border-bottom:1px solid #edf0f5}
.messages-page .inbox-queue-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:8px 9px 7px}.messages-page .inbox-queue-tabs button{min-width:0;padding:9px 5px;border:0;border-bottom:2px solid transparent;background:transparent;color:#77839a;font:inherit;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer}.messages-page .inbox-queue-tabs button b{margin-left:2px;color:#8c96a9;font-size:12px}.messages-page .inbox-queue-tabs button.active{border-bottom-color:#2870e8;color:#245fc2}.messages-page .inbox-queue-tabs button.active b{color:#245fc2}
.messages-page .channel-tabs{display:flex;gap:6px;padding:4px 10px 9px;overflow-x:auto;scrollbar-width:thin}.messages-page .channel-tabs button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 9px;border:1px solid #e5eaf2;border-radius:8px;background:#fff;color:#68758c;font:inherit;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer}.messages-page .channel-tabs button.active{border-color:#cfe0ff;background:#eff5ff;color:#245fc2}.messages-page .channel-tabs button b{color:#8c96a9}
.messages-page .channel-mini-mark{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:4px;color:#fff}.messages-page .channel-mini-mark svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.messages-page .channel-mini-mark.instagram{background:linear-gradient(135deg,#7544c8,#e74687 60%,#f5a84f)}.messages-page .channel-mini-mark.whatsapp{background:#1eaf70}.messages-page .channel-mini-mark.telegram{background:#329bd1}
.messages-page .conversation-sort{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;color:#8390a5;font-size:12px}.messages-page .conversation-sort>span:first-child{color:#35435e;font-weight:700}.messages-page .conversation-sort b{margin-left:4px;font-size:12px}
.messages-page .conversation-list{flex:1;min-height:0;overflow:auto;padding:2px 7px 8px}.messages-page .conversation{position:relative;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;min-height:75px;margin:2px 0;padding:10px 9px;border:1px solid transparent;border-radius:10px;background:#fff;text-align:left;transition:background .15s,border-color .15s}.messages-page .conversation:hover{background:#f7f9fc}.messages-page .conversation.selected{border-color:#d8e8ff;background:#edf5ff}.messages-page .conversation-line{align-items:center;gap:6px}.messages-page .conversation-line strong{color:#26324a;font-size:12px}.messages-page .conversation-line time{color:#929bad;font-size:12px}.messages-page .conversation-preview{margin-top:4px;color:#727f94;font-size:12px;line-height:1.35}.messages-page .conversation-state{display:inline-flex;margin-top:5px;color:#8a94a7;font-size:12px;font-weight:650}.messages-page .conversation-state.pending{color:#c07817}.messages-page .conversation-state.resolved,.messages-page .conversation-state.closed{color:#349775}.messages-page .conversation-meta{gap:6px}.messages-page .conversation-meta .channel-badge{padding:3px 5px;font-size:12px}.messages-page .unread{min-width:17px;height:17px;padding:0 5px;background:#2d73e8;color:#fff;font-size:12px}
.messages-page .thread{display:flex;flex-direction:column;min-height:0;background:#fff}.messages-page .thread-head{flex:0 0 auto;min-height:68px;padding:10px 16px;border-bottom:1px solid #edf0f5;background:#fff}.messages-page .thread-title strong{color:#202b43;font-size:14px}.messages-page .thread-title small{margin-top:4px}.messages-page .assign-bar{gap:7px}.messages-page .assign-bar select{min-height:31px;padding:5px 25px 5px 9px;border:1px solid #e4eaf2;border-radius:8px;background:#fff;color:#596780;font:inherit;font-size:12px}
.messages-page .messages{flex:1;min-height:0;padding:18px 20px;background:#fbfcfe}.messages-page .bubble{max-width:min(78%,540px);padding:11px 14px;border:1px solid #eceff4;border-radius:14px;background:#fff;color:#2d374d;box-shadow:0 2px 7px #2f426009;font-size:12px;line-height:1.55}.messages-page .bubble.out{border-color:#d8e7fb;background:#eaf3ff}.messages-page .message-time{margin-top:6px;color:#929bad;font-size:12px}
.messages-page .compose{flex:0 0 auto;gap:9px;margin:10px 14px 13px;padding:8px;border:1px solid #e4e9f1;border-radius:12px;background:#fff}.messages-page .compose input[name="body"]{min-height:38px;padding:8px 10px;border:0;background:transparent;font-size:12px}.messages-page .compose .primary{min-height:36px;padding:0 16px;border-radius:8px;background:#246be2}.messages-page .compose-icon{border:0;background:transparent;color:#78869c}
.messages-page .customer-context{overflow:auto;padding:15px;border-left:1px solid #edf0f5;background:#fff}.messages-page .customer-head{padding:2px 0 14px;border-bottom:1px solid #edf0f5}.messages-page .context-eyebrow{margin:0 0 12px;color:#77839a;font-size:12px;font-weight:800;letter-spacing:.12em}.messages-page .customer-identity{gap:10px}.messages-page .customer-identity>div strong{color:#24304a;font-size:12px}.messages-page .customer-identity>div small{color:#738098;font-size:12px}.messages-page .context-section{padding:13px 0;border-bottom:1px solid #edf0f5}.messages-page .context-section h3{margin:0 0 10px;color:#26324a;font-size:12px;font-weight:750}.messages-page .context-kv{grid-template-columns:62px minmax(0,1fr);gap:9px 7px}.messages-page .context-kv span{overflow-wrap:anywhere;font-size:12px}.messages-page .context-kv span:nth-child(odd){color:#8994a7}.messages-page .context-kv span:nth-child(even){color:#46536b;font-weight:550}.messages-page .context-empty{color:#8994a7;font-size:12px;line-height:1.5}
.messages-page .follow-up-card,.messages-page .sla-card{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e7edf5;border-radius:9px;background:#fbfcfe}.messages-page .follow-up-icon{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:8px;background:#eaf2ff;color:#276bd7;font-weight:800}.messages-page .follow-up-card strong,.messages-page .sla-card strong{display:block;color:#36445d;font-size:12px}.messages-page .follow-up-card small,.messages-page .sla-card small{display:block;margin-top:4px;color:#8792a5;font-size:12px}.messages-page .sla-indicator{flex:0 0 13px;width:13px;height:13px;border:3px solid #27aa78;border-radius:50%}.messages-page .sla-indicator.closed{border-color:#d08d38}
.messages-page .activity-list{display:grid;gap:10px}.messages-page .activity-item{display:grid;grid-template-columns:8px minmax(0,1fr);gap:8px;position:relative}.messages-page .activity-dot{grid-row:span 2;width:7px;height:7px;margin-top:4px;border-radius:50%;background:#2875e8}.messages-page .activity-dot.inbound{background:#8a9ab5}.messages-page .activity-item>div{min-width:0}.messages-page .activity-item strong{display:block;color:#48556b;font-size:12px}.messages-page .activity-item small{display:block;margin-top:3px;overflow:hidden;color:#8792a5;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.messages-page .activity-item time{grid-column:2;color:#9aa3b2;font-size:12px}.messages-page .mobile-inbox-back{display:none}
@media(max-width:1200px){.messages-page-head{grid-template-columns:minmax(165px,.7fr) minmax(220px,1fr)}.messages-overview{grid-column:1/-1;justify-self:end}.messages-page .inbox-shell{grid-template-columns:minmax(250px,290px) minmax(360px,1fr)}.messages-page .customer-context{display:none}}
@media(max-width:820px){.content[data-page="inbox"]{padding:0;background:#f6f8fc}.messages-page{height:calc(100svh - 62px);min-height:0;gap:9px}.messages-page-head{display:grid;grid-template-columns:1fr;gap:8px;padding:10px 12px 0}.messages-page-title h1{font-size:21px}.messages-page-title>span{font-size:12px}.inbox-global-search{height:38px}.messages-overview{grid-column:auto;justify-self:stretch;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.messages-overview>div{min-width:0;padding:7px 9px}.messages-page .inbox-shell{height:auto;min-height:0;grid-template-columns:minmax(0,1fr);border:0;border-radius:0;box-shadow:none}.messages-page .conversation-pane{min-height:0;border-right:0}.messages-page .thread,.messages-page .customer-context{display:none}.messages-page .inbox-shell.has-selection .conversation-pane{display:none}.messages-page .inbox-shell.has-selection .thread{display:flex;height:100%;min-height:0}.messages-page .thread-head{min-height:58px;padding:8px 10px}.messages-page .mobile-inbox-back{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #e5eaf2;border-radius:8px;background:#fff;color:#53627b;font-size:18px}.messages-page .thread-title strong{font-size:12px}.messages-page .assign-bar select{max-width:100px;min-height:28px;font-size:12px}.messages-page .messages{padding:12px}.messages-page .bubble{max-width:88%;font-size:12px}.messages-page .compose{margin:7px;padding:5px}.messages-page .compose .primary{padding:0 11px}}
@media(max-width:420px){.messages-page .messages-overview span{font-size:12px}.messages-page .messages-overview strong{font-size:15px}.messages-page .messages-overview small{font-size:12px}.messages-page .channel-tabs button{padding:5px 7px;font-size:12px}.messages-page .conversation{grid-template-columns:40px minmax(0,1fr) auto;gap:8px;padding:9px 8px}}

/* CRM business controls */
.messages-page .assign-bar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;max-width:min(760px,60vw)}
.messages-page .assign-bar select{min-width:112px}
.messages-page .assign-bar #conversation-status{border-color:#cbd9f5;background:#f7f9ff;color:#315fae;font-weight:650}
.messages-page .conversation-customer-open{height:31px;padding:0 10px;border:1px solid #e4eaf2;border-radius:8px;background:#fff;color:#4167a5;font:inherit;font-size:12px;white-space:nowrap}
.messages-page .conversation-customer-open:hover{background:#f5f8ff;border-color:#cbd9f5}
@media(max-width:1100px){.messages-page .assign-bar{max-width:55vw}.messages-page .assign-bar select{min-width:96px}}
@media(max-width:820px){.messages-page .assign-bar{max-width:100%;justify-content:flex-end}.messages-page .assign-bar select{max-width:125px;min-width:90px}.messages-page .conversation-customer-open{height:28px;font-size:12px}}