/* ---- berkas & percakapan ---- */
.dokg{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:8px}
.dok{border:1px solid var(--line);border-radius:9px;padding:9px 11px;background:var(--card);display:block}
.dok:hover{border-color:var(--brand)}
.dok b{display:block;font-size:13px}
.dok span{display:block;font-size:11.5px;color:var(--ink2);margin-top:1px}
.dok i{display:block;font-style:normal;font-size:10.5px;color:var(--muted);
  text-transform:uppercase;letter-spacing:.06em;margin-top:3px}

.tulis{border:1px solid var(--line);border-radius:9px;padding:9px;margin-bottom:12px;background:#fcfbf9}
.tulis textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;
  margin:7px 0;resize:vertical;font-size:13.5px;background:#fff}
.tulis select{border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:12.5px;background:#fff}
.msw{position:relative}
.ms-act{display:flex;gap:12px;font-size:11.5px;padding-bottom:6px}
.ms-act button{background:none;border:none;padding:0;cursor:pointer}

.vgrp{margin-bottom:12px}
.vgrp-h{display:flex;justify-content:space-between;align-items:baseline;
  font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ink2);padding:0 0 4px;border-bottom:1px solid var(--line);margin-bottom:4px}
.aclist{list-style:none;margin:0;padding:0}
.quote{border-left:3px solid var(--line2);padding:4px 0 4px 11px;margin:0 0 12px;
  font-size:13.5px;color:var(--ink2);font-style:italic}