.nx-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.nx-row{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding:6px 34px 6px 8px !important;
  min-height:50px !important;
  height:50px !important;
  border-radius:14px;
  border:1px solid rgba(148,163,184,0.25);
  background:rgba(2,6,23,0.6);
  overflow:hidden;
}
.nx-row-link{
  text-decoration:none;
  color:inherit;
  display:flex;
  align-items:center;
  height:50px !important;
}

.nx-row[data-archived="true"]{
  opacity:0.4;
  filter:grayscale(0.7);
}

.nx-row-main{
  display:flex;
  align-items:center;
  gap:12px;
  flex:1 1 auto;
  text-decoration:none;
  color:inherit;
  min-width:0;
}

.nx-row-avatar{
  width:28px !important;
  height:28px !important;
  border-radius:8px !important;
  background:linear-gradient(135deg, rgba(72,255,155,0.24), rgba(12,60,20,0.6));
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  color:#c7ffd4;
  flex-shrink:0;
}

.nx-row-body{
  min-width:0;
  flex:1 1 auto;
}

.nx-row-title{
  font-weight:700;
  font-size:12.5px !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.nx-row-meta{
  font-size:10.5px !important;
  color:rgba(226,232,240,0.75);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.nx-row-side{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
  font-size:10px !important;
  color:rgba(226,232,240,0.7);
  min-width:64px !important;
  flex-shrink:0;
}

.nx-row-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:1px 6px !important;
  border-radius:999px;
  font-size:9px !important;
  font-weight:700;
  letter-spacing:0.02em;
  text-transform:uppercase;
}
.nx-row-status.pending{background:rgba(59,130,246,0.18);color:#93c5fd;}
.nx-row-status.accepted,.nx-row-status.confirmed{background:rgba(16,185,129,0.18);color:#6ee7b7;}
.nx-row-status.declined,.nx-row-status.rejected{background:rgba(239,68,68,0.18);color:#fecaca;}
.nx-row-status.expired,.nx-row-status.cancelled{background:rgba(107,114,128,0.25);color:#e5e7eb;}
.nx-row-status.countered{background:rgba(245,158,11,0.2);color:#fde68a;}

.nx-row-menu{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,0.3);
  background:rgba(2,6,23,0.7);
  color:#e2e8f0;
  font-size:18px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

@media (hover: hover) and (pointer: fine){
  .nx-row-menu{opacity:0;transition:opacity 0.15s ease;}
  .nx-row:hover .nx-row-menu,
  .nx-row:focus-within .nx-row-menu{opacity:1;}
}

.nx-row-menu-panel{
  position:absolute;
  right:44px;
  top:8px;
  background:#0b1324;
  border:1px solid rgba(148,163,184,0.3);
  border-radius:12px;
  padding:6px;
  display:none;
  min-width:160px;
  z-index:20;
  box-shadow:0 12px 28px rgba(0,0,0,0.45);
}
.nx-row-menu-panel.open{display:block;}

.nx-row-menu-item{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  padding:8px 10px;
  border-radius:8px;
  border:0;
  background:transparent;
  color:#e2e8f0;
  text-decoration:none;
  text-align:left;
  font-size:13px;
  cursor:pointer;
}
.nx-row-menu-item:hover,
.nx-row-menu-item:focus{
  background:rgba(148,163,184,0.2);
}

.nx-swipe-hint{
  position:absolute;
  top:0;
  bottom:0;
  width:40%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:#fff;
  opacity:0;
  transition:opacity 0.2s ease;
  pointer-events:none;
}
.nx-swipe-hint.primary{left:0;background:rgba(34,197,94,0.5);}
.nx-swipe-hint.secondary{right:0;background:rgba(239,68,68,0.45);}
.nx-row[data-swipe="primary"] .nx-swipe-hint.primary,
.nx-row[data-swipe="secondary"] .nx-swipe-hint.secondary{
  opacity:1;
}

.nx-toast{
  position:fixed;
  left:50%;
  bottom:90px;
  transform:translateX(-50%);
  background:#0b1324;
  border:1px solid rgba(148,163,184,0.35);
  color:#e2e8f0;
  padding:10px 14px;
  border-radius:12px;
  display:none;
  gap:12px;
  align-items:center;
  z-index:999;
  box-shadow:0 16px 32px rgba(0,0,0,0.5);
}
.nx-toast.show{display:flex;}
.nx-toast button{
  border:1px solid rgba(148,163,184,0.4);
  background:transparent;
  color:#e2e8f0;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  cursor:pointer;
}