/* /Features/Office/Pages/Invoices/Dialogs/ChargeSavedCardDialog.razor.rz.scp.css */
.wc-saved-card-review[b-sx92h5pi1y] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--wc-space-3, 12px);
    min-width: 0;
    overflow-wrap: anywhere;
}

.wc-saved-card-review[b-sx92h5pi1y]  .mud-input-control {
    min-width: 0;
    max-width: 100%;
}
/* /Features/Shared/Components/SignaturePad.razor.rz.scp.css */
.signature-pad-container[b-1myim5vez1] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-inline-size: 0;
    inline-size: 100%;
    max-inline-size: min(100%, var(--wc-signature-pad-inline-cap, 400px));
}

.signature-pad-canvas[b-1myim5vez1] {
    inline-size: 100%;
    display: block;
    min-inline-size: 0;
    max-inline-size: 100%;
    box-sizing: border-box;
    block-size: var(--wc-signature-pad-block-size, var(--wc-signature-pad-block-size-default, 150px));
    border: 1px solid var(--wc-border-soft, var(--mud-palette-divider));
    border-radius: var(--wc-radius-sm, 6px);
    touch-action: none;
    /* The signature leaves the app: it is exported as a transparent PNG, stored on
       the estimate, and later drawn on light document surfaces (portal, PDF). Its
       ink can therefore never follow the active theme - a dark-mode capture would
       bake near-white strokes that vanish on paper - so both values here are
       deliberate literals describing that document, not the surrounding UI. They
       are the light theme's own ink and paper, which is why the pad reads as a
       sheet in either theme. */
    --wc-signature-pad-ink: #0F172A;
    --wc-signature-pad-paper: #FCFDFF;
    background: var(--wc-signature-pad-paper);
}

.signature-pad-instructions[b-1myim5vez1] {
    margin: 0 0 var(--wc-space-sm, 8px);
    color: var(--wc-text-secondary, var(--mud-palette-text-secondary));
}

.signature-pad-actions[b-1myim5vez1] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--wc-space-sm, 8px);
}
/* /Shared/Components/WcPasswordField.razor.rz.scp.css */
.wc-password-field[b-rurbtr855x] {
    position: relative;
}

/* The field no longer carries a Mud adornment, so the room the toggle occupies
   has to be reserved on the input itself. */
.wc-password-field[b-rurbtr855x]  .mud-input-slot.mud-input-root {
    padding-inline-end: 2.75rem;
}

.wc-password-field[b-rurbtr855x]  .wc-password-field__toggle {
    position: absolute;
    /* Anchored to the input row, which the app sizes at 56-58px across the auth
       surfaces; 8px centres the 40px button on it. */
    inset-block-start: 8px;
    inset-inline-end: 4px;
}