/**
 * noqueue-admin.css  —  v2
 *
 * Override globale che porta tutte le pagine di amministrazione
 * allo stesso stile delle dashboard (branch-summary / branch-detail).
 *
 * Incluso una sola volta nel layout principale (main.phtml).
 * Strategia: zero modifiche all'HTML/PHP delle singole viste.
 *
 * Palette (identica alla dashboard):
 *   blu primario  #1a4fa0    blu hover    #143d80
 *   blu light bg  #e8f0fe    bordo        #e5e7eb
 *   testo         #1f2937    testo muted  #6b7280
 */

/* ── 0. CSS Variables ───────────────────────────────────────────────── */
:root {
  --nq-blue:      #1a4fa0;
  --nq-blue-hov:  #143d80;
  --nq-blue-bg:   #e8f0fe;
  --nq-blue-mid:  #dbeafe;
  --nq-border:    #e5e7eb;
  --nq-bg:        #f9fafb;
  --nq-text:      #1f2937;
  --nq-muted:     #6b7280;
  --nq-red:       #a32d2d;
  --nq-green:     #166534;
  --nq-r:         10px;
  --nq-rsm:       6px;
  --nq-shadow:    0 1px 3px rgba(0,0,0,.05);
}

/* ── 1. Contenitore principale ──────────────────────────────────────── */
.dro-formbox {
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
  font-size: 15px !important;
  color: var(--nq-text) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 4px 0 32px !important;
}
.dro-formbox *, .dro-formbox *::before, .dro-formbox *::after { box-sizing: border-box; }

/* ── 2. Intestazione pagina ─────────────────────────────────────────── */
.dro-formbox .ui-widget-header,
.dro-formbox .ui-widget-header.ui-corner-all {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid var(--nq-border) !important;
  border-radius: 0 !important;
  padding: 0 0 14px !important;
  margin-bottom: 22px !important;
  box-shadow: none !important;
}
.dro-formbox .ui-widget-header h2,
.dro-formbox .ui-widget-header h3 {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  letter-spacing: -.015em;
}
.dro-formbox-panel-top,
.dro-formbox-panel { padding: 0 !important; background: transparent !important; border: none !important; }

/* ── 3. Barra di ricerca ────────────────────────────────────────────── */
.dro-formbox .dro-search-box,
.dro-formbox fieldset.dro-search-box {
  background: #fff !important;
  border: 1px solid var(--nq-border) !important;
  border-radius: var(--nq-r) !important;
  padding: 12px 16px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  box-shadow: var(--nq-shadow) !important;
}
.dro-formbox .dro-search-box legend { display: none !important; }
.dro-formbox .dro-search-box input[type="text"],
.dro-formbox .dro-search-box input[type="search"],
.dro-formbox .dro-search-box select {
  height: 32px !important;
  padding: 0 10px !important;
  border: 1px solid #d1d5db !important;
  border-radius: var(--nq-rsm) !important;
  font-size: 14px !important;
  color: var(--nq-text) !important;
  background: #f9fafb !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color .15s !important;
}
.dro-formbox .dro-search-box input[type="text"]:focus,
.dro-formbox .dro-search-box select:focus {
  border-color: var(--nq-blue) !important; background: #fff !important;
}
.dro-formbox .dro-search-box input[type="submit"],
.dro-formbox .dro-search-box button {
  height: 32px !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: 1px solid var(--nq-blue) !important;
  border-radius: var(--nq-rsm) !important;
  background: var(--nq-blue) !important;
  color: #fff !important;
  cursor: pointer !important;
  transition: background .15s !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  line-height: 1 !important;
}
.dro-formbox .dro-search-box input[type="submit"]:hover,
.dro-formbox .dro-search-box button:hover {
  background: var(--nq-blue-hov) !important; border-color: var(--nq-blue-hov) !important;
}

/* ── 4. Pulsante "Nuovo …" ──────────────────────────────────────────── */
.dro-formbox p .dro-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 34px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: 1px solid var(--nq-blue) !important;
  border-radius: 7px !important;
  background: var(--nq-blue) !important;
  color: #fff !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background .15s !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
}
.dro-formbox p .dro-btn:hover {
  background: var(--nq-blue-hov) !important; border-color: var(--nq-blue-hov) !important; color: #fff !important;
}
.dro-formbox p .dro-btn .ui-icon {
  background-image: none !important; width: 14px !important; height: 14px !important;
  float: none !important; filter: brightness(10);
}

