/* LOADRUNNER_INVERTER_FINISHED_V18 */
#page-container:has(> .inverter-detail-page){min-height:0;overflow:hidden}.inverter-detail-page{width:100%;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;padding:0 4px 24px 0}.inverter-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.inverter-page-title{font-size:25px;line-height:1;font-weight:900;letter-spacing:.8px}.inverter-page-subtitle{margin-top:4px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.7px}.inverter-history-status{padding:7px 11px;border:2px solid var(--border);border-radius:8px;background:var(--panel);color:var(--muted);font-size:10px;font-weight:800}.inverter-live-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:9px;margin-bottom:10px}.inverter-summary-card{position:relative;padding:10px 12px 9px 16px;border:2px solid var(--border);border-radius:11px;background:var(--panel);box-shadow:var(--shadow)}.inverter-summary-card:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;border-radius:9px 0 0 9px;background:var(--trace-color)}.inverter-summary-top{display:flex;align-items:center;gap:10px}.inverter-summary-name{color:var(--trace-color);font-size:16px;font-weight:900;letter-spacing:.5px;-webkit-text-stroke:.25px #000;paint-order:stroke fill}.inverter-tech-settings-button{margin-left:auto;min-height:34px;padding:5px 10px;border:2px solid var(--border);border-radius:6px;background:var(--green);color:#000;font:inherit;font-size:10px;font-weight:900}.inverter-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:7px}.inverter-summary-grid span{display:block;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.3px}.inverter-summary-grid strong{display:block;margin-top:2px;color:var(--text);font-size:13px;font-weight:900;white-space:nowrap}.inverter-history-toolbar,.inverter-history-navigation,.inverter-history-controls,.inverter-graph-actions,.inverter-trace-toggles{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.inverter-history-toolbar{gap:10px}.inverter-history-nav,.inverter-history-now,.inverter-range,.inverter-graph-action,.inverter-trace-toggle{min-height:38px;padding:7px 12px;border:2px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;font-size:11px;font-weight:900}.inverter-history-nav:disabled,.inverter-history-now:disabled{opacity:.35}.inverter-range.active{border-color:var(--green-dark);box-shadow:inset 0 0 0 1px var(--green-dark)}.inverter-graph-action{background:var(--panel-secondary)}.inverter-trace-toggles{margin-top:8px}.inverter-trace-toggle{color:var(--trace-color)}.inverter-trace-toggle.disabled{opacity:.32}.inverter-trace-swatch{display:inline-block;width:20px;height:5px;margin-right:7px;border:1px solid #000;border-radius:99px;background:var(--trace-color)}.inverter-graph-picker{margin-top:8px;padding:9px;border:2px solid var(--border);border-radius:9px;background:var(--panel)}.inverter-graph-picker.hidden{display:none}.inverter-picker-section{margin:8px 0 5px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.5px}.inverter-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:5px 10px}.inverter-picker-item{display:flex;align-items:center;gap:7px;min-height:32px;color:var(--text);font-size:10px;font-weight:800}.inverter-picker-item input{width:20px;height:20px}.inverter-history-help{margin:8px 0 5px;color:var(--muted);font-size:9px;font-weight:800}.inverter-section-title{margin:14px 0 7px;padding-bottom:4px;border-bottom:1px solid var(--panel-secondary);color:var(--text);font-size:14px;font-weight:900}.inverter-graph-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.inverter-history-card{min-width:0;padding:9px 9px 7px;border:2px solid var(--border);border-radius:10px;background:var(--panel);box-shadow:var(--shadow)}.inverter-history-title{min-height:18px;color:var(--text);font-size:11px;font-weight:900;letter-spacing:.35px}.inverter-history-canvas{display:block;width:100%;height:215px;margin-top:2px;touch-action:none}.inverter-crosshair-readout{min-height:24px;margin-top:3px;padding-top:4px;border-top:1px solid var(--panel-secondary);color:var(--muted);font-size:9px;line-height:1.35;font-weight:800}.inverter-crosshair-readout span{color:var(--trace-color);font-weight:900}.inverter-settings-lock-note{margin:10px 0;padding:10px 12px;border:2px solid var(--warning);border-radius:8px;background:var(--panel);color:var(--warning);font-size:11px;font-weight:800;line-height:1.4}.inverter-verified-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.inverter-verified-setting{padding:10px 12px;border:2px solid var(--border);border-radius:8px;background:var(--panel)}.inverter-verified-setting span{display:block;color:var(--muted);font-size:9px;font-weight:800}.inverter-verified-setting input{width:100%;min-height:38px;margin-top:5px;padding:5px 8px;border:2px solid var(--border);border-radius:6px;background:var(--panel-secondary);color:var(--text);font:inherit;font-size:15px;font-weight:900}.inverter-verified-setting input:disabled{opacity:1}.inverter-verified-setting small{display:block;margin-top:4px;color:var(--muted);font-size:8px;font-weight:800}@media(max-width:900px){.inverter-graph-grid{grid-template-columns:1fr}.inverter-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-height:620px){.inverter-history-canvas{height:185px}}


