.auth-body {
    min-height: 100vh;
    background: #f8f9fa url('../urbix/assets/images/auth/login_bg.jpg') center/cover no-repeat fixed;
}

.auth-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Concord custom overrides */
.logo-main img {
    width: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.login-menu-wrapper .user-role-button {
    color: #213831;
    border-color: #213831;
}

.full-width-button {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-weight: 600;
    width: 100% !important;
}

/* Project Details Table - No scrollbars, text wrapping */
.project-details-table {
    width: 100%;
    table-layout: auto;
    display: table;
}

.project-details-table th,
.project-details-table td,  table.dataTable>tbody>tr.child ul.dtr-details>li{
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    vertical-align: middle;
    padding: 0.5rem;
}

/* GatePass Table - No scrollbars, text wrapping */
.gatepass-table {
    width: 100%;
    table-layout: auto;
}

.gatepass-table th,
.gatepass-table td {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    vertical-align: middle;
}

/* Responsive handling - reduce font size and padding on mobile */
@media (max-width: 768px) {
    .project-details-table,
    .gatepass-table {
        font-size: 0.75rem;
    }
    
    .project-details-table th,
    .project-details-table td,
    .gatepass-table th,
    .gatepass-table td {
        padding: 0.25rem;
        min-width: 60px;
    }
    
    .project-details-table th,
    .gatepass-table th {
        font-size: 0.7rem;
    }
}

/* Prevent card body overflow */
.card-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}