@import '_content/Ebullience.Shared.Web.Components/Ebullience.Shared.Web.Components.wtcv0hckuk.bundle.scp.css';
@import '_content/LiveChartsCore.SkiaSharpView.Blazor/LiveChartsCore.SkiaSharpView.Blazor.h6pgu9i50m.bundle.scp.css';

/* /Pages/DataPacketSetList.razor.rz.scp.css */
[b-xsnrg05d1t] .topic-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  padding: 6px 0 12px;
}

[b-xsnrg05d1t] .topic-link {
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid #e6e8ee;
  border-radius: 2rem;
  color: var(--rz-link-blue, #0a58ca);
  text-decoration: none;
  font-weight: 600;
  line-height: 1;
  transition: background .12s ease, border-color .18s ease, color .12s ease;
}

[b-xsnrg05d1t] .topic-link:hover {
  background: #fafbff;
  border-color: #d7dbe6;
}

[b-xsnrg05d1t] .topic-link.active {
  background: #eef4ff;
  border-color: #bcd0ff;
  color: #0a58ca;
}

.dynamic-topic-title[b-xsnrg05d1t] {
  font-weight: bold;
    padding: 0 .5em;
    text-transform: capitalize;
  color: var(--rz-link-blue, #0a58ca);
}

/* /Pages/DataPacketSetPage.razor.rz.scp.css */
.dp-side[b-ip4gxhdm9e] { display:flex; flex-direction:column; gap:8px; padding:4px 0 12px; }
.dp-item[b-ip4gxhdm9e] { display:block; border:1px solid #e6e8ee; border-radius:10px; padding:8px 10px;
           text-decoration:none; transition:background .12s ease, border-color .18s ease; }
.dp-item:hover[b-ip4gxhdm9e] { background:#fafbff; border-color:#d7dbe6; }
.dp-title[b-ip4gxhdm9e] { font-weight:700; color:var(--rz-link-blue,#0a58ca); line-height:1.25; }
.dp-desc[b-ip4gxhdm9e] { color:#606a7a; font-size:.9rem; line-height:1.35; margin-top:2px;
           display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.dp-side-empty[b-ip4gxhdm9e] { color:#6c757d; padding:8px 0; }

.dp-nav-container[b-ip4gxhdm9e] { display:flex; flex-direction:column; gap:8px; padding:4px 0 12px; }

/* /Pages/DataPacketView.razor.rz.scp.css */
[b-w90mwv1ei3] .packet-set-name {
    font-weight: bold;
    font-size: 1.05em;
}

[b-w90mwv1ei3] .packet-set-description, .packet-set-description[b-w90mwv1ei3] {
    font-size: 1.1em;
    margin-bottom: 2em;
}
.ds-selected[b-w90mwv1ei3] {
    font-weight: bold;
    font-size: 1.1em;
    margin: 1em 0;
    color: var(--rz-primary);
}
.ds-card[b-w90mwv1ei3] {
    margin-bottom: 2rem;
}
.ds-table-view[b-w90mwv1ei3] {
    padding-bottom: 4rem;
}
[b-w90mwv1ei3] .ds-table-view {
    padding-bottom: 4rem;
}

/* /Pages/DataTopics.razor.rz.scp.css */
/* Grid */
.topic-card-grid[b-4p3x010zvy]{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(225px, 1fr));
  gap:16px;
  padding:12px 16px 20px;
}

/* Card (Radzen component -> cross component boundary) */
[b-4p3x010zvy] .rz-card.topic-card{
  cursor:pointer;
  background:#fff;
  border:1px solid #e6e8ee;
  border-radius:12px;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
  transition:transform .12s ease, box-shadow .18s ease, border-color .18s ease;
  padding:16px 16px 14px;

  /* uniform height via reserved title/desc space */
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:180px;
}

[b-4p3x010zvy] .rz-card.topic-card:hover,
[b-4p3x010zvy] .rz-card.topic-card:focus-within {
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(16,24,40,.10);
  border-color:#d7dbe6;
}


.topic-title[b-4p3x010zvy]{
  color:var(--rz-link-blue,#0a58ca);
  text-align: center;
  font-weight: 700;
  font-size: 1.3rem;
  line-height:1.25;
  margin:0 0 8px;
letter-spacing: 0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  min-height:calc(1.25em * 2);
}


.topic-divider[b-4p3x010zvy]{
  height:1px;
  background:#2f3b52;
  opacity:.35;
  margin:0 0 10px;
}


.topic-desc[b-4p3x010zvy]{
  color:#606a7a;
  font-size:.925rem;
  line-height:1.45;
  margin:0;

  display:-webkit-box;
  -webkit-line-clamp:4;         
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  min-height:calc(1.45em * 3);    
}

/* Optional dark mode */
@media (prefers-color-scheme: dark){
  [b-4p3x010zvy] .rz-card.topic-card{
    background:#111418; border-color:#1f2630; box-shadow:0 1px 2px rgba(0,0,0,.35);
  }
  [b-4p3x010zvy] .rz-card.topic-card:hover { border-color:#2a3442; box-shadow:0 12px 28px rgba(0,0,0,.45); }
  .topic-title[b-4p3x010zvy]{ color:#8ab4ff; }
  .topic-desc[b-4p3x010zvy]{ color:#c7ced6; }
  .topic-divider[b-4p3x010zvy]{ background:#7f8aa0; opacity:.4; }
}