/* Puane CRM — Inbox workspace v3 */
.messages-page{--mx:#13243d;--mb:#386cf4;--mline:#e5eaf2;--mmuted:#7a879a;max-width:1540px;margin:0 auto;padding-bottom:32px}
.messages-page-head{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,420px) auto;gap:22px;align-items:end;margin-bottom:18px}
.messages-page-title p{margin:0 0 7px;color:#386cf4;font-size:12px;font-weight:800;letter-spacing:.13em}.messages-page-title h1{margin:0;color:var(--mx);font-size:30px;letter-spacing:-.04em}.messages-page-title>span{display:block;margin-top:5px;color:var(--mmuted);font-size:12px}
.inbox-global-search{height:44px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--mline);border-radius:11px;background:#fff;box-shadow:0 5px 18px rgba(24,45,80,.05)}.inbox-global-search>span{font-size:20px;color:#9aa6b8}.inbox-global-search input{border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;width:100%;font-size:12px}
.messages-overview{display:flex;gap:9px}.messages-overview>div{min-width:112px;padding:10px 13px;border:1px solid var(--mline);border-radius:11px;background:#fff}.messages-overview span,.messages-overview small{display:block;color:var(--mmuted);font-size:12px}.messages-overview strong{display:block;margin:2px 0;font-size:18px;color:var(--mx)}
.inbox-shell{display:grid!important;grid-template-columns:330px minmax(480px,1fr) 315px!important;min-height:690px;background:#fff;border:1px solid var(--mline)!important;border-radius:16px!important;box-shadow:0 10px 32px rgba(24,45,80,.07)!important;overflow:hidden!important}
.conversation-pane{border-right:1px solid var(--mline)!important;min-width:0}.inbox-pane-head{padding:15px 14px 10px!important;background:#fff!important;border-bottom:1px solid var(--mline)}
.inbox-queue-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-bottom:10px}.inbox-queue-tabs button,.channel-tabs button{border:0;background:transparent;color:#77859a;font-size:12px;font-weight:700;padding:9px 5px;border-radius:8px;cursor:pointer}.inbox-queue-tabs button.active{background:#edf3ff;color:#3265dc}.inbox-queue-tabs b,.channel-tabs b{font-size:12px;margin-left:3px}.channel-tabs{display:flex;gap:3px;padding-bottom:9px;border-bottom:1px solid #eef1f5}.channel-tabs button.active{background:#f0f4ff;color:#3265dc}.conversation-sort{display:flex;justify-content:space-between;padding:10px 2px 2px;color:#7d8a9e;font-size:12px}.conversation-sort span:last-child{font-weight:700;color:#53627a}
.conversation-list{padding:4px 6px 10px;max-height:615px;overflow:auto}.conversation{position:relative;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding:11px 9px;border:0;border-bottom:1px solid #f0f2f6;background:#fff;text-align:left;cursor:pointer}.conversation:hover{background:#f8faff}.conversation.selected{background:#eef4ff!important}.conversation.selected:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#386cf4}.conversation-copy{min-width:0}.conversation-line{display:flex;justify-content:space-between;gap:5px}.conversation-line strong{font-size:12px;color:#24344d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-line time{font-size:12px;color:#98a3b3;white-space:nowrap}.conversation-preview{display:block;margin-top:4px;color:#8490a2;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-state{display:inline-block;margin-top:5px;font-size:12px;font-weight:800}.conversation-state.open{color:#2872df}.conversation-state.pending{color:#c78120}.conversation-state.resolved{color:#15916f}.conversation-state.closed{color:#8a94a3}.conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.conversation-meta .channel-badge{font-size:12px!important;padding:3px 5px!important}.unread{min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:#386cf4;color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
.thread{min-width:0!important;background:#fbfcfe!important}.thread-head{min-height:82px!important;padding:13px 16px!important;border-bottom:1px solid var(--mline)!important;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.thread-title{min-width:150px;flex:1}.thread-title strong{display:block;color:#182940;font-size:14px}.thread-title small{display:flex;align-items:center;gap:6px;margin-top:5px;color:#8591a4;font-size:12px}.thread-state{font-weight:600}
.crm-thread-controls{width:100%;display:flex;align-items:end;gap:7px;padding:9px 0 0;margin-top:2px;border-top:1px solid #eef1f5}.crm-control-group{display:flex;flex-direction:column;gap:4px;min-width:112px}.crm-control-label{font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#8a96a8}.crm-thread-controls select{height:34px!important;min-width:112px!important;padding:0 28px 0 10px!important;border:1px solid #dce3ee!important;border-radius:8px!important;background:#fff!important;color:#30415a!important;font-size:12px!important;font-weight:700}.crm-customer-open{height:34px;align-self:end;padding:0 12px;border:1px solid #d8e2f5;border-radius:8px;background:#f1f5ff;color:#386cf4;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.crm-customer-open:hover{background:#e7efff}
.messages{background:#f7f9fc!important;padding:20px!important}.bubble{max-width:min(70%,620px)!important;border-radius:13px!important;padding:10px 12px!important}.bubble.out{background:#eaf1ff!important;border-color:#d9e5ff!important}.compose-area{padding:11px 15px!important;background:#fff!important;border-top:1px solid var(--mline)!important}.compose{border:1px solid #dce3ee!important;border-radius:12px!important;background:#fff!important;padding:5px!important}.compose input{border:0!important;box-shadow:none!important}
.customer-context{border-left:1px solid var(--mline)!important;background:#fff!important;overflow:auto}.customer-head{padding:18px 17px 15px!important;border-bottom:1px solid var(--mline)!important}.context-eyebrow{font-size:12px!important;letter-spacing:.1em!important;font-weight:800!important;color:#8a96a8!important;margin-bottom:11px!important}.customer-identity{display:flex!important;align-items:center!important;gap:10px!important}.customer-identity strong{font-size:12px!important;color:#26364e!important}.customer-identity small{display:block!important;margin-top:4px!important;color:#8b97a8!important;font-size:12px!important}.context-section{padding:14px 17px!important;border-bottom:1px solid #eef1f5!important}.context-section h3{margin:0 0 11px!important;font-size:12px!important;color:#53627a!important;text-transform:uppercase;letter-spacing:.06em}.context-kv{display:grid!important;grid-template-columns:1fr auto!important;gap:8px 12px!important}.context-kv span{font-size:12px!important;color:#8a96a8!important}.context-kv span:nth-child(even){color:#33445d!important;font-weight:700!important;text-align:right!important}.follow-up-card,.sla-card{display:flex!important;gap:9px!important;padding:10px!important;border:1px solid #e7ebf2!important;border-radius:9px!important;background:#f9fafc!important}.follow-up-card strong,.sla-card strong{font-size:12px!important;color:#33445d!important}.follow-up-card small,.sla-card small{display:block!important;margin-top:3px!important;color:#8c98aa!important;font-size:12px!important}.activity-list{display:flex;flex-direction:column;gap:9px}.activity-item{display:grid!important;grid-template-columns:7px 1fr auto!important;gap:7px!important;align-items:start}.activity-item strong{font-size:12px!important;color:#44546b!important}.activity-item small{display:block!important;color:#8b97a8!important;font-size:12px!important;margin-top:2px!important}.activity-item time{font-size:12px!important;color:#9ba5b3!important}.activity-dot{width:7px;height:7px;border-radius:50%;background:#386cf4;margin-top:3px}.activity-dot.outbound{background:#18a477}.empty{color:#8a96a8!important;font-size:12px!important}
@media(max-width:1180px){.inbox-shell{grid-template-columns:300px minmax(420px,1fr)!important}.customer-context{display:none}.messages-page-head{grid-template-columns:1fr 330px}.messages-overview{grid-column:1/-1}}
@media(max-width:820px){.messages-page-head{display:block}.inbox-global-search{margin-top:14px}.messages-overview{margin-top:10px;overflow:auto}.inbox-shell{display:block!important}.conversation-pane{display:block;max-height:360px;border-right:0;border-bottom:1px solid var(--mline)}.thread{min-height:620px}.crm-thread-controls{overflow:auto}}
@media(max-width:560px){.messages-page-title h1{font-size:24px}.messages-overview>div{min-width:100px}.crm-thread-controls{display:grid;grid-template-columns:1fr 1fr}.crm-customer-open{width:100%}.crm-control-group select{width:100%!important}.bubble{max-width:86%!important}}
/* Conversation lifecycle status */
.status-control-wrap{display:flex;flex-direction:column;min-width:245px;gap:3px}.status-control-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#8793a5}.status-control-wrap select{width:245px!important;font-weight:800!important}.status-control-wrap small{display:block;color:#8b97a8;font-size:12px;line-height:1.35;max-width:245px}.conversation-state{padding:3px 7px;border-radius:20px;background:#f2f5f9}.conversation-state.new{color:#3968b8;background:#edf3ff}.conversation-state.needs-reply{color:#b56b12;background:#fff4df}.conversation-state.waiting{color:#5969a8;background:#f0f1ff}.conversation-state.follow-up{color:#8b5ab8;background:#f5edff}.conversation-state.resolved{color:#168766;background:#eaf8f3}.conversation-state.closed{color:#7d8795;background:#f1f3f5}.messages-overview>div small{margin-top:2px;color:#9aa5b4;font-size:12px}.messages-overview>div:nth-child(2) strong{color:#b56b12}.messages-overview>div:nth-child(3) strong{color:#8b5ab8}
@media(max-width:820px){.status-control-wrap,.status-control-wrap select,.status-control-wrap small{min-width:0;width:100%!important;max-width:none}.status-control-wrap{grid-column:1/-1}}

/* Visible conversation lifecycle */
.conversation-status-flow{width:100%;padding-top:3px}.status-flow-steps{display:grid;grid-template-columns:repeat(6,minmax(105px,1fr));gap:5px;margin-top:7px;overflow-x:auto;padding-bottom:2px}.status-flow-step{position:relative;min-height:39px;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 7px;border:1px solid #e2e7ef;border-radius:8px;background:#fff;color:#738096;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.status-flow-step:hover{border-color:#b9c9e8;background:#f7faff}.status-flow-step.active{border-color:#386cf4;background:#edf3ff;color:#245bd1;box-shadow:0 0 0 1px rgba(56,108,244,.08)}.status-flow-dot{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#eef1f5;color:#7c8899;font-size:12px;flex:none}.status-flow-step.active .status-flow-dot{background:#386cf4;color:#fff}.status-flow-step.new.active .status-flow-dot{background:#3968b8}.status-flow-step.needs-reply.active .status-flow-dot{background:#d88a25}.status-flow-step.waiting.active .status-flow-dot{background:#6976bd}.status-flow-step.follow-up.active .status-flow-dot{background:#9560bf}.status-flow-step.resolved.active .status-flow-dot{background:#1a9a77}.status-flow-step.closed.active .status-flow-dot{background:#6f7885}.conversation-status-flow #conversation-status-hint,.conversation-status-flow small{display:block;margin-top:5px;color:#8a96a8;font-size:12px}.assign-bar{display:flex!important;align-items:flex-end!important;gap:10px!important;width:100%!important}.assign-bar>#assign-conversation{height:34px!important;min-width:135px!important;flex:0 0 135px}.thread-head{align-items:flex-start!important}
@media(max-width:1180px){.status-flow-steps{grid-template-columns:repeat(6,105px)}}
@media(max-width:820px){.assign-bar{display:block!important}.assign-bar>#assign-conversation{width:100%!important;margin-top:8px}.status-flow-steps{grid-template-columns:repeat(6,105px)}}

/* Customer service operations core */
.customer-status{margin:8px 0 0;padding:6px 10px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:800;width:max-content}
.customer-status.is-guest{background:#fff7ed;color:#c2410c}
.customer-register-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.customer-register-actions button{font-size:12px;padding:8px 11px}
.conversation-sla-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:0 16px 10px;border:1px solid #dbe4ef;border-radius:12px;background:#f8fafc}
.conversation-sla-banner strong{display:block;font-size:13px}
.conversation-sla-banner small{display:block;color:#64748b;margin-top:2px}
.conversation-sla-banner.warning{background:#fffaf0;border-color:#f3d28b}
.conversation-sla-banner.critical{background:#fff5f5;border-color:#f1a6a6}
.conversation-sla-banner.breached{background:#fff0f0;border-color:#dc6b6b}
.sla-pulse{width:9px;height:9px;border-radius:50%;background:#10b981;flex:none}
.warning .sla-pulse{background:#f59e0b}.critical .sla-pulse,.breached .sla-pulse{background:#ef4444}
.sla-priority{margin-left:auto;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.ops-assist .sales-card-body{padding-top:12px}
.ops-tool-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.ops-tool-buttons button{border:1px solid #dbe4ef;background:#fff;border-radius:10px;padding:9px 8px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.ops-tool-buttons button:hover{border-color:#94a3b8;background:#f8fafc}
.ops-results{margin-top:12px;display:grid;gap:8px;max-height:390px;overflow:auto}
.ops-result{border:1px solid #e2e8f0;border-radius:11px;padding:10px;background:#fff}
.ops-result strong{display:block;font-size:13px}.ops-result small,.ops-result>span{display:block;color:#64748b;font-size:12px;margin-top:3px}
.ops-variants{margin-top:8px;display:grid;gap:6px}
.ops-variants>div{display:grid;grid-template-columns:1.3fr .8fr .7fr .7fr auto;gap:7px;align-items:center;padding:7px 8px;border-radius:8px;background:#f8fafc;font-size:12px}
.ops-variants button{border:0;background:#0f172a;color:#fff;border-radius:7px;padding:5px 7px;font-size:12px;cursor:pointer}
.stock-ok{font-weight:800}.stock-empty{font-weight:800;color:#b91c1c}
.ops-line-items{margin-top:6px;font-size:12px;color:#475569}
.sales-empty.is-error{color:#b91c1c}
@media(max-width:820px){
 .conversation-sla-banner{margin:0 10px 8px}
 .ops-variants>div{grid-template-columns:1fr 1fr}
}

/* Team user-management v2 */
.team-user-form-card{margin-bottom:18px;border:1px solid #dfe5ee;box-shadow:0 12px 32px rgba(15,23,42,.06)}
.team-form-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.team-form-head h2{margin:5px 0}.team-form-badge{padding:7px 10px;border-radius:999px;background:#eef4ff;color:#244a8f;font-size:12px;font-weight:700;white-space:nowrap}
.team-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.team-form-grid label{display:grid;gap:7px;font-size:13px;font-weight:700}.team-form-grid input,.team-form-grid select{min-height:42px;border:1px solid #d8e0ea;border-radius:10px;padding:0 12px;background:#fff;font:inherit;font-weight:500}
.team-form-section{margin-top:18px;padding-top:18px;border-top:1px solid #e8edf3}.team-form-section>div:first-child{display:grid;gap:3px;margin-bottom:10px}.team-form-section small{font-weight:500;color:#718096}.team-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.team-check{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid #e0e6ee;border-radius:10px;background:#fbfcfe;font-size:13px;font-weight:600;cursor:pointer}.team-check input{accent-color:#244a8f}.team-check:has(input:disabled){opacity:.72;cursor:not-allowed}.team-form-actions{display:flex;gap:10px;margin-top:20px}
@media(max-width:800px){.team-form-grid,.team-check-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.team-form-grid,.team-check-grid{grid-template-columns:1fr}.team-form-head{display:block}.team-form-badge{display:inline-block;margin-top:10px}}


/* Inbox workspace fit & status listbox v4 */
.messages-page{max-width:1740px;width:100%;margin:0 auto;padding-left:8px;padding-right:8px}
.inbox-shell{grid-template-columns:360px minmax(620px,1fr) 360px!important;min-height:720px}
.thread{min-width:0!important}
.thread-head{padding:14px 18px 12px!important;display:grid!important;grid-template-columns:auto minmax(170px,1fr);column-gap:12px;row-gap:10px;align-items:start!important}
.thread-title{min-width:0;align-self:center}
.thread-title strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thread-title small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.assign-bar{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(250px,1fr) 190px;align-items:end!important;gap:12px!important;width:100%!important}
.conversation-status-flow{min-width:0;width:100%}
.status-control-label{display:block;margin-bottom:5px}
.conversation-status-select{width:100%!important;height:42px!important;min-width:0!important;padding:0 38px 0 12px!important;border:1px solid #d6dfeb!important;border-radius:10px!important;background:#fff!important;color:#24344d!important;font-size:12px!important;font-weight:800!important;cursor:pointer}
.conversation-status-select:focus{outline:none!important;border-color:#386cf4!important;box-shadow:0 0 0 3px rgba(56,108,244,.10)!important}
.conversation-status-flow small{display:block;margin-top:5px;min-height:16px;color:#7f8da1;font-size:12px;line-height:1.35}
.assign-bar>#assign-conversation{width:100%!important;min-width:0!important;height:42px!important}
.status-flow-steps{display:none!important}
.conversation-sla-banner{margin:0 18px 10px!important}
.messages{padding:22px!important;min-width:0}
.compose{width:100%;box-sizing:border-box}
.customer-context{min-width:0}
.customer-head,.context-section{padding-left:18px!important;padding-right:18px!important}

@media(min-width:1500px){
 .inbox-shell{grid-template-columns:380px minmax(680px,1fr) 380px!important}
}
@media(max-width:1350px){
 .messages-page{max-width:100%;padding-left:4px;padding-right:4px}
 .inbox-shell{grid-template-columns:330px minmax(520px,1fr) 330px!important}
}
@media(max-width:1120px){
 .inbox-shell{grid-template-columns:310px minmax(0,1fr)!important}
 .customer-context{display:none}
 .assign-bar{grid-template-columns:minmax(0,1fr) 190px}
}
@media(max-width:820px){
 .messages-page{padding-left:0;padding-right:0}
 .inbox-shell{grid-template-columns:1fr!important;display:block!important}
 .thread-head{display:grid!important;grid-template-columns:1fr!important}
 .assign-bar{grid-template-columns:1fr!important}
 .assign-bar>#assign-conversation{margin-top:0}
 .customer-context{display:block;max-height:none;border-left:0;border-top:1px solid var(--mline)!important}
 .conversation-pane{max-height:390px}
}


/* Compact page header - give the messaging workspace more vertical room */
.messages-page-head{gap:14px!important;align-items:center!important;margin-bottom:10px!important}
.messages-page-title p{margin-bottom:3px!important;font-size:12px!important}
.messages-page-title h1{font-size:25px!important;line-height:1.05!important}
.messages-page-title>span{margin-top:3px!important;font-size:12px!important}
.messages-overview{gap:7px!important}
.messages-overview>div{min-width:105px!important;padding:7px 10px!important;border-radius:9px!important}
.messages-overview span,.messages-overview small{font-size:12px!important}
.messages-overview strong{font-size:16px!important;margin:1px 0!important}
.inbox-shell{min-height:760px!important}
@media(min-height:800px){
 .inbox-shell{min-height:calc(100vh - 175px)!important}
}


/* Compact message KPI cards */
.messages-overview{gap:6px!important}
.messages-overview>div{min-width:102px!important;height:58px!important;box-sizing:border-box!important;padding:6px 9px!important;border-radius:8px!important}
.messages-overview span{font-size:12px!important;line-height:1.1!important}
.messages-overview strong{font-size:15px!important;line-height:1.1!important;margin:2px 0!important}
.messages-overview small{font-size:12px!important;line-height:1.1!important;margin-top:1px!important}
@media(max-width:820px){.messages-overview>div{min-width:100px!important;height:56px!important}}


/* Inbox professional density & viewport fit v5 */
.inbox-shell{
  grid-template-columns:330px minmax(0,1fr) 330px!important;
  height:calc(100vh - 145px)!important;
  min-height:620px!important;
  max-height:calc(100vh - 145px)!important;
}
.conversation-pane,.customer-context,.thread{min-height:0!important;height:100%!important}
.conversation-pane{display:flex!important;flex-direction:column!important}
.conversation-list{flex:1!important;max-height:none!important;min-height:0!important}
.thread{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.thread-head{
  flex:0 0 auto!important;
  padding:10px 16px 9px!important;
  grid-template-columns:auto minmax(170px,1fr)!important;
  column-gap:10px!important;
  row-gap:7px!important;
}
.thread-title strong{font-size:14px!important}
.thread-title small{margin-top:3px!important;font-size:12px!important}
.assign-bar{
  grid-template-columns:minmax(0,1fr) 155px!important;
  gap:9px!important;
}
.status-control-label{margin-bottom:3px!important;font-size:12px!important}
.conversation-status-select,
.assign-bar>#assign-conversation{
  height:36px!important;
  min-height:36px!important;
  font-size:12px!important;
  border-radius:8px!important;
}
.conversation-status-flow small{
  margin-top:3px!important;
  min-height:12px!important;
  font-size:12px!important;
}
.conversation-sla-banner{
  flex:0 0 auto!important;
  min-height:48px!important;
  box-sizing:border-box!important;
  margin:7px 16px!important;
  padding:8px 11px!important;
  border-radius:10px!important;
}
.conversation-sla-banner strong{font-size:12px!important}
.conversation-sla-banner small{font-size:12px!important}
.sla-priority{font-size:12px!important}
.messages{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  padding:16px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.compose{
  flex:0 0 auto!important;
  margin:0 16px 12px!important;
  min-height:46px!important;
  box-sizing:border-box!important;
}
.customer-context{overflow-y:auto!important}
.customer-head{padding-top:14px!important;padding-bottom:12px!important}
.context-section{padding-top:11px!important;padding-bottom:11px!important}

@media(min-width:1500px){
  .inbox-shell{grid-template-columns:340px minmax(0,1fr) 340px!important}
}
@media(max-width:1120px){
  .inbox-shell{
    grid-template-columns:300px minmax(0,1fr)!important;
    height:calc(100vh - 145px)!important;
    max-height:none!important;
  }
}
@media(max-width:820px){
  .inbox-shell{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
  }
  .thread{height:auto!important;min-height:680px!important}
  .conversation-pane{height:auto!important}
  .conversation-list{max-height:360px!important}
  .messages{min-height:360px!important}
}