/* === COATDOCTOR Unified Light Theme Patch — V5.1 ===
   Purpose: keep all modules/submenus visually consistent with the platform home.
   This file intentionally uses strong selectors because several legacy tools contain
   their own dark inline module styles. */
:root{
  --bg:#f4f8fc !important;
  --panel:#ffffff !important;
  --panel2:#f7fbff !important;
  --card:#ffffff !important;
  --card2:#f8fbff !important;
  --ink:#07182c !important;
  --muted:#5f7188 !important;
  --line:#dbe6f2 !important;
  --border:#dbe6f2 !important;
  --border-strong:#b9d0e6 !important;
  --cyan:#126bff !important;
  --magenta:#4f86c6 !important;
  --good:#14835c !important;
  --bad:#c2410c !important;
  --shadow:0 18px 55px rgba(16,32,51,.10) !important;
}
html,body{
  background:linear-gradient(180deg,#f5faff 0%,#eef6ff 100%) !important;
  color:#07182c !important;
}
body:before, body:after{opacity:.35 !important;}
.shell,.wrap,.app,.page,.toolShell,.main,.container{
  background:transparent !important;
  color:#07182c !important;
}
.card,.panel,.box,.viewer,.preview,.list,.tile,.section,.result,.item,.block,fieldset,
[class*="card"],[class*="panel"],[class*="preview"],[class*="viewer"]{
  border-color:#dbe6f2 !important;
  background:#ffffff !important;
  color:#07182c !important;
  box-shadow:0 14px 38px rgba(16,32,51,.08) !important;
}
.cardHead,.head,.sectionHead,.toolbar,.bar,.topbar{
  border-color:#dbe6f2 !important;
  background:rgba(255,255,255,.92) !important;
  color:#07182c !important;
}
.item{border-color:#e7eef7 !important;}
.item:hover{background:#f3f8ff !important;}
.item.active,.item.isActive,.active{
  background:linear-gradient(135deg,#eef7ff,#ffffff) !important;
  border-color:rgba(18,107,255,.26) !important;
  color:#07182c !important;
}
.muted,.small,.meta,.hint,.sub,.toolText,[class*="muted"],[class*="hint"],[class*="meta"]{
  color:#64748b !important;
  opacity:1 !important;
}
input,textarea,select,.input,.search input{
  background:#ffffff !important;
  color:#07182c !important;
  border:1px solid #dbe6f2 !important;
  box-shadow:none !important;
}
input::placeholder,textarea::placeholder{color:#8192a8 !important;}
input:focus,textarea:focus,select:focus{
  border-color:rgba(18,107,255,.45) !important;
  box-shadow:0 0 0 4px rgba(18,107,255,.10) !important;
  outline:none !important;
}
button,.btn,.pill,.chip,.tag,.cd-module-btn,a.btn{
  background:#ffffff !important;
  color:#0f2237 !important;
  border:1px solid #dbe6f2 !important;
  box-shadow:0 8px 22px rgba(15,34,55,.08) !important;
}
button:hover,.btn:hover,.pill:hover,.chip:hover,.tag:hover,.cd-module-btn:hover,a.btn:hover{
  background:#f4f9ff !important;
  border-color:rgba(18,107,255,.34) !important;
  color:#126bff !important;
}
button.primary,.btnPrimary,.primary,.cd-module-btn.primary,.cd-module-demo{
  background:linear-gradient(135deg,#126bff,#00a3ff) !important;
  color:#ffffff !important;
  border-color:transparent !important;
}
pre,code,.body,.log,.json,.output{
  background:#f8fbff !important;
  color:#102033 !important;
  border-color:#dbe6f2 !important;
}
table,th,td{border-color:#dbe6f2 !important;color:#07182c !important;}
th{background:#f3f8ff !important;}
.modal,.modalBox,.dialog{
  background:rgba(255,255,255,.96) !important;
  color:#07182c !important;
  border-color:#dbe6f2 !important;
}
/* Keep image modal dark only around the actual picture, not the module UI. */
.imgModal{background:rgba(7,24,44,.72) !important;}
.imgModal .modalClose{background:#ffffff !important;color:#07182c !important;}
/* SOP specific */
#list .item strong,#t,.title{color:#07182c !important;}
#b{background:#ffffff !important;color:#102033 !important;}
#viewerState{background:#f3f8ff !important;color:#425872 !important;border:1px solid #dbe6f2 !important;}