/* global bar */
#ssp-global { margin: 12px 0 18px; }
#ssp-global .bar{
  display:flex; flex-wrap:wrap; gap:8px; align-items:center;
  padding:10px; border:1px solid rgba(127,127,127,.25); border-radius:12px;
}
#ssp-global input, #ssp-global select, #ssp-global button{
  padding:8px 10px; border-radius:10px; border:1px solid rgba(127,127,127,.25);
  background:transparent; color:inherit;
}
#ssp-global input{ min-width:240px; flex:1 1 240px; }
#ssp-global button{ cursor:pointer; }

/* per-section widget */
.ssp-widget{
  margin: 8px 0 26px;
  font: 14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial;
}
.ssp-widget .meta{ font-size:12px; opacity:.8; margin: 0 0 8px; }
.ssp-widget table{
  width:100%;
  border-collapse: separate;
  border-spacing: 0;
  border:1px solid rgba(127,127,127,.25);
  border-radius:12px;
  overflow:hidden;
}
.ssp-widget th{
  position: sticky; top: 0; z-index: 1;
  background: rgba(0,0,0,.03);
  text-align:left; font-size:12px; opacity:.85;
  padding:10px;
  border-bottom:1px solid rgba(127,127,127,.25);
}
.ssp-widget td{
  padding:9px 10px;
  border-bottom:1px solid rgba(127,127,127,.18);
  vertical-align:top;
}
.ssp-widget tr:last-child td{ border-bottom:0; }
.ssp-widget .small{ font-size:12px; opacity:.75; }
.ssp-widget .nowrap{ white-space:nowrap; }