/* doc-project | projet/assets/css/admin-page.css | styles dedies a la page admin en fenetre separee avec hero compact, navigation entre commandes, gestion livraison et parametres sur-mesure, CTA admin/demo en marron fonce et alignement des icones */
.admin-page {
    min-height: 100vh;
}

.admin-page__hero {
    padding: 40px 0 24px;
    background: linear-gradient(135deg, rgba(95, 60, 27, 0.12), rgba(138, 90, 43, 0.04));
    border-bottom: 1px solid rgba(95, 60, 27, 0.12);
}

.admin-page__hero-content {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 20px;
}

.admin-page__hero h1,
.admin-page__hero p {
    margin-bottom: 0;
}

.admin-page__hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.admin-page__hero-actions .button {
    gap: 10px;
}

.admin-page__hero-link.is-current {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22), 0 14px 32px rgba(59, 34, 20, 0.2);
}

.button--demo-client {
    background: #4a2c1a;
    color: #ffffff;
    color: #ffffff;
}

.button--admin-dark {
    background: #4a2c1a;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.button--admin-dark:hover,
.button--admin-dark:focus-visible {
    background: #3b2214;
    color: #ffffff;
}

.button--demo-client:hover,
.button--demo-client:focus-visible {
    background: #3b2214;
    color: #ffffff;
}

.admin-page .admin-panel {
    border-top: 0;
}

@media (max-width: 820px) {
    .admin-page__hero-content {
        flex-direction: column;
        align-items: stretch;
    }
}