/* BOT VIỆT AI V1.0.267 — AI Operations Command Center
   Scope: /app/inbox only via .inbox-v267. Sidebar/topbar/credit component remain untouched. */

.inbox-v267{
  --ops-bg:#030d1b;
  --ops-bg2:#051426;
  --ops-bg3:#071a2e;
  --ops-panel:#0a213a;
  --ops-panel2:#0c2946;
  --ops-panel3:#0e3151;
  --ops-blue:#2787ff;
  --ops-cyan:#24d6ff;
  --ops-indigo:#6a5cff;
  --ops-violet:#a755ff;
  --ops-success:#20d99a;
  --ops-warning:#ffb936;
  --ops-danger:#ff6577;
  --ops-text:#eef6ff;
  --ops-muted:#94abc4;
  --ops-line:rgba(57,137,209,.38);
  --ops-accent:#2787ff;
  --ops-accent2:#24d6ff;
  --ops-outgoing:linear-gradient(135deg,#1675ff,#2f5dff);
  --ops-ease:cubic-bezier(.22,1,.36,1);
  position:relative;
  display:grid;
  gap:10px;
  min-width:0;
  color:var(--ops-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.inbox-v267[data-channel="messenger"]{
  --ops-accent:#2787ff;
  --ops-accent2:#735cff;
  --ops-outgoing:linear-gradient(135deg,#1976ff,#6d55ff);
}
.inbox-v267[data-channel="tiktok"]{
  --ops-accent:#25f4ee;
  --ops-accent2:#fe2c55;
  --ops-outgoing:linear-gradient(135deg,#0aaec2,#2877ff 68%,#a934aa);
}
.inbox-v267[data-channel="shopee"]{
  --ops-accent:#ff5a36;
  --ops-accent2:#ff704d;
  --ops-outgoing:linear-gradient(135deg,#ff5636,#ff714e);
}
.inbox-v267 *,
.inbox-v267 *::before,
.inbox-v267 *::after{box-sizing:border-box}
.inbox-v267 svg{
  display:block;
  width:1em;
  height:1em;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.inbox-v267 button,
.inbox-v267 input,
.inbox-v267 textarea,
.inbox-v267 select{font:inherit}
.inbox-v267 button:focus-visible,
.inbox-v267 input:focus-visible,
.inbox-v267 textarea:focus-visible,
.inbox-v267 select:focus-visible{
  outline:2px solid var(--ops-accent2);
  outline-offset:2px;
}

/* Header */
.inbox-v267 .inbox-ops-header{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:62px;
  padding:4px 2px 0;
}
.inbox-v267 .inbox-ops-header::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-46px -20px -22px;
  pointer-events:none;
  background:
    linear-gradient(rgba(36,214,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(36,214,255,.022) 1px,transparent 1px),
    radial-gradient(circle at 55% -20%,rgba(39,135,255,.16),transparent 45%);
  background-size:20px 20px,20px 20px,auto;
}
.inbox-v267 .inbox-ops-heading{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.inbox-v267 .inbox-ops-heading h1{
  margin:0;
  color:#fff;
  font-size:27px;
  line-height:1.05;
  letter-spacing:-.035em;
}
.inbox-v267 .inbox-ops-heading p{
  margin:4px 0 0;
  color:#a9bad0;
  font-size:12px;
}
.inbox-v267 .inbox-ops-stability{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:27px;
  padding:0 10px;
  border:1px solid rgba(32,217,154,.36);
  border-radius:999px;
  color:#79f0c2;
  background:rgba(7,78,58,.28);
  font-size:10px;
  white-space:nowrap;
}
.inbox-v267 .inbox-ops-stability.offline{
  color:#ffd177;
  border-color:rgba(255,185,54,.36);
  background:rgba(90,60,8,.25);
}
.inbox-v267 .inbox-ops-stability i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 10px currentColor;
}
.inbox-v267 .inbox-ops-header-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.inbox-v267 .inbox-ops-channel-tabs{
  display:flex;
  align-items:center;
  gap:3px;
  padding:4px;
  border:1px solid rgba(56,134,204,.4);
  border-radius:11px;
  background:rgba(5,22,40,.85);
}
.inbox-v267 .inbox-ops-channel-tab{
  min-height:37px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 11px;
  border:1px solid transparent;
  border-radius:8px;
  color:#bfd0e2;
  background:transparent;
  cursor:pointer;
  transition:transform .18s var(--ops-ease),border-color .18s ease,background .18s ease,color .18s ease;
}
.inbox-v267 .inbox-ops-channel-tab:hover{
  color:#fff;
  background:rgba(38,103,163,.18);
}
.inbox-v267 .inbox-ops-channel-tab.active{
  color:#fff;
  border-color:color-mix(in srgb,var(--ops-accent) 68%,white 15%);
  background:linear-gradient(135deg,color-mix(in srgb,var(--ops-accent) 70%,#10365f),color-mix(in srgb,var(--ops-accent2) 38%,#0a2442));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 0 1px color-mix(in srgb,var(--ops-accent) 18%,transparent),0 6px 18px rgba(0,0,0,.18);
}
.inbox-v267 .inbox-ops-channel-tab .inbox-platform-icon{
  width:24px;
  height:24px;
  min-width:24px;
}
.inbox-v267 .inbox-ops-channel-tab span:last-child{
  font-size:11px;
  font-weight:700;
}
.inbox-v267 .inbox-ops-script-btn{
  min-height:46px!important;
  display:flex!important;
  align-items:center;
  gap:7px;
  padding-inline:18px!important;
  border-color:rgba(127,126,255,.6)!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#147cff,#8f36f4)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 28px rgba(78,68,242,.2)!important;
}

/* Existing credit-cost-box intentionally receives no V267 styling. */

/* System cards */
.inbox-v267 .inbox-ops-system-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.inbox-v267 .inbox-ops-system-card{
  position:relative;
  min-width:0;
  min-height:76px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:10px 13px;
  overflow:hidden;
  border:1px solid var(--ops-line);
  border-radius:13px;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--ops-accent) 8%,transparent),transparent 42%),
    linear-gradient(145deg,#0a2541,#081c32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 22px rgba(0,0,0,.14);
  transition:transform .2s var(--ops-ease),border-color .2s ease,box-shadow .2s ease;
}
.inbox-v267 .inbox-ops-system-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--ops-accent),transparent);
  opacity:.68;
}
.inbox-v267 .inbox-ops-system-card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--ops-accent) 55%,rgba(255,255,255,.1));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.19);
}
.inbox-v267 .inbox-ops-system-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--ops-accent) 55%,transparent);
  border-radius:12px;
  color:var(--ops-accent2);
  background:linear-gradient(145deg,color-mix(in srgb,var(--ops-accent) 28%,#092038),rgba(6,29,49,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.inbox-v267 .inbox-ops-system-icon .inbox-platform-icon{
  width:36px;
  height:36px;
  min-width:36px;
}
.inbox-v267 .inbox-ops-system-icon svg{font-size:26px}
.inbox-v267 .inbox-ops-system-icon.ai{color:#ce70ff;border-color:rgba(167,85,255,.5);background:linear-gradient(145deg,rgba(115,50,179,.42),rgba(34,25,76,.9))}
.inbox-v267 .inbox-ops-system-icon.sync{color:#2ee3ff}
.inbox-v267 .inbox-ops-system-icon.users{color:#5ddcff}
.inbox-v267 .inbox-ops-system-copy{min-width:0;display:grid}
.inbox-v267 .inbox-ops-system-copy small{
  color:#a7bbcf;
  font-size:10px;
}
.inbox-v267 .inbox-ops-system-copy b{
  margin-top:1px;
  color:#fff;
  font-size:16px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-variant-numeric:tabular-nums;
}
.inbox-v267 .inbox-ops-system-copy em{
  margin-top:2px;
  color:#829db8;
  font-size:9px;
  font-style:normal;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.inbox-v267 .inbox-ops-live-dot{
  position:absolute;
  top:11px;
  right:11px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--ops-success);
  box-shadow:0 0 11px rgba(32,217,154,.65);
}
.inbox-v267 .inbox-ops-system-card.offline .inbox-ops-live-dot,
.inbox-v267 .inbox-ops-system-card.error .inbox-ops-live-dot{
  background:var(--ops-warning);
  box-shadow:0 0 9px rgba(255,185,54,.5);
}
.inbox-v267 .inbox-ops-refresh{
  position:absolute;
  right:8px;
  bottom:8px;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  color:#80caff;
  background:rgba(28,93,148,.2);
  cursor:pointer;
}
.inbox-v267 .inbox-ops-refresh svg{width:14px;height:14px}

/* KPI */
.inbox-v267 .inbox-ops-metric-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.inbox-v267 .inbox-ops-metric-card{
  --metric:#2787ff;
  position:relative;
  min-width:0;
  min-height:74px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 82px;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--metric) 45%,rgba(37,105,165,.35));
  border-radius:13px;
  background:
    radial-gradient(circle at 93% 15%,color-mix(in srgb,var(--metric) 16%,transparent),transparent 45%),
    linear-gradient(145deg,#0b2743,#081d34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 9px 24px rgba(0,0,0,.17);
  transition:transform .2s var(--ops-ease),border-color .2s ease;
}
.inbox-v267 .inbox-ops-metric-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--metric) 66%,white 7%)}
.inbox-v267 .inbox-ops-metric-card.processing{--metric:#ffb936}
.inbox-v267 .inbox-ops-metric-card.closed{--metric:#20d99a}
.inbox-v267 .inbox-ops-metric-card.response{--metric:#24d6ff}
.inbox-v267 .inbox-ops-metric-icon{
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--metric) 52%,transparent);
  border-radius:11px;
  color:var(--metric);
  background:color-mix(in srgb,var(--metric) 13%,#091e34);
}
.inbox-v267 .inbox-ops-metric-icon svg{font-size:25px}
.inbox-v267 .inbox-ops-metric-copy{min-width:0;display:grid;grid-template-columns:auto auto;align-items:end;column-gap:8px}
.inbox-v267 .inbox-ops-metric-copy small{grid-column:1/-1;color:#a9bad0;font-size:10px}
.inbox-v267 .inbox-ops-metric-copy b{
  color:#fff;
  font-size:23px;
  line-height:1.08;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.inbox-v267 .inbox-ops-metric-copy span{
  padding-bottom:2px;
  color:#91a9c3;
  font-size:9px;
  font-weight:700;
  white-space:nowrap;
}
.inbox-v267 .inbox-ops-metric-copy span.up{color:#34e7b0}
.inbox-v267 .inbox-ops-metric-copy span.down{color:#35d9f4}
.inbox-v267 .inbox-ops-metric-card.processing .inbox-ops-metric-copy span.up,
.inbox-v267 .inbox-ops-metric-card.processing .inbox-ops-metric-copy span.down{color:#ffd05b}
.inbox-v267 .inbox-ops-sparkline{
  width:82px;
  height:30px;
  overflow:visible;
  color:var(--metric);
}
.inbox-v267 .inbox-ops-sparkline polyline{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--metric) 50%,transparent));
}
.inbox-v267 .inbox-ops-sparkline.is-empty{
  display:grid;
  place-items:center;
  color:#58738f;
  font-size:16px;
}

/* Workspace */
.inbox-v267 .inbox-ops-workspace{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(260px,25%) minmax(430px,48%) minmax(290px,27%)!important;
  min-height:540px;
  max-height:calc(100vh - 312px);
  overflow:hidden!important;
  padding:0!important;
  border:1px solid color-mix(in srgb,var(--ops-accent) 55%,rgba(63,131,190,.3))!important;
  border-radius:17px!important;
  background:#06172a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(36,214,255,.025),0 18px 42px rgba(0,0,0,.22)!important;
}
.inbox-v267 .inbox-ops-workspace::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 48% -10%,color-mix(in srgb,var(--ops-accent) 10%,transparent),transparent 42%),
    linear-gradient(rgba(36,214,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(36,214,255,.018) 1px,transparent 1px);
  background-size:auto,20px 20px,20px 20px;
}
.inbox-v267 .inbox-ops-mailbox,
.inbox-v267 .inbox-ops-thread,
.inbox-v267 .inbox-ops-info{
  position:relative;
  z-index:1;
  min-width:0;
  min-height:0;
  background:rgba(5,22,40,.84)!important;
}
.inbox-v267 .inbox-ops-thread{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto;
  border-inline:1px solid rgba(53,121,180,.34)!important;
}
.inbox-v267 .inbox-ops-column-title{
  min-height:49px;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px;
  padding:9px 12px!important;
  border-bottom:1px solid rgba(59,126,185,.28);
  background:linear-gradient(180deg,rgba(14,50,83,.86),rgba(8,31,54,.78));
}
.inbox-v267 .inbox-ops-column-title>div{min-width:0}
.inbox-v267 .inbox-ops-column-title span{color:#fff!important;font-size:16px!important;font-weight:800}
.inbox-v267 .inbox-ops-column-title small{display:block!important;margin-top:1px;color:#7f9bb6!important;font-size:8px!important}
.inbox-v267 .inbox-ops-column-title>b{
  min-width:31px;
  height:24px;
  display:grid;
  place-items:center;
  padding:0 8px;
  border:1px solid color-mix(in srgb,var(--ops-accent) 45%,transparent);
  border-radius:999px;
  color:#e8f4ff;
  background:color-mix(in srgb,var(--ops-accent) 18%,#09213a);
  font-size:9px;
}

/* Mailbox */
.inbox-v267 .inbox-ops-search{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 36px;
  gap:7px;
  padding:8px 9px 6px!important;
}
.inbox-v267 .inbox-ops-search .inbox-search-input{
  min-height:36px!important;
  border:1px solid rgba(68,137,199,.42)!important;
  border-radius:10px!important;
  background:rgba(7,30,52,.9)!important;
}
.inbox-v267 .inbox-ops-search input{
  height:34px!important;
  border:0!important;
  background:transparent!important;
  color:#e6f1ff!important;
  font-size:10px!important;
}
.inbox-v267 .inbox-ops-search .inbox-filter-icon{
  width:36px!important;
  height:36px!important;
  border-color:rgba(68,137,199,.42)!important;
  background:rgba(7,30,52,.9)!important;
}
.inbox-v267 .inbox-ops-status-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px!important;
  padding:0 9px 8px!important;
}
.inbox-v267 .inbox-ops-status-tabs button{
  min-width:0!important;
  height:34px!important;
  padding:0 5px!important;
  border:1px solid rgba(61,124,181,.36)!important;
  border-radius:8px!important;
  background:rgba(7,31,54,.68)!important;
  color:#9fb4ca!important;
  font-size:8px!important;
}
.inbox-v267 .inbox-ops-status-tabs button.active{
  color:#fff!important;
  border-color:var(--ops-accent)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ops-accent) 76%,#0a2f56),color-mix(in srgb,var(--ops-accent2) 38%,#0b2949))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 5px 14px color-mix(in srgb,var(--ops-accent) 12%,transparent)!important;
}
.inbox-v267 .inbox-ops-status-tabs em{
  min-width:17px;
  height:17px;
  display:inline-grid;
  place-items:center;
  margin-left:3px;
  padding:0 4px;
  border-radius:999px;
  color:inherit;
  background:rgba(255,255,255,.08);
  font-size:7px;
  font-style:normal;
}
.inbox-v267 .inbox-ops-conversation-list{
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow-y:auto!important;
  scrollbar-gutter:stable;
  padding:0 8px 8px!important;
}
.inbox-v267 .inbox-ops-conversation{
  position:relative;
  min-height:70px!important;
  margin:0 0 5px!important;
  padding:8px!important;
  border:1px solid rgba(55,119,176,.34)!important;
  border-radius:11px!important;
  background:rgba(8,32,55,.68)!important;
  transition:transform .18s var(--ops-ease),border-color .18s ease,background .18s ease!important;
}
.inbox-v267 .inbox-ops-conversation:hover{
  transform:translateY(-1px);
  border-color:rgba(65,154,226,.5)!important;
  background:rgba(11,43,72,.78)!important;
}
.inbox-v267 .inbox-ops-conversation.active{
  border-color:color-mix(in srgb,var(--ops-accent) 70%,white 5%)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ops-accent) 16%,#09223c),rgba(8,41,70,.88))!important;
  box-shadow:inset 3px 0 0 var(--ops-accent2),0 7px 18px rgba(0,0,0,.16)!important;
}
.inbox-v267 .inbox-ops-conversation.active::before{
  content:"";
  position:absolute;
  left:-1px;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:3px;
  background:var(--ops-accent2);
}
.inbox-v267 .inbox-ops-avatar{width:42px!important;height:42px!important;flex:0 0 42px!important}
.inbox-v267 .inbox-ops-avatar .inbox-avatar-fallback,
.inbox-v267 .inbox-ops-avatar img{width:42px!important;height:42px!important}
.inbox-v267 .inbox-ops-selected-dot{
  position:absolute;
  top:50%;
  right:9px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--ops-accent2);
  box-shadow:0 0 10px color-mix(in srgb,var(--ops-accent2) 65%,transparent);
}
.inbox-v267 .inbox-conversation-body{padding-right:10px}
.inbox-v267 .inbox-conversation-head strong{font-size:10px!important}
.inbox-v267 .inbox-conversation-head span,
.inbox-v267 .inbox-conversation-body p{font-size:8px!important}
.inbox-v267 .inbox-conversation-foot{gap:4px!important}
.inbox-v267 .inbox-conversation-foot span{font-size:7px!important;padding:2px 6px!important}
.inbox-v267 .inbox-ops-list-skeleton{
  height:68px;
  display:grid;
  grid-template-columns:40px 1fr;
  gap:8px;
  margin-bottom:6px;
  padding:10px;
  border:1px solid rgba(58,121,177,.24);
  border-radius:11px;
  background:rgba(9,33,56,.62);
}
.inbox-v267 .inbox-ops-list-skeleton i,
.inbox-v267 .inbox-ops-list-skeleton span{
  border-radius:7px;
  background:linear-gradient(90deg,rgba(83,117,145,.08),rgba(117,168,207,.17),rgba(83,117,145,.08));
  background-size:200% 100%;
  animation:inbox267Skeleton 1.3s linear infinite;
}
.inbox-v267 .inbox-ops-list-skeleton i{grid-row:1/3;width:40px;border-radius:50%}
.inbox-v267 .inbox-ops-list-skeleton span:last-child{width:64%}
@keyframes inbox267Skeleton{to{background-position:-200% 0}}

/* Thread */
.inbox-v267 .inbox-ops-thread-head{
  min-height:55px!important;
  padding:8px 10px!important;
  border-bottom:1px solid rgba(58,128,189,.28)!important;
  background:linear-gradient(180deg,rgba(13,48,81,.9),rgba(8,30,52,.82))!important;
}
.inbox-v267 .inbox-thread-profile{gap:8px!important}
.inbox-v267 .inbox-thread-avatar,
.inbox-v267 .inbox-thread-avatar .inbox-avatar-fallback,
.inbox-v267 .inbox-thread-avatar img{width:40px!important;height:40px!important}
.inbox-v267 .inbox-thread-profile strong{font-size:12px!important}
.inbox-v267 .inbox-thread-profile small{font-size:8px!important}
.inbox-v267 .inbox-thread-actions{display:flex!important;align-items:center;gap:5px!important}
.inbox-v267 .inbox-thread-actions .icon-btn{
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(69,139,201,.38)!important;
  border-radius:9px!important;
  background:rgba(7,30,52,.72)!important;
  color:#b7cde1!important;
}
.inbox-v267 .inbox-thread-actions .icon-btn svg{width:16px;height:16px}
.inbox-v267 .inbox-thread-actions .icon-btn.active{color:#ffd06a!important;border-color:rgba(255,185,54,.55)!important}
.inbox-v267 .inbox-ops-handoff{
  display:flex!important;
  align-items:center;
  gap:5px;
  min-height:34px!important;
  padding:0 9px!important;
  background:rgba(8,33,57,.72)!important;
}
.inbox-v267 .inbox-ops-handoff svg{width:14px;height:14px}
.inbox-v267 .inbox-ops-mobile-back,
.inbox-v267 .inbox-ops-info-toggle{display:none!important}
.inbox-v267 .inbox-ops-message-scroll{
  min-height:0!important;
  overflow-y:auto!important;
  padding:12px 14px 18px!important;
  background:
    linear-gradient(rgba(36,214,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(36,214,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--ops-accent) 6%,transparent),transparent 36%),
    #06182b!important;
  background-size:20px 20px,20px 20px,auto,auto!important;
}
.inbox-v267 .inbox-ops-day-separator{
  display:flex;
  align-items:center;
  gap:9px;
  margin:2px 0 12px;
}
.inbox-v267 .inbox-ops-day-separator::before,
.inbox-v267 .inbox-ops-day-separator::after{
  content:"";
  height:1px;
  flex:1;
  background:linear-gradient(90deg,transparent,rgba(93,144,188,.3));
}
.inbox-v267 .inbox-ops-day-separator::after{background:linear-gradient(90deg,rgba(93,144,188,.3),transparent)}
.inbox-v267 .inbox-ops-day-separator span{
  padding:4px 10px;
  border:1px solid rgba(67,126,180,.24);
  border-radius:999px;
  color:#88a2bd;
  background:rgba(10,40,68,.72);
  font-size:8px;
}
.inbox-v267 .inbox-ops-message-row{
  margin-bottom:10px!important;
}
.inbox-v267 .inbox-ops-message-bubble{
  max-width:min(76%,600px)!important;
  border-radius:12px!important;
  box-shadow:0 6px 15px rgba(0,0,0,.13)!important;
}
.inbox-v267 .inbox-ops-message-row.incoming .inbox-ops-message-bubble{
  color:#e8f2fd!important;
  border:1px solid rgba(84,124,164,.24)!important;
  background:linear-gradient(145deg,#213a5a,#18314f)!important;
}
.inbox-v267 .inbox-ops-message-row.outgoing .inbox-ops-message-bubble{
  color:#fff!important;
  border:1px solid color-mix(in srgb,var(--ops-accent2) 38%,rgba(255,255,255,.14))!important;
  background:var(--ops-outgoing)!important;
}
.inbox-v267 .inbox-ops-message-bubble p{
  margin:0!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.inbox-v267 .inbox-ops-message-bubble small{
  margin-top:4px!important;
  color:rgba(218,233,247,.7)!important;
  font-size:7px!important;
  font-variant-numeric:tabular-nums;
}
.inbox-v267 .inbox-ops-typing{
  display:flex;
  align-items:center;
  gap:4px;
  padding:9px 12px;
  border-radius:12px;
  background:#203957;
}
.inbox-v267 .inbox-ops-typing i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#b3cae0;
  animation:inbox267Typing 1.1s ease-in-out infinite;
}
.inbox-v267 .inbox-ops-typing i:nth-child(2){animation-delay:.12s}
.inbox-v267 .inbox-ops-typing i:nth-child(3){animation-delay:.24s}
@keyframes inbox267Typing{0%,70%,100%{transform:translateY(0);opacity:.5}35%{transform:translateY(-3px);opacity:1}}

/* Composer */
.inbox-v267 .inbox-ops-composer{
  position:relative!important;
  min-height:61px!important;
  padding:8px!important;
  border-top:1px solid rgba(61,132,192,.34)!important;
  background:linear-gradient(180deg,#0a2743,#081e35)!important;
}
.inbox-v267 .inbox-ops-compose-row{
  display:grid;
  grid-template-columns:auto auto auto minmax(0,1fr) auto auto;
  align-items:end;
  gap:6px;
  min-height:44px;
  padding:4px;
  border:1px solid rgba(64,137,199,.48);
  border-radius:11px;
  background:#061b30;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.inbox-v267 .inbox-ops-compose-tool{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:9px;
  color:#b5cbe0;
  background:transparent;
  cursor:pointer;
  transition:background .16s ease,color .16s ease,transform .16s var(--ops-ease);
}
.inbox-v267 .inbox-ops-compose-tool:hover:not(:disabled){color:#fff;background:rgba(54,118,174,.2);transform:translateY(-1px)}
.inbox-v267 .inbox-ops-compose-tool:disabled{opacity:.38;cursor:not-allowed}
.inbox-v267 .inbox-ops-compose-tool svg{width:18px;height:18px}
.inbox-v267 .inbox-ops-composer textarea{
  min-height:38px!important;
  max-height:132px!important;
  resize:none!important;
  overflow-y:auto!important;
  padding:9px 6px!important;
  border:0!important;
  outline:0!important;
  color:#eaf4ff!important;
  background:transparent!important;
  font-size:9px!important;
  line-height:1.4!important;
}
.inbox-v267 .inbox-ops-composer textarea::placeholder{color:#6f89a4}
.inbox-v267 .inbox-ops-ai-ready{
  align-self:center;
  min-width:112px;
  min-height:32px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 9px;
  border:1px solid rgba(32,217,154,.4)!important;
  border-radius:9px!important;
  color:#6ff0c0!important;
  background:rgba(7,78,58,.28)!important;
  font-size:8px!important;
  white-space:nowrap;
}
.inbox-v267 .inbox-ops-ai-ready:not(.on){
  color:#9aaec2!important;
  border-color:rgba(83,125,163,.35)!important;
  background:rgba(21,45,67,.45)!important;
}
.inbox-v267 .inbox-ops-ai-ready i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}
.inbox-v267 .inbox-ops-send{
  width:44px!important;
  height:40px!important;
  display:grid!important;
  place-items:center;
  padding:0!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,var(--ops-accent),var(--ops-accent2))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 18px color-mix(in srgb,var(--ops-accent) 24%,transparent)!important;
}
.inbox-v267 .inbox-ops-send svg{width:21px;height:21px}
.inbox-v267 .inbox-ops-quick-replies{
  position:absolute;
  left:8px;
  right:8px;
  bottom:66px;
  z-index:8;
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  padding:9px;
  border:1px solid rgba(90,147,199,.4);
  border-radius:11px;
  background:rgba(7,28,49,.98);
  box-shadow:0 14px 36px rgba(0,0,0,.32);
}
.inbox-v267 .inbox-ops-quick-replies button{
  max-width:100%;
  padding:7px 9px;
  border:1px solid rgba(76,135,188,.32);
  border-radius:8px;
  color:#c6d8e9;
  background:#0b2946;
  font-size:8px;
  text-align:left;
  cursor:pointer;
}
.inbox-v267 .inbox-ops-quick-replies button:hover{border-color:var(--ops-accent);color:#fff}
.inbox-v267 .inbox-ops-quick-replies>span{color:#8da5bd;font-size:8px}

/* Customer & AI */
.inbox-v267 .inbox-ops-info{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
}
.inbox-v267 .inbox-ops-info-title{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto;
}
.inbox-v267 .inbox-ops-running{
  display:inline-flex!important;
  align-items:center;
  gap:5px;
  min-height:24px;
  padding:0 8px;
  border:1px solid rgba(32,217,154,.34);
  border-radius:999px;
  color:#6deabb!important;
  background:rgba(7,72,55,.25);
  font-size:8px!important;
  font-weight:700!important;
  white-space:nowrap;
}
.inbox-v267 .inbox-ops-running:not(.on){color:#a6b7c7!important;border-color:rgba(100,132,161,.3);background:rgba(35,55,72,.3)}
.inbox-v267 .inbox-ops-running i{width:6px;height:6px;border-radius:50%;background:currentColor}
.inbox-v267 .inbox-ops-drawer-close{display:none}
.inbox-v267 .inbox-ops-info-scroll{
  min-height:0;
  display:flex!important;
  flex-direction:column;
  gap:7px!important;
  overflow-y:auto!important;
  padding:8px!important;
}
.inbox-v267 .inbox-ops-side-card{
  flex:0 0 auto;
  padding:9px!important;
  border:1px solid rgba(61,129,188,.34)!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,rgba(11,43,72,.9),rgba(7,31,54,.88))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition:transform .18s var(--ops-ease),border-color .18s ease;
}
.inbox-v267 .inbox-ops-side-card:hover{transform:translateY(-1px);border-color:rgba(72,150,218,.48)!important}
.inbox-v267 .inbox-ops-profile-card{border-color:color-mix(in srgb,var(--ops-accent) 42%,rgba(61,129,188,.34))!important}
.inbox-v267 .inbox-ops-profile-top{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
}
.inbox-v267 .inbox-ops-profile-avatar{
  position:relative;
  width:48px!important;
  height:48px!important;
  border-radius:50%;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--ops-accent) 35%,transparent);
}
.inbox-v267 .inbox-ops-profile-avatar>.inbox-avatar-fallback,
.inbox-v267 .inbox-ops-profile-avatar>img{width:48px!important;height:48px!important}
.inbox-v267 .inbox-ops-profile-avatar>span{position:absolute;right:-4px;bottom:-3px}
.inbox-v267 .inbox-ops-profile-top h3{margin:0;color:#fff;font-size:11px}
.inbox-v267 .inbox-ops-profile-top span,
.inbox-v267 .inbox-ops-profile-top small,
.inbox-v267 .inbox-ops-profile-top em{display:block;margin-top:1px;color:#90a7bf;font-size:7px;font-style:normal}
.inbox-v267 .inbox-ops-profile-top .icon-btn{width:30px!important;height:30px!important}
.inbox-v267 .inbox-ops-profile-card select{
  width:100%;
  height:31px;
  margin-top:7px;
  padding:0 8px;
  border:1px solid rgba(72,141,202,.38);
  border-radius:8px;
  color:#dceafb;
  background:#071d34;
  font-size:8px;
}
.inbox-v267 .inbox-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px;
  margin-bottom:6px!important;
}
.inbox-v267 .inbox-section-head strong{
  display:flex;
  align-items:center;
  gap:6px;
  color:#f2f7ff!important;
  font-size:9px!important;
}
.inbox-v267 .inbox-section-head>span{max-width:52%;color:#7f97b0!important;font-size:7px!important;text-align:right}
.inbox-v267 .inbox-ops-side-icon{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border:1px solid rgba(58,133,198,.3);
  border-radius:7px;
  color:#66bfff;
  background:rgba(28,93,147,.17);
}
.inbox-v267 .inbox-ops-side-icon svg{width:14px;height:14px}
.inbox-v267 .inbox-ops-side-icon.violet{color:#d276ff;border-color:rgba(167,85,255,.34);background:rgba(96,44,153,.18)}
.inbox-v267 .inbox-ops-side-icon.emerald{color:#48e8b1;border-color:rgba(32,217,154,.32);background:rgba(20,104,80,.16)}
.inbox-v267 .inbox-ops-side-icon.amber{color:#ffd06a;border-color:rgba(255,185,54,.3);background:rgba(108,76,17,.17)}
.inbox-v267 .inbox-label-list{display:flex;gap:4px;flex-wrap:wrap}
.inbox-v267 .inbox-label-list span{padding:3px 6px;border:1px solid rgba(64,137,198,.32);border-radius:999px;color:#a8c7e3;background:rgba(30,83,129,.14);font-size:7px}
.inbox-v267 .inbox-side-empty,
.inbox-v267 .inbox-note-copy{margin:0!important;color:#829ab3!important;font-size:7px!important;line-height:1.45!important}
.inbox-v267 .inbox-ops-order-item{margin-top:5px!important;padding:7px!important;border-color:rgba(32,217,154,.18)!important;background:rgba(8,39,49,.48)!important}
.inbox-v267 .inbox-ops-order-item div{display:flex;justify-content:space-between;gap:8px}
.inbox-v267 .inbox-ops-order-item p{margin:3px 0;color:#a9bdcf;font-size:7px}
.inbox-v267 .inbox-ops-order-item b,
.inbox-v267 .inbox-ops-order-item strong{font-size:8px}
.inbox-v267 .inbox-ops-order-item span{color:#5be7b6;font-size:7px}
.inbox-v267 .inbox-ops-order-item small{color:#7e96ae;font-size:7px}
.inbox-v267[data-channel="shopee"] .inbox-ops-orders{order:-1;border-color:rgba(32,217,154,.34)!important}
.inbox-v267 .inbox-ops-side-bottom{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
.inbox-v267 .inbox-ops-ai-card{
  border-color:rgba(167,85,255,.36)!important;
  background:linear-gradient(145deg,rgba(49,28,92,.64),rgba(17,32,64,.86))!important;
}
.inbox-v267 .inbox-ops-ai-card button{
  width:100%;
  margin-top:4px;
  padding:6px 7px;
  border:1px solid rgba(167,85,255,.24);
  border-radius:7px;
  color:#c9b8ef;
  background:rgba(80,42,137,.14);
  font-size:7px;
  text-align:left;
  cursor:pointer;
}
.inbox-v267 .inbox-ops-ai-card button:hover{color:#fff;border-color:rgba(167,85,255,.5);background:rgba(102,48,170,.22)}
.inbox-v267 .inbox-ops-auto-card{border-color:rgba(32,217,154,.28)!important}
.inbox-v267 .inbox-setting-row{min-height:25px!important;font-size:7px!important}
.inbox-v267 .inbox-setting-row b{color:#8fa5ba!important}
.inbox-v267 .inbox-setting-row b.on{color:#53e9b7!important}
.inbox-v267 .inbox-setting-row b.off{color:#ffbd67!important}
.inbox-v267 .inbox-setting-row b.neutral{color:#91a9c0!important}
.inbox-v267 .inbox-ops-drawer-overlay{display:none}

/* Empty states */
.inbox-v267 .inbox-ops-empty{
  min-height:220px;
  align-content:center!important;
  border:1px dashed rgba(69,134,192,.34);
  border-radius:11px;
  background:rgba(8,31,54,.38);
}
.inbox-v267 .inbox-sync-error{display:block;margin-top:7px;color:#ff9ca8}

/* Desktop fitting */
@media(max-width:1500px){
  .inbox-v267 .inbox-ops-heading h1{font-size:24px}
  .inbox-v267 .inbox-ops-channel-tab{padding-inline:8px}
  .inbox-v267 .inbox-ops-script-btn{padding-inline:13px!important}
  .inbox-v267 .inbox-ops-workspace{grid-template-columns:minmax(240px,24%) minmax(410px,49%) minmax(270px,27%)!important}
  .inbox-v267 .inbox-ops-metric-copy b{font-size:20px}
}
@media(max-width:1280px){
  .inbox-v267 .inbox-ops-header{align-items:flex-start}
  .inbox-v267 .inbox-ops-header-actions{gap:7px}
  .inbox-v267 .inbox-ops-channel-tab span:last-child{display:none}
  .inbox-v267 .inbox-ops-channel-tab{width:38px;justify-content:center;padding:0}
  .inbox-v267 .inbox-ops-script-btn span:last-child{font-size:10px}
  .inbox-v267 .inbox-ops-system-grid,
  .inbox-v267 .inbox-ops-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inbox-v267 .inbox-ops-workspace{max-height:none;min-height:620px;grid-template-columns:minmax(220px,26%) minmax(440px,1fr)!important}
  .inbox-v267 .inbox-ops-info{
    position:absolute;
    z-index:30;
    top:0;
    right:0;
    bottom:0;
    width:min(360px,88%);
    transform:translateX(104%);
    border-left:1px solid rgba(71,143,205,.5);
    box-shadow:-18px 0 38px rgba(0,0,0,.3);
    transition:transform .22s var(--ops-ease);
  }
  .inbox-v267.is-info-open .inbox-ops-info,
  .inbox-v267 .inbox-ops-info.is-open{transform:none}
  .inbox-v267 .inbox-ops-info-toggle{display:grid!important}
  .inbox-v267 .inbox-ops-drawer-close{
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:7px;
    color:#b7cbe0;
    background:rgba(38,79,116,.28);
    cursor:pointer;
  }
  .inbox-v267 .inbox-ops-drawer-overlay{
    position:absolute;
    z-index:29;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    background:rgba(0,7,16,.45);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
  }
  .inbox-v267.is-info-open .inbox-ops-drawer-overlay{display:block;opacity:1;pointer-events:auto}
}
@media(max-width:900px){
  .inbox-v267 .inbox-ops-header{display:grid}
  .inbox-v267 .inbox-ops-header-actions{justify-content:space-between}
  .inbox-v267 .inbox-ops-channel-tabs{flex:1}
  .inbox-v267 .inbox-ops-channel-tab{width:auto;flex:1}
  .inbox-v267 .inbox-ops-channel-tab span:last-child{display:inline}
  .inbox-v267 .inbox-ops-workspace{grid-template-columns:minmax(220px,34%) minmax(0,1fr)!important}
  .inbox-v267 .inbox-ops-ai-ready{min-width:32px;width:32px;padding:0;font-size:0!important}
  .inbox-v267 .inbox-ops-ai-ready i{margin:0}
}
@media(max-width:760px){
  .inbox-v267 .inbox-ops-heading{display:grid}
  .inbox-v267 .inbox-ops-heading h1{font-size:22px}
  .inbox-v267 .inbox-ops-stability{width:max-content}
  .inbox-v267 .inbox-ops-header-actions{display:grid}
  .inbox-v267 .inbox-ops-script-btn{width:100%;justify-content:center}
  .inbox-v267 .inbox-ops-system-grid,
  .inbox-v267 .inbox-ops-metric-grid{grid-template-columns:1fr 1fr}
  .inbox-v267 .inbox-ops-workspace{display:block!important;min-height:610px}
  .inbox-v267 .inbox-ops-mailbox,
  .inbox-v267 .inbox-ops-thread{position:absolute;inset:0}
  .inbox-v267 .inbox-ops-thread{transform:translateX(104%);transition:transform .22s var(--ops-ease)}
  .inbox-v267.is-mobile-thread .inbox-ops-thread{transform:none}
  .inbox-v267.is-mobile-thread .inbox-ops-mailbox{visibility:hidden}
  .inbox-v267 .inbox-ops-mobile-back{display:grid!important;width:32px;height:32px;place-items:center;border:1px solid rgba(69,139,201,.38);border-radius:9px;background:rgba(7,30,52,.72);color:#b7cde1}
  .inbox-v267 .inbox-ops-handoff span{display:none}
  .inbox-v267 .inbox-ops-compose-row{grid-template-columns:auto auto auto minmax(0,1fr) auto}
  .inbox-v267 .inbox-ops-ai-ready{display:none!important}
  .inbox-v267 .inbox-ops-send{width:40px!important}
}
@media(max-width:520px){
  .inbox-v267{gap:8px}
  .inbox-v267 .inbox-ops-channel-tabs{display:grid;grid-template-columns:repeat(4,1fr);width:100%}
  .inbox-v267 .inbox-ops-channel-tab{width:100%;padding:0 4px}
  .inbox-v267 .inbox-ops-channel-tab span:last-child{display:none}
  .inbox-v267 .inbox-ops-system-grid,
  .inbox-v267 .inbox-ops-metric-grid{grid-template-columns:1fr}
  .inbox-v267 .inbox-ops-metric-card{grid-template-columns:auto minmax(0,1fr) 68px}
  .inbox-v267 .inbox-ops-sparkline{width:68px}
  .inbox-v267 .inbox-ops-workspace{min-height:600px}
  .inbox-v267 .inbox-ops-status-tabs{grid-template-columns:repeat(2,1fr)}
  .inbox-v267 .inbox-thread-actions .icon-btn:nth-of-type(2){display:none!important}
  .inbox-v267 .inbox-ops-compose-row{grid-template-columns:auto auto minmax(0,1fr) auto}
  .inbox-v267 [data-inbox-quick-reply]{display:none}
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .inbox-v267 *,
  .inbox-v267 *::before,
  .inbox-v267 *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.1s!important;
    scroll-behavior:auto!important;
  }
  .inbox-v267 .inbox-ops-system-card:hover,
  .inbox-v267 .inbox-ops-metric-card:hover,
  .inbox-v267 .inbox-ops-conversation:hover,
  .inbox-v267 .inbox-ops-side-card:hover{transform:none!important}
}