/* ZEXARA SUPPORT OBSIDIAN GOLD V1 */
/* Only Support page. No functional changes. */

/* PAGE */
html body #root .stv1-page {
  background:#101317 !important;
  background-image:none !important;
  color:#F5F1E9 !important;
  color-scheme:dark;
}

/* TITLE CARD */
html body #root .stv1-page .stv1-title {
  background:linear-gradient(145deg,#1E242C,#151A20) !important;
  background-image:linear-gradient(145deg,#1E242C,#151A20) !important;
  border-color:rgba(212,175,55,.25) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.22) !important;
}

html body #root .stv1-page .stv1-title strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}

html body #root .stv1-page .stv1-title span {
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
}

html body #root .stv1-page .stv1-title button,
html body #root .stv1-page .stv1-title > i {
  background:#242A33 !important;
  border-color:rgba(212,175,55,.25) !important;
  color:#D4AF37 !important;
}

/* MAIN CARDS */
html body #root .stv1-page :is(
  .stv1-new,
  .stv1-thread
) {
  background:linear-gradient(155deg,#1D222A,#15191F) !important;
  background-image:linear-gradient(155deg,#1D222A,#15191F) !important;
  border-color:rgba(212,175,55,.23) !important;
  box-shadow:0 14px 32px rgba(0,0,0,.19) !important;
  color:#F5F1E9 !important;
}

html body #root .stv1-page .stv1-chat-icon {
  background:#252C35 !important;
  border:1px solid rgba(212,175,55,.28) !important;
  color:#D4AF37 !important;
}

html body #root .stv1-page .stv1-new-head strong,
html body #root .stv1-page .stv1-thread-head strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}

html body #root .stv1-page :is(
  .stv1-new-head > div span,
  .stv1-new label > span,
  .stv1-thread-head span
) {
  color:#AEB6C2 !important;
  -webkit-text-fill-color:#AEB6C2 !important;
}

/* SUBJECT / MESSAGE */
html body #root .stv1-page .stv1-new :is(input,textarea),
html body #root .stv1-page .stv1-reply textarea {
  background:#11161D !important;
  background-image:none !important;
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
  border:1px solid rgba(212,175,55,.20) !important;
  box-shadow:none !important;
}

html body #root .stv1-page :is(
  .stv1-new input,
  .stv1-new textarea,
  .stv1-reply textarea
)::placeholder {
  color:#808B9A !important;
  -webkit-text-fill-color:#808B9A !important;
  opacity:1 !important;
}

html body #root .stv1-page :is(
  .stv1-new input,
  .stv1-new textarea,
  .stv1-reply textarea
):focus {
  border-color:rgba(212,175,55,.65) !important;
  outline:1px solid rgba(212,175,55,.17) !important;
}

/* SEND TICKET */
html body #root .stv1-page .stv1-send,
html body #root .stv1-page .stv1-reply button {
  background:linear-gradient(135deg,#D4AF37,#A9842B) !important;
  color:#15181D !important;
  border:1px solid rgba(255,220,120,.25) !important;
  box-shadow:0 7px 18px rgba(212,175,55,.12) !important;
}

html body #root .stv1-page .stv1-send:disabled,
html body #root .stv1-page .stv1-reply button:disabled {
  background:#252B33 !important;
  color:#89929F !important;
  -webkit-text-fill-color:#89929F !important;
  border-color:rgba(212,175,55,.12) !important;
  box-shadow:none !important;
  opacity:1 !important;
  cursor:not-allowed !important;
}

/* HISTORY SECTION */
html body #root .stv1-page .stv1-section-head strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}
html body #root .stv1-page .stv1-section-head span {
  color:#AEB6C2 !important;
}
html body #root .stv1-page .stv1-section-head > b {
  background:#292F38 !important;
  color:#D4AF37 !important;
  border:1px solid rgba(212,175,55,.23) !important;
}

/* EMPTY / ERROR */
html body #root .stv1-page :is(.stv1-empty,.stv1-state) {
  background:#1D232B !important;
  background-image:none !important;
  border:1px dashed rgba(212,175,55,.22) !important;
  color:#BFC7D2 !important;
}

html body #root .stv1-page .stv1-empty > span {
  background:#292F38 !important;
  color:#D4AF37 !important;
}

html body #root .stv1-page .stv1-empty strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
}

html body #root .stv1-page .stv1-empty small {
  color:#AEB6C2 !important;
}

html body #root .stv1-page .stv1-state.error {
  color:#E4BD68 !important;
}

/* EXISTING TICKETS */
html body #root .stv1-page .stv1-ticket {
  background:#20262E !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.18) !important;
  color:#F5F1E9 !important;
}

html body #root .stv1-page .stv1-ticket-number {
  color:#D4AF37 !important;
}

html body #root .stv1-page .stv1-ticket-main small,
html body #root .stv1-page .stv1-ticket-side small {
  color:#AEB6C2 !important;
}

html body #root .stv1-page .stv1-ticket-unread {
  background:#D4AF37 !important;
  color:#15181D !important;
}

/* CHAT THREAD */
html body #root .stv1-page .stv1-thread-head {
  border-bottom-color:rgba(212,175,55,.14) !important;
}

html body #root .stv1-page .stv1-thread-head button {
  background:#252C35 !important;
  border-color:rgba(212,175,55,.22) !important;
  color:#D4AF37 !important;
}

html body #root .stv1-page .stv1-messages article.user > div {
  background:#7B6327 !important;
  color:#FFFFFF !important;
}

html body #root .stv1-page .stv1-messages article.admin > div {
  background:#252C35 !important;
  color:#F5F1E9 !important;
  border-color:rgba(212,175,55,.17) !important;
}

html body #root .stv1-page .stv1-messages article small,
html body #root .stv1-page .stv1-closed {
  color:#AEB6C2 !important;
}

/* END ZEXARA SUPPORT OBSIDIAN GOLD V1 */
