.action-button--edit{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;min-height:2rem;padding:0;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.action-button--edit svg{width:2rem;height:2rem}.action-button--edit-with-text{width:auto;min-width:var(--touch-elderly-sm);min-height:var(--touch-elderly-sm);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border:.125rem solid var(--color-brand-blue-02);border-radius:var(--border-radius-md);background:transparent;font-family:var(--font-family-lato);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold, 600);color:var(--color-brand-blue-dark);transition:background .15s ease,border-color .15s ease}.action-button--edit-with-text:hover{background:var(--color-brand-blue-05);border-color:var(--color-brand-blue-dark);transform:none}.action-button--edit-with-text svg{width:1.25rem;height:1.25rem;flex-shrink:0}.action-button--edit-label{white-space:nowrap}.action-button--edit-icon-text{display:inline-flex}.action-button--edit-icon-icon-only{display:none}@media(max-width:600px){.action-button--edit-with-text{width:var(--touch-elderly-sm);min-width:var(--touch-elderly-sm);padding:0;border:none;background:transparent;gap:0}.action-button--edit-with-text:hover{background:transparent;border-color:transparent}.action-button--edit-label,.action-button--edit-icon-text{display:none}.action-button--edit-icon-icon-only{display:inline-flex}.action-button--edit-with-text svg{width:2rem;height:2rem}}@media(max-width:768px){.action-button--edit{width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem}.action-button--edit svg{width:1.5rem;height:1.5rem}}.action-button--edit svg path,.action-button--edit svg circle,.action-button--edit svg rect{fill:var(--color-brand-blue-medium, #57789F)}.action-button--edit:hover{transform:scale(1.1)}.action-button--edit:hover svg path,.action-button--edit:hover svg circle,.action-button--edit:hover svg rect{fill:var(--color-brand-blue-dark, #34547A)}.action-button--edit:focus,.action-button--edit:focus-visible{outline:3px solid var(--color-brand-pink, #B55759);outline-offset:2px}.action-button--edit:active{transform:scale(.95)}.action-button--edit:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.action-button--exit{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:1rem;right:1rem;z-index:100;width:2rem;height:2rem;min-width:2rem;min-height:2rem;padding:0;background:transparent;border:none;border-radius:50%;color:var(--color-brand-blue-dark);cursor:pointer;transition:all .2s ease}.action-button--exit svg{width:1.25rem;height:1.25rem}.action-button--exit svg path{fill:var(--color-brand-blue-dark)}.action-button--exit:hover{background:var(--color-brand-blue-subtle-bg);transform:scale(1.05)}.action-button--exit:focus-visible{outline:3px solid var(--color-brand-pink);outline-offset:2px}.action-button--exit:active{background:var(--color-brand-blue-lighter);transform:scale(.95)}@media(max-width:768px){.action-button--exit{top:.75rem;right:.75rem;width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem}.action-button--exit svg{width:1rem;height:1rem}}@media(prefers-reduced-motion:reduce){.action-button--edit,.action-button--exit,.action-button--view{transition:none!important}.action-button--edit:hover,.action-button--exit:hover,.action-button--view:hover,.action-button--edit:active,.action-button--exit:active,.action-button--view:active{transform:none!important}}.action-button--view{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;padding:0;background:transparent;border:none;cursor:pointer;transition:transform .2s ease}.action-button--view svg{width:1.75rem;height:1.75rem;transition:all .2s ease}@media(max-width:768px){.action-button--view{width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem}.action-button--view svg{width:2rem;height:2rem}}.action-button--view:hover{transform:scale(1.1)}.action-button--view:hover svg path,.action-button--view:hover svg circle{stroke:var(--color-brand-pink, #D55658);fill:none}.action-button--view:focus,.action-button--view:focus-visible{outline:3px solid var(--color-brand-pink, #B55759);outline-offset:2px}.action-button--view:active{transform:scale(.95)}.action-button--view:active svg path,.action-button--view:active svg circle{stroke:var(--color-brand-pink-dark, #A24527)}.action-button--view:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.action-button--delete{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;min-height:2rem;padding:.25rem;background:var(--DEEP-PINK, #B55759);border:none;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.action-button--delete svg{width:1.5rem;height:1.5rem;flex-shrink:0}.action-button--delete svg path,.action-button--delete svg circle,.action-button--delete svg rect{fill:var(--color-white, #FFFFFF)}.action-button--delete:hover{background:var(--color-brand-pink-dark, #9D4749);transform:scale(1.05)}.action-button--delete:focus,.action-button--delete:focus-visible{outline:3px solid var(--color-brand-blue-dark, #34547A);outline-offset:2px}.action-button--delete:active{transform:scale(.95);background:var(--color-brand-pink-dark, #9D4749)}.action-button--delete:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media(max-width:768px){.action-button--delete{width:2rem;height:2rem;min-width:2rem;min-height:2rem}.action-button--delete svg{width:1.5rem;height:1.5rem}}.action-button--info{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;padding:0;min-width:auto;min-height:auto;background:transparent;border:none;cursor:pointer;color:var(--color-brand-blue-medium, #57789F);transform:translateY(0);transition:color .2s ease,transform .2s ease,background-color .2s ease;border-radius:50%}.action-button--info .func-icon{width:1.75rem!important;height:1.75rem!important;display:block}.action-button--info:hover{color:var(--color-brand-blue-dark, #34547A);background-color:#57789f1a;transform:translateY(-2px) scale(1.05)}.action-button--info:focus-visible{outline:3px solid var(--color-brand-pink, #B55759);outline-offset:2px;border-radius:50%}.action-button--info:active{transform:translateY(0) scale(.98)}@media(min-width:769px){.action-button--info{min-width:2rem;min-height:2rem;padding:.25rem}}
