/* Signal: tema scuro di DataTables 2, select2 e flatpickr. Da includere dopo i CSS dei plugin. */

/* ---------- DataTables 2 (integrazione Bootstrap 5) ---------- */
[data-layout="signal"]{
  --dt-row-selected:200,255,61; --dt-row-selected-text:13,14,11; --dt-row-selected-link:13,14,11;
  --dt-row-stripe:237,237,228; --dt-row-hover:200,255,61; --dt-column-ordering:237,237,228;
  --dt-html-background:#0D0E0B;
}
[data-layout="signal"] div.dt-container{font-size:13.5px;color:#EDEDE4}
/* le righe di layout sono .row di Bootstrap: con i margini negativi del gutter sporgevano di 12px e i
   contenitori con overflow-x:auto mostravano una barra orizzontale */
[data-layout="signal"] div.dt-container > .row{--bs-gutter-x:0}
[data-layout="signal"] div.dt-container :is(.dt-info,.dt-length label,.dt-search label){color:#8D8D80;font-size:12px}
[data-layout="signal"] div.dt-container .dt-search input{margin-left:8px}
[data-layout="signal"] div.dt-container .dt-buttons .btn{--bs-btn-padding-y:.35rem;--bs-btn-font-size:11.5px}
[data-layout="signal"] table.dataTable thead > tr > th{white-space:nowrap}
[data-layout="signal"] table.dataTable thead > tr > th:is(.dt-ordering-asc,.dt-ordering-desc){color:#C8FF3D}
[data-layout="signal"] table.dataTable > tbody > tr.selected > *{box-shadow:inset 0 0 0 9999px rgba(200,255,61,.85);color:#0D0E0B}
[data-layout="signal"] table.dataTable.dtr-inline.collapsed > tbody > tr > :is(td,th).dtr-control:before{border-left-color:#C8FF3D}
[data-layout="signal"] table.dataTable > tbody > tr.child ul.dtr-details > li{border-bottom-color:rgba(237,237,228,.13)}
[data-layout="signal"] div.dt-processing > div:last-child > div{background:#C8FF3D}

/* ---------- select2 ---------- */
[data-layout="signal"] .select2-container--default .select2-selection--single,
[data-layout="signal"] .select2-container--default .select2-selection--multiple{background:#13140F;border:1px solid rgba(237,237,228,.13);border-radius:0;min-height:35px}
[data-layout="signal"] .select2-container--default .select2-selection--single .select2-selection__rendered{color:#EDEDE4;line-height:33px;font-family:var(--f-mono);font-size:14px;padding-left:12px}
[data-layout="signal"] .select2-container--default .select2-selection--single .select2-selection__arrow{height:33px}
[data-layout="signal"] .select2-container--default .select2-selection--single .select2-selection__arrow b{border-top-color:#C8FF3D}
[data-layout="signal"] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-bottom-color:#C8FF3D}
[data-layout="signal"] .select2-container--default.select2-container--focus .select2-selection--multiple,
[data-layout="signal"] .select2-container--open .select2-selection{border-color:#C8FF3D !important}
[data-layout="signal"] .select2-dropdown{background:#13140F;border-color:rgba(237,237,228,.13);border-radius:0;color:#EDEDE4}
[data-layout="signal"] .select2-container--default .select2-search--dropdown .select2-search__field{background:#0D0E0B;border:1px solid rgba(237,237,228,.13);color:#EDEDE4;border-radius:0;font-family:var(--f-mono)}
[data-layout="signal"] .select2-results__option{font-family:var(--f-mono);font-size:13.5px}
[data-layout="signal"] .select2-container--default .select2-results__option--selected{background:rgba(237,237,228,.08)}
[data-layout="signal"] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:#C8FF3D;color:#0D0E0B}
[data-layout="signal"] .select2-container--default .select2-selection--multiple .select2-selection__choice{background:transparent;border:1px solid rgba(200,255,61,.45);border-radius:2px;color:#EDEDE4}

/* ---------- flatpickr ---------- */
[data-layout="signal"] .flatpickr-calendar{background:#13140F;border:1px solid rgba(237,237,228,.13);border-radius:0;box-shadow:0 30px 60px -30px #000;font-family:var(--f-mono)}
[data-layout="signal"] .flatpickr-calendar.arrowTop:before,[data-layout="signal"] .flatpickr-calendar.arrowTop:after{border-bottom-color:#13140F}
[data-layout="signal"] .flatpickr-calendar.arrowBottom:before,[data-layout="signal"] .flatpickr-calendar.arrowBottom:after{border-top-color:#13140F}
[data-layout="signal"] :is(.flatpickr-months .flatpickr-month,.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month){color:#EDEDE4;fill:#EDEDE4}
[data-layout="signal"] .flatpickr-months :is(.flatpickr-prev-month,.flatpickr-next-month):hover svg{fill:#C8FF3D}
[data-layout="signal"] .flatpickr-current-month .flatpickr-monthDropdown-months{background:#13140F;color:#EDEDE4}
[data-layout="signal"] span.flatpickr-weekday{background:transparent;color:#8D8D80;font-size:11px}
[data-layout="signal"] .flatpickr-day{color:#EDEDE4;border-radius:0}
[data-layout="signal"] .flatpickr-day:hover,[data-layout="signal"] .flatpickr-day:focus{background:rgba(237,237,228,.08);border-color:transparent}
[data-layout="signal"] .flatpickr-day.today{border-color:rgba(200,255,61,.45)}
[data-layout="signal"] :is(.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange){background:#C8FF3D;border-color:#C8FF3D;color:#0D0E0B}
[data-layout="signal"] .flatpickr-day.inRange{background:rgba(200,255,61,.14);border-color:transparent;box-shadow:-5px 0 0 rgba(200,255,61,.14),5px 0 0 rgba(200,255,61,.14)}
[data-layout="signal"] :is(.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.flatpickr-disabled){color:#5E5E55}

/* ---------- tabelle su schermi stretti: intestazioni e celle vanno a capo invece di allargare la tabella ---------- */
@media (max-width:700px){
  [data-layout="signal"] table.dataTable{font-size:12.5px}
  [data-layout="signal"] table.dataTable > :is(thead,tbody) > tr > :is(th,td){padding:8px 6px}
  [data-layout="signal"] table.dataTable thead > tr > th{white-space:normal;letter-spacing:.04em}
  [data-layout="signal"] table.dataTable > tbody > tr > td{word-break:break-word}
  [data-layout="signal"] table.dataTable > tbody > tr > td .btn{white-space:nowrap;word-break:normal}
}