/* Styles du widget [uemoa_emissions] — repris tels quels de « Liste d'émissions.php » (uemoa_global_css). */

.uemoa-widget {
  --u-navy:   #215471; --u-sky: #62B0D4; --u-sky-pale: #F0F9FD;
  --u-yellow: #F8DC18; --u-surface: #ffffff;
  --u-border: #d0e9f5; --u-border2: #a9d4ea;
  --u-text:   #0d2b3e; --u-text2: #3d6e87; --u-text3: #7aaec8;
  --u-hover:  #e6f4fb;
  --u-shadow: 0 2px 8px rgba(33,84,113,.07), 0 8px 28px rgba(33,84,113,.05);
  font-family: 'IBM Plex Sans', sans-serif !important;
  box-sizing: border-box !important;
}
.uemoa-widget *, .uemoa-widget *::before, .uemoa-widget *::after { box-sizing: inherit !important; }
.uemoa-spinner-wrap { display: flex; align-items: center !important; justify-content: center !important; gap: 12px !important; padding: 48px 24px !important; color: var(--u-text3) !important; font-size: 13px !important; }
.uemoa-spinner { width: 28px !important; height: 28px !important; border: 3px solid var(--u-border) !important; border-top-color: var(--u-sky) !important; border-radius: 50% !important; animation: uemoa-spin .7s linear infinite !important; flex-shrink: 0 !important; }
@keyframes uemoa-spin { to { transform: rotate(360deg); } }
.uemoa-toolbar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: .75rem !important; margin-bottom: 1.25rem !important; flex-wrap: wrap !important; }
@media (max-width:560px) { .uemoa-toolbar { flex-direction: column !important; align-items: stretch !important; } .uemoa-cs-wrap, .uemoa-search-wrap { width: 100% !important; } }
.uemoa-cs-wrap { position: relative !important; min-width: 180px !important; display: inline-block !important; }
.uemoa-cs-trigger { display: flex !important; align-items: center !important; gap: 8px !important; padding: 7px 12px !important; border: 1.5px solid var(--u-border2) !important; border-radius: 10px !important; background: var(--u-surface) !important; cursor: pointer !important; font-family: inherit !important; font-size: 13px !important; font-weight: 500 !important; color: var(--u-text2) !important; white-space: nowrap !important; user-select: none !important; min-width: 180px !important; min-height: 36px !important; }
.uemoa-cs-trigger:hover { border-color: var(--u-sky) !important; color: var(--u-navy) !important; }
.uemoa-cs-trigger.open  { border-color: var(--u-sky) !important; box-shadow: 0 0 0 3px rgba(98,176,212,.15) !important; color: var(--u-navy) !important; }
.uemoa-cs-trigger.has-value { border-color: var(--u-navy) !important; background: var(--u-navy) !important; color: #fff !important; }
.uemoa-cs-trigger.has-value:hover { background: #1a4360 !important; }
.uemoa-cs-label { flex: 1 !important; overflow: hidden !important; text-overflow: ellipsis !important; color: inherit !important; font-size: 13px !important; font-weight: 500 !important; display: block !important; }
.uemoa-cs-chevron { flex-shrink: 0 !important; flex-basis: max-content !important; margin-left: 2px !important; transition: transform .2s !important; color: var(--u-text3) !important; }
.uemoa-cs-trigger.open .uemoa-cs-chevron, .uemoa-cs-trigger.has-value .uemoa-cs-chevron { transform: rotate(180deg) !important; color: inherit !important; }
.uemoa-cs-clear { display: none !important; align-items: center !important; justify-content: center !important; width: 16px !important; height: 16px !important; border-radius: 50% !important; background: rgba(255,255,255,.25) !important; color: #fff !important; font-size: 11px !important; flex-shrink: 0 !important; cursor: pointer !important; }
.uemoa-cs-trigger.has-value .uemoa-cs-clear { display: inline-flex !important; }
.uemoa-cs-dropdown { display: none !important; position: absolute !important; top: calc(100% + 6px) !important; left: 0 !important; min-width: 100% !important; background: var(--u-surface) !important; border: 1.5px solid var(--u-border2) !important; border-radius: 12px !important; box-shadow: 0 8px 30px rgba(33,84,113,.14) !important; z-index: 9999 !important; overflow: hidden !important; }
.uemoa-cs-dropdown.open { display: block !important; }
.uemoa-cs-search-wrap { padding: 10px 10px 6px !important; border-bottom: 1px solid var(--u-border) !important; }
.uemoa-cs-search { width: 100% !important; padding: 6px 10px !important; border: 1.5px solid var(--u-border) !important; border-radius: 7px !important; font-family: inherit !important; font-size: 12px !important; color: var(--u-text) !important; background: var(--u-sky-pale) !important; outline: none !important; }
.uemoa-cs-search:focus { border-color: var(--u-sky) !important; }
.uemoa-cs-search::placeholder { color: var(--u-text3) !important; }
.uemoa-cs-options { max-height: 230px !important; overflow-y: auto !important; padding: 4px 0 !important; }
.uemoa-cs-options::-webkit-scrollbar { width: 4px !important; }
.uemoa-cs-options::-webkit-scrollbar-thumb { background: var(--u-border2) !important; border-radius: 4px !important; }
.uemoa-cs-option { display: flex !important; align-items: center !important; gap: 10px !important; padding: 9px 14px !important; cursor: pointer !important; font-size: 13px !important; color: var(--u-text) !important; transition: background .1s !important; }
.uemoa-cs-option:hover { background: var(--u-sky-pale) !important; }
.uemoa-cs-option.uemoa-cs-selected { background: var(--u-sky-pale) !important; font-weight: 600 !important; color: var(--u-navy) !important; }
.uemoa-cs-option.uemoa-cs-hidden { display: none !important; }
.uemoa-cs-option-label { flex: 1 !important; }
.uemoa-cs-option-check { width: 16px !important; height: 16px !important; flex-shrink: 0 !important; border: 1.5px solid var(--u-border2) !important; border-radius: 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.uemoa-cs-option.uemoa-cs-selected .uemoa-cs-option-check { background: var(--u-navy) !important; border-color: var(--u-navy) !important; }
.uemoa-cs-option.uemoa-cs-selected .uemoa-cs-option-check::after { content: '✓' !important; font-size: 10px !important; color: #fff !important; font-weight: 700 !important; }
.uemoa-cs-empty { padding: 12px 14px !important; font-size: 12px !important; color: var(--u-text3) !important; text-align: center !important; display: none !important; }
.uemoa-search-wrap { position: relative !important; }
.uemoa-search-wrap svg { position: absolute !important; left: 10px !important; top: 50% !important; width: max-content !important; transform: translateY(-50%) !important; color: var(--u-text3) !important; pointer-events: none !important; }
.uemoa-search-input { font-family: inherit !important; font-size: 13px !important; padding: 7px 12px 7px 32px !important; border: 1.5px solid var(--u-border) !important; border-radius: 10px !important; background: var(--u-surface) !important; color: var(--u-text) !important; outline: none !important; width: 210px !important; }
.uemoa-search-input:disabled { opacity: .5 !important; cursor: not-allowed !important; }
@media (max-width:480px) { .uemoa-search-input { width: 100% !important; } }
.uemoa-search-input:focus { border-color: var(--u-sky) !important; box-shadow: 0 0 0 3px rgba(98,176,212,.15) !important; }
.uemoa-search-input::placeholder { color: var(--u-text3) !important; }
.uemoa-card { background: var(--u-surface) !important; border: 1px solid var(--u-border) !important; border-radius: 14px !important; box-shadow: var(--u-shadow) !important; overflow: hidden !important; }
.uemoa-widget div.dataTables_wrapper { padding: 0 !important; }
.uemoa-widget div.dataTables_length, .uemoa-widget div.dataTables_filter, .uemoa-widget div.dataTables_info { display: none !important; height: 0 !important; overflow: hidden !important; }
.uemoa-widget .dataTables_wrapper > .dataTables_paginate { display: none !important; }
.uemoa-widget div.dt-container { padding: 0 !important; }
.uemoa-widget div.dt-layout-row:not(.dt-layout-table) { display: none !important; height: 0 !important; overflow: hidden !important; }
.uemoa-widget .dt-layout-row .dt-paging { display: none !important; }
.uemoa-widget table.dataTable { width: 100% !important; border-collapse: collapse !important; font-size: 13px !important; margin: 0 !important; font-family: 'IBM Plex Sans', sans-serif !important; }
.uemoa-widget table.dataTable thead { background: var(--u-navy) !important; }
.uemoa-widget table.dataTable thead tr { background: var(--u-navy) !important; border: none !important; }
.uemoa-widget table.dataTable thead th { font-size: 10px !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: rgba(255,255,255,.6) !important; padding: 13px 26px 13px 15px !important; border-bottom: 2px solid rgba(98,176,212,.3) !important; background: var(--u-navy) !important; white-space: nowrap !important; position: relative !important; text-align: center !important; border-left: none !important; border-right: none !important; border-top: none !important; }
.uemoa-widget table.dataTable thead th:first-child { text-align: left !important; }
.uemoa-widget table.dataTable thead th:nth-child(2) { text-align: left !important; }
.uemoa-widget table.dataTable thead th.sorting_asc, .uemoa-widget table.dataTable thead th.sorting_desc,
.uemoa-widget table.dataTable thead th.dt-ordering-asc, .uemoa-widget table.dataTable thead th.dt-ordering-desc { color: var(--u-yellow) !important; }
.uemoa-widget table.dataTable thead th .dt-column-order { display: none !important; }
.uemoa-widget table.dataTable thead th.sorting::before, .uemoa-widget table.dataTable thead th.sorting_asc::before,
.uemoa-widget table.dataTable thead th.sorting_desc::before, .uemoa-widget table.dataTable thead th.dt-orderable-asc::before,
.uemoa-widget table.dataTable thead th.dt-orderable-desc::before { display: none !important; content: none !important; }
.uemoa-widget table.dataTable thead th.dt-orderable-asc:not(.dt-ordering-asc):not(.dt-ordering-desc)::after,
.uemoa-widget table.dataTable thead th.dt-orderable-desc:not(.dt-ordering-asc):not(.dt-ordering-desc)::after,
.uemoa-widget table.dataTable thead th.sorting:not(.sorting_asc):not(.sorting_desc)::after {
  content:'⇅' !important; display:block !important; position:absolute !important; right:9px !important; top:50% !important; transform:translateY(-50%) !important; opacity:.35 !important; font-size:11px !important; color:rgba(255,255,255,.6) !important; }
.uemoa-widget table.dataTable thead th.sorting_asc::after, .uemoa-widget table.dataTable thead th.dt-ordering-asc::after {
  content:'▲' !important; display:block !important; position:absolute !important; right:10px !important; top:50% !important; transform:translateY(-50%) !important; opacity:1 !important; color:var(--u-yellow) !important; font-size:9px !important; }
.uemoa-widget table.dataTable thead th.sorting_desc::after, .uemoa-widget table.dataTable thead th.dt-ordering-desc::after {
  content:'▼' !important; display:block !important; position:absolute !important; right:10px !important; top:50% !important; transform:translateY(-50%) !important; opacity:1 !important; color:var(--u-yellow) !important; font-size:9px !important; }
.uemoa-widget table.dataTable tbody tr { border-bottom: 1px solid var(--u-border) !important; transition: background .1s !important; }
.uemoa-widget table.dataTable tbody tr:last-child { border-bottom: none !important; }
.uemoa-widget table.dataTable tbody tr:hover { background: var(--u-hover) !important; }
.uemoa-widget table.dataTable tbody td { padding: 12px 15px !important; vertical-align: middle !important; white-space: nowrap !important; border: none !important; background: transparent !important; text-align: center !important; font-size: 13px !important; font-family: 'IBM Plex Sans', sans-serif !important; }
.uemoa-widget table.dataTable tbody td:first-child { text-align: left !important; }
.uemoa-widget table.dataTable tbody td:nth-child(2) { text-align: left !important; }
.uemoa-widget table.dataTable tbody tr:nth-child(odd) td, .uemoa-widget table.dataTable tbody tr:nth-child(even) td { background: transparent !important; }
.uemoa-widget table.dataTable tfoot { display: none !important; }
.uemoa-widget table.dataTable tbody td.dtr-control { cursor: pointer !important; }
.uemoa-widget table.dataTable tbody td.dtr-control::before { display: none !important; }
.uemoa-widget table.dataTable.dtr-inline tbody tr.dtr-expandable td.dtr-control::before,
.uemoa-widget table.dataTable.dtr-inline tbody tr.parent td.dtr-control::before {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; content: '+' !important; width: 26px !important; height: 26px !important; border-radius: 7px !important; border: 1.5px solid var(--u-border2) !important; background: var(--u-sky-pale) !important; color: var(--u-navy) !important; font-size: 18px !important; font-weight: 300 !important; line-height: 1 !important; box-shadow: none !important; position: static !important; margin: 0 6px 0 0 !important; top: auto !important; left: auto !important; transform: none !important; vertical-align: middle !important; }
.uemoa-widget table.dataTable.dtr-inline tbody tr.parent td.dtr-control::before {
  content: '×' !important; background: var(--u-navy) !important; border-color: var(--u-navy) !important; color: #fff !important; font-size: 20px !important; }
.uemoa-widget table.dataTable tbody tr.child, .uemoa-widget table.dataTable tbody tr.dtr-details { background: var(--u-sky-pale) !important; }
.uemoa-widget table.dataTable tbody tr.child td, .uemoa-widget table.dataTable tbody tr.dtr-details td { padding: 0 !important; border: none !important; white-space: normal !important; background: transparent !important; }
.uemoa-widget table.dataTable tbody tr.child ul.dtr-details { list-style: none !important; margin: 0 !important; padding: 6px 0 !important; display: flex !important; flex-direction: column !important; }
.uemoa-widget table.dataTable tbody tr.child ul.dtr-details > li { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 9px 16px !important; border-bottom: 1px solid var(--u-border) !important; }
.uemoa-widget table.dataTable tbody tr.child ul.dtr-details > li:last-child { border-bottom: none !important; }
.uemoa-widget table.dataTable tbody tr.child ul.dtr-details .dtr-title { font-size: 10px !important; font-weight: 600 !important; letter-spacing: .09em !important; text-transform: uppercase !important; color: var(--u-text3) !important; flex-shrink: 0 !important; }
.uemoa-widget table.dataTable tbody tr.child ul.dtr-details .dtr-data { font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; color: var(--u-text) !important; text-align: right !important; }
.uemoa-emetteur-cell { display: flex !important; align-items: center !important; gap: 10px !important; }
.uemoa-flag-box { width: 32px !important; height: 24px !important; border-radius: 4px !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; }
.uemoa-emetteur-name { font-weight: 600 !important; font-size: 13px !important; color: var(--u-text) !important; }
.uemoa-date-val { font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; color: var(--u-text2) !important; }
.uemoa-montant  { font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; color: var(--u-text2) !important; }
.uemoa-dash     { color: var(--u-text3) !important; font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; }
.uemoa-btn-info { display: inline-flex !important; align-items: center !important; gap: 5px !important; font-family: inherit !important; font-size: 11.5px !important; font-weight: 500 !important; padding: 6px 12px !important; border-radius: 7px !important; background: var(--u-navy) !important; color: #fff !important; text-decoration: none !important; white-space: nowrap !important; border: 1.5px solid transparent !important; transition: background .15s, color .15s, border-color .15s !important; }
.uemoa-btn-info:hover { background: #fff !important; color: var(--u-navy) !important; border-color: var(--u-navy) !important; text-decoration: none !important; }
.uemoa-btn-info svg { flex-shrink: initial !important; }
@media (max-width:720px) { .uemoa-btn-info { padding: 6px 8px !important; } .uemoa-btn-label { display: none !important; } }
.uemoa-footer { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 8px !important; padding: 10px 16px !important; background: var(--u-navy) !important; font-size: 11.5px !important; color: rgba(255,255,255,.55) !important; border-radius: 0 0 14px 14px !important; }
.uemoa-footer-count { display: flex !important; align-items: center !important; }
.uemoa-footer-count strong { color: rgba(255,255,255,.9) !important; font-weight: 600 !important; }
.uemoa-footer [id$="_table_paginate"], .uemoa-footer .dataTables_paginate, .uemoa-footer .dt-paging { display: flex !important; align-items: center !important; gap: 3px !important; }
.uemoa-footer [id$="_table_paginate"] .paginate_button, .uemoa-footer .dataTables_paginate .paginate_button,
.uemoa-footer .dt-paging .dt-paging-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 30px !important; height: 30px !important; padding: 0 9px !important; border-radius: 7px !important; border: 1px solid rgba(255,255,255,.15) !important; background: transparent !important; color: rgba(255,255,255,.6) !important; font-size: 12.5px !important; font-weight: 500 !important; cursor: pointer !important; font-family: inherit !important; user-select: none !important; line-height: 1 !important; text-decoration: none !important; }
.uemoa-footer .dt-paging .dt-paging-button:hover:not(.disabled):not(.current) { background: rgba(255,255,255,.12) !important; border-color: rgba(255,255,255,.35) !important; color: #fff !important; }
.uemoa-footer .dt-paging .dt-paging-button.current, .uemoa-footer .dt-paging .dt-paging-button.current:hover { background: #fff !important; color: var(--u-navy) !important; border-color: #fff !important; font-weight: 700 !important; }
.uemoa-footer .dt-paging .dt-paging-button.disabled, .uemoa-footer .dt-paging .dt-paging-button.disabled:hover { opacity: .25 !important; cursor: default !important; background: transparent !important; }
.uemoa-footer .dt-paging .ellipsis { color: rgba(255,255,255,.5) !important; padding: 0 4px !important; display: inline-flex !important; align-items: center !important; }