.oa-action-modal { width: min(1180px, calc(100vw - 28px)); max-width: none; height: min(860px, calc(100vh - 28px)); max-height: calc(100vh - 28px); padding: 0; border: 0; border-radius: 10px; overflow: hidden; color: #17324d; box-shadow: 0 24px 72px rgba(15,45,75,.34); }
.oa-action-modal::backdrop { background: rgba(15,45,75,.52); backdrop-filter: blur(3px); }
.oa-action-shell { display: grid; grid-template-rows: auto minmax(0, 1fr); height: 100%; background: #fff; }
.oa-action-header { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 13px 16px; border-bottom: 1px solid #d8e3ed; background: #f1f6fa; }
.oa-action-kicker { margin: 0 0 2px; color: #657b91; font-size: 11px; font-weight: 800; }
.oa-action-header h2 { margin: 0; font-size: 18px; }
.oa-action-toolbar { display: flex; gap: 7px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.oa-action-close { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 1px solid #cadbe8; border-radius: 5px; background: #fff; color: #49657d; font-size: 22px; line-height: 1; cursor: pointer; }
.oa-action-close:hover { border-color: #168e91; color: #0d659b; }
.oa-action-frame-wrap { position: relative; min-height: 0; background: #f8fafc; }
.oa-action-frame-wrap iframe { display: block; width: 100%; height: 100%; border: 0; background: #fff; }
.oa-action-loading { position: absolute; inset: 0; z-index: 1; display: grid; place-items: center; background: #f8fafc; color: #657b91; }
.oa-action-loading[hidden] { display: none; }
.oa-action-modal.is-drawer { width: var(--oa-drawer-width, calc(100vw - var(--oa-drawer-left, 244px))); max-width: 100%; height: 100vh; max-height: 100vh; margin: 0 0 0 auto; border-radius: 0; }
.oa-action-modal.is-drawer::backdrop { background: rgba(15,45,75,.28); }
@media (max-width: 620px) { .oa-action-modal { width: 100%; height: 100vh; max-height: 100vh; border-radius: 0; } .oa-action-header { align-items: flex-start; flex-direction: column; } .oa-action-toolbar { width: 100%; justify-content: flex-start; } }
@media (max-width: 860px) { .oa-action-modal.is-drawer { width: 100%; } }