/* Shared-hosting runtime additions only. The original compiled app.css is byte-identical to the source build. */
.ghost-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.ghost-form-status,.ghost-download-status{margin:.75rem 0 0;font-size:.9rem;color:var(--muted-foreground,#9ca3af)}
.footer-built-with{white-space:nowrap}.footer-built-with a{font-weight:700;text-decoration:none;color:inherit}.footer-built-with a:hover{text-decoration:underline}
.ghost-modal[hidden]{display:none!important}.ghost-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:1rem}.ghost-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}.ghost-modal-dialog{position:relative;z-index:1;width:min(34rem,100%);max-height:min(90vh,48rem);overflow:auto;background:var(--background,#111);border:1px solid var(--border,#2c2c2c);border-radius:1rem;padding:1.4rem;box-shadow:0 26px 70px rgba(0,0,0,.48)}.ghost-modal-close{position:absolute;right:.7rem;top:.55rem;border:0;background:transparent;color:inherit;font-size:2rem;line-height:1;cursor:pointer;padding:.35rem .55rem}.ghost-modal-copy{color:var(--muted-foreground,#9ca3af);line-height:1.6}#ghost-download-form{display:grid;gap:.9rem;margin-top:1rem}#ghost-download-form label{display:grid;gap:.45rem}#ghost-download-form input[type=email],#ghost-download-form select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:oklch(0.19 0.04 250 / .7);color:var(--foreground)}#ghost-download-form .primary-action{justify-content:center}.ghost-download-status:empty{display:none}
.gftp-table tbody tr[data-ftp-entry],.gftp-list li[data-ftp-entry],.gftp-table tbody tr[data-local-id],.gftp-list li[data-local-id]{cursor:pointer}.gftp-table tbody tr.ghost-selected,.gftp-list li.ghost-selected{outline:1px solid color-mix(in srgb,var(--brand-ice,#9b9cfb) 72%,transparent);background:color-mix(in srgb,var(--brand-ice,#9b9cfb) 12%,transparent)}.gftp-toolbar button:disabled{cursor:not-allowed}.ghost-ftp-busy{opacity:.7;pointer-events:none}.ghost-status-warn{background:#f59e0b!important;box-shadow:0 0 0 3px rgba(245,158,11,.15)}
@media(max-width:600px){.ghost-modal-dialog{padding:1.15rem}}

/* v4.3: carry the original home mountain treatment across every public subpage. */
body.ghost-global-background {
  background: #070a12 url("../slike/hero-mountains.jpg") center top / cover fixed no-repeat;
}
body.ghost-global-background .app-detail-page,
body.ghost-global-background .gftp {
  background: linear-gradient(180deg, rgba(7, 10, 18, .86) 0%, rgba(7, 10, 18, .93) 42%, rgba(7, 10, 18, .98) 100%),
              url("../slike/hero-mountains.jpg") center top / cover fixed no-repeat;
}
@supports (color: color-mix(in srgb, red, red)) {
  body.ghost-global-background .app-detail-page,
  body.ghost-global-background .gftp {
    background: linear-gradient(180deg, color-mix(in srgb, var(--background) 84%, transparent) 0%, color-mix(in srgb, var(--background) 92%, transparent) 44%, var(--background) 100%),
                url("../slike/hero-mountains.jpg") center top / cover fixed no-repeat;
  }
}
@media (max-width: 860px), (prefers-reduced-motion: reduce) {
  body.ghost-global-background,
  body.ghost-global-background .app-detail-page,
  body.ghost-global-background .gftp {
    background-attachment: scroll;
  }
}
/* Mobile Web FTP: wrap the action toolbar instead of forcing a visible horizontal scrollbar. */
@media (max-width: 860px) {
  .gftp-toolbar {
    flex-wrap: wrap;
    overflow-x: visible;
  }
  .gftp-toolbar button {
    flex: 1 1 4.6rem;
    min-width: 4.6rem;
  }
}

/* v4.4: production release integrity link for real Windows/Linux packages. */
.release-checksums{margin:1.1rem auto 0;text-align:center;font-size:.88rem;color:var(--muted-foreground,#9ca3af);overflow-wrap:anywhere}
.release-checksums a{color:inherit;font-weight:700;text-underline-offset:.22em}
.release-checksums a:hover{text-decoration-thickness:2px}

/* v4.4: keep the security illustration glow from creating mobile document overflow. */
@media (max-width: 480px) {
  .security-visual {
    overflow-x: clip;
  }
}
