/* Theme color changes repaint once; a transient compositor opacity fade supplies motion.
   Never interpolate inherited colors across the entire workspace.
   No persistent will-change/GPU layers and no screenshot crossfade allocation. */
@media screen {
  /* Replace legacy slide/scale entrances with the router's cancelable opacity fade. */
  #paneMainApplication .action-tab {animation:none !important;transition:none !important;}
  body.imp-app-ready .app-workspace-fluid,
  body.imp-app-ready .premium-workspace-header,
  body.imp-app-ready #sidebarMainContainer {
    transition:none !important;
  }
  #paneMainApplication .action-tab :is(.table-responsive-wrapper,table,thead,tbody,tr,td,th),
  #paneMainApplication .action-tab :is(input,select,textarea,button,.btn,.premium-glass-card,.card) {
    transition:none !important;
  }
  /* Cells repaint once on theme changes instead of animating hundreds of nodes. */
  #paneMainApplication .action-tab :is(table,thead,tbody,tr,td,th) { transition:none !important; }
  #paneMainApplication :is(.premium-glass-card,.card,.table-responsive-wrapper),
  #sidebarMainContainer, .premium-workspace-header { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
  #sidebarMainContainer .nav-link { transition:background-color 100ms ease-out !important; }
  #sidebarMainContainer .imp-submenu { transition:none !important; }
  #paneMainApplication .action-tab :is(.btn,.card,.premium-glass-card):hover { transform:none !important; }
  html:has(body:not(.imp-app-ready)):not(:has(#paneMainApplication:not(.hidden))) { overflow-y:hidden !important; scrollbar-gutter:stable !important; }
  html[data-imp-theme="night"] body.imp-app-ready .imp-marketing-no-cell span { background:#202832 !important;color:#ccd4df !important;border-color:#455363 !important; }
  #impThemeToggle svg { transition:opacity 100ms ease-out !important; }
}
@media (prefers-reduced-motion:reduce) {
  body.imp-app-ready .app-workspace-fluid, body.imp-app-ready .premium-workspace-header,
  body.imp-app-ready #sidebarMainContainer, #sidebarMainContainer .nav-link,
  #paneMainApplication .action-tab *, #impThemeToggle svg { transition:none !important; animation:none !important; }
}

/* Date filters: one consistent surface; no half-dark native segments. */
html[data-imp-theme="night"] body.imp-app-ready #paneMainApplication :is(.cyber-date-wrapper,.kw-fb-date){background:#151d29!important;background-image:none!important;border:1px solid #3d4b5e!important;box-shadow:none!important;color:#e1e8f1!important;color-scheme:dark;}
html[data-imp-theme="night"] body.imp-app-ready #paneMainApplication :is(.cyber-date-wrapper,.kw-fb-date) :is(.cyber-date-label,label){background:transparent!important;background-image:none!important;color:#b8c6d8!important;border-color:#3d4b5e!important;}
html[data-imp-theme="night"] body.imp-app-ready :is(#paneMainApplication,.modal-content,#kwModal,.um-dialog) :is(input[type="date"],input[type="datetime-local"],input[type="month"],input[type="time"],input[type="week"]){background:#151d29!important;background-image:none!important;color:#e1e8f1!important;-webkit-text-fill-color:#e1e8f1!important;border-color:#3d4b5e!important;color-scheme:dark!important;box-shadow:none!important;min-width:0;}
html[data-imp-theme="night"] body.imp-app-ready #paneMainApplication :is(.cyber-date-wrapper,.kw-fb-date) input[type="date"]{background:transparent!important;border:0!important;outline-offset:2px;}
html[data-imp-theme="night"] body.imp-app-ready input::-webkit-datetime-edit,
html[data-imp-theme="night"] body.imp-app-ready input::-webkit-datetime-edit-fields-wrapper,
html[data-imp-theme="night"] body.imp-app-ready input::-webkit-datetime-edit-text,
html[data-imp-theme="night"] body.imp-app-ready input::-webkit-datetime-edit-day-field,
html[data-imp-theme="night"] body.imp-app-ready input::-webkit-datetime-edit-month-field,
html[data-imp-theme="night"] body.imp-app-ready input::-webkit-datetime-edit-year-field{background:transparent!important;color:#e1e8f1!important;-webkit-text-fill-color:#e1e8f1!important;}
html[data-imp-theme="night"] body.imp-app-ready input::-webkit-calendar-picker-indicator{background-color:transparent!important;filter:none!important;opacity:.85;cursor:pointer;}
html[data-imp-theme="night"] body.imp-app-ready #paneMainApplication .cyber-date-wrapper:focus-within{outline:2px solid #6597da;outline-offset:2px;}

/* Restore a normal-size native calendar icon; old CSS stretched it over the field. */
body.imp-app-ready #paneMainApplication .cyber-date-wrapper{width:210px!important;max-width:100%!important;flex:0 1 210px;}
body.imp-app-ready #paneMainApplication .cyber-date-wrapper .cyber-date-picker{min-width:0!important;flex:1 1 auto;}
body.imp-app-ready #paneMainApplication .cyber-date-picker::-webkit-calendar-picker-indicator{position:static!important;inset:auto!important;width:16px!important;height:16px!important;min-width:16px!important;margin:0 0 0 6px!important;padding:0!important;opacity:.85!important;z-index:auto!important;}
html[data-imp-theme="night"] body.imp-app-ready #paneMainApplication .cyber-date-wrapper .cyber-date-label{background:transparent!important;box-shadow:none!important;}

/* Compact footer: one quiet line, no cards or repeated business information. */
body.imp-app-ready .app-workspace-fluid{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;}
body.imp-app-ready #appPageContent{flex:1 0 auto;overflow-anchor:none;}
.imp-workspace-footer{display:flex;align-items:center;justify-content:center;padding:10px 0;margin-top:20px;border-top:1px solid #dbe3ec;color:#64748b;line-height:1.5;}
.imp-workspace-footer small{font-size:12px;font-weight:500;letter-spacing:.035em;}
html[data-imp-theme="night"] .imp-workspace-footer{border-color:#2c3846;color:#aebac9;}
#paneMainApplication .imp-photo-deferred{min-width:86px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;}
#paneMainApplication :is(#tab-kasMasuk,#tab-kasKeluar,#tab-piutang,#tab-utang)>.table-responsive-wrapper{min-height:320px;}
@media(min-width:1024px){#lblHeaderLiveClock{width:280px;min-width:280px;white-space:nowrap;}#impThemeToggle{min-width:120px;}#impHeaderProfileV8{width:176px;flex:0 0 176px;}}
@media print{.imp-workspace-footer{display:none!important;}}