.accreditation-hero{padding:64px 20px 28px;text-align:center}.accreditation-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.accreditation-eyebrow,.ac-section-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:#3157d5;margin-bottom:8px}.accreditation-hero h1{margin:0;color:#0e1b36;font-size:clamp(30px,4vw,44px)}.accreditation-hero p{max-width:760px;margin:14px auto 0;color:#68758f;line-height:1.7}.accreditation-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start;padding-bottom:70px}.accreditation-main{display:grid;gap:18px}.ac-card,.score-panel{background:#fff;border:1px solid #e1e6ef;border-radius:14px;box-shadow:0 8px 28px rgba(25,42,70,.045)}.ac-card{padding:22px}.ac-card h2{margin:0;color:#101b32;font-size:20px}.ac-card-heading,.element-heading,.item-title,.submit-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ac-card-heading p,.instrument-search-card p,.submit-card p{margin:7px 0 0;color:#6b7890;font-size:14px;line-height:1.6}.identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.identity-grid label{display:grid;gap:7px;color:#4d5b73;font-size:12px;font-weight:700}.identity-wide{grid-column:1/-1}.identity-grid input,.instrument-search-card input,.instrument-item select,.instrument-item textarea{width:100%;box-sizing:border-box;border:1px solid #d8deea;border-radius:9px;background:#fff;color:#17233c;outline:none;transition:.2s}.identity-grid input,.instrument-search-card input,.instrument-item select{min-height:44px;padding:0 12px}.instrument-item textarea{padding:11px 12px;resize:vertical;margin-top:8px}.identity-grid input:focus,.instrument-search-card input:focus,.instrument-item select:focus,.instrument-item textarea:focus{border-color:#4f67e8;box-shadow:0 0 0 3px rgba(79,103,232,.1)}.gate-counter{padding:7px 10px;border-radius:999px;background:#eef2ff;color:#304bc7;font-size:12px}.checklist{margin-top:16px}.check-row{display:flex;gap:11px;align-items:flex-start;padding:12px 4px;border-top:1px solid #edf0f5;color:#3d4a61;font-size:13px;line-height:1.5;cursor:pointer}.check-row input{margin-top:3px}.check-row strong{color:#20304f;margin-right:5px}.instrument-search-card{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:18px;align-items:center}.element-heading{padding-bottom:15px;border-bottom:1px solid #edf0f5}.element-heading>div:first-child{display:flex;align-items:center;gap:10px}.element-code,.item-code{display:inline-flex;align-items:center;justify-content:center;background:#eef2ff;color:#304bc7;font-weight:800;border-radius:7px}.element-code{width:32px;height:32px}.item-code{padding:4px 7px;font-size:11px;margin-right:7px}.element-total{white-space:nowrap;color:#7b879c;font-size:13px}.element-total strong{font-size:22px;color:#17233c}.penalty-card{border-color:#f1d7bf}.penalty-card .element-code,.penalty-card .item-code{background:#fff0e0;color:#bd6100}.penalty-total strong{color:#c35d00}.instrument-item{padding:17px 0;border-bottom:1px solid #edf0f5}.instrument-item:last-child{border-bottom:0;padding-bottom:0}.item-title strong{font-size:13px;color:#27344c}.item-title small{white-space:nowrap;color:#7a879b}.instrument-item select{margin-top:10px}.score-sidebar{position:sticky;top:92px}.score-panel{padding:22px}.score-label{font-size:11px;color:#78859b}.score-number{display:flex;align-items:baseline;margin-top:8px}.score-number strong{font-size:48px;line-height:1;color:#12213d}.score-number span{font-size:18px;font-weight:800;color:#12213d}.score-status{display:inline-block;margin-top:12px;padding:7px 10px;border-radius:999px;background:#fff0df;color:#ad5700;font-size:11px;font-weight:800}.score-progress{height:8px;background:#edf0f5;border-radius:99px;margin:14px 0;overflow:hidden}.score-progress span{display:block;height:100%;width:0;background:#4e63e8;border-radius:99px;transition:width .25s}.readiness-box{padding:11px;border:1px solid #f0d6d6;background:#fff8f8;color:#b33333;border-radius:8px;font-size:12px;line-height:1.45}.readiness-box.ready{border-color:#cce7d5;background:#f4fbf6;color:#257541}.score-panel h3{font-size:15px;margin:22px 0 10px}.element-summary>div,.score-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf0f5;font-size:12px}.penalty-summary{color:#b85c00}.score-breakdown{margin-top:16px}.score-note{font-size:11px;line-height:1.55;color:#7a879a;margin:16px 0 0}.primary-button{border:0;border-radius:9px;background:#23198f;color:#fff;font-weight:800;padding:12px 20px;cursor:pointer}.instrument-item.is-hidden{display:none}@media(max-width:960px){.accreditation-layout{grid-template-columns:1fr}.score-sidebar{position:static;grid-row:1}.instrument-search-card{grid-template-columns:1fr}}@media(max-width:640px){.accreditation-shell{width:min(100% - 20px,1180px)}.accreditation-hero{padding-top:38px}.identity-grid{grid-template-columns:1fr}.identity-wide{grid-column:auto}.ac-card{padding:17px}.element-heading,.item-title,.submit-card{align-items:flex-start}.item-title{display:grid}.instrument-item select{font-size:12px}}

