/* AURIXA SUPPORT - OBSIDIAN GRAPHITE */

html:has(.stv1-page),
body:has(.stv1-page),
#root:has(.stv1-page),
.app:has(.stv1-page){
  background:#F3F5F7 !important;
}

.app:has(.stv1-page)::before,
.app:has(.stv1-page)::after{
  opacity:0 !important;
  pointer-events:none !important;
}

.stv1-page{
  background:#F3F5F7 !important;
  color:#242B33 !important;
}

.stv1-page::before,
.stv1-page::after{
  background:none !important;
  box-shadow:none !important;
}

/* SUPPORT TITLE */

.stv1-page .stv1-title{
  background:linear-gradient(
    135deg,
    #242B33,
    #35414D
  ) !important;

  color:#FFFFFF !important;
  border-color:#35414D !important;

  box-shadow:
    0 12px 28px rgba(23,29,36,.14) !important;
}

.stv1-page .stv1-title
:is(strong,span,small,h1,h2,h3,p){
  color:#FFFFFF !important;
}

.stv1-page .stv1-title button{
  color:#FFFFFF !important;
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.14) !important;
}

/* NEW SUPPORT REQUEST */

.stv1-page .stv1-new{
  background:#FFFFFF !important;
  color:#242B33 !important;

  border-color:#E1E5E9 !important;

  box-shadow:
    0 10px 28px rgba(23,29,36,.07) !important;
}

.stv1-page .stv1-new-head{
  color:#242B33 !important;
}

.stv1-page .stv1-new
:is(h1,h2,h3,strong,b){
  color:#242B33 !important;
}

.stv1-page .stv1-new
:is(label,small){
  color:#66717D !important;
}

.stv1-page .stv1-chat-icon{
  background:#242B33 !important;
  color:#FFFFFF !important;
  border-color:#35414D !important;
}

.stv1-page .stv1-chat-icon svg{
  color:#FFFFFF !important;
}

/* INPUTS */

.stv1-page .stv1-new input,
.stv1-page .stv1-new textarea,
.stv1-page .stv1-reply textarea{
  background:#F7F8FA !important;
  color:#242B33 !important;

  border:1px solid #D9DEE3 !important;

  box-shadow:none !important;
  caret-color:#242B33 !important;
}

.stv1-page input::placeholder,
.stv1-page textarea::placeholder{
  color:#84909C !important;
}

.stv1-page input:focus,
.stv1-page textarea:focus{
  border-color:#35414D !important;

  box-shadow:
    0 0 0 3px rgba(36,43,51,.08) !important;
}

/* SEND TICKET */

.stv1-page .stv1-send,
.stv1-page .stv1-reply button{
  background:#242B33 !important;
  color:#FFFFFF !important;
  border-color:#242B33 !important;

  box-shadow:
    0 8px 20px rgba(23,29,36,.14) !important;
}

.stv1-page .stv1-send:disabled,
.stv1-page .stv1-reply button:disabled{
  background:#E8ECEF !important;
  color:#78838F !important;
  border-color:#E1E5E9 !important;
  box-shadow:none !important;
}

/* SUPPORT HISTORY */

.stv1-page .stv1-my-tickets{
  background:transparent !important;
  color:#242B33 !important;
}

.stv1-page .stv1-section-head{
  color:#242B33 !important;
}

.stv1-page .stv1-section-head
:is(strong,span,h2,h3){
  color:#242B33 !important;
}

.stv1-page .stv1-empty,
.stv1-page .stv1-ticket,
.stv1-page .stv1-state{
  background:#FFFFFF !important;
  color:#242B33 !important;

  border-color:#E1E5E9 !important;

  box-shadow:
    0 6px 20px rgba(23,29,36,.05) !important;
}

/* TICKET THREAD */

.stv1-page .stv1-thread{
  background:#FFFFFF !important;
  color:#242B33 !important;
  border-color:#E1E5E9 !important;
}

.stv1-page .stv1-thread-head{
  background:#242B33 !important;
  color:#FFFFFF !important;
}

.stv1-page .stv1-thread-head
:is(strong,span,small){
  color:#FFFFFF !important;
}

.stv1-page .stv1-messages{
  background:#FFFFFF !important;
}

.stv1-page .stv1-messages article.user > div{
  background:#242B33 !important;
  color:#FFFFFF !important;
}

.stv1-page .stv1-messages article.admin > div{
  background:#F3F5F7 !important;
  color:#242B33 !important;
  border-color:#D9DEE3 !important;
}

.stv1-page .stv1-reply{
  background:#FFFFFF !important;
  border-color:#E1E5E9 !important;
}

.stv1-page .stv1-closed{
  background:#F3F5F7 !important;
  color:#66717D !important;
}

/* END AURIXA SUPPORT GRAPHITE */

/* AURIXA SUPPORT REFINEMENT V2 */

html:has(.stv1-page),
body:has(.stv1-page),
#root:has(.stv1-page),
.app:has(.stv1-page){
  background:#F3F5F7 !important;
}

.stv1-page{
  background:#F3F5F7 !important;
  color:#242B33 !important;
  padding-bottom:120px !important;
}

/* top support title bar */
.stv1-page .stv1-title{
  display:grid !important;
  grid-template-columns:56px 1fr 56px !important;
  align-items:center !important;
  gap:12px !important;

  margin:12px 14px 16px !important;
  padding:14px 16px !important;

  background:#FFFFFF !important;
  color:#242B33 !important;

  border:1px solid #E1E5E9 !important;
  border-radius:28px !important;

  box-shadow:0 8px 22px rgba(23,29,36,.06) !important;
}

