/* BAAKEE V76 — post-launch presentation polish. No data/auth/sync changes. */
/* Quick actions: remove the colored rectangular backdrop completely. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .u2-quick-panel,
html[data-baakee-theme] #app .u2-quick-panel {
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  border:0!important;outline:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  padding:0!important;border-radius:0!important;overflow:visible!important;
}
html[data-baakee-theme] #app .u2-quick-panel::before,
html[data-baakee-theme] #app .u2-quick-panel::after{
  content:none!important;display:none!important;
}
/* Individual actions remain discrete, neutral floating glass pills; icons honor the palette. */
html[data-baakee-theme][data-theme="light"] #app .u2-quick-panel .u2-float-pill,
html[data-baakee-theme][data-theme="light"] #app .u2-quick-panel .u2-tool.u2-float-pill {
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(155,161,165,.27)!important;
  box-shadow:0 8px 26px rgba(31,33,38,.12)!important;
  color:var(--baakee-body-ink,#20262a)!important;
  -webkit-backdrop-filter:blur(22px) saturate(110%)!important;
  backdrop-filter:blur(22px) saturate(110%)!important;
}
html[data-baakee-theme][data-theme="dark"] #app .u2-quick-panel .u2-float-pill,
html[data-baakee-theme][data-theme="dark"] #app .u2-quick-panel .u2-tool.u2-float-pill {
  background:rgba(37,38,43,.88)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 8px 27px rgba(0,0,0,.28)!important;
  color:var(--baakee-body-ink,#f5f5f5)!important;
  -webkit-backdrop-filter:blur(22px) saturate(110%)!important;
  backdrop-filter:blur(22px) saturate(110%)!important;
}
html[data-baakee-theme] #app .u2-quick-panel .u2-float-divider{
  background:rgba(122,127,131,.22)!important;
}
/* The old refresh square and full-height color wash are replaced by a petite
   neutral pill. Never obscure the status bar or stretch the page downward. */
html body #pull-rufiyaa.pull-hue-v12541{
  position:fixed!important;left:50%!important;right:auto!important;
  top:calc(env(safe-area-inset-top) + 12px)!important;
  width:max-content!important;max-width:calc(100vw - 44px)!important;
  height:36px!important;min-height:36px!important;
  padding:5px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  transform:translate3d(-50%,0,0)!important;
  opacity:var(--pull-progress-v12541,0)!important;
  visibility:visible!important;z-index:120!important;pointer-events:none!important;
  border:1px solid rgba(145,153,154,.26)!important;border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;color:var(--baakee-ink,#064E3B)!important;
  box-shadow:0 5px 15px rgba(20,30,33,.11)!important;
  -webkit-backdrop-filter:blur(14px) saturate(110%)!important;
  backdrop-filter:blur(14px) saturate(110%)!important;
  overflow:visible!important;transition:opacity .14s ease,transform .18s ease!important;
}
html[data-theme="dark"] body #pull-rufiyaa.pull-hue-v12541{
  background:rgba(34,35,40,.94)!important;
  border-color:rgba(255,255,255,.2)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.25)!important;
}
html body #pull-rufiyaa .baakee-u5-refresh-mark{
  display:block!important;width:17px!important;height:17px!important;flex:none!important;
  background:none!important;background-image:none!important;
  border:2px solid color-mix(in srgb,var(--baakee-ink,#064E3B) 25%,transparent)!important;
  border-top-color:var(--baakee-ink,#064E3B)!important;border-radius:50%!important;
  -webkit-mask:none!important;mask:none!important;animation:none!important;
}
html body #pull-rufiyaa.refreshing .baakee-u5-refresh-mark{
  animation:baakeeV76Spin .78s linear infinite!important;
}
@keyframes baakeeV76Spin{to{transform:rotate(360deg)}}
html body #pull-rufiyaa .pull-hue-v12541-label{
  position:static!important;display:block!important;width:auto!important;
  font-size:12px!important;font-weight:600!important;line-height:1.1!important;
  letter-spacing:0!important;white-space:nowrap!important;
  color:var(--baakee-ink,#064E3B)!important;opacity:1!important;
  transform:none!important;margin:0!important;padding:0!important;
}
/* Restore rounded spring without changing the sync procedure. */
#app .shell.pull-moving-v12541{transition:transform .32s cubic-bezier(.2,.8,.22,1)!important}
@media(prefers-reduced-motion:reduce){
  html body #pull-rufiyaa.refreshing .baakee-u5-refresh-mark{animation:none!important}
  html body #pull-rufiyaa.pull-hue-v12541{transition:none!important}
  #app .shell.pull-moving-v12541{transition-duration:.12s!important}
}
