/* =========================================
   BEWERBUNGS-AUTOPILOT SUBNAV – Unternavigation unter Personal-Area-Tab
   ========================================= */

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Autopilot-Unternav als zweite Nav-Ebene unter Hauptnav */
.base-bewerbungs-autopilot-subnav {
    display: block;
    width: 100%;
    max-width: 1280px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 12px;
    border: none;
    background-color: transparent;
    z-index: 1;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Level-2 Unternav-Schiene unter Hauptnav */
.base-bewerbungs-autopilot-subnav-level2 {
    border-bottom: 1px solid var(--color-border);
    background-color: var(--color-primary-wash);
    max-width: none;
    width: 100%;
    padding: 0;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Unternav-Innenleiste: linker Gutter wie Hauptnav (.base-nav-container), Postfach fluchtet mit Startseite */
.base-bewerbungs-autopilot-subnav-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 2px 0 40px;
    box-sizing: border-box;
}

@media (min-width: 600px) {
    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Unternav-Gutter ab 600px wie Hauptnav 48/16 */
    .base-bewerbungs-autopilot-subnav-inner {
        padding-left: 48px;
        padding-right: 16px;
    }
}

@media (min-width: 1024px) {
    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Unternav-Gutter ab 1024px wie Hauptnav 48/20 */
    .base-bewerbungs-autopilot-subnav-inner {
        padding-left: 48px;
        padding-right: 20px;
    }
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Autopilot-Unternav Reiter als Level-2 Tabs */
.base-bewerbungs-autopilot-subnav-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    align-self: flex-end;
    padding: 0.55rem 0.95rem 0.5rem;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--color-text-muted);
    background-color: transparent;
    white-space: nowrap;
    margin-bottom: -1px;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Autopilot-Unternav Unterstrich */
.base-bewerbungs-autopilot-subnav-tab::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: var(--color-primary);
    opacity: 0;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Autopilot-Unternav Hover */
.base-bewerbungs-autopilot-subnav-tab:hover {
    color: var(--color-primary);
    text-decoration: none;
    background-color: transparent;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Autopilot-Unternav Hover Unterstrich */
.base-bewerbungs-autopilot-subnav-tab:hover::after {
    opacity: 1;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Autopilot-Unternav aktiv */
.base-bewerbungs-autopilot-subnav-tab.is-active,
.base-bewerbungs-autopilot-subnav-tab[aria-current="page"] {
    color: var(--color-primary);
    text-decoration: none;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Autopilot-Unternav aktiver Unterstrich */
.base-bewerbungs-autopilot-subnav-tab.is-active::after,
.base-bewerbungs-autopilot-subnav-tab[aria-current="page"]::after {
    opacity: 1;
}

/* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Autopilot-Unternav Fokus */
.base-bewerbungs-autopilot-subnav-tab:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
    color: var(--color-primary);
}

@media (max-width: 575px) {
    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Mobile Autopilot-Unternav Gap */
    .base-bewerbungs-autopilot-subnav-inner {
        gap: 0 1.1rem;
    }

    /* Änderungsprotokoll: 2026-08-15 | parent-agent | @skill-css-rules, @skill-change-provenance | Mobile Autopilot-Unternav Reiter */
    .base-bewerbungs-autopilot-subnav-tab {
        padding-top: 0.55rem;
        padding-bottom: 0.6rem;
    }
}