/* Site styles. Bootstrap provides the rest. */
.btn-lg {
    min-height: 3rem;
}

.fault-photo {
    display: block;
    max-width: 100%;
    max-height: 12rem;
    border-radius: 0.375rem;
}

/* Worksheet: room headings at the left with indented bullets, like the paper sheet. */
.sheet-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.1rem;
}

.sheet-subtitle {
    font-size: 0.85rem;
    margin-bottom: 1rem;
}

.sheet-room {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 2.25rem 0 0.25rem;
}

.sheet-urgency {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin: 0.4rem 0 0.15rem 1rem;
}

.sheet-list {
    margin: 0 0 0.25rem 1rem;
    padding-left: 1.25rem;
}

.sheet-list ul {
    margin: 0;
    padding-left: 1.5rem;
}

.sheet-list li {
    break-inside: avoid;
}

.sheet-note {
    font-size: 0.85em;
    font-style: italic;
}

@media (min-width: 768px) {
    .sheet-urgency {
        margin-left: 6rem;
    }

    .sheet-list {
        margin-left: 6rem;
    }
}

@media print {
    @page {
        size: A4;
        margin: 12mm;
    }

    .navbar,
    .no-print,
    .alert {
        display: none !important;
    }

    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10.5pt;
        color: #000;
        background: #fff;
    }

    main.container {
        max-width: none;
        padding: 0;
    }

    .sheet-title {
        font-size: 16pt;
    }

    .sheet-subtitle {
        font-size: 9pt;
        margin-bottom: 4mm;
    }

    .sheet-room {
        font-size: 11.5pt;
        margin-top: 9mm;
        break-after: avoid;
    }

    .sheet-urgency {
        font-size: 8pt;
        margin-left: 35mm;
        break-after: avoid;
    }

    .sheet-list {
        margin-left: 35mm;
    }
}