/*
 * Stilurile ecranului de administrare al pisoiului. Se servesc pe toate paginile cât
 * timp extensia e pornită (vezi extensions/README.md), deci totul e sub prefixul
 * `pisoi-`. Stările se aleg din atribute `data-*`, nu din clase calculate în Blade:
 * garda `ExtensiiStilizareTest` citește clasele static.
 */
.pisoi-comutator { position: relative; display: inline-flex; align-items: center; cursor: pointer; }
.pisoi-comutator span { position: relative; display: block; width: 2.75rem; height: 1.5rem; border-radius: 9999px; background: #e2e8f0; transition: background-color .15s; }
.pisoi-comutator span::after { content: ""; position: absolute; top: .125rem; left: .125rem; width: 1.25rem; height: 1.25rem; border-radius: 9999px; background: #fff; transition: transform .15s; }
.pisoi-comutator input:checked + span { background: #4f46e5; }
.pisoi-comutator input:checked + span::after { transform: translateX(1.25rem); }
.pisoi-comutator input:focus-visible + span { outline: 2px solid #6366f1; outline-offset: 2px; }

.pisoi-stare { border: 1px solid #fde68a; background: #fffbeb; color: #92400e; }
.pisoi-stare[data-gata="1"] { border-color: #a7f3d0; background: #ecfdf5; color: #065f46; }

.pisoi-ipostaza { border: 1px solid #f1f5f9; }
.pisoi-ipostaza[data-stare="are"] { border-color: #a7f3d0; background: rgb(236 253 245 / .5); }
.pisoi-ipostaza[data-stare="lipsa"] { border-color: #fde68a; background: rgb(255 251 235 / .5); }