/* ============================================================
   LOADRUNNER_NATIVE_SETTINGS_V19
   ============================================================ */

#page-container:has(> .inverter-settings-page) {
    min-height: 0;
    overflow: hidden;
}

.inverter-settings-page {
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
    touch-action: pan-y;
    padding-right: 7px;
    padding-bottom: 30px;
}

.inverter-settings-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.native-inverter-badge {
    margin-left: auto;
    padding: 8px 12px;
    border: 2px solid var(--green-dark);
    border-radius: 7px;
    background: var(--panel);
    color: var(--green-dark);
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}

.native-inverter-badge.bad {
    border-color: #ff1f1f;
    color: #ff1f1f;
}

.inverter-settings-info {
    margin: 10px 0 12px;
    padding: 10px 12px;
    border: 2px solid var(--green-dark);
    border-radius: 9px;
    background: var(--panel);
    color: var(--text);
    font-size: 11px;
    font-weight: 750;
    line-height: 1.35;
}

.inverter-settings-section-title {
    margin: 14px 0 7px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .6px;
}

.inverter-adjustable-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.inverter-setting-card {
    min-width: 0;
    padding: 10px 11px;
    border: 2px solid var(--border);
    border-radius: 9px;
    background: var(--panel);
    box-shadow: var(--shadow);
}

.inverter-setting-card-top {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.inverter-setting-name {
    color: var(--text);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .25px;
}

.inverter-setting-description {
    margin-top: 3px;
    color: var(--muted);
    font-size: 9px;
    font-weight: 700;
    line-height: 1.25;
}

.inverter-register-chip {
    margin-left: auto;
    padding: 3px 6px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: var(--panel-secondary);
    color: var(--muted);
    font-family: "DejaVu Sans Mono", monospace;
    font-size: 8px;
    font-weight: 800;
    white-space: nowrap;
}

.inverter-setting-edit-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px;
    margin-top: 8px;
}

.inverter-setting-control,
.inverter-setting-number-wrap {
    min-width: 0;
}

select.inverter-setting-control,
.inverter-setting-number-wrap {
    min-height: 39px;
    border: 2px solid var(--border);
    border-radius: 7px;
    background: var(--panel-secondary);
    color: var(--text);
    font: inherit;
    font-size: 12px;
    font-weight: 900;
}

select.inverter-setting-control {
    width: 100%;
    padding: 5px 8px;
}

.inverter-setting-number-wrap {
    display: flex;
    align-items: center;
    padding-right: 8px;
}

.inverter-setting-number-wrap input {
    width: 100%;
    min-width: 0;
    min-height: 35px;
    border: 0;
    outline: 0;
    padding: 4px 8px;
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: 14px;
    font-weight: 900;
}