/* ── 5. Griglia / Tabella ───────────────────────────────────────────── */
.dro-formbox .dro-grid,
.dro-formbox .dro-grid.ui-corner-all,
.dro-formbox .dro-grid.ui-state-default {
  background: #fff !important;
  border: 1px solid var(--nq-border) !important;
  border-radius: var(--nq-r) !important;
  overflow: hidden !important;
  box-shadow: var(--nq-shadow) !important;
  padding: 0 !important;
  margin: 0 !important;
  color: var(--nq-text) !important;
}
.dro-formbox .dro-grid-table { width: 100% !important; border-collapse: collapse !important; font-size: 14px !important; }

/* thead */
.dro-formbox .dro-grid-table thead th,
.dro-formbox .dro-grid-table thead th.ui-state-default {
  background: #f9fafb !important;
  border-bottom: 1px solid var(--nq-border) !important;
  border-top: none !important; border-left: none !important; border-right: none !important;
  color: var(--nq-muted) !important;
  font-size: 15px !important; font-weight: 600 !important;
  text-transform: uppercase !important; letter-spacing: .05em !important;
  padding: 10px 14px !important; text-align: left !important;
  white-space: nowrap !important; border-radius: 0 !important; box-shadow: none !important;
}
.dro-formbox .dro-grid-table thead th a { color: var(--nq-muted) !important; text-decoration: none !important; font-weight: 600 !important; }
.dro-formbox .dro-grid-table thead th a:hover { color: var(--nq-blue) !important; }

/* tfoot */
.dro-formbox .dro-grid-table tfoot tr,
.dro-formbox .dro-grid-table tfoot td {
  background: #f9fafb !important; border-top: 1px solid var(--nq-border) !important;
  padding: 0 !important; height: 4px !important;
}

