/* wwwroot/css/comprimi-pdf.css — pagina "Comprimi e unisci PDF" */

.cp-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 991.98px) {
    .cp-layout { grid-template-columns: minmax(0, 1fr); }
}

.cp-pannello {
    position: sticky;
    top: 1rem;
}

.cp-sposta:hover:not(:disabled) { background: #e8f1fb; color: #1b6ec2; }
.cp-sposta:disabled { opacity: .35; }

/* ── Scelta della qualità ────────────────────────────────────── */
.cp-livelli {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.cp-livello {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    width: 100%;
    padding: .4rem .65rem;
    background: #fff;
    border: 1px solid #e3e7ef;
    border-radius: .5rem;
    font-size: .82rem;
    text-align: left;
}

.cp-livello:hover:not(:disabled) { border-color: #1b6ec2; }

.cp-livello--scelto {
    border-color: #1b6ec2;
    background: #f1f6fd;
    box-shadow: inset 0 0 0 1px #1b6ec2;
    font-weight: 600;
}

.cp-livello-peso { font-variant-numeric: tabular-nums; color: #374151; }
.cp-livello--oltre .cp-livello-peso { color: #b45309; }

/* ── Analisi divisa per sezioni, ognuna con il suo "Copia" ──── */
.cp-sezione {
    display: flow-root;
    padding: .75rem .9rem;
    margin-bottom: .5rem;
    border: 1px solid #e3e7ef;
    border-radius: .6rem;
    background: #fff;
}

.cp-sezione-copia {
    float: right;   /* il testo le scorre accanto: niente colonna vuota sul telefono */
    margin: 0 0 .35rem .5rem;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .2rem .5rem;
    border: 1px solid #d6dce8;
    border-radius: .4rem;
    background: #f8fafc;
    color: #1b6ec2;
    font-size: .75rem;
    font-weight: 600;
}

.cp-sezione-copia:hover { background: #e8f1fb; }