.inverter-setting-number-wrap span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 900;
}

.inverter-setting-apply {
    min-width: 92px;
    min-height: 39px;
    padding: 5px 10px;
    border: 2px solid var(--border);
    border-radius: 7px;
    background: var(--green);
    color: #000;
    font: inherit;
    font-size: 11px;
    font-weight: 900;
}

.inverter-setting-apply:disabled {
    opacity: .45;
}

.inverter-setting-result {
    min-height: 14px;
    margin-top: 6px;
    color: var(--muted);
    font-size: 8px;
    font-weight: 800;
}

.inverter-setting-result.good {
    color: var(--green-dark);
}

.inverter-setting-result.bad {
    color: #ff1f1f;
}

.inverter-readonly-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

.inverter-readonly-card {
    position: relative;
    min-width: 0;
    padding: 8px 9px;
    border: 2px solid var(--border);
    border-radius: 8px;
    background: var(--panel);
}

.inverter-readonly-label {
    padding-right: 42px;
    color: var(--muted);
    font-size: 8px;
    font-weight: 850;
    line-height: 1.15;
}

.inverter-readonly-value {
    margin-top: 4px;
    color: var(--text);
    font-size: 15px;
    font-weight: 900;
}

.inverter-readonly-card .inverter-register-chip {
    position: absolute;
    top: 6px;
    right: 6px;
}

@media (max-width: 900px) {
    .inverter-adjustable-grid {
        grid-template-columns: 1fr;
    }

    .inverter-readonly-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-height: 620px) and (min-width: 901px) {
    .inverter-setting-card {
        padding: 7px 9px;
    }

    .inverter-settings-info {
        margin: 6px 0 8px;
        padding: 7px 10px;
        font-size: 9px;
    }

    .inverter-settings-section-title {
        margin: 9px 0 5px;
    }

    .inverter-setting-description {
        font-size: 8px;
    }

    .inverter-setting-edit-row {
        margin-top: 5px;
    }
}


/* LOADRUNNER_INVERTER_SETTINGS_COMPACT_V191_START */

/*
 * Dense technician layout.
 * The settings page is intentionally more compact than
 * customer-facing LoadRunner controls.
 */

.inverter-settings-header {
    gap: 8px;
}

.native-inverter-badge {
    padding: 5px 8px;
    font-size: 8px;
}

.inverter-settings-info {
    margin: 6px 0 8px;
    padding: 6px 9px;

    border-radius: 7px;

    font-size: 9px;
    line-height: 1.2;
}

.inverter-settings-section-title {
    margin: 8px 0 4px;

    font-size: 10px;
    letter-spacing: 0.45px;
}


/* ---------- Adjustable controls ---------- */

.inverter-adjustable-grid {
    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 6px;
}

.inverter-setting-card {
    padding: 6px 7px;

    border-width: 2px;
    border-radius: 7px;
}

.inverter-setting-card-top {
    gap: 5px;
}

.inverter-setting-name {
    font-size: 10px;
    line-height: 1.05;
}

.inverter-setting-description {
    margin-top: 2px;

    font-size: 7px;
    line-height: 1.15;
}

.inverter-register-chip {
    padding: 2px 4px;

    border-radius: 4px;

    font-size: 6px;
}

.inverter-setting-edit-row {
    gap: 5px;

    margin-top: 4px;
}

select.inverter-setting-control,
.inverter-setting-number-wrap {
    min-height: 30px;

    border-radius: 5px;
}

select.inverter-setting-control {
    padding: 3px 5px;

    font-size: 10px;
}

.inverter-setting-number-wrap {
    padding-right: 5px;
}

.inverter-setting-number-wrap input {
    min-height: 26px;

    padding: 2px 5px;

    font-size: 11px;
}

.inverter-setting-number-wrap span {
    font-size: 9px;
}

