/* Direktori aplikasi - tidak mengubah layout halaman lain. */
.page-external-applications .external-directory-hero{background:linear-gradient(118deg,#123e3d 0%,#126a67 100%);color:#fff;padding:clamp(42px,6vw,76px) 0}
.page-external-applications .external-directory-hero:after{border-color:rgba(255,255,255,.08)}
.page-external-applications .external-directory-hero .breadcrumbs,.page-external-applications .external-directory-hero .breadcrumbs a,.page-external-applications .external-directory-hero p{color:#d9f5ef}
.page-external-applications .external-directory-hero .section-kicker{color:#a7f3d0}
.page-external-applications .external-directory-hero h1{font-size:clamp(2.1rem,5vw,3.9rem)}
.external-directory-count{display:inline-flex;padding:8px 14px;border:1px solid #ffffff48;background:#ffffff1b;border-radius:100px;font-size:.88rem;font-weight:700;margin-top:15px}
.external-directory-section{background:linear-gradient(170deg,#f2f9f7,#f8fbfc);min-height:310px}
.external-directory-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.external-directory-toolbar h2{font-size:clamp(1.45rem,3vw,2rem);color:#133e3d;line-height:1.2}
.external-directory-toolbar p{margin:6px 0 0;color:#607775}
.external-directory-search input{width:min(100%,370px);min-width:min(310px,85vw);padding:13px 16px;border:1px solid #c8dcda;border-radius:14px;background:white;color:#163c3b;font:inherit}
.external-directory-search input:focus-visible{outline:3px solid #6bd4be;outline-offset:2px}
.external-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:17px;align-items:stretch}
.external-directory-card{min-width:0;background:#fff;border:1px solid #d6e8e5;border-radius:22px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;box-shadow:0 8px 24px rgba(17,68,64,.06);transition:transform .2s,box-shadow .2s}
.external-directory-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(17,68,64,.12)}
.external-directory-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:#e0f3ee;color:#116d60}
.external-directory-copy{flex:1;min-width:0}.external-directory-copy h3{font-size:1.19rem;font-weight:800;color:#133b3a;line-height:1.25;margin:0 0 8px;overflow-wrap:anywhere}.external-directory-copy p{font-size:.92rem;line-height:1.55;color:#607775;margin:0;overflow-wrap:anywhere}
.external-directory-action{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#146f60;color:#fff;padding:12px 16px;min-height:44px;text-decoration:none;border-radius:12px;font-weight:750;width:100%}
.external-directory-action:hover,.external-directory-action:focus-visible{background:#0b5148;color:#fff}
.external-directory-maintenance{width:100%;text-align:center;padding:12px;background:#fff7e8;color:#86551d;border-radius:12px;font-size:.9rem;font-weight:750}
.external-directory-empty-state{border:1px dashed #bed4ce;border-radius:24px;padding:32px;text-align:center;background:white}
.external-directory-empty-state h2{font-size:1.35rem;margin:0 0 10px}.external-directory-empty-state p{color:#63716d;margin-bottom:18px}
.external-directory-empty{margin:24px 0;color:#586d67}
.external-directory-card[hidden],.external-directory-empty[hidden]{display:none!important}
@media(max-width:600px){.external-directory-toolbar{align-items:stretch}.external-directory-search,.external-directory-search input{width:100%;min-width:0}.external-directory-grid{grid-template-columns:1fr;gap:12px}.external-directory-card{padding:18px;border-radius:18px}.external-directory-section{padding-top:26px}}
@media(prefers-reduced-motion:reduce){.external-directory-card{transition:none}.external-directory-card:hover{transform:none}}