/* Paleta wyszukiwania ⌘K / Ctrl+K (static/js/paleta.js). Kolory z motywu (--ins-*), więc działa w jasnym i ciemnym. */
.rp-tlo {
    position: fixed; inset: 0; z-index: 1090;
    background: rgba(15, 20, 30, .45);
    display: flex; justify-content: center; align-items: flex-start;
    padding: 12vh 16px 16px;
}
.rp-tlo[hidden] { display: none; }
.rp-okno {
    width: min(680px, 100%);
    max-height: 76vh;
    display: flex; flex-direction: column;
    background: var(--ins-secondary-bg, #fff);
    color: var(--ins-body-color, #212529);
    border: 1px solid var(--ins-border-color, #dee2e6);
    border-radius: .75rem;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .35);
    overflow: hidden;
}
.rp-pole {
    display: flex; align-items: center; gap: .6rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid var(--ins-border-color, #dee2e6);
}
.rp-pole i { font-size: 1.25rem; opacity: .6; }
.rp-pole input {
    flex: 1; border: 0; outline: 0; background: transparent; color: inherit;
    font-size: 1.05rem;
}
.rp-pole kbd { font-size: .7rem; }
.rp-lista { overflow-y: auto; padding: .35rem 0 .5rem; }
.rp-grupa {
    padding: .55rem 1rem .25rem;
    font-size: .7rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
    color: var(--ins-secondary-color, #6c757d);
    display: flex; align-items: center; gap: .35rem;
}
.rp-opcja {
    display: flex; align-items: center; gap: .7rem;
    margin: 0 .4rem; padding: .45rem .6rem;
    border-radius: .45rem; cursor: pointer;
}
.rp-opcja .rp-ikona {
    flex: 0 0 2rem; height: 2rem; border-radius: .4rem;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--ins-tertiary-bg, #f1f3f5); font-size: 1.05rem; opacity: .85;
}
.rp-opcja .rp-tresc { flex: 1; min-width: 0; }
.rp-opcja .rp-tytul { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rp-opcja .rp-opis {
    font-size: .78rem; color: var(--ins-secondary-color, #6c757d);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.rp-opcja .rp-skroty { display: flex; gap: .25rem; flex-shrink: 0; }
.rp-opcja .rp-skroty a {
    font-size: .7rem; padding: .1rem .4rem; border-radius: .3rem; text-decoration: none;
    border: 1px solid var(--ins-border-color, #dee2e6); color: inherit;
}
.rp-opcja .rp-skroty a:hover { border-color: var(--ins-primary, #4a6cf7); color: var(--ins-primary, #4a6cf7); }
.rp-opcja .rp-enter { font-size: .7rem; opacity: 0; flex-shrink: 0; }
.rp-opcja.aktywna { background: rgba(var(--ins-primary-rgb, 74, 108, 247), .14); }
.rp-opcja.aktywna .rp-enter { opacity: .6; }
.rp-opcja mark { padding: 0; background: rgba(var(--ins-primary-rgb, 74, 108, 247), .28); color: inherit; border-radius: 2px; }
.rp-pusto { padding: 1.5rem 1rem; text-align: center; color: var(--ins-secondary-color, #6c757d); }
.rp-stopka {
    display: flex; flex-wrap: wrap; gap: .9rem; align-items: center;
    padding: .5rem 1rem; font-size: .72rem;
    border-top: 1px solid var(--ins-border-color, #dee2e6);
    color: var(--ins-secondary-color, #6c757d);
}
.rp-stopka .rp-status { margin-left: auto; }
.rp-stopka kbd { font-size: .65rem; }
@media (max-width: 575.98px) {
    .rp-tlo { padding: 8px; }
    .rp-okno { max-height: calc(100vh - 16px); }
    .rp-stopka .rp-podpowiedz { display: none; }
    .rp-opcja .rp-skroty { display: none; }
}
/* Pole w belce tylko otwiera paletę */
input.topbar-search[readonly] { cursor: pointer; }