/* Registro Interventi: stili delle parti su misura (timer, riepiloghi). Usa i colori del tema Filament. */
.ri-num { font-variant-numeric: tabular-nums; }
.ri-barra { display: flex; align-items: center; gap: .5rem; padding: .35rem .75rem; border-radius: .5rem; font-size: .875rem;
  font-weight: 600; color: var(--primary-700); background: var(--primary-50); border: 1px solid var(--primary-200); white-space: nowrap; }
.dark .ri-barra { color: var(--primary-300); background: color-mix(in oklab, var(--primary-500) 15%, transparent); border-color: var(--primary-800); }
.ri-barra-cliente { max-width: 12rem; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 640px) { .ri-barra-cliente { display: none; } }
.ri-punto { width: .6rem; height: .6rem; border-radius: 9999px; background: var(--primary-500); animation: ri-pulsa 1.6s ease-in-out infinite; flex: none; }
@keyframes ri-pulsa { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }

.ri-timer { display: grid; gap: 1rem; }
.ri-campi { display: grid; gap: .75rem; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
.ri-campo { display: grid; gap: .3rem; font-size: .875rem; }
.ri-campo > span { font-weight: 500; color: var(--gray-700); }
.dark .ri-campo > span { color: var(--gray-300); }
.ri-campo select, .ri-campo input[type=text] { width: 100%; border-radius: .5rem; border: 1px solid var(--gray-300); background: #fff;
  padding: .55rem .7rem; font-size: .95rem; color: var(--gray-950); }
.dark .ri-campo select, .dark .ri-campo input[type=text] { background: var(--gray-900); border-color: var(--gray-700); color: #fff; }
.ri-campo select:focus, .ri-campo input:focus { outline: 2px solid var(--primary-500); outline-offset: -1px; border-color: transparent; }
.ri-errore { color: var(--danger-600); font-size: .8rem; }
.ri-azioni { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.ri-check { display: inline-flex; align-items: center; gap: .4rem; font-size: .875rem; }

.ri-acceso { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem;
  border-radius: .75rem; background: var(--primary-50); border: 1px solid var(--primary-200); }
.dark .ri-acceso { background: color-mix(in oklab, var(--primary-500) 12%, transparent); border-color: var(--primary-800); }
.ri-orologio { font-size: 2.25rem; line-height: 1; font-weight: 700; color: var(--primary-700); font-variant-numeric: tabular-nums; }
.dark .ri-orologio { color: var(--primary-300); }
.ri-acceso-info { display: grid; gap: .15rem; min-width: 12rem; flex: 1; }
.ri-acceso-info strong { font-size: 1.05rem; }
.ri-tenue { color: var(--gray-500); font-size: .85rem; }
.ri-avviso { color: var(--warning-700); font-size: .85rem; font-weight: 500; }

.ri-recenti { display: flex; flex-wrap: wrap; gap: .5rem; }
.ri-chip { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .7rem; border-radius: 9999px; font-size: .8rem;
  border: 1px solid var(--gray-300); background: #fff; color: var(--gray-800); cursor: pointer; }
.ri-chip:hover { border-color: var(--primary-500); color: var(--primary-700); }
.dark .ri-chip { background: var(--gray-900); border-color: var(--gray-700); color: var(--gray-200); }

.ri-tabella { width: 100%; border-collapse: collapse; font-size: .875rem; }
.ri-tabella th { text-align: left; font-weight: 600; color: var(--gray-600); padding: .5rem .6rem; border-bottom: 1px solid var(--gray-200); }
.ri-tabella td { padding: .5rem .6rem; border-bottom: 1px solid var(--gray-100); vertical-align: top; }
.dark .ri-tabella th { color: var(--gray-400); border-color: var(--gray-700); }
.dark .ri-tabella td { border-color: var(--gray-800); }
.ri-tabella .ri-dx { text-align: right; white-space: nowrap; }
.ri-tabella tfoot td { font-weight: 700; border-top: 2px solid var(--gray-300); border-bottom: 0; }
.ri-scroll { overflow-x: auto; }
.ri-barra-pacchetto { height: .45rem; border-radius: 9999px; background: var(--gray-200); overflow: hidden; min-width: 6rem; }
.dark .ri-barra-pacchetto { background: var(--gray-700); }
.ri-barra-pacchetto > div { height: 100%; background: var(--success-500); }
.ri-barra-pacchetto.ri-basso > div { background: var(--warning-500); }
.ri-barra-pacchetto.ri-finito > div { background: var(--danger-500); }
.ri-campo input[type=date] { width: 100%; border-radius: .5rem; border: 1px solid var(--gray-300); background: #fff; padding: .5rem .7rem; font-size: .95rem; color: var(--gray-950); }
.dark .ri-campo input[type=date] { background: var(--gray-900); border-color: var(--gray-700); color: #fff; color-scheme: dark; }
.ri-area { width: 100%; border-radius: .5rem; border: 1px solid var(--gray-300); background: #fff; padding: .55rem .7rem; font-size: .95rem; color: var(--gray-950); }
.dark .ri-area { background: var(--gray-900); border-color: var(--gray-700); color: #fff; }
.ri-elenco { display: grid; gap: .5rem; padding-left: 1.25rem; font-size: .9rem; }
ol.ri-elenco { list-style: decimal; }
ul.ri-elenco { list-style: disc; }