/* UPT SMAN 3 Parepare: forest green, warm ivory and school gold. */
:root{--green:#176344;--green-dark:#104c34;--text:#203c31;--muted:#687c70;--line:#e3e9df;--bg:#f7f8f2;--yellow:#e6be43}
.sidebar{background:linear-gradient(165deg,#123f30,#0b3025);border-right:1px solid #284e3b;box-shadow:6px 0 28px #153c240b}
.brand{color:#fff;padding:0 7px;gap:12px;font-size:25px;letter-spacing:1px}
.brand-sub{color:#e7cb73;letter-spacing:2.6px}
.school-logo{width:56px;height:56px;flex-shrink:0;object-fit:contain;background:#fff;border:2px solid #e1bf56;border-radius:13px;padding:3px;box-shadow:0 4px 14px #0002}
.school-identity{background:#ffffff09;border-color:#ffffff1c;color:#f6f5e7;border-radius:10px;font-size:10px}
.school-identity>span>span{color:#bbcfbf;font-size:7px;letter-spacing:.35px;margin-top:4px}
.school-icon{background:#e6be4320;color:#edce70}
.nav-caption{color:#a8c3af}.nav-link{color:#d0dfd4;border-radius:9px}.nav-link.active{background:#e7c45b;color:#253c2a;box-shadow:0 4px 12px #0001}.nav-link.active i{background:#21543a}
.nav-link:hover{background:#ffffff12;color:#fff}.nav-link.active:hover{background:#f0d17c;color:#193b2b}.nav-divider{background:#ffffff20}.nav-tag{background:#ffffff12;color:#e7cb73}
.support-card{background:#ffffff08;border-color:#ffffff20;color:#fff;border-radius:12px}.support-card p{color:#b8cebf}.support-card button,.support-icon{color:#edd17b}.sidebar-foot{color:#b1c7b7}
.topbar{background:#fffffff5;border-bottom:1px solid var(--line)}.avatar{background:#e8efdf;color:#245638;border:1px solid #d9e3cb}
.eyebrow{color:#637c59;letter-spacing:1.8px}.date-pill{background:#fffdf5;border-color:#e9e2c5;color:#6b693e}
.welcome-card{background:linear-gradient(110deg,#eaf1e2 0%,#f4f4de 64%,#f5ebbc 100%);border:1px solid #dbe3cb;border-radius:18px;box-shadow:0 8px 28px #314b2210}
.welcome-content h2{color:#173f2c}.welcome-content p{color:#526a53}.welcome-tag{color:#596a39}.welcome-school{color:#627248}.wave{color:#b68b13}
.welcome-content .btn{box-shadow:0 4px 12px #174d3226}.btn{border-radius:9px}.btn-green{background:#176344}.btn-green:hover{background:#104c34;transform:translateY(-1px)}.btn-outline:hover{background:#fbf7e8;border-color:#d3b353}
.stat-card,.panel{border-radius:14px;box-shadow:0 4px 18px #23402a05}.stat-card{border-top:3px solid #c7aa4e}.stat-label{color:#526452}.stat-badge{background:#faf6e7;color:#786321}.stat-bottom{color:#637563}.stat-icon.amber{background:#faf0cc;color:#927013}
.school-note{background:linear-gradient(120deg,#faf4db,#f4e7af);border-color:#e9d99c;border-radius:14px}.school-note h2{color:#63521f}.school-note p{color:#76653a}
thead{background:#f3f6eb}th{color:#52643e}tbody tr:hover{background:#fcfbf3}.student-initial{background:#eaf0df;color:#30613d}.class-badge{background:#f6f0d7;color:#796025}.count-badge{background:#edf2e5;color:#3d6542}
dialog{border-radius:18px;box-shadow:0 25px 90px #0e342744}.form-label input:focus,.form-label select:focus{border-color:#8eaa75}.text-link{color:#216143}.delete-link{color:#b42318}
@media(max-width:1100px){.school-logo{width:44px;height:44px}.brand{font-size:22px;gap:9px}.brand-sub{font-size:7px}.school-identity{font-size:9px}.school-identity>span>span{font-size:6.5px}}
@media(max-width:720px){.school-logo{width:52px;height:52px}.brand{font-size:25px}.brand-sub{font-size:8px}.school-identity{font-size:11px}.school-identity>span>span{font-size:7px}.page-heading p{font-size:12px}.welcome-content p{font-size:12px}.stat-label{font-size:12px}.stat-bottom{font-size:10px}.panel-heading p{font-size:11px}.welcome-school{display:none}.welcome-tag{font-size:7px}}

/* School entrance photograph, kept uncropped on every screen size. */
.school-banner{display:flex;align-items:stretch;overflow:hidden;background:linear-gradient(115deg,#123f30,#1a5a3e);border:1px solid #285c40;border-bottom:3px solid #e6be43;border-radius:18px;margin-bottom:28px;box-shadow:0 8px 26px #153c2412}
.school-banner-photo{flex:0 0 270px;background:#123f30;line-height:0}.school-banner-photo img{display:block;width:100%;height:auto;aspect-ratio:479/417;object-fit:contain}
.school-banner-content{align-self:center;padding:28px 36px;color:#fff}.school-banner-label{font-size:10px;font-weight:700;letter-spacing:2px;color:#e8ce7b}.school-banner-content h2{font-family:Manrope,sans-serif;font-size:clamp(20px,2.4vw,32px);line-height:1.3;margin:14px 0 9px;color:#fff}.school-banner-content p{font-size:15px;color:#e8ce7b;margin:0 0 20px}.school-banner-caption{display:inline-block;padding:7px 12px;border:1px solid #ffffff26;border-radius:6px;color:#d0e1d5;font-size:11px}
@media(max-width:900px){.school-banner-photo{flex-basis:220px}.school-banner-content{padding:22px}}
@media(max-width:540px){.school-banner{flex-direction:column;margin-bottom:22px}.school-banner-photo{flex-basis:auto}.school-banner-photo img{max-height:300px}.school-banner-content{align-self:stretch;padding:22px}.school-banner-content h2{font-size:23px}.school-banner-content p{margin-bottom:14px}}