/* Container */
.nextnets-box {
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: rgba(0,0,0,0.00) !important;  /* transparent */
    border-radius: 14px !important;
    padding: 10px !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15) !important;
    margin-bottom: 10px !important;
}

/* Title */
.nextnets-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #333;
    text-align: center;
}

/* Net item pill */
.nextnets-item {
    background: rgba(255, 240, 200, 0.55) !important;  /* warm tan */
    border-radius: 20px !important;
    padding: 6px 12px !important;
    margin-bottom: 6px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 14px !important;
    color: #4a3f2a !important;
    border: 1px solid rgba(180, 150, 90, 0.45) !important;
}

/* Active highlight (GREEN) */
.nextnets-item.active {
    background: rgba(0,128,0,0.20) !important;
    border: 1px solid rgba(0,128,0,0.45) !important;
    font-weight: bold !important;
    color: #0a4f0a !important;
    box-shadow: 0 0 4px rgba(0,128,0,0.25) !important;
}

/* Name on left */
.nextnets-name {
    flex: 1;
    padding-right: 10px;
}

/* Time on right */
.nextnets-time {
    font-size: 13px;
    opacity: 0.85;
    white-space: nowrap;
}

/* Empty message */
.nextnets-empty {
    color: #888;
    font-size: 14px;
    padding: 6px 0;
    text-align: center;
}