/* =========================================================
   DockB Hamburg — custom overrides (loaded after dist/app.css)
   ========================================================= */

/* dist/app.css ustawia body { min-width: 360px }, co na viewportach < 360px
   (np. 320px) wymusza poziomy scroll całej strony (scrollWidth 360 vs 320).
   Obniżamy próg do 320px — layout jest mobile-first/flex i składa się
   poprawnie; poniżej 320px zostaje minimalna ochrona przed zgnieceniem. */
body {
    min-width: 320px;
}

/* === Action Result page === */
.action-result {
    padding: 4rem 0 6rem;
    min-height: 60vh;
}

.action-result__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.action-result__icon {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 56px;
    line-height: 1;
    color: #fff;
}

.action-result__icon--success { background: var(--bs-success, #198754); }
.action-result__icon--error   { background: var(--bs-danger,  #dc3545); }

.action-result__title   { font-size: 1.75rem; margin: 0; }
.action-result__message { font-size: 1.125rem; max-width: 600px; margin: 0; }
.action-result__cta     { margin-top: 1rem; }