.inverter-setting-apply {
    min-width: 68px;
    min-height: 30px;

    padding: 3px 7px;

    border-radius: 5px;

    font-size: 9px;
}

.inverter-setting-result {
    min-height: 9px;

    margin-top: 3px;

    font-size: 6px;
    line-height: 1;
}


/* ---------- Read-only configuration ---------- */

.inverter-readonly-grid {
    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    gap: 5px;
}

.inverter-readonly-card {
    padding: 5px 6px;

    border-radius: 6px;
}

.inverter-readonly-label {
    padding-right: 30px;

    font-size: 6px;
    line-height: 1.05;
}

.inverter-readonly-value {
    margin-top: 2px;

    font-size: 11px;
}

.inverter-readonly-card
.inverter-register-chip {
    top: 4px;
    right: 4px;
}


/*
 * Product touchscreen:
 * retain two large-enough adjustable columns while
 * substantially reducing vertical height.
 */

@media (max-width: 1200px) {

    .inverter-adjustable-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .inverter-readonly-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}


/*
 * Narrow devices fall back to one column.
 */

@media (max-width: 700px) {

    .inverter-adjustable-grid {
        grid-template-columns:
            1fr;
    }

    .inverter-readonly-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}

/* LOADRUNNER_INVERTER_SETTINGS_COMPACT_V191_END */



/* LOADRUNNER_READABLE_COMPACT_SETTINGS_V193_START */

/*
 * Technician settings:
 * readable text without artificially stretching cards.
 */

.inverter-settings-info {
    margin:
        7px 0 10px !important;

    padding:
        7px 10px !important;

    font-size:
        10.5px !important;

    line-height:
        1.25 !important;
}


.inverter-settings-section-title {
    margin:
        11px 0 6px !important;

    font-size:
        11px !important;

    letter-spacing:
        0.45px !important;
}


.inverter-settings-page
.detail-subtitle {
    font-size:
        10px !important;
}


/* ------------------------------------------------------------
   ADJUSTABLE SETTINGS
   ------------------------------------------------------------ */

.inverter-adjustable-grid {
    display:
        grid !important;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 360px)
        ) !important;

    justify-content:
        start !important;

    gap:
        7px !important;
}


.inverter-setting-card {
    min-width:
        0 !important;

    padding:
        7px 8px !important;

    border-radius:
        7px !important;
}


.inverter-setting-card-top {
    gap:
        6px !important;
}


.inverter-setting-name {
    font-size:
        12px !important;

    line-height:
        1.08 !important;

    letter-spacing:
        0.15px !important;
}


.inverter-setting-description {
    margin-top:
        2px !important;

    font-size:
        9px !important;

    line-height:
        1.18 !important;
}


.inverter-register-chip {
    padding:
        2px 4px !important;

    font-size:
        7px !important;
}


.inverter-setting-edit-row {
    margin-top:
        5px !important;

    gap:
        5px !important;
}


select.inverter-setting-control,
.inverter-setting-number-wrap {
    min-height:
        32px !important;

    border-radius:
        5px !important;
}


select.inverter-setting-control {
    padding:
        3px 6px !important;

    font-size:
        12px !important;
}


.inverter-setting-number-wrap {
    padding-right:
        6px !important;
}


.inverter-setting-number-wrap input {
    min-height:
        28px !important;

    padding:
        2px 6px !important;

    font-size:
        13px !important;
}


.inverter-setting-number-wrap span {
    font-size:
        10px !important;
}


.inverter-setting-apply {
    min-width:
        68px !important;

    min-height:
        32px !important;

    padding:
        3px 7px !important;

    border-radius:
        5px !important;

    font-size:
        9px !important;
}


.inverter-setting-result {
    min-height:
        11px !important;

    margin-top:
        4px !important;

    font-size:
        8px !important;

    line-height:
        1.1 !important;
}


/* ------------------------------------------------------------
   READ-ONLY SETTINGS
   ------------------------------------------------------------ */

