:root{
    --jstu-green:#1b7a43; --jstu-green-d:#14532d; --jstu-yellow:#f5c518; --jstu-red:#b3282d;
}
body{ background:#f1f4f8; color:#1f2933; }

.jstu-navbar{ background:linear-gradient(90deg,var(--jstu-green-d),var(--jstu-green)); }
.jstu-navbar .navbar-brand,.jstu-navbar .nav-link,.jstu-navbar span{ color:#fff !important; }
.brandbar{ height:5px; background:linear-gradient(90deg,var(--jstu-green) 0 33%,var(--jstu-yellow) 33% 66%,var(--jstu-red) 66% 100%); }

.section-card{ border:none; border-radius:14px; box-shadow:0 10px 30px -18px rgba(20,40,30,.25); }
.section-title{ font-weight:700; color:var(--jstu-green-d); font-size:1.02rem;
    border-left:4px solid var(--jstu-yellow); padding-left:10px; margin-bottom:.9rem; }

.form-label{ font-size:.8rem; font-weight:600; color:#3b4754; margin-bottom:.2rem; }
.form-control,.form-select{ font-size:.9rem; }

/* Read-only official fields */
.locked{ background:#eef2f6 !important; border-style:dashed; color:#334; font-weight:600; }
.locked-note{ font-size:.68rem; color:#8a94a0; }

.photo-frame{ width:150px; height:180px; object-fit:cover; border:2px solid #cfd6de; border-radius:8px; background:#fff; }
.official-badge{ font-size:.72rem; }

.sticky-actions{ position:sticky; top:14px; }
.info-row{ display:flex; justify-content:space-between; gap:8px; padding:5px 0; border-bottom:1px dashed #e3e8ee; font-size:.84rem; }
.info-row .k{ color:#6b7684; } .info-row .v{ font-weight:700; text-align:right; }