/* Watchtower Power Manager – Download-Seite. Nutzt die Farben des NEXUS-Themes (hell/dunkel), mit Rückfallwerten. */
.nx-pwm {
	--p-line: var(--nx-line, #d2d2d7);
	--p-muted: var(--nx-muted, #6e6e73);
	--p-text: var(--nx-text, #1d1d1f);
	--p-acc: var(--nx-btn, #0071e3);
	--p-acc-h: var(--nx-btn-hover, #0062c4);
	--p-on: var(--nx-on-accent, #fff);
	--p-surf: var(--nx-surface, #fff);
	--p-surf2: var(--nx-surface-2, #f5f5f7);
	--p-r: var(--nx-radius, 18px);
	--p-rs: var(--nx-radius-sm, 12px);
	color: var(--p-text);
	max-width: var(--nx-wide, 1360px);
	margin-inline: auto;
}
.nx-pwm-hero { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 0 0 18px; padding: 0; list-style: none; }
.nx-pwm-hero li { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: .95em; }
.nx-pwm-hero li::before { content: "✓"; display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: color-mix(in srgb, var(--nx-success, #1a7f37) 15%, transparent); color: var(--nx-success, #1a7f37); font-size: 13px; }
.nx-pwm-ver { color: var(--p-muted); margin: 0 0 18px; font-size: .92em; }
.nx-pwm-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
@media (max-width: 1100px) { .nx-pwm-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .nx-pwm-tiles { grid-template-columns: 1fr; } }
.nx-pwm-tile { display: flex; flex-direction: column; border: 1px solid var(--p-line); border-radius: var(--p-r); overflow: hidden; background: var(--p-surf); transition: box-shadow .2s var(--nx-ease, ease), transform .2s var(--nx-ease, ease); }
.nx-pwm-tile:hover { box-shadow: 0 10px 28px rgba(0, 0, 0, .10); transform: translateY(-2px); }
.nx-pwm-tile.is-rec { border-color: var(--p-acc); box-shadow: 0 0 0 2px color-mix(in srgb, var(--p-acc) 30%, transparent); }
.nx-pwm-art { position: relative; padding: 20px 18px 10px; display: grid; place-items: center; }
.nx-pwm-art svg { width: 100%; max-width: 240px; height: auto; }
.nx-pwm-art--win { background: linear-gradient(160deg, #eff6ff, #dbeafe); }
.nx-pwm-art--mac { background: linear-gradient(160deg, #f5f3ff, #ede9fe); }
.nx-pwm-art--deb { background: linear-gradient(160deg, #f0fdf4, #dcfce7); }
.nx-pwm-art--docker { background: linear-gradient(160deg, #f0f9ff, #e0f2fe); }
.nx-pwm-rec { display: none; position: absolute; top: 12px; left: 12px; background: var(--p-acc); color: var(--p-on); font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; }
.is-rec .nx-pwm-rec { display: inline-block; }
.nx-pwm-tb { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px 18px; flex: 1; }
.nx-pwm-tb h3 { margin: 0; font-size: 1.25em; }
.nx-pwm-req { margin: -6px 0 0; color: var(--p-muted); font-size: .9em; }
.nx-pwm-dl { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 14px; border-radius: 999px; background: var(--p-acc); color: var(--p-on) !important; text-decoration: none !important; font-weight: 600; transition: background .15s; }
.nx-pwm-dl:hover { background: var(--p-acc-h); }
.nx-pwm-dl svg { width: 20px; height: 20px; }
.nx-pwm-file { margin: -4px 0 0; text-align: center; color: var(--p-muted); font-size: .82em; }
.nx-pwm-mini { margin: 0; padding-left: 1.2em; font-size: .92em; }
.nx-pwm-mini li { margin: .2em 0; }
.nx-pwm-note { margin: 0; font-size: .82em; color: var(--p-muted); background: var(--p-surf2); border-radius: 10px; padding: 8px 10px; }
.nx-pwm-alt { font-size: .85em; color: var(--p-muted); }
.nx-pwm-alt summary { cursor: pointer; }
.nx-pwm-cmd { position: relative; margin: .5em 0 0; }
.nx-pwm-cmd pre { margin: 0; padding: 10px 72px 10px 10px; border-radius: 8px; background: #1d1d1f; color: #f5f5f7; font-size: 12px; line-height: 1.5; white-space: pre-wrap; word-break: break-all; }
.nx-pwm-cmd code { background: none; color: inherit; padding: 0; font-size: inherit; }
.nx-pwm-copy { position: absolute; top: 7px; right: 7px; font-size: 11px; padding: 3px 8px; border-radius: 6px; border: 0; background: #3a3a3c; color: #fff; cursor: pointer; }
.nx-pwm-next { margin: 26px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 0; list-style: none; counter-reset: s; }
@media (max-width: 820px) { .nx-pwm-next { grid-template-columns: 1fr; } }
.nx-pwm-next li { counter-increment: s; padding: 14px 16px; border-radius: 14px; background: var(--p-surf2); font-size: .93em; overflow-wrap: anywhere; }
.nx-pwm-next li::before { content: counter(s); display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--p-acc); color: var(--p-on); font-weight: 700; font-size: 13px; margin-right: 8px; }
.nx-pwm-lic { margin: 22px 0 0; padding: 18px 20px; border-radius: var(--p-r); background: color-mix(in srgb, var(--p-acc) 9%, var(--p-surf)); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.nx-pwm-lic p { margin: 0; max-width: 640px; }
.nx-pwm-btn { display: inline-block; padding: 10px 18px; border-radius: 999px; background: var(--p-acc); color: var(--p-on) !important; text-decoration: none !important; font-weight: 600; margin: .2em .3em .2em 0; }
.nx-pwm-btn:hover { background: var(--p-acc-h); }
.nx-pwm-btn--ghost { background: transparent; color: var(--p-acc) !important; box-shadow: inset 0 0 0 1.5px var(--p-acc); }
.nx-pwm-btn--ghost:hover { background: color-mix(in srgb, var(--p-acc) 8%, transparent); }
.nx-pwm-consent label { font-size: .92em; line-height: 1.45; }