/* Locked GMT Users-page standard, scoped to the Membership module. */

main.membership-standard {

    --ms-green: #14865a;

    --ms-green-hover: #126b45;

    --ms-green-soft: #edf7f0;

    --ms-green-border: #cde4d5;

    --ms-ink: #203128;

    --ms-muted: #62736a;

    --ms-border: #e2e9e4;

    color: var(--ms-ink);

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif;

}



main.membership-standard .page-header {

    align-items: center;

    gap: 16px;

    margin-bottom: 18px;

}

main.membership-standard .page-header h1 {

    color: var(--ms-ink);

    font-size: 1.72rem;

    font-weight: 600;

    line-height: 1.22;

    letter-spacing: -.035em;

}

main.membership-standard .page-header p {

    max-width: 920px;

    margin-top: 6px;

    color: var(--ms-muted);

    font-size: .88rem;

    font-weight: 400;

    line-height: 1.55;

}



main.membership-standard .form-card,

main.membership-standard .data-card {

    margin-bottom: 16px;

    border: 1px solid var(--ms-border);

    border-radius: 12px;

    background: #fff;

    box-shadow: 0 2px 9px rgba(28, 49, 37, .045);

}

main.membership-standard .form-card > h2,

main.membership-standard .data-card > h2,

main.membership-standard .section-title,

main.membership-standard .mv-section-title,

main.membership-standard .ma-card > h2,

main.membership-standard .mrg-card > h2 {

    color: var(--ms-ink);

    font-size: 1rem;

    font-weight: 600;

    line-height: 1.4;

    letter-spacing: -.01em;

}

main.membership-standard .data-table th {

    color: #52645a;

    background: #f7f9f7;

    font-size: .72rem;

    font-weight: 600;

    letter-spacing: .01em;

    text-transform: none;

    white-space: nowrap;

}

main.membership-standard .data-table td {

    color: #34443a;

    font-size: .8rem;

    font-weight: 400;

}

