:root{--green:#0b5946;--green2:#084a3a;--green3:#e7f2ed;--bg:#eef5f1;--ink:#1b2b24;--muted:#6a7a72;--line:#cfddd5;--white:#fff;--gold:#e8b13d}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);background:var(--bg);font-family:"Segoe UI",Roboto,Arial,Helvetica,sans-serif;line-height:1.45}.public-topbar{background:var(--green2);color:#fff;border-bottom:1px solid #0c6b53;position:sticky;top:0;z-index:20}.public-topbar-inner{width:min(1420px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}.public-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.public-brand img,.public-logo-fallback{width:48px;height:48px;object-fit:contain;border-radius:50%;background:#fff}.public-logo-fallback{display:grid;place-items:center;color:var(--green);font-weight:900}.public-brand strong{display:block;font-size:1.08rem}.public-brand small{display:block;font-size:.78rem;opacity:.88;margin-top:2px}.public-helpdesk{margin-left:auto;color:#fff;font-weight:700;font-size:.86rem;white-space:nowrap;text-align:right}.public-nav{display:flex;gap:8px;flex-wrap:wrap}.public-nav a{color:#fff;text-decoration:none;padding:9px 13px;border-radius:9px;background:#ffffff0f;font-weight:700}.public-nav a:hover,.public-nav a.is-active{background:#ffffff18}.public-shell{width:min(1420px,calc(100% - 42px));margin:22px auto 36px}.public-hero{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;border-radius:18px;padding:27px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 10px 28px #0b594617}.public-kicker{font-family:Arial,sans-serif;font-size:.72rem;letter-spacing:.14em;font-weight:800;margin:0 0 8px;color:#1c7a60}.public-hero .public-kicker{color:#bce2d3}.public-hero h1{font-size:2rem;margin:0 0 8px}.public-hero p{margin:0;opacity:.9}.system-online{font-family:Arial,sans-serif;font-size:.76rem;font-weight:800;background:#fff;color:var(--green);padding:7px 10px;border-radius:999px;white-space:nowrap}.system-online i{width:7px;height:7px;border-radius:50%;background:#21ad6b;display:inline-block;margin-right:6px}.public-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.public-stats article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 15px}.public-stats small{display:block;color:var(--muted);font-size:.8rem;margin-bottom:8px}.public-stats strong{font-size:1.45rem;color:var(--green)}.public-stats #stat-connection{font-size:1.05rem}.no-data-alert{display:grid;gap:5px;background:#fff8e6;border:1px solid #ead18d;color:#6a4a0d;border-radius:13px;padding:14px 16px;margin-bottom:14px}.no-data-alert span{font-size:.91rem;line-height:1.5}.public-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;box-shadow:0 8px 24px #1b4a3710}.public-card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px}.public-card-head h2{margin:0;font-size:1.2rem}.status-link{font-family:Arial,sans-serif;color:var(--green);font-weight:800;text-decoration:none;border:1px solid #bcd1c6;padding:8px 11px;border-radius:9px}.filters-grid{display:grid;grid-template-columns:1.05fr .75fr 1.1fr .8fr 2fr;gap:10px;margin-bottom:14px}.filters-grid label{display:grid;gap:5px}.filters-grid label span{font-size:.77rem;font-weight:800;color:#4a5f55}.filters-grid select,.filters-grid input{width:100%;height:40px;border:1px solid #c3d3cb;border-radius:9px;background:#fff;padding:0 10px;color:var(--ink);font:inherit}.public-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.public-table{width:100%;border-collapse:collapse;min-width:1120px;font-size:.88rem}.public-table th{background:#e9f1ed;color:#2e4e40;text-align:left;font-size:.76rem;padding:10px 9px;border-bottom:1px solid var(--line);white-space:nowrap}.public-table td{padding:10px 9px;border-bottom:1px solid #e2ebe6;vertical-align:top}.public-table tbody tr:nth-child(even){background:#fbfdfc}.public-table tbody tr:hover{background:#f2f8f5}.course-name{font-weight:700}.lecturer-name{max-width:280px}.status-badge{display:inline-block;background:#dff2e7;color:#17623c;border-radius:999px;padding:5px 8px;font-family:Arial,sans-serif;font-size:.72rem;font-weight:800;white-space:nowrap}.status-badge.is-empty{background:#fff2cf;color:#775314}.public-message{padding:20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.result-count{font-size:.8rem;color:var(--muted);margin-top:11px}.public-footer{width:min(1420px,calc(100% - 42px));margin:0 auto 26px;display:flex;justify-content:space-between;color:#718079;font-size:.78rem}.build-marker{font-family:Arial,sans-serif;font-weight:700;color:#557066}@media(max-width:1080px){.filters-grid{grid-template-columns:1fr 1fr}.search-wide{grid-column:1/-1}.public-stats{grid-template-columns:1fr 1fr}}@media(max-width:760px){.public-topbar-inner{align-items:flex-start;flex-direction:column}.public-helpdesk{margin-left:0;text-align:left;white-space:normal}.public-nav{width:100%;overflow:auto;flex-wrap:nowrap}.public-nav a{white-space:nowrap}.public-shell{width:min(100% - 18px,1420px)}.public-hero{align-items:flex-start;flex-direction:column}.public-stats{grid-template-columns:1fr 1fr}.filters-grid{grid-template-columns:1fr}.search-wide{grid-column:auto}.public-footer{width:min(100% - 18px,1420px);flex-direction:column;gap:5px}.public-brand small{font-size:.7rem}}@media(max-width:460px){.public-stats{grid-template-columns:1fr}.public-hero h1{font-size:1.55rem}.public-card{padding:12px}}

/* Build 2026.08.17-04 — QR website publik */
.public-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.public-site-qr{display:flex;align-items:center;gap:10px;background:#fff;color:#173d33;border-radius:14px;padding:8px 12px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.public-site-qr canvas{width:86px;height:86px;background:#fff;border-radius:8px}.public-site-qr strong,.public-site-qr small{display:block}.public-site-qr strong{font-size:.92rem}.public-site-qr small{margin-top:4px;color:#647a73;font-size:.76rem;max-width:120px;line-height:1.35}@media(max-width:760px){.public-hero-actions{justify-content:flex-start}.public-site-qr canvas{width:76px;height:76px}.public-site-qr{width:100%;max-width:270px}}

/* v2026.08.17-05: navigasi publik dipindahkan dari topbar ke panel kuning. */
.public-nav-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff8e6;border:1px solid #ead18d;color:#6a4a0d;border-radius:13px;padding:12px 14px;margin-bottom:14px}
.no-data-copy{display:grid;gap:4px;min-width:0}
.no-data-copy span{font-size:.91rem;line-height:1.45}
.public-nav-inline{margin-left:auto;flex:0 0 auto}
.public-nav-inline a{background:var(--green);color:#fff;border:1px solid var(--green);box-shadow:none}
.public-nav-inline a:hover,.public-nav-inline a.is-active{background:var(--green2)}
@media(max-width:760px){.public-nav-panel{align-items:stretch;flex-direction:column}.public-nav-inline{width:100%;margin-left:0}.public-nav-inline a{flex:1 1 auto;text-align:center}}