/* Scoped styles: no changes to Joomla/Gantry layout or other dropdowns. */
#ap-download-panel { box-sizing:border-box; position:fixed; inset:auto; margin:0; width:580px; max-width:calc(100vw - 24px); overflow:auto; overscroll-behavior:contain; padding:22px; border:1px solid #394155; border-radius:14px; background:#151720; color:#f0f2fa; box-shadow:0 18px 65px #0009; font:400 14px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif; color-scheme:dark; scrollbar-width:thin; scrollbar-color:#626a85 #151720; }
#ap-download-panel:not(:popover-open) { display:none; }
#ap-download-panel * { box-sizing:border-box; }
#ap-download-panel::backdrop { background:transparent; }
#ap-download-panel .ap-intro { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
#ap-download-panel .ap-kicker { color:#b0b8cd; font-size:11px; letter-spacing:1.5px; }
#ap-download-panel h2 { margin:5px 0 0; color:#f0f2fa; font:500 25px/1.3 system-ui,sans-serif; letter-spacing:-.5px; }
#ap-download-panel .ap-close { display:grid; place-items:center; padding:0; width:40px; height:40px; flex-shrink:0; border:1px solid #46516a; border-radius:50%; background:#252938; color:#e0e5f2; font:400 26px/1 system-ui,sans-serif; cursor:pointer; }
#ap-download-panel .ap-close:hover { background:#353b4d; }
#ap-download-panel .ap-groups { display:flex; flex-direction:column; gap:15px; }
#ap-download-panel .ap-group { border:1px solid #394155; border-radius:10px; overflow:hidden; }
#ap-download-panel .ap-group-head { background:#252938; display:flex; gap:12px; align-items:center; padding:10px 14px; border-bottom:1px solid #394155; }
#ap-download-panel .ap-logo { width:32px; height:32px; flex-shrink:0; display:grid; place-items:center; }
#ap-download-panel img { display:block; object-fit:contain; margin:0; }
#ap-download-panel .ap-logo-linux,#ap-download-panel .ap-logo-apple { background:#f3f4f7; border-radius:6px; }
#ap-download-panel h3 { font:500 18px/1.3 system-ui,sans-serif; color:#f0f2fa; margin:0; }
#ap-download-panel .ap-category { margin-left:auto; color:#b0b8cd; font-size:12px; text-align:right; }
#ap-download-panel .ap-rows { padding:0 14px; }
#ap-download-panel .ap-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 16px; align-items:center; padding:12px 0; }
#ap-download-panel .ap-row + .ap-row { border-top:1px solid #2e3445; }
#ap-download-panel .ap-name { min-width:0; }
#ap-download-panel .ap-name strong { display:block; font-weight:500; }
#ap-download-panel .ap-name span { display:block; color:#b0b8cd; font-size:12px; margin-top:3px; }
#ap-download-panel .ap-with-icon { display:flex; align-items:center; gap:12px; }
#ap-download-panel .ap-with-icon img { flex-shrink:0; }
#ap-download-panel .ap-download { border:0; border-radius:7px; background:#6255df; color:#fff; display:flex; align-items:center; justify-content:center; gap:8px; min-width:112px; min-height:42px; padding:10px 14px; font-weight:500; text-decoration:none; }
#ap-download-panel .ap-download:hover { background:#7568ef; color:#fff; }
#ap-download-panel .ap-download span { font-size:20px; line-height:1; }
#ap-download-panel .ap-soon { color:#bac2d6; background:#252938; padding:7px 11px; border-radius:6px; font-size:12px; white-space:nowrap; text-align:center; min-width:112px; }
#ap-download-panel .ap-thanks { grid-column:1/-1; color:#b0b8cd; font-size:12px; margin:5px 0 0; padding-left:10px; border-left:2px solid #46516a; }
#ap-download-panel :focus-visible { outline:2px solid #b8b0ff; outline-offset:3px; }
a.g-menu-item-container[data-ap-download]::after { content:''; display:inline-block; width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin-left:10px; vertical-align:3px; }
a.g-menu-item-container[data-ap-download][aria-expanded="true"]::after { transform:rotate(225deg); vertical-align:0; }
@media(max-width:480px) {
  #ap-download-panel { padding:16px 12px; }
  #ap-download-panel h2 { font-size:21px; }
  #ap-download-panel .ap-category { display:none; }
  #ap-download-panel .ap-group-head { padding:10px 12px; }
  #ap-download-panel .ap-rows { padding:0 12px; }
  #ap-download-panel .ap-row { gap:7px 9px; }
  #ap-download-panel .ap-download,#ap-download-panel .ap-soon { min-width:96px; padding-left:8px; padding-right:8px; }
  #ap-download-panel .ap-with-icon { gap:8px; }
  #ap-download-panel .ap-with-icon img { width:20px; height:20px; }
}
@media(pointer:coarse) { #ap-download-panel .ap-close,#ap-download-panel .ap-download { min-height:44px; } #ap-download-panel .ap-close { min-width:44px; } }