.salary-shell {
    --sal-primary: var(--capsule-color-primary, #5046e5);
    --sal-border: var(--capsule-color-border, #e2e7ef);
    --sal-text: var(--capsule-color-text, #172033);
    --sal-muted: var(--capsule-color-muted, #748096);
    --project-muted: var(--sal-muted);
    background: transparent;
    color: var(--sal-text);
    margin: 0;
    max-width: none;
    min-height: 0;
    padding: 0 0 2rem;
}

.salary-nav {
    align-items: center;
    background: #fff;
    border: 1px solid var(--sal-border);
    border-radius: 12px;
    display: flex;
    gap: .3rem;
    margin-bottom: 1.5rem;
    overflow-x: auto;
    padding: .4rem;
    scrollbar-width: thin;
}
.salary-nav a { align-items: center; border-radius: 8px; color: #657187; display: inline-flex; flex: 0 0 auto; font-size: .84rem; font-weight: 750; gap: .4rem; padding: .55rem .8rem; text-decoration: none; }
.salary-nav a:hover { background: #f4f3ff; color: var(--sal-primary); }
.salary-nav a.is-active { background: #eeecff; color: var(--sal-primary); }
.salary-nav i { font-size: 1rem; }

.salary-heading,
.salary-profile-header { align-items: center; display: flex; gap: 1.5rem; justify-content: space-between; margin-bottom: 1.5rem; }
.salary-heading h1,
.salary-profile-header h1 { color: var(--sal-text); font-size: 1.8rem; font-weight: 800; letter-spacing: -.04em; line-height: 1.2; margin: 0 0 .3rem; }
.salary-heading p,
.salary-profile-header p { color: var(--sal-muted); font-size: .98rem; margin: 0; max-width: 760px; }
.salary-heading-actions,
.salary-toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: .6rem; }
.salary-toolbar form { margin: 0; }
.salary-breadcrumb { display: none; }
.salary-shell .compta-back { align-items: center; color: var(--sal-muted); display: inline-flex; font-size: .82rem; font-weight: 700; gap: .35rem; margin-bottom: .65rem; text-decoration: none; }
.salary-shell .compta-back:hover { color: var(--sal-primary); }

.salary-shell .btn { align-items: center; border-radius: 9px; display: inline-flex; font-weight: 700; gap: .4rem; justify-content: center; min-height: 40px; padding: .55rem .9rem; text-decoration: none; }
.salary-shell .btn-primary,
.salary-shell .btn-dark { background: var(--sal-primary); border-color: var(--sal-primary); }
.salary-shell .btn-primary:hover,
.salary-shell .btn-dark:hover { background: #4037ce; border-color: #4037ce; }
.salary-shell .btn-outline-primary { border-color: #c8c4ff; color: var(--sal-primary); }
.salary-shell .btn-outline-primary:hover { background: #eeecff; border-color: #aaa4ff; color: #4037ce; }
.salary-shell .capsule-button { align-items: center; display: inline-flex; gap: .45rem; justify-content: center; text-decoration: none; }

.salary-notice { border-radius: 12px; font-size: .88rem; margin-bottom: 1.5rem; }
.salary-kpis,
.salary-kpis.five { display: grid; gap: 18px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 26px; }
.salary-kpis.five { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.salary-kpis article { align-items: flex-start; background: #fff; border: 1px solid var(--sal-border); border-radius: 14px; box-shadow: 0 1px 3px rgba(23,32,51,.05); display: flex; flex-direction: column; justify-content: center; min-height: 112px; padding: 20px; }
.salary-kpis article.accent { border-color: #c8c4ff; }
.salary-kpis article.success { border-color: #a7e7d2; }
.salary-kpis article.warning { border-color: #f1d990; }
.salary-kpis article.danger { border-color: #fac4c7; }
.salary-kpi-icon { align-items: center; background: #eef0ff; border-radius: 12px; color: var(--sal-primary); display: inline-flex; font-size: 1.15rem; height: 42px; justify-content: center; margin-bottom: .6rem; width: 42px; }
.salary-kpis small { color: var(--sal-muted); font-size: .84rem; font-weight: 600; margin: 0 0 .25rem; }
.salary-kpis strong { font-size: 1.55rem; line-height: 1.15; }
.salary-kpi-tag { right: 14px; top: 14px; }

.salary-card { background: #fff; border: 1px solid var(--sal-border); border-radius: 14px; box-shadow: 0 1px 3px rgba(23,32,51,.05); margin-bottom: 20px; overflow: hidden; }
.salary-card-title { border-bottom-color: var(--sal-border); }
.salary-card-title h2 { font-size: .95rem; }
.salary-section-icon { background: #eeecff; color: var(--sal-primary); }
.salary-card table { min-width: 760px; }
.salary-card th { background: #f8f9fc; border-bottom: 1px solid var(--sal-border); color: #778196; font-size: .72rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.salary-card td { border-color: #eff1f5; }
.salary-card tbody tr:hover { background: #fafbff; }
.salary-empty { color: var(--sal-muted); padding: 3.5rem 1.25rem !important; text-align: center; }

.salary-badge { border-radius: 999px; font-weight: 750; }
.salary-badge.muted { background: #eef1f5; color: #667085; }
.salary-filterbar { border: 1px solid var(--sal-border); border-radius: 14px; box-shadow: 0 1px 3px rgba(23,32,51,.04); padding: .85rem 1rem; }
.salary-filterbar .form-control { min-width: 240px; }
.salary-form .form-control,
.salary-form .form-select,
.salary-filterbar .form-control,
.salary-filterbar .form-select { border-color: #dce2ea; border-radius: 8px; }
.salary-actions { border-color: var(--sal-border); border-radius: 12px; }
.salary-progress > span { background: var(--sal-primary); }
.salary-profile-avatar.salary-profile-initials { background: var(--sal-primary); }
.salary-profile-check { background: #08a574; }

@media (max-width: 1250px) {
    .salary-kpis,
    .salary-kpis.five { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 850px) {
    .salary-shell { padding: 0 0 1.5rem; }
    .salary-heading,
    .salary-profile-header { align-items: stretch; flex-direction: column; }
    .salary-heading-actions,
    .salary-toolbar { margin-top: 0; }
    .salary-kpis,
    .salary-kpis.five { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    .salary-kpis,
    .salary-kpis.five { grid-template-columns: 1fr; }
    .salary-heading-actions .btn,
    .salary-toolbar .btn,
    .salary-toolbar form { width: 100%; }
}