/* VORA Uganda 7.1 — PWA & Field Access layer.
   Additive only: preserves the V7 visual system and styles install/update surfaces. */
.vora-pwa-install-button[hidden],.vora-pwa-update[hidden],.vora-pwa-mode[hidden]{display:none!important}
.vora-pwa-install-button{appearance:none;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:7px 11px;border:1px solid rgba(8,127,121,.20);border-radius:13px;background:linear-gradient(145deg,#fff,#eefaf7);color:#0a6765;font:inherit;font-size:.74rem;font-weight:900;cursor:pointer;box-shadow:0 5px 0 rgba(8,127,121,.07),0 11px 22px rgba(11,67,79,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.vora-pwa-install-button:hover,.vora-pwa-install-button:focus-visible{transform:translateY(-1px);border-color:rgba(8,127,121,.38);box-shadow:0 7px 0 rgba(8,127,121,.08),0 15px 25px rgba(11,67,79,.09)}
.vora-pwa-install-button:focus-visible{outline:3px solid rgba(231,179,39,.34);outline-offset:2px}.vora-pwa-install-icon{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#0e8e87,#056f6b);color:#fff;font-size:1rem;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}.vora-pwa-install-button b{white-space:nowrap}
.vora-pwa-dialog{width:min(620px,calc(100% - 24px));max-height:min(86dvh,760px);padding:0;border:1px solid rgba(231,179,39,.42);border-radius:28px;background:#fffefb;color:#153e51;box-shadow:0 36px 110px rgba(6,45,62,.28);overflow:auto}
.vora-pwa-dialog::backdrop{background:rgba(4,31,43,.58);backdrop-filter:blur(5px)}.vora-pwa-dialog-inner{position:relative;padding:clamp(22px,5vw,38px)}.vora-pwa-dialog-close{position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:13px;border:1px solid #d8e7e3;background:#fff;color:#17495b;font-size:1.25rem;cursor:pointer}
.vora-pwa-dialog-brand{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;align-items:center;padding-right:42px}.vora-pwa-dialog-brand img{width:76px;height:76px;object-fit:contain}.vora-pwa-dialog .eyebrow{margin:0 0 5px;color:#0b817b;font-size:.7rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.vora-pwa-dialog h2{margin:0;color:#073a63;font-size:clamp(1.55rem,5vw,2.35rem);line-height:1.05}.vora-pwa-dialog-lead{margin:17px 0 0;color:#526f7e;line-height:1.6}
.vora-pwa-trust{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.vora-pwa-trust span{padding:7px 10px;border-radius:999px;background:#eff9f6;border:1px solid #d3e9e3;color:#2a5c69;font-size:.76rem;font-weight:850}.vora-pwa-mode{margin-top:18px;padding:18px;border-radius:18px;background:linear-gradient(145deg,#f8fcfb,#f1f9f7);border:1px solid #d7e9e5}.vora-pwa-mode h3{margin:0 0 7px;color:#123f55;font-size:1rem}.vora-pwa-mode p{margin:0;color:#5a7380;line-height:1.55;font-size:.9rem}
.vora-pwa-install-now{width:100%;margin-top:15px;border:0;border-radius:14px;padding:13px 17px;background:linear-gradient(135deg,#0b827c,#046c68);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px 0 rgba(4,86,82,.11)}.vora-pwa-install-now:focus-visible,.vora-pwa-dialog-close:focus-visible,.vora-pwa-update button:focus-visible{outline:3px solid rgba(231,179,39,.38);outline-offset:2px}
.vora-pwa-manual-steps{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}.vora-pwa-manual-steps li{display:grid;grid-template-columns:29px minmax(0,1fr);gap:8px;align-items:start;color:#496976;font-size:.88rem;line-height:1.45}.vora-pwa-manual-steps b{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#fff3bf;color:#75530b;font-size:.76rem}.vora-pwa-privacy{margin:15px 0 0;padding-top:15px;border-top:1px solid #e4eeeb;color:#6c828d;font-size:.78rem;line-height:1.5}
.vora-pwa-update{position:fixed;left:50%;bottom:18px;z-index:1200;transform:translateX(-50%);width:min(560px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:12px 13px 12px 15px;border:1px solid rgba(231,179,39,.5);border-radius:18px;background:rgba(255,254,249,.97);box-shadow:0 20px 55px rgba(6,45,62,.22);backdrop-filter:blur(12px)}.vora-pwa-update-copy{min-width:0;flex:1}.vora-pwa-update-copy b{display:block;color:#073a63;font-size:.86rem}.vora-pwa-update-copy span{display:block;color:#607985;font-size:.76rem;margin-top:2px}.vora-pwa-update button{border:0;border-radius:11px;padding:9px 11px;background:#0b817b;color:#fff;font:inherit;font-size:.76rem;font-weight:900;cursor:pointer}.vora-pwa-update-dismiss{background:#eef4f2!important;color:#486675!important}
@media(max-width:1180px){.vora-pwa-install-button b{display:none}.vora-pwa-install-button{padding:7px}}@media(max-width:640px){.vora-pwa-install-button{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:12px!important;justify-content:center}.vora-pwa-install-icon{width:25px;height:25px;border-radius:8px}.vora-pwa-dialog{border-radius:22px}.vora-pwa-dialog-inner{padding:23px 18px}.vora-pwa-dialog-brand{grid-template-columns:60px minmax(0,1fr);gap:11px}.vora-pwa-dialog-brand img{width:60px;height:60px}.vora-pwa-update{bottom:10px;align-items:flex-start;flex-wrap:wrap}.vora-pwa-update-copy{flex-basis:calc(100% - 48px)}}@media(prefers-reduced-motion:reduce){.vora-pwa-install-button{transition:none}.vora-pwa-dialog::backdrop{backdrop-filter:none}}


/* VORA 8.0 final acceptance — installed-app safe-area protection.
   Android/iOS standalone PWAs may retain the OS status area. Keep VORA's
   fixed navigation below that protected area so logo/actions/menu remain tappable.
   Browser tabs are intentionally unaffected. */
@media (display-mode: standalone), (display-mode: fullscreen) {
  :root{
    --vora-pwa-safe-top:max(28px,env(safe-area-inset-top,0px));
  }
}
@media (display-mode: standalone) and (max-width:1020px), (display-mode: fullscreen) and (max-width:1020px) {
  .floating-header.vora-system-header{
    top:calc(var(--vora-pwa-safe-top) + 7px)!important;
  }
  .floating-header.vora-system-header.is-scrolled{
    top:calc(var(--vora-pwa-safe-top) + 5px)!important;
  }
  #main-content{
    padding-top:calc(84px + var(--vora-pwa-safe-top))!important;
  }
  .home-page #main-content{
    padding-top:calc(80px + var(--vora-pwa-safe-top))!important;
  }
  .vora-system-header .main-nav{
    top:calc(76px + var(--vora-pwa-safe-top))!important;
    max-height:calc(100dvh - 90px - var(--vora-pwa-safe-top))!important;
  }
}
@media (display-mode: standalone) and (max-width:520px), (display-mode: fullscreen) and (max-width:520px) {
  .vora-system-header .main-nav{
    top:calc(70px + var(--vora-pwa-safe-top))!important;
  }
}
