/* Tools → Email Log. Loaded on that screen only. */

.adminkeep-email-log-status { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 12px; font-weight: 600; }
.adminkeep-email-log-status.is-sent { background: #edfaef; color: #1d2327; }
.adminkeep-email-log-status.is-failed { background: #fcf0f1; color: #1d2327; }
.adminkeep-email-log-status.is-unconfirmed { background: #f6f7f7; color: #50575e; }

.wp-list-table .column-actions { width: 90px; }

/* The Period filter's From/To range, beside the dropdowns core floats in the top bar. An explicit
   [hidden] rule, because display: inline-block would otherwise override the attribute. */
.tablenav .adminkeep-email-log-range { display: inline-block; margin-right: 6px; }
.tablenav .adminkeep-email-log-range[hidden] { display: none; }
.wp-list-table .column-status { width: 110px; }

/* The preview dialog. The native <dialog> supplies the backdrop, Esc and the focus trap. */
.adminkeep-email-preview { width: min(900px, calc(100vw - 32px)); max-width: none; height: 85vh; max-height: 85vh; padding: 0; border: 0; border-radius: 8px; box-shadow: 0 12px 48px rgba(0, 0, 0, .3); color: #1d2327; }
.adminkeep-email-preview::backdrop { background: rgba(0, 0, 0, .55); }
.adminkeep-email-preview__inner { display: flex; flex-direction: column; height: 100%; }

.adminkeep-email-preview__header { display: flex; align-items: center; gap: 12px; padding: 16px 20px; border-bottom: 1px solid #dcdcde; }
.adminkeep-email-preview__header h2 { flex: 1; min-width: 0; margin: 0; font-size: 18px; line-height: 1.4; overflow-wrap: anywhere; }
.adminkeep-email-preview__nav { display: flex; align-items: center; gap: 4px; }
.adminkeep-email-preview__nav .button { min-width: 32px; font-size: 18px; line-height: 1; }
.adminkeep-email-preview__close { width: 32px; height: 32px; margin-left: 4px; padding: 0; border: 0; border-radius: 4px; background: none; color: #50575e; cursor: pointer; }
.adminkeep-email-preview__close:hover, .adminkeep-email-preview__close:focus { background: #f0f0f1; color: #1d2327; }

.adminkeep-email-preview__error { margin: 12px 20px 0; padding: 8px 12px; border-left: 4px solid #d63638; background: #fcf0f1; overflow-wrap: anywhere; }
.adminkeep-email-preview__error[hidden] { display: none; }

.adminkeep-email-preview__meta { display: grid; grid-template-columns: max-content 1fr; gap: 4px 16px; margin: 0; padding: 12px 20px; font-size: 13px; }
.adminkeep-email-preview__meta > div { display: contents; }
.adminkeep-email-preview__meta > div[hidden] { display: none; }
.adminkeep-email-preview__meta dt { color: #646970; font-weight: 600; }
.adminkeep-email-preview__meta dd { margin: 0; overflow-wrap: anywhere; }

.adminkeep-email-preview__tabs { display: flex; gap: 4px; padding: 0 20px; border-bottom: 1px solid #dcdcde; }
.adminkeep-email-preview__tabs button { margin-bottom: -1px; padding: 10px 12px; border: 0; border-bottom: 2px solid transparent; background: none; color: #50575e; font-weight: 600; cursor: pointer; }
.adminkeep-email-preview__tabs button[aria-selected="true"] { border-bottom-color: #2271b1; color: #1d2327; }
.adminkeep-email-preview__tabs button[hidden] { display: none; }

.adminkeep-email-preview__body { position: relative; flex: 1; min-height: 0; background: #fff; }
.adminkeep-email-preview__body iframe { display: block; width: 100%; height: 100%; border: 0; }
.adminkeep-email-preview__body iframe[hidden] { display: none; }
.adminkeep-email-preview__loading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 8px; background: #fff; color: #646970; }
.adminkeep-email-preview__loading[hidden] { display: none; }
.adminkeep-email-preview__loading .spinner { float: none; margin: 0; }

.adminkeep-email-preview__note { margin: 0; padding: 8px 20px; border-top: 1px solid #dcdcde; color: #646970; font-size: 12px; }

@media (max-width: 782px) {
	.adminkeep-email-preview { width: 100vw; height: 100vh; max-height: 100vh; border-radius: 0; }
	.adminkeep-email-preview__header { flex-wrap: wrap; }
}

/* The "Copy from Email Log" box: the button sits under the explanation, inside the notice. */
.adminkeep-email-log-import form { margin: 0 0 10px; }