/* CODSHIPX_AI_CRM_R53_CODI_ONE_BRAIN_PRODUCTION_BRIDGE_R1 */
.cx-r53-root{position:fixed;inset:0;z-index:2147482000;pointer-events:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5fff8}
.cx-r53-root.open{pointer-events:auto}
.cx-r53-scrim{position:absolute;inset:0;border:0;background:rgba(0,0,0,.58);opacity:0;transition:opacity .2s ease;pointer-events:none}
.cx-r53-root.open .cx-r53-scrim{opacity:1;pointer-events:auto}
.cx-r53-drawer{position:absolute;top:0;right:0;width:min(460px,100vw);height:100%;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;background:#050807;border-left:1px solid rgba(53,214,116,.22);box-shadow:-24px 0 70px rgba(0,0,0,.42);transform:translateX(102%);transition:transform .24s ease;overflow:hidden}
.cx-r53-root.open .cx-r53-drawer{transform:translateX(0)}
.cx-r53-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.cx-r53-brand{display:flex;align-items:center;gap:11px}.cx-r53-brand>span:last-child{display:grid;gap:2px}.cx-r53-brand strong{font-size:16px}.cx-r53-brand small{font-size:11px;color:#8e9f95}
.cx-r53-orb{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#53e58d,#0e6b39 62%,#031b0e);box-shadow:0 0 0 1px rgba(83,229,141,.22);font-size:13px;font-weight:800;color:#001b0b}
.cx-r53-head-actions{display:flex;align-items:center;gap:7px}.cx-r53-head-actions button,.cx-r53-threadbar button{border:1px solid rgba(83,229,141,.2);background:#0a120e;color:#dff9e8;border-radius:9px;padding:8px 10px;font:inherit;font-size:12px;cursor:pointer}.cx-r53-head-actions button:last-child{width:34px;height:34px;padding:0;font-size:22px;line-height:1}
.cx-r53-threadbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 18px 8px}.cx-r53-threadbar select{min-width:0;border:1px solid rgba(255,255,255,.1);background:#090d0b;color:#e9f7ed;border-radius:9px;padding:9px 10px;outline:none}
.cx-r53-status{margin:0 18px 8px;padding:8px 10px;border-radius:9px;background:#08110c;color:#9cb4a4;font-size:11px;border:1px solid rgba(83,229,141,.1)}.cx-r53-status[data-tone="ok"]{color:#7ce7a5}.cx-r53-status[data-tone="error"]{color:#ff9d9d;border-color:rgba(255,111,111,.22);background:#160909}
.cx-r53-messages{min-height:0;overflow:auto;padding:10px 18px 18px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}.cx-r53-empty{margin:auto 0;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#080c0a;display:grid;gap:6px}.cx-r53-empty strong{font-size:14px}.cx-r53-empty span{font-size:12px;color:#889a90}
.cx-r53-message{max-width:88%;display:grid;gap:4px;padding:11px 12px;border-radius:14px;background:#0b120e;border:1px solid rgba(255,255,255,.07);align-self:flex-start}.cx-r53-message.user{align-self:flex-end;background:#0b2616;border-color:rgba(83,229,141,.16)}.cx-r53-message small{font-size:9px;letter-spacing:.1em;color:#68d58e}.cx-r53-message.user small{color:#8bcaa1}.cx-r53-message p{margin:0;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.48;color:#eef8f1}
.cx-r53-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 18px 6px;border-top:1px solid rgba(255,255,255,.08);background:#050807}.cx-r53-compose textarea{resize:none;min-height:44px;max-height:120px;border:1px solid rgba(83,229,141,.18);border-radius:12px;background:#090d0b;color:#f3fff7;padding:12px 13px;outline:none;font:inherit;font-size:13px}.cx-r53-compose textarea:focus{border-color:rgba(83,229,141,.48);box-shadow:0 0 0 3px rgba(83,229,141,.07)}.cx-r53-compose button{align-self:stretch;border:1px solid #2fc46c;background:#35d674;color:#00180a;border-radius:12px;padding:0 15px;font:inherit;font-weight:750;cursor:pointer}.cx-r53-compose button:disabled{opacity:.5;cursor:not-allowed}
.cx-r53-note{display:block;padding:0 18px 14px;color:#65746a;font-size:10px;line-height:1.4}
.cx-r53-preview-wrap{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cx-r53-preview-scrim{position:absolute;inset:0;border:0;background:rgba(0,0,0,.76)}
.cx-r53-preview{position:relative;width:min(760px,100%);max-height:min(760px,92vh);overflow:auto;background:#050807;border:1px solid rgba(53,214,116,.28);border-radius:18px;box-shadow:0 28px 100px rgba(0,0,0,.62);color:#f3fff7}.cx-r53-preview>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:19px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.cx-r53-preview>header small{color:#46d77a;font-size:9px;letter-spacing:.12em}.cx-r53-preview h2{margin:4px 0 0;font-size:18px;text-transform:capitalize}.cx-r53-preview>header button{border:1px solid rgba(255,255,255,.1);background:#0b100d;color:#fff;width:34px;height:34px;border-radius:9px;font-size:21px;cursor:pointer}
.cx-r53-preview-command,.cx-r53-preview-reason{margin:14px 20px 0;line-height:1.5;font-size:13px}.cx-r53-preview-command{color:#f0fff5}.cx-r53-preview-reason{color:#9caf9f}
.cx-r53-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px}.cx-r53-preview-grid article{min-width:0;border:1px solid rgba(255,255,255,.08);background:#080c0a;border-radius:12px;padding:12px}.cx-r53-preview-grid small{display:block;margin-bottom:8px;color:#58da84;font-size:9px;letter-spacing:.12em}.cx-r53-preview-grid pre{margin:0;white-space:pre-wrap;word-break:break-word;color:#dce9e0;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.cx-r53-preview-status{margin:0 20px 16px;padding:10px 12px;border:1px solid rgba(83,229,141,.14);border-radius:10px;background:#08110c;color:#94aa9b;font-size:11px;line-height:1.45}.cx-r53-preview-status[data-tone="error"]{color:#ff9b9b;border-color:rgba(255,90,90,.22);background:#160909}.cx-r53-preview-status[data-tone="ok"]{color:#80e7a5}
.cx-r53-preview>footer{display:flex;justify-content:flex-end;gap:9px;padding:0 20px 20px}.cx-r53-preview>footer button{border:1px solid rgba(255,255,255,.12);background:#0a0f0c;color:#e9f6ed;border-radius:10px;padding:10px 14px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.cx-r53-preview>footer button.primary{border-color:#35d674;background:#35d674;color:#00180a}.cx-r53-preview button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:620px){.cx-r53-drawer{width:100vw}.cx-r53-preview-wrap{padding:10px}.cx-r53-preview-grid{grid-template-columns:1fr}.cx-r53-head{padding:14px}.cx-r53-threadbar,.cx-r53-compose{padding-left:14px;padding-right:14px}.cx-r53-status{margin-left:14px;margin-right:14px}.cx-r53-messages{padding-left:14px;padding-right:14px}.cx-r53-note{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){.cx-r53-scrim,.cx-r53-drawer{transition:none}}

/* CODSHIPX_AI_R60_R5_TWO_COLUMN_SOURCE_UI */
.cx-r53-root .cx-r53-drawer.cx-r60-two-column{
  top:12px!important;
  right:12px!important;
  bottom:12px!important;
  left:auto!important;
  width:min(860px,calc(100vw - 28px))!important;
  min-width:720px!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:290px minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
  background:#050706;
  box-shadow:-30px 0 90px rgba(0,0,0,.28),0 24px 80px rgba(0,0,0,.32);
}
.cx-r53-root .cx-r60-history-rail{min-width:0;min-height:0;display:flex;flex-direction:column;padding:20px 16px 16px;overflow:hidden;color:#eef4ef;background:radial-gradient(circle at 20% 0,rgba(45,230,126,.07),transparent 22rem),linear-gradient(180deg,#030504,#060807);border-right:1px solid rgba(255,255,255,.075)}
.cx-r53-root .cx-r60-history-brand{flex:0 0 auto;padding:0 4px 18px;display:flex;align-items:center;gap:12px}
.cx-r53-root .cx-r60-history-avatar,.cx-r53-root .cx-r60-chat-avatar{display:grid;place-items:center;overflow:hidden;border:1px solid rgba(51,231,128,.18);background:#09110c}
.cx-r53-root .cx-r60-history-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:15px} .cx-r53-root .cx-r60-chat-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:13px}
.cx-r53-root .cx-r60-history-avatar img,.cx-r53-root .cx-r60-chat-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.cx-r53-root .cx-r60-history-brand>span:last-child,.cx-r53-root .cx-r60-chat-head .cx-r53-brand>span:last-child{min-width:0;display:flex;flex-direction:column}
.cx-r53-root .cx-r60-history-brand strong,.cx-r53-root .cx-r60-chat-head strong{color:#f8fbf8;font-size:15px;letter-spacing:-.02em}
.cx-r53-root .cx-r60-history-brand small,.cx-r53-root .cx-r60-chat-head small{margin-top:3px;color:#86918a;font-size:10px}
.cx-r53-root .cx-r60-new-chat{
  flex:0 0 auto;min-height:44px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;
  border:1px solid #f4f6f4;border-radius:14px;background:#f4f6f4;color:#080a09;font-size:12px;font-weight:850;
  cursor:pointer;box-shadow:none;transition:background .16s ease,transform .16s ease;
}
.cx-r53-root .cx-r60-new-chat span{font-size:22px;font-weight:400;line-height:1}
.cx-r53-root .cx-r60-thread-search{flex:0 0 auto;min-height:44px;margin-top:14px;padding:0 13px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:#0a0d0b;color:#78847c}
.cx-r53-root .cx-r60-thread-search>span{font-size:19px;line-height:1} .cx-r53-root .cx-r60-thread-search input{width:100%;min-width:0;border:0;outline:0;box-shadow:none;background:transparent;color:#e4ebe5;font-size:11px} .cx-r53-root .cx-r60-thread-search input::placeholder{color:#6f7a72}
.cx-r53-root .cx-r60-thread-history{flex:1 1 auto;min-height:0;margin-top:14px;padding-right:3px;overflow:hidden auto;scrollbar-width:thin;scrollbar-color:#2a322c transparent}
.cx-r53-root .cx-r60-thread-group{margin-top:17px} .cx-r53-root .cx-r60-thread-group:first-child{margin-top:0} .cx-r53-root .cx-r60-thread-group-label{display:block;margin:0 5px 8px;color:#7b877f;font-size:10px;font-weight:700} .cx-r53-root .cx-r60-thread-group-list{display:flex;flex-direction:column;gap:6px}
.cx-r53-root .cx-r60-thread-item{width:100%;min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:8px 10px;border:1px solid transparent;border-radius:13px;background:transparent;color:#aab4ad;text-align:left;cursor:pointer}
.cx-r53-root .cx-r60-thread-item:hover{background:rgba(255,255,255,.035);color:#eef4ef} .cx-r53-root .cx-r60-thread-item.active{border-color:rgba(31,225,118,.62);background:linear-gradient(90deg,rgba(22,206,103,.16),rgba(20,111,61,.07));color:#f7fff8;box-shadow:inset 3px 0 0 rgba(27,232,121,.80)}
.cx-r53-root .cx-r60-thread-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:#0b100d;color:#c9d3cb;font-size:15px} .cx-r53-root .cx-r60-thread-item.active .cx-r60-thread-icon{border-color:rgba(31,225,118,.32);background:rgba(31,225,118,.13);color:#2ce57d}
.cx-r53-root .cx-r60-thread-copy{min-width:0;display:flex;flex-direction:column} .cx-r53-root .cx-r60-thread-title-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px} .cx-r53-root .cx-r60-thread-title-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:11px;font-weight:750} .cx-r53-root .cx-r60-thread-title-row time{flex:0 0 auto;color:#7f8a82;font-size:9px} .cx-r53-root .cx-r60-thread-copy>small{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#738078;font-size:9px}
.cx-r53-root .cx-r60-history-empty{padding:24px 8px;color:#6f7a72;font-size:10px}
.cx-r53-root .cx-r60-open-ai-center{flex:0 0 auto;min-height:62px;width:100%;margin-top:13px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(32,225,119,.48);border-radius:16px;background:linear-gradient(135deg,rgba(21,180,92,.10),rgba(9,18,12,.60));color:#e9f4eb;text-align:left;cursor:pointer}
.cx-r53-root .cx-r60-ai-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(28,220,113,.16);color:#2ae27c;font-size:18px} .cx-r53-root .cx-r60-open-ai-center>span:nth-child(2){min-width:0;display:flex;flex-direction:column} .cx-r53-root .cx-r60-open-ai-center strong{color:#f4faf5;font-size:11px} .cx-r53-root .cx-r60-open-ai-center small{margin-top:3px;color:#7c8980;font-size:9px} .cx-r53-root .cx-r60-open-ai-center b{color:#cbd5cd;font-size:17px}
.cx-r53-root .cx-r60-chat-pane{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  color:#e7eee8;
  background:radial-gradient(circle at 83% -10%,rgba(32,215,113,.035),transparent 29rem),#050706;
}
.cx-r53-root .cx-r60-chat-head{flex:0 0 auto;min-height:78px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(5,7,6,.94)} .cx-r53-root .cx-r60-chat-head .cx-r53-brand{gap:11px} .cx-r53-root .cx-r60-chat-head .cx-r53-head-actions button{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:#090d0a;color:#cbd4cd;font-size:23px;line-height:1}
.cx-r53-root .cx-r60-chat-pane>.cx-r53-status{flex:0 0 auto;min-height:0;margin:0;padding:6px 22px 0;border:0;background:transparent;color:#5d6b62;font-size:8px} .cx-r53-root .cx-r60-chat-pane>.cx-r53-status:empty{display:none} .cx-r53-root .cx-r60-chat-pane>.cx-r56-voice-state{flex:0 0 auto;margin:8px 22px 0}
.cx-r53-root .cx-r60-chat-pane>.cx-r53-messages{flex:1 1 auto;min-height:0;height:auto;padding:24px clamp(22px,3.4vw,48px) 26px;overflow:hidden auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2a322c transparent}
.cx-r53-root .cx-r60-chat-pane .cx-r53-compose{flex:0 0 auto;min-height:58px;margin:0 22px;padding:8px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:end;gap:8px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:#0b0f0c;box-shadow:0 15px 38px rgba(0,0,0,.18)}
.cx-r53-root .cx-r60-chat-pane .cx-r53-compose textarea{width:100%;min-width:0;min-height:40px;max-height:130px;padding:10px 4px 8px;border:0;outline:0;box-shadow:none;resize:none;background:transparent;color:#edf4ee;font-size:11px;line-height:1.45} .cx-r53-root .cx-r60-chat-pane .cx-r53-compose textarea::placeholder{color:#6e7b72}
.cx-r53-root .cx-r60-chat-pane #cx-r56-voice-btn,.cx-r53-root .cx-r60-chat-pane #cx-r53-send{
  width:42px;height:42px;min-width:42px;min-height:42px;padding:0;display:grid;place-items:center;
  border:1px solid #f4f6f4;border-radius:50%;background:#f4f6f4;color:#080a09;font-size:20px;font-weight:900;
  line-height:1;overflow:visible;box-shadow:none;cursor:pointer;
} .cx-r53-root .cx-r60-chat-pane #cx-r56-voice-btn{
  width:42px;height:42px;min-width:42px;min-height:42px;padding:0;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.13);border-radius:50%;background:#0d110e;color:#eef4ef;line-height:1;
  overflow:visible;box-shadow:none;cursor:pointer;
} .cx-r53-root .cx-r60-chat-pane #cx-r53-send{border:1px solid rgba(44,230,126,.34);background:#24df7d;color:#041208;font-size:22px;font-weight:850}
.cx-r53-root .cx-r60-chat-pane>.cx-r53-note{flex:0 0 auto;display:block;padding:9px 24px 14px;color:#5f6d63;font-size:8px;text-align:center}
@media(max-width:1180px){.cx-r53-root .cx-r53-drawer.cx-r60-two-column{
  width:calc(100vw - 28px)!important;
  min-width:720px!important;
  max-width:none!important;
  grid-template-columns:300px minmax(0,1fr)!important;
}}
@media(max-width:820px){.cx-r53-root .cx-r53-drawer.cx-r60-two-column{
  inset:0!important;
  width:100vw!important;
  min-width:0!important;
  max-width:none!important;
  height:100dvh!important;
  grid-template-columns:1fr!important;
  border:0!important;
  border-radius:0!important;
}.cx-r53-root .cx-r60-history-rail{display:none}.cx-r53-root .cx-r60-chat-head{min-height:68px;padding:0 14px}.cx-r53-root .cx-r60-chat-pane>.cx-r53-messages{padding:18px 14px 22px}.cx-r53-root .cx-r60-chat-pane .cx-r53-compose{margin:0 11px}}

/* CODSHIPX_AI_R60_R5_R6_EXACT_RULE_WIDTH_REPAIR */
/* CODSHIPX_AI_R60_R5_R9_COMPACT_860PX */

/* CODSHIPX_AI_R60_R9_R2_TRUE_LUMINOUS_CODI_MAGIC_RING */

/* Existing Quick Codi controls: one clean icon owner only. */
.cx-r53-root .cx-r60-new-chat{
  flex:0 0 auto;width:100%;min-height:44px;padding:0 14px;
  display:flex;align-items:center;justify-content:center;gap:9px;
  border:1px solid #fff;border-radius:14px;background:#fff;color:#070907;
  font-size:12px;font-weight:850;line-height:1;cursor:pointer;
  box-shadow:0 7px 18px rgba(0,0,0,.12);
  transition:transform .14s ease,background .14s ease;
}
.cx-r53-root .cx-r60-new-chat,
.cx-r53-root .cx-r60-new-chat *{color:#070907!important}
.cx-r53-root .cx-r60-new-chat:hover{background:#f4f6f4}
.cx-r53-root .cx-r60-new-chat:active{transform:scale(.985)}

.cx-r53-root .cx-r60-chat-pane #cx-r56-voice-btn,
.cx-r53-root .cx-r60-chat-pane #cx-r53-send{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  max-width:42px!important;max-height:42px!important;padding:0!important;margin:0!important;
  display:grid!important;place-items:center!important;align-self:center!important;
  border-radius:999px!important;overflow:hidden!important;box-sizing:border-box!important;
  appearance:none!important;-webkit-appearance:none!important;line-height:0!important;
  font-size:0!important;text-indent:0!important;box-shadow:none!important;
}
.cx-r53-root .cx-r60-chat-pane #cx-r56-voice-btn{
  border:1px solid rgba(255,255,255,.18)!important;background:#0a0e0c!important;color:#f7fff9!important;
}
.cx-r53-root .cx-r60-chat-pane #cx-r53-send{
  border:1px solid #fff!important;background:#fff!important;color:#070907!important;
}
.cx-r53-root .cx-r60-chat-pane #cx-r56-voice-btn::before,
.cx-r53-root .cx-r60-chat-pane #cx-r56-voice-btn::after,
.cx-r53-root .cx-r60-chat-pane #cx-r53-send::before,
.cx-r53-root .cx-r60-chat-pane #cx-r53-send::after,
.cx-r53-root .cx-r60-chat-pane .cx-r60-mic-svg::before,
.cx-r53-root .cx-r60-chat-pane .cx-r60-mic-svg::after,
.cx-r53-root .cx-r60-chat-pane .cx-r60-send-svg::before,
.cx-r53-root .cx-r60-chat-pane .cx-r60-send-svg::after{
  content:none!important;display:none!important;
}
.cx-r53-root .cx-r60-chat-pane #cx-r56-voice-btn > *:not(.cx-r60-mic-svg),
.cx-r53-root .cx-r60-chat-pane #cx-r53-send > *:not(.cx-r60-send-svg){display:none!important}
.cx-r53-root .cx-r60-chat-pane #cx-r56-voice-btn .cx-r60-mic-svg,
.cx-r53-root .cx-r60-chat-pane #cx-r53-send .cx-r60-send-svg{
  display:block!important;width:20px!important;height:20px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
  overflow:visible!important;pointer-events:none!important;
}
.cx-r53-root .cx-r60-chat-pane #cx-r56-voice-btn:active,
.cx-r53-root .cx-r60-chat-pane #cx-r53-send:active{transform:scale(.92)!important}
.cx-r53-root .cx-r60-chat-pane #cx-r53-send:disabled{opacity:.38!important}

/* Body-level Codi voice visual. No card, pill, dark lens or provider branding. */
body #cx-r57-voice-dock{
  --cx-energy:var(--cx-r57-energy,0);
  --cx-c1:#66efff;
  --cx-c2:#59ffbf;
  --cx-c3:#a079ff;
  --cx-c4:#ff68d7;
  position:fixed!important;z-index:2147482600!important;
  left:50%!important;right:auto!important;top:auto!important;bottom:22px!important;
  width:164px!important;height:132px!important;min-width:164px!important;min-height:132px!important;
  margin:0!important;padding:0!important;transform:translateX(-50%)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;
  gap:10px!important;background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  overflow:visible!important;pointer-events:none!important;
}
body #cx-r57-voice-dock[hidden]{display:none!important}

body #cx-r57-voice-orb{
  position:relative!important;isolation:isolate!important;
  width:78px!important;height:78px!important;min-width:78px!important;min-height:78px!important;
  max-width:78px!important;max-height:78px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
  background:transparent!important;color:transparent!important;box-shadow:none!important;
  overflow:visible!important;cursor:pointer!important;pointer-events:auto!important;
  transform:scale(1)!important;transform-origin:center!important;
  transition:transform .11s linear,filter .16s ease!important;
}

/* soft aura - fully transparent center */
body #cx-r57-voice-orb::before{
  content:""!important;display:block!important;position:absolute!important;inset:-24px!important;
  border-radius:50%!important;pointer-events:none!important;
  background:radial-gradient(circle at center,
    rgba(91,255,203,.22) 0 18%,rgba(82,232,255,.17) 31%,
    rgba(143,92,255,.11) 47%,rgba(255,91,207,.08) 59%,transparent 74%)!important;
  -webkit-mask:radial-gradient(circle,transparent 0 31%,#000 47%,transparent 76%)!important;
  mask:radial-gradient(circle,transparent 0 31%,#000 47%,transparent 76%)!important;
  filter:blur(8px)!important;opacity:.86!important;
  animation:cx-r9r2-aura 2.4s ease-in-out infinite!important;
}

/* moving sparks around the ring */
body #cx-r57-voice-orb::after{
  content:""!important;display:block!important;position:absolute!important;
  left:50%!important;top:50%!important;width:118px!important;height:118px!important;
  transform:translate(-50%,-50%) rotate(0deg)!important;border-radius:50%!important;pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 1%,var(--cx-c1) 0 1.5px,transparent 2.5px),
    radial-gradient(circle at 85% 18%,var(--cx-c2) 0 1.3px,transparent 2.4px),
    radial-gradient(circle at 99% 53%,var(--cx-c4) 0 1.4px,transparent 2.5px),
    radial-gradient(circle at 74% 91%,var(--cx-c3) 0 1.4px,transparent 2.5px),
    radial-gradient(circle at 20% 87%,var(--cx-c2) 0 1.3px,transparent 2.4px),
    radial-gradient(circle at 2% 45%,var(--cx-c1) 0 1.3px,transparent 2.4px)!important;
  filter:drop-shadow(0 0 5px currentColor)!important;opacity:.76!important;
  animation:cx-r9r2-sparks 8.5s linear infinite!important;
}

/* MAIN HOLLOW ENERGY RING */
body #cx-r57-voice-orb .cx-r60-orb-glass{
  display:block!important;position:absolute!important;inset:2px!important;border-radius:50%!important;
  pointer-events:none!important;background:conic-gradient(from 0deg,
    var(--cx-c1) 0 14%,var(--cx-c2) 20% 36%,#f1ff8a 42% 49%,
    var(--cx-c4) 57% 70%,var(--cx-c3) 77% 89%,var(--cx-c1) 100%)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px))!important;
  filter:drop-shadow(0 0 4px var(--cx-c1)) drop-shadow(0 0 9px rgba(88,255,190,.58)) drop-shadow(0 0 17px rgba(142,94,255,.36))!important;
  animation:cx-r9r2-ring 5.2s linear infinite!important;
}

/* inner liquid-light ring */
body #cx-r57-voice-orb .cx-r60-orb-vortex{
  display:block!important;position:absolute!important;left:50%!important;top:50%!important;
  width:52px!important;height:52px!important;margin:-26px 0 0 -26px!important;
  border-radius:50%!important;pointer-events:none!important;
  background:conic-gradient(from 160deg,
    transparent 0 7%,var(--cx-c2) 13% 26%,transparent 32% 43%,
    var(--cx-c1) 49% 61%,transparent 67% 76%,var(--cx-c4) 82% 94%,transparent 100%)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))!important;
  filter:drop-shadow(0 0 5px var(--cx-c1))!important;
  animation:cx-r9r2-inner 3.8s linear infinite reverse!important;
}

/* three floating orbit traces */
body #cx-r57-voice-orb .cx-r60-orb-orbit{
  display:block!important;position:absolute!important;left:50%!important;top:50%!important;
  border-radius:50%!important;border:1px solid rgba(112,239,255,.62)!important;
  box-shadow:0 0 5px rgba(81,229,255,.42)!important;pointer-events:none!important;opacity:.74!important;
}
body #cx-r57-voice-orb .cx-r60-orb-orbit-a{
  width:98px!important;height:34px!important;margin:-17px 0 0 -49px!important;
  transform:rotate(18deg)!important;animation:cx-r9r2-orbit-a 4.8s linear infinite!important;
}
body #cx-r57-voice-orb .cx-r60-orb-orbit-b{
  width:92px!important;height:38px!important;margin:-19px 0 0 -46px!important;
  border-color:rgba(255,91,211,.58)!important;
  transform:rotate(78deg)!important;animation:cx-r9r2-orbit-b 5.8s linear infinite reverse!important;
}
body #cx-r57-voice-orb .cx-r60-orb-orbit-c{
  width:88px!important;height:41px!important;margin:-20.5px 0 0 -44px!important;
  border-color:rgba(152,112,255,.58)!important;
  transform:rotate(138deg)!important;animation:cx-r9r2-orbit-c 6.8s linear infinite!important;
}

/* internal sparkle nodes */
body #cx-r57-voice-orb .cx-r60-orb-particles{
  display:block!important;position:absolute!important;inset:14px!important;border-radius:50%!important;
  pointer-events:none!important;background:
    radial-gradient(circle at 25% 30%,var(--cx-c1) 0 1.3px,transparent 2.4px),
    radial-gradient(circle at 75% 27%,var(--cx-c4) 0 1.3px,transparent 2.4px),
    radial-gradient(circle at 72% 76%,var(--cx-c3) 0 1.3px,transparent 2.4px),
    radial-gradient(circle at 28% 73%,var(--cx-c2) 0 1.3px,transparent 2.4px)!important;
  filter:drop-shadow(0 0 5px var(--cx-c1))!important;
  animation:cx-r9r2-particles 1.65s ease-in-out infinite!important;
}

/* speaking waveform lives in the open center */
body #cx-r57-voice-orb .cx-r60-orb-wave{
  display:flex!important;position:absolute!important;left:19px!important;right:19px!important;top:50%!important;
  height:34px!important;margin-top:-17px!important;align-items:center!important;justify-content:center!important;
  gap:2px!important;opacity:0!important;pointer-events:none!important;
  filter:drop-shadow(0 0 7px rgba(86,255,182,.88))!important;
}
body #cx-r57-voice-orb .cx-r60-orb-wave i{
  display:block!important;width:2.5px!important;border-radius:99px!important;
  background:linear-gradient(180deg,#f5fff8 0%,#b6ff5b 28%,#42ffa8 62%,#4eeeff 100%)!important;
  transform-origin:center!important;transform:scaleY(.2)!important;
}
body #cx-r57-voice-orb .cx-r60-orb-wave i:nth-child(1),body #cx-r57-voice-orb .cx-r60-orb-wave i:nth-child(9){height:8px!important}
body #cx-r57-voice-orb .cx-r60-orb-wave i:nth-child(2),body #cx-r57-voice-orb .cx-r60-orb-wave i:nth-child(8){height:15px!important}
body #cx-r57-voice-orb .cx-r60-orb-wave i:nth-child(3),body #cx-r57-voice-orb .cx-r60-orb-wave i:nth-child(7){height:23px!important}
body #cx-r57-voice-orb .cx-r60-orb-wave i:nth-child(4),body #cx-r57-voice-orb .cx-r60-orb-wave i:nth-child(6){height:30px!important}
body #cx-r57-voice-orb .cx-r60-orb-wave i:nth-child(5){height:34px!important}

/* permanently suppress the legacy core that caused the dark ball */
body #cx-r57-voice-orb .cx-r57-voice-orb-core{display:none!important;background:none!important;border:0!important;box-shadow:none!important}

/* Codi only — no provider/model names to customers. */
body #cx-r57-voice-dock-label{
  display:block!important;margin:0!important;padding:3px 7px!important;
  border:1px solid rgba(19,45,73,.10)!important;border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;color:#1f334c!important;
  box-shadow:0 5px 14px rgba(31,54,85,.09)!important;
  font-size:8.5px!important;font-weight:900!important;line-height:1!important;
  letter-spacing:.07em!important;text-transform:uppercase!important;text-align:center!important;
  white-space:nowrap!important;pointer-events:none!important;
}

/* READY / CONNECTING */
body #cx-r57-voice-dock[data-status="ready"],body #cx-r57-voice-dock[data-status="connecting"]{
  --cx-c1:#78edff;--cx-c2:#75ffc7;--cx-c3:#a17dff;--cx-c4:#ff79d8;
}
body #cx-r57-voice-dock[data-status="ready"] #cx-r57-voice-orb,
body #cx-r57-voice-dock[data-status="connecting"] #cx-r57-voice-orb{
  transform:scale(.92)!important;filter:saturate(.92) brightness(.98)!important;
}
body #cx-r57-voice-dock[data-status="ready"] .cx-r60-orb-orbit,
body #cx-r57-voice-dock[data-status="connecting"] .cx-r60-orb-orbit{opacity:.32!important}

/* LISTENING: continuous cyan/green/blue flow + gentle breathing. */
body #cx-r57-voice-dock[data-status="listening"]{
  --cx-c1:#3defff;--cx-c2:#35ffb0;--cx-c3:#4d9dff;--cx-c4:#69ffe0;
}
body #cx-r57-voice-dock[data-status="listening"] #cx-r57-voice-orb{
  animation:cx-r9r2-listen 1.35s ease-in-out infinite!important;
}
body #cx-r57-voice-dock[data-status="listening"] .cx-r60-orb-glass{
  animation-duration:2.15s!important;
  filter:drop-shadow(0 0 5px #40f2ff) drop-shadow(0 0 12px rgba(53,255,176,.74)) drop-shadow(0 0 22px rgba(55,213,255,.38))!important;
}
body #cx-r57-voice-dock[data-status="listening"] .cx-r60-orb-vortex{animation-duration:1.75s!important}
body #cx-r57-voice-dock[data-status="listening"] .cx-r60-orb-orbit{opacity:.40!important}

/* THINKING: vivid violet/pink/cyan, fast counter-rotation. */
body #cx-r57-voice-dock[data-status="thinking"]{
  --cx-c1:#6be7ff;--cx-c2:#9f73ff;--cx-c3:#715cff;--cx-c4:#ff58cd;
}
body #cx-r57-voice-dock[data-status="thinking"] #cx-r57-voice-orb{filter:saturate(1.36) brightness(1.07)!important}
body #cx-r57-voice-dock[data-status="thinking"] .cx-r60-orb-glass{animation-duration:.72s!important}
body #cx-r57-voice-dock[data-status="thinking"] .cx-r60-orb-vortex{animation-duration:.48s!important}
body #cx-r57-voice-dock[data-status="thinking"] .cx-r60-orb-orbit{opacity:.98!important}
body #cx-r57-voice-dock[data-status="thinking"] .cx-r60-orb-orbit-a{animation-duration:.68s!important}
body #cx-r57-voice-dock[data-status="thinking"] .cx-r60-orb-orbit-b{animation-duration:.82s!important}
body #cx-r57-voice-dock[data-status="thinking"] .cx-r60-orb-orbit-c{animation-duration:1.02s!important}

