/* doc-project | projet/assets/css/admin-quote-finalization.css | styles dedies au bloc admin PRO de finalisation des devis avec champs automatiques de prix sur mesure, rappel des prix connus, preview total acompte, bouton Finaliser plus tard et etats requis pret a envoyer */

.admin-quote-finalization {
    display: grid;
    gap: 16px;
    padding: 18px;
    border: 1px solid rgba(95, 60, 27, 0.14);
    border-radius: 22px;
    background:
        radial-gradient(circle at top left, rgba(185, 121, 36, 0.16), transparent 34%),
        #fffaf3;
    box-shadow: 0 14px 34px rgba(64, 45, 28, 0.08);
}

.admin-quote-finalization__hero {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
}

.admin-quote-finalization__eyebrow,
.admin-quote-finalization__origin {
    margin: 0 0 6px;
    color: #8a5a2b;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admin-quote-finalization h4,
.admin-quote-finalization h5 {
    margin: 0;
    color: #2e241d;
}

.admin-quote-finalization p {
    margin: 6px 0 0;
    color: #6c5b4a;
}

.admin-quote-finalization__status {
    min-width: 120px;
    padding: 14px;
    border-radius: 18px;
    text-align: center;
    border: 1px solid rgba(95, 60, 27, 0.12);
    background: #ffffff;
}

.admin-quote-finalization__status strong {
    display: block;
    font-size: 30px;
    line-height: 1;
}

.admin-quote-finalization__status span {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 800;
}

.admin-quote-finalization__status.is-required {
    color: #8a4b12;
    background: #fff1cc;
    border-color: rgba(185, 121, 36, 0.34);
}

.admin-quote-finalization__status.is-ready {
    color: #2f7d4b;
    background: rgba(47, 125, 75, 0.12);
    border-color: rgba(47, 125, 75, 0.22);
}

.admin-quote-finalization__known {
    padding: 12px 14px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid rgba(95, 60, 27, 0.1);
}

.admin-quote-finalization__known summary {
    cursor: pointer;
    font-weight: 900;
    color: #4a2c1a;
}

.admin-quote-finalization__known ul {
    display: grid;
    gap: 8px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}

.admin-quote-finalization__known li,
.admin-quote-finalization__preview p {
    display: flex;
    justify-content: space-between;
    gap: 14px;
}

.admin-quote-finalization__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

.admin-quote-finalization__card {
    display: grid;
    gap: 14px;
    padding: 16px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid rgba(185, 121, 36, 0.28);
    box-shadow: 0 10px 22px rgba(64, 45, 28, 0.06);
}

.admin-quote-finalization__card label {
    display: grid;
    gap: 8px;
    font-weight: 800;
}

.admin-quote-finalization__card input {
    border: 1px solid rgba(95, 60, 27, 0.22);
    border-radius: 12px;
    padding: 12px 13px;
    font: inherit;
}

.admin-quote-finalization__card input:focus {
    outline: 3px solid rgba(185, 121, 36, 0.26);
    border-color: #b97924;
}

.admin-quote-finalization__ready {
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(47, 125, 75, 0.12);
    color: #2f7d4b;
    font-weight: 800;
}

.admin-quote-finalization__preview {
    display: grid;
    gap: 8px;
    padding: 16px;
    border-radius: 18px;
    background: #4a2c1a;
    color: #ffffff;
}

.admin-quote-finalization__preview p {
    margin: 0;
    color: inherit;
}

.admin-quote-finalization__preview strong {
    color: #ffffff;
}

.admin-quote-finalization__save-later {
    border-color: rgba(95, 60, 27, 0.22);
    background: #ffffff;
    color: #5f3c1b;
}

.admin-quote-finalization__save-later:hover,
.admin-quote-finalization__save-later:focus-visible {
    background: #f7f1e8;
}

.admin-quote-finalization__save-feedback {
    align-self: center;
    color: #2f7d4b;
    font-size: 13px;
    font-weight: 800;
}

.admin-quote-finalization__save-feedback.is-error {
    color: #b42318;
}

@media (max-width: 720px) {
    .admin-quote-finalization__hero {
        flex-direction: column;
    }

    .admin-quote-finalization__status {
        width: 100%;
    }
}