/* Dashboard HP: riwayat dalam jendela gulir dan aksi pengingat WA. */
@media(max-width:700px){
  #dashboard-aktivitas .dashboard-scroll-area{max-height:min(62vh,520px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
}
.dashboard-due-wa{min-width:230px}
.dashboard-wa-buttons{display:flex;flex-wrap:wrap;gap:7px}
.dashboard-wa-send{border-color:#bdd8d1!important;background:#edf7f4!important;color:#32675c!important;box-shadow:none!important}
.dashboard-wa-send:hover{border-color:#9fc8bd!important;background:#e3f2ee!important;color:#24584e!important}
.dashboard-due-wa form{margin-top:7px}
.dashboard-wa-sent,.dashboard-wa-unsent{display:block;margin-top:7px;font-size:10px;font-weight:800}
.dashboard-wa-sent{color:#14735f}
.dashboard-wa-unsent{color:#a34437}
.dashboard-wa-preview{position:relative}
.dashboard-wa-preview>summary{list-style:none}
.dashboard-wa-preview>summary::-webkit-details-marker{display:none}
.dashboard-wa-preview>div{position:fixed;z-index:1200;inset:8vh auto auto 50%;transform:translateX(-50%);width:min(620px,calc(100vw - 28px));max-height:82vh;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(10,38,32,.3);overflow:auto}
.dashboard-wa-preview>div>button{position:sticky;top:0;float:right;width:34px;height:34px;border:0;border-radius:50%;background:#eef4f2;color:var(--green);font-size:22px;cursor:pointer}
.dashboard-wa-preview pre{margin:0;padding:5px 42px 5px 0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:12px;line-height:1.6;color:var(--ink)}
@media(max-width:700px){
  .dashboard-due-wa{min-width:0}
  .dashboard-wa-buttons .button,.dashboard-due-wa form .button{min-height:38px}
  .dashboard-wa-preview>div{top:4vh;max-height:90vh}
}