/* Item-options modal (optionsModal.js) as a centered card matching the
   item-picker overlay (serviceItemSelect's .sis-content): same horizontal size,
   inset 10% top/bottom. Loaded by the admin + service pages, where the modal
   opens from the "add item" flow. (The guest viewer keeps its own full-screen
   styling from common/style.css by not loading this file.) */

#options-modal {
    position: fixed;
    inset: 0;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

#options-modal .modal-content {
    width: min(92vw, 560px);
    height: 80vh;
    margin: 10vh auto;
    padding: 16px;
    border-radius: 12px;
    overflow-y: auto;
}