/* Mihnetak floating PWA + support widgets */
.pwa-install-fab,.support-fab,.support-popup{font-family:Cairo,Tajawal,"Segoe UI",sans-serif;direction:rtl}
.pwa-install-fab{position:fixed!important;z-index:1300!important;right:max(18px,env(safe-area-inset-right))!important;left:auto!important;bottom:96px!important;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;max-width:190px;padding:10px 15px;border:1px solid rgba(5,150,105,.18)!important;border-radius:999px;background:linear-gradient(135deg,#fff,#ecfdf5)!important;color:#047857!important;font-weight:900;box-shadow:0 18px 36px rgba(2,44,34,.18)!important;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),opacity .2s}
.pwa-install-fab:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(2,44,34,.24)}
.pwa-install-fab[hidden]{display:none!important}
.pwa-install-fab span{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.pwa-install-fab b{font-size:.82rem;line-height:1}
.pwa-install-fab small{display:none}
.support-fab{position:fixed!important;z-index:1290!important;right:max(18px,env(safe-area-inset-right))!important;left:auto!important;bottom:30px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 16px;border:0!important;border-radius:999px;background:linear-gradient(135deg,#047857,#10b981)!important;color:#fff!important;font-weight:900;box-shadow:0 18px 38px rgba(2,44,34,.25)!important;animation:none!important;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1)}
.support-fab:hover,.support-fab[aria-expanded="true"]{transform:translateY(-3px);box-shadow:0 22px 46px rgba(2,44,34,.32)}
.support-fab-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.16)}
.support-popup{position:fixed;z-index:1285;right:max(18px,env(safe-area-inset-right));bottom:94px;width:min(360px,calc(100vw - 32px));max-height:min(650px,calc(100vh - 126px));overflow:auto;padding:15px;border:1px solid #d7e8e2;border-radius:24px;background:rgba(255,255,255,.98);box-shadow:0 26px 70px rgba(2,44,34,.22);transform:translateY(12px) scale(.97);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .24s cubic-bezier(.22,1,.36,1),visibility .2s;backdrop-filter:blur(18px)}
.support-popup.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.support-popup:after{content:"";position:absolute;right:26px;bottom:-8px;width:18px;height:18px;background:#fff;border-inline-end:1px solid #d7e8e2;border-bottom:1px solid #d7e8e2;transform:rotate(45deg)}
.support-close{position:absolute;left:12px;top:10px;width:30px;height:30px;border:0;border-radius:50%;background:#ecfdf5;color:#047857;font-size:1.25rem;line-height:1}
.support-popup-head{display:flex;gap:11px;align-items:flex-start;padding:4px 34px 12px 0;border-bottom:1px solid #e5f2ed}
.support-popup-head>span{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border-radius:15px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);font-size:1.35rem}
.support-popup-head h3{margin:0;color:#064e3b;font-size:1.05rem}
.support-popup-head p{margin:2px 0 0;color:#64748b;font-size:.78rem;line-height:1.65}
.support-quick-actions{display:grid;gap:9px;margin-top:12px}
.support-quick-actions a,.support-quick-actions button{display:grid;width:100%;grid-template-columns:1fr;gap:2px;padding:12px;border:1px solid #dce8e3;border-radius:16px;background:#fff;color:#0f3d31;text-align:right;box-shadow:0 8px 20px rgba(4,78,59,.05);transition:.2s}
.support-quick-actions a:hover,.support-quick-actions button:hover{border-color:#99f6e4;background:#f0fdf4;transform:translateY(-2px)}
.support-quick-actions b{font-size:.88rem}
.support-quick-actions small{color:#64748b;font-size:.72rem}
.support-request-form{display:none;margin-top:12px;padding:12px;border:1px solid #d7e8e2;border-radius:18px;background:linear-gradient(180deg,#f8fffc,#fff)}
.support-request-form.open{display:grid;gap:10px;animation:supportPop .22s ease both}
.support-request-form h4{margin:0;color:#064e3b}
.support-request-form textarea{min-height:82px}
.support-request-form .field{gap:4px}
.support-request-form label{font-size:.75rem}
.support-request-form input,.support-request-form select,.support-request-form textarea{padding:9px 10px;border-radius:10px}
@keyframes supportPop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:640px){
  .support-fab{right:14px!important;left:auto!important;bottom:22px!important;width:52px;height:52px;min-height:52px;padding:0}
  .support-fab span:last-child{display:none}
  .pwa-install-fab{right:14px!important;left:auto!important;bottom:86px!important;width:50px;height:50px;min-height:50px;padding:0}
  .pwa-install-fab b,.pwa-install-fab small{display:none}
  .pwa-install-fab:before{content:"ثبّت التطبيق";position:absolute;right:58px;top:9px;padding:4px 8px;border-radius:9px;background:#022c22;color:#fff;font-size:.68rem;white-space:nowrap;opacity:0;transform:translateX(5px);pointer-events:none;transition:.18s}
  .pwa-install-fab:hover:before,.pwa-install-fab:focus-visible:before{opacity:1;transform:none}
  .support-popup{right:12px;left:12px;bottom:84px;width:auto;max-height:calc(100vh - 112px);border-radius:22px}
  .support-popup:after{right:24px}
}
@media(max-width:380px){.support-popup{padding:12px}.support-popup-head{padding-right:0;padding-left:34px}.support-popup-head>span{width:38px;height:38px;flex-basis:38px}.support-popup-head h3{font-size:.98rem}.support-popup-head p{font-size:.72rem}}