.stv1-page .stv1-title::before,
.stv1-page .stv1-title::after{
  content:none !important;
  display:none !important;
}

.stv1-page .stv1-title > :nth-child(2){
  text-align:center !important;
}

.stv1-page .stv1-title
:is(strong,span,small,h1,h2,h3,p){
  color:#242B33 !important;
}

.stv1-page .stv1-title button,
.stv1-page .stv1-title .stv1-back,
.stv1-page .stv1-title .stv1-live,
.stv1-page .stv1-title .stv1-badge{
  background:#F7F8FA !important;
  color:#242B33 !important;
  border:1px solid #E1E5E9 !important;
  box-shadow:none !important;
}

/* contact support card */
.stv1-page .stv1-new{
  background:#FFFFFF !important;
  color:#242B33 !important;

  border:1px solid #E1E5E9 !important;
  border-radius:30px !important;

  box-shadow:0 10px 28px rgba(23,29,36,.06) !important;
}

.stv1-page .stv1-new-head,
.stv1-page .stv1-new
:is(h1,h2,h3,strong,b,label,small,p,span){
  color:#242B33 !important;
}

.stv1-page .stv1-chat-icon{
  background:#242B33 !important;
  color:#FFFFFF !important;
  border:1px solid #242B33 !important;
}

/* inputs */
.stv1-page .stv1-new input,
.stv1-page .stv1-new textarea,
.stv1-page .stv1-reply textarea{
  background:#F7F8FA !important;
  color:#242B33 !important;
  border:1px solid #D9DEE3 !important;
  box-shadow:none !important;
}

.stv1-page input::placeholder,
.stv1-page textarea::placeholder{
  color:#8B95A1 !important;
}

/* buttons */
.stv1-page .stv1-send,
.stv1-page .stv1-reply button{
  background:#242B33 !important;
  color:#FFFFFF !important;
  border:1px solid #242B33 !important;
  box-shadow:0 8px 20px rgba(23,29,36,.12) !important;
}

.stv1-page .stv1-send:disabled,
.stv1-page .stv1-reply button:disabled{
  background:#ECEFF2 !important;
  color:#9AA3AD !important;
  border-color:#E1E5E9 !important;
  box-shadow:none !important;
}

/* list / thread */
.stv1-page .stv1-empty,
.stv1-page .stv1-ticket,
.stv1-page .stv1-thread{
  background:#FFFFFF !important;
  color:#242B33 !important;
  border:1px solid #E1E5E9 !important;
  box-shadow:0 8px 22px rgba(23,29,36,.05) !important;
}

.stv1-page .stv1-thread-head{
  background:#242B33 !important;
  color:#FFFFFF !important;
}

.stv1-page .stv1-thread-head
:is(strong,span,small){
  color:#FFFFFF !important;
}

.stv1-page .stv1-messages{
  background:#FFFFFF !important;
}

.stv1-page .stv1-messages article.user > div{
  background:#242B33 !important;
  color:#FFFFFF !important;
}

.stv1-page .stv1-messages article.admin > div{
  background:#F3F5F7 !important;
  color:#242B33 !important;
  border:1px solid #D9DEE3 !important;
}

.stv1-page .stv1-reply{
  background:#FFFFFF !important;
  border-top:1px solid #E1E5E9 !important;
}

.stv1-page .stv1-closed{
  background:#F3F5F7 !important;
  color:#66717D !important;
}

/* END AURIXA SUPPORT REFINEMENT V2 */

/* AURIXA SUPPORT OVERLAP V4 */

.stv1-page{
  background:#F3F5F7 !important;
  overflow-x:hidden !important;
}

/* Shared dark header wrapper on support page */
.stv1-page > :first-child{
  position:relative !important;
  z-index:1 !important;

  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;

  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-bottom:54px !important;

  border-radius:0 0 38px 38px !important;
  overflow:hidden !important;
  box-shadow:none !important;
}

.stv1-page > :first-child::before,
.stv1-page > :first-child::after{
  content:none !important;
  display:none !important;
}

/* Support title card should sit ON the dark header like home wallet card */
.stv1-page .stv1-title{
  position:relative !important;
  z-index:5 !important;

  display:grid !important;
  grid-template-columns:56px 1fr 56px !important;
  align-items:center !important;
  gap:12px !important;

  margin:-44px 14px 18px !important;
  padding:14px 16px !important;

  background:#FFFFFF !important;
  color:#242B33 !important;

  border:1px solid #E1E5E9 !important;
  border-radius:30px !important;
  box-shadow:0 12px 28px rgba(23,29,36,.10) !important;
  overflow:hidden !important;
}

.stv1-page .stv1-title::before,
.stv1-page .stv1-title::after{
  content:none !important;
  display:none !important;
}

.stv1-page .stv1-title > :nth-child(2){
  text-align:center !important;
}

.stv1-page .stv1-title
:is(strong,span,small,h1,h2,h3,p){
  color:#242B33 !important;
}

.stv1-page .stv1-title button,
.stv1-page .stv1-title .stv1-back,
.stv1-page .stv1-title .stv1-live,
.stv1-page .stv1-title .stv1-badge{
  background:#F7F8FA !important;
  color:#242B33 !important;
  border:1px solid #E1E5E9 !important;
  box-shadow:none !important;
}

/* Keep support content cards white */
.stv1-page .stv1-new,
.stv1-page .stv1-ticket,
.stv1-page .stv1-empty,
.stv1-page .stv1-thread{
  background:#FFFFFF !important;
}

/* END AURIXA SUPPORT OVERLAP V4 */