/* Nuovo Index PWA (nuovo-index-pwa.php). Riusa .pwa-hcp-* e .pwa-sd-* da pwa-tools.css */
.pwa-ni [hidden] { display: none !important; }

.pwa-ni-step-label {
    font-size: 10px; font-weight: 900; text-transform: uppercase;
    letter-spacing: 0.2em; color: rgba(255,255,255,0.55); margin-top: 8px;
}

.pwa-ni-sd {
    display: flex; justify-content: space-between; align-items: baseline;
    padding: 10px 14px; border-radius: 12px;
    background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
    font-size: 12px; color: rgba(255,255,255,0.6);
}
.pwa-ni-sd strong {
    font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 900; color: #fff;
}

.pwa-ni-file-input {
    position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none;
}
.pwa-ni-upload {
    display: block; text-align: center; padding: 16px; border-radius: 14px;
    border: 1px dashed rgba(193,2,6,0.6); background: rgba(193,2,6,0.12);
    color: #fff; font-weight: 800; font-size: 14px; cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.pwa-ni-upload:active { background: rgba(193,2,6,0.3); }

.pwa-ni-hint { font-size: 11px; line-height: 1.5; color: rgba(255,255,255,0.45); margin: 0; }

.pwa-ni-scheda {
    padding: 12px 14px; border-radius: 12px; font-size: 12px; color: rgba(255,255,255,0.6);
    background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
}
.pwa-ni-scheda-name { font-weight: 800; color: #fff; font-size: 14px; }
.pwa-ni-scheda-meta { font-size: 12px; color: rgba(255,255,255,0.55); margin-top: 2px; }
.pwa-ni-scheda .pwa-ni-alert { margin-top: 10px; }

.pwa-ni-alert { font-size: 12px; line-height: 1.45; padding: 10px 12px; border-radius: 10px; border: 1px solid; }
.pwa-ni-alert--ok { color: #7ed69a; border-color: rgba(76,175,80,0.4); background: rgba(76,175,80,0.1); }
.pwa-ni-alert--warn { color: #f2c46d; border-color: rgba(242,176,50,0.4); background: rgba(242,176,50,0.1); }
.pwa-ni-alert--info { color: #8fc3f5; border-color: rgba(66,150,230,0.4); background: rgba(66,150,230,0.1); }
.pwa-ni-alert--error { color: #ff8a80; border-color: rgba(244,67,54,0.45); background: rgba(244,67,54,0.12); }

.pwa-ni-warnings { display: flex; flex-direction: column; gap: 8px; }
.pwa-ni-warnings:empty { display: none; }

.pwa-ni-list {
    list-style: none; margin: 0; padding: 0;
    display: grid; grid-template-columns: 1fr 1fr; gap: 6px;
}
.pwa-ni-list li {
    display: flex; justify-content: space-between; padding: 8px 10px; border-radius: 10px;
    font-size: 12px; font-variant-numeric: tabular-nums;
    background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.5);
}
.pwa-ni-list li.is-used { background: rgba(193,2,6,0.18); color: #fff; font-weight: 700; }
.pwa-ni-list li.is-new { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.6); }
.pwa-ni-list li.is-dropped { text-decoration: line-through; opacity: 0.45; }