:root { --portal-ink:#173b35; --portal-green:#176346; --portal-muted:#54675e; }
body { background:#f2f6f3; color:var(--portal-ink); font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }
.portal-shell { max-width:1120px; }
.portal-header { background:#fff; border-bottom:1px solid #dce8e0; }
.portal-brand { min-width:0; color:var(--portal-ink); text-decoration:none; }
.portal-brand-logo { width:50px; height:50px; flex:none; display:grid; place-items:center; overflow:hidden; border:1px solid #d7e6db; border-radius:12px; background:#f0f6f1; color:#527260; font-size:10px; font-weight:800; line-height:1.1; text-align:center; }
.portal-brand-logo img { width:100%; height:100%; object-fit:contain; }
.portal-brand-title { display:block; font-size:16px; font-weight:800; }
.portal-brand-subtitle { display:block; color:#63756a; font-size:12px; }
.portal-top { background:#164f40; color:#fff; border-radius:16px; }
.portal-top h1 { font-size:clamp(1.25rem, 2.5vw, 1.6rem); font-weight:800; }
.portal-teacher { display:flex; align-items:center; gap:10px; }
.portal-avatar { width:38px; height:38px; flex:none; display:grid; place-items:center; border-radius:50%; background:#d8eddc; color:#225d42; font-size:12px; font-weight:800; }
.portal-teacher small { display:block; color:#c2dfce; font-size:12px; }
.portal-card { height:100%; border:1px solid #dce8df; border-radius:16px; box-shadow:0 8px 24px rgba(25,68,45,.05); }
.portal-card .card-body { padding:clamp(1.25rem, 3vw, 1.75rem); }
.portal-card h2 { font-size:1.3rem; font-weight:800; letter-spacing:-.02em; }
.portal-card h3 { font-size:1rem; font-weight:800; }
.portal-eyebrow { color:#3c7a55; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.portal-copy { color:var(--portal-muted); line-height:1.55; }
.portal-label { margin-bottom:7px; color:#243f32; font-size:15px; font-weight:700; }
.portal-input, .portal-select { min-height:50px; border-color:#a8bdb0; border-radius:10px; font-size:16px; }
.portal-input:focus, .portal-select:focus { border-color:#34835c; box-shadow:0 0 0 .2rem rgba(40,140,90,.17); }
.portal-step { width:25px; height:25px; flex:none; display:inline-grid; place-items:center; border-radius:50%; background:#e5f3e9; color:#176346; font-size:13px; font-weight:800; }
.portal-challenge { padding:15px; background:#f5f8f5; border:1px solid #dbe6dd; border-radius:12px; }
.portal-challenge img { width:150px; height:50px; max-width:100%; border:1px solid #cddbd0; border-radius:8px; object-fit:cover; }
.portal-btn { min-height:50px; border-radius:10px; background:#176346; border-color:#176346; font-weight:750; }
.portal-btn:hover, .portal-btn:focus { background:#104e37; border-color:#104e37; }
.portal-soft { background:#f1f7f2; border:1px solid #dcebe0; border-radius:12px; }
.portal-today, .portal-report { padding:1rem; border:1px solid #dedede; border-radius:12px; background:#f5f5f5; }
.portal-today-date { display:block; margin-top:2px; color:#b42318; font-size:17px; font-weight:800; line-height:1.4; }
.portal-status-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.portal-status-card, .portal-checked-homework { min-width:0; }
.portal-status-card { padding:12px 12px 0 0; }
.portal-status-card + .portal-status-card { padding-left:16px; border-left:1px solid #dce5df; }
.portal-checked-homework { padding:8px 0 12px; border-bottom:1px solid #dce5df; }
.portal-status-label, .portal-checked-homework span { display:block; margin-bottom:6px; color:#3c4c43; font-size:12px; font-weight:800; letter-spacing:.04em; }
.portal-status-card strong { display:block; font-size:15px; line-height:1.45; }
.portal-status-card small { display:block; margin-top:6px; color:#52675b; line-height:1.45; }
.portal-status-card.veli-status-eksik { color:#b42318; }
.portal-status-card.veli-status-tam { color:#17673c; }
.portal-status-card.veli-status-yarim { color:#805400; }
.portal-status-card.veli-status-bos { color:#52675b; }
.portal-checked-homework strong { display:block; color:#173f31; white-space:pre-wrap; overflow-wrap:anywhere; }
.portal-no-lesson { color:#173f31; font-weight:700; }
.portal-text-muted { color:#5e7465; }
.portal-homework-text { white-space:pre-wrap; overflow-wrap:anywhere; }
.portal-results:focus { outline:none; }
.portal-footer { color:#65796d; font-size:13px; }
[hidden] { display:none !important; }
@media (max-width:575.98px) {
    .portal-brand-title { font-size:14px; }
    .portal-brand-logo { width:44px; height:44px; }
    .portal-teacher small { font-size:11px; }
    .portal-card .card-body { padding:1.1rem; }
    .portal-status-grid { grid-template-columns:1fr; }
    .portal-status-card + .portal-status-card { margin-top:12px; padding:12px 0 0; border-top:1px solid #dce5df; border-left:0; }
}