/* e.emach.pl — canonical Developer parameter inspector layer
   ----------------------------------------------------------
   MUST be loaded after all generic and specialised card CSS. Device-specific
   renderers may own geometry, but they must never suppress this diagnostic
   layer. The attribute is emitted only for Developer sessions.
*/

.device-card .device-card-live-values:not(.has-bqs-area-summary)
    > .device-card-live-value[data-param-inspector="1"] {
    border: 0 !important;
    outline: 1px dashed rgba(74, 88, 81, .30) !important;
    outline-offset: -1px !important;
    box-shadow: inset 0 0 0 1px var(--parameter-panel-frame) !important;
    cursor: help;
}

.device-card .device-card-live-values:not(.has-bqs-area-summary)
    > .device-card-live-value[data-param-inspector="1"][data-param-kind="composite"] {
    outline-style: solid !important;
    outline-color: rgba(74, 88, 81, .34) !important;
}

@media (hover: hover) and (pointer: fine) {
    .device-card .device-card-live-values:not(.has-bqs-area-summary)
        > .device-card-live-value[data-param-inspector="1"]:hover {
        outline-width: 2px !important;
        outline-color: rgba(49, 67, 58, .52) !important;
        outline-offset: -2px !important;
        filter: brightness(1.025);
    }
}

@media (prefers-color-scheme: dark) {
    .device-card .device-card-live-values:not(.has-bqs-area-summary)
        > .device-card-live-value[data-param-inspector="1"] {
        outline-color: rgba(213, 222, 217, .28) !important;
    }

    .device-card .device-card-live-values:not(.has-bqs-area-summary)
        > .device-card-live-value[data-param-inspector="1"][data-param-kind="composite"] {
        outline-color: rgba(224, 232, 228, .34) !important;
    }

    @media (hover: hover) and (pointer: fine) {
        .device-card .device-card-live-values:not(.has-bqs-area-summary)
            > .device-card-live-value[data-param-inspector="1"]:hover {
            outline-color: rgba(239, 244, 241, .56) !important;
        }
    }
}