/* RuangKitha P3E-A2.7 — non-blocking download toast + attachment preview UI */

.dokumen-download-toast{
  position:fixed;
  z-index:3400;
  left:50%;
  bottom:max(86px,calc(env(safe-area-inset-bottom) + 74px));
  transform:translate(-50%,12px) scale(.98);
  width:max-content;
  max-width:calc(100vw - 32px);
  min-height:42px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 14px;
  border:1px solid var(--rk-border,var(--color-border,rgba(103,118,109,.18)));
  border-radius:999px;
  background:var(--rk-surface-raised,var(--warna-kartu,#fff));
  color:var(--rk-text,var(--warna-teks,#252a27));
  box-shadow:var(--rk-shadow-float,0 14px 34px rgba(18,28,22,.20));
  font-size:11px;
  font-weight:750;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
}
.dokumen-download-toast ion-icon{
  flex:0 0 auto;
  font-size:19px;
  color:var(--rk-success,var(--rk-primary,#5f9277));
}
.dokumen-download-toast.is-visible{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0) scale(1);
  transition-delay:0s;
}

/* Browser/PWA fallback only. Android uses the native secure preview dialog. */
.dokumen-inline-preview{
  position:fixed;
  inset:0;
  z-index:3350;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(5,8,7,.78);
  backdrop-filter:blur(6px);
}
.dokumen-inline-preview[hidden]{display:none!important}
.dokumen-inline-preview-card{
  width:min(100%,430px);
  max-height:min(88dvh,760px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:var(--rk-surface-raised,var(--warna-kartu,#fff));
  box-shadow:0 22px 65px rgba(0,0,0,.34);
}
.dokumen-inline-preview-head{
  min-height:52px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:8px 10px 8px 15px;
  border-bottom:1px solid var(--rk-border,var(--color-border,rgba(103,118,109,.14)));
}
.dokumen-inline-preview-head strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}
.dokumen-inline-preview-head button{
  width:38px;
  height:38px;
  border:0;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:var(--rk-surface-soft,rgba(111,124,116,.10));
  color:var(--rk-text,var(--warna-teks,#252a27));
  font-size:21px;
}
.dokumen-inline-preview-body{
  min-height:220px;
  display:grid;
  place-items:center;
  overflow:auto;
  background:#0b0d0c;
}
.dokumen-inline-preview-body>img{
  display:block;
  width:100%;
  height:auto;
  max-height:calc(88dvh - 54px);
  object-fit:contain;
}
.dokumen-inline-preview-pdf{
  width:min(100% - 30px,330px);
  box-sizing:border-box;
  display:grid;
  justify-items:center;
  gap:12px;
  padding:24px 18px;
  border-radius:18px;
  background:var(--rk-surface-raised,var(--warna-kartu,#fff));
  color:var(--rk-text,var(--warna-teks,#252a27));
  text-align:center;
}
.dokumen-inline-preview-pdf>ion-icon{font-size:42px;color:var(--rk-primary,#5f9277)}
.dokumen-inline-preview-pdf>div{display:grid;gap:5px}
.dokumen-inline-preview-pdf strong{font-size:12px;overflow-wrap:anywhere}
.dokumen-inline-preview-pdf span{font-size:9.5px;line-height:1.5;color:var(--rk-text-secondary,var(--warna-teks-sekunder,#747b77))}
.dokumen-inline-preview-pdf>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border-radius:12px;
  background:var(--rk-primary,#5f9277);
  color:var(--rk-on-accent,#fff);
  text-decoration:none;
  font-size:10.5px;
  font-weight:750;
}

/* Preview is a first-class action, but stays visually neutral next to download. */
.dokumen-attachment-actions button[title="Pratinjau"]{
  background:rgba(119,94,177,.10);
  color:#765fb0;
}

html[data-theme="dark"] .dokumen-download-toast{
  background:var(--rk-surface-raised,var(--warna-kartu,#1b201c));
  border-color:rgba(223,232,226,.11);
  box-shadow:0 14px 34px rgba(0,0,0,.38);
}
html[data-theme="dark"] .dokumen-inline-preview-card,
html[data-theme="dark"] .dokumen-inline-preview-pdf{
  background:var(--rk-surface-raised,var(--warna-kartu,#181c19));
  border-color:rgba(223,232,226,.10);
}

@media (max-width:360px){
  .dokumen-download-toast{bottom:max(80px,calc(env(safe-area-inset-bottom) + 68px));font-size:10.5px}
  .dokumen-attachment-actions{gap:2px!important}
  .dokumen-attachment-actions button{width:29px!important;height:29px!important}
}


/* P4B1 — inline PDF surface for iPhone/iPad PWA. */
.dokumen-inline-preview-pdf-wrap{
  width:100%;
  height:min(76dvh,680px);
  min-height:360px;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  background:var(--rk-surface-raised,var(--warna-kartu,#fff));
}
.dokumen-inline-preview-pdf-frame{
  width:100%;
  height:100%;
  min-height:0;
  border:0;
  background:#fff;
}
.dokumen-inline-preview-pdf-fallback{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px max(10px,env(safe-area-inset-bottom));
  border-top:1px solid var(--rk-border,var(--color-border,rgba(103,118,109,.14)));
  color:var(--rk-text-secondary,var(--warna-teks-sekunder,#747b77));
  font-size:9.5px;
  line-height:1.45;
}
.dokumen-inline-preview-pdf-fallback>a{
  flex:0 0 auto;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  border-radius:10px;
  background:var(--rk-primary,#5f9277);
  color:var(--rk-on-accent,#fff);
  text-decoration:none;
  font-size:10px;
  font-weight:750;
}
@media(max-width:420px){
  .dokumen-inline-preview{padding:10px}
  .dokumen-inline-preview-card{max-height:92dvh}
  .dokumen-inline-preview-pdf-wrap{height:calc(92dvh - 54px);min-height:320px}
  .dokumen-inline-preview-pdf-fallback{align-items:flex-start;flex-direction:column}
}


/* P4B2 — keep iPhone/iPad standalone preview gestures accessible. */
html[data-rk-ios-standalone="true"] .dokumen-inline-preview-body{
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y pinch-zoom;
}
html[data-rk-ios-standalone="true"] .dokumen-inline-preview-body>img{
  touch-action:pan-x pan-y pinch-zoom;
}