/* TEACHR tool panels — warm, high-contrast application surfaces. */

#appToolMount .lesson-design-panel {
  background:linear-gradient(145deg,#fffaf0 0%,#fffdf8 100%) !important;
  border:1px solid #f1d7a5 !important;
  box-shadow:0 10px 28px rgba(16,35,63,.06) !important;
  color:#10233f !important;
}
#appToolMount .lesson-design-panel .eyebrow { color:#d97706 !important; }
#appToolMount .lesson-design-panel .lesson-design-head strong { color:#10233f !important; }
#appToolMount .lesson-design-panel .lesson-design-head span { color:#667892 !important; }
#appToolMount .lesson-design-panel .lesson-reset { color:#9a5b00 !important; background:#fff !important; border-color:#e8c982 !important; }
#appToolMount .lesson-design-panel .lesson-reset:hover { color:#713f00 !important; background:#fff8e8 !important; border-color:#d9ad52 !important; }
#appToolMount .lesson-design-panel .field label { color:#334e6f !important; }
#appToolMount .lesson-design-panel .field input,
#appToolMount .lesson-design-panel .field select,
#appToolMount .lesson-design-panel .field textarea { background:#fff !important; color:#10233f !important; border-color:#cbd8e6 !important; }
#appToolMount .lesson-design-panel .field input::placeholder,
#appToolMount .lesson-design-panel .field textarea::placeholder { color:#718199 !important; opacity:1; }

#appToolMount #aiProviderPanel {
  background:linear-gradient(145deg,#f5f0ff 0%,#fcfaff 100%) !important;
  border:1px solid #ddd0ff !important;
  box-shadow:0 10px 28px rgba(99,102,241,.07) !important;
  color:#10233f !important;
}
#appToolMount #aiProviderPanel .eyebrow { color:#7756e7 !important; }
#appToolMount #aiProviderPanel .aip-head strong { color:#10233f !important; }
#appToolMount #aiProviderPanel .aip-head span,
#appToolMount #aiProviderPanel .aip-note { color:#5f738c !important; }
#appToolMount #aiProviderPanel .aip-status { color:#6852c9 !important; }
#appToolMount #aiProviderPanel .field label { color:#334e6f !important; }
#appToolMount #aiProviderPanel .field input,
#appToolMount #aiProviderPanel .field select { background:#fff !important; color:#10233f !important; border-color:#cbd8e6 !important; }
#appToolMount #aiProviderPanel .field input::placeholder { color:#718199 !important; opacity:1; }
#appToolMount #aiProviderPanel .aip-test { color:#5b45c7 !important; background:#fff !important; border-color:#cfc2f5 !important; }
#appToolMount #aiProviderPanel .aip-test:hover { color:#4934a8 !important; background:#f7f3ff !important; }

/* Light mode is the application default; dark styling is explicit only. */
html[data-theme="dark"] #appToolMount .lesson-design-panel { background:linear-gradient(145deg,#122d4d 0%,#0d2541 100%) !important; border-color:rgba(128,196,241,.24) !important; color:#f7fbff !important; }
html[data-theme="dark"] #appToolMount .lesson-design-panel .lesson-design-head strong,
html[data-theme="dark"] #appToolMount .lesson-design-panel .field label { color:#eef6ff !important; }
html[data-theme="dark"] #appToolMount .lesson-design-panel .lesson-design-head span,
html[data-theme="dark"] #appToolMount .lesson-design-panel .field label span { color:#9db2cc !important; }
html[data-theme="dark"] #appToolMount #aiProviderPanel { background:linear-gradient(145deg,#102d4d 0%,#0c233e 100%) !important; border-color:rgba(128,196,241,.24) !important; color:#f7fbff !important; }
html[data-theme="dark"] #appToolMount #aiProviderPanel .aip-head strong,
html[data-theme="dark"] #appToolMount #aiProviderPanel .field label { color:#eef6ff !important; }
html[data-theme="dark"] #appToolMount #aiProviderPanel .aip-head span,
html[data-theme="dark"] #appToolMount #aiProviderPanel .aip-note { color:#9db2cc !important; }