/* CO11 ticks are filled silhouettes from the original logo, never strokes. */
.co11-icon { flex-shrink: 0; vertical-align: middle; }
.sidebar .brand .co11-brand-lockup { width: 130px; height: 47px; display: block; }
.lab-customer .co11-brand-lockup { width: 132px; height: 48px; }
.en-checkmark .co11-icon { width: 14px; height: 14px; }
.co11-loading-mark svg { width: 100%; height: 100%; color: #214631; animation: co11-breathe 2.4s ease-in-out infinite; transform-origin: center; }
input[type="checkbox"] {
 appearance: none; -webkit-appearance: none; display: inline-block;
 width: 17px; height: 17px; min-width: 17px; padding: 0; margin: 0;
 border: 1px solid #b8c9c1; border-radius: 4px; background: #fff;
 vertical-align: middle; cursor: pointer;
}
input[type="checkbox"]:checked {
 background: #214631 url('/os/assets/panel/co11-check-white.svg') center / 13px 13px no-repeat;
 border-color: #214631;
}
input[type="checkbox"]:indeterminate { background: linear-gradient(#fff,#fff) center / 9px 2px no-repeat #214631; border-color: #214631; }
input[type="checkbox"]:focus-visible { outline: 2px solid #6f9a83; outline-offset: 3px; }
input[type="checkbox"]:disabled { opacity: .5; cursor: default; }
@media (prefers-reduced-motion: reduce) { .co11-loading-mark svg { animation: none; } }