/* sidebar logic hints */
.logic-hint-list{
  display:grid;
  gap:9px;
}
.logic-hint{
  display:grid;
  grid-template-columns:8px minmax(0,1fr);
  gap:9px;
  align-items:start;
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel-sunken);
}
.logic-dot{
  width:6px;
  height:6px;
  margin-top:6px;
  border-radius:50%;
  background:var(--brand);
  box-shadow:0 0 0 3px var(--brand-soft);
}
.logic-hint p{
  margin:0;
  color:var(--fg-dim);
  font-size:11.5px;
  line-height:1.45;
  font-weight:700;
}

/* mobile sidebar page navigation */
.mobile-page-nav{display:none;}
.mobile-page-link em{
  font-style:normal;
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  color:var(--fg-mute);
}
.mobile-page-link.is-current{
  background:var(--brand-soft)!important;
  border-color:var(--brand-border)!important;
  color:var(--fg)!important;
}
@media(max-width:1100px){
  .mobile-page-nav{display:block;}
}

/* notifications sidebar: groups only, plus separate settings entry */
.notifications-sidebar-groups .side-link.notification-group-link,
.notifications-sidebar-settings .side-link.notification-settings-link{
  min-height:36px!important;
  justify-content:flex-start!important;
  padding:0 10px!important;
}
.notifications-sidebar-groups .side-link.notification-group-link span,
.notifications-sidebar-settings .side-link.notification-settings-link span{
  min-width:0;
}
.notifications-sidebar-groups .side-link.notification-group-link b,
.notifications-sidebar-settings .side-link.notification-settings-link b{
  font-size:12px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.notifications-group-view .timeline-item{
  cursor:pointer;
}
.notification-history-view{
  border-top:0;
  border-radius:0;
}
.notification-history-view .balhp-table-head,
.notification-history-view .balhp-row{
  grid-template-columns:14px 28px 90px minmax(170px,1fr) minmax(120px,.8fr) 92px 90px 70px 110px 30px 28px;
}
.notification-history-row .balhp-token-symbol{
  padding-left:6px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.notification-history-row[data-selected="true"]{
  background:color-mix(in srgb,var(--brand) 9%,var(--bg));
}
.notification-history-row[data-read="false"]{
  background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 10%,var(--bg)) 0%,var(--bg) 72%);
}
.notification-history-row[data-read="false"] .balhp-accent{
  background:var(--notification-group-color,var(--brand))!important;
  box-shadow:0 0 12px color-mix(in srgb,var(--notification-group-color,var(--brand)) 75%,transparent),0 0 0 1px color-mix(in srgb,var(--notification-group-color,var(--brand)) 45%,transparent);
  opacity:1;
}
.notification-history-row[data-read="false"] .balhp-token-symbol{
  color:var(--fg);
  font-weight:950;
}
.notification-history-row[data-read="true"]{
  opacity:.72;
}
.notification-history-row[data-read="true"] .balhp-accent{
  background:var(--notification-group-color,var(--fg-faint))!important;
  box-shadow:none;
  opacity:.28;
}
.notification-history-row[data-read="true"] .balhp-token-symbol{
  color:var(--fg-dim);
  font-weight:800;
}
.notification-history-row[data-read="true"] .notification-unread-dot{
  display:none;
}
.notification-history-row[data-selected="true"]+.notification-history-detail{
  border-left:3px solid var(--brand);
}
.notification-unread-dot{
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:8px;
  border-radius:50%;
  background:var(--brand);
  box-shadow:0 0 0 3px var(--brand-soft);
  vertical-align:1px;
}
.notification-select{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.notification-select input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.notification-select span{
  width:16px;
  height:16px;
  border-radius:5px;
  border:1px solid var(--line-strong);
  background:var(--panel-sunken);
  display:grid;
  place-items:center;
  transition:background .15s,border-color .15s,box-shadow .15s;
}
.notification-select input:checked+span{
  background:var(--brand);
  border-color:var(--brand-border);
  box-shadow:0 0 0 3px var(--brand-soft);
}
.notification-select input:checked+span::after{
  content:'';
  width:7px;
  height:4px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg) translateY(-1px);
}
.notification-select-all,
.notification-delete-selected,
.notification-delete-row{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  background:var(--panel-high);
  color:var(--fg-mute);
  font-size:10.5px;
  font-weight:900;
  border-radius:7px;
  transition:color .15s,border-color .15s,background .15s,opacity .15s;
}
.notification-select-all,
.notification-delete-selected{
  min-height:28px;
  padding:0 10px;
}
.notification-select-all:hover,
.notification-select-all.is-active{
  color:var(--brand);
  border-color:var(--brand-border);
}
.notification-delete-selected{
  color:var(--down);
  border-color:var(--down-border);
  background:var(--down-bg);
}
.notification-delete-selected:disabled{
  opacity:.45;
  cursor:not-allowed;
  color:var(--fg-mute);
  border-color:var(--line);
  background:var(--panel-high);
}
.notification-delete-row{
  width:24px;
  height:24px;
  font-size:15px;
  line-height:1;
  color:var(--fg-mute);
}
.notification-delete-row:hover{
  color:var(--down);
  border-color:var(--down-border);
  background:var(--down-bg);
}
.notification-empty-state{
  padding:18px 16px;
  color:var(--fg-mute);
  font-size:11px;
  font-weight:800;
  text-align:center;
  border-bottom:1px solid var(--line);
  background:var(--bg);
}
.notification-history-row .balhp-route span:first-child.warn,
.notification-history-row .balhp-route span:first-child.up,
.notification-history-row .balhp-route span:first-child.brd{
  max-width:110px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.notification-history-detail .notification-detail-blocks{
  display:flex;
  align-items:stretch;
  gap:0;
  background:transparent;
  border-bottom:1px solid var(--line);
}
.notification-history-detail .notification-detail-text{
  flex:1 1 auto;
  min-width:0;
}
.notification-history-detail .notification-detail-params{
  flex:0 0 420px;
  width:420px;
  max-width:420px;
  margin-left:0;
  border-left:1px solid var(--line);
}
.notification-history-detail .notification-detail-blocks>.balhp-block:last-child{
  justify-self:auto;
  width:auto;
  max-width:none;
}
.notification-detail-text p{
  margin:0;
  color:var(--fg-dim);
  font-size:12px;
  line-height:1.6;
  font-weight:650;
}
.notification-feed-card .card-head.notification-card-head{
  margin-bottom:10px;
}
.notification-count-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:22px;
  padding:3px 8px;
  margin-right:6px;
  border-radius:999px;
  background:var(--up-bg);
  border:1px solid var(--up-border);
  color:var(--up);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.notification-count-chip b{
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
}
.notification-count-chip.muted{
  background:var(--panel-sunken);
  border-color:var(--line);
  color:var(--fg-mute);
}
.notification-message .sbadge{
  min-width:74px;
  justify-content:center;
}
.notification-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.settings-block{
  background:var(--panel-sunken);
  border:1px solid var(--line);
  border-radius:13px;
  padding:14px;
}
.settings-block-title{
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--fg-dim);
  margin-bottom:12px;
}
@media(max-width:900px){
  .notification-settings-grid{grid-template-columns:1fr;}
  .notification-detail-blocks{grid-template-columns:1fr;}
  .notification-history-view .balhp-row{
    grid-template-columns:4px 26px minmax(0,1fr) auto 28px;
  }
  .notification-history-view .balhp-row>div:nth-child(1){grid-column:1;grid-row:1/3;align-self:stretch;height:auto;min-height:38px}
  .notification-history-view .balhp-row>.notification-select{grid-column:2;grid-row:1/3;align-self:center}
  .notification-history-view .balhp-row>div:nth-child(3){grid-column:3;grid-row:2}
  .notification-history-view .balhp-row>div:nth-child(4){grid-column:3;grid-row:1}
  .notification-history-view .balhp-row>div:nth-child(5){grid-column:4;grid-row:2;text-align:right;justify-content:flex-end;font-size:11px}
  .notification-history-view .balhp-row>div:nth-child(6){grid-column:4;grid-row:1;text-align:right;font-size:12px}
  .notification-history-view .balhp-row>div:nth-child(7),
  .notification-history-view .balhp-row>div:nth-child(8),
  .notification-history-view .balhp-row>div:nth-child(9){display:none}
  .notification-history-view .balhp-row>.notification-delete-row{display:none}
  .notification-history-view .balhp-row>div:nth-child(11){grid-column:5;grid-row:1/3;align-self:center}
}