/* S5 POTA v1.6.0 - shared front-end styles */
.s5pota.s5pota-root {
        --s5-border:#d9dee5;
        --s5-muted:#667085;
        --s5-bg:#fff;
        --s5-soft:#f6f8fa;
        --s5-blue:#0d6efd;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
        max-width: 1180px;
        margin: 18px auto;
        color:#1d2939;
        background:var(--s5-bg);
        border:1px solid var(--s5-border);
        border-radius:10px;
        overflow:hidden;
        box-shadow:0 2px 10px rgba(16,24,40,.05);
    }
    .s5pota.s5pota-root .s5pota-head {
        display:flex; align-items:center; justify-content:space-between;
        gap:16px; padding:18px 20px 14px;
    }
    .s5pota.s5pota-root .s5pota-head-main { min-width:0; }
    .s5pota.s5pota-root .s5pota-head-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; flex:0 0 auto; }
    .s5pota.s5pota-root h2 {
        margin:0; font-size:28px; line-height:1.1; font-weight:750;
    }
    .s5pota.s5pota-root .s5pota-sub {
        margin-top:4px; color:var(--s5-muted); font-size:14px;
    }
    .s5pota.s5pota-root .s5pota-sub-mobile { display:none; }
    .s5pota.s5pota-root .s5pota-settings-btn,
    .s5pota.s5pota-root .s5pota-stats-btn,
    .s5pota.s5pota-root .s5pota-parks-btn {
        border:1px solid var(--s5-border) !important;
        background:#fff !important;
        color:#344054 !important;
        border-radius:7px !important;
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        padding:0 !important;
        margin:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        cursor:pointer !important;
        opacity:1 !important;
        text-indent:0 !important;
        box-shadow:none !important;
    }
    .s5pota.s5pota-root .s5pota-lang-select {
        width:64px !important; min-width:64px !important; height:42px !important;
        margin:0 !important; padding:0 8px !important;
        border:1px solid var(--s5-border) !important; border-radius:7px !important;
        background:#fff !important; color:#344054 !important;
        font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
        font-size:13px !important; font-weight:800 !important; line-height:1.2 !important;
        text-transform:uppercase !important; cursor:pointer !important; box-shadow:none !important;
    }
    .s5pota.s5pota-root .s5pota-settings-btn svg,
    .s5pota.s5pota-root .s5pota-stats-btn svg,
    .s5pota.s5pota-root .s5pota-parks-btn svg {
        display:block !important;
        width:21px !important;
        height:21px !important;
        fill:none !important;
        stroke:currentColor !important;
        stroke-width:1.8 !important;
        stroke-linecap:round !important;
        stroke-linejoin:round !important;
        opacity:1 !important;
    }
    .s5pota.s5pota-root .s5pota-settings-btn:hover,
    .s5pota.s5pota-root .s5pota-stats-btn:hover,
    .s5pota.s5pota-root .s5pota-parks-btn:hover,
    .s5pota.s5pota-root .s5pota-lang-select:hover {
        background:#f7f8fa !important;
        color:#0d6efd !important;
    }
    .s5pota.s5pota-root .s5pota-stats-btn.is-active,
    .s5pota.s5pota-root .s5pota-parks-btn.is-active {
        background:#eef5ff !important;
        border-color:#84adff !important;
        color:#0d6efd !important;
    }
    .s5pota.s5pota-root .s5pota-stats-btn[hidden] { display:none !important; }
    .s5pota.s5pota-root .s5pota-contest-strip[hidden] { display:none !important; }
    .s5pota.s5pota-root .s5pota-contest-strip {
        display:flex; align-items:center; gap:8px; padding:7px 12px;
        border-top:1px solid var(--s5-border); border-bottom:1px solid var(--s5-border);
        background:#fffdf4;
    }
    .s5pota.s5pota-root .s5pota-contest-list {
        display:flex; align-items:center; gap:6px; width:100%; min-width:0; overflow:hidden;
    }
    .s5pota.s5pota-root .s5pota-contest-chip {
        display:flex; align-items:center; gap:6px; min-width:0; padding:5px 8px;
        border:1px solid #ead9a3; border-radius:7px; background:#fff9e6;
        color:#344054; font-size:12px; line-height:1.15;
    }
    .s5pota.s5pota-root .s5pota-contest-chip.active {
        border-color:#a9d4b5; background:#edf8f0;
    }
    .s5pota.s5pota-root .s5pota-contest-chip.ended { opacity:.72; }
    .s5pota.s5pota-root .s5pota-contest-icon { flex:0 0 auto; font-size:13px; line-height:1; }
    .s5pota.s5pota-root .s5pota-contest-main {
        display:flex; align-items:center; gap:6px; min-width:0; white-space:nowrap;
    }
    .s5pota.s5pota-root .s5pota-contest-name {
        font-weight:750; overflow:hidden; text-overflow:ellipsis; color:inherit !important; text-decoration:none !important;
    }
    .s5pota.s5pota-root a.s5pota-contest-name:hover {
        color:var(--s5-blue) !important; text-decoration:underline !important;
    }
    .s5pota.s5pota-root .s5pota-contest-band {
        flex:0 0 auto; padding:2px 5px; border-radius:5px;
        background:#eef4ff; color:#2457a7; font-size:10px; font-weight:750;
    }
    .s5pota.s5pota-root .s5pota-contest-meta { color:var(--s5-muted); white-space:nowrap; }

    .s5pota.s5pota-root .s5pota-tabs {
        display:flex; border-top:1px solid var(--s5-border);
        border-bottom:1px solid var(--s5-border);
        background:var(--s5-soft);
    }
    .s5pota.s5pota-root .s5pota-tab {
        flex:1; padding:12px 18px; border:0; background:transparent;
        font-weight:700; cursor:pointer; color:#475467;
        border-bottom:3px solid transparent;
    }
    .s5pota.s5pota-root .s5pota-tab.is-active {
        color:var(--s5-blue); border-bottom-color:var(--s5-blue); background:#fff;
    }
    .s5pota.s5pota-root .s5pota-scope-bar {
        min-height:38px; padding:0; display:inline-flex; align-items:center; justify-content:flex-end;
        gap:9px; border:0; background:transparent;
        font-size:13px; color:var(--s5-muted);
    }
    .s5pota.s5pota-root .s5pota-scope-caption { display:none; }
    .s5pota.s5pota-root .s5pota-scope-value { min-width:0; font-weight:800; color:#344054; white-space:nowrap; }
    .s5pota.s5pota-root .s5pota-scope-switch { position:relative; display:inline-flex; width:38px; height:22px; flex:0 0 auto; cursor:pointer; }
    .s5pota.s5pota-root .s5pota-scope-switch input { position:absolute; opacity:0; width:1px; height:1px; pointer-events:none; }
    .s5pota.s5pota-root .s5pota-scope-slider {
        position:absolute; inset:0; border-radius:999px; background:#cbd5e1; transition:.18s ease;
        box-shadow:inset 0 0 0 1px rgba(16,24,40,.08);
    }
    .s5pota.s5pota-root .s5pota-scope-slider::after {
        content:""; position:absolute; width:16px; height:16px; left:3px; top:3px; border-radius:50%;
        background:#fff; box-shadow:0 1px 3px rgba(16,24,40,.28); transition:.18s ease;
    }
    .s5pota.s5pota-root .s5pota-scope-switch input:checked + .s5pota-scope-slider { background:var(--s5-blue); }
    .s5pota.s5pota-root .s5pota-scope-switch input:checked + .s5pota-scope-slider::after { transform:translateX(16px); }
    .s5pota.s5pota-root .s5pota-scope-switch input:focus-visible + .s5pota-scope-slider { outline:2px solid var(--s5-blue); outline-offset:2px; }
    .s5pota.s5pota-root .s5pota-settings {
        padding:14px 18px; background:#fbfcfd; border-bottom:1px solid var(--s5-border);
    }
    /* v1.3.1: on desktop use the available card width for explanatory content. */
    @media (min-width:701px) {
        .s5pota.s5pota-root .s5pota-settings { padding:16px 26px 18px; }
        .s5pota.s5pota-root .s5pota-setting-row { grid-template-columns:200px minmax(0,1fr); column-gap:22px; }
        .s5pota.s5pota-root .s5pota-setting-row > :not(label) { min-width:0; }
        .s5pota.s5pota-root .s5pota-sound-control { width:auto; max-width:430px; }
        .s5pota.s5pota-root .s5pota-volume { width:min(340px,100%) !important; max-width:340px !important; }
        .s5pota.s5pota-root .s5pota-pwa-control,
        .s5pota.s5pota-root .s5pota-push-wrap,
        .s5pota.s5pota-root .s5pota-qth-control { width:100%; max-width:none; }
        .s5pota.s5pota-root .s5pota-qth-input-line { width:min(360px,100%); }
        .s5pota.s5pota-root .s5pota-qth-input-wrap { width:100%; max-width:280px; }
        .s5pota.s5pota-root .s5pota-qth-note,
        .s5pota.s5pota-root .s5pota-terrain-legend,
        .s5pota.s5pota-root .s5pota-qth-map-help,
        .s5pota.s5pota-root .s5pota-push-help { width:100%; max-width:760px; }
        .s5pota.s5pota-root .s5pota-audio-note { margin-left:222px; max-width:760px; }
    }
    .s5pota.s5pota-root .s5pota-setting-row {
        display:grid; grid-template-columns:205px minmax(0,1fr);
        align-items:center; column-gap:16px; margin:10px 0;
    }
    .s5pota.s5pota-root .s5pota-setting-row label {
        width:auto; font-weight:600; font-size:14px;
    }
    .s5pota.s5pota-root .s5pota-dark-toggle {
        justify-self:start;
        width:16px !important;
        height:16px !important;
        margin:0;
    }
    .s5pota.s5pota-root .s5pota-push-row,
    .s5pota.s5pota-root .s5pota-qth-row {
        align-items:start;
    }
    .s5pota.s5pota-root .s5pota-push-row > label,
    .s5pota.s5pota-root .s5pota-qth-row > label {
        padding-top:8px;
    }
    .s5pota.s5pota-root .s5pota-volume-row[hidden],
    .s5pota.s5pota-root .s5pota-test[hidden],
    .s5pota.s5pota-root .s5pota-audio-note[hidden] {
        display:none !important;
    }
    .s5pota.s5pota-root select,
    .s5pota.s5pota-root input[type=range],
    .s5pota.s5pota-root input[type=text] {
        max-width:320px;
    }
    .s5pota.s5pota-root .s5pota-qth-control {
        width:min(320px,100%);
    }
    .s5pota.s5pota-root .s5pota-qth-input-line {
        display:flex; align-items:center; gap:8px; width:100%;
    }
    .s5pota.s5pota-root .s5pota-qth-input-wrap {
        display:flex; width:100%; max-width:220px;
    }
    .s5pota.s5pota-root .s5pota-gps-btn {
        display:none !important;
        border:1px solid var(--s5-border) !important; border-radius:6px !important;
        background:#fff !important; color:#344054 !important;
        padding:7px 10px !important; margin:0 !important; min-height:36px !important;
        font:inherit !important; font-size:13px !important; font-weight:650 !important;
        line-height:1.2 !important; text-transform:none !important; white-space:nowrap;
        cursor:pointer !important; box-shadow:none !important;
    }
    .s5pota.s5pota-root .s5pota-gps-btn.is-mobile-visible { display:inline-flex !important; align-items:center; justify-content:center; }
    .s5pota.s5pota-root .s5pota-gps-btn:hover { background:#f7f8fa !important; color:var(--s5-blue) !important; }
    .s5pota.s5pota-root .s5pota-gps-btn:disabled { opacity:.6 !important; cursor:wait !important; }
    .s5pota.s5pota-root .s5pota-qth-prefix {
        display:flex; align-items:center; justify-content:center;
        padding:7px 9px; border:1px solid var(--s5-border); border-right:0;
        border-radius:6px 0 0 6px; background:#f2f4f7; color:#475467;
        font:inherit; font-weight:700; line-height:1.2; box-sizing:border-box;
    }
    .s5pota.s5pota-root .s5pota-qth {
        width:100%; max-width:150px; box-sizing:border-box;
        padding:7px 9px; border:1px solid var(--s5-border); border-radius:0 6px 6px 0;
        background:#fff; color:#1d2939; font:inherit; text-transform:uppercase;
    }
    .s5pota.s5pota-root .s5pota-qth::placeholder {
        color:#b7c0cc !important;
        opacity:1 !important;
        font-weight:400 !important;
    }
    .s5pota.s5pota-root .s5pota-qth:placeholder-shown {
        background:#f5f7fa;
    }
    .s5pota.s5pota-root .s5pota-qth.is-invalid {
        border-color:#d92d20; box-shadow:0 0 0 1px rgba(217,45,32,.08);
    }
    .s5pota.s5pota-root .s5pota-push-wrap {
        min-width:0; width:100%;
    }
    .s5pota.s5pota-root .s5pota-push-control {
        display:flex; align-items:center; gap:10px; flex-wrap:wrap;
    }
    .s5pota.s5pota-root .s5pota-push-toggle {
        width:18px; height:18px; margin:0; flex:0 0 auto;
    }
    .s5pota.s5pota-root .s5pota-push-status {
        display:inline-flex; align-items:center; min-height:28px;
        padding:4px 9px; border:1px solid var(--s5-border); border-radius:999px;
        background:#f8fafc; color:#475467; font-size:12px; font-weight:700; line-height:1.2;
        white-space:nowrap;
    }
    .s5pota.s5pota-root .s5pota-push-status.is-ok {
        border-color:#abefc6; background:#ecfdf3; color:#067647;
    }
    .s5pota.s5pota-root .s5pota-push-status.is-warning {
        border-color:#fedf89; background:#fffaeb; color:#93370d;
    }
    .s5pota.s5pota-root .s5pota-push-status.is-error {
        border-color:#fecdca; background:#fef3f2; color:#b42318;
    }
    .s5pota.s5pota-root .s5pota-push-status.is-off,
    .s5pota.s5pota-root .s5pota-push-status.is-checking {
        border-color:#d0d5dd; background:#f9fafb; color:#667085;
    }
    .s5pota.s5pota-root .s5pota-push-help {
        margin-top:9px; padding:10px 12px; max-width:680px;
        border:1px solid #fedf89; border-left:4px solid #f79009; border-radius:6px;
        background:#fffcf5; color:#69410f; font-size:12px; line-height:1.5;
    }
    .s5pota.s5pota-root .s5pota-push-help[hidden] { display:none !important; }
    .s5pota.s5pota-root .s5pota-push-help strong { color:inherit; }
    .s5pota.s5pota-root .s5pota-qth-note {
        margin-top:4px; color:var(--s5-muted); font-size:11px; line-height:1.3;
    }
    .s5pota.s5pota-root .s5pota-qth-note.is-error { color:#b42318; }
    .s5pota.s5pota-root .s5pota-qth-map-help {
        margin-top:4px; font-size:11px; line-height:1.3;
    }
    .s5pota.s5pota-root .s5pota-qth-map-help a {
        text-decoration:underline; text-underline-offset:2px;
    }
    /* Final desktop sizing: explanation text may use the width, controls stay compact. */
    @media (min-width:701px) {
        .s5pota.s5pota-root .s5pota-setting-row { grid-template-columns:200px minmax(0,1fr); column-gap:22px; }
        .s5pota.s5pota-root .s5pota-sound-control { width:auto; max-width:430px; }
        .s5pota.s5pota-root .s5pota-volume { width:min(340px,100%) !important; max-width:340px !important; }
        .s5pota.s5pota-root .s5pota-qth-control { width:100%; max-width:none; }
        .s5pota.s5pota-root .s5pota-qth-input-line { width:min(360px,100%); }
        .s5pota.s5pota-root .s5pota-qth-input-wrap { width:100%; max-width:280px; }
        .s5pota.s5pota-root .s5pota-qth-note,
        .s5pota.s5pota-root .s5pota-terrain-legend,
        .s5pota.s5pota-root .s5pota-qth-map-help,
        .s5pota.s5pota-root .s5pota-push-help { width:100%; max-width:760px; }
        .s5pota.s5pota-root .s5pota-audio-note { margin-left:222px; max-width:760px; }
    }
    .s5pota.s5pota-root .s5pota-sound-control {
        display:flex; align-items:center; gap:8px; flex-wrap:wrap;
    }
    .s5pota.s5pota-root .s5pota-sound-control .s5pota-sound {
        min-width:158px;
    }
    .s5pota.s5pota-root .s5pota-test,
    .s5pota.s5pota-root .s5pota-push-test {
        padding:8px 13px !important;
        border:1px solid var(--s5-border) !important;
        border-radius:6px !important;
        background:#fff !important;
        color:#344054 !important;
        font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
        font-size:14px !important;
        font-weight:600 !important;
        line-height:1.25 !important;
        letter-spacing:normal !important;
        text-transform:none !important;
        text-indent:0 !important;
        opacity:1 !important;
        cursor:pointer !important;
        box-shadow:none !important;
    }
    .s5pota.s5pota-root .s5pota-test:disabled,
    .s5pota.s5pota-root .s5pota-push-test:disabled {
        opacity:.5 !important;
        cursor:not-allowed !important;
    }

    .s5pota.s5pota-root .s5pota-test:hover,
    .s5pota.s5pota-root .s5pota-push-test:hover {
        background:#f7f8fa !important;
        color:#0d6efd !important;
    }
    .s5pota.s5pota-root .s5pota-pwa-control {
        display:flex; align-items:center; gap:9px; flex-wrap:wrap;
    }
    .s5pota.s5pota-root .s5pota-pwa-install,
    .s5pota.s5pota-root .s5pota-pwa-refresh {
        padding:8px 13px !important;
        border:1px solid var(--s5-border) !important;
        border-radius:6px !important;
        background:#fff !important;
        color:#344054 !important;
        font:600 14px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
        text-transform:none !important;
        box-shadow:none !important;
        cursor:pointer !important;
    }
    .s5pota.s5pota-root .s5pota-pwa-status {
        color:var(--s5-muted); font-size:11px; line-height:1.35;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-pwa-install,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-pwa-refresh {
        background:#232831 !important; color:#eef2f6 !important; border-color:#47505d !important;
    }

    /* PWA standalone: POTA postane aplikacijski zaslon, brez WordPress glave/menija/noge. */
    @media (display-mode: standalone) {
        html { margin-top:0 !important; background:#fff; }
        .s5pota.s5pota-root .s5pota-pwa-row { display:none !important; }
        body #wpadminbar,
        body .site-header,
        body .navigation-top,
        body .entry-header,
        body .site-footer {
            display:none !important;
        }
        body .site,
        body .site-content-contain,
        body .site-content,
        body .content-area,
        body #primary,
        body .site-main,
        body article.page,
        body .entry-content {
            margin:0 !important;
            padding:0 !important;
            width:100% !important;
            max-width:none !important;
            float:none !important;
        }
        body .site-content .wrap {
            margin:0 !important; padding:0 !important; max-width:none !important;
        }
        .s5pota.s5pota-root {
            margin:0 auto !important;
            max-width:1180px !important;
            min-height:100vh;
            border-radius:0 !important;
            border-top:0 !important;
            border-bottom:0 !important;
            box-shadow:none !important;
        }
        body.s5pota-dark-page { background:#121417 !important; }
        body.s5pota-dark-page html { background:#121417 !important; }
    }

    .s5pota.s5pota-root .s5pota-note {
        margin-top:9px; color:var(--s5-muted); font-size:12px;
    }
    .s5pota.s5pota-root .s5pota-status {
        display:flex; justify-content:space-between; gap:10px;
        padding:9px 14px; color:var(--s5-muted); font-size:13px;
        border-bottom:1px solid var(--s5-border);
    }
    .s5pota.s5pota-root .s5pota-qth-warning[hidden] { display:none !important; }
    .s5pota.s5pota-root .s5pota-qth-warning {
        display:flex; align-items:center; justify-content:space-between; gap:12px;
        padding:9px 14px; border-bottom:1px solid #f2d28b;
        background:#fff8e6; color:#7a4b00; font-size:12.5px; line-height:1.35;
    }
    .s5pota.s5pota-root .s5pota-qth-warning-btn {
        flex:0 0 auto; border:1px solid #d7a94a !important; border-radius:6px !important;
        background:#fff !important; color:#7a4b00 !important; padding:5px 9px !important;
        margin:0 !important; font:inherit !important; font-weight:700 !important;
        text-transform:none !important; cursor:pointer !important; box-shadow:none !important;
    }
    .s5pota.s5pota-root .s5pota-qth-warning-btn:hover { background:#fff3cf !important; }
    /* Tabele se morajo prilagoditi širini kartice; vodoravnega drsnika ne prikazujemo. */
    .s5pota.s5pota-root .s5pota-content { overflow-x:hidden; }
    .s5pota.s5pota-root .s5pota-mobile-cards { display:none; }
    .s5pota.s5pota-root table {
        width:100%; border-collapse:collapse; margin:0;
    }
    .s5pota.s5pota-root .s5pota-table-spots {
        table-layout:fixed;
    }
    .s5pota.s5pota-root .s5pota-table-spots th:nth-child(1),
    .s5pota.s5pota-root .s5pota-table-spots td:nth-child(1) { width:10%; }
    .s5pota.s5pota-root .s5pota-table-spots th:nth-child(2),
    .s5pota.s5pota-root .s5pota-table-spots td:nth-child(2) { width:14%; }
    .s5pota.s5pota-root .s5pota-table-spots th:nth-child(3),
    .s5pota.s5pota-root .s5pota-table-spots td:nth-child(3) { width:39%; }
    .s5pota.s5pota-root .s5pota-table-spots th:nth-child(4),
    .s5pota.s5pota-root .s5pota-table-spots td:nth-child(4) { width:18%; }
    .s5pota.s5pota-root .s5pota-table-spots th:nth-child(5),
    .s5pota.s5pota-root .s5pota-table-spots td:nth-child(5) { width:19%; }
    .s5pota.s5pota-root .s5pota-table-spots td {
        overflow-wrap:anywhere; word-break:normal;
    }
    .s5pota.s5pota-root th,
    .s5pota.s5pota-root td {
        padding:10px 12px; border-bottom:1px solid #edf0f3;
        text-align:left; vertical-align:top; font-size:14px;
    }
    .s5pota.s5pota-root th {
        background:#f7f8fa; color:#475467; font-size:12px;
        text-transform:uppercase; letter-spacing:.03em; white-space:nowrap;
    }
    .s5pota.s5pota-root td.s5pota-time,
    .s5pota.s5pota-root td.s5pota-freq { white-space:nowrap; }

    /* NAPOVEDI: park je glavna informacija, zato mu damo več prostora; frekvenca ostane kompaktna. */
    @media (min-width:721px) {
        .s5pota.s5pota-root .s5pota-table-alerts {
            table-layout:fixed;
        }
        .s5pota.s5pota-root .s5pota-table-alerts th:nth-child(1),
        .s5pota.s5pota-root .s5pota-table-alerts td:nth-child(1) { width:14%; }
        .s5pota.s5pota-root .s5pota-table-alerts th:nth-child(2),
        .s5pota.s5pota-root .s5pota-table-alerts td:nth-child(2) { width:14%; }
        .s5pota.s5pota-root .s5pota-table-alerts th:nth-child(3),
        .s5pota.s5pota-root .s5pota-table-alerts td:nth-child(3) { width:36%; }
        .s5pota.s5pota-root .s5pota-table-alerts th:nth-child(4),
        .s5pota.s5pota-root .s5pota-table-alerts td:nth-child(4) { width:16%; }
        .s5pota.s5pota-root .s5pota-table-alerts th:nth-child(5),
        .s5pota.s5pota-root .s5pota-table-alerts td:nth-child(5) { width:20%; }
        .s5pota.s5pota-root .s5pota-table-alerts td {
            padding-top:13px;
            padding-bottom:13px;
            line-height:1.38;
        }
        .s5pota.s5pota-root .s5pota-table-alerts tbody tr {
            transition:background-color .12s ease;
        }
        .s5pota.s5pota-root .s5pota-table-alerts tbody tr:hover td {
            background:#f8fbff;
        }
        .s5pota.s5pota-root .s5pota-table-alerts td:nth-child(4),
        .s5pota.s5pota-root .s5pota-table-alerts td:nth-child(5) {
            white-space:normal;
            overflow-wrap:break-word;
            word-break:normal;
        }
        .s5pota.s5pota-root .s5pota-table-alerts .s5pota-summit > a {
            font-size:14px;
            font-weight:750;
            text-decoration:underline;
            text-decoration-thickness:1px;
            text-underline-offset:2px;
        }
        .s5pota.s5pota-root .s5pota-table-alerts .s5pota-detail {
            margin-top:3px;
            font-size:12px;
            font-weight:500;
            line-height:1.35;
        }
        .s5pota.s5pota-root .s5pota-table-alerts .s5pota-map-link {
            margin-top:6px;
            line-height:1.4;
        }
        .s5pota.s5pota-root .s5pota-table-alerts td.s5pota-freq {
            color:#344054;
            font-weight:650;
            line-height:1.45;
        }
        .s5pota.s5pota-root .s5pota-table-alerts td:last-child {
            color:#344054;
            font-size:13.5px;
            line-height:1.45;
        }
        .s5pota.s5pota-root .s5pota-table-alerts .s5pota-alert-date {
            margin-bottom:3px;
            font-size:11px;
            font-weight:500;
        }
        .s5pota.s5pota-root .s5pota-table-alerts .s5pota-alert-local {
            font-size:14px;
            line-height:1.25;
            font-weight:750;
        }
        .s5pota.s5pota-root .s5pota-table-alerts .s5pota-alert-utc {
            margin-top:4px;
            font-size:10.5px;
        }
    }
    .s5pota.s5pota-root .s5pota-local-time {
        display:block;
        font-weight:600;
    }
    .s5pota.s5pota-root .s5pota-time-flags {
        display:block;
        margin-top:4px;
        line-height:1.25;
    }
    .s5pota.s5pota-root .s5pota-alert-date {
        display:block; color:var(--s5-muted); font-size:11px; margin-bottom:2px;
    }
    .s5pota.s5pota-root .s5pota-alert-local {
        display:block; font-weight:650;
    }
    .s5pota.s5pota-root .s5pota-alert-utc {
        display:block; margin-top:2px; color:var(--s5-muted); font-size:10.5px;
    }
    .s5pota.s5pota-root .s5pota-age {
        display:block; margin-top:2px; color:var(--s5-muted); font-size:11px; font-weight:500;
    }
    .s5pota.s5pota-root tr.s5pota-new td {
        background:#eef6ff;
    }
    .s5pota.s5pota-root tr.s5pota-new td:first-child {
        box-shadow:inset 4px 0 0 var(--s5-blue);
    }
    .s5pota.s5pota-root tr.s5pota-alert-stale td {
        background:#f7f8fa;
        color:#7a8290;
    }
    .s5pota.s5pota-root tr.s5pota-alert-stale .s5pota-call,
    .s5pota.s5pota-root tr.s5pota-alert-stale .s5pota-summit,
    .s5pota.s5pota-root tr.s5pota-alert-stale .s5pota-summit a {
        color:#697180;
    }
    .s5pota.s5pota-root tr.s5pota-alert-stale .s5pota-detail,
    .s5pota.s5pota-root tr.s5pota-alert-stale .s5pota-alert-date,
    .s5pota.s5pota-root tr.s5pota-alert-stale .s5pota-alert-utc {
        color:#8b93a1;
    }
    /* Starejsi spot istega aktivatorja ostane viden, vendar vizualno umaknjen.
       Ne uporabljamo opacity na celotni vrstici, da QRT/TEST rdeca znacka ostane nespremenjena. */
    .s5pota.s5pota-root tr.s5pota-spot-older td {
        background:#f7f8fa;
        color:#7a8290;
    }
    .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-call,
    .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-summit,
    .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-summit a,
    .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-detail,
    .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-age,
    .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-map-distance {
        color:#8b93a1;
    }
    .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-map-link a,
    .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-sdr-link {
        color:#7a8290;
    }
    .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-mode {
        background:#eceff3;
        color:#7a8290;
    }
    .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-special-type {
        background:#d92d20 !important;
        color:#fff !important;
        opacity:1 !important;
    }
    .s5pota.s5pota-root .s5pota-new-badge {
        display:inline-block; margin:0; padding:1px 6px; border-radius:9px;
        background:var(--s5-blue); color:#fff; font-size:10px; font-weight:800;
        line-height:1.45; vertical-align:1px; letter-spacing:.03em;
    }
    .s5pota.s5pota-root .s5pota-call { font-weight:700; }
    .s5pota.s5pota-root .s5pota-summit { font-weight:650; white-space:normal; overflow-wrap:anywhere; }
    .s5pota.s5pota-root .s5pota-summit a { text-decoration:none; }
    .s5pota.s5pota-root .s5pota-detail {
        display:block; color:var(--s5-muted); font-size:12px; margin-top:2px;
    }
    .s5pota.s5pota-root .s5pota-map-link {
        display:block; margin-top:3px; font-size:12px; font-weight:600; line-height:1.25;
    }
    .s5pota.s5pota-root .s5pota-map-link a {
        text-decoration:none;
    }
    .s5pota.s5pota-root .s5pota-map-link a:hover {
        text-decoration:underline;
    }
    .s5pota.s5pota-root .s5pota-map-distance {
        color:var(--s5-muted); font-size:11px; font-weight:600;
    }
    .s5pota.s5pota-root .s5pota-terrain-dot {
        position:relative; display:inline-block; width:11px; height:11px; margin-left:5px;
        box-sizing:border-box; border:1.5px solid transparent; border-radius:50%; vertical-align:0;
        box-shadow:0 0 0 1px rgba(16,24,40,.10); background:#98a2b3; cursor:help; outline:none;
    }
    .s5pota.s5pota-root .s5pota-terrain-dot.is-loading {
        visibility:visible; background:#98a2b3; border-color:#667085; opacity:.78;
        animation:s5pota-terrain-pulse 1.15s ease-in-out infinite;
    }
    .s5pota.s5pota-root .s5pota-terrain-dot.is-unavailable {
        visibility:visible; background:#98a2b3; border-color:#667085; opacity:.9;
    }
    @keyframes s5pota-terrain-pulse { 0%,100%{opacity:.42;transform:scale(.88)} 50%{opacity:1;transform:scale(1)} }
    /* Five deliberately separated hues: green -> lime -> yellow -> orange -> crimson. */
    .s5pota.s5pota-root .s5pota-terrain-dot.is-excellent { background:#0e9f6e; border-color:#05603a; opacity:1; }
    .s5pota.s5pota-root .s5pota-terrain-dot.is-good { background:#84cc16; border-color:#4d7c0f; opacity:1; }
    .s5pota.s5pota-root .s5pota-terrain-dot.is-fair { background:#facc15; border-color:#a16207; opacity:1; }
    .s5pota.s5pota-root .s5pota-terrain-dot.is-poor { background:#f97316; border-color:#c2410c; opacity:1; }
    .s5pota.s5pota-root .s5pota-terrain-dot.is-very-poor { background:#e11d48; border-color:#9f1239; opacity:1; }
    .s5pota.s5pota-root .s5pota-terrain-dot[data-help]::after {
        content:attr(data-help); position:absolute; z-index:1002; left:50%; bottom:calc(100% + 7px);
        transform:translateX(-50%); width:260px; max-width:min(260px,80vw); padding:7px 9px;
        border-radius:7px; background:#101828; color:#fff; font-size:12px; font-weight:500;
        line-height:1.35; white-space:normal; box-shadow:0 4px 14px rgba(16,24,40,.22);
        opacity:0; visibility:hidden; pointer-events:none; transition:opacity .12s ease,visibility .12s ease;
    }
    .s5pota.s5pota-root .s5pota-terrain-dot[data-help]:hover::after,
    .s5pota.s5pota-root .s5pota-terrain-dot[data-help]:focus::after { opacity:1; visibility:visible; }
    .s5pota.s5pota-root .s5pota-terrain-wrap,
    .s5pota.s5pota-root .s5pota-hf-wrap { display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }
    .s5pota.s5pota-root .s5pota-hf-dot-secondary {
        margin-left:-2px; cursor:default;
    }
    .s5pota.s5pota-root .s5pota-terrain-profile-btn {
        appearance:none; border:0; background:transparent; color:var(--s5-blue); padding:0;
        font:inherit; font-size:11px; font-weight:700; line-height:1.2; text-decoration:underline;
        text-underline-offset:2px; cursor:pointer;
    }
    .s5pota.s5pota-root .s5pota-terrain-profile-btn:hover { text-decoration-thickness:2px; }
    .s5pota.s5pota-root .s5pota-hf-metrics {
        display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:14px 0 12px;
    }
    .s5pota.s5pota-root .s5pota-hf-metric {
        padding:10px 11px; border:1px solid #e4e7ec; border-radius:10px; background:#f8fafc;
    }
    .s5pota.s5pota-root .s5pota-hf-metric-label { display:block; color:#667085; font-size:11px; font-weight:650; line-height:1.2; }
    .s5pota.s5pota-root .s5pota-hf-metric-value { display:block; margin-top:3px; color:#1d2939; font-size:15px; font-weight:800; line-height:1.2; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-hf-metric { background:#20252c; border-color:#343a43; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-hf-metric-label { color:#98a2b3; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-hf-metric-value { color:#f2f4f7; }
    .s5pota.s5pota-root .s5pota-hf-metrics.is-band-list { display:block; margin-top:12px; }
    .s5pota.s5pota-root .s5pota-hf-band-list { display:grid; gap:7px; }
    .s5pota.s5pota-root .s5pota-hf-band-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:9px; padding:9px 11px; border:1px solid #e4e7ec; border-radius:10px; background:#f8fafc; }
    .s5pota.s5pota-root .s5pota-hf-band-row.is-best { border-color:#9ec5ff; background:#f2f7ff; }
    .s5pota.s5pota-root .s5pota-hf-band-name { min-width:0; color:#1d2939; font-size:14px; font-weight:800; line-height:1.2; }
    .s5pota.s5pota-root .s5pota-hf-band-freq { display:block; margin-top:2px; color:#667085; font-size:11px; font-weight:600; }
    .s5pota.s5pota-root .s5pota-hf-band-state { color:#344054; font-size:12px; font-weight:750; text-align:right; white-space:nowrap; }
    .s5pota.s5pota-root .s5pota-hf-best-badge { display:inline-block; margin-left:6px; padding:2px 6px; border-radius:999px; background:#eaf2ff; color:#175cd3; font-size:9px; font-weight:800; letter-spacing:.02em; vertical-align:middle; }
    .s5pota.s5pota-root .s5pota-hf-friendly-lines { display:grid; gap:6px; }
    .s5pota.s5pota-root .s5pota-hf-friendly-line { color:#667085; font-size:12px; line-height:1.45; }
    .s5pota.s5pota-root .s5pota-hf-friendly-line strong { color:#344054; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-hf-band-row { background:#20252c; border-color:#343a43; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-hf-band-row.is-best { background:#1e2b3d; border-color:#365d91; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-hf-band-name { color:#f2f4f7; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-hf-band-freq,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-hf-friendly-line { color:#b7c0ce; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-hf-band-state,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-hf-friendly-line strong { color:#e4e7ec; }
    @media (max-width:520px) { .s5pota.s5pota-root .s5pota-hf-metrics:not(.is-band-list) { grid-template-columns:1fr; gap:6px; } .s5pota.s5pota-root .s5pota-hf-metric { padding:9px 10px; } .s5pota.s5pota-root .s5pota-hf-band-row { grid-template-columns:auto minmax(0,1fr) auto; padding:9px 10px; gap:8px; } }
    .s5pota.s5pota-root .s5pota-terrain-dialog {
        width:min(720px,calc(100vw - 24px)); max-width:720px; max-height:min(88vh,760px); overflow:auto;
        margin:auto; padding:0; border:1px solid #d0d5dd; border-radius:14px; background:#fff; color:#1d2939;
        box-shadow:0 18px 55px rgba(16,24,40,.28);
    }
    .s5pota.s5pota-root .s5pota-terrain-dialog::backdrop { background:rgba(16,24,40,.58); }
    .s5pota.s5pota-root .s5pota-terrain-dialog-inner { padding:18px; }
    .s5pota.s5pota-root .s5pota-terrain-dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
    .s5pota.s5pota-root .s5pota-terrain-dialog-head h3 { margin:0; font-size:20px; line-height:1.2; }
    .s5pota.s5pota-root .s5pota-terrain-dialog-summary { margin-top:5px; color:#667085; font-size:13px; font-weight:650; }
    .s5pota.s5pota-root .s5pota-terrain-dialog-close {
        appearance:none !important; -webkit-appearance:none !important;
        flex:0 0 38px !important; width:38px !important; height:38px !important;
        min-width:38px !important; max-width:38px !important; min-height:38px !important; max-height:38px !important;
        margin:0 !important; padding:0 !important; border:1px solid #d0d5dd !important; border-radius:50% !important;
        background:#f8fafc !important; color:#475467 !important; box-shadow:0 1px 2px rgba(16,24,40,.05) !important;
        display:inline-flex !important; align-items:center !important; justify-content:center !important;
        line-height:1 !important; cursor:pointer; transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease;
    }
    .s5pota.s5pota-root .s5pota-terrain-dialog-close svg { width:18px; height:18px; display:block; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; }
    .s5pota.s5pota-root .s5pota-terrain-dialog-close:hover { background:#eef4ff !important; border-color:#b2ccff !important; color:#175cd3 !important; transform:scale(1.04); }
    .s5pota.s5pota-root .s5pota-terrain-dialog-close:focus-visible { outline:3px solid rgba(21,112,239,.22) !important; outline-offset:2px; border-color:#84adff !important; }
    .s5pota.s5pota-root .s5pota-terrain-dialog-close:active { transform:scale(.96); }
    .s5pota.s5pota-root .s5pota-terrain-dialog-message { margin:14px 0 12px; font-size:14px; font-weight:650; line-height:1.45; }
    .s5pota.s5pota-root .s5pota-terrain-chart { border:1px solid #eaecf0; border-radius:10px; overflow:hidden; background:#fbfcfd; }
    .s5pota.s5pota-root .s5pota-terrain-chart svg { display:block; width:100%; height:auto; min-height:240px; }
    .s5pota.s5pota-root .s5pota-terrain-chart .grid { stroke:#e4e7ec; stroke-width:1; }
    .s5pota.s5pota-root .s5pota-terrain-chart .axis-text { fill:#667085; font-size:11px; font-weight:600; }
    .s5pota.s5pota-root .s5pota-terrain-chart .terrain-fill { fill:#e4e7ec; opacity:.68; }
    .s5pota.s5pota-root .s5pota-terrain-chart .terrain-line { fill:none; stroke:#667085; stroke-width:2.35; stroke-linejoin:round; stroke-linecap:round; }
    .s5pota.s5pota-root .s5pota-terrain-chart .fresnel-zone { fill:#84caff; opacity:.16; }
    .s5pota.s5pota-root .s5pota-terrain-chart .radio-line { fill:none; stroke:#1570ef; stroke-width:2.5; stroke-dasharray:7 5; stroke-linecap:round; }
    .s5pota.s5pota-root .s5pota-terrain-chart .worst-line { stroke:#f04438; stroke-width:1.25; stroke-dasharray:4 4; opacity:.55; }
    .s5pota.s5pota-root .s5pota-terrain-chart .worst-dot { fill:#d92d20; stroke:#fff; stroke-width:2.2; }
    .s5pota.s5pota-root .s5pota-terrain-chart .worst-label { fill:#b42318; font-size:10px; font-weight:750; }
    .s5pota.s5pota-root .s5pota-terrain-chart .terminal { fill:#101828; font-size:11px; font-weight:800; }
    .s5pota.s5pota-root .s5pota-terrain-chart-legend { display:flex; flex-wrap:wrap; gap:14px; margin-top:10px; color:#475467; font-size:12px; font-weight:650; }
    .s5pota.s5pota-root .s5pota-terrain-chart-legend span { display:inline-flex; align-items:center; gap:6px; }
    .s5pota.s5pota-root .s5pota-terrain-legend-line { display:inline-block; width:26px; height:0; border-top:3px solid #667085; }
    .s5pota.s5pota-root .s5pota-terrain-legend-line.is-radio { border-top-color:#1570ef; border-top-style:dashed; }
    .s5pota.s5pota-root .s5pota-terrain-legend-zone { display:inline-block; width:26px; height:10px; border-radius:4px; background:rgba(132,202,255,.28); border:1px solid rgba(21,112,239,.28); }
    .s5pota.s5pota-root .s5pota-terrain-legend-obstacle { display:inline-block; width:10px; height:10px; border-radius:50%; background:#d92d20; box-shadow:0 0 0 2px rgba(217,45,32,.14); }
    .s5pota.s5pota-root .s5pota-terrain-chart-help,
    .s5pota.s5pota-root .s5pota-terrain-dialog-note { margin:9px 0 0; color:#667085; font-size:12px; line-height:1.45; }
    .s5pota.s5pota-root .s5pota-terrain-tech { margin-top:12px; border-top:1px solid #eaecf0; padding-top:10px; }
    .s5pota.s5pota-root .s5pota-terrain-tech summary { cursor:pointer; color:#475467; font-size:12px; font-weight:700; }
    .s5pota.s5pota-root .s5pota-terrain-tech-body { margin-top:7px; color:#667085; font-size:12px; line-height:1.55; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-profile-btn { color:#84adff; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-dialog { background:#1d2127; color:#f2f4f7; border-color:#475467; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-dialog-close { background:#252b33 !important; color:#d0d5dd !important; border-color:#475467 !important; box-shadow:none !important; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-dialog-close:hover { background:#293b58 !important; color:#9cc7ff !important; border-color:#5277ad !important; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-dialog-summary,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-chart-help,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-dialog-note,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-tech-body { color:#b7c0ce; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-chart { background:#171a1f; border-color:#343a43; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-chart .grid { stroke:#343a43; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-chart .axis-text { fill:#98a2b3; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-chart .terrain-fill { fill:#343a43; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-chart .terrain-line { stroke:#98a2b3; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-chart .fresnel-zone { fill:#53b1fd; opacity:.14; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-chart .worst-dot { stroke:#1d2127; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-chart .worst-label { fill:#fda29b; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-chart .terminal { fill:#f2f4f7; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-chart-legend,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-terrain-tech summary { color:#d0d5dd; }
    @media (max-width:700px) {
        .s5pota.s5pota-root .s5pota-terrain-dialog { width:calc(100vw - 16px); max-height:90vh; border-radius:12px; }
        .s5pota.s5pota-root .s5pota-terrain-dialog-inner { padding:14px; }
        .s5pota.s5pota-root .s5pota-terrain-chart svg { min-height:210px; }
    }
    .s5pota.s5pota-root .s5pota-terrain-legend { margin-top:6px; color:var(--s5-muted); font-size:11px; line-height:1.45; }
    .s5pota.s5pota-root .s5pota-terrain-legend .s5pota-terrain-dot { cursor:default; margin-left:8px; margin-right:2px; }
    .s5pota.s5pota-root .s5pota-terrain-legend .s5pota-terrain-dot:first-child { margin-left:0; }
    .s5pota.s5pota-root .s5pota-terrain-legend-note { white-space:nowrap; }
    .s5pota.s5pota-root .s5pota-terrain-credit { white-space:nowrap; }
    .s5pota.s5pota-root .s5pota-distance {
        display:block; margin-top:3px; color:var(--s5-muted); font-size:11px; font-weight:600; line-height:1.25;
    }
    .s5pota.s5pota-root .s5pota-special-type {
        position:relative; display:inline-block; padding:2px 7px; border-radius:10px;
        background:#d92d20; color:#fff; font-size:11px; font-weight:800;
        line-height:1.4; letter-spacing:.03em; cursor:help; outline:none;
    }
    .s5pota.s5pota-root .s5pota-special-type::after {
        content:attr(data-help); position:absolute; z-index:1000; left:50%; bottom:calc(100% + 7px);
        transform:translateX(-50%); width:max-content; max-width:280px; padding:7px 9px;
        border-radius:7px; background:#101828; color:#fff; font-size:12px; font-weight:500;
        line-height:1.35; letter-spacing:0; white-space:normal; box-shadow:0 4px 14px rgba(16,24,40,.22);
        opacity:0; visibility:hidden; pointer-events:none; transition:opacity .12s ease,visibility .12s ease;
    }
    .s5pota.s5pota-root .s5pota-special-type::before {
        content:""; position:absolute; z-index:1001; left:50%; bottom:calc(100% + 2px);
        transform:translateX(-50%); border:5px solid transparent; border-top-color:#101828;
        opacity:0; visibility:hidden; pointer-events:none; transition:opacity .12s ease,visibility .12s ease;
    }
    .s5pota.s5pota-root .s5pota-special-type:hover::after,
    .s5pota.s5pota-root .s5pota-special-type:hover::before,
    .s5pota.s5pota-root .s5pota-special-type:focus::after,
    .s5pota.s5pota-root .s5pota-special-type:focus::before {
        opacity:1; visibility:visible;
    }
    .s5pota.s5pota-root .s5pota-mode {
        display:inline-block; margin-left:5px; padding:1px 6px;
        border-radius:10px; background:#e8f1ff; color:#2457a7; font-size:11px; font-weight:700;
    }
    .s5pota.s5pota-root .s5pota-empty,
    .s5pota.s5pota-root .s5pota-error {
        padding:28px 18px; text-align:center; color:var(--s5-muted);
    }
    .s5pota.s5pota-root .s5pota-error { color:#b42318; }
    .s5pota.s5pota-root .s5pota-foot {
        margin-top:10px;
        padding:14px 16px 16px;
        color:var(--s5-muted);
        font-size:12px;
        background:#fbfcfd;
        border-top:1px solid var(--s5-border);
    }
    .s5pota.s5pota-root .s5pota-content.has-results { border-bottom:1px solid #edf0f3; }
    .s5pota.s5pota-root .s5pota-seo-summary { margin-bottom:8px; line-height:1.45; color:var(--s5-muted); }
    .s5pota.s5pota-root .s5pota-explain {
        width:100%;
        margin-bottom:8px;
        padding-bottom:8px;
        border-bottom:1px solid var(--s5-border);
        line-height:1.4;
    }
    .s5pota.s5pota-root .s5pota-explain-item {
        display:block;
        width:100%;
    }
    .s5pota.s5pota-root .s5pota-explain-item[hidden] {
        display:none !important;
    }
    .s5pota.s5pota-root .s5pota-explain strong {
        color:inherit;
        font-weight:700;
    }
    .s5pota.s5pota-root .s5pota-foot-line {
        line-height:1.45;
    }
    .s5pota.s5pota-root .s5pota-foot-note {
        margin-left:4px;
    }
    .s5pota.s5pota-root .s5pota-views { white-space:nowrap; }
    .s5pota.s5pota-root .s5pota-views-count { font-variant-numeric:tabular-nums; }
    /* Nearest POTA parks */
    .s5pota.s5pota-root .s5pota-nearby-parks { padding:16px; background:#fff; }
    .s5pota.s5pota-root .s5pota-nearby-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:12px; }
    .s5pota.s5pota-root .s5pota-nearby-title { font-size:18px; line-height:1.2; font-weight:800; color:#1d2939; }
    .s5pota.s5pota-root .s5pota-nearby-qth, .s5pota.s5pota-root .s5pota-nearby-map-hint { margin-top:3px; color:var(--s5-muted); font-size:12px; line-height:1.4; }
    .s5pota.s5pota-root .s5pota-nearby-map-hint { text-align:right; max-width:280px; }
    .s5pota.s5pota-root .s5pota-nearby-list { display:grid; gap:10px; }
    .s5pota.s5pota-root .s5pota-nearby-card { display:grid; grid-template-columns:38px minmax(0,1fr); gap:12px; align-items:flex-start; padding:14px; background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%); border:1px solid #dbe6f2; border-radius:12px; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; outline:none; }
    @media (hover:hover) and (pointer:fine) { .s5pota.s5pota-root .s5pota-nearby-card:hover { background:linear-gradient(180deg,#fafdff 0%,#f3f8ff 100%); border-color:#c8d9f1; } }
    .s5pota.s5pota-root .s5pota-nearby-card:focus-visible { box-shadow:0 0 0 3px rgba(13,110,253,.16); border-color:#84adff; }
    .s5pota.s5pota-root .s5pota-nearby-rank { width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#eef4ff; color:#0d6efd; font-size:12px; font-weight:800; }
    .s5pota.s5pota-root .s5pota-nearby-main { min-width:0; }
    .s5pota.s5pota-root .s5pota-nearby-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; min-width:0; }
    .s5pota.s5pota-root .s5pota-nearby-heading { min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; }
    .s5pota.s5pota-root .s5pota-nearby-ref { flex:0 0 auto; display:inline-flex; align-items:center; min-height:26px; padding:2px 9px; border-radius:999px; background:#edf4ff; border:1px solid #d6e5ff; color:#0f4db8; font-weight:800; text-decoration:none; }
    .s5pota.s5pota-root .s5pota-nearby-ref:hover { background:#e4efff; text-decoration:none; }
    .s5pota.s5pota-root .s5pota-nearby-name { min-width:0; color:#223047; font-size:15px; line-height:1.35; font-weight:780; text-decoration:none; overflow-wrap:anywhere; }
    .s5pota.s5pota-root .s5pota-nearby-name:hover { color:#0d6efd; text-decoration:underline; }
    .s5pota.s5pota-root .s5pota-nearby-metachips { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
    .s5pota.s5pota-root .s5pota-nearby-chip { display:inline-flex; align-items:center; min-height:24px; padding:2px 8px; border-radius:999px; background:#f6f8fb; border:1px solid #e6ebf1; color:#475467; font-size:11.5px; line-height:1.2; font-weight:650; }
    .s5pota.s5pota-root .s5pota-nearby-map-btn { display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:5px 10px; border:1px solid #b9d5ff; border-radius:8px; background:#f4f8ff; color:#0d6efd; font-size:12px; font-weight:760; text-decoration:none; white-space:nowrap; box-shadow:0 1px 0 rgba(16,24,40,.05); }
    .s5pota.s5pota-root .s5pota-nearby-map-btn:hover { background:#eaf2ff; }
    .s5pota.s5pota-root .s5pota-nearby-live { display:flex; align-items:center; flex-wrap:wrap; gap:4px; margin-top:8px; font-size:11.5px; color:#475467; }
    .s5pota.s5pota-root .s5pota-nearby-live-dot { width:8px; height:8px; border-radius:50%; background:#12b76a; flex:0 0 auto; }
    .s5pota.s5pota-root .s5pota-nearby-live.is-scheduled .s5pota-nearby-live-dot { background:#2e90fa; }
    .s5pota.s5pota-root .s5pota-nearby-note { margin-top:12px; color:#667085; font-size:10.5px; line-height:1.5; }
    .s5pota.s5pota-root .s5pota-nearby-none { padding:28px 12px; text-align:center; color:#667085; border:1px solid #e4e7ec; border-radius:9px; }
    .s5pota.s5pota-root .s5pota-nearby-empty { padding:30px 18px 34px; text-align:center; color:#344054; }
    .s5pota.s5pota-root .s5pota-nearby-empty-icon { width:44px; height:44px; margin:0 auto 9px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#eef5ff; color:#0d6efd; font-size:26px; }
    .s5pota.s5pota-root .s5pota-nearby-empty > strong { display:block; font-size:17px; }
    .s5pota.s5pota-root .s5pota-nearby-empty p { max-width:520px; margin:7px auto 12px; color:#667085; font-size:13px; line-height:1.5; }
    .s5pota.s5pota-root .s5pota-nearby-empty-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; }
    .s5pota.s5pota-root .s5pota-nearby-setqth, .s5pota.s5pota-root .s5pota-nearby-gps { min-height:38px; padding:7px 11px !important; border:1px solid #b9d5ff !important; border-radius:7px !important; background:#fff !important; color:#0d6efd !important; font-weight:700 !important; cursor:pointer; }
    .s5pota.s5pota-root .s5pota-nearby-gps { background:#0d6efd !important; color:#fff !important; border-color:#0d6efd !important; }

    .s5pota.s5pota-root .s5pota-stats { padding:16px; background:#fff; }
    .s5pota.s5pota-root .s5pota-stats-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:14px; }
    .s5pota.s5pota-root .s5pota-stats-title { font-size:18px; font-weight:800; color:#1d2939; }
    .s5pota.s5pota-root .s5pota-stats-period { margin-top:3px; color:var(--s5-muted); font-size:12px; }
    .s5pota.s5pota-root .s5pota-stats-progress { max-width:420px; color:var(--s5-muted); font-size:11px; line-height:1.4; text-align:right; }
    .s5pota.s5pota-root .s5pota-stats-progressbar { width:160px; height:5px; margin:5px 0 0 auto; overflow:hidden; border-radius:999px; background:#e4e7ec; }
    .s5pota.s5pota-root .s5pota-stats-progressbar > i { display:block; height:100%; width:0; background:var(--s5-blue); border-radius:inherit; }
    .s5pota.s5pota-root .s5pota-stats-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-bottom:18px; }
    .s5pota.s5pota-root .s5pota-stat-card { min-width:0; padding:11px 12px; border:1px solid #e4e7ec; border-radius:10px; background:#f8fafc; }
    .s5pota.s5pota-root .s5pota-stat-value { display:block; font-size:24px; line-height:1.05; font-weight:850; color:#101828; }
    .s5pota.s5pota-root .s5pota-stat-label { display:block; margin-top:4px; color:#667085; font-size:11px; font-weight:650; }
    .s5pota.s5pota-root .s5pota-stats-section { margin-top:16px; }
    .s5pota.s5pota-root .s5pota-stats-section h3 { margin:0 0 9px; font-size:14px; font-weight:800; color:#344054; }
    .s5pota.s5pota-root .s5pota-month-chart { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:6px; align-items:end; min-height:150px; padding:12px 8px 6px; border:1px solid #e4e7ec; border-radius:10px; background:#fbfcfd; }
    .s5pota.s5pota-root .s5pota-month { min-width:0; height:126px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:4px; }
    .s5pota.s5pota-root .s5pota-month-count { color:#475467; font-size:10px; font-weight:750; line-height:1; }
    .s5pota.s5pota-root .s5pota-month-track { width:min(24px,72%); height:86px; display:flex; align-items:flex-end; border-radius:6px 6px 3px 3px; background:#eef2f6; overflow:hidden; }
    .s5pota.s5pota-root .s5pota-month-bar { width:100%; min-height:2px; background:var(--s5-blue); border-radius:5px 5px 0 0; }
    .s5pota.s5pota-root .s5pota-month-label { color:#667085; font-size:9px; font-weight:650; white-space:nowrap; }
    .s5pota.s5pota-root .s5pota-stats-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    .s5pota.s5pota-root .s5pota-ranking { border:1px solid #e4e7ec; border-radius:10px; overflow:hidden; background:#fff; }
    .s5pota.s5pota-root .s5pota-rank-row { display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:8px; align-items:center; padding:8px 10px; border-bottom:1px solid #eef1f4; }
    .s5pota.s5pota-root .s5pota-rank-row:last-child { border-bottom:0; }
    .s5pota.s5pota-root .s5pota-rank-no { color:#98a2b3; font-size:11px; font-weight:800; }
    .s5pota.s5pota-root .s5pota-rank-main { min-width:0; color:#1d2939; font-size:12px; font-weight:750; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .s5pota.s5pota-root .s5pota-rank-sub { display:block; margin-top:2px; color:#667085; font-size:10px; font-weight:550; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .s5pota.s5pota-root .s5pota-rank-value { color:#344054; font-size:11px; font-weight:800; white-space:nowrap; }
    .s5pota.s5pota-root .s5pota-mode-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
    .s5pota.s5pota-root .s5pota-mode-stat { padding:9px 10px; border:1px solid #e4e7ec; border-radius:9px; background:#f8fafc; text-align:center; }
    .s5pota.s5pota-root .s5pota-mode-stat strong { display:block; color:#1d2939; font-size:15px; }
    .s5pota.s5pota-root .s5pota-mode-stat span { color:#667085; font-size:10px; font-weight:650; }
    .s5pota.s5pota-root .s5pota-stats-latest { margin-top:12px; padding:9px 11px; border-left:3px solid #84caff; background:#f8fbff; color:#475467; font-size:11px; line-height:1.45; }
    .s5pota.s5pota-root .s5pota-stats-note { margin-top:12px; color:#667085; font-size:10.5px; line-height:1.45; }
    .s5pota.s5pota-root .s5pota-dx-stats { margin-top:18px; padding-top:14px; border-top:1px solid #e4e7ec; }
    .s5pota.s5pota-root .s5pota-dx-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
    .s5pota.s5pota-root .s5pota-dx-card { padding:9px 10px; border:1px solid #e4e7ec; border-radius:9px; background:#f8fafc; }
    .s5pota.s5pota-root .s5pota-dx-card strong { display:block; color:#1d2939; font-size:18px; line-height:1.15; }
    .s5pota.s5pota-root .s5pota-dx-card span { display:block; margin-top:3px; color:#667085; font-size:10.5px; }
    .s5pota.s5pota-root .s5pota-dx-lines { display:grid; gap:5px; margin-top:10px; color:#475467; font-size:11px; line-height:1.4; }
    .s5pota.s5pota-root .s5pota-dx-lines strong { color:#344054; }
    .s5pota.s5pota-root .s5pota-stats-empty { padding:28px 12px; text-align:center; color:#667085; }
    @media (max-width:720px) {
        .s5pota.s5pota-root .s5pota-tab { padding:11px 6px; font-size:13px; }
        .s5pota.s5pota-root .s5pota-stats { padding:13px 12px; }
        .s5pota.s5pota-root .s5pota-stats-head { display:block; }
        .s5pota.s5pota-root .s5pota-stats-progress { max-width:none; margin-top:8px; text-align:left; }
        .s5pota.s5pota-root .s5pota-stats-progressbar { width:100%; margin-left:0; }
        .s5pota.s5pota-root .s5pota-stats-cards { grid-template-columns:1fr 1fr; gap:7px; }
        .s5pota.s5pota-root .s5pota-stat-card { padding:9px 10px; }
        .s5pota.s5pota-root .s5pota-stat-value { font-size:21px; }
        .s5pota.s5pota-root .s5pota-month-chart { gap:3px; padding-left:4px; padding-right:4px; }
        .s5pota.s5pota-root .s5pota-month-track { width:min(18px,78%); }
        .s5pota.s5pota-root .s5pota-month-label { font-size:8px; }
        .s5pota.s5pota-root .s5pota-stats-grid { grid-template-columns:1fr; }
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-parks { background:#1d2127; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-title { color:#f2f4f7; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-list, body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-none { border-color:#343a43; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-card { background:linear-gradient(180deg,#1d2127 0%,#20262d 100%); border-color:#343a43; }
    @media (hover:hover) and (pointer:fine) { body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-card:hover { background:#222832; } }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-rank { background:#22334a; color:#9cc2ff; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-ref { background:#172a3d; border-color:#2d4e73; color:#a8ceff; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-name { color:#e4e7ec; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-chip, body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-live, body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-note, body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-none { color:#aab2bd; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-chip { background:#232932; border-color:#343a43; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-map-btn { background:#172a3d; border-color:#365d91; color:#7db5ff; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-empty { color:#e4e7ec; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-nearby-empty p { color:#aab2bd; }

    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-stats { background:#1d2127; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-stats-title,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-stat-value,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-stats-section h3,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-rank-main,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mode-stat strong { color:#f2f4f7; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-stat-card,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-month-chart,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-ranking,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mode-stat { background:#20252c; border-color:#343a43; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-rank-row { border-color:#343a43; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-month-track { background:#343a43; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-stats-latest { background:#1e2b3d; color:#c7d0dc; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-dx-stats { border-top-color:#343a43; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-dx-card { background:#20252c; border-color:#343a43; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-dx-card strong { color:#f2f4f7; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-dx-card span,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-dx-lines { color:#b7c0ce; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-dx-lines strong { color:#e4e7ec; }

    /* Ročno vklopljena temna tema. Razred dodamo na BODY, zato se zatemni tudi Twenty Seventeen okoli POTA bloka. */
    body.s5pota-dark-page {
        background:#121417 !important;
        color:#f2f4f7 !important;
        color-scheme:dark;
    }
    body.s5pota-dark-page .site,
    body.s5pota-dark-page .site-content-contain,
    body.s5pota-dark-page .site-content,
    body.s5pota-dark-page .content-area,
    body.s5pota-dark-page #primary,
    body.s5pota-dark-page .site-main,
    body.s5pota-dark-page article.page,
    body.s5pota-dark-page .entry-content,
    body.s5pota-dark-page .page-header {
        background:#121417 !important;
        color:#f2f4f7 !important;
    }
    body.s5pota-dark-page .navigation-top,
    body.s5pota-dark-page .main-navigation ul,
    body.s5pota-dark-page .main-navigation ul ul,
    body.s5pota-dark-page .site-footer {
        background:#181b20 !important;
        border-color:#343a43 !important;
    }
    body.s5pota-dark-page .main-navigation a,
    body.s5pota-dark-page .menu-toggle,
    body.s5pota-dark-page .dropdown-toggle,
    body.s5pota-dark-page .entry-title,
    body.s5pota-dark-page .entry-title a,
    body.s5pota-dark-page .entry-meta,
    body.s5pota-dark-page .edit-link a,
    body.s5pota-dark-page .site-info,
    body.s5pota-dark-page .site-info a {
        color:#eef2f6 !important;
    }
    body.s5pota-dark-page .main-navigation li li:hover,
    body.s5pota-dark-page .main-navigation li li.focus,
    body.s5pota-dark-page .main-navigation li li.focus > a,
    body.s5pota-dark-page .main-navigation li li:hover > a {
        background:#232831 !important;
    }

    body.s5pota-dark-page .s5pota.s5pota-root {
        --s5-border:#343a43;
        --s5-muted:#aab2bd;
        --s5-bg:#1d2127;
        --s5-soft:#20252c;
        color:#f2f4f7;
        box-shadow:0 2px 12px rgba(0,0,0,.28);
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-settings-btn,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-stats-btn,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-parks-btn,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-lang-select,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-gps-btn,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-test,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-push-test {
        background:#252a31 !important;
        color:#e9edf2 !important;
        border-color:#454c57 !important;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-settings-btn:hover,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-stats-btn:hover,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-parks-btn:hover,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-lang-select:hover,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-gps-btn:hover,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-test:hover,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-push-test:hover {
        background:#2d333c !important;
        color:#6ea8fe !important;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-push-status.is-ok {
        border-color:#137a4b; background:#102a20; color:#75e0a7;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-push-status.is-warning {
        border-color:#854a0e; background:#2b2112; color:#fec84b;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-push-status.is-error {
        border-color:#912018; background:#2f1716; color:#fda29b;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-push-status.is-off,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-push-status.is-checking {
        border-color:#475467; background:#20252d; color:#b8c0cc;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-push-help {
        border-color:#854a0e; border-left-color:#fdb022;
        background:#211b12; color:#f5d79a;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-contest-strip { background:#1b1f25; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-contest-chip {
        background:#332f20; border-color:#5f5431; color:#eef2f6;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-contest-chip.active {
        background:#20382a; border-color:#3e644c;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-contest-band {
        background:#24344d; color:#a9cbff;
    }

    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-tab {
        color:#c5ccd5;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-tab.is-active {
        color:#6ea8fe;
        background:#1d2127;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-settings,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-foot {
        background:#181c21;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-scope-value { color:#d0d5dd; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-scope-slider { background:#475467; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-settings {
        color:#eef2f6 !important;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-setting-row > label {
        color:#f2f4f7 !important;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-note,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-qth-note {
        color:#c3cad4 !important;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-qth-map-help a {
        color:#83bdff !important;
    }
    body.s5pota-dark-page .s5pota.s5pota-root select,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-qth {
        background:#252a31;
        color:#f2f4f7;
        border-color:#454c57;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-qth::placeholder {
        color:#707985 !important;
        opacity:1 !important;
        font-weight:400 !important;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-qth-prefix {
        background:#1d2127;
        color:#c7ced8;
        border-color:#454c57;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-qth.is-invalid {
        border-color:#ff7b72;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-qth-note.is-error {
        color:#ff9b92;
    }
    body.s5pota-dark-page .s5pota.s5pota-root th,
    body.s5pota-dark-page .s5pota.s5pota-root td {
        border-bottom-color:#343a43;
    }
    body.s5pota-dark-page .s5pota.s5pota-root th {
        background:#232831;
        color:#cbd2dc;
    }
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-new td {
        background:#172a3d;
    }
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-alert-stale td {
        background:#1a1f25 !important;
        color:#8f98a5 !important;
    }
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-alert-stale .s5pota-call,
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-alert-stale .s5pota-summit,
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-alert-stale .s5pota-summit a {
        color:#a2abb8 !important;
    }
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-spot-older td {
        background:#1a1f25 !important;
        color:#8f98a5 !important;
    }
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-call,
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-summit,
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-summit a,
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-detail,
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-age,
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-map-distance,
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-map-link a,
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-sdr-link {
        color:#8f98a5 !important;
    }
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-mode {
        background:#2a3038 !important;
        color:#9ba4b1 !important;
    }
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-special-type {
        background:#d92d20 !important;
        color:#fff !important;
        opacity:1 !important;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mode {
        background:#243b5a;
        color:#b9d5ff;
    }
    body.s5pota-dark-page .s5pota.s5pota-root a {
        color:#75b7ff;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-summit a {
        color:#d8eef2;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-map-link a {
        color:#78a9ff !important;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-error {
        color:#ff8f86;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-qth-warning {
        background:#2b2415; color:#f2cd7d; border-bottom-color:#5a4822;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-qth-warning-btn {
        background:#252a31 !important; color:#f2cd7d !important; border-color:#6a5427 !important;
    }
    @media (min-width:721px) {
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-table-alerts tbody tr:hover td {
            background:#202832;
        }
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-table-alerts td.s5pota-freq,
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-table-alerts td:last-child {
            color:#e4e7ec;
        }
    }


    /* Srednje široki zasloni: SPOTI preklopijo iz tabele v pregledne kartice.
       Tako pri tipičnih prenosnikih/tabletih ni vodoravnega drsnika, komentar pa dobi svojo vrstico. */
    @media (min-width:721px) and (max-width:1100px) {
        .s5pota.s5pota-root .s5pota-table-spots { display:none; }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots { display:block; }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card {
            display:grid;
            grid-template-columns:92px minmax(0,1fr) 160px;
            grid-template-areas:
                "time main radio"
                "time map radio"
                "comment comment comment";
            column-gap:16px; row-gap:4px;
            padding:12px 16px 11px;
            border-bottom:1px solid #edf0f3;
            background:#fff; min-width:0;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card:last-child { border-bottom:0; }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card.s5pota-new {
            background:#eef6ff; box-shadow:inset 4px 0 0 var(--s5-blue);
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card.s5pota-spot-older {
            background:#f7f8fa; color:#7a8290;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card-top {
            grid-area:time; display:block; min-width:0; line-height:1.2;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card-time .s5pota-local-time {
            font-size:15px; font-weight:750;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card-side {
            margin-top:3px; text-align:left; color:var(--s5-muted); font-size:11px; line-height:1.25;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card-main {
            grid-area:main; display:grid; grid-template-columns:130px minmax(0,1fr);
            gap:14px; margin:0; min-width:0; align-items:start;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card-activator,
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card-summit { min-width:0; }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card-summit { text-align:left; }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-call {
            display:block; font-size:14px; line-height:1.25; overflow-wrap:anywhere;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-summit {
            display:block; font-size:14px; line-height:1.25; white-space:normal; overflow-wrap:anywhere;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-detail {
            font-size:11.5px; line-height:1.3; margin-top:2px; overflow-wrap:anywhere;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card-radio {
            grid-area:radio; margin:0; text-align:right; font-size:14px; font-weight:650;
            line-height:1.35; min-width:0; overflow-wrap:anywhere;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card-map {
            grid-area:map; margin:2px 0 0; min-width:0;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card-map .s5pota-map-link {
            margin-top:0; font-size:12px;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card-comment {
            grid-area:comment; margin-top:6px; padding-top:7px; border-top:1px solid #edf0f3;
            color:#475467; font-size:12.5px; line-height:1.4; min-width:0;
            overflow-wrap:anywhere; word-break:normal;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-comment-text {
            display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
            overflow:hidden; cursor:pointer;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-comment-text.is-expanded {
            display:block; -webkit-line-clamp:unset; overflow:visible;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card-comment:empty { display:none; }

        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card {
            background:#1d2127; border-bottom-color:#343a43;
        }
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card.s5pota-new {
            background:#172a3d; box-shadow:inset 4px 0 0 var(--s5-blue);
        }
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card.s5pota-spot-older {
            background:#1a1f25; color:#8f98a5;
        }
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-mobile-card-comment {
            color:#cbd2dc; border-top-color:#343a43;
        }
    }

    @media (max-width:720px) {
        /* Mobile header: title gets a full row; scope/settings/language move below it.
           This prevents the title/subtitle from collapsing into one-character columns. */
        .s5pota.s5pota-root {
            width:100%; max-width:100%; box-sizing:border-box;
            margin:10px auto; border-radius:10px;
        }
        .s5pota.s5pota-root .s5pota-head {
            display:block; padding:14px 14px 12px;
        }
        .s5pota.s5pota-root .s5pota-head-main {
            width:100%; min-width:0;
        }
        .s5pota.s5pota-root h2 {
            margin:0; font-size:26px; line-height:1.1; white-space:nowrap;
        }
        .s5pota.s5pota-root .s5pota-sub {
            margin-top:4px; font-size:13px; line-height:1.35;
            white-space:normal; overflow-wrap:normal; word-break:normal;
        }
        .s5pota.s5pota-root .s5pota-head-actions {
            width:100%; margin:12px 0 0;
            display:flex; align-items:center; gap:8px;
        }
        .s5pota.s5pota-root .s5pota-scope-bar {
            flex:1 1 auto; width:auto; min-width:0; min-height:42px;
            justify-content:flex-start; gap:8px; overflow:hidden;
        }
        .s5pota.s5pota-root .s5pota-scope-value {
            min-width:0; max-width:100%; font-size:12px;
            white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
        }
        .s5pota.s5pota-root .s5pota-settings-btn,
        .s5pota.s5pota-root .s5pota-stats-btn,
        .s5pota.s5pota-root .s5pota-parks-btn {
            width:42px !important; min-width:42px !important; height:42px !important;
        }
        .s5pota.s5pota-root .s5pota-lang-select {
            width:58px !important; min-width:58px !important; height:42px !important;
            padding:0 6px !important;
        }
        .s5pota.s5pota-root .s5pota-nearby-parks { padding:13px 11px; }
        .s5pota.s5pota-root .s5pota-nearby-head { display:block; margin-bottom:10px; }
        .s5pota.s5pota-root .s5pota-nearby-map-hint { max-width:none; text-align:left; }
        .s5pota.s5pota-root .s5pota-nearby-card { grid-template-columns:28px minmax(0,1fr); gap:9px; padding:12px 10px; }
        .s5pota.s5pota-root .s5pota-nearby-rank { width:26px; height:26px; }
        .s5pota.s5pota-root .s5pota-nearby-top { display:block; }
        .s5pota.s5pota-root .s5pota-nearby-heading { display:block; }
        .s5pota.s5pota-root .s5pota-nearby-ref, .s5pota.s5pota-root .s5pota-nearby-name { display:block; }
        .s5pota.s5pota-root .s5pota-nearby-name { margin-top:6px; font-size:14px; }
        .s5pota.s5pota-root .s5pota-nearby-map-btn { margin-top:10px; min-height:32px; }
        .s5pota.s5pota-root .s5pota-qth-warning { align-items:flex-start; padding:9px 12px; }
        .s5pota.s5pota-root .s5pota-qth-warning-btn { padding:5px 8px !important; }
        .s5pota.s5pota-root .s5pota-contest-strip {
            align-items:flex-start; padding:7px 9px;
        }
        .s5pota.s5pota-root .s5pota-contest-list {
            flex-direction:column; align-items:stretch; gap:5px; overflow:visible;
        }
        .s5pota.s5pota-root .s5pota-contest-chip {
            width:100%; padding:7px 9px; font-size:12px;
        }
        .s5pota.s5pota-root .s5pota-contest-main {
            flex-wrap:wrap; gap:4px 6px; white-space:normal;
        }
        .s5pota.s5pota-root .s5pota-contest-name { flex:0 1 auto; }
        .s5pota.s5pota-root .s5pota-contest-meta {
            flex:1 1 100%; white-space:normal; font-size:11px;
        }
        .s5pota.s5pota-root .s5pota-sub-desktop { display:none; }
        .s5pota.s5pota-root .s5pota-sub-mobile { display:inline; }
        .s5pota.s5pota-root .s5pota-setting-row {
            display:flex; align-items:flex-start; flex-direction:column; gap:8px;
        }
        .s5pota.s5pota-root .s5pota-setting-row label { width:auto; padding-top:0; }
        .s5pota.s5pota-root .s5pota-qth-input-line { align-items:stretch; }
        .s5pota.s5pota-root .s5pota-qth-input-wrap { flex:1 1 auto; min-width:0; }
        .s5pota.s5pota-root .s5pota-gps-btn { display:inline-flex !important; align-items:center; justify-content:center; flex:0 0 auto; }
        .s5pota.s5pota-root .s5pota-sound-control { width:100%; }
        .s5pota.s5pota-root .s5pota-sound-control .s5pota-sound { min-width:0; flex:1 1 160px; }
        .s5pota.s5pota-root .s5pota-sound-control .s5pota-test { flex:0 0 auto; }
        .s5pota.s5pota-root h2 { font-size:24px; }

        /* Telefon: DX-cluster slog kartic. Desktop ostane klasična tabela. */
        .s5pota.s5pota-root .s5pota-content {
            overflow-x:hidden;
            overflow-y:visible;
        }
        .s5pota.s5pota-root .s5pota-content table { display:none; }
        .s5pota.s5pota-root .s5pota-mobile-cards { display:block; }
        .s5pota.s5pota-root .s5pota-mobile-card {
            display:block;
            padding:14px 16px 13px;
            border-bottom:1px solid #edf0f3;
            background:#fff;
            min-width:0;
        }
        .s5pota.s5pota-root .s5pota-mobile-card:last-child { border-bottom:0; margin-bottom:10px; }
        .s5pota.s5pota-root .s5pota-mobile-cards + .s5pota-foot { margin-top:0; }
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-new {
            background:#eef6ff;
            box-shadow:inset 4px 0 0 var(--s5-blue);
        }
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-alert-stale {
            background:#f7f8fa;
            color:#7a8290;
        }
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older {
            background:#f7f8fa;
            color:#7a8290;
        }
        .s5pota.s5pota-root .s5pota-mobile-card-top {
            display:flex; align-items:flex-start; justify-content:space-between;
            gap:12px; min-width:0;
        }
        .s5pota.s5pota-root .s5pota-mobile-card-time {
            min-width:0; line-height:1.2;
        }
        .s5pota.s5pota-root .s5pota-mobile-card-time .s5pota-local-time,
        .s5pota.s5pota-root .s5pota-mobile-card-time .s5pota-alert-local {
            font-size:18px; font-weight:750;
        }
        .s5pota.s5pota-root .s5pota-mobile-card-side {
            flex:0 0 auto; text-align:right; color:var(--s5-muted);
            font-size:12px; line-height:1.3;
        }
        .s5pota.s5pota-root .s5pota-mobile-card-side .s5pota-new-badge {
            margin-left:0;
        }
        .s5pota.s5pota-root .s5pota-mobile-card-main {
            display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
            gap:14px; margin-top:10px; min-width:0;
        }
        .s5pota.s5pota-root .s5pota-mobile-card-activator,
        .s5pota.s5pota-root .s5pota-mobile-card-summit {
            min-width:0;
        }
        .s5pota.s5pota-root .s5pota-mobile-card-summit { text-align:right; }
        .s5pota.s5pota-root .s5pota-mobile-card .s5pota-call {
            display:block; font-size:17px; line-height:1.2;
            overflow-wrap:anywhere;
        }
        .s5pota.s5pota-root .s5pota-mobile-card .s5pota-summit {
            display:block; font-size:16px; line-height:1.2;
            white-space:normal; overflow-wrap:anywhere;
        }
        .s5pota.s5pota-root .s5pota-mobile-card .s5pota-detail {
            font-size:12px; line-height:1.3; margin-top:3px;
            overflow-wrap:anywhere;
        }
        .s5pota.s5pota-root .s5pota-mobile-card-radio {
            margin-top:11px; font-size:16px; font-weight:650; line-height:1.35; text-align:left;
            overflow-wrap:anywhere; word-break:normal;
        }
        .s5pota.s5pota-root .s5pota-mobile-card .s5pota-mode {
            vertical-align:1px;
        }
        .s5pota.s5pota-root .s5pota-mobile-card-map {
            margin-top:7px; min-height:0;
        }
        .s5pota.s5pota-root .s5pota-mobile-card-map .s5pota-map-link {
            margin-top:0; font-size:13px;
        }
        .s5pota.s5pota-root .s5pota-mobile-card-map .s5pota-map-distance {
            font-size:12px;
        }
        .s5pota.s5pota-root .s5pota-mobile-card-comment {
            margin-top:9px; padding-top:0; border-top:0; color:#475467; font-size:13px; line-height:1.4;
            overflow-wrap:anywhere; word-break:normal;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-comment-text,
        .s5pota.s5pota-root .s5pota-mobile-cards-alerts .s5pota-comment-text {
            display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; cursor:pointer;
        }
        .s5pota.s5pota-root .s5pota-mobile-cards-spots .s5pota-comment-text { -webkit-line-clamp:2; }
        .s5pota.s5pota-root .s5pota-mobile-cards-alerts .s5pota-comment-text { -webkit-line-clamp:3; }
        .s5pota.s5pota-root .s5pota-mobile-card-comment .s5pota-comment-text.is-expanded { display:block; -webkit-line-clamp:unset; overflow:visible; }

        .s5pota.s5pota-root .s5pota-mobile-card-comment:empty { display:none; }
        .s5pota.s5pota-root .s5pota-mobile-card .s5pota-alert-date {
            font-size:11px; margin-bottom:3px;
        }
        .s5pota.s5pota-root .s5pota-mobile-card .s5pota-alert-year { display:none; }
        .s5pota.s5pota-root .s5pota-mobile-card .s5pota-alert-utc {
            margin-top:0; font-size:11px;
        }
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-alert-stale .s5pota-call,
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-alert-stale .s5pota-summit,
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-alert-stale .s5pota-summit a,
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-alert-stale .s5pota-mobile-card-comment {
            color:#697180;
        }
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-call,
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-summit,
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-summit a,
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-detail,
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-age,
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-map-distance,
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-map-link a,
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-sdr-link,
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-mobile-card-comment {
            color:#7a8290;
        }
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-mode {
            background:#eceff3;
            color:#7a8290;
        }
        .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-special-type {
            background:#d92d20 !important;
            color:#fff !important;
            opacity:1 !important;
        }

        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card {
            background:#1d2127;
            border-bottom-color:#343a43;
        }
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-new {
            background:#172a3d;
            box-shadow:inset 4px 0 0 var(--s5-blue);
        }
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-alert-stale {
            background:#1a1f25;
            color:#8f98a5;
        }
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older {
            background:#1a1f25;
            color:#8f98a5;
        }
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card-comment {
            color:#cbd2dc;
        }
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-alert-stale .s5pota-call,
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-alert-stale .s5pota-summit,
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-alert-stale .s5pota-summit a,
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-alert-stale .s5pota-mobile-card-comment {
            color:#a2abb8 !important;
        }
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-call,
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-summit,
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-summit a,
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-detail,
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-age,
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-map-distance,
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-map-link a,
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-sdr-link,
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-mobile-card-comment {
            color:#8f98a5 !important;
        }
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-mode {
            background:#2a3038 !important;
            color:#9ba4b1 !important;
        }
        body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-special-type {
            background:#d92d20 !important;
            color:#fff !important;
            opacity:1 !important;
        }
    }
    

    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-stats-btn.is-active,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-parks-btn.is-active {
        background:#172a3d !important;
        border-color:#365d91 !important;
        color:#7db5ff !important;
    }

    @media (max-width: 700px) {
        /* Keep the compact four-control row stable on common phone widths. */
        .s5pota.s5pota-root .s5pota-head-actions {
            width:100%; margin-left:0; gap:8px;
        }
        .s5pota.s5pota-root .s5pota-scope-value { font-size:11.5px; }
    }

    @media (max-width: 360px) {
        .s5pota.s5pota-root .s5pota-head { padding-left:11px; padding-right:11px; }
        .s5pota.s5pota-root .s5pota-head-actions { gap:6px; }
        .s5pota.s5pota-root .s5pota-settings-btn,
        .s5pota.s5pota-root .s5pota-stats-btn,
        .s5pota.s5pota-root .s5pota-parks-btn {
            width:40px !important; min-width:40px !important; height:40px !important;
        }
        .s5pota.s5pota-root .s5pota-lang-select {
            width:54px !important; min-width:54px !important; height:40px !important;
            padding:0 4px !important; font-size:12px !important;
        }
        .s5pota.s5pota-root .s5pota-scope-bar { min-height:40px; gap:6px; }
        .s5pota.s5pota-root .s5pota-scope-value { font-size:10.5px; }
        .s5pota.s5pota-root .s5pota-scope-switch { width:34px; height:20px; }
        .s5pota.s5pota-root .s5pota-scope-slider::after { width:14px; height:14px; }
        .s5pota.s5pota-root .s5pota-scope-switch input:checked + .s5pota-scope-slider::after { transform:translateX(14px); }
    }

    .s5pota.s5pota-root .s5pota-sdr-control {
        display:flex; align-items:center; gap:10px; flex-wrap:wrap;
        padding:8px 18px; border-bottom:1px solid var(--s5-border); background:#f8fbff;
        font-size:12px; color:#475467;
    }
    .s5pota.s5pota-root .s5pota-sdr-control[hidden] { display:none !important; }
    .s5pota.s5pota-root .s5pota-sdr-info {
        display:flex; align-items:center; gap:8px; min-width:0; flex-wrap:wrap;
    }
    .s5pota.s5pota-root .s5pota-sdr-target {
        color:#155eef; font-weight:800; white-space:nowrap;
    }
    .s5pota.s5pota-root .s5pota-sdr-target::after {
        content:"|"; color:var(--s5-muted); font-weight:400; margin-left:8px;
    }
    .s5pota.s5pota-root .s5pota-sdr-current { font-weight:650; white-space:nowrap; }
    .s5pota.s5pota-root .s5pota-sdr-actions {
        margin-left:auto; display:flex; align-items:center; gap:6px; flex:0 0 auto;
    }
    .s5pota.s5pota-root .s5pota-sdr-prev,
    .s5pota.s5pota-root .s5pota-sdr-next {
        border:1px solid #b9d3ff !important; background:#eef5ff !important; color:#155eef !important;
        border-radius:6px !important; padding:5px 9px !important;
        font:inherit !important; font-weight:700 !important; cursor:pointer !important; box-shadow:none !important; white-space:nowrap;
    }
    .s5pota.s5pota-root .s5pota-sdr-prev:hover:not(:disabled),
    .s5pota.s5pota-root .s5pota-sdr-next:hover:not(:disabled) { background:#e0edff !important; }
    .s5pota.s5pota-root .s5pota-sdr-prev:disabled,
    .s5pota.s5pota-root .s5pota-sdr-next:disabled { opacity:.45; cursor:default !important; }
    .s5pota.s5pota-root .s5pota-sdr-change-status { flex-basis:100%; color:var(--s5-muted); }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-sdr-control { background:#181c21; color:#d0d5dd; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-sdr-target { color:#8fc2ff; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-sdr-prev,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-sdr-next { background:#24344d !important; border-color:#3b5d8f !important; color:#9cc7ff !important; }
    @media (max-width:700px) {
        .s5pota.s5pota-root .s5pota-sdr-control { padding:8px 12px; gap:7px; }
        .s5pota.s5pota-root .s5pota-sdr-info { flex:1 1 100%; gap:5px; }
        .s5pota.s5pota-root .s5pota-sdr-target { flex-basis:100%; }
        .s5pota.s5pota-root .s5pota-sdr-target::after { content:""; margin:0; }
        .s5pota.s5pota-root .s5pota-sdr-current { white-space:normal; }
        .s5pota.s5pota-root .s5pota-sdr-actions { margin-left:0; width:100%; }
        .s5pota.s5pota-root .s5pota-sdr-prev,
        .s5pota.s5pota-root .s5pota-sdr-next { flex:1 1 0; padding:6px 7px !important; }
    }

    .s5pota.s5pota-root .s5pota-sdr-link { color:#1769e8; font-weight:700; text-decoration:none; border-bottom:1px dotted currentColor; cursor:pointer; display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }
    .s5pota.s5pota-root .s5pota-sdr-link:hover { text-decoration:none; border-bottom-style:solid; }
    .s5pota.s5pota-root .s5pota-sdr-badge {
        display:inline-flex; align-items:center; justify-content:center; vertical-align:middle;
        margin-left:0; padding:1px 5px; border:1px solid #b9d5ff; border-radius:999px;
        background:#eaf3ff; color:#1769e8; font-size:10px; line-height:1.1; font-weight:800;
        letter-spacing:.04em; white-space:nowrap;
    }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-sdr-link { color:#8fc2ff; }
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-sdr-badge {
        background:#24344d; border-color:#3b5d8f; color:#9cc7ff;
    }
    .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-sdr-badge,
    .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-sdr-badge {
        background:#f2f4f7; border-color:#d0d5dd; color:#98a2b3;
    }
    body.s5pota-dark-page .s5pota.s5pota-root tr.s5pota-spot-older .s5pota-sdr-badge,
    body.s5pota-dark-page .s5pota.s5pota-root .s5pota-mobile-card.s5pota-spot-older .s5pota-sdr-badge {
        background:#2a3038; border-color:#414852; color:#8f98a5;
    }

/* Contextual data-source attribution shown only inside the terrain dialog. */
.s5pota.s5pota-root .s5pota-terrain-source { margin:8px 0 0; color:var(--s5-muted); font-size:10px; line-height:1.4; }
.s5pota.s5pota-root .s5pota-terrain-source a { color:inherit; text-decoration:underline; text-underline-offset:2px; }