/* Aggiunte comuni alle app Archade sopra theme.css e auth.css: pillola del Consulente, lista d'attesa,
   barra su telefono. Le stesse in Media Manager e Metrics. */

/* ---------- Consulente: pillola fissa in basso a destra ---------- */
body.laser > .advisor-pill, .advisor-pill {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 30;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 8px 18px 8px 16px;
	border: 2px solid var(--w);
	border-radius: 999px;
	background: var(--glass, var(--qn));
	-webkit-backdrop-filter: var(--glass-blur, none);
	backdrop-filter: var(--glass-blur, none);
	color: var(--w);
	font-family: var(--font);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	box-shadow: var(--glass-edge, 0 0 0 transparent), var(--backlight-s, var(--glow));
}
.advisor-pill:hover, .advisor-pill:focus-visible { background: var(--o); color: var(--w); }
.advisor-pill .t { display: inline-block; transition: transform .18s ease; }
.advisor-pill:hover .t, .advisor-pill:focus-visible .t { transform: scale(1.07); }
.advisor-pill .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--o); box-shadow: 0 0 10px var(--o); }
.advisor-pill:hover .dot { background: var(--w); box-shadow: 0 0 10px var(--w); }
/* Pillola dentro la pillola: sempre l'opposto del fondo */
.advisor-pill .n { min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px; background: var(--o); color: var(--w); font-size: 12px; display: inline-flex; align-items: center; justify-content: center; }
.advisor-pill:hover .n { background: var(--w); color: #000; }
body.laser main { padding-bottom: 96px; }
@media (max-width: 480px) { .advisor-pill { right: 12px; bottom: 12px; } }
@media (prefers-reduced-motion: reduce) { .advisor-pill .t { transition: none; } }

/* ---------- Lista d'attesa ---------- */
.hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.field { border: 0; padding: 0; margin: 0; display: grid; gap: 10px; min-width: 0; }
.field legend { font-size: 14px; font-weight: 500; color: var(--w, #fff); padding: 0; margin-bottom: 10px; }
.checks { display: flex; flex-wrap: wrap; gap: 8px; }
.checks label { display: inline-flex !important; align-items: center; gap: 8px !important; border: 1.5px solid rgba(255, 255, 255, .4); border-radius: 999px; padding: 8px 14px; font-size: 14px; font-weight: 500; cursor: pointer; }
.checks input { width: 16px !important; height: 16px !important; min-height: 0 !important; padding: 0 !important; accent-color: #F64511; }
.checks label:has(input:checked) { border-color: #fff; background: #F64511; }
.gate .form textarea { font: inherit; font-size: 16px; color: #fff; background: #000; border: 2px solid rgba(255, 255, 255, .5); border-radius: 24px; padding: 12px 20px; min-height: 90px; width: 100%; resize: vertical; }
.gate .form textarea:focus { outline: none; border-color: #F64511; }
.actions { display: flex; flex-wrap: wrap; gap: 8px; }
table.list td .muted { display: block; }

/* ---------- Barra e tabelle su telefono ---------- */
@media (max-width: 700px) {
	.topbar .in { flex-wrap: wrap; }
	.nav { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; width: 100%; padding-bottom: 2px; }
	.nav::-webkit-scrollbar { display: none; }
	.nav a, .nav form { flex: none; }
	table.list { display: block; overflow-x: auto; }
	.form .row input, .form .row select { min-width: 0; }
}