/* IJMTIP People Registration v2.5
   Invitation and manual registration are stacked, never page-level columns.
*/

.people-account-form-card{
    margin-top:18px !important;
}

.people-account-form-card .panel-head{
    margin-bottom:14px !important;
}

.people-account-form{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
}

.people-account-fields{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px 14px !important;
    width:100% !important;
    min-width:0 !important;
}

.people-account-fields .field{
    min-width:0 !important;
    max-width:100% !important;
}

.people-account-fields input{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
}

.people-role-fieldset{
    min-width:0 !important;
    max-width:100% !important;
    margin:16px 0 0 !important;
    padding:12px 14px !important;
    border:1px solid var(--line) !important;
    border-radius:10px !important;
    background:var(--surface-soft) !important;
}

.people-role-fieldset legend{
    padding:0 6px !important;
    font-size:10px !important;
    font-weight:800 !important;
    color:var(--navy) !important;
}

.people-create-role-grid{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px 16px !important;
    min-width:0 !important;
    max-width:100% !important;
}

.people-create-role-grid label{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    min-width:0 !important;
    max-width:100% !important;
    font-size:10px !important;
    white-space:normal !important;
}

.people-form-actions{
    display:flex !important;
    justify-content:flex-end !important;
    margin-top:14px !important;
}

.people-form-actions .button{
    max-width:100% !important;
    white-space:normal !important;
}

.people-manual-note{
    margin:14px 0 0 !important;
}

/* Manual registration is intentionally separated visually from invitations. */
.manual-user-card{
    border-left:4px solid #607788 !important;
}

/* Avoid old reviewer-invite layout rules affecting these forms. */
.people-account-form-card .people-v24-invite-form,
.people-account-form-card .reviewer-invite-inline-form{
    display:none !important;
}

@media(max-width:760px){
    .people-account-fields{
        grid-template-columns:minmax(0,1fr) !important;
    }

    .people-form-actions{
        justify-content:stretch !important;
    }

    .people-form-actions .button{
        width:100% !important;
    }

    .people-create-role-grid label{
        flex:1 1 44% !important;
    }
}

@media(max-width:430px){
    .people-create-role-grid label{
        flex:1 1 100% !important;
    }
}


/* v2.33 compact people pagination */
.people-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin:18px 0 6px;
}
.people-page-numbers{
    display:flex;
    align-items:center;
    gap:6px;
}
.people-pagination a{
    display:inline-grid;
    place-items:center;
    min-width:34px;
    height:34px;
    padding:0 9px;
    box-sizing:border-box;
    border:1px solid var(--line);
    border-radius:9px;
    background:#fff;
    color:var(--navy);
    font-size:12px;
    font-weight:800;
    line-height:1;
    text-decoration:none;
}
.people-pagination a.active{
    background:var(--navy);
    border-color:var(--navy);
    color:#fff;
}
.people-pagination .people-page-arrow{
    width:36px;
    min-width:36px;
    padding:0;
    font-size:18px;
}
.people-pagination a.disabled{
    opacity:.35;
    pointer-events:none;
}


/* v2.33 direct mail composer */
.direct-mail-v233{
    margin-top:12px;
    border:1px solid #d8e2e8;
    border-radius:12px;
    background:#f9fbfc;
    overflow:hidden;
}
.direct-mail-v233>summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:9px;
    padding:11px 13px;
    color:#17364b;
}
.direct-mail-v233>summary::-webkit-details-marker{display:none}
.direct-mail-v233>summary strong{font-size:11px}
.direct-mail-v233>summary small{margin-left:auto;color:#6b7d89;font-size:10px;overflow-wrap:anywhere}
.direct-mail-v233[open]>summary{border-bottom:1px solid #e2e9ed;background:#fff}
.direct-mail-form-v233{display:grid;gap:13px;padding:14px;background:#fff}
.direct-mail-form-v233 .field{display:grid;gap:6px}
.direct-mail-form-v233 .field>span,.direct-mail-form-v233 .field-title-v233{font-weight:800;font-size:11px}
.direct-mail-form-v233 input[type=text],.direct-mail-form-v233 input:not([type]){width:100%;box-sizing:border-box}
.direct-mail-notify-v233{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:9px;background:#f2f8f7;font-size:10.5px;font-weight:700}
.direct-mail-actions-v233{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.direct-mail-actions-v233 small{color:#6b7d89;max-width:680px}
.public-about-divider-v233{height:1px;background:#e1e8ec;margin:5px 8px}
@media(max-width:650px){
  .direct-mail-v233>summary small{display:none}
  .direct-mail-actions-v233{align-items:stretch;flex-direction:column}
  .direct-mail-actions-v233 .button{width:100%}
}