/* ── OdMaLog — stili custom (supplemento a DaisyUI + Tailwind) ── */

/* Visibilità app */
.app { display: none; flex-direction: column; height: 100vh; overflow: hidden; }
.app.on { display: flex; }

/* Topbar loader */
.topbar-loader {
  height: 3px; flex-shrink: 0; overflow: hidden; position: relative;
  opacity: 0; transition: opacity .2s;
}
.topbar-loader.active { opacity: 1; }
.topbar-loader::after {
  content: ''; position: absolute; top: 0; left: 0;
  height: 100%; width: 40%;
  background: oklch(var(--p));
  border-radius: 0 2px 2px 0;
  animation: loader-slide 1.1s ease-in-out infinite;
}
@keyframes loader-slide { 0% { left: -40%; } 100% { left: 140%; } }

/* Error banner show state */
.err-show { display: flex !important; }

/* Scrollbar sottile */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: oklch(var(--b3)); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: oklch(var(--bc) / .3); }

/* Persona selezionata nella lista */
.p-item-active {
  background: oklch(var(--p) / .1);
  color: oklch(var(--p));
}
.p-item-active .p-sub { color: oklch(var(--p) / .6) !important; }