Modèle:Documentation/styles.css

/* Conteneur principal */
.nef-doc-system {
    margin: 1em 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Boîte de documentation existante */
.nef-doc-box {
    border: 1px solid #c8ccd0;
    border-radius: 4px;
    padding: 1.2em;
    margin-bottom: 1em;
    background-color: #fff;
}

@media (prefers-color-scheme: dark) {
    .nef-doc-box {
        background-color: #2d333b;
        border-color: #4a5568;
    }
}

/* Bandeau d'en-tête de documentation */
.nef-doc-header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 12px 20px;
border-radius: 8px 8px 0 0;
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 0;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.nef-doc-header-icon {
font-size: 24px;
line-height: 1;
}

.nef-doc-header-content {
flex: 1;
}

.nef-doc-header-content strong {
display: block;
font-size: 16px;
margin-bottom: 4px;
}

.nef-doc-header-links {
font-size: 13px;
opacity: 0.95;
}

.nef-doc-header-links a {
color: white;
text-decoration: underline;
font-weight: 500;
}

.nef-doc-header-links a:hover {
opacity: 0.8;
}

/* Ajustement de la box de documentation pour coller au bandeau */
.nef-doc-box {
border-radius: 0 0 8px 8px;
margin-top: 0;
}

.nef-doc-exists {
border-top: none;
}


/* Style pour les documents existants */
.nef-doc-exists {
    border-left: 3px solid #22863a;
}

/* Style pour les documents manquants */
.nef-doc-missing {
    display: flex;
    align-items: flex-start;
    gap: 1em;
    background-color: #f8f9fa;
    border-left: 3px solid #d73d3d;
}

@media (prefers-color-scheme: dark) {
    .nef-doc-missing {
        background-color: #22272e;
    }
}

.nef-doc-icon {
    font-size: 2.5em;
    line-height: 1;
    flex-shrink: 0;
}

.nef-doc-content {
    flex: 1;
}

/* Instructions */
.nef-doc-instructions {
    background-color: #e7f5ff;
    color: #00529b;
    padding: 0.8em;
    border-radius: 4px;
    margin-top: 0.8em;
    border-left: 3px solid #4285f4;
}

@media (prefers-color-scheme: dark) {
    .nef-doc-instructions {
        background-color: #0a2540;
        color: #9dcafa;
        border-left-color: #6eb9f7;
    }
}

/* Liens dans les boîtes */
.nef-doc-box a {
    color: #0645ad;
}

.nef-doc-box a:visited {
    color: #0b0080;
}

@media (prefers-color-scheme: dark) {
    .nef-doc-box a {
        color: #7ab7ff;
    }

    .nef-doc-box a:visited {
        color: #a580ff;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .nef-doc-missing {
        flex-direction: column;
        text-align: center;
    }

    .nef-doc-icon {
        margin: 0 auto 0.5em;
    }
}