/* tbody */
.dro-formbox .dro-grid-table tbody tr,
.dro-formbox .dro-grid-table tbody tr.ui-widget-content {
  background: #fff !important; border-bottom: 1px solid #f3f4f6 !important; transition: background .1s !important;
}
.dro-formbox .dro-grid-table tbody tr:last-child { border-bottom: none !important; }
.dro-formbox .dro-grid-table tbody tr.rowOdd  { background: #fff !important; }
.dro-formbox .dro-grid-table tbody tr.rowEven { background: #fafafa !important; }
.dro-formbox .dro-grid-table tbody tr:hover,
.dro-formbox .dro-grid-table tbody tr.rowOdd:hover,
.dro-formbox .dro-grid-table tbody tr.rowEven:hover { background: #f0f5ff !important; }
.dro-formbox .dro-grid-table tbody td {
  padding: 9px 14px !important; color: #374151 !important; border: none !important; vertical-align: middle !important;
}
.dro-formbox .dro-grid-table td.act {
  width: 32px !important; padding: 6px 8px !important; text-align: center !important; white-space: nowrap !important;
}
.dro-formbox td.act a {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: 26px !important; height: 26px !important;
  border: 1px solid var(--nq-border) !important; border-radius: var(--nq-rsm) !important;
  background: #fff !important; text-decoration: none !important;
  transition: background .15s, border-color .15s !important; cursor: pointer !important;
}
.dro-formbox td.act a:hover { background: var(--nq-blue-bg) !important; border-color: #bfdbfe !important; }
.dro-formbox td.act .ui-icon { margin: auto !important; float: none !important; }

/* ── 6. Banner info/highlight ───────────────────────────────────────── */
.dro-formbox .ui-state-highlight,
.dro-formbox p.ui-state-highlight {
  background: #eff6ff !important; border: 1px solid #bfdbfe !important;
  border-radius: 7px !important; color: #1e40af !important;
  font-size: 14px !important; padding: 10px 16px !important; margin: 10px 0 !important; box-shadow: none !important;
}

/* ── 7. Menu form (tab Modifica / Lingue) ───────────────────────────── */
.dro-formbox .dro-form-menu,
.dro-formbox ul.dro-form-menu {
  display: flex !important; gap: 3px !important;
  border-bottom: 2px solid var(--nq-border) !important;
  padding: 0 !important; margin: 0 !important; list-style: none !important;
}
.dro-formbox .dro-form-menu li { margin: 0 !important; padding: 0 !important; }
.dro-formbox .dro-form-menu a,
.dro-formbox .dro-form-menu .dro-btn {
  display: inline-flex !important; align-items: center !important;
  height: 36px !important; padding: 0 16px !important;
  font-size: 14px !important; font-weight: 600 !important;
  border: 1px solid var(--nq-border) !important; border-bottom: none !important;
  border-radius: 7px 7px 0 0 !important;
  background: #f3f4f6 !important; color: var(--nq-muted) !important;
  text-decoration: none !important; position: relative !important; top: 2px !important; transition: background .12s !important;
}
.dro-formbox .dro-form-menu a.active,
.dro-formbox .dro-form-menu a:hover { background: #fff !important; color: var(--nq-blue) !important; }

.dro-formbox .dro-formbox-tabbed-panel,
.dro-formbox .dro-formbox-tabbed-panel.ui-widget-content.ui-corner-all {
  background: #fff !important;
  border: 1px solid var(--nq-border) !important; border-top: none !important;
  border-radius: 0 0 var(--nq-r) var(--nq-r) !important;
  padding: 22px 20px !important; box-shadow: var(--nq-shadow) !important;
}

/* ── 8. jQuery UI Tabs ──────────────────────────────────────────────── */
.dro-formbox .ui-tabs { border: none !important; background: transparent !important; padding: 0 !important; }
.dro-formbox .ui-tabs .ui-tabs-nav {
  background: transparent !important; border: none !important;
  border-bottom: 2px solid var(--nq-border) !important; padding: 0 !important; margin: 0 !important;
}
.dro-formbox .ui-tabs .ui-tabs-nav li {
  background: #f3f4f6 !important; border: 1px solid var(--nq-border) !important;
  border-bottom: none !important; border-radius: 7px 7px 0 0 !important;
  margin: 0 3px 0 0 !important; top: 2px !important; position: relative !important;
}
.dro-formbox .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.dro-formbox .ui-tabs .ui-tabs-nav li.ui-state-active { background: #fff !important; border-bottom-color: #fff !important; }
.dro-formbox .ui-tabs .ui-tabs-nav li a { font-size: 14px !important; font-weight: 600 !important; color: var(--nq-muted) !important; padding: 8px 14px !important; }
.dro-formbox .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.dro-formbox .ui-tabs .ui-tabs-nav li.ui-state-active a { color: var(--nq-blue) !important; }
.dro-formbox .ui-tabs .ui-tabs-panel {
  background: #fff !important; border: 1px solid var(--nq-border) !important;
  border-top: none !important; border-radius: 0 0 var(--nq-rsm) var(--nq-rsm) !important; padding: 18px !important;
}

/* ── 9. jQuery UI Accordion ─────────────────────────────────────────── */
.dro-formbox .ui-accordion { border: none !important; background: transparent !important; }
.dro-formbox .ui-accordion .ui-accordion-header {
  background: #f3f4f6 !important; border: 1px solid var(--nq-border) !important;
  border-radius: var(--nq-rsm) !important; color: var(--nq-text) !important;
  font-size: 15px !important; font-weight: 600 !important;
  padding: 10px 14px !important; margin: 6px 0 0 !important; cursor: pointer !important;
  box-shadow: none !important; transition: background .12s !important;
}
.dro-formbox .ui-accordion .ui-accordion-header:hover,
.dro-formbox .ui-accordion .ui-accordion-header.ui-state-active {
  background: var(--nq-blue-bg) !important; color: var(--nq-blue) !important; border-color: #bfdbfe !important;
}
.dro-formbox .ui-accordion .ui-accordion-content {
  background: #fff !important; border: 1px solid var(--nq-border) !important;
  border-top: none !important; border-radius: 0 0 var(--nq-rsm) var(--nq-rsm) !important;
  padding: 16px !important; box-shadow: none !important;
}

/* ── 10. Form Zend (dl/dt/dd, input, select) ────────────────────────── */

/*
 * admin.css imposta .dro-formbox dl { float:left; width:350px }
 * che causa sovrapposizioni. Override completo qui.
 */
.dro-formbox dl,
.dro-formbox form dl {
  float: none !important;
  width: auto !important;
  max-width: 560px !important;
  margin: 0 0 18px !important;
  clear: both !important;
}

/* Clearfix per eventuali float residui dentro il form */
.dro-formbox form::after,
.dro-formbox fieldset::after {
  content: '' !important;
  display: table !important;
  clear: both !important;
}

.dro-formbox form dt,
.dro-formbox dt {
  float: none !important;
  width: auto !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--nq-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
}
.dro-formbox form dd,
.dro-formbox dd {
  float: none !important;
  width: auto !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
}

/* Campi testo, select, textarea */
.dro-formbox form input[type="text"],
.dro-formbox form input[type="number"],
.dro-formbox form input[type="email"],
.dro-formbox form input[type="password"],
.dro-formbox form input[type="url"],
.dro-formbox form textarea,
.dro-formbox form select {
  display: block !important;
  width: 100% !important;
  max-width: 520px !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: var(--nq-rsm) !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
  font-family: inherit !important;
  color: var(--nq-text) !important;
  background: #fff !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  transition: border-color .15s, box-shadow .15s !important;
}
.dro-formbox form textarea {
  min-height: 90px !important;
  resize: vertical !important;
}
.dro-formbox form input:focus,
.dro-formbox form textarea:focus,
.dro-formbox form select:focus {
  border-color: var(--nq-blue) !important;
  box-shadow: 0 0 0 3px rgba(26,79,160,.1) !important;
  background: #fff !important;
}
.dro-formbox form input[readonly],
.dro-formbox form input[disabled] {
  background: #f3f4f6 !important;
  color: var(--nq-muted) !important;
  cursor: not-allowed !important;
  border-color: #e5e7eb !important;
}

/* Checkbox e radio: rimangono inline */
.dro-formbox form input[type="checkbox"],
.dro-formbox form input[type="radio"] {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  accent-color: var(--nq-blue) !important;
  width: 15px !important;
  height: 15px !important;
  cursor: pointer !important;
  vertical-align: middle !important;
}

/* Submit */
.dro-formbox form input[type="submit"],
.dro-formbox form button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: none !important;
  height: 38px !important;
  padding: 0 24px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border: 1px solid var(--nq-blue) !important;
  border-radius: 8px !important;
  background: var(--nq-blue) !important;
  color: #fff !important;
  cursor: pointer !important;
  transition: background .15s !important;
  -webkit-appearance: none !important;
  margin-top: 8px !important;
}
.dro-formbox form input[type="submit"]:hover,
.dro-formbox form button[type="submit"]:hover {
  background: var(--nq-blue-hov) !important;
  border-color: var(--nq-blue-hov) !important;
}

/* Messaggi di errore per campo */
.dro-formbox form .errors {
  list-style: none !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
}
.dro-formbox form .errors li {
  font-size: 12px !important;
  color: #b91c1c !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Gruppi di radio/checkbox (multiOptions) */
.dro-formbox form dd label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--nq-text) !important;
  cursor: pointer !important;
  margin-right: 14px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Fieldset interni (gruppi di campi) */
.dro-formbox form fieldset:not(.dro-search-box):not(.scheduler) {
  border: 1px solid var(--nq-border) !important;
  border-radius: 8px !important;
  padding: 16px 18px !important;
  margin: 0 0 18px !important;
  background: #fafafa !important;
  max-width: 580px !important;
  box-sizing: border-box !important;
}
.dro-formbox form fieldset:not(.dro-search-box):not(.scheduler) legend {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--nq-blue) !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  padding: 0 6px !important;
}
/* dl dentro fieldset: reset max-width */
.dro-formbox form fieldset dl {
  max-width: 100% !important;
}

/* ── 11. Bottoni jQuery UI ──────────────────────────────────────────── */
.dro-formbox .ui-button {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  gap: 6px !important; height: 34px !important; padding: 0 16px !important;
  font-size: 14px !important; font-weight: 600 !important; border-radius: 7px !important;
  cursor: pointer !important; transition: background .15s, border-color .15s !important;
  box-shadow: none !important; -webkit-appearance: none !important;
}
.dro-formbox .ui-button.ui-state-default {
  background: var(--nq-blue) !important; border: 1px solid var(--nq-blue) !important; color: #fff !important;
}
.dro-formbox .ui-button.ui-state-default:hover { background: var(--nq-blue-hov) !important; border-color: var(--nq-blue-hov) !important; }
.dro-formbox .ui-button.ui-priority-secondary {
  background: #fff !important; border: 1px solid #d1d5db !important; color: #374151 !important;
}
.dro-formbox .ui-button.ui-priority-secondary:hover { background: #f3f4f6 !important; }
.dro-formbox .ui-button .ui-icon { width: 14px !important; height: 14px !important; float: none !important; margin: 0 !important; }

/* ── 12. Messaggi di errore ─────────────────────────────────────────── */
.dro-formbox .errors li,
.dro-formbox .ui-state-error {
  background: #fef2f2 !important; border: 1px solid #fca5a5 !important;
  border-radius: 7px !important; color: #7f1d1d !important;
  font-size: 14px !important; padding: 8px 14px !important; margin: 6px 0 !important; list-style: none !important;
}

/* ── 13. System page (fuori da dro-formbox) ─────────────────────────── */
dl.ui-system {
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
  background: #fff !important; border: 1px solid var(--nq-border) !important;
  border-radius: var(--nq-r) !important; padding: 12px 16px !important; margin: 0 0 10px !important;
  display: flex !important; gap: 12px !important; align-items: center !important; box-shadow: var(--nq-shadow) !important;
}
dl.ui-system dt {
  font-size: 15px !important; font-weight: 600 !important; color: var(--nq-muted) !important;
  text-transform: uppercase !important; letter-spacing: .04em !important; min-width: 130px !important;
}
dl.ui-system dd { font-size: 15px !important; font-weight: 600 !important; color: var(--nq-text) !important; margin: 0 !important; }
dl.ui-system.disk-usage dd div {
  height: 8px !important; border-radius: 4px !important; background: var(--nq-blue) !important; min-width: 4px !important;
}
.abuttons-box {
  display: flex !important; gap: 8px !important; justify-content: flex-end !important;
  margin-bottom: 16px !important; font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
}
.dro-abutton {
  display: inline-flex !important; align-items: center !important;
  height: 34px !important; padding: 0 16px !important;
  font-size: 14px !important; font-weight: 600 !important;
  border-radius: 7px !important; border: 1px solid #d1d5db !important;
  background: #fff !important; color: #374151 !important;
  text-decoration: none !important; cursor: pointer !important; transition: background .15s !important; float: none !important;
}
.dro-abutton-poweroff { border-color: #fca5a5 !important; color: var(--nq-red) !important; }
.dro-abutton-poweroff:hover { background: #fef2f2 !important; }
.dro-abutton-reboot  { border-color: #bfdbfe !important; color: var(--nq-blue) !important; }
.dro-abutton-reboot:hover  { background: var(--nq-blue-bg) !important; }
.dro-abutton-reset   { border-color: #fed7aa !important; color: #92400e !important; }
.dro-abutton-reset:hover   { background: #fffbeb !important; }
#content > h2 {
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
  font-size: 20px !important; font-weight: 700 !important; color: #111827 !important;
  border-bottom: 2px solid var(--nq-border) !important;
  padding-bottom: 12px !important; margin: 20px 0 16px !important;
}

/* ── 14. Kiosk edit — sortable list ─────────────────────────────────── */
#kiosk-queues-cnt {
  background: #fff !important; border: 1px solid var(--nq-border) !important;
  border-radius: var(--nq-r) !important; padding: 12px !important; box-shadow: var(--nq-shadow) !important;
  width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;
}
#queues-sort-cnt {
  list-style: none !important; margin: 8px 0 !important; padding: 0 !important;
  display: flex !important; flex-direction: column !important; gap: 4px !important;
}
#queues-sort-cnt > li,
#queues-sort-cnt label {
  display: flex !important; align-items: center !important; gap: 8px !important;
  padding: 8px 12px !important; border: 1px solid var(--nq-border) !important;
  border-radius: 7px !important; background: #fff !important; font-size: 15px !important;
  cursor: grab !important; transition: background .12s !important; min-height: unset !important;
}
#queues-sort-cnt > li:hover,
#queues-sort-cnt label:hover { background: #f0f5ff !important; border-color: #bfdbfe !important; }
.ui-sortable-placeholder {
  border: 2px dashed #bfdbfe !important; background: #eff6ff !important;
  border-radius: 7px !important; visibility: visible !important; height: 38px !important;
}

/* ── 20. Responsive grid ─────────────────────────────────────────────── */
@media (max-width: 768px) {
  .dro-formbox .dro-grid { overflow-x: auto !important; }
  .dro-formbox .dro-grid-table { min-width: 480px !important; }
  .dro-formbox .dro-search-box { flex-direction: column !important; align-items: flex-start !important; }
  .dro-formbox form input[type="text"],
  .dro-formbox form select,
  .dro-formbox form textarea { max-width: 100% !important; }
}

/* ── 16. Icone azione (pencil / trash / clipboard) ──────────────────
   hrefAction genera <a class="ui-icon ui-icon-pencil">
   Lo sprite jQuery UI non viene caricato → rimpiazzo con SVG inline.
   ─────────────────────────────────────────────────────────────────── */

/* Reset sprite jQuery UI su tutti gli ui-icon nelle celle azione */
.dro-formbox td.act a.ui-icon,
.dro-formbox td.act a[class*="ui-icon"] {
  background-image: none !important;
  text-indent: 0 !important;
  overflow: visible !important;
  font-size: 0 !important;          /* nasconde il testo label */
  color: transparent !important;
}

/* Icona base: SVG via ::before */
.dro-formbox td.act a.ui-icon::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}

/* Matita — modifica */
.dro-formbox td.act a.ui-icon-pencil::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 2l3 3-8 8H3v-3l8-8z'/%3E%3C/svg%3E");
}
.dro-formbox td.act a.ui-icon-pencil:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231a4fa0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 2l3 3-8 8H3v-3l8-8z'/%3E%3C/svg%3E");
}

/* Cestino — elimina */
.dro-formbox td.act a.ui-icon-trash::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4h12M6 4V2h4v2M5 4v9a1 1 0 001 1h4a1 1 0 001-1V4'/%3E%3Cline x1='7' y1='7' x2='7' y2='11'/%3E%3Cline x1='9' y1='7' x2='9' y2='11'/%3E%3C/svg%3E");
}
.dro-formbox td.act a.ui-icon-trash:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23a32d2d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4h12M6 4V2h4v2M5 4v9a1 1 0 001 1h4a1 1 0 001-1V4'/%3E%3Cline x1='7' y1='7' x2='7' y2='11'/%3E%3Cline x1='9' y1='7' x2='9' y2='11'/%3E%3C/svg%3E");
}

/* Appunti — vai ai servizi */
.dro-formbox td.act a.ui-icon-clipboard::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='9' height='11' rx='1'/%3E%3Cpath d='M6 3V2h4v1'/%3E%3Cline x1='7' y1='7' x2='11' y2='7'/%3E%3Cline x1='7' y1='10' x2='11' y2='10'/%3E%3C/svg%3E");
}
.dro-formbox td.act a.ui-icon-clipboard:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231a4fa0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='9' height='11' rx='1'/%3E%3Cpath d='M6 3V2h4v1'/%3E%3Cline x1='7' y1='7' x2='11' y2='7'/%3E%3Cline x1='7' y1='10' x2='11' y2='10'/%3E%3C/svg%3E");
}