/* =========================================================
   FIX CHECKBOX PEMERIKSAAN AWAL & KELAYAKAN
   Override CSS global project
   ========================================================= */

.accreditation-main .checklist {
    width: 100%;
    margin-top: 16px;
}

.accreditation-main .check-row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

    width: 100%;
    padding: 12px 4px;
    margin: 0;

    border-top: 1px solid #edf0f5;

    cursor: pointer;
    box-sizing: border-box;
}

/* Penting: override width/min-height input global */
.accreditation-main .check-row input[type="checkbox"] {
    appearance: auto;
    -webkit-appearance: checkbox;

    display: block;

    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;

    padding: 0 !important;
    margin: 2px 10px 0 0 !important;

    border: initial;
    border-radius: 2px;

    box-shadow: none !important;

    flex: 0 0 15px;
    cursor: pointer;
}

/* Teks berada langsung di sebelah checkbox */
.accreditation-main .check-row > span {
    display: block;
    flex: 1;

    width: auto;
    min-width: 0;

    margin: 0;
    padding: 0;

    color: #3d4a61;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
}

/* Kode PA.1 / PK.1 */
.accreditation-main .check-row > span > strong {
    display: inline;
    margin-right: 6px;

    color: #14213d;
    font-weight: 800;
}

/* Jangan beri alignment aneh dari style label global */
.accreditation-main .check-row label {
    width: auto;
}

/* =========================================================
   SAVE SUCCESS
   ========================================================= */

#saveEvaluationMessage {
    margin: 14px 0 0;
}

.save-success-box {
    min-width: 310px;
    padding: 14px 16px;

    border: 1px solid #cce7d5;
    border-radius: 10px;

    background: #f4fbf6;
}

.save-success-title {
    color: #257541;

    font-size: 13px;
    font-weight: 800;
}

.save-success-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;

    margin-top: 6px;

    color: #536278;
    font-size: 11px;
}

.save-success-info strong {
    color: #263750;
}

.save-success-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin-top: 12px;
}

.save-result-button,
.save-stay-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 36px;
    padding: 0 13px;

    border-radius: 7px;

    font-size: 11px;
    font-weight: 800;

    text-decoration: none;
    cursor: pointer;
}

.save-result-button {
    border: 1px solid #23198f;

    background: #23198f;
    color: #fff;
}

.save-result-button:hover {
    background: #19116f;
    color: #fff;
}

.save-stay-button {
    border: 1px solid #d5dce8;

    background: #fff;
    color: #3d4a61;
}

.save-stay-button:hover {
    background: #f5f7fa;
}

@media (max-width: 640px) {

    .save-success-box {
        min-width: 0;
        width: 100%;
    }

    .save-success-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .save-result-button,
    .save-stay-button {
        width: 100%;
    }
}