/* Casella anti-bot: eredita i colori del modulo in cui si trova (chiaro o scuro). */
.caduco-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.caduco-antibot{margin:12px 0;display:grid;gap:4px}
div.caduco-antibot>button[role=checkbox]{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:12px 14px;background:transparent;color:inherit;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 35%,transparent);border-radius:4px;font:inherit;font-size:15px;text-align:left;cursor:pointer;text-transform:none;letter-spacing:normal}
div.caduco-antibot>button[role=checkbox]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.caduco-antibot-mark{flex:0 0 22px;width:22px;height:22px;border:2px solid currentColor;border-radius:3px;display:grid;place-items:center;box-sizing:border-box}
.caduco-antibot[data-state=working] .caduco-antibot-mark{border-radius:50%;border-top-color:transparent;animation:caduco-spin .8s linear infinite}
.caduco-antibot[data-state=done] .caduco-antibot-mark{background:#3f8f54;border-color:#3f8f54}
.caduco-antibot[data-state=done] .caduco-antibot-mark::after{content:'';width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
div.caduco-antibot[data-state=done]>button[role=checkbox]{cursor:default}
.caduco-antibot[data-state=error] .caduco-antibot-mark{border-color:#c0564a}
.caduco-antibot-note{font-size:11px;opacity:.65}
@keyframes caduco-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.caduco-antibot[data-state=working] .caduco-antibot-mark{animation:none;border-style:dotted}}