/* eduXid Guru V21R173 — approved five-section navigation, responsive and accessible. */
#screen-app{background:#f3f6fb;color:#20324c;min-height:100vh}
#screen-app .topbar{background:#f3f6fb;box-shadow:none;border-bottom:1px solid #e7ebf2;color:#213954;padding:calc(10px + env(safe-area-inset-top,0px)) 13px 10px}
#screen-app .topbar .title{color:#183653;font-size:15px;font-weight:800}
#screen-app .topbar .iconbtn{color:#23527e;box-shadow:none;background:transparent;border:0}
#screen-app .topbar .iconbtn:focus-visible,.ed-nav-feature:focus-visible,.tabbar .tab:focus-visible,.rail-link:focus-visible{outline:3px solid #2475c8;outline-offset:2px}
#screen-app .wrap{max-width:760px;margin:0 auto;padding:15px 16px calc(98px + env(safe-area-inset-bottom,0px))}
#screen-app .welcome{margin-bottom:8px}
.ed-nav-page{padding-bottom:24px}.ed-nav-page-head{margin:8px 0 26px}
.ed-nav-kicker{font-size:11px;letter-spacing:1.1px;color:#277dc6;font-weight:850;text-transform:uppercase}
.ed-nav-page-head h1{font-size:25px;line-height:1.16;margin:7px 0 12px;letter-spacing:-.7px;color:#213651}
.ed-nav-page-head p{color:#7c8fa6;line-height:1.65;font-size:13px;margin:0;max-width:520px}
.ed-nav-group{margin:0 0 25px}.ed-nav-group-head{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:12px}
.ed-nav-group-head h3{font-size:15px;line-height:1.3;margin:0;color:#283d57}.ed-nav-group-head span{font-size:11px;color:#a0b0bf}
.ed-nav-cards{display:grid;grid-template-columns:1fr;gap:10px}
.ed-nav-feature{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:15px 13px;border:1px solid #e4eaf1;border-radius:17px;background:#fff;min-height:78px;cursor:pointer;font-family:inherit;color:#172b45;box-shadow:0 2px 2px #0c385004;transition:border-color .15s,transform .15s}
.ed-nav-feature:hover{border-color:#bbd7f0;transform:translateY(-1px)}
.ed-nav-feature-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;background:#eef5fd;color:#2377bf;font-size:23px;flex:none;font-weight:600}
.ed-nav-feature-text{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.ed-nav-feature-text strong{font-size:13px;color:#1f2937}.ed-nav-feature-text small{font-size:11px;color:#91a0b3;line-height:1.35}.ed-nav-feature-text em{font-style:normal;font-size:10px;color:#59738f}
.ed-nav-chevron{color:#b4c4d5;font-size:23px;font-weight:300}
#screen-app .tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));box-shadow:0 -3px 12px #15385b0b;padding:7px 0 calc(5px + env(safe-area-inset-bottom,0px));background:#fff}
#screen-app .tabbar .tab{min-width:0;min-height:53px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:5px;padding:4px 1px;color:#889cb1;font-size:inherit;line-height:1.12}
#screen-app .tabbar .tab span.ed-nav-icon{font-size:22px;line-height:1;color:inherit}
#screen-app .tabbar .tab span:not(.ed-nav-icon){font-size:10px;font-weight:650;line-height:1.15;white-space:nowrap;letter-spacing:-.25px}
#screen-app .tabbar .tab.active{color:#176cbc}
#screen-app .rail-link.active{background:#ffffff24;color:#fff}
.edux-home-intro{background:#fff;padding:18px;border:1px solid #e4eaf1;border-radius:16px;color:#254363}
.edux-home-intro strong{display:block;font-size:15px}.edux-home-intro p{font-size:12px;line-height:1.6;color:#70859c;margin:7px 0 0}
.ed-nav-status{padding:19px;background:#fff;border:1px solid #e3eaf1;border-radius:16px}.ed-nav-status strong{color:#1e466c}.ed-nav-status p{font-size:13px;line-height:1.6;color:#70859c}.ed-nav-primary{background:#166bbb;color:#fff;border:0;padding:13px 17px;border-radius:12px;font-weight:750;cursor:pointer}.ed-nav-primary:disabled{background:#9aaabd;cursor:not-allowed}
.ed-nav-search-overlay[hidden]{display:none!important}.ed-nav-search-overlay{position:fixed;inset:0;background:#102438a6;z-index:200;padding:clamp(15px,7vh,65px) 13px;display:flex;justify-content:center;align-items:flex-start}
.ed-nav-search-panel{width:min(100%,540px);background:#fff;border-radius:18px;padding:13px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 22px 70px #0d284656}
.ed-nav-search-row{display:flex;align-items:center;gap:8px}.ed-nav-search-row input{flex:1;width:0;border-radius:12px;border:1px solid #dce5ef;padding:13px;font-size:16px}.ed-nav-search-row button{background:#f0f4f9;border:0;padding:11px 13px;border-radius:10px;cursor:pointer}
#ed-nav-search-results{overflow:auto;margin-top:12px}#ed-nav-search-results button{display:flex;justify-content:space-between;gap:12px;width:100%;background:#fff;border:0;border-top:1px solid #eef2f7;text-align:left;padding:13px 8px;font-size:13px;color:#253a54;cursor:pointer}#ed-nav-search-results button:hover{background:#eff6fd}#ed-nav-search-results small{color:#8ca0b5}#ed-nav-search-results p{color:#718399;padding:12px}
@media(min-width:720px){.ed-nav-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1060px){#screen-app .pwa-rail{background:linear-gradient(175deg,#082d54,#05213e)}#screen-app .wrap{max-width:1050px;margin:0 auto;padding:22px 30px 55px}#screen-app .tabbar{display:none}#screen-app .rail-link{font-size:13px}}
@media(max-width:350px){#screen-app .tabbar .tab span:not(.ed-nav-icon){font-size:9px}.ed-nav-feature{padding:12px 10px;gap:10px}.ed-nav-feature-text small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ed-nav-feature{transition:none}}

/* Make the approved section headers compact and keep secondary actions out of the mobile header. */
#screen-app .welcome[hidden]{display:none!important}
@media(max-width:600px){#screen-app .topbar #btn-home,#screen-app .topbar #btn-install-app{display:none!important}#screen-app .topbar .iconbtn{font-size:18px}#screen-app .topbar{gap:5px}#screen-app .topbar .title{font-size:14px}#screen-app .topbar-logo{width:28px;height:28px}}

/* V21R194 — shared Laravel/PWA Guru five-category visual hierarchy. */

.ed-nav-card-wrap{position:relative;min-width:0}
.ed-nav-card-wrap>.ed-nav-feature{padding-right:52px}
.ed-nav-card-wrap .ed-nav-chevron{margin-right:5px}
.ed-nav-star{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:#eef5fd;border-radius:10px;font-size:22px;color:#2168a5;cursor:pointer}
.ed-nav-star:focus-visible,.ed-nav-search-star:focus-visible{outline:3px solid #277dc6;outline-offset:2px}
.ed-nav-unavailable{opacity:.78;cursor:default;border-style:dashed;box-shadow:none}
.ed-nav-unavailable:hover{transform:none;border-color:#e4eaf1}
.ed-nav-unavailable-mark{color:#8797a7;font-size:20px;margin-left:auto}
.ed-nav-favorites{margin-bottom:21px;border-radius:14px;border:1px solid #d8e6f3;padding:12px;background:#fafdff}
.ed-nav-favorites strong{display:block;font-size:12px;color:#24588a;margin-bottom:8px}
.ed-nav-favorites>div{display:flex;gap:8px;flex-wrap:wrap}
.ed-nav-favorites button{border:1px solid #d3e3f5;border-radius:10px;background:#fff;padding:8px 11px;color:#205380;font-size:12px;cursor:pointer}
.ed-nav-catalog-back{margin-top:25px}
.ed-nav-search-tip{font-size:11px;color:#73869a;margin:9px 2px 0}
.ed-nav-result{display:flex;align-items:center;border-top:1px solid #eef2f7}
#ed-nav-search-results .ed-nav-result>button[data-go]{flex:1;border:0;min-width:0}
#ed-nav-search-results .ed-nav-result-static{flex:1;display:flex;justify-content:space-between;padding:13px 8px;gap:8px;font-size:12px;color:#65798f}
#ed-nav-search-results .ed-nav-search-star{flex:0 0 38px;font-size:22px;border:0;background:transparent;color:#276daa;text-align:center;padding:8px;cursor:pointer}
@media(max-width:380px){.ed-nav-card-wrap>.ed-nav-feature{padding-right:42px}.ed-nav-star{width:32px;right:6px}}

/* V21R196 — Favorit khusus Beranda, setelah ringkasan aktivitas. */
#ed-nav-home-favorites{min-width:0}
.ed-nav-favorites-home{margin:0;padding:16px;border-color:#cddfed;background:#fff}
.ed-nav-favorites-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ed-nav-favorites-heading h2{margin:0;color:#203a5a;font-size:15px;line-height:1.3}
.ed-nav-favorites-heading span{font-size:11px;color:#7890a5}
.ed-nav-favorites-home .ed-nav-favorites-links{display:flex;gap:8px;flex-wrap:wrap}
.ed-nav-favorites-home .ed-nav-favorites-links button{font-weight:700;min-height:40px}
.ed-nav-favorites-empty{font-size:12px;line-height:1.6;color:#71869c;margin:0 0 12px}
.ed-nav-favorites-home .ed-nav-favorites-manage{margin-top:10px;padding:7px 0;border:0;background:transparent;color:#236caa;font-size:12px;font-weight:750;text-decoration:underline;cursor:pointer}
.ed-nav-favorites-home .ed-nav-favorites-manage:focus-visible{outline:3px solid #277dc6;outline-offset:2px}