/* ILIOS Runway — CSS custom sopra Tailwind CDN.
 * Tenere minimale. Preferire classi Tailwind nei template. */

.input-cell {
    /* Pattern AJAX autosave (blueprint C12): cella editabile con save debounce. */
    padding: 0.25rem 0.5rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background: transparent;
    transition: border-color 120ms ease, background 120ms ease;
}
.input-cell:hover {
    border-color: rgb(203 213 225); /* slate-300 */
}
.input-cell:focus {
    outline: none;
    border-color: rgb(59 130 246); /* blue-500 */
    background: rgb(239 246 255);  /* blue-50 */
}
.input-cell--saving {
    border-color: rgb(234 179 8);  /* amber-500 */
}
.input-cell--saved {
    border-color: rgb(34 197 94);  /* green-500 */
    background: rgb(240 253 244);  /* green-50 */
}
.input-cell--error {
    border-color: rgb(239 68 68);  /* red-500 */
    background: rgb(254 242 242);  /* red-50 */
}

/* Allineamento numerico per colonne denaro. */
.num {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

/* Alert inline minimale. */
.alert {
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
    border: 1px solid;
    font-size: 0.875rem;
}
.alert-info    { background: rgb(239 246 255); border-color: rgb(191 219 254); color: rgb(30 58 138); }
.alert-success { background: rgb(240 253 244); border-color: rgb(187 247 208); color: rgb(21 128 61); }
.alert-warn    { background: rgb(254 252 232); border-color: rgb(254 240 138); color: rgb(133 77 14); }
.alert-error   { background: rgb(254 242 242); border-color: rgb(254 202 202); color: rgb(153 27 27); }