/* PRM public information directory — matches Home V2 green/cream language. */
:root {--dir-forest:#104522;--dir-deep:#0d2b1b;--dir-green:#168b2d;--dir-muted:#627366;--dir-line:#d8e6da;--dir-cream:#fff9e9;}
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0;font-family:'Plus Jakarta Sans',Arial,sans-serif;color:#163c23;background:#eaf5e8 url('../img/prm-home-desktop-background-4k.webp') center top/cover fixed no-repeat;}
a {color:inherit} button,input,select{font:inherit}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid rgba(22,139,45,.42);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.prm-dir__masthead{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:9px clamp(16px,3vw,45px);border-bottom:1px solid rgba(16,69,34,.10);background:rgba(250,252,247,.96);backdrop-filter:blur(16px);box-shadow:0 3px 18px rgba(12,45,20,.04)}
.prm-dir__brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--dir-forest)}.prm-dir__brand img{object-fit:contain}.prm-dir__brand span{display:grid;gap:1px}
.prm-dir__brand small{font-size:8px;font-weight:800;letter-spacing:.08em;color:#258448}.prm-dir__brand strong{font-size:16px;font-weight:850;line-height:1.1;letter-spacing:-.03em}.prm-dir__brand em{font-size:9px;color:#6e7d70;font-style:normal}
.prm-dir__back{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:11px;font-weight:800;padding:11px 14px;border:1px solid #d3e3d7;border-radius:12px;background:#fff;color:#16532f;transition:transform .19s,box-shadow .19s}
.prm-dir__back:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,69,34,.10)}.prm-dir__back svg{width:16px;height:16px}
.prm-dir{width:min(1300px,calc(100% - 44px));margin:0 auto;padding:40px 0 26px}
.prm-dir__heading{padding:14px 7px 29px}.prm-dir__eyebrow{display:flex;align-items:center;gap:8px;color:#246e3c;font-size:10px;letter-spacing:.10em;font-weight:850}
.prm-dir__line{width:25px;height:3px;border-radius:4px;background:#d6aa48}.prm-dir__headline{display:flex;align-items:center;gap:15px;margin:13px 0 12px}
.prm-dir__badge-icon{display:grid;place-items:center;flex:0 0 56px;height:56px;border-radius:17px;background:#0d3020;color:#f8df9a;box-shadow:0 9px 20px rgba(8,43,21,.13)}
.prm-dir__badge-icon svg{width:27px;height:27px}.prm-dir h1{font-size:clamp(25px,3vw,36px);margin:0 0 6px;line-height:1.1;letter-spacing:-.045em;color:#113b21}
.prm-dir__headline p{margin:0;color:#5e7364;font-size:12px;font-weight:550;line-height:1.55}
.prm-dir__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#487252;font-size:10px;font-weight:750}
.prm-dir__dot{height:4px;width:4px;border-radius:50%;background:#99b7a0}
.prm-dir__surface{border:1px solid #d4e4d7;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 16px 44px rgba(9,47,24,.11)}
.prm-dir__toolbar{display:flex;flex-wrap:wrap;gap:11px;align-items:end;padding:23px 24px 17px;background:#fff}
.prm-dir__search{display:flex;align-items:center;gap:10px;min-height:46px;flex:1 1 300px;border:1px solid #c8ddcf;border-radius:13px;padding:0 13px;background:#f8fbf8}
.prm-dir__search:focus-within{border-color:#168b2d;box-shadow:0 0 0 3px rgba(22,139,45,.11)}
.prm-dir__search svg{width:19px;height:19px;flex:0 0 19px;color:#268448}
.prm-dir__search input{min-width:0;width:100%;height:42px;border:0;outline:0;background:transparent;font-size:12px;font-weight:650;color:#173f27}
.prm-dir__search input::placeholder{color:#738c7c}
.prm-dir__select{display:grid;gap:5px;color:#51715a;font-size:10px;font-weight:800;white-space:nowrap}
.prm-dir__select select{height:46px;min-width:137px;padding:0 32px 0 12px;color:#18522e;background:#f6faf7;border:1px solid #c8ddcf;border-radius:12px;font-size:11px;font-weight:750;cursor:pointer}
.prm-dir__filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:0 24px 21px;border-bottom:1px solid #e6eee7}
.prm-dir__filters::-webkit-scrollbar{display:none}
.prm-dir__filters button{flex:0 0 auto;min-height:34px;padding:8px 14px;border:1px solid #cfe4d4;border-radius:999px;background:#f4f9f5;color:#417251;font-size:11px;font-weight:850;cursor:pointer;transition:background .16s,transform .16s}
.prm-dir__filters button:hover{background:#e7f4ea;transform:translateY(-1px)}
.prm-dir__filters button.is-active{background:var(--dir-forest);border-color:var(--dir-forest);color:white}
.prm-dir__table-header{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:18px 24px;background:var(--dir-deep);color:#fff}
.prm-dir__table-header small{color:#e4be6b;letter-spacing:.08em;font-size:9px;font-weight:850}
.prm-dir__table-header h2{font-size:18px;letter-spacing:-.035em;line-height:1.25;margin:3px 0 0}
.prm-dir__table-header #prmDirCount{padding:7px 12px;border:1px solid #3b7450;border-radius:10px;color:#d7f3df;font-size:11px;font-weight:800}
.prm-dir__table-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.prm-dir__table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:11px}
.prm-dir__table th{padding:15px 13px;text-align:left;white-space:nowrap;color:#27593b;font-size:10px;font-weight:850;letter-spacing:.02em;background:#eaf3ec;border-bottom:1px solid #d7e4d9}
.prm-dir__table th:nth-child(1){width:55px}.prm-dir__table th:nth-child(2){width:auto}.prm-dir__table th:nth-child(3){width:110px}.prm-dir__table th:nth-child(4){width:145px}.prm-dir__table th:nth-child(5){width:205px}.prm-dir__table th:nth-child(6){width:103px}
.prm-dir__table td{padding:13px 12px;vertical-align:middle;border-bottom:1px solid #e1ebe3;color:#355842;line-height:1.45}
.prm-dir__table tbody tr:nth-child(even){background:#f7faf7}
.prm-dir__table tbody tr{animation:prmDirectoryRowIn .31s cubic-bezier(.16,.8,.24,1) both;animation-delay:var(--dir-row-delay,0ms)}
.prm-dir__table tbody tr:hover{background:#edf7ef}
.prm-dir__table td[data-label="No."]{font-weight:800;color:#809084}
.prm-dir__item{display:grid;gap:4px;text-decoration:none;color:#103e24}
.prm-dir__item strong{font-size:11px;line-height:1.45;font-weight:800;overflow-wrap:anywhere}
.prm-dir__item small{font-size:10px;color:#728074;line-height:1.35}
.prm-dir__item:hover strong{color:#168b2d;text-decoration:underline}
.prm-dir__chip{display:inline-block;border-radius:8px;padding:6px 9px;background:#e6f3e9;color:#1b6f39;font-size:10px;font-weight:850}
.prm-dir__chip[data-cat="Berita"]{background:#eaf2fb;color:#1f638a}
.prm-dir__chip[data-cat="Agenda"]{background:#e9f4f9;color:#245b78}
.prm-dir__chip[data-cat="Kegiatan"]{background:#fff0d8;color:#956526}
.prm-dir__date{display:grid;gap:3px}.prm-dir__date strong{font-size:11px;font-weight:800}.prm-dir__date small{font-size:10px;color:#778b7c}
.prm-dir__view{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 9px;background:#145d33;color:white;text-decoration:none;border-radius:9px;font-size:10px;font-weight:800}
.prm-dir__view:hover{background:#0e4826}.prm-dir__view svg{width:14px;height:14px}
.prm-dir__pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 22px;border-top:1px solid #e3ece5}
.prm-dir__pagination > span{font-size:11px;color:#637c69;font-weight:700}
.prm-dir__pager{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.prm-dir__pager button{border:1px solid #ccdfd0;background:#f4faf5;color:#145a31;min-width:34px;min-height:34px;padding:5px 10px;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer}
.prm-dir__pager button[aria-current="page"]{background:#145d33;border-color:#145d33;color:#fff}
.prm-dir__pager button:disabled{opacity:.45;cursor:not-allowed}
.prm-dir__disclosure{margin:0;padding:0 24px 19px;color:#748477;font-size:10px;line-height:1.65}
.prm-dir__empty{padding:45px 15px;text-align:center;color:#6c7e71}.prm-dir__empty strong{display:block;color:#255e38;margin-bottom:6px;font-size:13px}.prm-dir__empty span{font-size:11px}
.prm-dir__footer{padding:22px 0;color:#567361;font-size:10px;font-weight:700;text-align:center}.prm-dir__footer span{margin:0 7px}
@keyframes prmDirectoryEnter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes prmDirectoryRowIn{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
body.prm-directory-ready .prm-dir__masthead{animation:prmDirectoryEnter .39s cubic-bezier(.16,.8,.24,1) both}
body.prm-directory-ready [data-dir-enter]{animation:prmDirectoryEnter .43s cubic-bezier(.16,.8,.24,1) both}
body.prm-directory-ready .prm-dir__heading{animation-delay:140ms}
body.prm-directory-ready .prm-dir__surface{animation-delay:290ms}
@media(max-width:800px){
 body{background-image:url('../img/prm-home-mobile-background.jpg');background-size:cover}
 .prm-dir{width:calc(100% - 24px);padding-top:24px}
 .prm-dir__toolbar{padding:16px 15px;gap:8px}
 .prm-dir__search{flex-basis:100%}
 .prm-dir__select{flex:1 1 125px}
 .prm-dir__select select{width:100%;min-width:0}
 .prm-dir__filters{padding:0 15px 15px}
 .prm-dir__table-header{padding:15px}
 .prm-dir__table th:nth-child(4){width:120px}
 .prm-dir__table th:nth-child(5){width:170px}
 .prm-dir__table{min-width:745px}
 .prm-dir__pagination{padding:13px 15px}
 .prm-dir__disclosure{padding:0 15px 17px}
}
@media(max-width:600px){
 .prm-dir__masthead{min-height:67px;padding:8px 13px}
 .prm-dir__brand img{width:35px;height:35px}
 .prm-dir__brand strong{font-size:13px}
 .prm-dir__brand em{font-size:7px}
 .prm-dir__back{padding:10px;border-radius:10px}
 .prm-dir__back span{display:none}
 .prm-dir__heading{padding:10px 4px 22px}
 .prm-dir__headline{gap:11px}
 .prm-dir__badge-icon{flex-basis:45px;height:45px;border-radius:12px}
 .prm-dir__badge-icon svg{width:22px;height:22px}
 .prm-dir h1{font-size:25px}
 .prm-dir__headline p{font-size:11px}
 .prm-dir__surface{border-radius:18px}
 .prm-dir__filters button{padding:8px 12px;font-size:10px}
 .prm-dir__table-scroll{overflow:visible}
 .prm-dir__table{min-width:0;width:100%;border:0}
 .prm-dir__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .prm-dir__table tbody{display:grid;gap:10px;padding:12px;background:#f7faf7}
 .prm-dir__table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:12px;border:1px solid #dce9df;border-radius:13px;background:#fff !important;box-shadow:0 2px 10px rgba(10,58,28,.04)}
 .prm-dir__table td{padding:0;border:0;font-size:10px}
 .prm-dir__table td[data-label="No."]{display:none}
 .prm-dir__table td[data-label="Judul informasi"]{grid-column:1/-1}
 .prm-dir__table td[data-label="Kategori"]{grid-column:1}
 .prm-dir__table td[data-label="Tahun / Tanggal"]{grid-column:2;grid-row:2;text-align:right}
 .prm-dir__table td[data-label="Tahun / Tanggal"] .prm-dir__date{justify-items:end}
 .prm-dir__table td[data-label="Terakhir dibuka"]{grid-column:1}
 .prm-dir__table td[data-label="Aksi"]{grid-column:2}
 .prm-dir__item strong{font-size:12px}
 .prm-dir__view{width:90px}
 .prm-dir__table-header h2{font-size:16px}
 .prm-dir__disclosure{font-size:9px}
 .prm-dir__pagination{align-items:start}
 .prm-dir__pager{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .prm-dir__masthead,[data-dir-enter],.prm-dir__table tbody tr{animation:none !important;opacity:1 !important;transform:none !important;translate:none !important}
 button,a{transition:none !important}
}


 /* Directory refinements — PRM header card, custom popovers, motion. */
.prm-dir__heading{position:relative;isolation:isolate;margin:0 0 23px;padding:23px 27px !important;border:1px solid rgba(203,224,208,.95);border-radius:23px;background:rgba(255,253,246,.94);box-shadow:0 16px 38px rgba(7,47,21,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.prm-dir__heading::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:4px;border-radius:0 4px 4px 0;background:#d9ad54}
.prm-dir__meta{font-size:11px;color:#507258}
.prm-dir__select.prm-dir__picker{position:relative;display:grid;min-width:137px;gap:5px;z-index:5}
.prm-dir__picker-button{display:flex;align-items:center;justify-content:space-between;gap:11px;width:100%;height:46px;min-width:137px;padding:0 12px;border:1px solid #c8ddcf;border-radius:12px;background:#f6faf7;color:#18522e;cursor:pointer;text-align:left;font-size:11px;font-weight:750;transition:border-color .16s,box-shadow .16s,background .16s}
.prm-dir__picker-button:hover,.prm-dir__picker-button[aria-expanded="true"]{background:#fff;border-color:#87b596;box-shadow:0 2px 9px rgba(16,69,34,.09)}
.prm-dir__picker-button svg{width:17px;height:17px;flex:0 0 17px;transition:transform .2s}
.prm-dir__picker-button[aria-expanded="true"] svg{transform:rotate(180deg)}
.prm-dir__picker-menu[hidden]{display:none!important}
.prm-dir__picker-menu{position:absolute;z-index:35;top:calc(100% + 7px);right:0;min-width:100%;max-height:220px;overflow:auto;padding:6px;border:1px solid #d3e7d8;border-radius:13px;background:#fff;box-shadow:0 16px 38px rgba(8,39,18,.19);animation:prmDirPopoverIn .18s cubic-bezier(.16,.85,.24,1) both}
.prm-dir__picker-menu button{display:block;width:100%;min-height:34px;margin:0;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#316441;text-align:left;font-size:11px;font-weight:700;cursor:pointer}
.prm-dir__picker-menu button:hover,.prm-dir__picker-menu button:focus-visible{background:#eaf4ed}
.prm-dir__picker-menu button[aria-selected="true"]{background:#135e32;color:#fff}
.prm-dir__surface{overflow:visible}
.prm-dir__table-header{border-radius:0}
body.prm-dir-leaving .prm-dir{animation:prmDirExit .2s ease-in both}
@keyframes prmDirPopoverIn{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes prmDirExit{to{opacity:0;transform:translateY(6px)}}
@media(max-width:800px){.prm-dir__heading{margin:0 0 18px;padding:19px 19px!important;border-radius:19px}}
@media(max-width:600px){.prm-dir__heading{padding:17px!important;margin-bottom:14px}.prm-dir__picker{flex:1 1 125px;min-width:0!important}.prm-dir__picker-button{min-width:0;font-size:11px}.prm-dir__picker-menu{right:0;left:0}.prm-dir__meta{gap:7px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.prm-dir__picker-menu,body.prm-dir-leaving .prm-dir{animation:none!important}.prm-dir__picker-button svg{transition:none!important}}


/* V4 visual and interaction details: rounded table, clear control, disabled years. */
.prm-dir__surface{border-radius:24px!important}
.prm-dir__toolbar{border-radius:23px 23px 0 0;background:#fff}
.prm-dir__disclosure{border-radius:0 0 23px 23px;background:#fff}
.prm-dir__search{overflow:hidden}
.prm-dir__search input{flex:1 1 auto;width:auto;min-width:0}
.prm-dir__clear{display:grid;place-items:center;flex:0 0 0px;width:0;height:30px;padding:0;
  border:1px solid transparent;border-radius:10px;background:#e5f1e8;color:#1a663b;
  opacity:0;visibility:hidden;transform:scale(.72);pointer-events:none;cursor:pointer;
  transition:flex-basis .2s ease,width .2s ease,opacity .17s ease,transform .2s ease,visibility 0s linear .2s}
.prm-dir__clear svg{width:17px;height:17px}
.prm-dir__clear.is-visible{flex-basis:30px;width:30px;opacity:1;visibility:visible;transform:scale(1);pointer-events:auto;border-color:#cde2d2;
  transition:flex-basis .2s ease,width .2s ease,opacity .17s ease,transform .2s ease,visibility 0s}
.prm-dir__clear.is-visible:hover{background:#d8ebdd;color:#104d2b}
.prm-dir__picker-menu [role=option][disabled]{color:#aab8ae!important;background:#f4f6f4!important;opacity:.54;cursor:not-allowed;pointer-events:none}
.prm-dir__picker-menu [role=option][disabled]:hover{background:#f4f6f4!important}
.prm-dir__table tbody tr{transition:background .18s ease}
@media(max-width:600px){.prm-dir__surface{border-radius:18px!important}.prm-dir__toolbar{border-radius:17px 17px 0 0}.prm-dir__disclosure{border-radius:0 0 17px 17px}}
@media(prefers-reduced-motion:reduce){.prm-dir__clear,.prm-dir__table tbody tr{transition:none!important}}


/* V5 directory controls: consistent moving pill and compact mobile cards. */
.prm-dir__filters{position:relative;isolation:isolate}
.prm-dir__pill-indicator{
 position:absolute;left:0;top:0;height:34px;width:0;
 background:#104522;border:1px solid #104522;border-radius:999px;
 pointer-events:none;z-index:0;
 transition:transform .26s cubic-bezier(.18,.83,.23,1),width .26s cubic-bezier(.18,.83,.23,1),height .26s ease;
}
.prm-dir__filters > button{position:relative;z-index:1;transition:color .2s,border-color .2s,background .2s,transform .18s}
.prm-dir__filters > button.is-active{
 background:transparent!important;border-color:transparent!important;color:#fff!important;
}
.prm-dir__filters > button.is-active:hover{background:transparent!important}
.prm-dir__pager button:not(:disabled){transition:background .2s,color .2s,transform .2s,border-color .2s}
.prm-dir__pager button:not(:disabled):hover{transform:translateY(-2px);border-color:#559368;background:#e5f3e8}
.prm-dir__pager button[aria-current="page"]{animation:prmDirPageActive .23s ease-out both}
@keyframes prmDirPageActive{from{transform:scale(.92);opacity:.7}to{transform:scale(1);opacity:1}}
@media(max-width:600px){
 .prm-dir__table tbody{padding:9px;gap:7px}
 .prm-dir__table tbody tr{padding:9px 10px;gap:5px 8px;border-radius:12px}
 .prm-dir__item{gap:2px}
 .prm-dir__item strong{font-size:11.5px;line-height:1.34}
 .prm-dir__item small{font-size:9.5px;line-height:1.3}
 .prm-dir__date{gap:1px}
 .prm-dir__date strong{font-size:10.5px}
 .prm-dir__date small{font-size:9.5px}
 .prm-dir__chip{padding:5px 7px;font-size:9px;border-radius:7px}
 .prm-dir__table td[data-label="Terakhir dibuka"]{font-size:9.5px;line-height:1.4;overflow-wrap:anywhere}
 .prm-dir__view{width:82px;min-height:30px;padding:5px 8px;border-radius:9px}
}
@media(prefers-reduced-motion:reduce){
 .prm-dir__pill-indicator,.prm-dir__filters > button,
 .prm-dir__pager button{transition:none!important;animation:none!important}
}


/* UX V6: explicit last-opened label on mobile and condensed information hero. */
.prm-dir__opened-label{display:none}
.prm-dir__opened-time{display:block}
@media(max-width:600px){
  .prm-dir{padding-top:13px}
  .prm-dir__heading{
    padding:11px 13px 12px!important;
    margin-bottom:11px!important;
    border-radius:16px!important;
  }
  .prm-dir__heading::before{top:14px;bottom:14px;width:3px}
  .prm-dir__eyebrow{font-size:8px;gap:6px;letter-spacing:.07em}
  .prm-dir__line{width:18px;height:2px}
  .prm-dir__headline{gap:9px;margin:7px 0 7px}
  .prm-dir__badge-icon{
    flex:0 0 36px!important;width:36px!important;height:36px!important;
    border-radius:11px!important;box-shadow:none;
  }
  .prm-dir__badge-icon svg{width:18px;height:18px}
  .prm-dir h1{font-size:21px;letter-spacing:-.035em;margin-bottom:3px}
  .prm-dir__headline p{font-size:9.5px;line-height:1.4}
  .prm-dir__meta{gap:5px 8px;font-size:9px;line-height:1.35}
  .prm-dir__opened{min-width:0}
  .prm-dir__opened-label{
    display:block;font-size:8px;font-weight:850;letter-spacing:.01em;
    color:#688775;margin-bottom:2px;line-height:1.2;
  }
  .prm-dir__opened-time{font-size:9.5px;line-height:1.3}
}


/* V7: a genuine single-line mobile information masthead, not a tall hero. */
@media(max-width:600px){
  .prm-dir{padding-top:9px}
  .prm-dir__heading{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr);
    grid-template-rows:auto auto auto;
    column-gap:10px;
    row-gap:2px;
    align-items:center;
    padding:9px 12px 10px!important;
    margin:0 0 10px!important;
    border-radius:15px!important;
  }
  .prm-dir__heading::before{top:12px;bottom:12px;width:2px}
  .prm-dir__eyebrow{
    grid-column:2;grid-row:1;
    min-width:0;font-size:8px;line-height:1.25;letter-spacing:.045em;gap:5px;
  }
  .prm-dir__line{width:14px;height:2px}
  .prm-dir__headline{display:contents!important;margin:0!important}
  .prm-dir__badge-icon{
    grid-column:1;grid-row:1/4;
    width:32px!important;height:32px!important;flex:0 0 32px!important;
    border-radius:10px!important;align-self:center;
  }
  .prm-dir__badge-icon svg{width:17px;height:17px}
  .prm-dir__headline > div{
    grid-column:2;grid-row:2;min-width:0;
  }
  .prm-dir h1{
    font-size:18px!important;
    line-height:1.14;
    margin:0!important;
    letter-spacing:-.035em;
  }
  .prm-dir__headline p{display:none!important}
  .prm-dir__meta{
    grid-column:2;grid-row:3;
    display:flex;gap:5px;
    font-size:9px;line-height:1.25;
    min-width:0;
  }
  .prm-dir__meta .prm-dir__dot,
  #prmDirOpened{display:none!important}
}