/* Phoenix v69-fix5 — dark-theme corrections for technical support/audit UI */

/* The v68 technical panel used light fallbacks after the global dark-theme
   stylesheet. Keep all technical controls on the same dark surfaces. */
[data-theme=dark] .tech-filter-grid68 input,
[data-theme=dark] .tech-filter-grid68 select{
  background:var(--card2)!important;
  color:var(--ink)!important;
  border-color:var(--line2)!important;
  -webkit-text-fill-color:var(--ink);
}
[data-theme=dark] .tech-filter-grid68 input::placeholder{color:var(--ink3)!important;-webkit-text-fill-color:var(--ink3)}
[data-theme=dark] .tech-filter-grid68 select option{background:var(--card)!important;color:var(--ink)!important}
[data-theme=dark] .tech-filter-grid68 input[type=date]::-webkit-date-and-time-value{color:var(--ink)!important;text-align:left}
[data-theme=dark] .tech-filter-grid68 input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.9);opacity:.8}

/* Weekly audit cleanup card. The active state was hard-coded to a pale green
   light-theme surface, which made the title almost disappear in dark mode. */
[data-theme=dark] .tech-autoclear68{
  background:var(--card2)!important;
  border-color:var(--line2)!important;
  color:var(--ink)!important;
}
[data-theme=dark] .tech-autoclear68.active{
  background:linear-gradient(135deg,#223a31,#29372f)!important;
  border-color:#3d6a58!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
[data-theme=dark] .tech-autoclear68 b{color:var(--ink)!important}
[data-theme=dark] .tech-autoclear68 small{color:#b9c9c1!important}
[data-theme=dark] .tech-switch68 span{background:#484b55}
[data-theme=dark] .tech-switch68 input:checked+span{background:#35b86e}

/* Event details: metadata pills previously fell back to #f3f4f6 because
   --soft is not a dark-theme token. */
[data-theme=dark] .tech-detail-meta68 span{
  background:var(--card2)!important;
  color:var(--ink)!important;
  border:1px solid var(--line2)!important;
  -webkit-text-fill-color:var(--ink);
}
[data-theme=dark] .tech-target68{
  background:var(--card2)!important;
  color:var(--ink2)!important;
  border:1px solid var(--line)!important;
}
[data-theme=dark] .tech-target68 b{color:var(--ink)!important}
[data-theme=dark] .tech-error68{background:#432a31!important;color:#ff9aa5!important;border:1px solid #6b3d49}
[data-theme=dark] .tech-status68{background:#20392f;color:#7bdda8}
[data-theme=dark] .tech-status68.error{background:#432a31;color:#ff9aa5}

/* Maintenance active state also contained a white gradient stop. */
[data-theme=dark] .tech-maintenance68.active{
  background:linear-gradient(135deg,#39272d,#2b292f)!important;
  border-color:#65404a!important;
}

/* Keep technical cards/forms consistently legible in dark mode. */
[data-theme=dark] .tech-audit68,
[data-theme=dark] .tech-metric68,
[data-theme=dark] .tech-last68,
[data-theme=dark] .tech-maintenance68{
  color:var(--ink);
}
[data-theme=dark] .tech-event68{color:var(--ink)}
[data-theme=dark] .tech-event68:hover{background:rgba(255,255,255,.035)}