/* NEXCHAT v0.4 - simple theme overrides */
:root{
  --theme-primary:#2c78ff;
  --theme-secondary:#00aef0;
  --theme-deep:#0b1f45;
  --theme-soft:#edf5ff;
  --theme-page:#eef5ff;
  --theme-background-image:none;
}

/* Member */
body.member-page{background:linear-gradient(135deg,var(--theme-page) 0%,#f8fbff 52%,var(--theme-soft) 100%)}
body.member-page.has-custom-bg{background-image:linear-gradient(rgba(8,24,54,.34),rgba(8,24,54,.34)),var(--theme-background-image);background-size:cover;background-position:center;background-attachment:fixed}
.member-page.has-custom-bg .messages{background-image:linear-gradient(rgba(251,253,255,.92),rgba(245,248,253,.92)),var(--theme-background-image);background-size:cover;background-position:center}
.member-page .chat-head{background:linear-gradient(135deg,var(--theme-deep) 0%,var(--theme-primary) 62%,var(--theme-secondary) 100%)}
.member-page .brand-avatar{background:linear-gradient(145deg,var(--theme-primary),var(--theme-secondary));box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 10px 24px color-mix(in srgb,var(--theme-primary) 28%,transparent)}
.member-page .brand-avatar i{border-color:var(--theme-primary)}
.member-page .service-strip span:first-child{color:var(--theme-primary)}
.member-page .msg-row.me .bubble{background:linear-gradient(145deg,var(--theme-primary),var(--theme-secondary));box-shadow:0 8px 20px color-mix(in srgb,var(--theme-primary) 22%,transparent)}
.member-page .tool-btn{background:var(--theme-soft);color:var(--theme-primary)}
.member-page .send{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));box-shadow:0 8px 18px color-mix(in srgb,var(--theme-primary) 24%,transparent)}
.member-page .compose-box:focus-within{border-color:var(--theme-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 10%,transparent)}
.member-page .username-kicker{color:var(--theme-primary)}
.member-page .username-badge{background:linear-gradient(145deg,var(--theme-soft),#fff)}
.member-page .username-continue,.member-page .btn-primary{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))}
.member-page .username-input-wrap:focus-within{border-color:var(--theme-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 10%,transparent)}
.theme-logo-img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.member-page .brand-avatar:has(.theme-logo-img),.panel-page .brand-logo:has(.theme-logo-img),.login-page .mark:has(.theme-logo-img){background:#fff;padding:5px}

/* Panel */
body.panel-page{background:var(--theme-page)}
.panel-page .brand-logo{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));box-shadow:0 8px 20px color-mix(in srgb,var(--theme-primary) 22%,transparent)}
.panel-page .chip.active{background:var(--theme-soft);color:var(--theme-primary);border-color:color-mix(in srgb,var(--theme-primary) 25%,#fff)}
.panel-page .chat-item:hover,.panel-page .chat-item.active{background:color-mix(in srgb,var(--theme-soft) 78%,#fff)}
.panel-page .chat-item.active{box-shadow:inset 3px 0 0 var(--theme-primary)}
.panel-page .guest-avatar,.panel-page .thread-avatar,.panel-page .user-avatar{background:var(--theme-soft);color:var(--theme-primary)}
.panel-page .badge,.panel-page .btn-sm.primary{background:var(--theme-primary);border-color:var(--theme-primary)}
.panel-page .bubble-row.agent .panel-bubble{background:linear-gradient(145deg,var(--theme-soft),color-mix(in srgb,var(--theme-soft) 74%,#fff));border-color:color-mix(in srgb,var(--theme-primary) 20%,#fff)}
.panel-page .attach-btn{background:var(--theme-soft);color:var(--theme-primary)}
.panel-page .send-admin{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));box-shadow:0 7px 16px color-mix(in srgb,var(--theme-primary) 20%,transparent)}
.panel-page .compose-row:focus-within{border-color:var(--theme-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 9%,transparent)}
.panel-page .tips{background:linear-gradient(135deg,var(--theme-deep),var(--theme-primary))}
.panel-page .theme-link-wrap{margin:0 14px 10px}
.panel-page .theme-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;border:1px solid color-mix(in srgb,var(--theme-primary) 18%,#e5edf6);background:linear-gradient(135deg,#fff,var(--theme-soft));border-radius:13px;padding:9px 10px;color:var(--theme-primary);font-size:10px;font-weight:900}
.panel-page .theme-link small{font-size:8px;color:#8b98a9;font-weight:700}

/* Login */
body.login-page{background:radial-gradient(circle at 20% 10%,var(--theme-soft),#f4f7fb 48%,var(--theme-page))}
.login-page .mark{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))}
.login-page .field input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 10%,transparent)}
.login-page .login button{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))}

@supports not (color:color-mix(in srgb,#000 50%,#fff)){
  .member-page .brand-avatar,.member-page .send,.panel-page .brand-logo,.panel-page .send-admin{box-shadow:none}
}