/* Widget CSS for diy-ec-controller-hydroponics - extracted 1 inline style blocks */
/* --- all styles identical to the standalone version above --- */
.mc-sim-wrap { max-width: 100%; margin: 35px auto; border: 1px solid var(--mc-line, #e5e7eb); border-radius: 16px; background: var(--mc-paper, #ffffff); box-shadow: 0 4px 20px rgba(6, 78, 59, 0.04); overflow: hidden; box-sizing: border-box; width: 100%; font-family: var(--mc-font-body, -apple-system, sans-serif); color: var(--mc-text, #374151); position: relative; }
.mc-sim-head { padding: 24px; text-align: left; border-bottom: 1px solid var(--mc-line, #e5e7eb); background: var(--mc-slate-50, #f8fafc); }
.mc-sim-title { margin: 0 0 4px 0 !important; font-family: var(--mc-font-heading, sans-serif) !important; font-size: 18px !important; font-weight: 700 !important; color: var(--mc-ink, #064E3B) !important; text-transform: none !important; line-height: 1.2 !important; }
.mc-sim-desc { margin: 0 !important; font-size: 13px !important; color: var(--mc-text-soft, #6b7280) !important; line-height: 1.4 !important; }
.mc-sim-tabs { display: flex; gap: 8px; flex-wrap: wrap; background: var(--mc-paper, #ffffff); padding: 16px 24px; border-bottom: 1px solid var(--mc-line, #e5e7eb); }
.mc-sim-btn { appearance: none !important; -webkit-appearance: none !important; padding: 8px 16px !important; border-radius: 999px !important; font-size: 13px !important; cursor: pointer !important; transition: all 0.2s ease !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; outline: none !important; line-height: 1.2 !important; height: auto !important; width: auto !important; margin: 0 !important; touch-action: manipulation !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; user-select: none !important; }
.mc-sim-btn-active { border: 1.5px solid var(--mc-leaf, #16a34a) !important; background: var(--mc-leaf, #16a34a) !important; color: #ffffff !important; font-weight: 700 !important; }
.mc-sim-btn-inactive { border: 1.5px solid var(--mc-line, #e5e7eb) !important; background: var(--mc-paper, #ffffff) !important; color: var(--mc-text, #374151) !important; font-weight: 600 !important; }
.mc-sim-body { padding: 24px; box-sizing: border-box; background: var(--mc-paper, #ffffff); }
.mc-sim-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 20px; }
.mc-sim-grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 12px; margin-bottom: 20px; }
.mc-sim-label { display: block !important; font-weight: 700 !important; font-size: 13px !important; color: var(--mc-ink, #064E3B) !important; margin-bottom: 6px !important; text-align: left !important; }
.mc-sim-input { width: 100% !important; padding: 12px 14px !important; border: 1px solid var(--mc-line, #e5e7eb) !important; border-radius: 10px !important; background: var(--mc-slate-50, #f8fafc) !important; font-size: 14px !important; color: var(--mc-text, #374151) !important; outline: none !important; box-shadow: none !important; transition: all 0.15s ease !important; box-sizing: border-box !important; }
.mc-sim-input:focus { border-color: var(--mc-leaf, #16a34a) !important; background: #ffffff !important; box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.1) !important; }
.mc-sim-kinetics-box { background: var(--mc-sky, #eff6ff); border: 1px solid var(--mc-sky-line, #bfdbfe); padding: 18px; border-radius: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 15px; box-sizing: border-box; text-align: center; }
.mc-sim-kinetics-box > div:last-child { border-left: 1px solid var(--mc-sky-line, #bfdbfe); }
.mc-sim-metrics-bar { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 10px; margin-bottom: 15px; text-align: center; }
.mc-sim-start-btn { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; background: var(--mc-leaf, #16a34a) !important; color: var(--mc-paper, #ffffff) !important; font-size: 14px !important; font-weight: 650 !important; padding: 12px 30px !important; border-radius: 12px !important; border: 1px solid transparent !important; cursor: pointer !important; transition: all 0.2s ease !important; box-shadow: 0 4px 12px rgba(22, 163, 74, 0.2) !important; touch-action: manipulation !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; user-select: none !important; }
.mc-sim-console-btn-step { flex: 1; min-width: 100px; border: 1.5px solid var(--mc-line, #e5e7eb); background: #ffffff; color: var(--mc-text, #374151); padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer; font-size: 12.5px; touch-action: manipulation !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; user-select: none !important; }
.mc-sim-console-btn-play { flex: 1; min-width: 100px; background: var(--mc-leaf, #16a34a); color: #ffffff; border: none; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer; font-size: 12.5px; touch-action: manipulation !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; user-select: none !important; }
.mc-sim-console-btn-reset { border: 1.5px solid #fca5a5; background: #fffdfd; color: #b91c1c; padding: 8px 12px; border-radius: 8px; font-weight: 700; cursor: pointer; font-size: 12.5px; touch-action: manipulation !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; user-select: none !important; }
.mc-sim-embed-area textarea { font-family: monospace; font-size: 12px; background: #f1f5f9; cursor: pointer; }
.mc-sim-embed-area textarea:focus { background: #f8fafc; }
.mc-sim-footer { padding: 14px 24px; border-top: 1px solid var(--mc-line, #e5e7eb); text-align: center; font-size: 12px; color: var(--mc-text-soft, #6b7280); background: var(--mc-slate-50, #f8fafc); letter-spacing: 0.3px; }
.mc-sim-footer a { color: var(--mc-leaf, #16a34a); text-decoration: none; font-weight: 600; }
.mc-sim-footer a:hover { text-decoration: underline; }
@media (max-width: 480px) {
    .mc-sim-head, .mc-sim-tabs, .mc-sim-body, .mc-sim-footer { padding-left: 16px !important; padding-right: 16px !important; }
    .mc-sim-title { font-size: 16px !important; }
    .mc-sim-kinetics-box { grid-template-columns: 1fr !important; }
    .mc-sim-kinetics-box > div:last-child { border-left: none !important; border-top: 1px solid var(--mc-sky-line, #bfdbfe) !important; padding-top: 12px !important; margin-top: 4px !important; }
    .mc-sim-metrics-bar { grid-template-columns: 1fr 1fr !important; }
}

/* --- Second-pass re-widget 2026-08-28 appended: 8 classes (was 77 inline, style_blocks 0), greedy to <50; previous widget 6812 bytes, 34 classes --- */
.mc-diy_ec_controller_-rw2-c1 { font-size: 11.5px !important; }
.mc-diy_ec_controller_-rw2-c2 { flex: 1; min-width: 120px; background: var(--mc-sky, #EFF6FF); border: 1px solid var(--mc-sky-line, #BFDBFE); border-radius: 8px; padding: 12px; text-align: center; font-size: 12.5px; font-weight: 700; color: var(--mc-ink, #064E3B); box-sizing: border-box; }
.mc-diy_ec_controller_-rw2-c3 { font-weight: 500; font-size: 11px; color: var(--mc-text-soft, #6B7280); }
.mc-diy_ec_controller_-rw2-c4 { padding: 14px 18px !important; text-align: left !important; font-weight: 700 !important; color: var(--mc-ink, #064E3B) !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; font-size: 11px !important; }
.mc-diy_ec_controller_-rw2-c5 { color: var(--mc-leaf, #16A34A); font-weight: 900; font-size: 16px; margin: 0 auto; text-align: center; }
.mc-diy_ec_controller_-rw2-c6 { padding: 12px 18px !important; color: var(--mc-text, #374151) !important; font-weight: 600; }
.mc-diy_ec_controller_-rw2-c7 { padding: 12px 18px !important; color: var(--mc-text-soft, #6B7280) !important; font-family: monospace; font-size: 12.5px; }
.mc-diy_ec_controller_-rw2-c8 { padding: 12px 18px !important; color: var(--mc-leaf, #16A34A) !important; font-family: monospace; font-size: 12.5px; font-weight: 700; }
.mc-w-56dbdb { display: flex; flex-direction: column; border: 1px solid var(--mc-line, #E5E7EB); border-radius: 12px; background: var(--mc-paper, #ffffff); padding: 20px; margin: 25px 0; box-sizing: border-box; width: 100%; font-family: var(--mc-font-body, -apple-system, sans-serif); }
.mc-w-0dab44 { font-size: 11px; font-weight: 800; color: var(--mc-text-soft, #6B7280); text-transform: uppercase; letter-spacing: 0.08em; display: block; margin-bottom: 14px; text-align: left; }
.mc-w-5248a0 { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; box-sizing: border-box; width: 100%; }
.mc-w-e9966f { margin: 30px 0; border: 1px solid var(--mc-line, #E5E7EB); border-radius: 12px; box-shadow: 0 4px 15px rgba(6, 78, 59, 0.03); background: var(--mc-paper, #ffffff); overflow-x: auto; width: 100%; box-sizing: border-box; }
.mc-w-6409fd { width: 100%; border-collapse: collapse; border: none; font-size: 13.5px; background: #ffffff; min-width: 600px; }
.mc-w-c775ee { background: var(--mc-slate-50, #F8FAFC) !important; border-bottom: 1.5px solid var(--mc-line, #E5E7EB); }
.mc-w-39cbb4 { border-bottom: 1px solid var(--mc-line, #E5E7EB); }
.mc-w-058f5b { border-bottom: 1px solid var(--mc-line, #E5E7EB); background-color: var(--mc-slate-50, #F8FAFC); }
.mc-w-19fae4 { display: block; }
.mc-w-fe9848 { margin: 0 0 20px 0 !important; font-size: 13.5px !important; color: var(--mc-text-soft, #6b7280) !important; line-height: 1.6 !important; text-align: left !important; }
.mc-w-0df45e { color: var(--mc-leaf, #16A34A); font-weight: 600; text-decoration: none; }
.mc-w-8b8196 { font-size: 11px; font-weight: 700; color: var(--mc-accent-blue, #1d4ed8); text-transform: uppercase; }
.mc-w-e115f1 { font-size: 26px; font-weight: 800; color: var(--mc-ink, #064e3b); margin: 4px 0; }
.mc-w-557823 { font-size: 11.5px; color: var(--mc-text-soft, #6b7280); }
.mc-w-348933 { margin-top: 20px; text-align: center; }
.mc-w-224b51 { display: none; }
.mc-w-1afe21 { margin: 0 0 15px 0 !important; font-size: 13.5px !important; color: var(--mc-text-soft, #6b7280) !important; line-height: 1.6 !important; text-align: left !important; }
.mc-w-f10ac8 { border: 1px solid var(--mc-line, #e5e7eb); padding: 8px; border-radius: 8px; }
.mc-w-bdc871 { font-size: 10px; color: var(--mc-text-soft, #6b7280); text-transform: uppercase; font-weight: 700; }
.mc-w-6820ef { font-size: 18px; font-weight: 700; color: var(--mc-ink, #064E3B); }
.mc-w-17397d { border: 1px solid var(--mc-line, #e5e7eb); padding: 8px; border-radius: 8px; background: var(--mc-slate-50, #f8fafc); }
.mc-w-104913 { font-size: 18px; font-weight: 700; color: var(--mc-leaf, #16a34a); }
.mc-w-68c104 { font-size: 18px; font-weight: 700; color: var(--mc-accent-blue, #1D4ED8); }
.mc-w-287042 { background: #1e293b; border-radius: 10px; padding: 15px 18px; font-family: ui-monospace, SFMono-Regular, monospace; font-size: 12.5px; color: #38bdf8; height: 180px; overflow-y: auto; text-align: left; line-height: 1.5; margin-bottom: 15px; border: 1px solid var(--mc-line, #e5e7eb); }
.mc-w-0be3ca { display: flex; gap: 10px; justify-content: space-between; flex-wrap: wrap; }
.mc-w-e5f531 { margin-top: 10px; padding: 10px 20px; font-size: 13px; width: auto; }
.mc-w-c2decc { margin-top: 10px; font-size: 12px; color: var(--mc-text-soft, #6b7280); }
.mc-w-c3a0ea { color:' + (color || '#38bdf8') + '; }
.mc-w-1f4f48 { width:100%; border:0; min-height:680px; background:transparent; }
.mc-w-c0c4b9 { border-style:none;border-width:0px;border-radius:12px;padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px }
.mc-w-ff04a4 { font-size:22px;text-transform:capitalize }
.mc-w-02bd84 { margin: 35px 0; width: 100%; box-sizing: border-box; font-family: var(--mc-font-body, -apple-system, sans-serif); }
.mc-w-0e63af { margin: 0 0 16px 0 !important; font-family: var(--mc-font-heading, sans-serif) !important; font-size: 15px !important; font-weight: 700 !important; color: var(--mc-ink, #064E3B) !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; display: flex !important; align-items: center !important; gap: 8px !important; line-height: 1.2 !important; text-align: left !important; }
.mc-w-88b6a2 { margin: 0; width: 100%; }
.mc-w-3d2a9b { width: 100%; aspect-ratio: 16/9; border-radius: 12px; border: 1px solid var(--mc-line, #E5E7EB); box-shadow: 0 4px 15px rgba(6, 78, 59, 0.03); }