.silgold-workflow{background:#fff;border:1px solid #e2e5eb;margin-bottom:24px}
.kls-form-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e2e5eb}
.kls-form-title{margin:0 0 6px;font-size:17px;font-weight:600}.kls-form-actions{display:flex;gap:8px;flex-wrap:wrap}
.workflow-status{color:#596477;font-size:14px}.workflow-tabs{display:flex;gap:0;border-bottom:1px solid #e2e5eb;overflow-x:auto}
.workflow-tabs a{padding:16px 18px;white-space:nowrap;color:#596477;border-bottom:2px solid transparent}
.workflow-tabs a.active{color:#185bd5;border-bottom-color:#185bd5;font-weight:600}.workflow-tabs a:hover{background:#f7f8fa;text-decoration:none}
.kls-form-section{padding:24px}.kls-form-section h5{margin:0 0 18px;font-size:16px;font-weight:600}
.policy-action{border-top:1px solid #e2e5eb;padding:16px 0}.policy-action summary{cursor:pointer;font-weight:600;margin-bottom:12px}
.policy-fields{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:12px 20px;max-width:900px;margin:16px 0}
.policy-fields .checkbox-inline,.policy-fields button,.policy-fields p{grid-column:1/-1}.policy-ledger{overflow-x:auto}
.approval-workspace-head{padding:0 0 16px}.approval-workspace-head h4{margin:0 0 12px;font-size:17px}.approval-progress{display:flex;gap:16px;color:#596477}
.approval-stepper{display:flex;border-bottom:1px solid #e2e5eb}.approval-step-marker{padding:12px 16px;color:#596477;border-bottom:2px solid transparent;font-size:13px}
.approval-step-marker strong{display:block}.approval-step-marker.active{color:#185bd5;border-bottom-color:#185bd5}
.approval-step{display:none;padding:20px 0}.approval-step.active{display:block}.approval-step h5{font-size:16px;margin-bottom:20px}
.approval-grid,.approval-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;max-width:1000px}.approval-grid .full{grid-column:1/-1}
.approval-check{font-weight:400}.approval-check input{margin-right:8px}.approval-calc{padding:14px 0;border-top:1px solid #e2e5eb;margin-top:20px}
.approval-summary{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.approval-summary-item span{display:block;color:#596477;margin-bottom:4px}
.approval-wizard-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e2e5eb;padding:16px 0}.approval-wizard-actions .right{display:flex;gap:8px}
.workflow-definition{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;margin-bottom:24px}.workflow-definition dt{color:#596477;font-weight:400}.workflow-definition dd{margin-top:4px;font-weight:600}
@media(max-width:767px){.kls-form-toolbar{align-items:flex-start;flex-direction:column;padding:16px}.kls-form-section{padding:16px}.policy-fields,.approval-grid,.approval-checks,.workflow-definition{grid-template-columns:1fr}.approval-stepper{overflow-x:auto}.approval-step-marker{flex-shrink:0}.policy-fields .checkbox-inline{grid-column:auto}}

.silgold-workflow .btn-default,.silgold-registration .btn-default{background:#eaf0fb;color:#174da6;border:1px solid #a9bfdf}.silgold-workflow .btn-default:hover,.silgold-registration .btn-default:hover{background:#dbe6f8;color:#123d85}.silgold-workflow .btn-warning{background:#a45609;color:#fff}.silgold-workflow .btn-danger{background:#b52a32;color:#fff}
.workflow-tabs a>span{display:block}.workflow-stage-state{font-size:11px;margin-top:4px;color:#596477}.workflow-stage-state.complete,.workflow-complete{color:#21713b}.approval-step-marker.done{color:#21713b}.approval-step-marker.done:after{content:'Complete';display:block;font-size:11px}
.workflow-submit-bar{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e2e5eb}.workflow-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:middle;margin-right:6px;animation:workflow-spin .8s linear infinite}@keyframes workflow-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.workflow-spinner{animation:none}}

.silgold-registration{max-width:980px!important}.silgold-registration h2{font-size:23px;margin:24px 0}.registration-stepper{display:flex;overflow:auto;border-bottom:1px solid #e2e5eb;margin-bottom:24px}.registration-stepper button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 14px;color:#596477;white-space:nowrap;font-size:13px}.registration-stepper button.active{color:#185bd5;border-bottom-color:#185bd5;font-weight:600}.registration-stepper button.done{color:#21713b}.registration-step h3{font-size:18px;margin:0 0 20px}.registration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.registration-grid .full{grid-column:1/-1}.registration-group-heading{font-weight:600;padding:8px 0;border-bottom:1px solid #e2e5eb}.registration-grid .form-group{margin:0}.registration-grid label{display:block;font-weight:500;margin-bottom:7px}.registration-photo{display:flex;align-items:center;gap:20px}.registration-photo img{width:96px;height:112px;object-fit:cover;border:1px solid #d5dbe6}.upload-hint{display:block;font-size:12px;margin-top:6px;color:#596477}.registration-save-state{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.registration-resume{display:flex;flex-wrap:wrap;gap:8px}.registration-resume label{flex-basis:100%}.registration-resume input{flex:1;min-width:200px}.registration-declaration{line-height:1.5}.registration-declaration input{margin-right:8px}.registration-status-steps{display:flex;gap:24px;padding:16px 0;list-style:none;border-top:1px solid #e2e5eb;border-bottom:1px solid #e2e5eb}.registration-status-steps .complete{color:#21713b}.registration-step[hidden],.registration-resume[hidden],.silgold-registration [hidden],#loan-repayment[hidden]{display:none!important}
@media(max-width:767px){.registration-grid{grid-template-columns:1fr}.registration-photo{flex-direction:column;align-items:flex-start}.registration-stepper button{padding:12px 8px}.workflow-submit-bar{flex-wrap:wrap}}

.membership-review-photo{width:120px;height:150px;object-fit:cover;border:1px solid #cbd5e1;margin:16px 0}.silgold-workflow .btn-default,.silgold-registration .btn-default{background:#e8eef8;color:#174eac;border-color:#bacce9}.silgold-workflow .btn-default:hover,.silgold-registration .btn-default:hover{background:#d9e5f8}

.registration-kin-group{border-top:1px solid #d5deea;padding:14px 0}.registration-kin-group summary{cursor:pointer;color:#174eac;font-weight:600;margin-bottom:12px}.registration-kin-group:not([open]) summary{margin-bottom:0}

.silgold-registration{width:100%;min-width:0}.silgold-registration form,.registration-grid>*{min-width:0}.registration-stepper{max-width:100%}.registration-status-steps{flex-wrap:wrap}

.kls-modern-shell .silgold-workflow .btn-default{background:#e8eef8!important;color:#174eac!important;border-color:#bacce9!important}.kls-modern-shell .silgold-workflow .btn-default:hover,.kls-modern-shell .silgold-workflow .btn-default:focus{background:#d9e5f8!important;color:#123d85!important}

.silgold-workflow .loan-stage-nav { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); overflow: visible; gap: 0; }
.loan-stage-nav > a, .loan-stage-nav > .loan-stage-locked { min-width: 0; padding: 16px 12px; white-space: normal; display: flex; flex-direction: column; gap: 8px; border-bottom: 2px solid transparent; }
.loan-stage-nav strong { font-size: 13px; font-weight: 500; }
.loan-stage-locked { color: #64748b; }
.workflow-checklist { margin: 0 0 22px; border-bottom: 1px solid #e2e5eb; }
.workflow-checklist > div { display: flex; align-items: center; gap: 12px; padding: 10px 0; }
.workflow-checklist strong { min-width: 160px; font-weight: 500; }
.workflow-guarantor { padding: 18px 0; border-bottom: 1px solid #e2e5eb; margin-bottom: 18px; }
.workflow-guarantor-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-bottom: 18px; }
.workflow-guarantor-heading > strong:last-child { margin-left: auto; }
.workflow-guarantor-controls { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.workflow-guarantor-controls > div { max-width: 240px; }
.workflow-guarantor-controls label { display: block; margin-bottom: 7px; }
.workflow-stage-actions { padding: 20px 0; }
.silgold-workflow [data-guarantee-controls][hidden] { display: none !important; }
@media (max-width: 1100px) { .silgold-workflow .loan-stage-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { .silgold-workflow .loan-stage-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