/* SPEAKING: green/lime dominant; strong grow/shrink from real output analyser energy. */
body #cx-r57-voice-dock[data-status="speaking"]{
  --cx-c1:#49fff0;--cx-c2:#39ff87;--cx-c3:#b8ff3e;--cx-c4:#70ffd1;
}
body #cx-r57-voice-dock[data-status="speaking"] #cx-r57-voice-orb{
  transform:scale(calc(1 + var(--cx-energy) * .34))!important;
  filter:saturate(1.38) brightness(calc(1.03 + var(--cx-energy) * .22))!important;
}
body #cx-r57-voice-dock[data-status="speaking"] #cx-r57-voice-orb::before{
  opacity:calc(.68 + var(--cx-energy) * .30)!important;
  transform:scale(calc(1 + var(--cx-energy) * .24))!important;
  background:radial-gradient(circle at center,
    rgba(87,255,179,.36) 0 20%,rgba(77,255,225,.25) 36%,
    rgba(183,255,63,.17) 52%,transparent 73%)!important;
  -webkit-mask:radial-gradient(circle,transparent 0 29%,#000 45%,transparent 77%)!important;
  mask:radial-gradient(circle,transparent 0 29%,#000 45%,transparent 77%)!important;
}
body #cx-r57-voice-dock[data-status="speaking"] .cx-r60-orb-glass{
  filter:drop-shadow(0 0 calc(6px + var(--cx-energy) * 6px) #46ff9e)
         drop-shadow(0 0 calc(13px + var(--cx-energy) * 9px) rgba(78,255,220,.92))
         drop-shadow(0 0 calc(24px + var(--cx-energy) * 14px) rgba(172,255,64,.50))!important;
}
body #cx-r57-voice-dock[data-status="speaking"] .cx-r60-orb-wave{opacity:1!important}
body #cx-r57-voice-dock[data-status="speaking"] .cx-r60-orb-wave i{
  transform:scaleY(calc(.24 + var(--cx-energy) * 1.25))!important;
  animation:cx-r9r2-wave .42s ease-in-out infinite alternate!important;
}
body #cx-r57-voice-dock[data-status="speaking"] .cx-r60-orb-wave i:nth-child(2n){animation-delay:-.13s!important}
body #cx-r57-voice-dock[data-status="speaking"] .cx-r60-orb-wave i:nth-child(3n){animation-delay:-.27s!important}
body #cx-r57-voice-dock[data-status="speaking"] .cx-r60-orb-orbit{opacity:calc(.34 + var(--cx-energy) * .60)!important}

