/* pagine/pubblico/lettura.css — /strumenti/visura e /strumenti/unilav.
   Card, bottoni e testata sono quelli pubblici (.pubblico-card, .pubblico-btn,
   .pagina-testata); qui solo la zona del file e il riquadro del JSON. */

.plt { max-width: 960px; margin: 0 auto; }

.plt .pubblico-card:hover { transform: none; box-shadow: var(--k-shadow); }

.plt-zona {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--k-space-2);
    padding: var(--k-space-8) var(--k-space-4);
    border: 2px dashed var(--color-border-light);
    border-radius: var(--k-radius);
    text-align: center;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.plt-zona i { font-size: 2rem; color: var(--color-primary); }
.plt-zona-testo { font-weight: 600; color: var(--color-text-primary); word-break: break-word; }
.plt-zona-nota { font-size: var(--k-text-xs); color: var(--color-text-muted); }
.plt-zona:hover { border-color: var(--color-primary); }
.plt-zona--sopra { border-color: var(--color-primary); background: rgba(59, 130, 246, 0.05); }
.plt-zona--scelto { border-style: solid; border-color: var(--color-primary); }

/* Il bottone a destra, come le altre azioni */
.plt-azioni { display: flex; justify-content: flex-end; margin-top: var(--k-space-4); }
.plt-azioni .pubblico-btn { margin: 0; }

.plt-risultato { margin-top: var(--k-space-6); }
.plt-risultato[hidden] { display: none; }

.plt-risultato-testa {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--k-space-3);
    margin-bottom: var(--k-space-3);
}

.plt-titolo { margin: 0; font-size: var(--k-text-xl); font-weight: 600; color: var(--color-text-primary); }
.plt-risultato-azioni { display: flex; gap: var(--k-space-2); }
.plt-risultato-azioni .pubblico-btn { margin: 0; }

.plt-json {
    max-height: 32rem;
    margin: 0;
    padding: var(--k-space-4);
    overflow: auto;
    border-radius: var(--k-radius);
    background: #0f172a;
    color: #e2e8f0;
    font-size: 0.8125rem;
    line-height: 1.55;
    white-space: pre;
}

.plt-nota { font-size: var(--k-text-sm); color: var(--color-text-secondary); }

@media (max-width: 1024px) {
    .plt-azioni .pubblico-btn { width: 100%; justify-content: center; }
    .plt-risultato-azioni { width: 100%; }
    .plt-risultato-azioni .pubblico-btn { flex: 1; justify-content: center; }
}