/* ── Nav sidebar: icons + color-coded sections ──────────────────────────── */

#nav-sidebar .module {
    border-left: 3px solid #ccc;
    margin-bottom: 6px;
}

/* Model name links only — don't touch the addlink td */
#nav-sidebar .module tr th a {
    font-size: 0.82rem;
    padding: 2px 6px 2px 10px;
    display: block;
}

#nav-sidebar .module tr.current-model th a {
    font-weight: 700;
    background: rgba(0,0,0,0.06);
    border-radius: 2px;
}

/* ── Per-app icons: emoji in a circle, flex layout prevents text wrapping under it */

#nav-sidebar caption a.section {
    display: flex;
    align-items: center;
}

#nav-sidebar caption a.section::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    margin-right: 6px;
    margin-top: -0.3em;
    margin-bottom: -0.3em;
    font-size: 1.3em;
    background: whitesmoke;
}

#nav-sidebar .app-sales         caption a.section::before { content: "🛒"; }
#nav-sidebar .app-billing       caption a.section::before { content: "🧾"; }
#nav-sidebar .app-customers     caption a.section::before { content: "👥"; }
#nav-sidebar .app-base          caption a.section::before { content: "📦"; }
#nav-sidebar .app-providers     caption a.section::before { content: "🏭"; }
#nav-sidebar .app-purchases     caption a.section::before { content: "📋"; }
#nav-sidebar .app-bank          caption a.section::before { content: "💳"; }
#nav-sidebar .app-shipping      caption a.section::before { content: "🚚"; }
#nav-sidebar .app-aftersales    caption a.section::before { content: "🔧"; }
#nav-sidebar .app-marketing     caption a.section::before { content: "🎯"; }
#nav-sidebar .app-market        caption a.section::before { content: "🔍"; }
#nav-sidebar .app-channels      caption a.section::before { content: "🏪"; }
#nav-sidebar .app-centrale_admin caption a.section::before { content: "🏢"; }
#nav-sidebar .app-chroniker     caption a.section::before { content: "⏰"; }
#nav-sidebar .app-auth          caption a.section::before { content: "🔐"; }
#nav-sidebar .app-otp_totp      caption a.section::before { content: "🔑"; }
#nav-sidebar .app-sites         caption a.section::before { content: "🌐"; }

/* ── Per-app left border colors ─────────────────────────────────────────── */

#nav-sidebar .app-sales          { border-left-color: #0076f1; }
#nav-sidebar .app-billing        { border-left-color: #e67e22; }
#nav-sidebar .app-customers      { border-left-color: #16a085; }
#nav-sidebar .app-base           { border-left-color: #6c5ce7; }
#nav-sidebar .app-providers      { border-left-color: #27ae60; }
#nav-sidebar .app-purchases      { border-left-color: #d4ac0d; }
#nav-sidebar .app-bank           { border-left-color: #8e44ad; }
#nav-sidebar .app-shipping       { border-left-color: #2980b9; }
#nav-sidebar .app-aftersales     { border-left-color: #c0392b; }
#nav-sidebar .app-marketing      { border-left-color: #bdc3c7; }
#nav-sidebar .app-market         { border-left-color: #7f8c8d; }
#nav-sidebar .app-channels       { border-left-color: #17a589; }
#nav-sidebar .app-centrale_admin { border-left-color: #2c3e50; }
#nav-sidebar .app-chroniker      { border-left-color: #795548; }
#nav-sidebar .app-auth           { border-left-color: #546e7a; }
#nav-sidebar .app-otp_totp       { border-left-color: #546e7a; }
#nav-sidebar .app-sites          { border-left-color: #95a5a6; }
