/* Shared by usage, orders and API-key recycle dialogs. */
.modal-content:has(#recycle-retention){width:calc(100vw - 32px)!important;max-width:760px!important}
.modal-content:has(#recycle-retention) .modal-body{padding:16px 20px!important}
.modal-content:has(#recycle-retention) .space-y-5>:not([hidden])~:not([hidden]){margin-top:14px!important}
.modal-content:has(#recycle-retention) .modal-header{padding:18px 20px!important}
.modal-content:has(#recycle-retention) .max-h-96{max-height:min(416px,44vh)!important}
.modal-content:has(#recycle-retention) .max-h-96 label{padding:10px 12px!important}
.modal-content:has(#recycle-retention) .max-h-96 label .mt-2{margin-top:5px!important}
.modal-content:has(#recycle-retention) .input{min-height:36px;height:36px;padding-top:6px;padding-bottom:6px}
.modal-content:has(#recycle-retention) .btn{min-height:34px;padding:7px 12px}
.modal-content:has(#recycle-retention) .border-dashed{padding-top:28px!important;padding-bottom:28px!important}
.key-group-picker .group-picker-trigger .platform-tag{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}
.key-group-picker .group-picker-trigger .platform-tag svg{width:16px;height:16px;flex:none}
@media(max-width:540px){
 .modal-content:has(#recycle-retention){width:calc(100vw - 20px)!important}
 .modal-content:has(#recycle-retention) .modal-body{padding:12px!important}
 .modal-content:has(#recycle-retention) .max-h-96 label .text-xs{font-size:11px;line-height:16px}
 .modal-content:has(#recycle-retention) .max-h-96 label .gap-x-5{column-gap:10px}
}