.administratie-werkbladpad {
    min-width: 0;
    flex: 0 0 auto;
    overflow: hidden;
    color: #fff;
    background: transparent;
}

.administratie-padscroll {
    display: flex;
    min-width: 0;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    padding-inline: 2px;
    scrollbar-color: #ffffff73 transparent;
    scrollbar-width: thin;
}

.administratie-padstap {
    display: flex;
    min-width: 0;
    min-height: 48px;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    border: 0;
    border-bottom: 3px solid transparent;
    padding: 6px 10px 5px;
    color: #fff;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.administratie-padstap:hover { background: #ffffff18; }
.administratie-padstap:focus-visible { outline: 2px solid #fff; outline-offset: -3px; }
.administratie-padstap.actief { border-bottom-color: #fff; background: #ffffff22; }
.administratie-padstap .blad-icoon { flex: 0 0 auto; }
.administratie-padstap.prijs .blad-icoon { color: #8a4f00; border-color: #fff; }

.administratie-padtekst {
    display: block;
    min-width: 0;
    max-width: 154px;
}

.administratie-padtekst strong,
.administratie-padtekst small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.administratie-padtekst strong { font-size: 13px; }
.administratie-padtekst small { margin-top: 2px; color: #ffffffc9; font-size: 10px; }
.administratie-padpijl { display: grid; flex: 0 0 12px; place-items: center; color: #ffffffa8; font-size: 15px; }

@media (max-width: 900px) {
    .appbalk .administratie-werkbladpad { display: flex; flex: 1 1 auto; }
    .administratie-padscroll { padding-inline: 4px; scroll-snap-type: x proximity; }
    .administratie-padstap { min-height: 48px; scroll-snap-align: start; gap: 6px; padding-inline: 7px; }
    .administratie-padtekst { max-width: 128px; }
    .administratie-padtekst small { display: none; }
    .administratie-padpijl { flex-basis: 8px; }
}

@media (max-width: 520px) {
    .administratie-padstap { padding-inline: 6px; }
    .administratie-padstap .blad-icoon { width: 20px; height: 22px; }
    .administratie-padtekst { max-width: 116px; }
}