/* Borangly Phase 16 — integrity fixes for duplicated legacy UI layers */

/* Phase 7 filters belong to the same dashboard composition after Phase 15 wraps it. */
body:not(.public-body) .b15-dashboard-grid>.b7-form-tools{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 -2px;
  padding:2px 2px 0;
}
body:not(.public-body) .b15-dashboard-grid>.b7-form-tools .b7-filter-group{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
body:not(.public-body) .b15-dashboard-grid>.b7-form-tools .b7-filter{
  border:1px solid #dce5f1;
  background:#fffefa;
  color:#53657f;
  border-radius:999px;
  min-height:34px;
  padding:6px 12px;
  font-size:12px;
  font-weight:750;
}
body:not(.public-body) .b15-dashboard-grid>.b7-form-tools .b7-filter:hover{background:#f2f6fc;color:#17365f}
body:not(.public-body) .b15-dashboard-grid>.b7-form-tools .b7-filter.active{
  color:#fff;
  border-color:#1769ff;
  background:linear-gradient(135deg,#1769ff,#0d55e8);
  box-shadow:0 7px 18px rgba(23,105,255,.17)
}
body:not(.public-body) .b15-dashboard-grid>.b7-form-tools .b7-count{color:#7b879b;font-size:11px;font-weight:700}

/* Keep the new WaslFlow architecture visually and functionally singular. */
.b16-hidden-routing{display:none!important}
body:not(.public-body) .b16-wasl-note{
  display:grid;
  grid-template-columns:minmax(280px,.85fr) minmax(300px,1.15fr);
  align-items:center;
  gap:20px;
  margin:14px 0 18px;
  padding:17px 18px;
  border:1px solid #d5e3fa;
  border-radius:16px;
  background:linear-gradient(135deg,#f5f9ff 0%,#fffefa 62%);
  box-shadow:0 7px 22px rgba(7,26,59,.045)
}
body:not(.public-body) .b16-wasl-note strong{display:block;color:#10284b;font-size:14px;margin-bottom:4px}
body:not(.public-body) .b16-wasl-note p{margin:0;color:#66758c;font-size:12px;line-height:1.55}
body:not(.public-body) .b16-wasl-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
body:not(.public-body) .b16-wasl-flow span{
  padding:7px 9px;
  border:1px solid #d8e6fb;
  border-radius:10px;
  background:#fff;
  color:#1a467d;
  font-size:11px;
  font-weight:800;
  box-shadow:0 3px 9px rgba(7,26,59,.025)
}
body:not(.public-body) .b16-wasl-flow b{color:#1769ff;font-size:13px}
body:not(.public-body) .b8-integrations[data-b16-wasl="1"] .b8-formgrid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)
}
body:not(.public-body) .b8-integrations[data-b16-wasl="1"] #b8WfUrl,
body:not(.public-body) .b8-integrations[data-b16-wasl="1"] #b8WfToken{
  min-height:46px;
  border-color:#d6e1f0;
  border-radius:11px;
  background:#fff;
}
body:not(.public-body) .b8-integrations[data-b16-wasl="1"] #b8WfUrl:focus,
body:not(.public-body) .b8-integrations[data-b16-wasl="1"] #b8WfToken:focus{
  border-color:#79aaff;
  box-shadow:0 0 0 4px rgba(23,105,255,.08);
  outline:none
}

@media(max-width:820px){
  body:not(.public-body) .b16-wasl-note{grid-template-columns:1fr;gap:12px}
}
@media(max-width:640px){
  body:not(.public-body) .b15-dashboard-grid>.b7-form-tools{align-items:flex-start;flex-direction:column}
  body:not(.public-body) .b15-dashboard-grid>.b7-form-tools .b7-filter-group{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  body:not(.public-body) .b15-dashboard-grid>.b7-form-tools .b7-filter{white-space:nowrap}
  body:not(.public-body) .b8-integrations[data-b16-wasl="1"] .b8-formgrid{grid-template-columns:1fr}
}