body {
    background-color: #f5f5f5;
}

.login-container {
    max-width: 400px;
    margin: 100px auto;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.login-container h2 {
    color: #666;
    font-size: 24px;
    margin-bottom: 20px;
    text-align: center;
}

.login-container .form-control {
    height: 45px;
    padding: 10px;
    font-size: 16px;
    border-radius: 2px;
}

.login-container .btn-primary {
    background-color: #79aec8;
    border-color: #79aec8;
    font-weight: bold;
    height: 45px;
}

.login-container .btn-primary:hover {
    background-color: #609ab6;
    border-color: #609ab6;
}

.login-container .btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    font-weight: bold;
    height: 45px;
}

.login-container textarea {
    min-height: 150px;
}

/* Printer-friendly styles */
@media print {
    /* Hide navigation, buttons, and non-essential UI */
    nav, header, .navbar, .navbar-nav, .btn, .btn-primary, .btn-secondary, .btn-link, .navbar-toggler, form .d-grid, .d-grid, .breadcrumb, .page-footer {
        display: none !important;
    }

    /* Make main content full width and remove background colors */
    body, main.container, .container, .card, .card-body, .login-container {
        background: #fff !important;
        color: #000 !important;
        box-shadow: none !important;
    }

    /* Ensure cards expand to the full printable width */
    .container, main.container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Show the important text and preserve line breaks */
    p, h1, h2, h3, h4, h5, h6 {
        color: #000 !important;
    }

    /* Ensure form fields print as plain text (hide input boxes) */
    input, textarea, select, .form-control {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    /* Avoid page breaks inside cards */
    .card, .login-container {
        page-break-inside: avoid;
    }

    /* Keep fonts readable */
    body {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        font-size: 12pt;
    }
}