/* Shared motion and back controls for dialogs and panels. */
:root{--interface-ease:cubic-bezier(.22,1,.36,1);--interface-duration:260ms}
body button.interface-back{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;width:auto!important;min-width:74px!important;height:auto!important;min-height:38px;padding:7px 11px!important;border:1px solid #38516d!important;border-radius:9px!important;background:#132338!important;color:#c9dbf2!important;font:500 12px/1.4 'Be Vietnam Pro',system-ui!important;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:background 160ms ease,border-color 160ms ease}
body button.interface-back svg{width:17px!important;height:17px!important;flex:0 0 17px;pointer-events:none}
body button.interface-back span{font:inherit!important;color:inherit!important;pointer-events:none}
body button.interface-back:hover{background:#1c3550!important;border-color:#6ca7db!important}
body button.interface-back:focus-visible{outline:2px solid #69c7ff;outline-offset:3px}
body .modal-overlay{transition:opacity var(--interface-duration) var(--interface-ease),visibility var(--interface-duration) var(--interface-ease)!important}
body .modal-overlay>.modal-card,body .modal-overlay>.wb-add-card{transition:transform var(--interface-duration) var(--interface-ease),opacity var(--interface-duration) var(--interface-ease)!important;transform:translateY(12px) scale(.985);opacity:0;animation:none!important}
body .modal-overlay.show>.modal-card,body .modal-overlay.show>.wb-add-card{transform:translateY(0) scale(1);opacity:1}
@supports (transition-behavior:allow-discrete){
 body dialog,body #wb-detail{transition:opacity var(--interface-duration) var(--interface-ease),transform var(--interface-duration) var(--interface-ease),display var(--interface-duration) allow-discrete,overlay var(--interface-duration) allow-discrete!important;opacity:0;transform:translateY(10px) scale(.99)}
 body dialog[open],body #wb-detail:not([hidden]){opacity:1;transform:translateY(0) scale(1)}
 body dialog::backdrop{background:#02091799;transition:opacity var(--interface-duration) ease,display var(--interface-duration) allow-discrete,overlay var(--interface-duration) allow-discrete;opacity:0}
 body dialog[open]::backdrop{opacity:1}
 @starting-style{body dialog[open],body #wb-detail:not([hidden]){opacity:0;transform:translateY(10px) scale(.99)}body dialog[open]::backdrop{opacity:0}}
}
@media(prefers-reduced-motion:reduce){body .modal-overlay,body .modal-overlay>.modal-card,body .modal-overlay>.wb-add-card,body dialog,body #wb-detail,body dialog::backdrop{transition:none!important;animation:none!important;transform:none!important}body button.interface-back{transition:none}}