/* Sidebar & doc-container : voir global.css */
body.no-scroll { overflow: hidden; }

/* ---- Zone de contenu ---- */
.content { flex: 1; min-width: 0; padding-bottom: 80px; }

.intro-box { padding: 40px; margin-bottom: 50px; border-left: 5px solid var(--role-color-primary); }
.intro-box h2 { color: var(--text-main); margin-bottom: 15px; font-size: 1.8rem; }
.intro-box p { font-size: 1.1rem; line-height: 1.6; color: var(--text-muted); }

.separator-title {
    font-size: 1.6rem; font-weight: 700;
    margin: 60px 0 30px 0; padding-bottom: 15px;
    border-bottom: 2px solid rgba(0,0,0,0.08);
    color: var(--role-color-primary);
    display: flex; align-items: center; gap: 15px;
}

.doc-section { margin-bottom: 50px; padding-top: 110px; margin-top: -110px; }

.section-title { font-size: 1.4rem; margin-bottom: 25px; display: flex; align-items: center; gap: 12px; }
.section-title i { color: var(--role-color-primary); background: rgba(0,0,0,0.03); padding: 10px; border-radius: 10px; }

.info-card { padding: 25px; line-height: 1.6; font-size: 1.05rem; }
.info-card ul { padding-left: 25px; margin-top: 15px; }
.info-card li { margin-bottom: 10px; }

/* ---- Cartes commandes ---- */
.cmd-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 25px; }

.cmd-card {
    padding: 25px; display: flex; flex-direction: column;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border-top: 3px solid transparent; cursor: pointer;
}
.cmd-card:hover { transform: translateY(-8px); border-top-color: var(--role-color-primary); box-shadow: 0 15px 30px rgba(0,0,0,0.08); }

.cmd-name {
    font-family: 'Courier New', Courier, monospace; font-size: 1.1rem; font-weight: 700;
    background: #2d3436; color: white; padding: 6px 12px; border-radius: 8px;
    display: inline-block; align-self: flex-start; margin-bottom: 15px; word-break: break-all;
}
.cmd-desc { font-size: 0.95rem; color: var(--text-muted); line-height: 1.6; }

@media (max-width: 992px) {
    .intro-box { padding: 25px; }
    .cmd-grid { grid-template-columns: 1fr; }
}