/* PWA-ready visual shell. No manifest/service-worker/cache logic belongs here. */
:root{
  --acopad-safe-top:env(safe-area-inset-top,0px);
  --acopad-safe-right:env(safe-area-inset-right,0px);
  --acopad-safe-bottom:env(safe-area-inset-bottom,0px);
  --acopad-safe-left:env(safe-area-inset-left,0px);
}
html[data-acopad-display-mode="standalone"]{overscroll-behavior-y:none}
html[data-acopad-display-mode="standalone"] .acopad-pwa-safe-area{padding-top:var(--acopad-safe-top);padding-right:var(--acopad-safe-right);padding-bottom:var(--acopad-safe-bottom);padding-left:var(--acopad-safe-left)}
html[data-acopad-display-mode="standalone"] .site-header{padding-top:var(--acopad-safe-top)}
html[data-acopad-display-mode="standalone"] .site-footer{padding-bottom:var(--acopad-safe-bottom)}

.acopad-pwa-status{
  position:fixed;left:50%;bottom:calc(1rem + var(--acopad-safe-bottom));z-index:99998;transform:translateX(-50%);
  display:flex;align-items:center;gap:.75rem;width:max-content;max-width:calc(100vw - 2rem);padding:.65rem .8rem;
  border:1px solid var(--acopad-ui-border);border-radius:.7rem;background:var(--acopad-ui-surface);color:var(--acopad-ui-text);
  box-shadow:0 10px 32px rgba(15,23,42,.2);font-size:.875rem;line-height:1.35;
}
.acopad-pwa-status[hidden]{display:none!important}
.acopad-pwa-status[data-kind="offline"]{border-style:dashed}
.acopad-pwa-status[data-kind="error"]{border-color:var(--acopad-ui-danger,#dc2626)}
.acopad-pwa-status__action{min-height:2rem;padding:.25rem .55rem;border:1px solid var(--acopad-ui-border);border-radius:.45rem;background:var(--acopad-ui-surface-alt);color:var(--acopad-ui-text);font:inherit;font-weight:700;cursor:pointer}
.acopad-pwa-status__action:focus-visible{outline:3px solid var(--acopad-ui-focus);outline-offset:2px}

/* Plugin-friendly states: any component may react without knowing implementation details. */
html[data-acopad-connectivity="offline"] [data-acopad-hide-offline]{display:none!important}
html[data-acopad-connectivity="online"] [data-acopad-show-offline]{display:none!important}
html[data-acopad-pwa-sync="syncing"] [data-acopad-sync-indicator]{cursor:progress}
@media(max-width:600px){.acopad-pwa-status{left:1rem;right:1rem;bottom:calc(.75rem + var(--acopad-safe-bottom));width:auto;max-width:none;transform:none}}
@media(prefers-reduced-motion:reduce){html[data-acopad-display-mode="standalone"]{scroll-behavior:auto}}