/* PWA / installed-app polish — दर पानावर, प्रत्येक भूमिकेसाठी आपोआप लागू.
   उद्दिष्ट: installed अ‍ॅप Android APK सारखा smooth व native वाटावा. */

/* बहु-पान (MPA) navigation ला cross-fade — समर्थन असलेल्या ब्राउझरमध्ये
   पांढरा flash न होता एक पान दुसऱ्यात मिसळते; असमर्थित ब्राउझरमध्ये
   हा नियम काहीच करत नाही (safe no-op fallback). */
@view-transition { navigation: auto; }
::view-transition-old(root){ animation: mtFadeOut .16s ease-out both; }
::view-transition-new(root){ animation: mtFadeIn  .18s ease-in  both; }
@keyframes mtFadeOut{ to{ opacity:0; transform:scale(.99); } }
@keyframes mtFadeIn{ from{ opacity:0; transform:scale(1.01); } to{ opacity:1; transform:scale(1); } }

/* वरची निर्देशक-पट्टी (नेव्हिगेशन सुरू असताना) */
#mtProgress{
  position:fixed; top:0; left:0; height:3px; width:0%;
  background:linear-gradient(90deg,#e8681a,#f6c343);
  z-index:999999; opacity:0;
  transition:width .28s ease, opacity .2s ease;
  box-shadow:0 0 8px rgba(232,104,26,.6);
}
#mtProgress.show{ opacity:1; }

/* स्पर्श-अनुभव: कोणताही निळा tap-flash नको, टॅप ३००ms विलंबाशिवाय */
a, button, .btn, .btn-navy, .btn-primary-custom, .sidebar-nav-item,
.kpa-btn, .sbtn, .btn2, input, select, textarea, .kpr-item, .kp-card, .dsc{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

/* नेटिव्ह Material-सदृश दाब-प्रतिसाद — बटण/नेव्ह-आयटमवर हलकेसे दबल्यासारखे */
a:active, button:active, .btn:active, .btn-navy:active, .btn-primary-custom:active,
.sidebar-nav-item:active, .kpa-btn:active, .sbtn:active, .btn2:active, .dsc:active{
  transform:scale(.965);
  transition:transform .08s ease-out;
}
.kp-card:active, .kpr-item:active{ transform:scale(.98); transition:transform .1s ease-out; }

/* सिडबार/ड्रॉवरला किंचित elevation — Android navigation-drawer सारखे */
.dashboard-wrapper .sidebar{ box-shadow:2px 0 24px rgba(0,0,0,.18); }

/* आतील scroll-कंटेनर्सना जडत्व (momentum) scroll — iOS/Android सारखे मऊ */
.dashboard-content, .kpr-body, .table-responsive, .m-collapse-body, .manual-wrap{
  -webkit-overflow-scrolling:touch;
}

/* installed (standalone) अ‍ॅपमध्येच लागू — ब्राउझर टॅबमध्ये सामान्य वर्तन कायम.
   ⚠️ इथे scroll-गुणधर्मांना (overscroll-behavior, user-select, touch-callout)
   अजिबात हात लावू नये — installed Chromium/WebKit standalone विंडोंमध्ये हे
   गुणधर्म html/body वर लावल्यास माउस-व्हील व टच दोन्ही प्रकारचे scroll पूर्ण
   गोठण्याचा एक ज्ञात इंजिन-स्तरीय दोष आहे (निव्वळ या साइटपुरता नाही — अनेक
   PWA वर नोंदवलेला). त्यामुळे इथे फक्त १००% दृश्य/सुरक्षित गोष्टीच ठेवल्या आहेत. */
@media (display-mode: standalone){
  ::-webkit-scrollbar{ width:0; height:0; }         /* नेटिव्ह अ‍ॅपसारखी अदृश्य scrollbar (फक्त देखावा, scroll ला बाधा नाही) */
}

@media (prefers-reduced-motion: reduce){
  ::view-transition-old(root), ::view-transition-new(root){ animation:none !important; }
  a:active, button:active, .btn:active{ transform:none !important; }
}