/* GotCracked Portal — dark-mode component corrections.
   Loaded by theme-controller.js. These selectors intentionally override
   hard-coded light surfaces in operational components. */

html[data-theme="dark"] .gc-directory,
html[data-theme="dark"] .gc-leads-directory-card{
  background:#111d2a!important;
  border-color:#2b3c4f!important;
  color:#edf4fb!important;
}

html[data-theme="dark"] .gc-dir-search,
html[data-theme="dark"] .gc-dir-search-row>select,
html[data-theme="dark"] .gc-dir-filter-panel select,
html[data-theme="dark"] .gc-dir-filter-panel input[type="date"],
html[data-theme="dark"] .gc-dir-status-list,
html[data-theme="dark"] .gc-dir-closed{
  background:#0c1723!important;
  border-color:#33485f!important;
  color:#edf4fb!important;
  box-shadow:none!important;
}

html[data-theme="dark"] .gc-dir-search span{color:#7fa8ce!important}
html[data-theme="dark"] .gc-dir-search input{color:#edf4fb!important}
html[data-theme="dark"] .gc-dir-search input::placeholder{color:#74879c!important}

html[data-theme="dark"] .gc-dir-chip,
html[data-theme="dark"] .v1-stage-tabs button{
  background:#152333!important;
  border-color:#33485f!important;
  color:#aebfd1!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .gc-dir-chip:hover,
html[data-theme="dark"] .v1-stage-tabs button:hover{
  background:#1a2c40!important;
  border-color:#4b6b8d!important;
  color:#d7e8f7!important;
}
html[data-theme="dark"] .gc-dir-chip.active,
html[data-theme="dark"] .v1-stage-tabs button.active{
  background:#163a5c!important;
  border-color:#4da3ff!important;
  color:#dff0ff!important;
  box-shadow:inset 0 0 0 1px rgba(77,163,255,.16)!important;
}

html[data-theme="dark"] .gc-dir-filter-panel{
  background:#0e1925!important;
  border-color:#26384b!important;
}
html[data-theme="dark"] .gc-dir-filter-panel>label,
html[data-theme="dark"] .gc-dir-filter-panel legend,
html[data-theme="dark"] .gc-dir-check{
  color:#a9bdd1!important;
}

html[data-theme="dark"] .gc-dir-summary{
  background:#101c29!important;
  color:#9eafc2!important;
  border-color:#26384b!important;
}
html[data-theme="dark"] .gc-dir-summary strong{color:#edf4fb!important}

html[data-theme="dark"] .gc-dir-list{
  background:#0c1723!important;
  border-color:#26384b!important;
}
html[data-theme="dark"] .gc-dir-columns{
  background:#0e1925!important;
  color:#8fa4b9!important;
  border-color:#26384b!important;
}
html[data-theme="dark"] .gc-dir-row{
  background:#111d2a!important;
  color:#dce7f2!important;
  border-color:#26384b!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .gc-dir-row:hover,
html[data-theme="dark"] .gc-dir-row:focus-visible{
  background:#16283b!important;
  box-shadow:inset 3px 0 #4da3ff!important;
}
html[data-theme="dark"] .gc-dir-row strong,
html[data-theme="dark"] .gc-dir-record strong{color:#edf4fb!important}
html[data-theme="dark"] .gc-dir-row small{color:#8fa4b9!important}
html[data-theme="dark"] .gc-dir-arrow{color:#7897b4!important}

html[data-theme="dark"] .gc-dir-empty,
html[data-theme="dark"] .gc-dir-loading{
  background:#0c1723!important;
  color:#9eafc2!important;
}
html[data-theme="dark"] .gc-dir-empty>span{color:#6f9dc4!important}
html[data-theme="dark"] .gc-dir-empty h3{color:#edf4fb!important}
html[data-theme="dark"] .gc-dir-empty p,
html[data-theme="dark"] .gc-dir-loading p{color:#9eafc2!important}
html[data-theme="dark"] .gc-dir-loading>span{
  border-color:#2b3c4f!important;
  border-top-color:#4da3ff!important;
}

html[data-theme="dark"] .gc-dir-type{
  background:#15324a!important;
  color:#83c4f2!important;
}
html[data-theme="dark"] .gc-dir-type.lead{
  background:#302758!important;
  color:#c2b4ff!important;
}

html[data-theme="dark"] .status.status-red{background:#472022!important;color:#ff8b86!important}
html[data-theme="dark"] .status.status-yellow{background:#493a15!important;color:#ffd36f!important}
html[data-theme="dark"] .status.status-green{background:#123c30!important;color:#70dfb3!important}
html[data-theme="dark"] .status.status-blue{background:#12365d!important;color:#82bdff!important}

html[data-theme="dark"] .v1-table-wrap{
  background:#111d2a!important;
  scrollbar-color:#395169 #111d2a;
}
html[data-theme="dark"] .v1-stage-tabs{scrollbar-color:#395169 transparent}

@media(max-width:750px){
  html[data-theme="dark"] .gc-dir-list{background:#0c1723!important}
  html[data-theme="dark"] .gc-dir-row{
    background:#111d2a!important;
    border-color:#2b3c4f!important;
  }
  html[data-theme="dark"] .gc-dir-filter-panel{background:#0e1925!important}
}
