/* Padding Utility */
.header-center {
    text-align:center;
}

.pad-name-email {
    padding-left: 5px;
    padding-right: 10px;
}

.pad-phone {
    text-align: center;
    width: 120px;
}



:root {
    --toolbar-h: 32px;
}
/* Make the label the same visual height as .btn-sm (BS 5.1.3) */
#lblMessage.alert {
    /* kill Bootstrap’s defaults */
    margin: 0 !important;
    padding: .25rem .5rem !important; /* == .btn-sm */
    font-size: .875rem !important; /* == .btn-sm */
    line-height: 1.5 !important; /* == .btn */
    /* layout behavior */
    display: inline-flex !important; /* no full-width stretch */
    align-items: center !important; /* vertical center text */
    width: auto !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    /* visual parity with the button */
    border-width: 1px !important;
    border-radius: .2rem !important; /* ~ .btn-sm radius */
}

/* keep space but hide when idle */
#lblMessage.invisible {
    visibility: hidden !important;
}

/* the row doesn't enforce a height – it just aligns items */
.add-btn-message-container {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.table-auto {
    width: auto !important;
    max-width: 100% !important;
}


/* Accordion Compact Styling */
.accordion-button {
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    min-height: auto;
}

.accordion-body {
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    line-height: 1.2;
}

/* GridView Button & Icon Sizing */
#gvMembers .btn-sm,
#gvRequests .btn-sm,
#gvProjects .btn-sm,
#gvAdmins .btn-sm,
#gvDelegations .btn-sm,
.modal-content .btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1;
    border-radius: 0.2rem;
}

#gvMembers .btn-success,
#gvRequests .btn-success,
#gvProjects .btn-success,
#gvAdmins .btn-success,
gvDelegations .btn-success,
.modal-content .btn-success {
    padding: 0.15rem 0.35rem;
}

#gvMembers .btn-warning,
#gvRequests .btn-warning,
#gvProjects .btn-warning,
#gvAdmins .btn-warning,
#gvMembers .btn-danger,
#gvRequests .btn-danger,
#gvProjects .btn-danger,
#gvAdmins .btn-danger,
.modal-content .btn-danger,
.modal-content .btn-warning {
    padding: 0.2rem 0.4rem;
}

#gvMembers i.bi,
#gvRequests i.bi,
#gvProjects i.bi,
#gvAdmins i.bi,
.modal-content i.bi {
    font-size: 0.75rem;
    vertical-align: middle;
}

/* GridView Styling */
#gvMembers td,
#gvRequests td,
#gvProjects td,
#gvAdmins td,
#gvTeamYTD td,
#gvTeammAll td,
gvDelegations td,
{
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    vertical-align: middle;
}

#gvMembers tbody tr:hover,
#gvRequests tbody tr:hover,
#gvProjects tbody tr:hover,
#gvAdmins tbody tr:hover,
#gvTeamYTD tbody tr:hover,
#gvTeamAll tbody tr:hover {
    background-color: transparent !important;
}

/* Modal Form Font Size */
.modal-content {
    font-size: 0.85rem;
}

.modal-content .form-control {
    font-size: 0.85rem;
    padding: 0.375rem 0.5rem;
}

/* Ensure toggle buttons in modals match GridView size */

.toggle-btn.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1;
    border-radius: 0.2rem;
    min-width: 1.5rem;
    height: 1.5rem; 
    text-align: center;
}

/* Dropdown highlight */
.is-invalid {
    border-color: #dc3545 !important;
    /* Don't change background color here */
}

.is-invalid:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

/* -------------------------------------------
   Text clamp utilities
------------------------------------------- */

.clamp-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* number of lines */
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3em;
    max-height: 2.6em; /* line-height × lines */
    white-space: normal;
}