#propisi-search-app{--p-navy:#163b65;--p-blue:#2d6a9f;--p-gold:#2d6a9f;--p-ink:#24364b;--p-muted:#65778a;--p-line:#d8e2ea;color:var(--p-ink);font-family:inherit;margin:26px 0 34px}
#propisi-search-app *{box-sizing:border-box}
#propisi-search-app .p-panel{background:#fff;border:1px solid var(--p-line);border-top:4px solid var(--p-gold);border-radius:10px;padding:22px;box-shadow:0 8px 25px rgba(22,59,101,.08)}
#propisi-search-app .p-label{display:block;margin-bottom:7px;color:var(--p-navy);font-weight:700;font-size:16px}
#propisi-search-app .p-search{display:grid;grid-template-columns:1fr auto;gap:9px}
#propisi-search-app input,#propisi-search-app select,#propisi-search-app button{font:inherit}
#propisi-search-app input,#propisi-search-app select{width:100%;min-height:44px;border:1px solid #b7c6d3;border-radius:5px;padding:9px 11px;background:#fff;color:var(--p-ink)}
#propisi-search-app .p-query{min-height:52px;border:2px solid #9db1c3;padding-left:15px;font-size:16px}
#propisi-search-app input:focus,#propisi-search-app select:focus{outline:3px solid rgba(45,106,159,.16);border-color:var(--p-blue)}
#propisi-search-app button{border:0;border-radius:5px;padding:10px 15px;cursor:pointer;font-weight:700}
#propisi-search-app .p-clear,#propisi-search-app .p-page button{color:#fff;background:var(--p-navy)}
#propisi-search-app .p-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
#propisi-search-app .p-filters label{color:#43586d;font-size:13px;font-weight:700}
#propisi-search-app .p-filters select,#propisi-search-app .p-filters input{margin-top:4px}
#propisi-search-app .p-hint{margin:12px 0 0;color:var(--p-muted);font-size:13px}
#propisi-search-app .p-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:27px 2px 12px}
#propisi-search-app .p-summary{margin:0;color:var(--p-navy);font-weight:700}
#propisi-search-app .p-reset{padding:3px;color:var(--p-blue);background:transparent}
#propisi-search-app .p-results{display:grid;gap:9px}
#propisi-search-app .p-result{display:grid;grid-template-columns:82px 1fr auto;gap:15px;align-items:start;background:#fff;border:1px solid var(--p-line);border-left:4px solid var(--p-blue);border-radius:7px;padding:15px}
#propisi-search-app .p-badge{padding:7px 5px;color:var(--p-navy);background:#e7f0f7;border-radius:5px;text-align:center;font-size:12px;font-weight:800}
#propisi-search-app .p-result h3{margin:0;color:var(--p-ink);font-family:inherit;font-size:16px;line-height:1.4;font-weight:650}
#propisi-search-app .p-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:7px 0 0;color:var(--p-muted);font-size:12px}
#propisi-search-app .p-open{white-space:nowrap;color:#fff!important;background:var(--p-blue);border-radius:5px;padding:8px 10px;text-decoration:none!important;font-size:12px;font-weight:700}
#propisi-search-app .p-open:hover{background:var(--p-navy)}
#propisi-search-app .p-empty{padding:35px;background:#fff;border:1px dashed #aebdca;border-radius:7px;text-align:center;color:var(--p-muted)}
#propisi-search-app .p-page{display:flex;justify-content:center;align-items:center;gap:14px;margin:22px 0 0}
#propisi-search-app .p-page button:disabled{cursor:not-allowed;opacity:.4}
#propisi-search-app .p-page-info{min-width:115px;text-align:center;color:var(--p-muted);font-size:13px}
@media(max-width:780px){#propisi-search-app .p-filters{grid-template-columns:1fr 1fr}#propisi-search-app .p-result{grid-template-columns:72px 1fr}#propisi-search-app .p-open{grid-column:2;width:max-content}}
@media(max-width:520px){#propisi-search-app .p-panel{padding:16px}#propisi-search-app .p-search,#propisi-search-app .p-filters,#propisi-search-app .p-result{grid-template-columns:1fr}#propisi-search-app .p-badge{width:max-content}#propisi-search-app .p-open{grid-column:1}#propisi-search-app .p-head{align-items:flex-start}}