/* BOT VIỆT AI V1.0.268 — Inbox Exact Match Refinement
   Scope: only /app/inbox via .inbox-v267
   Goal: visual pass 2 to match the 4 reference screenshots as close as possible
*/

.inbox-v267{
  --exact-bg:#04111f;
  --exact-panel:#08213a;
  --exact-panel-2:#0b2947;
  --exact-panel-3:#0d3153;
  --exact-stroke:rgba(65,141,218,.44);
  --exact-stroke-2:rgba(97,186,255,.18);
  --exact-shadow:0 18px 44px rgba(1,8,20,.34), inset 0 1px 0 rgba(255,255,255,.05);
  --exact-card-shadow:0 12px 26px rgba(1,8,20,.26), inset 0 1px 0 rgba(255,255,255,.04);
  --exact-grid:rgba(63,164,255,.04);
  --exact-grid-2:rgba(28,111,194,.035);
  --exact-text:#eef6ff;
  --exact-muted:#9eb7ce;
  --exact-muted-2:#7f98b2;
  --exact-chip:#0a2948;
  font-variant-numeric:tabular-nums;
}

.inbox-v267 .credit-cost-box,
.inbox-v267 .inbox-ops-workspace,
.inbox-v267 .inbox-ops-system-card,
.inbox-v267 .inbox-ops-metric-card,
.inbox-v267 .inbox-ops-side-card,
.inbox-v267 .inbox-conversation-item,
.inbox-v267 .inbox-thread-head,
.inbox-v267 .inbox-composer-live,
.inbox-v267 .inbox-search-input,
.inbox-v267 .inbox-filter-icon,
.inbox-v267 .inbox-status-tabs button,
.inbox-v267 .inbox-ops-channel-tab,
.inbox-v267 .btn,
.inbox-v267 .icon-btn{
  transition:
    transform .18s cubic-bezier(.2,.7,.2,1),
    border-color .18s cubic-bezier(.2,.7,.2,1),
    box-shadow .18s cubic-bezier(.2,.7,.2,1),
    background-color .18s cubic-bezier(.2,.7,.2,1),
    color .18s cubic-bezier(.2,.7,.2,1);
}
@media (prefers-reduced-motion: reduce){
  .inbox-v267 .credit-cost-box,
  .inbox-v267 .inbox-ops-workspace,
  .inbox-v267 .inbox-ops-system-card,
  .inbox-v267 .inbox-ops-metric-card,
  .inbox-v267 .inbox-ops-side-card,
  .inbox-v267 .inbox-conversation-item,
  .inbox-v267 .inbox-thread-head,
  .inbox-v267 .inbox-composer-live,
  .inbox-v267 .inbox-search-input,
  .inbox-v267 .inbox-filter-icon,
  .inbox-v267 .inbox-status-tabs button,
  .inbox-v267 .inbox-ops-channel-tab,
  .inbox-v267 .btn,
  .inbox-v267 .icon-btn{transition:none}
}

.inbox-v267{
  position:relative;
  padding:18px 18px 20px!important;
  background:
    radial-gradient(1200px 280px at 22% 0%, rgba(36,214,255,.10), transparent 58%),
    radial-gradient(760px 280px at 78% 0%, rgba(106,92,255,.12), transparent 58%),
    linear-gradient(180deg, #05162a 0%, #041120 100%)!important;
}
.inbox-v267::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(var(--exact-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--exact-grid) 1px, transparent 1px);
  background-size:22px 22px;
  opacity:.18;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.12) 36%, transparent 100%);
}
.inbox-v267::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 280px at 62% 43%, rgba(22,111,229,.10), transparent 60%),
    radial-gradient(550px 240px at 68% 43%, rgba(98,78,255,.08), transparent 65%);
}

.inbox-v267 .inbox-ops-header{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) auto;
  align-items:start;
  gap:18px;
  margin-bottom:10px!important;
}
.inbox-v267 .inbox-ops-heading{
  display:flex!important;
  align-items:flex-start;
  gap:12px;
}
.inbox-v267 .inbox-ops-heading h1{
  margin:0;
  color:#f4f8ff;
  font-size:34px!important;
  line-height:1.02;
  font-weight:900!important;
  letter-spacing:-.04em;
  text-shadow:0 2px 14px rgba(0,0,0,.24);
}
.inbox-v267 .inbox-ops-heading p{
  margin:3px 0 0!important;
  color:#d4e4f7!important;
  font-size:12px!important;
  letter-spacing:.01em;
}
.inbox-v267 .inbox-ops-stability{
  min-height:29px!important;
  padding:0 14px!important;
  background:linear-gradient(180deg, rgba(10,62,67,.92), rgba(6,48,50,.92))!important;
  border:1px solid rgba(52,224,164,.44)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 20px rgba(1,12,22,.16)!important;
  color:#96ffd8!important;
  font-size:11px!important;
  font-weight:700!important;
}
.inbox-v267 .inbox-ops-stability i{
  width:9px;height:9px;border-radius:50%;
  background:#20d99a;
  box-shadow:0 0 0 4px rgba(32,217,154,.18);
}

