/* Fractal login theme — scoped to login route; bump ?v= on index.ejs when changing. */

/* Full viewport: #root is flex column; without this, body’s #fff shows around/behind */
#root:has(._wrapper_45te1_92),
html:has(._wrapper_45te1_92) {
  background-color: #1a1a1a !important;
  min-height: 100vh;
}

#app:has(._wrapper_45te1_92) {
  background-color: #1a1a1a !important;
}

/* Main shell (bundle: #app ._wrapper_45te1_92{background:#fff}) */
#app ._wrapper_45te1_92 {
  background: #1a1a1a !important;
  min-height: 100vh;
  flex: 1 1 auto;
  width: 100%;
}

/* Left column stack: force charcoal (Semantic columns are transparent; gaps can show body white) */
#app ._wrapper_45te1_92 .ui.grid,
#app ._wrapper_45te1_92 .ui.grid > .row,
#app ._wrapper_45te1_92 ._grid_45te1_45,
#app ._wrapper_45te1_92 ._login_45te1_61 {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
}

/* Grid columns — keep photo column (cover) */
#app ._wrapper_45te1_92 .ui.grid > .column:not(._cover_45te1_5),
#app ._wrapper_45te1_92 .ui.grid > .row > .column:not(._cover_45te1_5) {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
}

/* Inputs (Semantic default background:#fff) */
#app ._wrapper_45te1_92 .ui.input > input,
#app ._wrapper_45te1_92 .ui.input > textarea {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  color: #eaeaea !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

#app ._wrapper_45te1_92 .ui.input > input::placeholder,
#app ._wrapper_45te1_92 .ui.input > textarea::placeholder {
  color: rgba(255, 255, 255, 0.38) !important;
}

#app ._wrapper_45te1_92 .ui.input > input:focus,
#app ._wrapper_45te1_92 .ui.input > textarea:focus {
  border-color: rgba(255, 255, 255, 0.45) !important;
}

#app ._wrapper_45te1_92 .ui.icon.input > i.icon {
  color: rgba(255, 255, 255, 0.55) !important;
}

#app ._wrapper_45te1_92 .ui.header,
#app ._wrapper_45te1_92 ._formSubtitle_45te1_40,
#app ._wrapper_45te1_92 ._inputLabel_45te1_53 {
  color: #f0f0f0 !important;
}

#app ._wrapper_45te1_92 .ui.message {
  background: #252525 !important;
  color: #eee !important;
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#app ._wrapper_45te1_92 .ui.horizontal.divider,
#app ._wrapper_45te1_92 .ui.horizontal.divider:before,
#app ._wrapper_45te1_92 .ui.horizontal.divider:after {
  color: rgba(255, 255, 255, 0.45) !important;
  border-top-color: rgba(255, 255, 255, 0.18) !important;
}

#app ._wrapper_45te1_92 ._poweredByText_45te1_87 {
  color: #8a8a8a !important;
}

#app ._wrapper_45te1_92 ._poweredByText_45te1_87 a {
  color: #7eb8ff !important;
}

#app ._wrapper_45te1_92 ._debugLog_45te1_18 {
  background: #1a1a1a !important;
  color: #ddd !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

#app ._formTitle_45te1_36 {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}