html{font-size:var(--custom-base-font,16px)}body{background:var(--custom-background,#eef5f9)!important}.app-nav{background:linear-gradient(100deg,var(--custom-primary,#08345b),var(--custom-secondary,#107b9d))!important}.btn-primary{background-color:var(--custom-accent,#11a1c8)!important;border-color:var(--custom-accent,#11a1c8)!important}.progress-bar{background-color:var(--custom-accent,#11a1c8)}.eyebrow,.action-card span{color:var(--custom-accent,#11a1c8)!important}.system-logo{width:42px;height:42px;object-fit:contain;margin-right:.55rem;background:#fff;border-radius:8px;padding:3px}.navbar-brand{display:flex;align-items:center}.navbar-brand small{margin-left:.3rem}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.color-grid label>span{display:block;font-size:.72rem;font-weight:750;margin-bottom:.35rem}.color-control{display:flex;align-items:center;gap:.65rem;border:1px solid #d4e1e8;border-radius:.6rem;padding:.45rem}.color-control input{width:54px;height:40px;border:0;background:none;padding:0}.current-logo{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;background:#f4f8fa;border-radius:.7rem}.current-logo img{width:90px;height:70px;object-fit:contain;background:#fff;border:1px solid #dce6eb;border-radius:.5rem}.theme-preview{--p:#08345b;--s:#107b9d;--a:#11a1c8;--b:#eef5f9;position:sticky;top:1rem}.preview-nav{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:.75rem .75rem 0 0;background:linear-gradient(100deg,var(--p),var(--s));color:#fff}.preview-nav small{font-size:.6em;color:#ffd45b}.preview-logo{width:36px;height:36px;display:grid;place-items:center}.preview-logo img{width:36px;height:36px;object-fit:contain;background:#fff;border-radius:6px}.preview-body{background:var(--b);padding:2rem;border-radius:0 0 .75rem .75rem}.preview-body>span{color:var(--a);font-size:.65em;font-weight:800}.preview-body h3{font-size:1.4em;margin:.4em 0}.preview-body p{font-size:.85em}.preview-body button{border:0;border-radius:.45rem;padding:.55rem .8rem;margin-right:.4rem;background:var(--a);color:#fff}.preview-body button+button{background:#fff;color:var(--p);border:1px solid var(--p)}@media(max-width:700px){.color-grid{grid-template-columns:1fr}.navbar-brand span{max-width:180px;white-space:normal}}

/* Compact and uniform assessment rating columns */

.assessment-table {
    table-layout: fixed !important;
    width: 100% !important;
    min-width: 1150px !important;
}

/* All four rating columns */
.assessment-table th.rating-col {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;

    padding: 9px 5px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;

    text-align: center !important;
    vertical-align: middle !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
}

/* Rating cells below the headings */
.assessment-table td.tick {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;

    padding: 7px 4px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* Keep radio controls compact */
.assessment-table td.tick label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
}

/* Radio circle */
.assessment-table td.tick input[type="radio"] + span {
    width: 22px !important;
    height: 22px !important;
    border-width: 2px !important;
}

/* Selected inner circle */
.assessment-table td.tick input[type="radio"]:checked + span::after {
    inset: 5px !important;
}

.assessment-table td.indicator-text {
    width: auto !important;
    min-width: 420px !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
}


.assessment-table th.remarks-col,
.assessment-table td:last-child {
    width: 240px !important;
    min-width: 240px !important;
}


/* Admin Settings dropdown trigger */

.admin-settings-toggle {
    border: 0 !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-family: inherit;
    cursor: pointer;
}

.admin-settings-toggle:hover,
.admin-settings-toggle:focus,
.admin-settings-toggle.show {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.14) !important;
    border-radius: 7px;
}

.admin-settings-toggle:focus-visible {
    outline: 3px solid #ffcf3c !important;
    outline-offset: 2px;
}