main.membership-standard .data-table tbody tr:hover { background: #f9fbf9; }

main.membership-standard .data-table th,

main.membership-standard .data-table td { border-color: #e9eeea; }

main.membership-standard .table-wrap {

    border: 1px solid #e7ede8;

    border-radius: 9px;

}



main.membership-standard .form-field label,

main.membership-standard .mr-field label {

    color: #37483d;

    font-size: .78rem;

    font-weight: 500;

}

main.membership-standard .form-field input,

main.membership-standard .form-field select,

main.membership-standard .form-field textarea,

main.membership-standard .mr-field input,

main.membership-standard .mr-field select {

    min-height: 36px;

    border: 1px solid #d8e1db;

    border-radius: 8px;

    color: #26372d;

    background: #fff;

    font-family: inherit;

    font-size: .82rem;

    font-weight: 400;

}

main.membership-standard .form-field textarea { min-height: 88px; }

main.membership-standard .form-field input:focus,

main.membership-standard .form-field select:focus,

main.membership-standard .form-field textarea:focus,

main.membership-standard .mr-field input:focus,

main.membership-standard .mr-field select:focus {

    border-color: #78b892;

    outline: 0;

    box-shadow: 0 0 0 3px rgba(20, 134, 90, .11);

}



/* Main and filter controls: compact 30px GMT-green pills. */

main.membership-standard .btn,

main.membership-standard .mr-export button,

main.membership-standard .mr-action-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 6px;

    min-height: 30px;

    padding: 4px 10px;

    border: 1px solid transparent;

    border-radius: 999px;

    font-family: inherit;

    font-size: .73rem;

    font-weight: 400;

    line-height: 1.15;

    text-decoration: none !important;

    white-space: nowrap;

    box-shadow: none;

    transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;

}

main.membership-standard .btn-primary,

main.membership-standard .btn-success,

main.membership-standard .mr-export button,

main.membership-standard .membership-primary-action {

    color: #fff !important;

    background: #14865a !important;

    border-color: #14865a !important;

}

main.membership-standard .btn-primary:hover,

main.membership-standard .btn-success:hover,

main.membership-standard .mr-export button:hover,

main.membership-standard .membership-primary-action:hover {

    color: #fff !important;

    background: #126b45 !important;

    border-color: #126b45 !important;

    box-shadow: 0 0 0 3px rgba(20, 134, 90, .12), 0 4px 10px rgba(20, 92, 59, .16);

    transform: translateY(-1px);

}

main.membership-standard .btn-secondary,

main.membership-standard .mr-action-btn,

main.membership-standard .mr-action-view {

    color: #267249 !important;

    background: #edf7f0 !important;

    border-color: #cde4d5 !important;

}

main.membership-standard .btn-secondary:hover,

main.membership-standard .mr-action-btn:hover,

main.membership-standard .mr-action-view:hover {

    color: #fff !important;

    background: #126b45 !important;

    border-color: #126b45 !important;

    box-shadow: 0 0 0 3px rgba(20, 134, 90, .12), 0 4px 10px rgba(20, 92, 59, .16);

    transform: translateY(-1px);

}

main.membership-standard .btn-danger {

    color: #a23d3d !important;

    background: #fff3f1 !important;

    border-color: #f0d6d1 !important;

}

main.membership-standard .btn-danger:hover {

    color: #fff !important;

    background: #ae443d !important;

    border-color: #ae443d !important;

    box-shadow: 0 0 0 3px rgba(174, 68, 61, .11);

}

main.membership-standard .btn-warning {

    color: #267249 !important;

    background: #edf7f0 !important;

    border-color: #cde4d5 !important;

}

main.membership-standard .btn-sm,

main.membership-standard .table-actions .btn,

main.membership-standard .mr-action-btn {

    min-height: 30px;

    padding: 4px 10px;

    font-size: .73rem;

    font-weight: 400;

}

main.membership-standard .table-actions,

main.membership-standard .btn-row { gap: 7px; }

main.membership-standard .ma-card,

main.membership-standard .mrg-card {

    border: 1px solid var(--ms-border);

    border-radius: 12px;

    background: #fff;

    box-shadow: 0 2px 9px rgba(28, 49, 37, .045);

}

main.membership-standard .ma-kpi,

main.membership-standard .mrg-kpi { border-color: var(--ms-border); border-radius: 12px; box-shadow: 0 2px 8px rgba(28, 49, 37, .04); }

main.membership-standard .ma-kpi span,

main.membership-standard .mrg-kpi > span { color: var(--ms-muted); font-size: .69rem; font-weight: 500; letter-spacing: .02em; }

main.membership-standard .ma-kpi strong,

main.membership-standard .mrg-kpi strong { color: var(--ms-ink); font-size: 1.35rem; font-weight: 600; }

main.membership-standard .ma-btn,

main.membership-standard .mrg-btn,

main.membership-standard .ma-btn.ma-blue,

main.membership-standard .ma-btn.ma-yellow,

main.membership-standard .mrg-btn.mrg-btn-blue {

    min-height: 30px;

    padding: 4px 10px;

    border: 1px solid #cde4d5;

    border-radius: 999px;

    color: #267249 !important;

    background: #edf7f0 !important;

    font-family: inherit;

    font-size: .73rem;

    font-weight: 400;

    line-height: 1.15;

    text-decoration: none;

}

main.membership-standard .ma-btn:hover,

main.membership-standard .mrg-btn:hover {

    color: #fff !important;

    background: #126b45 !important;

    border-color: #126b45 !important;

    box-shadow: 0 0 0 3px rgba(20, 134, 90, .12), 0 4px 10px rgba(20, 92, 59, .16);

    transform: translateY(-1px);

}



/* Status totals mirror the small circular role counts on the locked Users page. */

.membership-section-heading {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    flex-wrap: wrap;

    gap: 12px 18px;

}

.membership-section-heading h2 { margin: 0; }

.membership-count-filters {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    flex-wrap: wrap;

    gap: 7px;

}

.membership-count-filter {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    min-height: 28px;

    padding: 3px 7px;

    border: 1px solid transparent;

    border-radius: 999px;

    color: #596b60;

    background: transparent;

    font: 400 .76rem/1.1 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif;

    cursor: pointer;

    transition: background .16s ease, border-color .16s ease, color .16s ease;

}

.membership-count-filter:hover,

.membership-count-filter.is-active {

    color: #267249;

    background: #edf7f0;

    border-color: #cde4d5;

}

.membership-count-circle {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 21px;

    width: 21px;

    height: 21px;

    border: 1px solid #dfe7e2;

    border-radius: 50%;

    color: #62736a;

    background: #fff;

    font-size: .66rem;

    font-weight: 400;

    line-height: 1;

}

.membership-count-filter.is-active .membership-count-circle {

    color: #267249;

    background: #edf7f0;

    border-color: #cde4d5;

}

.membership-standard .mr-toolbar { align-items: flex-end; gap: 12px; }

.membership-standard .mr-left,

.membership-standard .mr-export { gap: 7px; }

.membership-standard .mr-meta { color: #718078; font-size: .75rem; }

.membership-standard .mr-pagination { gap: 5px; }

.membership-standard .mr-pagination button {

    min-width: 34px;

    min-height: 34px;

    padding: 5px 10px;

    border: 1px solid #dfe7e2;

    border-radius: 999px;

    color: #52645a;

    background: #fff;

    font-family: inherit;

    font-size: .75rem;

    font-weight: 400;

}

.membership-standard .mr-pagination button:hover { color: #14865a; border-color: #14865a; }

.membership-standard .mr-pagination button.active { color: #fff; background: #14865a; border-color: #14865a; }

.membership-standard .mr-sortable::after { color: #99a79f; }

.membership-standard .mr-sort-asc::after,

.membership-standard .mr-sort-desc::after { color: #14865a; }

.membership-table-controls { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 9px; margin: 12px 0; }

.membership-table-filters,

.membership-table-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }

.membership-table-controls input,

.membership-table-controls select { min-height: 32px; max-width: 100%; padding: 4px 9px; border: 1px solid #dfe7e2; border-radius: 8px; color: #34443a; background: #fff; font-family: inherit; font-size: .73rem; }

.membership-table-controls .membership-table-search { width: min(230px, 35vw); }

.membership-table-controls .membership-filter-value { width: min(160px, 26vw); }

.membership-table-count { color: #62736a; font-size: .72rem; white-space: nowrap; }

.membership-table-tool { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 30px; padding: 4px 10px; border: 1px solid #cde4d5; border-radius: 999px; color: #267249; background: #edf7f0; font-family: inherit; font-size: .73rem; font-weight: 400; cursor: pointer; transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease; }

.membership-table-tool:hover { color: #fff; background: #126b45; border-color: #126b45; box-shadow: 0 0 0 3px rgba(20, 134, 90, .12), 0 4px 10px rgba(20, 92, 59, .16); transform: translateY(-1px); }

.membership-table-pagination { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 5px; margin-top: 10px; }

.membership-table-pagination button { min-width: 34px; height: 34px; padding: 4px 9px; border: 1px solid #dfe7e2; border-radius: 999px; color: #52645a; background: #fff; font-family: inherit; font-size: .75rem; font-weight: 400; cursor: pointer; }

.membership-table-pagination button:hover { color: #14865a; border-color: #14865a; }

.membership-table-pagination button.active { color: #fff; background: #14865a; border-color: #14865a; }

.membership-table-pagination button:disabled { opacity: .45; cursor: default; }

.membership-table-pagination span { padding: 0 4px; color: #62736a; font-size: .73rem; }

.membership-standard .membership-sortable { cursor: pointer; user-select: none; }

.membership-standard .membership-sortable::after { content: " ⇅"; color: #99a79f; font-size: .68rem; }

.membership-standard .membership-sort-asc::after { content: " ↑"; color: #14865a; }

.membership-standard .membership-sort-desc::after { content: " ↓"; color: #14865a; }



@media (max-width: 760px) {

    main.membership-standard .page-header { align-items: flex-start; flex-direction: column; }

    main.membership-standard .page-header h1 { font-size: 1.45rem; }

    .membership-section-heading { align-items: flex-start; flex-direction: column; gap: 9px; }

    .membership-count-filters { width: 100%; gap: 4px; }

    .membership-count-filter { padding-inline: 6px; }

    .membership-standard .mr-toolbar { align-items: stretch; flex-direction: column; }

    .membership-standard .mr-left { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .membership-standard .mr-field:first-child { grid-column: 1 / -1; }

    .membership-standard .mr-field input,

    .membership-standard .mr-field select { min-width: 0; width: 100%; }

    .membership-standard .mr-export { justify-content: flex-start; }

    .membership-table-controls { align-items: stretch; flex-direction: column; }

    .membership-table-filters, .membership-table-tools { width: 100%; }

    .membership-table-filters > *, .membership-table-tools > * { flex: 1 1 auto; }

    .membership-table-controls .membership-table-search,

    .membership-table-controls .membership-filter-value { width: auto; }

}

@media print {

    .membership-standard .membership-count-filters,

    .membership-standard .mr-toolbar,

    .membership-standard .mr-pagination,

    .membership-standard .page-header .btn-row,

    .membership-print-hide,

    .membership-table-controls,

    .membership-table-pagination,

    .membership-standard .table-actions,

    .membership-standard .ma-actions,

    .membership-standard .mrg-actions { display: none !important; }

}



/* Membership Applications mirrors the Users page layout and control order. */

.membership-standard .membership-eyebrow { display: block; margin-bottom: 5px; color: #6a7d72; font-size: .66rem; font-weight: 500; letter-spacing: .12em; }

.membership-standard .page-header { align-items: flex-start; margin-bottom: 16px; }

.membership-standard .page-header h1 { font-size: 1.72rem; font-weight: 600; }

.membership-standard .membership-add-card {

    display: flex; align-items: center; justify-content: space-between; gap: 18px;

    margin: 0 0 16px; padding: 14px 16px;

    border: 1px solid #dfe7e2; border-radius: 14px; background: #fff;

}

.membership-standard .membership-add-card h2 { margin: 0; color: #203128; font-size: .94rem; font-weight: 550; }

.membership-standard .membership-add-card p { margin: 4px 0 0; color: #718078; font-size: .76rem; }

.membership-standard .membership-add-button {

    display: inline-flex; align-items: center; justify-content: center; gap: 5px;

    min-height: 34px; padding: 6px 14px; border: 1px solid #177a50; border-radius: 999px;

    color: #fff; background: #177a50; font-size: .75rem; font-weight: 500; text-decoration: none;

    box-shadow: 0 2px 7px rgba(23, 122, 80, .2); transition: .16s ease;

}

.membership-standard .membership-add-button span { font-size: 1rem; line-height: .8; }

.membership-standard .membership-add-button:hover { color: #fff; background: #126b45; border-color: #126b45; box-shadow: 0 0 0 3px rgba(20, 134, 90, .13), 0 4px 10px rgba(20, 92, 59, .17); transform: translateY(-1px); }

.membership-standard .membership-list-card { padding: 16px; }

.membership-list-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin: 0 2px 14px; }

.membership-list-heading h2 { margin: 0; color: #203128; font-size: 1rem; font-weight: 600; }

.membership-list-heading p { margin: 5px 0 0; color: #718078; font-size: .76rem; }

.membership-matching-count { flex: 0 0 auto; margin-top: 1px; padding: 6px 11px; border-radius: 999px; color: #52645a; background: #f0f4f1; font-size: .72rem; font-weight: 400; }

.membership-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin: 0 2px 14px; }

.membership-kpi { display: flex; align-items: center; gap: 11px; min-height: 76px; padding: 11px 13px; border: 1px solid #e3eae5; border-radius: 12px; background: #fff; box-shadow: 0 1px 4px rgba(28, 49, 37, .035); }

.membership-kpi-icon { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; flex: 0 0 35px; border: 1px solid transparent; border-radius: 10px; font-size: .8rem; }

.membership-kpi-icon.kpi-total { color: #4e7db7; background: #f0f5fc; border-color: #e0eaf6; }

.membership-kpi-icon.kpi-pending { color: #37815b; background: #eff8f2; border-color: #dceee2; }

.membership-kpi-icon.kpi-approved { color: #a97528; background: #fbf5ec; border-color: #f0e5d3; }

.membership-kpi-icon.kpi-rejected { color: #b65c6a; background: #fbf1f3; border-color: #f1dfe3; }

.membership-kpi small { display: block; margin: 0 0 3px; color: #718078; font-size: .68rem; font-weight: 400; }

.membership-kpi strong { display: block; color: #203128; font-size: 1.1rem; line-height: 1.1; font-weight: 600; }

.membership-standard .membership-count-filters {

    display: flex; align-items: center; gap: 3px; width: 100%; overflow-x: auto;

    margin: 0 0 12px; padding: 4px; border: 1px solid #e6ece8; border-radius: 11px;

    background: #f4f6f5; scrollbar-width: thin;

}

.membership-standard .membership-count-filter {

    display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 0 0 auto;

    min-height: 32px; padding: 5px 10px; border: 1px solid transparent; border-radius: 8px;

    color: #586a60; background: transparent; font-size: .72rem; font-weight: 400;

}

.membership-standard .membership-count-filter:hover { color: #267249; background: #fff; }

.membership-standard .membership-count-filter.is-active { color: #267249; background: #fff; border-color: #e0e8e3; box-shadow: 0 1px 3px rgba(28, 49, 37, .08); }

.membership-standard .membership-count-circle { width: 21px; height: 21px; flex-basis: 21px; background: #fff; }

.membership-standard .membership-count-filter.is-active .membership-count-circle { color: #267249; background: #edf7f0; border-color: #cde4d5; }

.membership-standard .membership-filter-panel {

    display: block; margin: 0 0 12px; padding: 12px 13px; border: 1px solid #e3eae5; border-radius: 11px; background: #f7f9f8;

}

.membership-standard .mr-fields { display: grid; grid-template-columns: minmax(260px, 1.5fr) minmax(170px, .75fr) minmax(140px, .7fr); gap: 10px; }

.membership-standard .mr-field { gap: 5px; min-width: 0; }

.membership-standard .mr-field label { color: #53645a; font-size: .69rem; font-weight: 500; }

.membership-standard .mr-field input,

.membership-standard .mr-field select { width: 100%; min-width: 0; min-height: 40px; padding: 7px 10px; border: 1px solid #ccd8d0; border-radius: 9px; background: #fff; color: #34443a; font-size: .77rem; }

.membership-standard .mr-toolbar-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 9px; }

.membership-standard .mr-filter-actions,

.membership-standard .mr-export { display: flex; align-items: center; gap: 7px; }

.membership-standard .membership-filter-button,

.membership-standard .mr-export button {

    display: inline-flex; align-items: center; justify-content: center; gap: 5px;

    min-height: 30px; padding: 4px 11px; border: 1px solid #14865a; border-radius: 999px;

    color: #fff; background: #14865a; font-family: inherit; font-size: .7rem; font-weight: 400; cursor: pointer;

    box-shadow: 0 2px 5px rgba(20, 134, 90, .12); transition: .16s ease;

}

.membership-standard .membership-filter-button:hover,

.membership-standard .mr-export button:hover { color: #fff; background: #126b45; border-color: #126b45; box-shadow: 0 0 0 3px rgba(20, 134, 90, .12), 0 4px 9px rgba(20, 92, 59, .16); transform: translateY(-1px); }

.membership-standard .mr-export button i { font-size: .68rem; }

.membership-standard .mr-meta { display: none; }

.membership-standard .table-wrap { border: 0; border-radius: 10px; overflow-x: auto; }

.membership-standard #membershipReviewTable { min-width: 930px; }

.membership-standard #membershipReviewTable th { padding: 11px 12px; color: #53645a; background: #f5f7f6; font-size: .67rem; font-weight: 600; text-transform: uppercase; }

.membership-standard #membershipReviewTable td { padding: 11px 12px; color: #34443a; font-size: .75rem; font-weight: 400; }

.membership-standard #membershipReviewTable td small { color: #6e7d74; font-size: .67rem; }

.membership-standard .mr-action-btn { min-height: 30px; padding: 4px 10px; border-radius: 999px; color: #267249 !important; background: #edf7f0 !important; border: 1px solid #cde4d5 !important; font-size: .7rem; font-weight: 400; }

.membership-standard .mr-action-btn:hover { color: #fff !important; background: #126b45 !important; border-color: #126b45 !important; box-shadow: 0 0 0 3px rgba(20, 134, 90, .12), 0 4px 9px rgba(20, 92, 59, .16); transform: translateY(-1px); }

.membership-standard .mr-pagination { justify-content: flex-end; margin-top: 10px; }

.membership-standard .mr-pagination button { min-width: 34px; min-height: 34px; border-radius: 999px; font-size: .72rem; font-weight: 400; }

@media (max-width: 900px) {

    .membership-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .membership-standard .mr-fields { grid-template-columns: minmax(0, 1.3fr) minmax(160px, .8fr); }

    .membership-standard .mr-search-field { grid-column: 1 / -1; }

}

@media (max-width: 600px) {

    .membership-standard .membership-add-card { align-items: flex-start; flex-direction: column; }

    .membership-list-heading { align-items: flex-start; flex-direction: column; }

    .membership-kpi-grid { gap: 8px; }

    .membership-kpi { min-height: 68px; gap: 8px; padding: 9px; }

    .membership-kpi-icon { width: 31px; height: 31px; flex-basis: 31px; }

    .membership-standard .mr-fields { grid-template-columns: 1fr; }

    .membership-standard .mr-search-field { grid-column: auto; }

    .membership-standard .mr-toolbar-actions { align-items: flex-start; flex-direction: column; }

    .membership-standard .mr-export { flex-wrap: wrap; }

}



/* GMT shared list presentation: match the compact Allotment register UI. */

:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid){

  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:10px!important;margin:0 0 12px!important;align-items:stretch!important

}

:is(.ai-standard-kpi,.al-allotment-kpi,.bl-kpi-grid>.bl-kpi-card,.bm-counter-grid>.bm-counter-card,.gmt-counter-grid>.gmt-counter-card,.tr-counter-grid>.tr-counter,.rg-counter-grid>.rg-counter,.cm-kpi-grid>.cm-kpi,.pm-counter-grid>.pm-counter-card,.membership-kpi-grid>.membership-kpi){

  box-sizing:border-box!important;position:relative!important;display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;min-height:64px!important;height:auto!important;padding:10px 12px!important;overflow:hidden!important;border:1px solid #dce5f1!important;border-radius:13px!important;background:linear-gradient(180deg,#f1f7ff 0%,#fff 100%)!important;color:#24372c!important;box-shadow:none!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important

}

:is(.ai-standard-kpi,.al-allotment-kpi,.bl-kpi-grid>.bl-kpi-card,.bm-counter-grid>.bm-counter-card,.gmt-counter-grid>.gmt-counter-card,.tr-counter-grid>.tr-counter,.rg-counter-grid>.rg-counter,.cm-kpi-grid>.cm-kpi,.pm-counter-grid>.pm-counter-card,.membership-kpi-grid>.membership-kpi):hover{transform:translateY(-1px)!important;box-shadow:0 7px 16px rgba(41,67,52,.09)!important;border-color:#cbdcff!important}

:is(.ai-standard-kpi-icon,.al-allotment-kpi-icon,.bl-kpi-icon,.bm-counter-icon,.gmt-counter-icon,.tr-counter-icon,.rg-counter-icon,.cm-kpi-icon,.pm-counter-icon,.membership-kpi-icon){display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;border:0!important;border-radius:11px!important;background:#e5efff!important;color:#2563eb!important;font-size:13px!important;box-shadow:none!important}

:is(.ai-standard-kpi-copy,.al-allotment-kpi-copy){display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}

:is(.ai-standard-kpi-copy small,.al-allotment-kpi-copy small,.bl-kpi-label,.bm-counter-label,.tr-counter-label,.membership-kpi small,.rg-counter span,.cm-kpi span,.pm-counter-card h3,.gmt-counter-card h3){display:block!important;grid-column:2!important;grid-row:1!important;overflow:hidden!important;margin:0!important;color:#718078!important;font-size:11px!important;font-weight:400!important;line-height:1.2!important;letter-spacing:0!important;text-align:left!important;text-overflow:ellipsis!important;text-transform:none!important;white-space:nowrap!important}

:is(.ai-standard-kpi-copy strong,.al-allotment-kpi-copy strong,.bl-kpi-card>strong,.bm-counter-number,.tr-counter>strong,.membership-kpi>div>strong,.rg-counter strong,.cm-kpi strong,.pm-counter-value strong,.gmt-counter-value strong){display:block!important;grid-column:2!important;grid-row:2!important;margin:0!important;color:#20352a!important;font-size:20px!important;font-weight:500!important;line-height:1.1!important;text-align:left!important}

/* Keep the familiar icon palette and pale card backgrounds from Allotment. */

:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid)>:nth-child(1){background:linear-gradient(180deg,#f1f7ff 0%,#fff 100%)!important;border-color:#dce5f1!important}

:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid)>:nth-child(1) :is(.ai-standard-kpi-icon,.al-allotment-kpi-icon,.bl-kpi-icon,.bm-counter-icon,.gmt-counter-icon,.tr-counter-icon,.rg-counter-icon,.cm-kpi-icon,.pm-counter-icon,.membership-kpi-icon){background:#e5efff!important;color:#2563eb!important}

:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid)>:nth-child(2){background:linear-gradient(180deg,#edfbf8 0%,#fff 100%)!important;border-color:#b9eee2!important}

:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid)>:nth-child(2) :is(.ai-standard-kpi-icon,.al-allotment-kpi-icon,.bl-kpi-icon,.bm-counter-icon,.gmt-counter-icon,.tr-counter-icon,.rg-counter-icon,.cm-kpi-icon,.pm-counter-icon,.membership-kpi-icon){background:#e1f6ef!important;color:#14866b!important}

:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid)>:nth-child(3){background:linear-gradient(180deg,#f1f3ff 0%,#fff 100%)!important;border-color:#d2d8ff!important}

:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid)>:nth-child(3) :is(.ai-standard-kpi-icon,.al-allotment-kpi-icon,.bl-kpi-icon,.bm-counter-icon,.gmt-counter-icon,.tr-counter-icon,.rg-counter-icon,.cm-kpi-icon,.pm-counter-icon,.membership-kpi-icon){background:#e7eaff!important;color:#4f46e5!important}

:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid)>:nth-child(4){background:linear-gradient(180deg,#f7f1ff 0%,#fff 100%)!important;border-color:#e3d4ff!important}

:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid)>:nth-child(4) :is(.ai-standard-kpi-icon,.al-allotment-kpi-icon,.bl-kpi-icon,.bm-counter-icon,.gmt-counter-icon,.tr-counter-icon,.rg-counter-icon,.cm-kpi-icon,.pm-counter-icon,.membership-kpi-icon){background:#eee7ff!important;color:#7c3aed!important}

:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid)>:nth-child(5){background:linear-gradient(180deg,#f5f1ff 0%,#fff 100%)!important;border-color:#ddd2fa!important}

:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid)>:nth-child(5) :is(.ai-standard-kpi-icon,.al-allotment-kpi-icon,.bl-kpi-icon,.bm-counter-icon,.gmt-counter-icon,.tr-counter-icon,.rg-counter-icon,.cm-kpi-icon,.pm-counter-icon,.membership-kpi-icon){background:#ece6ff!important;color:#7655c7!important}

/* Workflow cards use label + number internally; flatten that wrapper into the same compact layout. */

.gmt-counter-grid>.gmt-counter-card,.pm-counter-grid>.pm-counter-card{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:11px!important;row-gap:3px!important}

:is(.gmt-counter-card,.pm-counter-card) :is(.gmt-counter-body,.gmt-counter-value,.pm-counter-value){display:contents!important}

:is(.gmt-counter-card,.pm-counter-card) :is(.gmt-counter-icon,.pm-counter-icon){grid-column:1!important;grid-row:1/3!important}

:is(.gmt-counter-card,.pm-counter-card) :is(.gmt-counter-card h3,.gmt-counter-card p,.pm-counter-card h3,.pm-counter-card p){grid-column:2!important;grid-row:1!important}

:is(.gmt-counter-card,.pm-counter-card) :is(.gmt-counter-value strong,.pm-counter-value strong){grid-column:2!important;grid-row:2!important}

:is(.gmt-counter-card,.pm-counter-card) :is(.gmt-counter-value span,.pm-counter-value span,.gmt-counter-card p,.pm-counter-card p){display:none!important}

/* The Allotment count strip: same quiet background, small circular counts and active green state. */

:is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters){display:flex!important;align-items:center!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:thin!important;padding:4px!important;margin:0 0 12px!important;border:1px solid #e7ede9!important;border-radius:11px!important;background:#f3f6f4!important}

:is(.al-status-count,.ai-count-filter,.bl-quick-filter,.bm-status-count,.tr-count-filter,.rg-count-filter,.pm-count-filter,.cm-count-filter,.membership-count-filter){display:inline-flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;padding:5px 8px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#53635b!important;font-family:inherit!important;font-size:11px!important;font-weight:400!important;line-height:1.2!important;white-space:nowrap!important;cursor:pointer!important}

:is(.al-status-count,.ai-count-filter,.bl-quick-filter,.bm-status-count,.tr-count-filter,.rg-count-filter,.pm-count-filter,.cm-count-filter,.membership-count-filter):hover,:is(.al-status-count,.ai-count-filter,.bl-quick-filter,.bm-status-count,.tr-count-filter,.rg-count-filter,.pm-count-filter,.cm-count-filter,.membership-count-filter).is-active{background:#fff!important;border-color:#e2e9e4!important;color:#176d48!important;box-shadow:0 1px 3px rgba(24,59,42,.08)!important}

:is(.al-status-count b,.ai-count-filter b,.bl-quick-filter b,.bm-status-count b,.tr-count-filter b,.rg-count-filter b,.pm-count-filter b,.cm-count-filter b,.membership-count-filter .membership-count-circle){display:grid!important;place-items:center!important;min-width:21px!important;height:21px!important;padding:0 5px!important;border-radius:50%!important;background:#e7ece9!important;color:#66766d!important;font-size:10px!important;font-weight:500!important}

:is(.al-status-count.is-active b,.ai-count-filter.is-active b,.bl-quick-filter.is-active b,.bm-status-count.is-active b,.tr-count-filter.is-active b,.rg-count-filter.is-active b,.pm-count-filter.is-active b,.cm-count-filter.is-active b,.membership-count-filter.is-active .membership-count-circle){background:#14865a!important;color:#fff!important}

:is(.ai-filter-count-label,.rg-filter-count-label,.tr-filter-count-label,.cm-filter-count-label){flex:0 0 auto!important;margin:0 4px 0 3px!important;color:#89958e!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.07em!important}

/* Compact filter panel and controls. */

:is(.al-filter-panel,.ai-filter-panel,.bl-filter-panel,.bm-filter-panel,.tr-filter-panel,.rg-filter-panel,.cm-filter-panel,.membership-filter-panel){padding:14px!important;border:1px solid #e6ece8!important;border-radius:13px!important;background:#f8faf9!important}

:is(.al-filter-fields,.ai-filter-grid,.bl-filter-fields,.bm-filter-fields,.tr-filter-grid,.rg-filter-grid,.cm-filter-grid,.mr-fields){display:grid!important;grid-template-columns:minmax(220px,1.8fr) repeat(4,minmax(120px,1fr))!important;gap:10px!important;align-items:end!important}

:is(.al-filter-fields label,.ai-filter-field,.bl-filter-fields label,.bm-filter-fields label,.tr-filter-field,.rg-filter-field,.cm-filter-field,.mr-field){display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;color:#53655d!important;font-size:11px!important}

:is(.al-filter-fields label>span,.ai-filter-field>span,.bl-filter-fields label>span,.bm-filter-fields label>span,.tr-filter-field>span,.rg-filter-field>span,.cm-filter-field>span,.mr-field label){color:#53655d!important;font-size:11px!important;font-weight:500!important;line-height:1.2!important}

:is(.al-filter-fields input,.al-filter-fields select,.ai-filter-field input,.ai-filter-field select,.bl-filter-fields input,.bl-filter-fields select,.bm-filter-fields input,.bm-filter-fields select,.tr-filter-field input,.tr-filter-field select,.rg-filter-field input,.rg-filter-field select,.cm-filter-field input,.cm-filter-field select,.mr-field input,.mr-field select){box-sizing:border-box!important;width:100%!important;min-width:0!important;height:39px!important;min-height:39px!important;padding:8px 10px!important;border:1px solid #d7e0da!important;border-radius:9px!important;background:#fff!important;color:#26362f!important;font-family:inherit!important;font-size:13px!important;font-weight:400!important;outline:none!important}

:is(.al-filter-toolbar,.ai-filter-actions,.bl-filter-toolbar,.bm-filter-toolbar,.tr-filter-toolbar,.rg-filter-toolbar,.cm-filter-toolbar,.mr-toolbar-actions){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:12px!important}

:is(.al-filter-actions,.al-export-actions,.ai-filter-buttons,.ai-export-buttons,.bl-filter-actions,.bl-export-actions,.bm-filter-actions,.bm-export-actions,.tr-filter-buttons,.tr-export-controls,.rg-filter-buttons,.rg-export-controls,.cm-filter-buttons,.cm-export-controls,.mr-filter-actions,.mr-export,.pm-export-controls){display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}

:is(.al-filter-actions button,.al-export-actions button,.ai-filter-buttons button,.ai-export-buttons button,.bl-filter-actions button,.bl-export-actions button,.bm-filter-actions button,.bm-export-actions button,.tr-filter-buttons button,.tr-export-controls button,.rg-filter-buttons button,.rg-export-controls button,.cm-filter-buttons button,.cm-export-controls button,.mr-filter-actions button,.mr-export button,.pm-export-controls button){appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;box-sizing:border-box!important;min-width:0!important;min-height:30px!important;height:30px!important;padding:4px 10px!important;border:1px solid #14865a!important;border-radius:999px!important;background:#14865a!important;color:#fff!important;text-decoration:none!important;font-family:inherit!important;font-size:12px!important;font-weight:400!important;line-height:1.1!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:0 2px 5px rgba(20,134,90,.12)!important;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s!important}

:is(.al-filter-actions button,.al-export-actions button,.ai-filter-buttons button,.ai-export-buttons button,.bl-filter-actions button,.bl-export-actions button,.bm-filter-actions button,.bm-export-actions button,.tr-filter-buttons button,.tr-export-controls button,.rg-filter-buttons button,.rg-export-controls button,.cm-filter-buttons button,.cm-export-controls button,.mr-filter-actions button,.mr-export button,.pm-export-controls button,.cm-filter-buttons button,.cm-export-controls button):hover{background:#126b45!important;border-color:#126b45!important;color:#fff!important;box-shadow:0 0 0 3px rgba(20,134,90,.14),0 5px 12px rgba(20,134,90,.2)!important;transform:translateY(-1px)!important}

@media(max-width:1180px){:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid){grid-template-columns:repeat(3,minmax(0,1fr))!important}:is(.al-filter-fields,.ai-filter-grid,.bl-filter-fields,.bm-filter-fields,.tr-filter-grid,.rg-filter-grid,.cm-filter-grid,.mr-fields){grid-template-columns:repeat(3,minmax(0,1fr))!important}}

@media(max-width:720px){:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}:is(.al-filter-fields,.ai-filter-grid,.bl-filter-fields,.bm-filter-fields,.tr-filter-grid,.rg-filter-grid,.cm-filter-grid,.mr-fields){grid-template-columns:repeat(2,minmax(0,1fr))!important}:is(.al-filter-toolbar,.ai-filter-actions,.bl-filter-toolbar,.bm-filter-toolbar,.tr-filter-toolbar,.rg-filter-toolbar,.cm-filter-toolbar,.mr-toolbar-actions){align-items:flex-start!important;flex-direction:column!important}}

@media(max-width:500px){:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid){grid-template-columns:1fr!important}:is(.al-filter-fields,.ai-filter-grid,.bl-filter-fields,.bm-filter-fields,.tr-filter-grid,.rg-filter-grid,.cm-filter-grid,.mr-fields){grid-template-columns:1fr!important}:is(.al-filter-actions,.al-export-actions,.ai-filter-buttons,.ai-export-buttons,.bl-filter-actions,.bl-export-actions,.bm-filter-actions,.bm-export-actions,.tr-filter-buttons,.tr-export-controls,.rg-filter-buttons,.rg-export-controls,.cm-filter-buttons,.cm-export-controls,.mr-filter-actions,.mr-export,.pm-export-controls){width:100%!important}:is(.al-export-actions button,.ai-export-buttons button,.bl-export-actions button,.bm-export-actions button,.tr-export-controls button,.rg-export-controls button,.cm-export-controls button,.mr-export button,.pm-export-controls button){flex:1 1 0!important}}

/* Flatten the module-specific KPI markup while keeping each count legible. */

:is(.bl-kpi-grid>.bl-kpi-card,.bm-counter-grid>.bm-counter-card,.tr-counter-grid>.tr-counter,.rg-counter-grid>.rg-counter,.cm-kpi-grid>.cm-kpi,.membership-kpi-grid>.membership-kpi){display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:11px!important;row-gap:3px!important;align-content:center!important}

:is(.bl-kpi-icon,.bm-counter-icon,.tr-counter-icon,.rg-counter-icon,.cm-kpi-icon,.membership-kpi-icon){grid-column:1!important;grid-row:1/3!important}

:is(.bl-kpi-label,.bm-counter-label,.tr-counter-label,.membership-kpi>div>small,.rg-counter>span,.cm-kpi>span){grid-column:2!important;grid-row:1!important}

:is(.bl-kpi-card>strong,.bm-counter-number,.tr-counter>strong,.membership-kpi>div>strong,.rg-counter>strong,.cm-kpi>strong){grid-column:2!important;grid-row:2!important}

:is(.membership-kpi>div){display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}

.rg-counter-grid>.rg-counter::before{content:"\f0f6";display:grid;place-items:center;grid-column:1;grid-row:1/3;width:34px;height:34px;border-radius:11px;background:#e5efff;color:#2563eb;font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;font-size:13px}

.rg-counter-grid>.rg-counter:nth-child(2)::before{content:"\f546";background:#e1f6ef;color:#14866b}

.rg-counter-grid>.rg-counter:nth-child(3)::before{content:"\f1ad";background:#e7eaff;color:#4f46e5}

.rg-counter-grid>.rg-counter:nth-child(4)::before{content:"\f0c1";background:#eee7ff;color:#7c3aed}

:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid):has(>:nth-child(5)):not(:has(>:nth-child(6))){grid-template-columns:repeat(5,minmax(0,1fr))!important}

:is(.ai-standard-kpis,.ai-overview-kpis,.al-allotment-kpis,.bl-kpi-grid,.bm-counter-grid,.gmt-counter-grid,.tr-counter-grid,.rg-counter-grid,.cm-kpi-grid,.pm-counter-grid,.membership-kpi-grid):has(>:nth-child(6)){grid-template-columns:repeat(6,minmax(0,1fr))!important}

.pm-toolbar input,.pm-toolbar select,.po-toolbar input,.po-toolbar select,.pe-toolbar input,.pe-toolbar select{box-sizing:border-box;min-height:39px;border:1px solid #d7e0da;border-radius:9px;background:#fff;color:#26362f;font-family:inherit;font-size:13px;font-weight:400}

.pm-filter-counts>button,.po-quick-counts>button,.pe-quick-counts>button{flex:0 0 auto}



:is(.bl-kpi-card,.bm-counter-card,.tr-counter,.rg-counter,.cm-kpi,.pm-counter-card)::after{display:none!important}



/* Membership list status labels should match regular-weight table values. */

.membership-standard #membershipReviewTable td .badge,

.membership-standard #membershipReviewTable td [class*="status"],

.membership-standard #membershipReviewTable td .membership-status {

    font-weight: 400 !important;

}

/* Membership forms and file previews */

.member-organized-form{display:grid;gap:16px}.member-form-section{padding:22px;background:#fff;border:1px solid #e0e8e2;border-radius:14px}.member-form-section h2{margin:0 0 18px;font-size:15px;font-weight:600;color:#28543c}.member-form-section .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.member-field-wide{grid-column:1/-1}.member-personal-layout{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:28px}.member-photo-field{display:grid;align-content:start;gap:10px;min-width:0}.member-photo-field>label,.member-upload-field>label,.member-pdf-upload>label{font-size:12px;color:#52675a}.member-file-preview{height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #dfe8e2;border-radius:10px;background:#f8faf9;color:#89978e;font-size:12px}.member-file-preview img{width:100%;height:100%;object-fit:contain}.member-file-preview iframe{width:100%;height:100%;border:0}.member-photo-preview{height:170px}.member-identity-uploads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.member-upload-field{display:grid;gap:10px;min-width:0}.member-organized-form input[type=file]{max-width:100%;font-size:11px;padding:8px;border:1px solid #e2e9e4;border-radius:8px;background:#fff}.member-pdf-upload{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 0 0}.member-check{display:flex!important;align-items:center;gap:7px;font-size:11px!important;font-weight:400!important;color:#697b6e!important}.member-check input{width:auto!important}.member-extra-docs{display:grid;gap:10px;padding-top:18px}.member-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 0 12px}.member-last-update{margin:18px 0;color:#7b8c80;font-size:11px;text-align:right}.member-readonly{border:0;margin:0;padding:0;min-width:0}.member-readonly input[type=file],.member-readonly .member-check,.member-readonly .member-extra-upload-controls{display:none}.member-readonly :disabled{opacity:1;color:#334c3b;background:#f9fbfa}.member-view-files{margin:16px 0}.member-view-files .member-file-preview{height:190px}.member-view-files .member-photo-preview{width:140px;height:160px}.member-version-current{font-size:10px;color:#238353;margin-left:7px}

@media(max-width:760px){.member-form-section{padding:16px}.member-personal-layout{grid-template-columns:1fr}.member-photo-field{max-width:190px}.member-form-section .form-grid,.member-identity-uploads{grid-template-columns:1fr}.member-field-wide{grid-column:auto}.member-form-actions{justify-content:flex-start}.member-last-update{text-align:left}}



.member-document-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;padding:7px 0;border-bottom:1px solid #edf1ee}



/* Frozen before/after revision review, paired at every viewport. */

.member-comparison{display:grid;gap:16px;min-width:0}.member-comparison-heading,.member-compare-row{display:grid;grid-template-columns:minmax(110px,.65fr) repeat(2,minmax(0,1fr));gap:16px}.member-comparison-heading{padding:12px 18px;color:#52675a;font-size:12px;background:#eef5f0;border-radius:10px}.member-compare-section{background:#fff;border:1px solid #e0e8e2;border-radius:14px;overflow:hidden;min-width:0}.member-compare-section h2{font-size:15px;color:#28543c;margin:0;padding:16px 18px;border-bottom:1px solid #e0e8e2}.member-compare-row{padding:13px 18px;border-bottom:1px solid #edf1ee;font-size:13px}.member-compare-row:last-child{border-bottom:0}.member-compare-label{color:#52675a;overflow-wrap:anywhere}.member-compare-value{min-width:0;overflow-wrap:anywhere;white-space:normal;color:#26362f}.member-compare-row.is-changed{background:#fff6cf}.member-compare-row.is-changed .member-compare-value:last-child{border-left:3px solid #e1b830;padding-left:12px}.member-change-label{display:block;width:fit-content;margin-top:7px;padding:3px 6px;border:1px solid #dfc157;border-radius:5px;font-size:10px;color:#715508;background:#ffedac}.member-compare-files .member-file-preview{height:200px;background:#fff}.member-compare-files a{display:inline-block;margin-top:7px;font-size:12px}.member-history-actions{display:flex;gap:12px;white-space:nowrap}.member-version-history .table-wrap{max-width:100%;overflow-x:auto}.member-version-history table{min-width:850px}.member-empty-value{color:#89978e}

@media(max-width:760px){.member-comparison-heading{display:none}.member-compare-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.member-compare-label{grid-column:1/-1;color:#28543c}.member-compare-value:before{content:attr(data-label);display:block;font-size:10px;color:#64756a;margin-bottom:7px}.member-compare-files .member-file-preview{height:150px}.member-compare-section h2{padding:14px 12px}.member-compare-row.is-changed .member-compare-value:last-child{padding-left:8px}}


/* One profile layout across application, view and edit. */
.member-profile-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin-bottom:16px}.member-profile-sections>.member-form-section:last-child{grid-column:1/-1}.member-profile-sections .member-form-section{height:auto;padding:18px;min-width:0}.member-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin:0}.member-profile-fields>div{min-width:0}.member-profile-fields dt{font-size:11px;color:#697b6e;margin-bottom:5px}.member-profile-fields dd{font-size:13px;font-weight:400;color:#26362f;margin:0;overflow-wrap:anywhere;white-space:normal}.member-profile-fields>div:has(dd br){grid-column:1/-1}.member-attachments{margin-bottom:16px}.member-attachments .section-heading-row{margin-bottom:16px;gap:12px;flex-wrap:wrap}.member-attachments .section-heading-row h2{margin:0}.member-attachment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.member-attachment-card{min-width:0;padding:12px;border:1px solid #e0e8e2;border-radius:10px;display:flex;flex-direction:column;gap:9px;background:#fafcfb}.member-attachment-card h3,.member-extra-docs h3{font-size:12px;font-weight:500;color:#28543c;margin:0}.member-attachment-card .member-file-preview{height:155px;background:#fff;flex:none}.member-pdf-slot{display:flex;align-items:center;justify-content:center;min-height:155px;border:1px dashed #dce5df;border-radius:10px;background:#fff;font-size:12px;color:#89978e}.member-upload-control{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#52675a;margin-top:auto}.member-upload-control input{width:100%;min-width:0;box-sizing:border-box;font-size:11px!important}.member-upload-meta{display:grid;gap:3px;color:#78887d;font-size:10px;overflow-wrap:anywhere}.member-file-link{font-size:11px}.member-profile-sections .form-field input,.member-profile-sections .form-field select,.member-profile-sections .form-field textarea{box-sizing:border-box;width:100%;min-width:0}.member-profile-sections input[readonly]{background:#f3f6f4;color:#6d7c72}.member-record-details{padding:14px 18px;border:1px solid #e0e8e2;border-radius:10px;margin:0 0 16px;background:#fff}.member-record-details summary{cursor:pointer;color:#52675a;font-size:12px}.member-record-details[open] summary{margin-bottom:16px}.member-attachment-card.is-removing{border-color:#dfb46b;background:#fff8e7}.member-attachment-card.is-removing .member-file-preview{opacity:.45}.member-comparison-heading{position:static}.member-compare-row{padding:11px 16px}.member-compare-section h2{padding:14px 16px;font-size:14px}.membership-standard .mv-status-value{font-weight:400!important}.member-organized-form .apply-section{margin:0}.member-organized-form .member-form-section h2{letter-spacing:normal;text-transform:none}.member-organized-form .member-profile-sections{margin-bottom:0}
@media(max-width:1100px){.member-attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-profile-sections{grid-template-columns:1fr}.member-profile-sections>.member-form-section:last-child{grid-column:auto}}
@media(max-width:600px){.member-attachment-grid,.member-profile-fields{grid-template-columns:1fr}.member-attachment-card .member-file-preview{height:180px}.member-pdf-slot{min-height:70px}.member-profile-sections{gap:12px}.member-profile-sections .member-form-section,.member-attachments{padding:14px}.member-compare-row{padding:10px}.member-form-actions{flex-wrap:wrap}.member-document-row{align-items:flex-start}.membership-standard .page-header{flex-wrap:wrap}.membership-standard .page-header .btn-row{flex-wrap:wrap}}

.mv-status-row{display:flex;gap:12px 24px;flex-wrap:wrap;padding:14px 18px;border:1px solid #e0e8e2;border-radius:10px;background:#f8faf9;margin-bottom:16px}.mv-status-item{display:flex;gap:6px;align-items:center;font-size:12px;flex-wrap:wrap}.mv-status-label{color:#697b6e}.mv-status-value{color:#28543c;font-weight:400}.member-attachments .member-check{cursor:pointer}.member-upload-meta span{display:block}

/* Screenshot review: balanced sections and quiet version history. */
.member-profile-sections{align-items:stretch}.member-profile-sections>.member-form-section{align-self:stretch}.member-profile-sections .form-grid{align-items:start}.member-profile-sections .form-field>.member-check{margin-top:6px}.member-version-history h2{font-size:15px;font-weight:600;color:#28543c;margin:0 0 14px}.member-version-history .data-table td,.member-version-history .data-table th{font-size:12px;padding:12px 10px}.member-version-history .member-version-current{display:block;margin:4px 0 0}.member-attachments .member-upload-control{margin-top:0}.member-attachment-card .member-upload-meta{min-height:28px}.member-compare-files .member-upload-meta{margin-top:6px}.member-empty-value{display:inline-block;padding:8px 0}

/* Country code and national number are one aligned contact control. */
.member-phone-control{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:6px}.member-phone-control select,.member-phone-control input{width:100%!important;min-width:0!important;box-sizing:border-box}.member-phone-control select{font-size:12px!important;text-overflow:ellipsis}.member-phone-field>.member-check{margin-top:6px}.member-phone-control select:disabled{opacity:1;background:#f3f6f4;color:#6d7c72}
@media(max-width:400px){.member-phone-control{grid-template-columns:1fr}.member-phone-control select{height:36px}}

.member-profile-sections [data-introduction-other][hidden]{display:none!important}

/* Add Member validation leaves the current form and its selected files intact. */
.membership-standard .member-extra-upload-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 20px}.membership-standard .member-extra-upload-controls>.form-field{display:flex;flex-direction:column;gap:6px;min-width:0}.membership-standard .member-extra-upload-controls>.form-field>label{margin:0;line-height:1.4;font-size:12px}.membership-standard .member-extra-upload-controls>.form-field>input:not([type=hidden]){box-sizing:border-box;width:100%;height:44px;min-height:44px;margin:0;padding:10px 12px}
.membership-standard .apply-form label.terms-check{display:flex!important;flex-direction:row!important;align-items:flex-start;justify-content:flex-start;gap:10px;flex-wrap:nowrap}.membership-standard .apply-form label.terms-check>input[type=checkbox]{display:block;flex:0 0 16px;width:16px!important;height:16px!important;min-height:16px!important;margin:2px 0 0!important;padding:0!important}.membership-standard .apply-form label.terms-check>span{flex:1 1 auto;min-width:0;line-height:20px}
@media(max-width:600px){.membership-standard .member-extra-upload-controls{grid-template-columns:1fr}}
.member-field-error{font-size:12px;color:#a12622;margin-top:6px;line-height:1.4}.member-field-invalid input:not([type=checkbox]):not([type=hidden]),.member-field-invalid select,.member-field-invalid textarea{border-color:#ca635c!important;background-color:#fffafa}.member-attachment-card.member-field-invalid{border-color:#ca635c;background:#fffafa}.member-error-summary[hidden]{display:none!important}[data-member-create][aria-busy=true] button{cursor:wait}

/* Personal Details owns the compact profile photo in view, edit and comparison. */
.membership-standard .section-heading-row.member-version-heading{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.member-version-heading>span{font-size:12px;font-weight:400;line-height:1.4;color:#63766a}.member-version-status{display:inline-flex;align-items:center;gap:6px}.member-version-status.is-approved i{color:#14865a}.member-version-status.is-pending i{color:#98a49d}
.member-personal-photo.member-attachment-card{display:flex;flex-direction:row;align-items:center;gap:18px;padding:0 0 18px;margin-bottom:18px;border:0;border-bottom:1px solid #e5ece7;border-radius:0;background:transparent}.member-personal-photo .member-file-preview.member-avatar{width:112px;height:112px;min-width:112px;flex:0 0 112px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #dce7df;background:#f1f6f3}.member-personal-photo .member-avatar img{object-fit:cover;object-position:center 25%}.member-photo-controls{display:grid;gap:7px;min-width:0;flex:1}.member-photo-label{font-size:12px;color:#28543c;font-weight:500}.member-photo-controls input[type=file]{max-width:100%;min-width:0;font-size:11px}.member-personal-photo .member-upload-meta{min-height:0}.member-compare-photo .member-file-preview{width:112px;height:112px;border-radius:50%;background:#f1f6f3}.member-compare-photo .member-file-preview img{object-fit:cover;object-position:center 25%}.member-attachments .member-attachment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.member-compare-photo .member-file-preview{width:90px;height:90px}.member-personal-photo.member-attachment-card{gap:14px}.member-attachments .member-attachment-grid{grid-template-columns:1fr}}
@media(max-width:400px){.member-personal-photo .member-file-preview.member-avatar{width:90px;height:90px;min-width:90px;flex-basis:90px}.member-personal-photo.member-attachment-card{align-items:flex-start;gap:12px}}

.member-approval-panel{margin:18px 0;border-color:#b9d9c5}.member-approval-panel .section-heading-row{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}.member-approval-panel .section-heading-row h2{margin:0}.member-approval-panel .section-heading-row>span{font-size:12px;color:#63766a}.member-approval-panel form{display:grid;gap:14px}.member-approval-review{font-size:13px;margin:12px 0}.member-approval-actions{display:flex;gap:10px;flex-wrap:wrap}#membership-approval{scroll-margin-top:85px}

/* Keep personal/contact fields readable, with compact flag/dial selectors. */
.member-profile-sections .member-section-single-fields .form-grid,.member-profile-sections .member-section-single-fields .member-profile-fields{grid-template-columns:minmax(0,1fr)}.membership-standard .member-phone-control{grid-template-columns:106px minmax(0,1fr);align-items:center}.membership-standard .member-phone-control select{font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif;font-size:13px!important;padding-left:8px;padding-right:20px}.membership-standard .member-phone-control input{font-variant-numeric:tabular-nums;min-width:0}
@media(max-width:400px){.membership-standard .member-phone-control{grid-template-columns:96px minmax(0,1fr)}.membership-standard .member-phone-control select{height:auto;min-height:42px}}

/* Approved identity stays visibly locked while other profile fields are edited. */
.member-organized-form input[disabled][aria-disabled="true"]{opacity:1;background:#f1f5f3;color:#52675a;border-color:#d8e2dc;cursor:default}