.ui-action-control{--action-color:#557365;position:relative;display:inline-flex!important;box-sizing:border-box;align-items:center;justify-content:center;gap:8px;min-height:42px;text-decoration:none!important;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important}.ui-action-control:focus-visible{outline:3px solid color-mix(in srgb,var(--action-color) 34%,transparent)!important;outline-offset:3px}.ui-action-control>svg{flex:0 0 auto}.action-control-text{font:inherit;font-weight:750;white-space:nowrap}
.ui-action-delete{--action-color:#c74438;min-width:46px!important;padding:5px 10px!important;border:1px solid rgba(199,68,56,.25)!important;border-radius:13px!important;background:#fff7f5!important;color:#c74438!important;box-shadow:0 5px 14px rgba(135,46,38,.1)!important}.ui-action-delete:hover{background:#fff!important;box-shadow:0 9px 22px rgba(135,46,38,.2)!important;transform:translateY(-2px)}.ui-action-delete .action-control-text,.ui-action-edit .action-control-text{max-width:0;overflow:hidden;opacity:0;transition:max-width .3s ease,opacity .2s}.ui-action-delete:hover .action-control-text,.ui-action-delete:focus-visible .action-control-text,.ui-action-edit:hover .action-control-text,.ui-action-edit:focus-visible .action-control-text{max-width:190px;opacity:1}.action-trash{width:34px;height:34px;overflow:visible;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.action-trash-lid{fill:#9f3027;transform-origin:12px 18px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.ui-action-delete:hover .action-trash-lid,.ui-action-delete:focus-visible .action-trash-lid{transform:rotate(-28deg) translateY(2px)}.ui-action-delete:hover .action-trash{transform:scale(1.08) rotate(3deg)}.ui-action-delete:active .action-trash{transform:scale(.96) rotate(-1deg)}
.ui-action-edit{--action-color:#557365;min-width:44px!important;min-height:44px!important;padding:0 13px!important;border:0!important;border-radius:22px!important;background:#263c36!important;color:#fff!important;box-shadow:0 5px 15px rgba(24,43,37,.2)!important;overflow:hidden}.ui-action-edit:hover{background:#557365!important;box-shadow:0 8px 20px rgba(24,43,37,.28)!important;transform:translateY(-2px)}.action-pencil{width:17px;height:17px;fill:currentColor;transition:transform .35s}.ui-action-edit:hover .action-pencil,.ui-action-edit:focus-visible .action-pencil{transform:rotate(360deg)}
.ui-action-save{--action-color:#557365;min-height:46px!important;padding:7px 15px!important;border:1px solid rgba(85,115,101,.26)!important;border-radius:14px!important;background:#557365!important;color:#fff!important;box-shadow:0 7px 18px rgba(41,73,65,.18)!important}.ui-action-save:hover{background:#426259!important;box-shadow:0 11px 25px rgba(41,73,65,.27)!important;transform:translateY(-2px)}.action-cloud{width:29px;height:29px;fill:currentColor;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.ui-action-save:hover .action-cloud,.ui-action-save:focus-visible .action-cloud{transform:scale(1.22)}
.ui-action-options{--action-color:#557365;min-height:44px!important;padding:7px 12px!important;border-radius:12px!important;list-style:none;user-select:none}.ui-action-options::-webkit-details-marker{display:none}.action-burger{position:relative;display:flex;width:28px;height:28px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:9px;transition:.3s}.action-burger i{display:block;width:22px;height:2px;border-radius:5px;background:currentColor;transition:.3s}.ui-action-options:hover .action-burger{background:#557365;color:#fff;border-radius:50%}details[open]>.ui-action-options .action-burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}details[open]>.ui-action-options .action-burger i:nth-child(2){width:0}details[open]>.ui-action-options .action-burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
html[data-theme=dark] .ui-action-delete{border-color:rgba(231,102,90,.42)!important;background:#3a2927!important;color:#ff8a7e!important}html[data-theme=dark] .ui-action-edit{background:#182823!important}html[data-theme=dark] .ui-action-save{background:#41665b!important;color:#fff!important}
@media(max-width:560px){.ui-action-control{min-height:44px}.ui-action-delete{padding:4px 8px!important}.action-trash{width:31px;height:31px}.ui-action-edit,.ui-action-save{padding-right:12px!important;padding-left:12px!important}.ui-action-delete .action-control-text,.ui-action-edit .action-control-text{max-width:190px;opacity:1}}
@media(prefers-reduced-motion:reduce){.ui-action-control,.action-trash,.action-trash-lid,.action-pencil,.action-cloud,.action-burger,.action-burger i{transition:none!important}}