@keyframes cx-r9r2-ring{to{transform:rotate(360deg)}}
@keyframes cx-r9r2-inner{to{transform:rotate(360deg)}}
@keyframes cx-r9r2-sparks{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes cx-r9r2-aura{0%,100%{opacity:.50;transform:scale(.94)}50%{opacity:.96;transform:scale(1.10)}}
@keyframes cx-r9r2-listen{0%,100%{transform:scale(.95);filter:hue-rotate(0deg)}50%{transform:scale(1.04);filter:hue-rotate(34deg)}}
@keyframes cx-r9r2-particles{0%,100%{opacity:.34;transform:scale(.94)}50%{opacity:1;transform:scale(1.10)}}
@keyframes cx-r9r2-orbit-a{to{transform:rotate(378deg)}}
@keyframes cx-r9r2-orbit-b{to{transform:rotate(438deg)}}
@keyframes cx-r9r2-orbit-c{to{transform:rotate(498deg)}}
@keyframes cx-r9r2-wave{from{filter:brightness(.78)}to{filter:brightness(1.65)}}

@media(max-width:820px){
  body #cx-r57-voice-dock{bottom:16px!important;width:144px!important;height:120px!important;min-width:144px!important;min-height:120px!important}
  body #cx-r57-voice-orb{width:70px!important;height:70px!important;min-width:70px!important;min-height:70px!important}
}

@media(prefers-reduced-motion:reduce){
  body #cx-r57-voice-orb,
  body #cx-r57-voice-orb::before,
  body #cx-r57-voice-orb::after,
  body #cx-r57-voice-orb .cx-r60-orb-glass,
  body #cx-r57-voice-orb .cx-r60-orb-vortex,
  body #cx-r57-voice-orb .cx-r60-orb-orbit,
  body #cx-r57-voice-orb .cx-r60-orb-particles,
  body #cx-r57-voice-orb .cx-r60-orb-wave i{animation:none!important}
}

/* CODSHIPX_AI_R60_R5_TWO_COLUMN_SOURCE_UI_END */
/* CODSHIPX_AI_R60_R5_R4_ROOT_SELECTOR_DYNAMIC_COUNT_FIX */
