/* Shared modal contract: one title, one content inset, restrained Inter type. */
.portal-modal-back{padding:16px!important;z-index:100!important;background:#17212666;backdrop-filter:grayscale(1)}
.modal.portal-modal{--dialog-inset:24px;--dialog-inset-negative:-24px;padding:var(--dialog-inset)!important;margin:0;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px)!important;height:auto;overflow:auto!important;border-radius:8px!important;color:var(--ink);font:400 13px/1.45 Inter,sans-serif;overscroll-behavior:contain}
.modal.portal-modal>form,.modal.portal-modal>.history-modal{padding:0!important;margin:0!important;max-height:none!important;height:auto!important;overflow:visible!important}
.modal.portal-modal .portal-modal-title{font:650 20px/1.25 Inter,sans-serif!important;letter-spacing:-.015em!important;color:var(--ink)!important;margin:0 36px 18px 0!important;overflow-wrap:anywhere;white-space:normal}
.modal.portal-modal .portal-modal-heading{display:block;padding:0!important;margin:0 0 18px!important;border:0;min-height:0}
.modal.portal-modal .portal-modal-heading .portal-modal-title{margin-bottom:8px!important}
.modal.portal-modal .portal-modal-heading>span,.modal.portal-modal .portal-modal-heading>.module-icon,.modal.portal-modal>form>.modal-icon,.modal.portal-modal>.modal-icon{display:none}
.modal.portal-modal .modal-x{display:inline-flex!important;align-items:center;justify-content:center;position:absolute;top:18px!important;right:18px!important;width:32px!important;height:32px!important;min-height:32px!important;min-width:32px!important;padding:0!important;margin:0!important;border:1px solid var(--line)!important;border-radius:50%!important;background:#fff!important;color:#66747c!important;z-index:5}
.modal.portal-modal .modal-x .lucide{width:16px!important;height:16px!important;flex:0 0 16px!important}
.modal.portal-modal label{font:600 13px/1.35 Inter,sans-serif!important}
.modal.portal-modal input:not([type=checkbox]):not([type=radio]):not([type=color]):not(.form-title-input),.modal.portal-modal select,.modal.portal-modal textarea{font:400 13px/1.45 Inter,sans-serif!important;min-height:38px;border-radius:8px;padding:9px 10px}
.modal.portal-modal label.publish-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}
.modal.portal-modal .publish-check input{width:16px;height:16px;flex:0 0 16px;margin:0}
.modal.portal-modal input::placeholder,.modal.portal-modal textarea::placeholder{font-weight:400;color:#86928d}
.modal.portal-modal small,.modal.portal-modal form>p,.modal.portal-modal .portal-modal-heading p{font:400 12px/1.5 Inter,sans-serif;color:var(--muted)}
.modal.portal-modal footer{position:sticky!important;inset:auto!important;bottom:var(--dialog-inset-negative)!important;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px var(--dialog-inset-negative) var(--dialog-inset-negative)!important;padding:16px var(--dialog-inset)!important;border-top:1px solid var(--line);background:#fff;box-shadow:none!important;z-index:3}
.modal.portal-modal footer button,.modal.portal-modal footer a{font:500 13px/1.35 Inter,sans-serif!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;white-space:nowrap}
.modal.portal-modal .danger{color:#a12d2d!important}
.modal.portal-modal [hidden]{display:none!important}
.portal-decision.modal{width:440px}
.portal-decision-message{font:400 13px/1.6 Inter,sans-serif!important;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 16px}
.portal-decision footer{justify-content:flex-end}
.portal-decision .danger{background:#fff5f5;border:1px solid #edc9c9}
.portal-decision footer .danger{margin:0}
.csv-import-modal.portal-modal form{display:block}
.csv-import-modal.portal-modal .csv-dropzone{min-height:270px}
.csv-import-modal.portal-modal footer:has(#runCsvImport[hidden]){display:none!important}
.attachment-preview-modal.portal-modal .attachment-preview-body{flex-shrink:0}
.portal-modal:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
/* Base colour belongs to the selected tab, not its action menu. */
.table-tab-item .entity-action-menu,.table-tab-item .entity-action-menu button{color:var(--ink)!important}
.table-tab-item .entity-action-menu button.danger{color:#a12d2d!important}
@media(max-width:600px){
 .modal.portal-modal{--dialog-inset:20px;--dialog-inset-negative:-20px;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important}
 .portal-modal-back{padding:12px!important}
 .modal.portal-modal .modal-x{top:14px!important;right:14px!important}
 .modal.portal-modal .portal-modal-title{font-size:20px!important}
}
