/* v0.30: læsbare lyse arbejdsflader. Navigation og PLC-status må fortsat være mørke. */
.view>.bar{
  background:transparent!important;color:#10243a!important;border:0!important;
  padding:0!important;box-shadow:none!important
}
.view>.bar h2,.view>.bar small{color:#10243a!important}
.view>.bar small{color:#0b8066!important}

.view>.form,.view>.panel .form,.view>.form-grid{
  background:transparent!important;color:#29495e!important;border:0!important;
  padding:0!important;box-shadow:none!important
}
.view .form label,.view .form-grid label{color:#294e62!important}
.view .form label span,.view .form-grid label span{color:#557184!important}
.view .answer-grid>div{background:#f5f8fa!important;color:#28465c!important;border-color:#d4dfe6!important}
.view .answer-grid b{color:#126b59!important}.view .answer-grid small{color:#526e7f!important}

.circuit-branch{background:#fff!important;color:#10243a!important}
.circuit-component{
  background:#f7fafc!important;color:#17364a!important;border-color:#cbd9e2!important;
  box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(19,53,76,.05)
}
.circuit-component.capacitor{border-color:#b9d5e7!important}
.circuit-component.resistor{border-color:#ddcfaa!important}
.circuit-component .component-head b{color:#102f43!important}
.circuit-component .component-head span{color:#087c72!important}
.circuit-component .hint{color:#5b7385!important}
.circuit-component .icon-button{background:#fff!important;color:#315b72!important;border-color:#c6d6df!important;box-shadow:none!important}
.circuit-actions{background:rgba(247,250,252,.96)!important;border-color:#cbd9e2!important;box-shadow:0 8px 22px rgba(19,53,76,.09)}

@media(max-width:720px){.view>.bar{margin-bottom:12px!important}}