/* Oilora PWA & responsive product pass */
:root{
  --pwa-safe-top:env(safe-area-inset-top,0px);
  --pwa-safe-right:env(safe-area-inset-right,0px);
  --pwa-safe-bottom:env(safe-area-inset-bottom,0px);
  --pwa-safe-left:env(safe-area-inset-left,0px)
}
html,body{max-width:100%;overflow-x:clip}
html[data-oilora-display="standalone"] body{min-height:100dvh}
html[data-oilora-display="standalone"] .public-header,
html[data-oilora-display="standalone"] .landing-header{padding-top:var(--pwa-safe-top)}
html[data-oilora-display="standalone"] .sidebar{padding-bottom:max(14px,var(--pwa-safe-bottom))}
html[data-oilora-display="standalone"] .mobile-bottom-nav,
html[data-oilora-display="standalone"] .cp-mobile-nav{padding-bottom:max(6px,var(--pwa-safe-bottom))}
html[data-oilora-display="standalone"] .mobile-fab{bottom:calc(var(--mobile-nav-h,68px) + var(--pwa-safe-bottom) + 12px)}

.oilora-pwa-toast{position:fixed;right:max(16px,var(--pwa-safe-right));bottom:max(18px,var(--pwa-safe-bottom));z-index:1400;width:min(390px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(19,121,67,.2);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 18px 50px rgba(16,41,28,.18);backdrop-filter:blur(18px);direction:rtl;color:#10251a}
.oilora-pwa-toast[hidden]{display:none!important}.oilora-pwa-toast__copy{min-width:0;flex:1}.oilora-pwa-toast__copy b{display:block;font-size:13px}.oilora-pwa-toast__copy span{display:block;margin-top:3px;font-size:11px;color:#66776e;line-height:1.7}.oilora-pwa-toast__actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.oilora-pwa-toast button{min-height:38px;border-radius:11px;border:1px solid #dce7e1;background:#fff;color:#173226;padding:0 11px;font:inherit;font-size:11px;font-weight:800}.oilora-pwa-toast button[data-primary]{border-color:#137943;background:#137943;color:#fff}

@media(max-width:760px){
  :where(button,.btn,a.btn,input,select,textarea){touch-action:manipulation}
  :where(button,.btn,.icon-btn,.ui-btn,.ui-icon-btn){min-height:44px}
  :where(input,select,textarea){font-size:16px!important}
  .content,.cp-main,.public-page main,.auth-main{min-width:0;max-width:100%;overflow-x:clip}
  :where(.card,.ui-card,.ds-card,.panel,.crm-panel,.commerce-panel,.report-panel){max-width:100%;min-width:0}
  :where(.modal,.ui-modal,.wo-modal,.res-modal,.subscription-plan-modal){width:min(100%,calc(100vw - 14px))!important;max-width:100%!important}
  :where(.modal-body,.ui-modal__body){overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  :where(.mobile-table-scroll,.table-wrap,.table-scroll){scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .oilora-pwa-toast{right:max(8px,var(--pwa-safe-right));left:max(8px,var(--pwa-safe-left));bottom:calc(var(--pwa-safe-bottom) + 10px);width:auto;align-items:flex-start}.oilora-pwa-toast__actions{flex-direction:column}.oilora-pwa-toast button{width:100%}
  body.oilora-surface-admin .oilora-pwa-toast,body.oilora-surface-customer .oilora-pwa-toast{bottom:calc(74px + var(--pwa-safe-bottom))}
}
@media(max-width:420px){.oilora-pwa-toast{display:grid;grid-template-columns:1fr}.oilora-pwa-toast__actions{display:grid;grid-template-columns:1fr 1fr}}
@media(display-mode:standalone){html{overscroll-behavior-y:none}body{padding-left:var(--pwa-safe-left);padding-right:var(--pwa-safe-right)}}
@media(prefers-reduced-motion:reduce){.oilora-pwa-toast{transition:none!important}}