.inbox-v267 .inbox-ops-header-actions{
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  gap:14px!important;
}
.inbox-v267 .inbox-ops-channel-tabs{
  position:relative;
  display:flex!important;
  align-items:center;
  gap:8px!important;
  padding:5px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg, rgba(5,22,38,.96), rgba(3,16,29,.96))!important;
  border:1px solid rgba(57,128,198,.54)!important;
  box-shadow:var(--exact-card-shadow);
}
.inbox-v267 .inbox-ops-channel-tab{
  position:relative;
  display:flex!important;
  align-items:center;
  gap:10px!important;
  min-height:46px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid transparent!important;
  color:#f5f8ff!important;
  background:transparent!important;
}
.inbox-v267 .inbox-ops-channel-tab:hover{
  transform:translateY(-1px);
  border-color:rgba(74,146,222,.38)!important;
  background:rgba(13,40,68,.9)!important;
}
.inbox-v267 .inbox-ops-channel-tab.active{
  border-color:rgba(106,171,255,.72)!important;
  background:
    linear-gradient(180deg, rgba(49,124,255,.22), rgba(22,73,164,.22)),
    linear-gradient(180deg, rgba(13,53,92,.98), rgba(9,39,70,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(18,61,137,.26)!important;
}
.inbox-v267[data-channel="messenger"] .inbox-ops-channel-tab.active{
  background:
    linear-gradient(135deg, rgba(39,135,255,.26), rgba(115,92,255,.34)),
    linear-gradient(180deg, rgba(13,53,92,.98), rgba(9,39,70,.98))!important;
}
.inbox-v267[data-channel="tiktok"] .inbox-ops-channel-tab.active{
  background:
    linear-gradient(135deg, rgba(37,244,238,.18), rgba(254,44,85,.20)),
    linear-gradient(180deg, rgba(8,31,49,.98), rgba(7,23,39,.98))!important;
}
.inbox-v267[data-channel="shopee"] .inbox-ops-channel-tab.active{
  background:
    linear-gradient(135deg, rgba(255,90,54,.24), rgba(255,112,77,.22)),
    linear-gradient(180deg, rgba(51,30,23,.98), rgba(37,22,18,.98))!important;
  border-color:rgba(255,133,104,.72)!important;
}
.inbox-v267 .inbox-ops-channel-tab .inbox-platform-icon{
  width:34px!important;height:34px!important;min-width:34px!important;
  border-radius:50%!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 6px 16px rgba(0,0,0,.22);
}
.inbox-v267 .inbox-ops-channel-tab span:last-child{
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:-.01em;
}
.inbox-v267 .inbox-ops-script-btn{
  min-width:258px!important;
  min-height:46px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg, #2a8bff 0%, #7f39fb 100%)!important;
  border:1px solid rgba(166,158,255,.72)!important;
  box-shadow:0 14px 28px rgba(34,90,214,.24), inset 0 1px 0 rgba(255,255,255,.16)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:-.01em;
}
.inbox-v267 .inbox-ops-script-btn:hover{transform:translateY(-1px)}
.inbox-v267 .inbox-ops-script-btn:active{transform:translateY(0)}

.inbox-v267 .credit-cost-box{
  position:relative;
  z-index:1;
  gap:14px!important;
  padding:12px 16px!important;
  border-radius:16px!important;
  border:1px solid rgba(47,123,196,.48)!important;
  border-left:1px solid rgba(47,123,196,.48)!important;
  background:
    linear-gradient(180deg, rgba(8,36,61,.98), rgba(5,21,38,.98))!important;
  box-shadow:var(--exact-shadow);
}
.inbox-v267 .credit-cost-box::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.inbox-v267 .credit-cost-icon{
  position:relative;
  width:60px!important;height:60px!important;min-width:60px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg, #ffd961 0%, #f3ba28 100%)!important;
  box-shadow:0 12px 24px rgba(115,78,4,.18), inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.inbox-v267 .credit-cost-head small{
  font-size:10px!important;
  letter-spacing:.08em;
}
.inbox-v267 .credit-cost-head b{
  font-size:18px!important;
  color:#fff7d1!important;
}
.inbox-v267 .credit-cost-meta{
  gap:18px!important;
  flex-wrap:wrap;
  color:#d2def1!important;
  font-size:11px!important;
}
.inbox-v267 .credit-cost-note{
  color:#c6d6eb!important;
}

.inbox-v267 .inbox-ops-system-grid,
.inbox-v267 .inbox-ops-metric-grid{
  position:relative;
  z-index:1;
  gap:12px!important;
}
.inbox-v267 .inbox-ops-system-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  margin-top:12px!important;
}
.inbox-v267 .inbox-ops-metric-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  margin-top:12px!important;
}
.inbox-v267 .inbox-ops-system-card,
.inbox-v267 .inbox-ops-metric-card{
  position:relative;
  min-height:88px!important;
  padding:14px 16px!important;
  overflow:hidden;
  border-radius:15px!important;
  border:1px solid var(--exact-stroke)!important;
  background:
    linear-gradient(180deg, rgba(11,44,75,.96), rgba(7,30,53,.98))!important;
  box-shadow:var(--exact-card-shadow)!important;
}
.inbox-v267 .inbox-ops-system-card::before,
.inbox-v267 .inbox-ops-metric-card::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
}
.inbox-v267 .inbox-ops-system-card::after,
.inbox-v267 .inbox-ops-metric-card::after{
  content:"";
  position:absolute;
  right:-12px; bottom:-8px;
  width:120px;height:56px;
  opacity:.55;
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 56'%3E%3Cpath d='M4 44c14-3 16-18 28-18 9 0 11 8 21 8 11 0 13-20 27-20 12 0 14 18 25 18 6 0 11-3 11-3' stroke='%2324d6ff' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  pointer-events:none;
}
.inbox-v267 .inbox-ops-system-card:hover,
.inbox-v267 .inbox-ops-metric-card:hover{
  transform:translateY(-2px);
  border-color:rgba(101,179,255,.64)!important;
}
.inbox-v267 .inbox-ops-system-icon,
.inbox-v267 .inbox-ops-metric-icon{
  width:52px!important;height:52px!important;min-width:52px!important;
  border-radius:14px!important;
  border:1px solid rgba(83,181,255,.46)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 8px 18px rgba(0,0,0,.18)!important;
}
.inbox-v267 .inbox-ops-system-copy small,
.inbox-v267 .inbox-ops-metric-copy small{
  color:#d4e4f7!important;
  font-size:11px!important;
}
.inbox-v267 .inbox-ops-system-copy b{
  font-size:18px!important;
  color:#fff!important;
}
.inbox-v267 .inbox-ops-system-copy em{
  font-size:11px!important;
  font-style:normal!important;
  color:#a8c1da!important;
}
.inbox-v267 .inbox-ops-metric-copy b{
  font-size:26px!important;
  color:#fff!important;
  line-height:1!important;
}
.inbox-v267 .inbox-ops-metric-copy span.up,
.inbox-v267 .inbox-ops-metric-copy span.down{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:8px;
  font-size:11px!important;
  font-weight:800!important;
}
.inbox-v267 .inbox-ops-metric-copy span.up{color:#20d99a!important}
.inbox-v267 .inbox-ops-metric-copy span.down{color:#24d6ff!important}
.inbox-v267 .inbox-ops-sparkline{
  position:absolute!important;
  right:10px; bottom:8px;
  width:112px!important; height:36px!important;
  opacity:.95;
}
.inbox-v267 .inbox-ops-sparkline polyline{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:3!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.inbox-v267 .inbox-ops-system-card.online,
.inbox-v267 .inbox-ops-metric-card.messages{color:#24d6ff}
.inbox-v267 .inbox-ops-system-card.ai-on{color:#a755ff}
.inbox-v267 .inbox-ops-system-card.sync,
.inbox-v267 .inbox-ops-metric-card.response{color:#24d6ff}
.inbox-v267 .inbox-ops-system-card.data{color:#64b7ff}
.inbox-v267 .inbox-ops-metric-card.processing{color:#ffb936}
.inbox-v267 .inbox-ops-metric-card.closed{color:#20d99a}
.inbox-v267[data-channel="shopee"] .inbox-ops-metric-card.closed{color:#20d99a}
.inbox-v267[data-channel="shopee"] .inbox-ops-system-card.online::after,
.inbox-v267[data-channel="shopee"] .inbox-ops-metric-card.closed::after{filter:hue-rotate(-45deg) saturate(1.25)}
.inbox-v267 .inbox-ops-live-dot{
  right:14px!important; top:14px!important;
  width:12px!important;height:12px!important;
  background:#20d99a!important;
  box-shadow:0 0 0 5px rgba(32,217,154,.12)!important;
}

.inbox-v267 .inbox-ops-workspace{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:minmax(290px,.98fr) minmax(520px,1.95fr) minmax(320px,1.05fr)!important;
  gap:0!important;
  overflow:hidden;
  margin-top:12px!important;
  min-height:674px!important;
  border-radius:18px!important;
  border:1px solid rgba(56,132,210,.54)!important;
  background:
    linear-gradient(180deg, rgba(5,19,34,.96), rgba(3,14,26,.98))!important;
  box-shadow:0 24px 54px rgba(1,7,18,.32), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.inbox-v267 .inbox-ops-workspace::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(600px 180px at 52% 0%, rgba(39,135,255,.08), transparent 70%);
}
.inbox-v267 .inbox-ops-mailbox,
.inbox-v267 .inbox-ops-thread,
.inbox-v267 .inbox-ops-info{
  min-height:674px!important;
  background:transparent!important;
}
.inbox-v267 .inbox-ops-mailbox{border-right:1px solid rgba(52,107,168,.36)!important}
.inbox-v267 .inbox-ops-thread{border-right:1px solid rgba(52,107,168,.36)!important}
.inbox-v267 .inbox-ops-column-title{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  min-height:62px!important;
  padding:0 16px!important;
  border-bottom:1px solid rgba(55,109,170,.34)!important;
  background:linear-gradient(180deg, rgba(11,43,73,.92), rgba(8,30,52,.92))!important;
}
.inbox-v267 .inbox-ops-column-title span{
  display:block;
  color:#f7fbff!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:-.02em;
}
.inbox-v267 .inbox-ops-column-title small{
  display:block;
  margin-top:2px;
  color:#9bb7d0!important;
  font-size:11px!important;
}
.inbox-v267 .inbox-ops-column-title b{
  display:grid;
  place-items:center;
  min-width:42px;height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(84,148,255,.54);
  background:linear-gradient(180deg, rgba(45,122,255,.26), rgba(20,61,128,.26));
  color:#fff;
  font-size:14px;
  font-weight:900;
}
.inbox-v267 .inbox-ops-info-title .inbox-ops-running{
  min-height:30px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(49,226,172,.46)!important;
  background:linear-gradient(180deg, rgba(11,58,56,.92), rgba(8,45,47,.92))!important;
  color:#89ffd9!important;
  font-size:11px!important;
  font-weight:800!important;
}

.inbox-v267 .inbox-ops-mailbox{
  display:grid!important;
  grid-template-rows:auto auto auto minmax(0,1fr)!important;
}
.inbox-v267 .inbox-ops-search{
  gap:9px!important;
  padding:12px 12px 8px!important;
}
.inbox-v267 .inbox-ops-search .inbox-search-input{
  min-height:42px!important;
  border-radius:12px!important;
  border:1px solid rgba(65,134,205,.42)!important;
  background:linear-gradient(180deg, rgba(8,33,57,.96), rgba(6,25,45,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.inbox-v267 .inbox-ops-search .inbox-search-input input{
  color:#eef6ff!important;
  font-size:12px!important;
}
.inbox-v267 .inbox-ops-search .inbox-search-input input::placeholder{
  color:#89a6c3!important;
}
.inbox-v267 .inbox-filter-icon{
  width:42px!important;height:42px!important;
  border-radius:12px!important;
  border:1px solid rgba(65,134,205,.42)!important;
  background:linear-gradient(180deg, rgba(8,33,57,.96), rgba(6,25,45,.96))!important;
  color:#c8ddf2!important;
}
.inbox-v267 .inbox-status-tabs{
  gap:8px!important;
  padding:0 12px 10px!important;
  overflow:auto hidden;
}
.inbox-v267 .inbox-status-tabs button{
  min-height:38px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  border:1px solid rgba(55,119,185,.38)!important;
  background:linear-gradient(180deg, rgba(8,33,57,.9), rgba(6,25,45,.9))!important;
  color:#d8e7f6!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap;
}
.inbox-v267 .inbox-status-tabs button.active{
  border-color:rgba(79,151,255,.76)!important;
  background:linear-gradient(135deg, rgba(30,127,255,.98), rgba(42,102,255,.82))!important;
  box-shadow:0 10px 22px rgba(18,69,154,.22), inset 0 1px 0 rgba(255,255,255,.14)!important;
  color:#fff!important;
}
.inbox-v267 .inbox-status-tabs em{
  font-style:normal;
  display:inline-grid;place-items:center;
  min-width:20px;height:20px;margin-left:6px;
  padding:0 5px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:inherit;
  font-size:10px;
  font-weight:900;
}
.inbox-v267 .inbox-conversation-list{
  padding:0 10px 10px!important;
  overflow:auto!important;
}
.inbox-v267 .inbox-conversation-item{
  position:relative;
  gap:11px!important;
  margin-bottom:8px!important;
  padding:12px 12px 11px!important;
  border-radius:14px!important;
  border:1px solid rgba(45,101,160,.34)!important;
  background:linear-gradient(180deg, rgba(8,31,54,.9), rgba(5,23,42,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.inbox-v267 .inbox-conversation-item:hover{
  transform:translateY(-2px);
  border-color:rgba(77,151,227,.48)!important;
}
.inbox-v267 .inbox-conversation-item.active{
  border-color:rgba(87,202,255,.72)!important;
  background:
    linear-gradient(180deg, rgba(17,66,112,.88), rgba(7,34,61,.94))!important;
  box-shadow:0 14px 26px rgba(4,25,49,.24), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.inbox-v267 .inbox-conversation-item.active::before{
  content:"";
  position:absolute;
  left:0; top:10px; bottom:10px; width:4px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg, #6be8ff, #22b0ff);
}
.inbox-v267 .inbox-ops-selected-dot{
  position:absolute;
  right:10px; bottom:10px;
  width:12px;height:12px;border-radius:50%;
  background:#30e8ff;
  box-shadow:0 0 0 5px rgba(48,232,255,.12);
}
.inbox-v267[data-channel="tiktok"] .inbox-conversation-item.active{
  border-color:rgba(58,238,228,.72)!important;
  background:linear-gradient(180deg, rgba(9,52,71,.96), rgba(8,29,49,.98))!important;
}
.inbox-v267[data-channel="tiktok"] .inbox-conversation-item.active::before{
  background:linear-gradient(180deg,#25f4ee,#fe2c55);
}
.inbox-v267[data-channel="shopee"] .inbox-conversation-item.active{
  border-color:rgba(255,135,106,.72)!important;
  background:linear-gradient(180deg, rgba(80,42,28,.96), rgba(52,28,20,.98))!important;
}
.inbox-v267[data-channel="shopee"] .inbox-conversation-item.active::before{
  background:linear-gradient(180deg,#ff8f66,#ff5a36);
}
.inbox-v267 .inbox-conversation-avatar .inbox-avatar-fallback{
  width:44px!important;height:44px!important;
  font-size:24px!important;
  box-shadow:0 8px 18px rgba(3,18,38,.24);
}
.inbox-v267 .inbox-platform-badge{
  right:-3px!important;bottom:-3px!important;
}
.inbox-v267 .inbox-platform-badge .inbox-platform-icon{
  width:22px!important;height:22px!important;min-width:22px!important;
  border:2px solid #07203a!important;
}
.inbox-v267 .inbox-conversation-head strong{
  color:#fff!important;
  font-size:12px!important;
}
.inbox-v267 .inbox-conversation-head span,
.inbox-v267 .inbox-conversation-body p{
  color:#cadced!important;
  font-size:11px!important;
}
.inbox-v267 .inbox-conversation-body p{margin:3px 0 6px!important}
.inbox-v267 .inbox-status-pill,
.inbox-v267 .inbox-reply-state{
  min-height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:800!important;
}
.inbox-v267 .inbox-status-pill{
  border-color:rgba(85,159,255,.34)!important;
  background:rgba(32,107,220,.18)!important;
  color:#d8eeff!important;
}
.inbox-v267 .inbox-reply-state.waiting{
  background:rgba(82,110,149,.14)!important;
}
.inbox-v267 .inbox-reply-state.answered{
  background:rgba(32,217,154,.14)!important;
}

.inbox-v267 .inbox-ops-thread{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  position:relative;
  background:
    linear-gradient(180deg, rgba(4,20,36,.86), rgba(2,12,24,.92))!important;
}
.inbox-v267 .inbox-ops-thread::before{
  content:"";
  position:absolute;
  inset:62px 0 78px;
  pointer-events:none;
  background-image:
    linear-gradient(var(--exact-grid-2) 1px, transparent 1px),
    linear-gradient(90deg, var(--exact-grid-2) 1px, transparent 1px);
  background-size:24px 24px;
  opacity:.38;
}
.inbox-v267 .inbox-ops-thread-head{
  min-height:62px!important;
  padding:0 16px!important;
  border-bottom:1px solid rgba(52,107,168,.36)!important;
  background:linear-gradient(180deg, rgba(10,41,71,.94), rgba(8,28,49,.94))!important;
}
.inbox-v267 .inbox-thread-profile strong{
  color:#f7fbff!important;
  font-size:18px!important;
  font-weight:900!important;
}
.inbox-v267 .inbox-thread-profile small{
  color:#c3d7ea!important;
  font-size:11px!important;
}
.inbox-v267 .inbox-thread-avatar .inbox-avatar-fallback{
  width:46px!important;height:46px!important;
  font-size:24px!important;
}
.inbox-v267 .inbox-thread-actions{
  display:flex!important;
  align-items:center;
  gap:8px!important;
}
.inbox-v267 .icon-btn{
  width:36px!important;height:36px!important;
  border-radius:10px!important;
  border:1px solid rgba(74,138,204,.46)!important;
  background:linear-gradient(180deg, rgba(8,31,54,.95), rgba(6,22,41,.95))!important;
  color:#d6e7f6!important;
}
.inbox-v267 .icon-btn:hover,
.inbox-v267 .btn.small:hover{
  transform:translateY(-1px);
  border-color:rgba(97,171,250,.7)!important;
}
.inbox-v267 .btn.small,
.inbox-v267 .inbox-ops-handoff{
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  border:1px solid rgba(74,138,204,.46)!important;
  background:linear-gradient(180deg, rgba(8,31,54,.95), rgba(6,22,41,.95))!important;
  color:#edf5ff!important;
  font-size:11px!important;
  font-weight:800!important;
}
.inbox-v267 .inbox-message-scroll{
  position:relative;
  z-index:1;
  padding:16px 18px 18px!important;
  overflow:auto!important;
}
.inbox-v267 .inbox-ops-day-separator{
  display:flex;justify-content:center;
  margin:10px 0 14px!important;
}
.inbox-v267 .inbox-ops-day-separator span{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:30px;padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(67,120,180,.34);
  background:rgba(17,42,74,.62);
  color:#c8d9ea;
  font-size:11px;font-weight:700;
  backdrop-filter:blur(10px);
}
.inbox-v267 .inbox-message-row{
  margin-bottom:10px!important;
  gap:10px!important;
}
.inbox-v267 .inbox-message-bubble{
  max-width:min(78%,430px)!important;
  padding:14px 16px 12px!important;
  border-radius:16px!important;
  box-shadow:0 12px 24px rgba(1,9,22,.18), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.inbox-v267 .inbox-message-row.incoming .inbox-message-bubble{
  border:1px solid rgba(73,107,150,.24)!important;
  background:linear-gradient(180deg, rgba(59,79,112,.72), rgba(45,63,91,.82))!important;
  color:#f2f6fb!important;
  border-top-left-radius:12px!important;
}
.inbox-v267 .inbox-message-row.outgoing .inbox-message-bubble{
  border:1px solid rgba(95,166,255,.36)!important;
  background:linear-gradient(135deg, #1d76ff 0%, #345bff 58%, #684bff 100%)!important;
  color:#fff!important;
  border-top-right-radius:12px!important;
}
.inbox-v267[data-channel="messenger"] .inbox-message-row.outgoing .inbox-message-bubble{
  background:linear-gradient(135deg, #257dff 0%, #4364ff 58%, #7a4fff 100%)!important;
}
.inbox-v267[data-channel="tiktok"] .inbox-message-row.outgoing .inbox-message-bubble{
  background:linear-gradient(135deg, #248dff 0%, #3656ff 56%, #d92a82 100%)!important;
}
.inbox-v267[data-channel="shopee"] .inbox-message-row.outgoing .inbox-message-bubble{
  border-color:rgba(255,145,113,.36)!important;
  background:linear-gradient(135deg, #ff6b4b 0%, #ff5d3a 50%, #ff8764 100%)!important;
}
.inbox-v267 .inbox-message-bubble p{
  font-size:12px!important;
  line-height:1.48!important;
  margin:0!important;
}
.inbox-v267 .inbox-message-bubble small{
  display:flex!important;
  justify-content:flex-end;
  align-items:center;
  gap:7px;
  margin-top:8px!important;
  font-size:11px!important;
  opacity:.92;
}
.inbox-v267 .inbox-message-avatar .inbox-avatar-fallback{
  width:34px!important;height:34px!important;
  font-size:18px!important;
}
.inbox-v267 .inbox-typing-indicator{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:11px 14px;
  border-radius:16px;
  border:1px solid rgba(73,107,150,.24);
  background:linear-gradient(180deg, rgba(59,79,112,.72), rgba(45,63,91,.82));
}

.inbox-v267 .inbox-composer-live{
  position:relative;
  z-index:2;
  margin:0 14px 14px!important;
  padding:0!important;
  border-radius:16px!important;
  border:1px solid rgba(56,141,220,.56)!important;
  background:linear-gradient(180deg, rgba(8,33,57,.98), rgba(5,22,40,.98))!important;
  box-shadow:0 16px 34px rgba(2,11,25,.28), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.inbox-v267 .inbox-ops-compose-row{
  display:grid!important;
  grid-template-columns:38px 38px 38px minmax(0,1fr) auto auto!important;
  align-items:center;
  gap:10px!important;
  padding:12px!important;
}
.inbox-v267 .inbox-ops-compose-tool{
  width:38px!important;height:38px!important;
  border-radius:50%!important;
  border:1px solid rgba(79,144,207,.44)!important;
  background:linear-gradient(180deg, rgba(7,29,50,.98), rgba(5,23,41,.98))!important;
  color:#dbe9f6!important;
}
.inbox-v267 .inbox-ops-compose-row textarea{
  min-height:44px!important;
  max-height:120px!important;
  padding:12px 14px!important;
  border-radius:12px!important;
  border:1px solid rgba(53,114,177,.34)!important;
  background:transparent!important;
  color:#eef6ff!important;
  font-size:12px!important;
  resize:none!important;
}
.inbox-v267 .inbox-ops-compose-row textarea::placeholder{color:#89a6c3!important}
.inbox-v267 .inbox-ops-ai-ready{
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(44,208,153,.48)!important;
  background:linear-gradient(180deg, rgba(8,70,58,.95), rgba(7,56,46,.95))!important;
  color:#98ffdb!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap;
}
.inbox-v267 .inbox-ops-send{
  width:52px!important;height:52px!important;min-width:52px!important;
  padding:0!important;
  border-radius:14px!important;
  border:1px solid rgba(120,176,255,.7)!important;
  background:linear-gradient(135deg, #1d7cff 0%, #8152ff 100%)!important;
  box-shadow:0 16px 30px rgba(36,90,208,.28), inset 0 1px 0 rgba(255,255,255,.16)!important;
  font-size:22px!important;
}

.inbox-v267 .inbox-ops-info{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
}
.inbox-v267 .inbox-ops-info-scroll{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px!important;
  align-content:start;
  padding:12px!important;
  overflow:auto!important;
}
.inbox-v267 .inbox-ops-info-scroll > :nth-child(-n+4){grid-column:1/-1}
.inbox-v267 .inbox-ops-side-card{
  padding:12px!important;
  border-radius:14px!important;
  border:1px solid rgba(56,118,181,.38)!important;
  background:linear-gradient(180deg, rgba(8,31,55,.94), rgba(6,23,42,.96))!important;
  box-shadow:var(--exact-card-shadow)!important;
}
.inbox-v267 .inbox-ops-side-card:hover{
  transform:translateY(-2px);
  border-color:rgba(90,163,240,.56)!important;
}
.inbox-v267 .inbox-section-head{
  display:flex!important;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px!important;
}
.inbox-v267 .inbox-section-head strong{
  color:#f6fbff!important;
  font-size:13px!important;
  font-weight:900!important;
}
.inbox-v267 .inbox-section-head span,
.inbox-v267 .inbox-side-empty,
.inbox-v267 .inbox-note-copy{
  color:#a9c0d8!important;
  font-size:11px!important;
}
.inbox-v267 .inbox-section-head .btn.tiny{
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  font-size:10px!important;
}
.inbox-v267 .inbox-ops-profile-card{
  background:
    radial-gradient(280px 90px at 10% 0%, rgba(76,105,255,.12), transparent 70%),
    linear-gradient(180deg, rgba(8,33,57,.96), rgba(6,23,42,.98))!important;
}
.inbox-v267 .inbox-ops-profile-top{
  display:grid!important;
  grid-template-columns:auto 1fr auto;
  gap:12px!important;
  align-items:start;
}
.inbox-v267 .inbox-ops-profile-avatar .inbox-avatar-fallback{
  width:58px!important;height:58px!important;
  font-size:28px!important;
  border-radius:50%!important;
}
.inbox-v267 .inbox-ops-profile-top h3{
  margin:0 0 6px!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
}
.inbox-v267 .inbox-ops-profile-top span,
.inbox-v267 .inbox-ops-profile-top small,
.inbox-v267 .inbox-ops-profile-top em{
  display:block;
  color:#b8cee2!important;
  font-size:11px!important;
  font-style:normal!important;
}
.inbox-v267 .inbox-ops-profile-card select{
  margin-top:10px;
  width:100%;
  min-height:40px;
  border-radius:10px;
  border:1px solid rgba(71,138,207,.44);
  background:linear-gradient(180deg, rgba(9,36,62,.98), rgba(6,24,43,.98));
  color:#eff6ff;
  padding:0 12px;
  font-size:12px;
  font-weight:800;
}
.inbox-v267 .inbox-label-list{
  display:flex;flex-wrap:wrap;gap:8px;
}
.inbox-v267 .inbox-label-list span{
  display:inline-flex;align-items:center;
  min-height:28px;padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(85,151,219,.38);
  background:rgba(29,93,174,.16);
  color:#e7f5ff;
  font-size:11px;font-weight:800;
}
.inbox-v267 .inbox-order-item{
  border-radius:12px!important;
  border:1px solid rgba(85,151,219,.38)!important;
  background:linear-gradient(180deg, rgba(14,43,72,.76), rgba(8,29,50,.84))!important;
}
.inbox-v267 .inbox-order-item > div:first-child,
.inbox-v267 .inbox-order-item > div:last-child{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
}
.inbox-v267 .inbox-order-item b,
.inbox-v267 .inbox-order-item strong{
  color:#fff!important;
}
.inbox-v267 .inbox-order-item span,
.inbox-v267 .inbox-order-item p,
.inbox-v267 .inbox-order-item small{
  color:#c9daea!important;
  font-size:11px!important;
}
.inbox-v267[data-channel="shopee"] .inbox-ops-orders{
  border-color:rgba(73,216,161,.34)!important;
  background:
    radial-gradient(260px 90px at 10% 0%, rgba(32,217,154,.10), transparent 72%),
    linear-gradient(180deg, rgba(8,31,55,.94), rgba(6,23,42,.96))!important;
}
.inbox-v267 .inbox-suggestions.inbox-ops-ai-card{
  border-color:rgba(141,109,255,.44)!important;
  background:
    radial-gradient(280px 100px at 12% 0%, rgba(167,85,255,.12), transparent 70%),
    linear-gradient(180deg, rgba(16,31,67,.96), rgba(9,22,50,.98))!important;
}
.inbox-v267 .inbox-suggestions.inbox-ops-ai-card button{
  display:block;
  width:100%;
  margin-top:8px;
  min-height:34px;
  padding:0 10px;
  text-align:left;
  border-radius:10px;
  border:1px solid rgba(124,113,227,.34);
  background:rgba(255,255,255,.03);
  color:#dfe8ff;
  font-size:11px;
  font-weight:700;
}
.inbox-v267 .inbox-settings-card.inbox-ops-auto-card{
  border-color:rgba(32,217,154,.34)!important;
  background:
    radial-gradient(260px 100px at 12% 0%, rgba(32,217,154,.10), transparent 70%),
    linear-gradient(180deg, rgba(8,31,55,.94), rgba(6,23,42,.96))!important;
}
.inbox-v267 .inbox-setting-row{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:34px;
  padding:0 2px;
  border-top:1px solid rgba(57,102,145,.22);
}
.inbox-v267 .inbox-setting-row:first-of-type{border-top:0}
.inbox-v267 .inbox-setting-row span{
  color:#e7f5ff!important;
  font-size:12px!important;
}
.inbox-v267 .inbox-setting-row b{
  color:#89ffd8!important;
  font-size:12px!important;
  font-weight:900!important;
}
.inbox-v267 .inbox-settings-card small{display:block;margin-top:10px}

@media (max-width:1320px){
  .inbox-v267 .inbox-ops-header{
    grid-template-columns:1fr;
  }
  .inbox-v267 .inbox-ops-header-actions{
    justify-content:space-between;
    flex-wrap:wrap;
  }
  .inbox-v267 .inbox-ops-workspace{
    grid-template-columns:minmax(260px,.82fr) minmax(420px,1.55fr) minmax(300px,.92fr)!important;
  }
}
@media (max-width:1180px){
  .inbox-v267 .inbox-ops-workspace{
    grid-template-columns:minmax(250px,.86fr) minmax(420px,1.5fr)!important;
  }
  .inbox-v267 .inbox-ops-info{
    position:fixed!important;
    top:84px; right:14px; bottom:14px;
    width:min(380px,calc(100vw - 28px));
    z-index:40;
    border-radius:18px!important;
    border:1px solid rgba(56,132,210,.54)!important;
    box-shadow:0 24px 54px rgba(1,7,18,.46), inset 0 1px 0 rgba(255,255,255,.05)!important;
    transform:translateX(112%);
    opacity:0; pointer-events:none;
    background:linear-gradient(180deg, rgba(5,19,34,.98), rgba(3,14,26,.99))!important;
  }
  .inbox-v267.is-info-open .inbox-ops-info{
    transform:none; opacity:1; pointer-events:auto;
  }
  .inbox-v267 .inbox-ops-drawer-overlay{
    position:fixed!important; inset:0; z-index:35;
    background:rgba(2,11,22,.45);
    opacity:0; pointer-events:none; border:0;
  }
  .inbox-v267.is-info-open .inbox-ops-drawer-overlay{
    opacity:1; pointer-events:auto;
  }
}
@media (max-width:760px){
  .inbox-v267{padding:14px!important}
  .inbox-v267 .inbox-ops-header-actions{
    display:grid!important;
    grid-template-columns:1fr;
    gap:10px!important;
  }
  .inbox-v267 .inbox-ops-channel-tabs{
    width:100%;
    overflow:auto hidden;
  }
  .inbox-v267 .inbox-ops-script-btn{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
  }
  .inbox-v267 .inbox-ops-system-grid,
  .inbox-v267 .inbox-ops-metric-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .inbox-v267 .inbox-ops-workspace{
    display:block!important;
    min-height:620px!important;
  }
  .inbox-v267 .inbox-ops-mailbox,
  .inbox-v267 .inbox-ops-thread{
    min-height:620px!important;
  }
}



/* HOTFIX V1.0.269 — layout stabilization for right panel + composer */
.inbox-v267 .inbox-ops-info-scroll > *{
  min-width:0!important;
}
.inbox-v267 .inbox-ops-side-bottom{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
.inbox-v267 .inbox-ops-side-bottom > *{
  min-width:0!important;
}
.inbox-v267 .inbox-ops-ai-card .inbox-section-head span:last-child{
  max-width:140px;
  text-align:right;
  font-size:10px!important;
  line-height:1.35!important;
}
.inbox-v267 .inbox-ops-compose-row{
  grid-auto-flow:row!important;
}
.inbox-v267 .inbox-ops-compose-row > *{
  min-width:0!important;
}
.inbox-v267 .inbox-ops-compose-row textarea{
  width:100%!important;
  min-width:0!important;
  line-height:1.45!important;
}
.inbox-v267 .inbox-ops-ai-ready{
  justify-self:end!important;
}
.inbox-v267 .inbox-ops-send{
  justify-self:end!important;
}
.inbox-v267 .inbox-composer-live{
  overflow:visible!important;
}
@media (max-width: 1420px){
  .inbox-v267 .inbox-ops-info-scroll{
    grid-template-columns:1fr!important;
  }
  .inbox-v267 .inbox-ops-info-scroll > :nth-child(-n+4){
    grid-column:auto!important;
  }
  .inbox-v267 .inbox-ops-side-bottom{
    grid-template-columns:1fr!important;
  }
}
@media (max-width: 1180px){
  .inbox-v267 .inbox-ops-compose-row{
    grid-template-columns:38px 38px 38px minmax(0,1fr) auto!important;
    grid-template-areas:
      "attach emoji quick input input"
      ". . . ai send"!important;
    align-items:end!important;
  }
  .inbox-v267 .inbox-ops-compose-row > :nth-child(1){grid-area:attach}
  .inbox-v267 .inbox-ops-compose-row > :nth-child(2){grid-area:emoji}
  .inbox-v267 .inbox-ops-compose-row > :nth-child(3){grid-area:quick}
  .inbox-v267 .inbox-ops-compose-row > :nth-child(4){grid-area:input}
  .inbox-v267 .inbox-ops-compose-row > :nth-child(5){grid-area:ai}
  .inbox-v267 .inbox-ops-compose-row > :nth-child(6){grid-area:send}
}
@media (max-width: 860px){
  .inbox-v267 .inbox-ops-compose-row{
    grid-template-columns:38px 38px 38px minmax(0,1fr)!important;
    grid-template-areas:
      "attach emoji quick input"
      "ai ai ai send"!important;
  }
}