/* swp-float — fleet "pop-up is its own window" skin (Aaron, 2026-09-29).
   Source of truth: S:\swp-deposits\public\css\swp-float.css + js\swp-float.js;
   other apps copy these two files. swp-float.js tags eligible .modal-backdrop
   elements with .swp-float when they open; everything else keeps the classic
   dimmed, fixed, click-blocking behavior. Remove the two includes to roll back. */

/* Floating: no dim, the page behind stays usable, only the panel takes clicks. */
.modal-backdrop.swp-float{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}
.modal-backdrop.swp-float > .modal{pointer-events:auto;box-shadow:0 14px 44px rgba(40,30,20,.32),0 0 0 1px rgba(40,30,20,.14)}
.modal-backdrop.swp-float .modal-header{cursor:move;user-select:none;-webkit-user-select:none;touch-action:none}
.modal-backdrop.swp-float .modal-header :is(button,a,input,select,textarea){cursor:pointer}

/* Blocking (yes/no, destructive, position-sensitive): always above any floating
   panel, still under toasts (.toast is z-index 999). */
.modal-backdrop[data-blocking]{z-index:900}

/* "Finish or cancel this one first" nudge. */
@keyframes swp-float-flash{0%,100%{outline-color:transparent}20%,60%{outline-color:#c0392b}}
.modal-backdrop.swp-float > .modal.swp-float-flash{outline:3px solid transparent;outline-offset:2px;animation:swp-float-flash .9s ease-in-out}
