/* Dark theme for the Engineering Tools (Tailwind CDN pages). Selectors are prefixed with "body" to win over the runtime generated Tailwind rules. */
@media screen {
:root { color-scheme: dark; }
html, body { background: #0f1220; color: #cdd3e6; }
body.bg-gray-50, body .bg-gray-50, body.bg-gray-100 { background-color: #0f1220; }
body .bg-white, body .app-card, body .stat-tile, body th { background-color: #1a1d2e; }
body .bg-gray-100 { background-color: #20243a; }
body .bg-gray-200, body .progress-bar { background-color: #2c3250; }
body .bg-slate-50 { background-color: #151826; }
body .bg-slate-100 { background-color: #20243a; }
body .hover\:bg-gray-50:hover { background-color: #20243a; }
body .hover\:bg-gray-200:hover, body .hover\:bg-gray-300:hover { background-color: #353b5c; }
body .highlight-row:hover, body tbody tr:hover { background-color: #232842; }
body .text-gray-900 { color: #f1f3fa; }
body .text-gray-800 { color: #e6e9f5; }
body .text-gray-700 { color: #cdd3e6; }
body .text-gray-600 { color: #b4bcd4; }
body .text-gray-500 { color: #98a1bd; }
body .text-gray-400 { color: #7b84a3; }
body .text-gray-300 { color: #5d6585; }
body .text-slate-700, body .text-slate-600 { color: #b4bcd4; }
body .border-gray-100, body .border-gray-200, body .divide-gray-200 > :not([hidden]) ~ :not([hidden]), body .border-t, body .border-b { border-color: #2c3250; }
body .border-gray-300, body .border-gray-400 { border-color: #3d4566; }
body .border-gray-800 { border-color: #4a5378; }
body .text-primary, body .hover\:text-primary:hover { color: #60a5fa; }
body .border-primary, body .focus\:border-primary:focus { border-color: #60a5fa; }
body .section-title { color: #60a5fa; border-bottom-color: #2c3250; }
body .form-input { background: #151826; color: #e6e9f5; border-color: #3d4566; }
body .form-label { color: #98a1bd; }
body .method-card.selected { background: rgba(59,130,246,.15); }
body .formula-display { background: #151826; color: #e6e9f5; }
body .formula-numerator { border-bottom-color: #b4bcd4; }
body .process-card { border-color: #2c3250; }
body .stock-low { background: rgba(239,68,68,.2); color: #fca5a5; }
body .stock-ok { background: rgba(16,185,129,.2); color: #6ee7b7; }
body .stock-high { background: rgba(245,158,11,.2); color: #fcd34d; }
body .violation-row { background: rgba(239,68,68,.12); }
body .search-highlight { background: #a16207; color: #fff; }
body .color-swatch { border-color: #3d4566; }
body input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]), body select, body textarea { background-color: #151826; color: #e6e9f5; border-color: #3d4566; }
body input::placeholder, body textarea::placeholder { color: #6c7596; }
body input:disabled, body select:disabled, body textarea:disabled { background-color: #1b1f31; color: #7b84a3; }
body select option { background: #1a1d2e; color: #e6e9f5; }
body input[type="range"] { background: #2c3250; }
body table { color: #cdd3e6; }
body .shadow-sm, body .shadow, body .shadow-md, body .shadow-lg, body .shadow-xl { --tw-shadow-color: rgba(0,0,0,.6); }
body footer.bg-gray-900, body .bg-gray-900 { background-color: #080a14; }
body #wps-preview, body #wps-preview .bg-white { background: #fff; color: #111; }
body #wps-preview [class*="text-gray"], body #wps-preview td, body #wps-preview th { color: #111; }
body #wps-preview .label-cell { background: #f1f5f9; }
body .bg-indigo-50 { background-color: rgba(99,102,241,.12); }
body .bg-indigo-100 { background-color: rgba(99,102,241,.2); }
body .border-indigo-200, body .border-indigo-300 { border-color: rgba(99,102,241,.4); }
body .text-indigo-500 { color: #a5b4fc; }
body .text-indigo-600 { color: #a5b4fc; }
body .text-indigo-700 { color: #a5b4fc; }
body .text-indigo-800 { color: #a5b4fc; }
body .text-indigo-900 { color: #a5b4fc; }
body .from-indigo-50, body .from-indigo-100 { --tw-gradient-from: rgba(99,102,241,.14) var(--tw-gradient-from-position); --tw-gradient-to: rgba(99,102,241,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
body .to-indigo-50, body .to-indigo-100 { --tw-gradient-to: rgba(99,102,241,.24) var(--tw-gradient-to-position); }
body .hover\:bg-indigo-50:hover, body .hover\:bg-indigo-100:hover { background-color: rgba(99,102,241,.22); }
body .bg-red-50 { background-color: rgba(239,68,68,.12); }
body .bg-red-100 { background-color: rgba(239,68,68,.2); }
body .border-red-200, body .border-red-300 { border-color: rgba(239,68,68,.4); }
body .text-red-500 { color: #fca5a5; }
body .text-red-600 { color: #fca5a5; }
body .text-red-700 { color: #fca5a5; }
body .text-red-800 { color: #fca5a5; }
body .text-red-900 { color: #fca5a5; }
body .from-red-50, body .from-red-100 { --tw-gradient-from: rgba(239,68,68,.14) var(--tw-gradient-from-position); --tw-gradient-to: rgba(239,68,68,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
body .to-red-50, body .to-red-100 { --tw-gradient-to: rgba(239,68,68,.24) var(--tw-gradient-to-position); }
body .hover\:bg-red-50:hover, body .hover\:bg-red-100:hover { background-color: rgba(239,68,68,.22); }
body .bg-slate-50 { background-color: rgba(148,163,184,.12); }
body .bg-slate-100 { background-color: rgba(148,163,184,.2); }
body .border-slate-200, body .border-slate-300 { border-color: rgba(148,163,184,.4); }
body .text-slate-500 { color: #cbd5e1; }
body .text-slate-600 { color: #cbd5e1; }
body .text-slate-700 { color: #cbd5e1; }
body .text-slate-800 { color: #cbd5e1; }
body .text-slate-900 { color: #cbd5e1; }
body .from-slate-50, body .from-slate-100 { --tw-gradient-from: rgba(148,163,184,.14) var(--tw-gradient-from-position); --tw-gradient-to: rgba(148,163,184,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
body .to-slate-50, body .to-slate-100 { --tw-gradient-to: rgba(148,163,184,.24) var(--tw-gradient-to-position); }
body .hover\:bg-slate-50:hover, body .hover\:bg-slate-100:hover { background-color: rgba(148,163,184,.22); }
body .bg-teal-50 { background-color: rgba(20,184,166,.12); }
body .bg-teal-100 { background-color: rgba(20,184,166,.2); }
body .border-teal-200, body .border-teal-300 { border-color: rgba(20,184,166,.4); }
body .text-teal-500 { color: #5eead4; }
body .text-teal-600 { color: #5eead4; }
body .text-teal-700 { color: #5eead4; }
body .text-teal-800 { color: #5eead4; }
body .text-teal-900 { color: #5eead4; }
body .from-teal-50, body .from-teal-100 { --tw-gradient-from: rgba(20,184,166,.14) var(--tw-gradient-from-position); --tw-gradient-to: rgba(20,184,166,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
body .to-teal-50, body .to-teal-100 { --tw-gradient-to: rgba(20,184,166,.24) var(--tw-gradient-to-position); }
body .hover\:bg-teal-50:hover, body .hover\:bg-teal-100:hover { background-color: rgba(20,184,166,.22); }
body .bg-emerald-50 { background-color: rgba(16,185,129,.12); }
body .bg-emerald-100 { background-color: rgba(16,185,129,.2); }
body .border-emerald-200, body .border-emerald-300 { border-color: rgba(16,185,129,.4); }
body .text-emerald-500 { color: #6ee7b7; }
body .text-emerald-600 { color: #6ee7b7; }
body .text-emerald-700 { color: #6ee7b7; }
body .text-emerald-800 { color: #6ee7b7; }
body .text-emerald-900 { color: #6ee7b7; }
body .from-emerald-50, body .from-emerald-100 { --tw-gradient-from: rgba(16,185,129,.14) var(--tw-gradient-from-position); --tw-gradient-to: rgba(16,185,129,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
body .to-emerald-50, body .to-emerald-100 { --tw-gradient-to: rgba(16,185,129,.24) var(--tw-gradient-to-position); }
body .hover\:bg-emerald-50:hover, body .hover\:bg-emerald-100:hover { background-color: rgba(16,185,129,.22); }
body .bg-green-50 { background-color: rgba(34,197,94,.12); }
body .bg-green-100 { background-color: rgba(34,197,94,.2); }
body .border-green-200, body .border-green-300 { border-color: rgba(34,197,94,.4); }
body .text-green-500 { color: #86efac; }
body .text-green-600 { color: #86efac; }
body .text-green-700 { color: #86efac; }
body .text-green-800 { color: #86efac; }
body .text-green-900 { color: #86efac; }
body .from-green-50, body .from-green-100 { --tw-gradient-from: rgba(34,197,94,.14) var(--tw-gradient-from-position); --tw-gradient-to: rgba(34,197,94,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
body .to-green-50, body .to-green-100 { --tw-gradient-to: rgba(34,197,94,.24) var(--tw-gradient-to-position); }
body .hover\:bg-green-50:hover, body .hover\:bg-green-100:hover { background-color: rgba(34,197,94,.22); }
body .bg-amber-50 { background-color: rgba(245,158,11,.12); }
body .bg-amber-100 { background-color: rgba(245,158,11,.2); }
body .border-amber-200, body .border-amber-300 { border-color: rgba(245,158,11,.4); }
body .text-amber-500 { color: #fcd34d; }
body .text-amber-600 { color: #fcd34d; }
body .text-amber-700 { color: #fcd34d; }
body .text-amber-800 { color: #fcd34d; }
body .text-amber-900 { color: #fcd34d; }
body .from-amber-50, body .from-amber-100 { --tw-gradient-from: rgba(245,158,11,.14) var(--tw-gradient-from-position); --tw-gradient-to: rgba(245,158,11,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
body .to-amber-50, body .to-amber-100 { --tw-gradient-to: rgba(245,158,11,.24) var(--tw-gradient-to-position); }
body .hover\:bg-amber-50:hover, body .hover\:bg-amber-100:hover { background-color: rgba(245,158,11,.22); }
body .bg-orange-50 { background-color: rgba(249,115,22,.12); }
body .bg-orange-100 { background-color: rgba(249,115,22,.2); }
body .border-orange-200, body .border-orange-300 { border-color: rgba(249,115,22,.4); }
body .text-orange-500 { color: #fdba74; }
body .text-orange-600 { color: #fdba74; }
body .text-orange-700 { color: #fdba74; }
body .text-orange-800 { color: #fdba74; }
body .text-orange-900 { color: #fdba74; }
body .from-orange-50, body .from-orange-100 { --tw-gradient-from: rgba(249,115,22,.14) var(--tw-gradient-from-position); --tw-gradient-to: rgba(249,115,22,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
body .to-orange-50, body .to-orange-100 { --tw-gradient-to: rgba(249,115,22,.24) var(--tw-gradient-to-position); }
body .hover\:bg-orange-50:hover, body .hover\:bg-orange-100:hover { background-color: rgba(249,115,22,.22); }
body .bg-purple-50 { background-color: rgba(168,85,247,.12); }
body .bg-purple-100 { background-color: rgba(168,85,247,.2); }
body .border-purple-200, body .border-purple-300 { border-color: rgba(168,85,247,.4); }
body .text-purple-500 { color: #d8b4fe; }
body .text-purple-600 { color: #d8b4fe; }
body .text-purple-700 { color: #d8b4fe; }
body .text-purple-800 { color: #d8b4fe; }
body .text-purple-900 { color: #d8b4fe; }
body .from-purple-50, body .from-purple-100 { --tw-gradient-from: rgba(168,85,247,.14) var(--tw-gradient-from-position); --tw-gradient-to: rgba(168,85,247,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
body .to-purple-50, body .to-purple-100 { --tw-gradient-to: rgba(168,85,247,.24) var(--tw-gradient-to-position); }
body .hover\:bg-purple-50:hover, body .hover\:bg-purple-100:hover { background-color: rgba(168,85,247,.22); }
body .bg-blue-50 { background-color: rgba(59,130,246,.12); }
body .bg-blue-100 { background-color: rgba(59,130,246,.2); }
body .border-blue-200, body .border-blue-300 { border-color: rgba(59,130,246,.4); }
body .text-blue-500 { color: #93c5fd; }
body .text-blue-600 { color: #93c5fd; }
body .text-blue-700 { color: #93c5fd; }
body .text-blue-800 { color: #93c5fd; }
body .text-blue-900 { color: #93c5fd; }
body .from-blue-50, body .from-blue-100 { --tw-gradient-from: rgba(59,130,246,.14) var(--tw-gradient-from-position); --tw-gradient-to: rgba(59,130,246,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
body .to-blue-50, body .to-blue-100 { --tw-gradient-to: rgba(59,130,246,.24) var(--tw-gradient-to-position); }
body .hover\:bg-blue-50:hover, body .hover\:bg-blue-100:hover { background-color: rgba(59,130,246,.22); }
body .bg-yellow-50 { background-color: rgba(234,179,8,.12); }
body .bg-yellow-100 { background-color: rgba(234,179,8,.2); }
body .border-yellow-200, body .border-yellow-300 { border-color: rgba(234,179,8,.4); }
body .text-yellow-500 { color: #fde047; }
body .text-yellow-600 { color: #fde047; }
body .text-yellow-700 { color: #fde047; }
body .text-yellow-800 { color: #fde047; }
body .text-yellow-900 { color: #fde047; }
body .from-yellow-50, body .from-yellow-100 { --tw-gradient-from: rgba(234,179,8,.14) var(--tw-gradient-from-position); --tw-gradient-to: rgba(234,179,8,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
body .to-yellow-50, body .to-yellow-100 { --tw-gradient-to: rgba(234,179,8,.24) var(--tw-gradient-to-position); }
body .hover\:bg-yellow-50:hover, body .hover\:bg-yellow-100:hover { background-color: rgba(234,179,8,.22); }
body .text-blue-100, body .text-blue-50 { color: #dbeafe; }
}
@media print { :root { color-scheme: light; } }