.ui-panel,
.ui-card,
.ui-results-bar {
  box-sizing:border-box;
  border:1px solid var(--color-border-default,#34495e);
  border-radius:var(--ui-radius-panel);
  background:var(--color-surface-1,#07111c);
  color:var(--color-text-primary,#f4f7fb);
}
.ui-panel { padding:var(--ui-panel-padding); box-shadow:var(--shadow-panel,0 12px 32px rgba(7,17,29,.08)); }
.ui-panel--flush { padding:0; overflow:hidden; }
.ui-card { border-radius:var(--ui-radius-card); transition:border-color var(--ui-transition-fast),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast); }
.ui-card--media { overflow:hidden; }
a.ui-card:hover { border-color:var(--color-border-accent,#1684ff); background:var(--color-surface-hover,#0d1d2c); color:inherit; text-decoration:none; transform:translateY(-1px); }
a.ui-card:focus-visible { outline:2px solid var(--color-focus-ring,#63b2ff); outline-offset:2px; box-shadow:var(--ui-focus-shadow); }
.ui-results-bar { display:flex; min-height:52px; align-items:center; gap:10px; margin:0 0 14px; padding:10px 14px; border-left:4px solid var(--color-primary,#1479d4); }
.ui-results-bar .listing-results-copy { flex:0 0 auto; }
.ui-results-bar .listing-summary { margin:0; color:var(--color-text-primary,#f4f7fb); font-weight:900; }
@media(max-width:767px) {
  .ui-panel:not(.ui-panel--flush) { padding:14px; }
  .ui-results-bar { min-height:0; align-items:flex-start; flex-wrap:wrap; }
}