/* Microsoft 365 login button (visible + "pops") */
.login-dark form .btn-m365 {
    display: block;
    width: 100%;
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 6px;
    background: linear-gradient(135deg, #2b88ff 0%, #005fb8 55%, #004578 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.2px;
    box-shadow: 0 10px 22px rgba(0, 95, 184, 0.25);
    transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

    .login-dark form .btn-m365:hover {
        filter: brightness(1.06);
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(0, 95, 184, 0.35);
    }

    .login-dark form .btn-m365:active {
        transform: translateY(0px);
        filter: brightness(0.98);
    }

    .login-dark form .btn-m365:disabled {
        opacity: 0.55;
        cursor: not-allowed;
        transform: none;
        box-shadow: none;
    }
/* QA Grid polish */
#qaNewGrid .k-grid-header th.k-header {
    font-weight: 600;
    white-space: nowrap;
}

#qaNewGrid .k-grid-content tr:hover td {
    background-color: rgba(0, 0, 0, 0.035);
}

#qaNewGrid .k-grid td {
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

#qaNewGrid .qa-score-cell {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

#qaNewGrid .k-command-cell .k-button {
    min-width: 80px;
}

/* QA Grid - full width */
#qaNewGrid,
#qaNewGrid.k-grid,
#qaNewGrid .k-grid,
#qaNewGrid .k-grid-header,
#qaNewGrid .k-grid-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

    /* If columns exceed viewport, allow horizontal scroll instead of squeezing */
    #qaNewGrid .k-grid-content {
        overflow-x: auto;
    }

        /* Optional: ensure the header/content tables don't collapse */
        #qaNewGrid .k-grid-header table,
        #qaNewGrid .k-grid-content table {
            width: 100% !important;
        }