/* APK Print + Navigation Final 2027
   Loaded last to prevent legacy absolute button styles from blocking print/menu navigation. */
:root{--apk-action-radius:999px;}
/* Kill old global neon button layer from part/home.php without killing controlled glow. */
#app button:not(.apk-legacy-neon),
#app input[type="button"],
#app input[type="submit"],
#app input[type="reset"],
#app a.btn,
#app .button,
#app .apk-action-btn,
#app .apk-top-action,
#app .apk-flow-open,
#app .apk-entry-open,
#app .sidebar-link,
#app .submenu a{
  position:relative!important;
  inset:auto!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  float:none!important;clear:none!important;
  pointer-events:auto!important;
  z-index:auto!important;
}
#app button:not(.apk-allow-glow)::after,
#app button:not(.apk-allow-glow)::before{
  pointer-events:none!important;
}
#sidebar,.sidebar-wrapper,.apk-menu-shell,.menu,.submenu,.submenu a,.sidebar-link{
  pointer-events:auto!important;
  z-index:60!important;
}
.apk-entry-modal:not(.is-open){
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body:not(.apk-modal-open) .apk-entry-backdrop{display:none!important;pointer-events:none!important;}
/* Stable print links; do not submit through JS or hidden forms. */
a.apk-print-link,
.apk-action-btn--print{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:88px!important;
  min-height:38px!important;
  padding:9px 16px!important;
  border-radius:999px!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900!important;
  background:linear-gradient(135deg,#0ea5e9,#2563eb 55%,#7c3aed)!important;
  box-shadow:0 12px 28px rgba(37,99,235,.26),0 0 0 1px rgba(255,255,255,.18) inset!important;
  cursor:pointer!important;
  position:relative!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  z-index:10!important;
}
a.apk-print-link::before{
  content:"";
  position:absolute;
  top:-80%;left:-40%;width:38%;height:250%;
  transform:rotate(24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  animation:apkPrintShine 3.4s ease-in-out infinite;
  pointer-events:none;
}
@keyframes apkPrintShine{0%,30%{left:-45%;opacity:0}44%{opacity:.95}62%,100%{left:125%;opacity:0}}
a.apk-print-link:hover{transform:translateY(-1px)!important;filter:saturate(1.08) brightness(1.04)!important;}
/* Menu navigation must never be covered by page-flow action buttons. */
.apk-topbar,.apk-list-toolbar,.apk-filter-panel,.apk-table-shell{position:relative!important;}
.apk-list-toolbar__actions{position:relative!important;z-index:2!important;}
.apk-top-actions{position:relative!important;z-index:3!important;}
/* On real page navigation, avoid fixed/stacked flow buttons from old CSS. */
a[href^="route/?page="],a[href*="route/?page="]{pointer-events:auto!important;}
@media(max-width:760px){
  .apk-list-toolbar__actions,.apk-top-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;}
  .apk-entry-open,.apk-flow-open,.apk-top-action{width:auto!important;min-width:150px!important;}
}

/* Final visibility/clickability clean-up: top actions, date controls, and old placeholders. */
:root{
  --apk-flow-gradient:linear-gradient(135deg,#0f6bff 0%,#2455f5 48%,#8438ff 100%);
  --apk-flow-glow:0 18px 38px rgba(37,99,235,.34),0 0 0 1px rgba(255,255,255,.22) inset,0 0 28px rgba(132,56,255,.22);
}
#app .apk-top-actions,
#app .apk-list-toolbar__actions,
#app .apk-filter-actions,
#app .apk-toolbar-actions{
  isolation:isolate!important;
  pointer-events:auto!important;
}
#app a.apk-top-action,
#app a.apk-flow-open,
#app .apk-flow-open,
#app a[href*="flowprogress"],
#app a[href="route/?page=flowprogress"],
#app button.apk-entry-open,
#app .apk-entry-open,
#app .apk-theme-toggle,
#app .apk-theme-button,
#app [data-apk-theme-toggle]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:46px!important;
  min-width:138px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background:var(--apk-flow-gradient)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  text-shadow:0 1px 0 rgba(0,0,0,.14)!important;
  box-shadow:var(--apk-flow-glow)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
  overflow:hidden!important;
  z-index:12!important;
  user-select:none!important;
}
#app .apk-theme-toggle,
#app .apk-theme-button,
#app [data-apk-theme-toggle]{
  min-width:132px!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(37,99,235,.26)!important;
  text-shadow:none!important;
  box-shadow:0 12px 28px rgba(37,99,235,.14),0 0 0 1px rgba(255,255,255,.65) inset!important;
}
html[data-apk-theme="dark"] #app .apk-theme-toggle,
html[data-apk-theme="dark"] #app .apk-theme-button,
html[data-apk-theme="dark"] #app [data-apk-theme-toggle],
body.apk-theme-dark #app .apk-theme-toggle,
body.apk-theme-dark #app .apk-theme-button,
body.apk-theme-dark #app [data-apk-theme-toggle]{
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  background:rgba(15,23,42,.92)!important;
  border-color:rgba(96,165,250,.38)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.32),0 0 0 1px rgba(148,163,184,.25) inset!important;
}
#app a.apk-top-action::before,
#app a.apk-flow-open::before,
#app .apk-flow-open::before,
#app button.apk-entry-open::before,
#app .apk-entry-open::before,
#app a.apk-print-link::before,
#app input[type="submit"]::before,
#app button[type="submit"]::before{
  content:""!important;
  position:absolute!important;
  top:-95%!important;
  left:-45%!important;
  width:42%!important;
  height:290%!important;
  transform:rotate(24deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent)!important;
  animation:apkFinalButtonShine 3.1s ease-in-out infinite!important;
  pointer-events:none!important;
}
@keyframes apkFinalButtonShine{0%,36%{left:-45%;opacity:0}50%{opacity:.95}72%,100%{left:128%;opacity:0}}
#app .apk-role-badge,
#app .apk-role-chip,
#app .apk-user-role,
#app [class*="role"]:not(.bi):not(i){
  color:#0f3a8a!important;
  -webkit-text-fill-color:#0f3a8a!important;
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(37,99,235,.22)!important;
  font-weight:900!important;
  box-shadow:0 12px 30px rgba(59,130,246,.12)!important;
}
html[data-apk-theme="dark"] #app .apk-role-badge,
html[data-apk-theme="dark"] #app .apk-role-chip,
html[data-apk-theme="dark"] #app .apk-user-role,
html[data-apk-theme="dark"] #app [class*="role"]:not(.bi):not(i),
body.apk-theme-dark #app .apk-role-badge,
body.apk-theme-dark #app .apk-role-chip,
body.apk-theme-dark #app .apk-user-role,
body.apk-theme-dark #app [class*="role"]:not(.bi):not(i){
  color:#dbeafe!important;
  -webkit-text-fill-color:#dbeafe!important;
  background:rgba(15,23,42,.86)!important;
  border-color:rgba(96,165,250,.36)!important;
}
#app .apk-date,
#app .apk-time,
#app .apk-current-date,
#app .apk-date-chip,
#app input[type="date"],
#app input[name*="tanggal"],
#app input[id*="tanggal"],
#app input[name*="date"],
#app input[id*="date"]{
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
  background:#fff!important;
  border-color:rgba(37,99,235,.24)!important;
  opacity:1!important;
}
html[data-apk-theme="dark"] #app .apk-date,
html[data-apk-theme="dark"] #app .apk-time,
html[data-apk-theme="dark"] #app .apk-current-date,
html[data-apk-theme="dark"] #app .apk-date-chip,
html[data-apk-theme="dark"] #app input[type="date"],
html[data-apk-theme="dark"] #app input[name*="tanggal"],
html[data-apk-theme="dark"] #app input[id*="tanggal"],
html[data-apk-theme="dark"] #app input[name*="date"],
html[data-apk-theme="dark"] #app input[id*="date"],
body.apk-theme-dark #app .apk-date,
body.apk-theme-dark #app .apk-time,
body.apk-theme-dark #app .apk-current-date,
body.apk-theme-dark #app .apk-date-chip,
body.apk-theme-dark #app input[type="date"],
body.apk-theme-dark #app input[name*="tanggal"],
body.apk-theme-dark #app input[id*="tanggal"],
body.apk-theme-dark #app input[name*="date"],
body.apk-theme-dark #app input[id*="date"]{
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  background:#0f172a!important;
  border-color:rgba(96,165,250,.38)!important;
}
#app input[type="date"]::-webkit-calendar-picker-indicator,
#app input[name*="tanggal"]::-webkit-calendar-picker-indicator,
#app input[id*="tanggal"]::-webkit-calendar-picker-indicator{
  opacity:1!important;
  display:block!important;
  filter:none!important;
  cursor:pointer!important;
}
html[data-apk-theme="dark"] #app input[type="date"]::-webkit-calendar-picker-indicator,
body.apk-theme-dark #app input[type="date"]::-webkit-calendar-picker-indicator{
  filter:invert(1) brightness(1.4)!important;
}
#app .apk-date-trigger{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
  box-shadow:0 10px 24px rgba(37,99,235,.24)!important;
  pointer-events:auto!important;
  z-index:8!important;
}
/* Remove legacy under-development placeholder if old page HTML still ships it. */
#app marquee{display:none!important;visibility:hidden!important;}
