/* OWDEX Chat 2.18.16 R24 — identidade azul/ciano + login light-first persistente */
:root{
  --blue:#015cfa!important;
  --cyan:#31c8fc!important;
  --navy:#011238!important;
  --primary:#015cfa;
  --primary-soft:#eaf4ff;
  --brand-gradient:linear-gradient(135deg,#015cfa 0%,#0d8bfb 55%,#31c8fc 100%);
  --focus-ring:0 0 0 3px rgba(1,92,250,.16);
}
html[data-theme=dark]{--primary-soft:#10294a}
.sidebar{background:#011238!important}
.main-nav a.active{
  background:linear-gradient(135deg,rgba(1,92,250,.52),rgba(49,200,252,.18))!important;
  box-shadow:inset 3px 0 0 #31c8fc!important
}
.btn.primary,.public-btn.primary,.primary{
  background:var(--brand-gradient)!important;
  box-shadow:0 8px 20px rgba(1,92,250,.20)!important
}
.avatar,.profile-cover,.profile-pop-cover,.profile-pop-avatar{background:var(--brand-gradient)!important}
input:focus,textarea:focus,select:focus{border-color:#5aa3ff!important;box-shadow:var(--focus-ring)!important}
.icon-btn:hover{border-color:#78b3ff!important}
.eyebrow,.resource-card small,.ticket-tabs button.active{color:#015cfa}

/* Login: claro por padrão; a preferência explícita do usuário é reaplicada pelo bootstrap da página. */
.login-body{background:#f5f9ff!important}
.login-shell{background:#f5f9ff}
.login-brand-panel{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%,rgba(49,200,252,.28),transparent 34%),
    radial-gradient(circle at 76% 72%,rgba(1,92,250,.14),transparent 38%),
    linear-gradient(145deg,#fbfdff 0%,#eef8ff 48%,#e5f3ff 100%)!important;
  color:#011238!important
}
.login-brand-panel::after{
  content:"";position:absolute;width:360px;height:360px;border-radius:50%;
  right:-130px;bottom:-150px;
  background:linear-gradient(135deg,rgba(1,92,250,.14),rgba(49,200,252,.12));
  pointer-events:none
}
.login-brand-panel>*{position:relative;z-index:1}
.login-brand-panel img{
  width:min(300px,74%)!important;height:auto;margin-bottom:38px!important;
  filter:drop-shadow(0 18px 34px rgba(1,18,56,.10))
}
.login-brand-panel h1{color:#011238!important}
.login-brand-panel p{color:#49647f!important}
.login-card{
  position:relative;background:#fff!important;color:#152033;
  border-left:1px solid rgba(1,92,250,.08)
}
.login-theme-toggle{
  position:absolute;top:24px;right:24px;z-index:3;background:#fff;
  border-color:#dbe8f7;color:#011238;box-shadow:0 8px 24px rgba(1,18,56,.08)
}
.login-theme-toggle:hover{background:#f0f7ff}

html[data-theme=dark] .login-body{background:#08111f!important}
html[data-theme=dark] .login-shell{background:#08111f}
html[data-theme=dark] .login-brand-panel{
  background:
    radial-gradient(circle at 18% 18%,rgba(49,200,252,.22),transparent 34%),
    radial-gradient(circle at 76% 72%,rgba(1,92,250,.32),transparent 40%),
    linear-gradient(145deg,#011238 0%,#031d45 58%,#06336f 100%)!important;
  color:#fff!important
}
html[data-theme=dark] .login-brand-panel img{
  background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.35);
  border-radius:24px;padding:10px;box-shadow:0 18px 45px rgba(0,0,0,.25)
}
html[data-theme=dark] .login-brand-panel h1{color:#fff!important}
html[data-theme=dark] .login-brand-panel p{color:#c3d8ee!important}
html[data-theme=dark] .login-card{
  background:#101a29!important;color:#f2f6fb;border-left-color:rgba(49,200,252,.12)
}
html[data-theme=dark] .login-theme-toggle{
  background:#172438;border-color:#2b3e58;color:#f2f6fb;box-shadow:0 8px 24px rgba(0,0,0,.20)
}
html[data-theme=dark] .login-theme-toggle:hover{background:#1c2c43}

@media(max-width:760px){
  .login-brand-panel{display:flex!important;padding:34px 24px 28px!important;min-height:250px}
  .login-brand-panel img{width:170px!important;margin-bottom:18px!important}
  .login-brand-panel h1{font-size:27px!important;margin:6px 0 8px!important}
  .login-brand-panel p{font-size:13px!important;margin:0!important}
  .login-card{min-height:auto!important;padding:72px 24px 34px!important}
  .login-theme-toggle{top:18px;right:18px}
}
@media(max-width:480px){
  .login-brand-panel{min-height:210px;padding:26px 20px 22px!important}
  .login-brand-panel img{width:145px!important;margin-bottom:12px!important}
  .login-brand-panel .eyebrow{display:none}
  .login-brand-panel h1{font-size:23px!important}
  .login-brand-panel p{font-size:12px!important}
  .login-card{padding:66px 18px 28px!important}
}