/* Alert / avviso */
.dro-formbox td.act a.ui-icon-alert::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23b45309' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2L1 14h14L8 2z'/%3E%3Cline x1='8' y1='7' x2='8' y2='10'/%3E%3Ccircle cx='8' cy='12.5' r='.5' fill='%23b45309'/%3E%3C/svg%3E");
}

/* Frecce carat (reset ricerca, ecc.) */
.dro-formbox .dro-search-box button[dro\\:icon*="carat"]::before,
button[dro\\:icon*="carat"]::before {
  content: '↺';
  font-size: 14px;
  color: var(--nq-muted);
}

/* ── 17. Fix scheduler (modifica filiale→servizio) ──────────────────
   .scheduler dl { float:left } causa colonne sovrapposte.
   Override con grid a 5 colonne per i giorni della settimana.
   ─────────────────────────────────────────────────────────────────── */
.dro-formbox fieldset.scheduler,
fieldset.scheduler {
  border: 1px solid var(--nq-border) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  margin: 0 0 10px !important;
  background: #fff !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.dro-formbox fieldset.scheduler legend,
fieldset.scheduler legend {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--nq-blue) !important;
  padding: 0 6px !important;
  text-transform: capitalize !important;
}

/* Le 5 dl (Attivo, Aperto, Chiuso, Inizio Pausa, Fine Pausa) in riga */
.dro-formbox fieldset.scheduler dl,
fieldset.scheduler dl {
  float: none !important;
  display: inline-flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  width: auto !important;
  margin: 0 16px 0 0 !important;
  vertical-align: top !important;
}
.dro-formbox fieldset.scheduler dt,
fieldset.scheduler dt {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--nq-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
.dro-formbox fieldset.scheduler dd,
fieldset.scheduler dd {
  margin: 0 !important;
}
.dro-formbox fieldset.scheduler input[type="text"],
.dro-formbox fieldset.scheduler input[type="time"],
fieldset.scheduler input[type="text"],
fieldset.scheduler input[type="time"] {
  width: 72px !important;
  height: 30px !important;
  padding: 0 6px !important;
  font-size: 14px !important;
  border: 1px solid #d1d5db !important;
  border-radius: var(--nq-rsm) !important;
  text-align: center !important;
}
.dro-formbox fieldset.scheduler input[type="checkbox"],
fieldset.scheduler input[type="checkbox"] {
  margin-top: 6px !important;
}

/* Wrap fieldset in riga orizzontale */
.dro-formbox dl[id$="-group"],
dl[id$="-group"] {
  float: none !important;
  clear: none !important;
  display: inline-block !important;
  margin: 0 !important;
}

/* ── 18. Widget gerarchia in queues/edit — fix overflow ─────────────
   Il widget #qhw-wrap veniva inserito a destra del form e tagliato.
   Forziamo larghezza piena e posizionamento in flow.
   ─────────────────────────────────────────────────────────────────── */
#qhw-wrap {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  clear: both !important;
}

