/*
 * Warrant: the title stands on a file tab at the top left, the kind is
 * stamped askew in the office beside it, the figures follow as dotted
 * leaders running from label to value, the text takes the rest and the
 * source whispers at the foot. The emblem watermarks the lower left.
 */

.warrant-card .print-card-watermark {
    right: auto;
    left: -5mm;
    bottom: -4mm;
}

.warrant-head {
    flex: none;
    display: flex;
    align-items: flex-start;
    gap: 2mm;
}

.warrant-card .print-card-header {
    flex: 0 0 62%;
    min-width: 0;
    padding: 0.8mm 1.8mm;
    border: 0.25mm solid color-mix(in srgb, var(--card-accent-second) 60%, transparent);
    border-bottom: 0.35mm solid var(--card-rule);
    border-radius: 2mm 2mm 0 0;
    background: color-mix(in srgb, var(--card-accent-second) 9%, transparent);
}

/* The office is as tall as the tab so its rule meets the tab's foot. */
.warrant-office {
    flex: 1;
    min-width: 0;
    display: grid;
    place-items: center;
    height: 14cqh;
    border-bottom: 0.35mm solid var(--card-rule);
}

/* The stamp is sized in its own em so it shrinks whole on a low card, where
   the office is short, and never stands taller than the tab even askew. */
.warrant-stamp {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1em;
    max-width: 86%;
    padding: 0.35em 1.1em 0.4em;
    border: 0.6mm double var(--card-accent-second);
    border-radius: 0.8mm;
    font-size: min(0.76em, 2.5cqh);
    text-align: center;
    color: var(--card-accent-second);
    opacity: 0.88;
    transform: rotate(-6deg);
}

.warrant-stamp-emblem {
    flex: none;
    width: 1.9em;
    height: 1.9em;
}

.warrant-stamp-emblem .glyph {
    display: block;
    stroke-width: 1.7;
}

.warrant-stamp-label {
    max-width: 100%;
    font-family: var(--card-label-font);
    font-size: 1em;
    line-height: 1.15;
    letter-spacing: var(--card-label-spacing);
    text-transform: var(--card-label-transform);
    overflow-wrap: break-word;
    hyphens: auto;
}

.warrant-card .print-card-figures {
    margin-top: 1.5mm;
}

.warrant-leaders {
    display: flex;
    flex-direction: column;
    gap: 0.36em;
    width: 100%;
    margin: 0;
}

.warrant-line {
    display: flex;
    align-items: baseline;
    gap: 0.6em;
    min-width: 0;
}

.warrant-line-label {
    flex: 1 1 auto;
    display: flex;
    align-items: baseline;
    gap: 0.6em;
    min-width: 0;
    font-family: var(--card-label-font);
    font-size: 0.62em;
    line-height: 1.3;
    letter-spacing: var(--card-label-spacing);
    text-transform: var(--card-label-transform);
    overflow-wrap: break-word;
    hyphens: auto;
    color: var(--card-accent-second);
}

.warrant-line-label::after {
    content: "";
    flex: 1 1 1em;
    min-width: 1em;
    border-bottom: 0.25mm dotted color-mix(in srgb, var(--card-accent-second) 75%, transparent);
}

.warrant-line-value {
    flex: 0 1 auto;
    max-width: 64%;
    min-width: 0;
    margin: 0;
    font-size: 0.82em;
    line-height: 1.22;
    text-align: right;
    overflow-wrap: break-word;
    hyphens: auto;
    color: var(--card-ink);
}

.warrant-card .print-card-body {
    margin-top: 1.8mm;
}

@container card (orientation: landscape) {
    .warrant-card .print-card-header {
        flex-basis: 54%;
    }

    .warrant-office {
        height: 17cqh;
    }

    .warrant-leaders {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        column-gap: 3mm;
        row-gap: 0.3em;
    }
}