/* La Trove CRM — shared floating surfaces across every workspace. */
@media screen {
  html:not([data-lt-theme="dark"]) {
    --lt-float-ink: #171a36;
    --lt-float-muted: #6d7186;
    --lt-float-line: #e4e5f1;
    --lt-float-indigo: #303bc7;
    --lt-float-coral: #f28b72;
    --lt-float-shadow: 0 18px 44px #252b5512, 0 2px 8px #252b5508;
    --lt-float-shadow-up: 0 26px 58px #20274f20, 0 6px 16px #20274f0a;
  }

  html:not([data-lt-theme="dark"]) body {
    background:
      radial-gradient(ellipse at 92% 1%, #d9d9ff77, transparent 32rem),
      radial-gradient(ellipse at 8% 42%, #ffe0d45c, transparent 28rem),
      linear-gradient(145deg, #f7f6f0, #f0f0f5 55%, #f8f5f1) !important;
    color: var(--lt-float-ink);
  }

  html:not([data-lt-theme="dark"]) #root aside {
    background:
      radial-gradient(ellipse at 12% 0%, #6e72ff50, transparent 19rem),
      radial-gradient(ellipse at 100% 90%, #ed8d7861, transparent 18rem),
      linear-gradient(165deg, #15183e, #1c205e 54%, #171738) !important;
    border-right: 1px solid #ffffff1b !important;
    box-shadow: 14px 0 45px #13153226 !important;
  }

  html:not([data-lt-theme="dark"]) #root aside nav :is(button,a) {
    min-height: 44px;
    border-radius: 14px !important;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease !important;
  }

  html:not([data-lt-theme="dark"]) #root aside nav :is(button,a):hover {
    transform: translateX(4px) !important;
    background: #ffffff17 !important;
  }

  html:not([data-lt-theme="dark"]) #root aside nav :is(button,a)[aria-current="page"],
  html:not([data-lt-theme="dark"]) #root aside nav :is(button,a)[class*="bg-white"],
  html:not([data-lt-theme="dark"]) #root aside nav :is(button,a)[class*="bg-emerald"] {
    border-color: #ffffff2b !important;
    background: linear-gradient(105deg, #ffffff26, #ffffff0d) !important;
    box-shadow: inset 3px 0 #ff9b80, 0 9px 23px #090b2a45 !important;
  }

  html:not([data-lt-theme="dark"]) #root header {
    border-color: #ffffffc9 !important;
    border-radius: 0 0 22px 22px;
    background: #ffffffb8 !important;
    box-shadow: 0 12px 34px #20254f0d !important;
    backdrop-filter: blur(24px) saturate(145%);
  }

  html:not([data-lt-theme="dark"]) #root main {
    background: transparent !important;
  }

  html:not([data-lt-theme="dark"]) #root main h1 {
    color: #191d4b !important;
    letter-spacing: -.055em !important;
  }

  html:not([data-lt-theme="dark"]) #root main h2,
  html:not([data-lt-theme="dark"]) #root main h3 {
    color: #25294e !important;
    letter-spacing: -.04em !important;
  }

  html:not([data-lt-theme="dark"]) :is(
    #lt-ops,#lt-pi,#lt-co,#lt-pay,#lt-c3,#lt-emp,#lt-team-tasks,#lt-ai,#lt-reply,#lt-bot,#lt-ctl,#lt-rpt,#lt-shop,#lt-shopify-orders,#lt-sup,#lt-talk,#lt-drive,#lt-ss,#lt-ac,#lt-tpl,#lt-campaign,#lt-call-center,#lt-wa-billing,#lt-production-control,#lt-stock,#lt-pa,#lt-direct-email,#lt-self-modal,#lt-role-modal,#lt-tu-modal,#lt-emp-modal,#lt-location-panel,#lt-live-wa
  ) {
    color: var(--lt-float-ink);
  }

  html:not([data-lt-theme="dark"]) :is(
    #lt-ops-head,#lt-pi-head,#lt-co-head,#lt-pay-head,#lt-c3-head,#lt-emp-head,#lt-ctl-head,#lt-rpt-head,#lt-shop-head,#lt-sup-head,#lt-talk-head,#lt-drive-head,#lt-ss-head,#lt-ac-head,#lt-tpl-head,#lt-campaign-head,#lt-call-head,#lt-bill-head,#lt-pa-head,
    #lt-ops .lt-ops-head,#lt-pi .lt-pi-head,#lt-co .lt-co-head,#lt-pay .lt-pay-head,#lt-c3 .lt-c3-head,#lt-emp .lt-emp-head,#lt-ctl .lt-ctl-head,#lt-rpt .lt-rpt-head,#lt-shop .lt-shop-head,#lt-sup .lt-sup-head,#lt-talk .lt-talk-head,#lt-drive .lt-drive-head,#lt-ss .lt-ss-head,#lt-ac .lt-ac-head,#lt-tpl .lt-tpl-head,#lt-campaign .lt-campaign-head,#lt-call-center .lt-call-head,#lt-wa-billing .lt-bill-head,#lt-pa .lt-pa-head
  ) {
    position: relative;
    overflow: hidden;
    border: 1px solid #ffffff40 !important;
    border-radius: 24px !important;
    background:
      radial-gradient(ellipse at 88% 0%, #ffad8e65, transparent 22rem),
      radial-gradient(ellipse at 7% 100%, #7983ff52, transparent 25rem),
      linear-gradient(115deg, #171b50, #2935ae 72%, #333cce) !important;
    box-shadow: 0 22px 54px #20295f2b, inset 0 1px #ffffff20 !important;
  }

  html:not([data-lt-theme="dark"]) :is(
    #lt-ops .lt-ops-head,#lt-pi .lt-pi-head,#lt-co .lt-co-head,#lt-pay .lt-pay-head,#lt-c3 .lt-c3-head,#lt-emp .lt-emp-head,#lt-ctl .lt-ctl-head,#lt-rpt .lt-rpt-head,#lt-shop .lt-shop-head,#lt-sup .lt-sup-head,#lt-talk .lt-talk-head,#lt-drive .lt-drive-head,#lt-ss .lt-ss-head,#lt-ac .lt-ac-head,#lt-tpl .lt-tpl-head,#lt-campaign .lt-campaign-head,#lt-call-center .lt-call-head,#lt-wa-billing .lt-bill-head,#lt-pa .lt-pa-head
  ) :is(h1,h2,h3,p,span,label,small) {
    color: #f3f3ff !important;
  }

  html:not([data-lt-theme="dark"]) :is(
    #root main :is(.rounded-xl,.rounded-2xl)[class*="border"],#root main section[class*="rounded"],
    #lt-ops [class*="card"],#lt-pi [class*="card"],#lt-co [class*="card"],#lt-pay [class*="card"],#lt-c3 [class*="card"],#lt-emp [class*="card"],#lt-team-tasks [class*="card"],#lt-ai [class*="card"],#lt-reply [class*="card"],#lt-bot [class*="card"],#lt-ctl [class*="card"],#lt-rpt [class*="card"],#lt-shop [class*="card"],#lt-shopify-orders [class*="card"],#lt-sup [class*="card"],#lt-talk [class*="card"],#lt-drive [class*="card"],#lt-ss [class*="card"],#lt-ac [class*="card"],#lt-tpl [class*="card"],#lt-campaign [class*="card"],#lt-call-center [class*="card"],#lt-wa-billing [class*="card"],#lt-production-control [class*="card"],#lt-stock [class*="card"],#lt-pa [class*="card"],#lt-direct-email [class*="card"],
    #lt-ops [class*="panel"],#lt-pi [class*="panel"],#lt-co [class*="panel"],#lt-pay [class*="panel"],#lt-c3 [class*="panel"],#lt-emp [class*="panel"],#lt-ctl [class*="panel"],#lt-rpt [class*="panel"],#lt-shop [class*="panel"],#lt-sup [class*="panel"],#lt-talk [class*="panel"],#lt-drive [class*="panel"],#lt-pa [class*="panel"]
  ) {
    border-color: #ffffffd9 !important;
    border-radius: 21px !important;
    background: linear-gradient(148deg, #ffffffed, #f8f8fce8) !important;
    box-shadow: var(--lt-float-shadow), inset 0 1px #fff !important;
    backdrop-filter: blur(16px);
    transition: transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease, border-color .24s ease !important;
  }

  html:not([data-lt-theme="dark"]) :is(
    #lt-ops [class*="card"],#lt-pi [class*="card"],#lt-co [class*="card"],#lt-pay [class*="card"],#lt-c3 [class*="card"],#lt-emp [class*="card"],#lt-team-tasks [class*="card"],#lt-ai [class*="card"],#lt-reply [class*="card"],#lt-bot [class*="card"],#lt-ctl [class*="card"],#lt-rpt [class*="card"],#lt-shop [class*="card"],#lt-shopify-orders [class*="card"],#lt-sup [class*="card"],#lt-talk [class*="card"],#lt-drive [class*="card"],#lt-ss [class*="card"],#lt-ac [class*="card"],#lt-tpl [class*="card"],#lt-campaign [class*="card"],#lt-call-center [class*="card"],#lt-wa-billing [class*="card"],#lt-production-control [class*="card"],#lt-stock [class*="card"],#lt-pa [class*="card"],#lt-direct-email [class*="card"]
  ):hover {
    transform: translateY(-4px);
    border-color: #d8d9f5 !important;
    box-shadow: var(--lt-float-shadow-up), inset 0 1px #fff !important;
  }

  html:not([data-lt-theme="dark"]) :is(
    #root main :is(input,select,textarea),#lt-ops :is(input,select,textarea),#lt-pi :is(input,select,textarea),#lt-co :is(input,select,textarea),#lt-pay :is(input,select,textarea),#lt-c3 :is(input,select,textarea),#lt-emp :is(input,select,textarea),#lt-team-tasks :is(input,select,textarea),#lt-ai :is(input,select,textarea),#lt-reply :is(input,select,textarea),#lt-bot :is(input,select,textarea),#lt-ctl :is(input,select,textarea),#lt-rpt :is(input,select,textarea),#lt-shop :is(input,select,textarea),#lt-sup :is(input,select,textarea),#lt-talk :is(input,select,textarea),#lt-drive :is(input,select,textarea),#lt-pa :is(input,select,textarea)
  ):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    min-height: 42px;
    border: 1px solid #dcdeeb !important;
    border-radius: 13px !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 2px #20244d08;
    color: #1d2042 !important;
  }

  html:not([data-lt-theme="dark"]) :is(#root main,#lt-ops,#lt-pi,#lt-co,#lt-pay,#lt-c3,#lt-emp,#lt-team-tasks,#lt-ai,#lt-reply,#lt-bot,#lt-ctl,#lt-rpt,#lt-shop,#lt-sup,#lt-talk,#lt-drive,#lt-pa) :is(input,select,textarea):focus {
    border-color: #777dec !important;
    box-shadow: 0 0 0 4px #666ee51c !important;
  }

  html:not([data-lt-theme="dark"]) :is(
    #root main button:not(:disabled),#lt-ops button:not(:disabled),#lt-pi button:not(:disabled),#lt-co button:not(:disabled),#lt-pay button:not(:disabled),#lt-c3 button:not(:disabled),#lt-emp button:not(:disabled),#lt-team-tasks button:not(:disabled),#lt-ai button:not(:disabled),#lt-reply button:not(:disabled),#lt-bot button:not(:disabled),#lt-ctl button:not(:disabled),#lt-rpt button:not(:disabled),#lt-shop button:not(:disabled),#lt-sup button:not(:disabled),#lt-talk button:not(:disabled),#lt-drive button:not(:disabled),#lt-pa button:not(:disabled)
  ) {
    border-radius: 12px;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  }

  html:not([data-lt-theme="dark"]) :is(
    #root main button:not(:disabled),#lt-ops button:not(:disabled),#lt-pi button:not(:disabled),#lt-co button:not(:disabled),#lt-pay button:not(:disabled),#lt-c3 button:not(:disabled),#lt-emp button:not(:disabled),#lt-team-tasks button:not(:disabled),#lt-ai button:not(:disabled),#lt-reply button:not(:disabled),#lt-bot button:not(:disabled),#lt-ctl button:not(:disabled),#lt-rpt button:not(:disabled),#lt-shop button:not(:disabled),#lt-sup button:not(:disabled),#lt-talk button:not(:disabled),#lt-drive button:not(:disabled),#lt-pa button:not(:disabled)
  ):hover {
    transform: translateY(-2px);
    box-shadow: 0 9px 24px #24284f1a !important;
  }

  html:not([data-lt-theme="dark"]) :is(#root main,#lt-ops,#lt-pi,#lt-co,#lt-pay,#lt-c3,#lt-emp,#lt-team-tasks,#lt-ai,#lt-reply,#lt-bot,#lt-ctl,#lt-rpt,#lt-shop,#lt-sup,#lt-talk,#lt-drive,#lt-pa) table {
    overflow: hidden;
    border: 1px solid #e5e6f0 !important;
    border-radius: 18px !important;
    border-spacing: 0;
    background: #ffffffde !important;
    box-shadow: 0 13px 34px #24284f0b !important;
  }

  html:not([data-lt-theme="dark"]) :is(#root main,#lt-ops,#lt-pi,#lt-co,#lt-pay,#lt-c3,#lt-emp,#lt-team-tasks,#lt-ai,#lt-reply,#lt-bot,#lt-ctl,#lt-rpt,#lt-shop,#lt-sup,#lt-talk,#lt-drive,#lt-pa) th {
    background: #f4f4fa !important;
    color: #6c7088 !important;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
  }

  html:not([data-lt-theme="dark"]) :is(#root main,#lt-ops,#lt-pi,#lt-co,#lt-pay,#lt-c3,#lt-emp,#lt-team-tasks,#lt-ai,#lt-reply,#lt-bot,#lt-ctl,#lt-rpt,#lt-shop,#lt-sup,#lt-talk,#lt-drive,#lt-pa) td {
    border-color: #edeeF4 !important;
    color: #292d48;
  }

  html:not([data-lt-theme="dark"]) :is(#root main,#lt-ops,#lt-pi,#lt-co,#lt-pay,#lt-c3,#lt-emp,#lt-team-tasks,#lt-ai,#lt-reply,#lt-bot,#lt-ctl,#lt-rpt,#lt-shop,#lt-sup,#lt-talk,#lt-drive,#lt-pa) tbody tr:hover {
    background: #f5f5ff !important;
  }

  html:not([data-lt-theme="dark"]) :is(#lt-self-modal,#lt-role-modal,#lt-tu-modal,#lt-emp-modal,#lt-location-panel,[role="dialog"]) {
    border: 1px solid #ffffffd9 !important;
    border-radius: 25px !important;
    background: linear-gradient(145deg, #fffffffa, #f5f5fbeF) !important;
    box-shadow: 0 34px 100px #10133138, inset 0 1px #fff !important;
    backdrop-filter: blur(25px);
  }

  html:not([data-lt-theme="dark"]) :is(#lt-pi,#lt-co,#lt-ops,#lt-pay,#lt-rpt,#lt-shop,#lt-sup,#lt-talk,#lt-drive,#lt-emp,#lt-ctl) :is([class$="-tabs"],[role="tablist"]) {
    gap: 7px;
    padding: 6px;
    border: 1px solid #e4e5f0;
    border-radius: 16px;
    background: #ffffffbd;
    box-shadow: 0 8px 22px #252b550a;
  }

  html:not([data-lt-theme="dark"]) :is(#lt-pi,#lt-co,#lt-ops,#lt-pay,#lt-rpt,#lt-shop,#lt-sup,#lt-talk,#lt-drive,#lt-emp,#lt-ctl) :is([class$="-tab"],[role="tab"]) {
    border-radius: 12px !important;
    transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
  }

  html:not([data-lt-theme="dark"]) #lt-live-wa {
    border: 1px solid #ffffffdb !important;
    border-radius: 25px !important;
    box-shadow: 0 25px 70px #20274f26 !important;
  }
}

@media (max-width: 850px) {
  html:not([data-lt-theme="dark"]) #root header { border-radius: 0 0 17px 17px; }
  html:not([data-lt-theme="dark"]) :is(#lt-ops,#lt-pi,#lt-co,#lt-pay,#lt-c3,#lt-emp,#lt-team-tasks,#lt-ai,#lt-reply,#lt-bot,#lt-ctl,#lt-rpt,#lt-shop,#lt-shopify-orders,#lt-sup,#lt-talk,#lt-drive,#lt-ss,#lt-ac,#lt-tpl,#lt-campaign,#lt-call-center,#lt-wa-billing,#lt-production-control,#lt-stock,#lt-pa,#lt-direct-email) :is([class$="-head"],[class$="-card"]) {
    border-radius: 18px !important;
  }
  html:not([data-lt-theme="dark"]) :is(#lt-ops,#lt-pi,#lt-co,#lt-pay,#lt-c3,#lt-emp,#lt-team-tasks,#lt-ai,#lt-reply,#lt-bot,#lt-ctl,#lt-rpt,#lt-shop,#lt-sup,#lt-talk,#lt-drive,#lt-pa) :is([class$="-body"],[class$="-content"]) {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:not([data-lt-theme="dark"]) #root *,
  html:not([data-lt-theme="dark"]) #root *::before,
  html:not([data-lt-theme="dark"]) #root *::after,
  html:not([data-lt-theme="dark"]) body [id^="lt-"] *,
  html:not([data-lt-theme="dark"]) body [id^="lt-"] *::before,
  html:not([data-lt-theme="dark"]) body [id^="lt-"] *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}