/* BK360 Phase 29 - Portal Siswa & Orang Tua Mobile Friendly */
.portal-auth-section,
.portal-dashboard{background:linear-gradient(180deg,#f7fbf8 0%,#ffffff 52%,#eef7f1 100%);min-height:72vh;padding:42px 0 60px}
.portal-auth-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center}
.portal-auth-copy h1,.portal-head-card h1{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.08;margin:.5rem 0 .7rem;color:#0e3b25}
.portal-auth-copy p,.portal-head-card p{font-size:.98rem;line-height:1.7;color:#4b6358;max-width:720px}
.portal-security-list{display:grid;gap:12px;margin-top:22px}
.portal-security-list div{background:#fff;border:1px solid rgba(27,94,57,.12);border-radius:18px;padding:15px 17px;box-shadow:0 12px 35px rgba(15,56,35,.06)}
.portal-security-list strong{display:block;color:#154a30;font-size:.96rem;margin-bottom:3px}
.portal-security-list span{display:block;color:#5c7068;font-size:.88rem;line-height:1.55}
.portal-auth-card{background:#fff;border:1px solid rgba(27,94,57,.12);border-radius:24px;padding:26px;box-shadow:0 22px 60px rgba(20,68,43,.12)}
.portal-auth-card h2{font-size:1.28rem;color:#113d28;margin:0 0 6px}
.portal-auth-card p{font-size:.9rem;color:#5c7068;margin:0 0 18px;line-height:1.6}
.portal-form{display:grid;gap:14px}.portal-form label span{display:block;font-size:.82rem;color:#315342;font-weight:700;margin-bottom:7px}.portal-form input,.portal-form select{width:100%;border:1px solid rgba(30,81,52,.18);border-radius:14px;padding:12px 13px;font-size:.93rem;background:#fbfdfb;outline:0}.portal-form input:focus,.portal-form select:focus{border-color:#1f7a4c;box-shadow:0 0 0 4px rgba(31,122,76,.12)}
.portal-alert{border-radius:14px;padding:12px 14px;margin:0 0 14px;font-size:.9rem}.portal-alert.error{background:#fff1f1;color:#9f2525;border:1px solid #ffd3d3}.portal-alert.success{background:#edf9f1;color:#17603b;border:1px solid #ccefd7}
.portal-dashboard-wrap{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}.portal-sidebar{position:sticky;top:88px;background:#fff;border:1px solid rgba(27,94,57,.12);border-radius:24px;padding:18px;box-shadow:0 16px 45px rgba(14,61,37,.08)}
.portal-profile-mini{display:flex;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(27,94,57,.09)}.portal-avatar{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#1b7a4a,#8fcf7a);color:#fff;font-weight:800}.portal-profile-mini strong{display:block;color:#143f2a;font-size:.94rem}.portal-profile-mini span{display:block;color:#667970;font-size:.78rem;line-height:1.35}
.portal-side-nav{display:grid;gap:8px;margin-top:16px}.portal-side-nav a,.portal-logout{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:14px;text-decoration:none;color:#375b49;font-size:.9rem;font-weight:700}.portal-side-nav a:hover,.portal-side-nav a.active{background:#edf8f0;color:#11653b}.portal-logout{margin-top:12px;background:#fbf4ef;color:#8a3d20;justify-content:center}
.portal-main{min-width:0}.portal-mobile-top{display:none;background:#fff;border:1px solid rgba(27,94,57,.12);border-radius:18px;padding:10px 12px;margin-bottom:14px;align-items:center;gap:10px;box-shadow:0 10px 28px rgba(14,61,37,.07)}.portal-menu-button{width:38px;height:34px;border:0;border-radius:12px;background:#edf8f0;display:grid;place-items:center;gap:3px;padding:8px}.portal-menu-button i{display:block;width:18px;height:2px;background:#155f3a;border-radius:999px}
.portal-head-card{background:linear-gradient(135deg,#ffffff 0%,#eef9f1 100%);border:1px solid rgba(27,94,57,.12);border-radius:26px;padding:28px;box-shadow:0 18px 52px rgba(14,61,37,.08);margin-bottom:18px}.portal-privacy-note{margin-top:16px;background:#fff;border-left:4px solid #1f7a4c;border-radius:13px;padding:12px 14px;color:#49665a;font-size:.88rem;line-height:1.55}
.portal-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.portal-stat-grid article{background:#fff;border:1px solid rgba(27,94,57,.1);border-radius:20px;padding:18px;box-shadow:0 12px 34px rgba(14,61,37,.06)}.portal-stat-grid strong{display:block;color:#12442b;font-size:1.55rem}.portal-stat-grid span{display:block;color:#61766c;font-size:.84rem;margin-top:2px}
.portal-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portal-panel{background:#fff;border:1px solid rgba(27,94,57,.1);border-radius:22px;padding:20px;box-shadow:0 14px 38px rgba(14,61,37,.07);margin-bottom:16px}.portal-panel h2{font-size:1.06rem;color:#123d29;margin:0 0 14px}.portal-panel p{font-size:.9rem;line-height:1.65;color:#587067}
.portal-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal-info-grid div{background:#f7fbf8;border:1px solid rgba(27,94,57,.08);border-radius:16px;padding:14px}.portal-info-grid span{display:block;color:#6b7c75;font-size:.78rem;margin-bottom:3px}.portal-info-grid strong{display:block;color:#173f2a;font-size:.94rem}
.portal-card-list,.portal-timeline-list{display:grid;gap:10px}.portal-card-list article,.portal-timeline-list article{background:#f9fcfa;border:1px solid rgba(27,94,57,.08);border-radius:16px;padding:14px}.portal-card-list.compact article{padding:12px}.portal-card-list span,.portal-timeline-list time{display:block;color:#7a8a83;font-size:.76rem;margin-bottom:4px}.portal-card-list strong,.portal-timeline-list strong{display:block;color:#16442d;font-size:.94rem;margin-bottom:3px}.portal-card-list p,.portal-timeline-list p{margin:0;color:#60756b;font-size:.86rem;line-height:1.55}.portal-muted{color:#7a8a83!important;background:#f8fbf9;border:1px dashed rgba(27,94,57,.18);border-radius:16px;padding:16px;margin:0!important}
.portal-assessment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portal-assessment-card{background:#f9fcfa;border:1px solid rgba(27,94,57,.1);border-radius:18px;padding:16px}.portal-assessment-card span{display:inline-flex;background:#eaf7ef;color:#17603b;border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:800}.portal-assessment-card h3{font-size:1rem;color:#133f2a;margin:10px 0 6px}.portal-assessment-card p{font-size:.86rem;color:#5e746a;line-height:1.55;min-height:48px}.btn.small{font-size:.82rem;padding:9px 12px;border-radius:12px}.portal-assessment-form{display:grid;gap:14px}.portal-question{background:#f9fcfa;border:1px solid rgba(27,94,57,.1);border-radius:18px;padding:16px}.portal-question strong{display:block;color:#123d29;margin-bottom:8px}.portal-question label{display:block;color:#546b61;font-size:.82rem;font-weight:800;margin:12px 0 6px}.portal-question select{width:100%;border:1px solid rgba(30,81,52,.18);border-radius:13px;padding:11px;background:#fff}
.portal-empty-state{max-width:680px;margin:0 auto;background:#fff;border:1px solid rgba(27,94,57,.12);border-radius:26px;padding:34px;text-align:center;box-shadow:0 18px 55px rgba(14,61,37,.08)}.portal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
@media(max-width:980px){.portal-auth-grid{grid-template-columns:1fr}.portal-dashboard-wrap{display:block}.portal-mobile-top{display:flex}.portal-sidebar{position:fixed;z-index:80;left:14px;right:14px;top:78px;transform:translateY(-120%);opacity:0;pointer-events:none;transition:.22s ease}.portal-sidebar.open{transform:translateY(0);opacity:1;pointer-events:auto}.portal-stat-grid{grid-template-columns:1fr 1fr}.portal-grid.two,.portal-assessment-grid{grid-template-columns:1fr}.portal-head-card{padding:22px}.portal-auth-section,.portal-dashboard{padding:24px 0 42px}}
@media(max-width:640px){.portal-stat-grid,.portal-info-grid{grid-template-columns:1fr}.portal-auth-card{padding:22px}.portal-auth-copy h1,.portal-head-card h1{font-size:1.65rem}.portal-panel{padding:16px}.portal-head-card{border-radius:20px}.portal-sidebar{left:10px;right:10px}.portal-security-list div{padding:14px}.portal-empty-state{padding:24px}}