/* Izbornik stupaca izvoza (plan 053). Proširuje qms-list.css, ne dira tokene. */

.qms-cols { position: relative; }

.qms-cols > summary {
    list-style: none;
    cursor: pointer;
    min-height: 32px;
    padding: 5px 11px;
    font-size: 12.5px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.qms-cols > summary::-webkit-details-marker { display: none; }

.qms-cols-panel {
    position: absolute;
    /* Otvara se udesno od gumba, ne ulijevo: gumb „Stupci" stoji na lijevom
       kraju skupine za izvoz, a qms-grid-wrap ima overflow:hidden — panel
       poravnat desnim rubom izlazio je iz okvira i bio odrezan. */
    left: 0;
    bottom: calc(100% + 6px);
    z-index: 30;
    min-width: 232px;
    max-height: 340px;
    overflow-y: auto;
    padding: 10px 12px;
    /* Tokeni bez izmišljenih imena: --surface-1 i --line-2 ne postoje nigdje u
       qms.css, pa je panel padao na zamjenske vrijednosti i na tamnoj temi bio
       BIJEL. To je ona bijela pozadina na izborniku stupaca i skupnoj izmjeni.
       Izmjereno 15.09.2026. */
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .14);
}

.qms-cols-head {
    font-size: 11.5px;
    color: var(--ink-3);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 7px;
}

.qms-cols-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 3px 0;
    font-size: 13px;
    cursor: pointer;
}
.qms-cols-item input { margin: 0; }

.qms-cols-foot {
    display: flex;
    gap: 10px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--line);
}
.qms-cols-foot button {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    font-size: 12.5px;
    color: var(--accent);
    cursor: pointer;
}