/* ── 19. Drag-handle icona ↕ nella lista kiosk ──────────────────────
   .ui-icon-arrowthick-2-n-s viene iniettato dal JS come span.
   Rimpiazzato con ↕ testuale.
   ─────────────────────────────────────────────────────────────────── */
#queues-sort-cnt label span.ui-icon-arrowthick-2-n-s,
#queues-sort-cnt .ui-icon-arrowthick-2-n-s {
  background-image: none !important;
  text-indent: 0 !important;
  width: 16px !important;
  height: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--nq-muted) !important;
  font-size: 14px !important;
  flex-shrink: 0 !important;
  opacity: .5;
}
#queues-sort-cnt label span.ui-icon-arrowthick-2-n-s::before,
#queues-sort-cnt .ui-icon-arrowthick-2-n-s::before {
  content: '⠿';
  font-size: 13px;
  color: var(--nq-muted);
  line-height: 1;
}

/* ── 21. jQuery UI Dialog ────────────────────────────────────────────── */
.ui-dialog {
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.15), 0 4px 16px rgba(0,0,0,.08) !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
}
.ui-dialog .ui-dialog-titlebar {
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  padding: 18px 24px 14px !important;
  border-radius: 0 !important;
}
.ui-dialog .ui-dialog-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111827 !important;
}
.ui-dialog .ui-dialog-titlebar-close {
  display: none !important;
}
.ui-dialog .ui-dialog-content {
  padding: 20px 24px !important;
  font-size: 14px !important;
  color: #374151 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}
/* Icona check/info/warning dentro la dialog */
.ui-dialog .ui-dialog-content .ui-icon {
  flex-shrink: 0 !important;
  width: 36px !important; height: 36px !important;
  border-radius: 50% !important;
  background-color: #dcfce7 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23166534' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 10l4 4 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px !important;
  text-indent: -9999px !important;
}
.ui-dialog .ui-dialog-buttonpane {
  border: none !important;
  border-top: none !important;
  background: transparent !important;
  padding: 12px 24px 16px !important;
  display: flex !important;
  justify-content: flex-end !important;
}
.ui-dialog .ui-dialog-buttonpane button,
.ui-dialog .ui-dialog-buttonset button {
  height: 38px !important;
  padding: 0 28px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 999px !important;
  background: #1a4fa0 !important;
  color: #fff !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(15,82,146,.3) !important;
  transition: opacity .15s !important;
  letter-spacing: .02em !important;
}
.ui-dialog .ui-dialog-buttonpane button:hover,
.ui-dialog .ui-dialog-buttonset button:hover { opacity: .88 !important; }
/* Overlay sfondo */
.ui-widget-overlay {
  background: rgba(15,23,42,.4) !important;
  opacity: 1 !important;
}