*{box-sizing:border-box}body{margin:0;background:#eaf1f8;color:#263445;font-family:Arial,Helvetica,sans-serif}.page-wrapper{max-width:1120px;margin:0 auto;padding:24px}.application-header{display:flex;align-items:center;gap:24px;background:#fff;border-radius:15px;padding:22px 28px;margin-bottom:20px;box-shadow:0 6px 22px rgba(40,62,86,.08);border:1px solid #dbe6f0}.logo-area{width:130px;flex:0 0 130px}.ssbec-logo{display:block;max-width:120px;max-height:90px}.header-content{flex:1}.society-name{font-size:13px;color:#64748b;margin-bottom:6px}.header-content h1{margin:0;color:#28188a;font-size:30px}.header-content p{margin:7px 0 0;color:#64748b}.form-section{background:#f8fbfe;border:1px solid #d8e4ef;border-radius:14px;padding:24px;margin-bottom:18px;box-shadow:0 5px 18px rgba(39,62,85,.05)}.section-heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:22px}.section-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#28188a;color:#fff;border-radius:50%;font-weight:700;flex:0 0 32px}.section-heading h2{margin:1px 0 4px;color:#24344a;font-size:20px}.section-heading p{margin:0;color:#718096;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.full-width{grid-column:1/-1}.form-group label{display:block;font-size:13px;font-weight:700;color:#344256;margin-bottom:7px}.form-group input,.form-group textarea,.form-group select{width:100%;border:1px solid #cbd8e5;border-radius:8px;background:#fff;padding:11px 12px;font-size:14px;color:#263445;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:#5a68c8;box-shadow:0 0 0 3px rgba(90,104,200,.12)}.form-group textarea{resize:vertical}.form-group small{display:block;color:#718096;font-size:11px;margin-top:6px;line-height:1.45}.required{color:#c0392b}.notice-box{background:#eef4ff;border-left:4px solid #28188a;border-radius:7px;padding:13px 15px;font-size:13px;line-height:1.55;margin-bottom:18px}.nominee-card{background:#fff;border:1px solid #d8e2ec;border-radius:12px;margin-bottom:16px;padding:19px}.nominee-required{border-top:3px solid #28188a}.nominee-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.nominee-card-header h3{margin:0;color:#28188a;font-size:17px}.optional-badge{background:#edf1f5;color:#68778a;font-size:11px;padding:5px 9px;border-radius:20px}.nominee-grid{grid-template-columns:1fr 1.4fr 1fr 1fr .7fr 1.4fr}.percentage-input{position:relative}.percentage-input input{padding-right:30px}.percentage-input span{position:absolute;right:12px;top:11px;color:#64748b;font-weight:700}.retained-file{margin-top:7px;padding:7px 9px;background:#eef8f1;border-radius:6px;font-size:11px;color:#276749}.benefit-summary{display:flex;align-items:center;justify-content:flex-end;gap:20px;background:#edf3fa;border:1px solid #d4e0eb;border-radius:9px;padding:14px 18px}.benefit-summary span{font-size:13px;font-weight:700}.benefit-summary strong{font-size:22px;color:#28188a}.benefit-summary.invalid strong{color:#b42318}.benefit-summary.valid strong{color:#16794b}.validation-message{margin-top:9px;text-align:right;color:#b42318;font-size:12px;font-weight:700}.declaration-box{background:#fff;border:1px solid #d9e3ed;border-radius:10px;padding:18px;line-height:1.6;font-size:13px}.declaration-box p{margin-top:0}.declaration-check{display:flex!important;gap:11px;align-items:flex-start!important;margin:15px 0 0!important;font-weight:400!important}.declaration-check input{width:auto!important;margin-top:4px}.witness-information{border-style:dashed}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin:22px 0 30px}.btn{border:0;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:700;cursor:pointer}.btn-primary{background:#28188a;color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{background:#fff;color:#344256;border:1px solid #cbd8e5}.page-footer{max-width:1120px;margin:0 auto 30px;padding:0 24px;display:flex;justify-content:space-between;color:#718096;font-size:11px}@media(max-width:1000px){.nominee-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.page-wrapper{padding:12px}.application-header{display:block;padding:18px}.logo-area{width:auto;margin-bottom:12px}.header-content h1{font-size:25px}.form-section{padding:17px}.form-grid,.nominee-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.form-actions{flex-direction:column-reverse}.btn{width:100%}.benefit-summary{justify-content:space-between}.page-footer{display:block}.page-footer span{display:block;margin-top:4px}}
/* ADD these styles to the end of css/nominee.css */

.nominee-table-wrap{
    width:100%;
    overflow-x:auto;
    background:#fff;
    border:1px solid #d8e2ec;
    border-radius:10px;
}

.nominee-table{
    width:100%;
    min-width:1080px;
    border-collapse:collapse;
}

.nominee-table th{
    background:#526a7a;
    color:#fff;
    padding:11px 8px;
    font-size:12px;
    text-align:center;
    border-right:1px solid rgba(255,255,255,.18);
}

.nominee-table td{
    padding:8px;
    border-right:1px solid #d8e2ec;
    border-bottom:1px solid #d8e2ec;
    vertical-align:top;
}

.nominee-table tbody tr:last-child td{
    border-bottom:0;
}

.nominee-table input{
    width:100%;
    min-width:90px;
    border:1px solid #cbd8e5;
    border-radius:6px;
    padding:9px 8px;
    font-size:12px;
    background:#fff;
}

.nominee-table input:focus{
    border-color:#5a68c8;
    outline:none;
    box-shadow:0 0 0 2px rgba(90,104,200,.12);
}

.nominee-table input[type="file"]{
    min-width:190px;
    padding:6px;
}

.nominee-table small{
    display:block;
    margin-top:4px;
    font-size:10px;
    color:#718096;
}

.col-no{
    width:45px;
}

.col-benefit{
    width:95px;
}

.col-action{
    width:90px;
}

.row-number{
    text-align:center;
    font-weight:700;
    color:#526a7a;
    padding-top:17px!important;
}

.action-cell{
    white-space:nowrap;
    text-align:center;
}

.row-button{
    width:31px;
    height:31px;
    border:0;
    border-radius:6px;
    cursor:pointer;
    font-size:20px;
    font-weight:700;
    line-height:28px;
    margin:1px;
}

.add-row{
    background:#28188a;
    color:#fff;
}

.delete-row{
    background:#fce8e6;
    color:#b42318;
}

.delete-row:disabled{
    opacity:.35;
    cursor:not-allowed;
}

.nominee-table-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:15px;
}

.nominee-table-footer small{
    display:block;
    margin-top:6px;
    color:#718096;
    font-size:11px;
}

@media(max-width:700px){
    .nominee-table-footer{
        align-items:stretch;
        flex-direction:column;
    }
}