/* Additions to the legacy theme. Everything else is source/css untouched. */

/* A control the shift gate has switched off. Bootstrap dims a disabled button
   but not a disabled row action, and the operator needs to see why. */
[data-gate="write"]:disabled,
[data-gate="write"].disabled {
    opacity: .45;
    cursor: not-allowed;
}



/* Receipt: on screen it is hidden, on paper it is the only thing. */
#check-print {
    display: none;
}

@media print {
    body * {
        visibility: hidden;
    }

    #check-print,
    #check-print * {
        visibility: visible;
        display: block;
    }

    #check-print {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    #check-print table {
        width: 100%;
    }

    #check-print td {
        display: table-cell;
    }

    #check-print tr {
        display: table-row;
    }
}

/* Login page.
   Our modern.css paints .page-inner #f9f9f9 where the captured login's
   modern.min.css sets padding only, so it would cover whatever .page-content
   holds. Transparent under .page-login alone, so the app pages keep theirs. */
.page-login .page-inner {
    background: transparent;
}

/* White, not the #3f4454 red.css gives .page-content. red.css stays loaded —
   it is what the capture links — but on this page its only visible effect was
   that backdrop; its navbar and sidebar rules have nothing to colour here.

   body too: .page-content is sized by modern.js at load, so on a viewport
   taller than it the theme's #ccc would show as a band under the white. */
body.page-login,
.page-login .page-content {
    background: #fff;
}