/*
 * Designed & Developed by HiiLSE Global Sdn Bhd
 * Brand: The HiiLSE Drone Malaysia
 * Core Author: Mr. Elanggovan Thanggavilo
 * Created: 2026-09-15 19:22:00 MYT
 * Last Edited: 2026-09-15 19:22:00 MYT
 * File Coding Attribute: HDcmsRw 1.24.0 C1 full HEPC Experience colour application. Applies published theme variables to the complete Programming Studio surface while deliberately excluding HiiLSE Professional Original so its 1.23.2 visual baseline remains unchanged.
 */

.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]){background:var(--hepc-c1-page-bg,#f8fafc);color:var(--hepc-c1-body-text,#334155);transition:background-color .18s ease,color .18s ease}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-studio{background:var(--hepc-c1-card-bg,#fff);border-color:var(--hepc-c1-border,#dfe4ec);color:var(--hepc-c1-body-text,#334155)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-hero h1{color:var(--hepc-c1-h1,#10131c)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-section-head h2{color:var(--hepc-c1-h2,#141825)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) h3,
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) h4{color:var(--hepc-c1-h3,#1b2740)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) p{color:var(--hepc-c1-body-text,#334155)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) strong,
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) b{color:var(--hepc-c1-strong-text,#172033)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) a{color:var(--hepc-c1-link-text,#1758a8)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-kicker{color:var(--hepc-c1-runtime-accent,#4f46e5)}

/* Project bar, forms and selectors */
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-projectbar{background:var(--hepc-c1-experience-panel-bg,#f5f7fb);border-color:var(--hepc-c1-border,#dfe4ec)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-projectbar label,
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1232-experience-main label,
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1232-text-size>span{color:var(--hepc-c1-label-text,#334155)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-projectbar input,
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-projectbar select,
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1232-experience-main select{background:var(--hepc-c1-input-bg,#fff);color:var(--hepc-c1-input-text,#172033);border-color:var(--hepc-c1-input-border,#cfd6e2)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-projectbar input:focus,
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-projectbar select:focus,
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1232-experience-main select:focus{outline:3px solid color-mix(in srgb,var(--hepc-c1-focus,#4f46e5) 26%,transparent);border-color:var(--hepc-c1-focus,#4f46e5)}

/* Experience bar and text-size controls */
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1232-experiencebar{background:var(--hepc-c1-experience-panel-bg,#fbfcff);border-color:var(--hepc-c1-experience-panel-border,#dfe5ef)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1232-experience-note{color:var(--hepc-c1-helper-text,#64748b)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1232-help-depth{background:var(--hepc-c1-help-bg,#eef3ff);color:var(--hepc-c1-help-text,#263d70)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1232-text-size button{background:var(--hepc-c1-text-btn-inactive-bg,#e8ebf2);color:var(--hepc-c1-text-btn-inactive-text,#283247);border:1px solid transparent}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1232-text-size button.is-active{background:var(--hepc-c1-text-btn-active-bg,#4b3ea8);color:var(--hepc-c1-text-btn-active-text,#fff)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1232-text-size button:hover{border-color:var(--hepc-c1-text-btn-hover,#4f46e5)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1232-experiencebar button.secondary{background:var(--hepc-c1-reset-bg,#e8ebf2);color:var(--hepc-c1-reset-text,#283247)}

/* Buttons */
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-project-actions button:not(.secondary),
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-editor-toolbar button:not(:disabled),
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1231-guide-views button.is-active{background:var(--hepc-c1-button-primary-bg,#24304b);color:var(--hepc-c1-button-primary-text,#fff);border-color:var(--hepc-c1-button-primary-bg,#24304b)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-project-actions button:not(.secondary):hover,
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-editor-toolbar button:not(:disabled):hover{background:var(--hepc-c1-button-primary-hover,#34405e)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) button:disabled{background:var(--hepc-c1-button-disabled-bg,#e2e8f0)!important;color:var(--hepc-c1-button-disabled-text,#94a3b8)!important;opacity:1!important}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-editor-toolbar button[data-hepc-run]:not(:disabled){background:var(--hepc-c1-button-success-bg,#059669);color:var(--hepc-c1-button-success-text,#fff)}

/* Runtime cards */
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-runtime-strip{border-color:var(--hepc-c1-border,#dfe4ec)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-runtime-strip>div{background:var(--hepc-c1-runtime-card-bg,#fff);border-color:var(--hepc-c1-border,#dfe4ec);box-shadow:inset 0 3px 0 var(--hepc-c1-runtime-accent,#4f46e5)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-runtime-strip span{color:var(--hepc-c1-runtime-label,#64748b)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-runtime-strip b{color:var(--hepc-c1-runtime-value,#172033)}

/* Editor */
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-editor-column{background:var(--hepc-c1-editor-bg,#111827);border-color:var(--hepc-c1-border,#dfe4ec)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-editor-toolbar{background:var(--hepc-c1-editor-toolbar-bg,#171d2c);color:var(--hepc-c1-editor-toolbar-text,#e7ecf7);border-color:var(--hepc-c1-border,#dfe4ec)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-editor-toolbar b{color:var(--hepc-c1-editor-toolbar-text,#e7ecf7)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-editor-toolbar span{color:color-mix(in srgb,var(--hepc-c1-editor-toolbar-text,#e7ecf7) 72%,transparent)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-editor-wrap{background:var(--hepc-c1-editor-bg,#111827)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-line-gutter{background:var(--hepc-c1-editor-gutter-bg,#0d1320);color:var(--hepc-c1-editor-gutter-text,#63708b);border-color:var(--hepc-c1-border,#dfe4ec)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-editor-wrap textarea{background:var(--hepc-c1-editor-bg,#111827)!important;color:var(--hepc-c1-editor-text,#e8eef8)!important;caret-color:var(--hepc-c1-editor-caret,#fff)!important}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-editor-wrap textarea::selection{background:var(--hepc-c1-editor-selection,#334d7a)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-editor-foot{background:var(--hepc-c1-editor-footer-bg,#171d2c);color:var(--hepc-c1-editor-footer-text,#8792a8);border-color:var(--hepc-c1-border,#dfe4ec)}

/* Problems / Console / Output */
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-sidepanels section{background:var(--hepc-c1-card-bg,#fff);border-color:var(--hepc-c1-border,#dfe4ec)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-sidepanels section:nth-child(1) header{background:var(--hepc-c1-problems-header-bg,#f5f7fa);color:var(--hepc-c1-problems-header-text,#172033)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-sidepanels section:nth-child(2) header{background:var(--hepc-c1-console-header-bg,#f5f7fa);color:var(--hepc-c1-strong-text,#172033)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-sidepanels section:nth-child(3) header{background:var(--hepc-c1-output-header-bg,#f5f7fa);color:var(--hepc-c1-strong-text,#172033)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-panel-body{background:var(--hepc-c1-problems-body-bg,#fff);color:var(--hepc-c1-body-text,#334155)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1232-problem-help{background:var(--hepc-c1-problem-help-bg,#f1f4fa);color:var(--hepc-c1-problem-help-text,#536079)!important}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-problem{border-left-color:var(--hepc-c1-error,#bf334c);background:color-mix(in srgb,var(--hepc-c1-error,#bf334c) 9%,#fff)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-warning{border-left-color:var(--hepc-c1-warning,#d29c20);background:color-mix(in srgb,var(--hepc-c1-warning,#d29c20) 9%,#fff)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-console{background:var(--hepc-c1-console-body-bg,#111827);color:var(--hepc-c1-console-text,#d9e3f4);border-top:3px solid var(--hepc-c1-console-accent,#176b4a)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-output{background:var(--hepc-c1-output-body-bg,#fff);color:var(--hepc-c1-output-text,#334155)}

/* Coding Guide */
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-guide{background:var(--hepc-c1-guide-bg,#fff);border-color:var(--hepc-c1-guide-card-border,#dfe4ec);border-radius:16px;padding:22px}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-guide-card,
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1231-command-card,
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1231-progressive-card,
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1231-error-card{background:var(--hepc-c1-guide-card-bg,#fff);border-color:var(--hepc-c1-guide-card-border,#dfe4ec)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-guide-card header,
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1231-command-card header,
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1231-progressive-card header,
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1231-error-card header{background:color-mix(in srgb,var(--hepc-c1-guide-selected-bg,#eef2ff) 60%,#fff);border-color:var(--hepc-c1-guide-card-border,#dfe4ec)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) [data-hepc-guide-view].is-active{background:var(--hepc-c1-guide-selected-bg,#eef2ff)!important;color:var(--hepc-c1-guide-selected-text,#44318d)!important;border-color:var(--hepc-c1-focus,#4f46e5)!important}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-codebox{background:var(--hepc-c1-guide-code-bg,#121826)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-codebox pre{color:var(--hepc-c1-guide-code-text,#e6edf8)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-code-actions{background:color-mix(in srgb,var(--hepc-c1-guide-code-bg,#121826) 88%,#fff);border-color:var(--hepc-c1-guide-card-border,#dfe4ec)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-code-actions button:first-child{background:var(--hepc-c1-guide-copy-bg,#24304b);color:var(--hepc-c1-guide-copy-text,#fff)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1230-code-actions button:last-child{background:var(--hepc-c1-guide-send-bg,#24304b);color:var(--hepc-c1-guide-send-text,#fff)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1231-syntax{background:color-mix(in srgb,var(--hepc-c1-guide-selected-bg,#eef2ff) 45%,#fff);border-color:var(--hepc-c1-guide-card-border,#dfe4ec)}
.hepc1230-page[data-hepc-color-theme]:not([data-hepc-color-theme="hiiLSE-professional-original"]) .hepc1231-syntax code{color:var(--hepc-c1-h3,#1b2740)}

/* Keep language identity icon colours independent of Experience theme. */
.hepc1230-page .hepc1233-language-icon img{filter:none!important}

@media (prefers-reduced-motion:reduce){.hepc1230-page[data-hepc-color-theme]{transition:none}}