/*
    Telpa Protect page rules. Only the things the shared design-system vocabulary cannot express:
    the activity-log column template, the two-line module card, and the amount-rule threshold field.
    Everything else on these pages reuses telpa-design-system.css.

    The log grid keeps a single column template at every width because .telpa-data-grid already sets
    a 60rem minimum inside a horizontally scrolling container, which is how the design system handles
    wide tables on small screens.
*/
.telpa-protect-log-grid {
    grid-template-columns: 8.5rem 9rem 7rem 6rem 9rem minmax(8rem, 1fr) 7rem 6rem;
}

.telpa-protect-module {
    display: flex;
    flex-direction: column;
}

.telpa-protect-module > :last-child {
    margin-top: auto;
}

/* the threshold sits inline with its label and badge, so it must not stretch to the row width. */
.telpa-protect-threshold {
    width: auto;
    max-width: 12rem;
}