.pompeyo-push {
    box-sizing: border-box;
    max-width: 44rem;
    margin-block: 1.5rem;
    padding: clamp(1rem, 3vw, 1.75rem);
    color: #172641;
    background: #f6f8fc;
    border: 1px solid #d6deea;
    border-radius: 8px;
    font-family: inherit;
    text-align: start;
}
.pompeyo-push h2 { margin: 0 0 .65rem; font-size: 1.25rem; line-height: 1.3; color: #172641; }
.pompeyo-push p { margin: .65rem 0; font-size: 1rem; line-height: 1.55; color: #344863; }
.pompeyo-push__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.pompeyo-push button {
    box-sizing: border-box;
    min-height: 44px;
    max-width: 100%;
    padding: .75rem 1.1rem;
    border: 2px solid #001ff3;
    border-radius: 6px;
    background: #001ff3;
    color: #fff;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    text-transform: none;
    white-space: normal;
    cursor: pointer;
}
.pompeyo-push button:hover { background: #0018b8; border-color: #0018b8; color: #fff; }
.pompeyo-push button:focus-visible, .pompeyo-push a:focus-visible { outline: 3px solid #172641; outline-offset: 4px; }
.pompeyo-push button:disabled { background: #e4e9f1; border-color: #a3afc0; color: #44536a; cursor: default; }
.pompeyo-push [data-push-test] { color: #0018b8; background: #fff; }
.pompeyo-push [hidden] { display: none !important; }
.pompeyo-push .pompeyo-push__status { font-size: .9rem; min-height: 1.4em; overflow-wrap: anywhere; }
.pompeyo-push__privacy { display: inline-block; padding-block: .6rem; color: #0018b8; font-size: .9rem; text-decoration: underline; }
.pompeyo-push-footer { max-width: 46rem; margin-inline: auto; padding-inline: 1rem; }
.pompeyo-push-admin { max-width: 1000px; }
.pompeyo-push-admin__section { margin-block: 1.5rem; padding: 1rem 1.5rem; background: #fff; border: 1px solid #c3c4c7; }
.pompeyo-push-admin__table { overflow-x: auto; }
.pompeyo-push-admin label { font-weight: 600; }
.pompeyo-push-admin__image figure { margin: 0 0 1rem; }
.pompeyo-push-admin__image figure img { display: block; width: auto; max-width: 100%; max-height: 240px; object-fit: contain; border: 1px solid #c3c4c7; }
.pompeyo-push-admin__image figcaption { margin-top: .4rem; overflow-wrap: anywhere; }
.pompeyo-push-admin__history-image { margin-top: .4rem; object-fit: contain; }
.pompeyo-push-admin [hidden] { display: none !important; }
.pompeyo-push-admin__heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; }
.pompeyo-push-admin__heading h2, .pompeyo-push-admin__heading h3 { margin-block: .5rem; }
.pompeyo-push-admin__campaign { padding-block: 1rem; }
.pompeyo-push-admin__campaign + .pompeyo-push-admin__campaign { border-top: 1px solid #c3c4c7; }
.pompeyo-push-admin__campaign h3 { overflow-wrap: anywhere; }
.pompeyo-push-admin__progress { display: block; width: 100%; height: 18px; accent-color: #2271b1; }
.pompeyo-push-admin__metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(105px, 1fr)); gap: 1rem; margin-block: 1rem .5rem; font-variant-numeric: tabular-nums; }
.pompeyo-push-admin__metrics dt { color: #3c434a; }
.pompeyo-push-admin__metrics dd { margin: .3rem 0 0; font-size: 18px; font-weight: 600; }
.pompeyo-push-admin__empty { padding-block: 1rem; }
.pompeyo-push-admin__filter, .pompeyo-push-admin__pagination { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-block: 1rem; }
.pompeyo-push-admin__table:focus-visible { outline: 2px solid #2271b1; outline-offset: 2px; }
.pompeyo-push-admin__table th, .pompeyo-push-admin__table td { vertical-align: middle; }
.pompeyo-push-admin__scroll-help { display: none; }
@media (max-width: 600px) { .pompeyo-push-admin__scroll-help { display: block; } }
@media (max-width: 480px) {
    .pompeyo-push__actions { flex-direction: column; }
    .pompeyo-push button { width: 100%; }
    .pompeyo-push-admin__section { padding: 1rem; }
}