.inverter-readonly-grid {
    display:
        grid !important;

    grid-template-columns:
        repeat(
            6,
            minmax(0, 245px)
        ) !important;

    justify-content:
        start !important;

    gap:
        6px !important;
}


.inverter-readonly-card {
    padding:
        6px 7px !important;

    border-radius:
        6px !important;
}


.inverter-readonly-label {
    padding-right:
        34px !important;

    font-size:
        8px !important;

    line-height:
        1.08 !important;
}


.inverter-readonly-value {
    margin-top:
        3px !important;

    font-size:
        14px !important;
}


/* ------------------------------------------------------------
   1024px product touchscreen
   ------------------------------------------------------------ */

@media (
    min-width: 851px
) and (
    max-width: 1200px
) {

    .inverter-adjustable-grid {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            ) !important;
    }


    .inverter-readonly-grid {
        grid-template-columns:
            repeat(
                4,
                minmax(0, 1fr)
            ) !important;
    }


    .inverter-setting-name {
        font-size:
            11px !important;
    }


    .inverter-setting-description {
        font-size:
            8.5px !important;
    }


    select.inverter-setting-control,
    .inverter-setting-number-wrap input {
        font-size:
            12px !important;
    }

}


/* Medium-width displays */

@media (
    min-width: 601px
) and (
    max-width: 850px
) {

    .inverter-adjustable-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }


    .inverter-readonly-grid {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            ) !important;
    }

}


/* Narrow fallback */

@media (
    max-width: 600px
) {

    .inverter-adjustable-grid {
        grid-template-columns:
            1fr !important;
    }


    .inverter-readonly-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }

}

/* LOADRUNNER_READABLE_COMPACT_SETTINGS_V193_END */



/* LOADRUNNER_TOUCH_STEPPER_V200_START */

.inverter-touch-number {
    cursor: pointer;
    caret-color: transparent;

    user-select: none;
    -webkit-user-select: none;

    touch-action: manipulation;
}


/*
 * Hidden until the user taps the value.
 */

.inverter-touch-stepper {
    display: none;

    grid-template-columns:
        78px
        minmax(80px, 1fr)
        78px;

    gap: 10px;

    align-items: center;

    margin-top: 8px;
}


.inverter-setting-card.stepper-active
.inverter-touch-stepper {

    display: grid;

}


/*
 * Finger-sized controls rather than tiny native browser
 * spinner arrows.
 */

.inverter-step-button {

    width: 78px;
    min-width: 78px;

    height: 56px;
    min-height: 56px;

    padding: 0;

    border:
        2px solid
        currentColor;

    border-radius: 9px;

    background: transparent;
    color: inherit;

    font: inherit;

    font-size: 32px;
    font-weight: 800;
    line-height: 1;

    display: flex;

    align-items: center;
    justify-content: center;

    cursor: pointer;

    touch-action: manipulation;

    user-select: none;
    -webkit-user-select: none;
}


.inverter-step-button:active {

    transform:
        translateY(1px);

}


.inverter-step-center {

    min-height: 52px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    text-align: center;

}


.inverter-step-caption {

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 0.08em;

}


.inverter-step-size {

    margin-top: 3px;

    font-size: 9px;
    font-weight: 700;

    opacity: 0.72;

}


.inverter-setting-card.stepper-active {

    padding-bottom: 10px;

}


/*
 * Actual 1024x600 LoadRunner display.
 */

@media (
    min-width: 851px
) and (
    max-width: 1200px
) {

    .inverter-touch-stepper {

        grid-template-columns:
            68px
            minmax(70px, 1fr)
            68px;

        gap: 8px;

    }


    .inverter-step-button {

        width: 68px;
        min-width: 68px;

        height: 52px;
        min-height: 52px;

        font-size: 30px;

    }

}

/* LOADRUNNER_TOUCH_STEPPER_V200_END */